{
  "name": "spreadsheet-theme",
  "type": "registry:style",
  "files": [
    {
      "path": "components/spreadsheet/spreadsheet-theme.css",
      "content": "/**\n * Optional registry theme overrides for @unsanity/spreadsheet.\n *\n * The headless package ships layout-only CSS in `@unsanity/spreadsheet/styles.css`\n * (positioning, sticky headers, virtual scroll chrome, fill-handle geometry).\n * This file demonstrates how a host app can theme the spreadsheet using the\n * data-* attributes emitted by the headless primitives:\n *\n *   - [data-selection=\"anchor\"|\"range\"|\"none\"]   on each cell\n *   - [data-anchor], [data-editing], [data-copied], [data-gridlines]   on each cell\n *   - [data-state=\"selected\"], [data-reorderable]                       on row / column headers\n *   - [data-active], [data-part=\"address\"|\"input\"]                      on the formula bar\n *\n * Import this file once near your shadcn `globals.css` to opt into the\n * theming below, or copy/edit the selectors to match your design system.\n */\n\n.spreadsheet-cell[data-selection=\"range\"] {\n  background: color-mix(in oklch, var(--primary) 12%, transparent);\n}\n\n.spreadsheet-cell[data-selection=\"anchor\"] {\n  background: var(--background);\n}\n\n.spreadsheet-cell[data-copied] {\n  outline-offset: -2px;\n}\n\n.spreadsheet-row-header[data-state=\"selected\"],\n.spreadsheet-col-header[data-state=\"selected\"] {\n  background: color-mix(in oklch, var(--primary) 18%, transparent);\n  color: var(--foreground);\n}\n\n.spreadsheet-row-header[data-reorderable],\n.spreadsheet-col-header[data-reorderable] {\n  cursor: grab;\n}\n\n.spreadsheet-formula-bar:not([data-active]) {\n  opacity: 0.6;\n}\n\n.spreadsheet-formula-bar [data-part=\"address\"] {\n  font-variant-numeric: tabular-nums;\n}\n",
      "type": "registry:style"
    }
  ]
}