@handamade/psi-mcp 0.15.0 → 0.16.0

package/dist/psi-index.json

@@ -1,5 +1,5 @@
 {
- "version": "0.15.0",
+ "version": "0.16.0",
  "themes": [
   "light",
   "dark",
@@ -1048,7 +1048,7 @@
      "type": "((sort: TableSortState) => void)",
      "required": false,
      "default": null,
-     "description": "Called when a header's sort control is activated. Optional in the type\nbecause `sortable` may be false; a discriminated union expressing the real\ncontract does not survive docgen's flat prop extraction, which would strip\nthese props from the manifest entirely (D62)."
+     "description": "Called with the **next** sort state, already toggled — store it as given\nand do not toggle again. A fresh column arrives `\"asc\"`; an active `\"asc\"`\ncolumn emits `\"desc\"`; an active `\"desc\"` column emits `\"asc\"`.\n\nOptional in the type because `sortable` may be false; a discriminated union\nexpressing the real contract does not survive docgen's flat prop\nextraction, which would strip these props from the manifest entirely (D62)."
     },
     {
      "name": "selectable",
@@ -1106,7 +1106,7 @@
      "order": 1
     }
    ],
-   "doc": "<!-- Generated by emit-docs.ts — do not edit. -->\n# Table\n\nData table on native table semantics. Holds no state: sorting, selection and pagination are the consumer's (D62, extending D50/D53).\n\n## Props\n\n| Prop | Type | Default | Required | Description |\n|---|---|---|---|---|\n| `size` | `32 \\| 40 \\| 48` | 40 | no | Row height in px. |\n| `stickyHeader` | `boolean` | — | no | Pins the header while the body scrolls. |\n| `sortable` | `boolean` | false | no | Enables the sort affordance on header cells that declare a `sortKey`. |\n| `sort` | `TableSortState \\| null` | — | no | Controlled sort state; `null` when nothing is sorted. |\n| `onSortChange` | `((sort: TableSortState) => void)` | — | no | Called when a header's sort control is activated. Optional in the type because `sortable` may be false; a discriminated union expressing the real contract does not survive docgen's flat prop extraction, which would strip these props from the manifest entirely (D62). |\n| `selectable` | `boolean` | false | no | Renders the row-selection checkbox column. |\n| `selected` | `ReadonlySet<string>` | new Set<string>() | no | Controlled selection, keyed by each `TableRow`'s `rowId`. |\n| `onSelectionChange` | `((selected: ReadonlySet<string>) => void)` | — | no | Called with the next selection. See `onSortChange` on why it is optional. |\n| `children` | `ReactNode` | — | yes | TableHead and TableBody. |\n| `className` | `string` | — | no | Additional CSS class name(s) merged onto the component's root element. |\n| `ref` | `Ref<HTMLTableElement>` | — | no | Forwarded ref to the underlying `<table>` element. |\n\n## Theming\n\nOverride `--psi-table-*` custom properties at any scope; interactive states derive automatically (L - 0.04 hover, L - 0.08 active).\n\n\n\n## Rules\n\n- One accent per visual group; everything else neutral or ghost.\n- danger only for actions with real consequences.\n- Sizes are px numbers (24|32|40|48), never S/M/L.\n- Typography tokens are --psi-text-{size}-{lineHeight}-{weight}.\n- Override component tokens (--psi-{component}-*), not semantic tokens, for one-off theming.\n- --psi-button-font overrides button typography across all sizes (documented D34 override; ember → mono).\n- Wrap labeled form controls in Field — label association, description/error line, aria-describedby and aria-invalid come wired; don't hand-roll label+message rows.\n- Field is for a control with a *visible* label. A toolbar filter control named by aria-label or placeholder takes neither a Field nor a hand-rolled label row — compare filter-toolbar (no labels) with table-pagination (\"Rows per page\" visible, so Field).\n- Use Dialog for blocking modal flows — title/footer slots, dismissible gate; danger stays on the footer Buttons, one accent per group.\n"
+   "doc": "<!-- Generated by emit-docs.ts — do not edit. -->\n# Table\n\nData table on native table semantics. Holds no state: sorting, selection and pagination are the consumer's (D62, extending D50/D53).\n\n## Props\n\n| Prop | Type | Default | Required | Description |\n|---|---|---|---|---|\n| `size` | `32 \\| 40 \\| 48` | 40 | no | Row height in px. |\n| `stickyHeader` | `boolean` | — | no | Pins the header while the body scrolls. |\n| `sortable` | `boolean` | false | no | Enables the sort affordance on header cells that declare a `sortKey`. |\n| `sort` | `TableSortState \\| null` | — | no | Controlled sort state; `null` when nothing is sorted. |\n| `onSortChange` | `((sort: TableSortState) => void)` | — | no | Called with the **next** sort state, already toggled — store it as given and do not toggle again. A fresh column arrives `\"asc\"`; an active `\"asc\"` column emits `\"desc\"`; an active `\"desc\"` column emits `\"asc\"`. Optional in the type because `sortable` may be false; a discriminated union expressing the real contract does not survive docgen's flat prop extraction, which would strip these props from the manifest entirely (D62). |\n| `selectable` | `boolean` | false | no | Renders the row-selection checkbox column. |\n| `selected` | `ReadonlySet<string>` | new Set<string>() | no | Controlled selection, keyed by each `TableRow`'s `rowId`. |\n| `onSelectionChange` | `((selected: ReadonlySet<string>) => void)` | — | no | Called with the next selection. See `onSortChange` on why it is optional. |\n| `children` | `ReactNode` | — | yes | TableHead and TableBody. |\n| `className` | `string` | — | no | Additional CSS class name(s) merged onto the component's root element. |\n| `ref` | `Ref<HTMLTableElement>` | — | no | Forwarded ref to the underlying `<table>` element. |\n\n## Theming\n\nOverride `--psi-table-*` custom properties at any scope; interactive states derive automatically (L - 0.04 hover, L - 0.08 active).\n\n\n\n## Rules\n\n- One accent per visual group; everything else neutral or ghost.\n- danger only for actions with real consequences.\n- Sizes are px numbers (24|32|40|48), never S/M/L.\n- Typography tokens are --psi-text-{size}-{lineHeight}-{weight}.\n- Override component tokens (--psi-{component}-*), not semantic tokens, for one-off theming.\n- --psi-button-font overrides button typography across all sizes (documented D34 override; ember → mono).\n- Wrap labeled form controls in Field — label association, description/error line, aria-describedby and aria-invalid come wired; don't hand-roll label+message rows.\n- Field is for a control with a *visible* label. A toolbar filter control named by aria-label or placeholder takes neither a Field nor a hand-rolled label row — compare filter-toolbar (no labels) with table-pagination (\"Rows per page\" visible, so Field).\n- Use Dialog for blocking modal flows — title/footer slots, dismissible gate; danger stays on the footer Buttons, one accent per group.\n"
   },
   {
    "name": "TableHead",
@@ -1262,7 +1262,7 @@
      "type": "number",
      "required": true,
      "default": null,
-     "description": "Current page, 1-based."
+     "description": "Current page, 1-based. A value outside `[1, pageCount]` (including\nnon-finite values like `NaN`) is clamped for rendering and logs a\n`console.warn` in development. `pageCount < 1` renders no page buttons."
     },
     {
      "name": "pageCount",
@@ -1301,7 +1301,7 @@
     }
    ],
    "slots": [],
-   "doc": "<!-- Generated by emit-docs.ts — do not edit. -->\n# Pagination\n\nNumbered pager with ellipsis truncation (D63). Standalone rather than a Table family member: `table-pagination` composes it as a Toolbar sibling of the page-size Select.\n\n## Props\n\n| Prop | Type | Default | Required | Description |\n|---|---|---|---|---|\n| `page` | `number` | — | yes | Current page, 1-based. |\n| `pageCount` | `number` | — | yes | Total number of pages. |\n| `onPageChange` | `(page: number) => void` | — | yes | Called with the requested page. Required — unlike Table's `onSortChange`/ `onSelectionChange`, which are optional because `sortable`/`selectable` gate whether they're meaningful, `Pagination` has no such gating boolean: the prop is unconditionally meaningful, so a `Pagination` without it is a dead control (final review finding, D62). |\n| `siblingCount` | `number` | 1 | no | Pages shown either side of the current one before truncating. |\n| `aria-label` | `string` | Pagination | no | Accessible name for the nav landmark. |\n| `className` | `string` | — | no | Additional CSS class name(s) merged onto the component's root element. |\n\n## Theming\n\nThis component has no `--psi-pagination-*` tokens — its styling binds scale tokens only, so there is nothing component-scoped to override. Theme changes reach it through the semantic tokens of its children and surroundings.\n\n\n\n## Rules\n\n- One accent per visual group; everything else neutral or ghost.\n- danger only for actions with real consequences.\n- Sizes are px numbers (24|32|40|48), never S/M/L.\n- Typography tokens are --psi-text-{size}-{lineHeight}-{weight}.\n- Override component tokens (--psi-{component}-*), not semantic tokens, for one-off theming.\n- --psi-button-font overrides button typography across all sizes (documented D34 override; ember → mono).\n- Wrap labeled form controls in Field — label association, description/error line, aria-describedby and aria-invalid come wired; don't hand-roll label+message rows.\n- Field is for a control with a *visible* label. A toolbar filter control named by aria-label or placeholder takes neither a Field nor a hand-rolled label row — compare filter-toolbar (no labels) with table-pagination (\"Rows per page\" visible, so Field).\n- Use Dialog for blocking modal flows — title/footer slots, dismissible gate; danger stays on the footer Buttons, one accent per group.\n"
+   "doc": "<!-- Generated by emit-docs.ts — do not edit. -->\n# Pagination\n\nNumbered pager with ellipsis truncation (D63). Standalone rather than a Table family member: `table-pagination` composes it as a Toolbar sibling of the page-size Select.\n\n## Props\n\n| Prop | Type | Default | Required | Description |\n|---|---|---|---|---|\n| `page` | `number` | — | yes | Current page, 1-based. A value outside `[1, pageCount]` (including non-finite values like `NaN`) is clamped for rendering and logs a `console.warn` in development. `pageCount < 1` renders no page buttons. |\n| `pageCount` | `number` | — | yes | Total number of pages. |\n| `onPageChange` | `(page: number) => void` | — | yes | Called with the requested page. Required — unlike Table's `onSortChange`/ `onSelectionChange`, which are optional because `sortable`/`selectable` gate whether they're meaningful, `Pagination` has no such gating boolean: the prop is unconditionally meaningful, so a `Pagination` without it is a dead control (final review finding, D62). |\n| `siblingCount` | `number` | 1 | no | Pages shown either side of the current one before truncating. |\n| `aria-label` | `string` | Pagination | no | Accessible name for the nav landmark. |\n| `className` | `string` | — | no | Additional CSS class name(s) merged onto the component's root element. |\n\n## Theming\n\nThis component has no `--psi-pagination-*` tokens — its styling binds scale tokens only, so there is nothing component-scoped to override. Theme changes reach it through the semantic tokens of its children and surroundings.\n\n\n\n## Rules\n\n- One accent per visual group; everything else neutral or ghost.\n- danger only for actions with real consequences.\n- Sizes are px numbers (24|32|40|48), never S/M/L.\n- Typography tokens are --psi-text-{size}-{lineHeight}-{weight}.\n- Override component tokens (--psi-{component}-*), not semantic tokens, for one-off theming.\n- --psi-button-font overrides button typography across all sizes (documented D34 override; ember → mono).\n- Wrap labeled form controls in Field — label association, description/error line, aria-describedby and aria-invalid come wired; don't hand-roll label+message rows.\n- Field is for a control with a *visible* label. A toolbar filter control named by aria-label or placeholder takes neither a Field nor a hand-rolled label row — compare filter-toolbar (no labels) with table-pagination (\"Rows per page\" visible, so Field).\n- Use Dialog for blocking modal flows — title/footer slots, dismissible gate; danger stays on the footer Buttons, one accent per group.\n"
   },
   {
    "name": "Toast",
@@ -3293,6 +3293,10 @@
               "numeric": true
              },
              "content": "amount-label"
+            },
+            {
+             "component": "TableHeaderCell",
+             "content": "actions-label"
             }
            ]
           }
@@ -3325,6 +3329,10 @@
               "numeric": true
              },
              "content": "amount-cell"
+            },
+            {
+             "component": "TableCell",
+             "content": "actions-cell"
             }
            ]
           }
@@ -3340,13 +3348,15 @@
     "date-label": "Date",
     "payee-label": "Payee",
     "amount-label": "Amount",
+    "actions-label": "[a visible \"Actions\" header — the column needs an accessible name, so never an empty th]",
     "date-cell": "[one row per record]",
-    "payee-cell": "[put the row-actions menu in the last cell]",
-    "amount-cell": "[numeric columns align right and use tabular figures]"
+    "payee-cell": "[the record's payee]",
+    "amount-cell": "[numeric columns align right and use tabular figures]",
+    "actions-cell": "[the row-actions menu — compose it from the row-actions pattern]"
    },
    "gaps": [],
    "blocked": false,
-   "preset": "<Table\n  selectable={true}\n  sortable={true}\n>\n  <TableHead>\n    <TableRow>\n      <TableHeaderCell sortKey=\"date\">Date</TableHeaderCell>\n      <TableHeaderCell sortKey=\"payee\">Payee</TableHeaderCell>\n      <TableHeaderCell numeric={true} sortKey=\"amount\">Amount</TableHeaderCell>\n    </TableRow>\n  </TableHead>\n  <TableBody>\n    <TableRow\n      rowId=\"row-id\"\n    >\n      <TableCell>[one row per record]</TableCell>\n      <TableCell>[put the row-actions menu in the last cell]</TableCell>\n      <TableCell numeric={true}>[numeric columns align right and use tabular figures]</TableCell>\n    </TableRow>\n  </TableBody>\n</Table>\n"
+   "preset": "<Table\n  selectable={true}\n  sortable={true}\n>\n  <TableHead>\n    <TableRow>\n      <TableHeaderCell sortKey=\"date\">Date</TableHeaderCell>\n      <TableHeaderCell sortKey=\"payee\">Payee</TableHeaderCell>\n      <TableHeaderCell numeric={true} sortKey=\"amount\">Amount</TableHeaderCell>\n      <TableHeaderCell>[a visible \"Actions\" header — the column needs an accessible name, so never an empty th]</TableHeaderCell>\n    </TableRow>\n  </TableHead>\n  <TableBody>\n    <TableRow\n      rowId=\"row-id\"\n    >\n      <TableCell>[one row per record]</TableCell>\n      <TableCell>[the record's payee]</TableCell>\n      <TableCell numeric={true}>[numeric columns align right and use tabular figures]</TableCell>\n      <TableCell>[the row-actions menu — compose it from the row-actions pattern]</TableCell>\n    </TableRow>\n  </TableBody>\n</Table>\n"
   },
   {
    "id": "date-range-filter",
@@ -4181,6 +4191,515 @@
    "iconInsetLimits": "The selector matches on element order, and :first-child ignores text nodes. Two consequences. (1) An icon wrapped in a <span> never matches — fails safe, no inset; set --psi-button-{size}-padding-inline-icon yourself. (2) A TRAILING icon (<Button>Next<IconChevronRight /></Button>) makes the svg the first ELEMENT child, so the rule fires and narrows the start (text) side while the icon keeps full padding — the inverse of the intent. CSS cannot tell the two apart without a DOM signal. Put the icon first, or override --psi-button-{size}-padding-inline-icon to match --psi-button-{size}-padding-inline to disable the inset.",
    "radius": "Control radius is size-invariant (D56) — it does NOT ride the size ramp, because border-radius sits on each component's base rule and all four sizes resolve to radius-8. One dial, --psi-control-radius, is the layer to override, aliased per component: --psi-button-radius (Button, and IconButton via the same token), --psi-input-radius, --psi-select-radius, --psi-checkbox-box-radius, and --psi-tooltip-radius. Checkbox and Tooltip cap themselves with min(var(--psi-control-radius), var(--psi-radius-4)) and min(…, var(--psi-radius-6)) respectively so neither over-rounds a small object — but the published radius scale's floor is radius-4, so Checkbox's cap is a no-op for every on-scale value a theme can set; it only bites at an off-scale value like 0px. Tooltip's higher ceiling does track a sharper theme, down to radius-4. Tag and Switch stay --psi-radius-full: pill-ness is component identity, not theme expression. A theme retunes every control's shape by setting --psi-control-radius once. Psi now has two radius dials, not one: --psi-control-radius (here, for interactive controls) and --psi-surface-radius (for elevated surfaces — Dialog, Panel, Menu). --psi-card-radius sits on neither dial, so a theme that retunes controls or surfaces leaves Card at its own default of radius-8."
   },
+  "utilities": {
+   "note": "Every utility class shipped in utilities.css, generated from the same source as the CSS (D79). Utilities set one property each and create no layout context: .psi-gap-* sets gap only, so pair it with display:flex or grid yourself. Import @handamade/psi-tokens/utilities.css — it is required, not optional; .psi-container and the reduced-motion duration zeroing live there.",
+   "families": [
+    {
+     "prefix": "psi-gap-*",
+     "property": "gap",
+     "scale": [
+      0,
+      2,
+      4,
+      6,
+      8,
+      12,
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      64,
+      80,
+      96,
+      120,
+      144
+     ],
+     "classes": [
+      "psi-gap-0",
+      "psi-gap-2",
+      "psi-gap-4",
+      "psi-gap-6",
+      "psi-gap-8",
+      "psi-gap-12",
+      "psi-gap-16",
+      "psi-gap-20",
+      "psi-gap-24",
+      "psi-gap-32",
+      "psi-gap-40",
+      "psi-gap-48",
+      "psi-gap-64",
+      "psi-gap-80",
+      "psi-gap-96",
+      "psi-gap-120",
+      "psi-gap-144"
+     ]
+    },
+    {
+     "prefix": "psi-p-*",
+     "property": "padding",
+     "scale": [
+      0,
+      2,
+      4,
+      6,
+      8,
+      12,
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      64,
+      80,
+      96,
+      120,
+      144
+     ],
+     "classes": [
+      "psi-p-0",
+      "psi-p-2",
+      "psi-p-4",
+      "psi-p-6",
+      "psi-p-8",
+      "psi-p-12",
+      "psi-p-16",
+      "psi-p-20",
+      "psi-p-24",
+      "psi-p-32",
+      "psi-p-40",
+      "psi-p-48",
+      "psi-p-64",
+      "psi-p-80",
+      "psi-p-96",
+      "psi-p-120",
+      "psi-p-144"
+     ]
+    },
+    {
+     "prefix": "psi-px-*",
+     "property": "padding-inline",
+     "scale": [
+      0,
+      2,
+      4,
+      6,
+      8,
+      12,
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      64,
+      80,
+      96,
+      120,
+      144
+     ],
+     "classes": [
+      "psi-px-0",
+      "psi-px-2",
+      "psi-px-4",
+      "psi-px-6",
+      "psi-px-8",
+      "psi-px-12",
+      "psi-px-16",
+      "psi-px-20",
+      "psi-px-24",
+      "psi-px-32",
+      "psi-px-40",
+      "psi-px-48",
+      "psi-px-64",
+      "psi-px-80",
+      "psi-px-96",
+      "psi-px-120",
+      "psi-px-144"
+     ]
+    },
+    {
+     "prefix": "psi-py-*",
+     "property": "padding-block",
+     "scale": [
+      0,
+      2,
+      4,
+      6,
+      8,
+      12,
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      64,
+      80,
+      96,
+      120,
+      144
+     ],
+     "classes": [
+      "psi-py-0",
+      "psi-py-2",
+      "psi-py-4",
+      "psi-py-6",
+      "psi-py-8",
+      "psi-py-12",
+      "psi-py-16",
+      "psi-py-20",
+      "psi-py-24",
+      "psi-py-32",
+      "psi-py-40",
+      "psi-py-48",
+      "psi-py-64",
+      "psi-py-80",
+      "psi-py-96",
+      "psi-py-120",
+      "psi-py-144"
+     ]
+    },
+    {
+     "prefix": "psi-m-*",
+     "property": "margin",
+     "scale": [
+      0,
+      2,
+      4,
+      6,
+      8,
+      12,
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      64,
+      80,
+      96,
+      120,
+      144
+     ],
+     "classes": [
+      "psi-m-0",
+      "psi-m-2",
+      "psi-m-4",
+      "psi-m-6",
+      "psi-m-8",
+      "psi-m-12",
+      "psi-m-16",
+      "psi-m-20",
+      "psi-m-24",
+      "psi-m-32",
+      "psi-m-40",
+      "psi-m-48",
+      "psi-m-64",
+      "psi-m-80",
+      "psi-m-96",
+      "psi-m-120",
+      "psi-m-144"
+     ]
+    },
+    {
+     "prefix": "psi-mx-*",
+     "property": "margin-inline",
+     "scale": [
+      0,
+      2,
+      4,
+      6,
+      8,
+      12,
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      64,
+      80,
+      96,
+      120,
+      144
+     ],
+     "classes": [
+      "psi-mx-0",
+      "psi-mx-2",
+      "psi-mx-4",
+      "psi-mx-6",
+      "psi-mx-8",
+      "psi-mx-12",
+      "psi-mx-16",
+      "psi-mx-20",
+      "psi-mx-24",
+      "psi-mx-32",
+      "psi-mx-40",
+      "psi-mx-48",
+      "psi-mx-64",
+      "psi-mx-80",
+      "psi-mx-96",
+      "psi-mx-120",
+      "psi-mx-144"
+     ]
+    },
+    {
+     "prefix": "psi-my-*",
+     "property": "margin-block",
+     "scale": [
+      0,
+      2,
+      4,
+      6,
+      8,
+      12,
+      16,
+      20,
+      24,
+      32,
+      40,
+      48,
+      64,
+      80,
+      96,
+      120,
+      144
+     ],
+     "classes": [
+      "psi-my-0",
+      "psi-my-2",
+      "psi-my-4",
+      "psi-my-6",
+      "psi-my-8",
+      "psi-my-12",
+      "psi-my-16",
+      "psi-my-20",
+      "psi-my-24",
+      "psi-my-32",
+      "psi-my-40",
+      "psi-my-48",
+      "psi-my-64",
+      "psi-my-80",
+      "psi-my-96",
+      "psi-my-120",
+      "psi-my-144"
+     ]
+    },
+    {
+     "prefix": "psi-text-*",
+     "property": "font",
+     "scale": null,
+     "classes": [
+      "psi-text-12-16-regular",
+      "psi-text-12-16-medium",
+      "psi-text-14-20-regular",
+      "psi-text-14-20-medium",
+      "psi-text-16-20-regular",
+      "psi-text-16-24-regular",
+      "psi-text-16-24-medium",
+      "psi-text-18-28-regular",
+      "psi-text-18-28-medium",
+      "psi-text-20-28-semibold",
+      "psi-text-24-32-medium",
+      "psi-text-30-36-bold",
+      "psi-text-serif-18-28-regular",
+      "psi-text-serif-20-30-regular",
+      "psi-text-serif-20-32-regular",
+      "psi-text-serif-24-36-regular",
+      "psi-text-serif-28-40-regular",
+      "psi-text-mono-13-20-regular",
+      "psi-text-mono-14-20-regular",
+      "psi-text-mono-15-24-regular",
+      "psi-text-mono-15-24-medium"
+     ]
+    },
+    {
+     "prefix": "psi-display-*",
+     "property": "font, letter-spacing, text-transform",
+     "scale": null,
+     "classes": [
+      "psi-display-56-128-black",
+      "psi-display-36-64-black",
+      "psi-display-32-32-extrabold"
+     ]
+    },
+    {
+     "prefix": "psi-tabular",
+     "property": "font-variant-numeric",
+     "scale": null,
+     "classes": [
+      "psi-tabular"
+     ]
+    },
+    {
+     "prefix": "psi-container",
+     "property": "max-width, margin-inline, padding-inline",
+     "scale": null,
+     "classes": [
+      "psi-container"
+     ]
+    },
+    {
+     "prefix": "psi-media-tint",
+     "property": "filter",
+     "scale": null,
+     "classes": [
+      "psi-media-tint"
+     ]
+    }
+   ],
+   "classes": [
+    "psi-container",
+    "psi-display-32-32-extrabold",
+    "psi-display-36-64-black",
+    "psi-display-56-128-black",
+    "psi-gap-0",
+    "psi-gap-12",
+    "psi-gap-120",
+    "psi-gap-144",
+    "psi-gap-16",
+    "psi-gap-2",
+    "psi-gap-20",
+    "psi-gap-24",
+    "psi-gap-32",
+    "psi-gap-4",
+    "psi-gap-40",
+    "psi-gap-48",
+    "psi-gap-6",
+    "psi-gap-64",
+    "psi-gap-8",
+    "psi-gap-80",
+    "psi-gap-96",
+    "psi-m-0",
+    "psi-m-12",
+    "psi-m-120",
+    "psi-m-144",
+    "psi-m-16",
+    "psi-m-2",
+    "psi-m-20",
+    "psi-m-24",
+    "psi-m-32",
+    "psi-m-4",
+    "psi-m-40",
+    "psi-m-48",
+    "psi-m-6",
+    "psi-m-64",
+    "psi-m-8",
+    "psi-m-80",
+    "psi-m-96",
+    "psi-media-tint",
+    "psi-mx-0",
+    "psi-mx-12",
+    "psi-mx-120",
+    "psi-mx-144",
+    "psi-mx-16",
+    "psi-mx-2",
+    "psi-mx-20",
+    "psi-mx-24",
+    "psi-mx-32",
+    "psi-mx-4",
+    "psi-mx-40",
+    "psi-mx-48",
+    "psi-mx-6",
+    "psi-mx-64",
+    "psi-mx-8",
+    "psi-mx-80",
+    "psi-mx-96",
+    "psi-my-0",
+    "psi-my-12",
+    "psi-my-120",
+    "psi-my-144",
+    "psi-my-16",
+    "psi-my-2",
+    "psi-my-20",
+    "psi-my-24",
+    "psi-my-32",
+    "psi-my-4",
+    "psi-my-40",
+    "psi-my-48",
+    "psi-my-6",
+    "psi-my-64",
+    "psi-my-8",
+    "psi-my-80",
+    "psi-my-96",
+    "psi-p-0",
+    "psi-p-12",
+    "psi-p-120",
+    "psi-p-144",
+    "psi-p-16",
+    "psi-p-2",
+    "psi-p-20",
+    "psi-p-24",
+    "psi-p-32",
+    "psi-p-4",
+    "psi-p-40",
+    "psi-p-48",
+    "psi-p-6",
+    "psi-p-64",
+    "psi-p-8",
+    "psi-p-80",
+    "psi-p-96",
+    "psi-px-0",
+    "psi-px-12",
+    "psi-px-120",
+    "psi-px-144",
+    "psi-px-16",
+    "psi-px-2",
+    "psi-px-20",
+    "psi-px-24",
+    "psi-px-32",
+    "psi-px-4",
+    "psi-px-40",
+    "psi-px-48",
+    "psi-px-6",
+    "psi-px-64",
+    "psi-px-8",
+    "psi-px-80",
+    "psi-px-96",
+    "psi-py-0",
+    "psi-py-12",
+    "psi-py-120",
+    "psi-py-144",
+    "psi-py-16",
+    "psi-py-2",
+    "psi-py-20",
+    "psi-py-24",
+    "psi-py-32",
+    "psi-py-4",
+    "psi-py-40",
+    "psi-py-48",
+    "psi-py-6",
+    "psi-py-64",
+    "psi-py-8",
+    "psi-py-80",
+    "psi-py-96",
+    "psi-tabular",
+    "psi-text-12-16-medium",
+    "psi-text-12-16-regular",
+    "psi-text-14-20-medium",
+    "psi-text-14-20-regular",
+    "psi-text-16-20-regular",
+    "psi-text-16-24-medium",
+    "psi-text-16-24-regular",
+    "psi-text-18-28-medium",
+    "psi-text-18-28-regular",
+    "psi-text-20-28-semibold",
+    "psi-text-24-32-medium",
+    "psi-text-30-36-bold",
+    "psi-text-mono-13-20-regular",
+    "psi-text-mono-14-20-regular",
+    "psi-text-mono-15-24-medium",
+    "psi-text-mono-15-24-regular",
+    "psi-text-serif-18-28-regular",
+    "psi-text-serif-20-30-regular",
+    "psi-text-serif-20-32-regular",
+    "psi-text-serif-24-36-regular",
+    "psi-text-serif-28-40-regular"
+   ]
+  },
   "getting-started": {
    "install": "npm install @handamade/psi-tokens @handamade/psi-react",
    "cssImports": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handamade/psi-mcp",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "license": "MIT",
   "description": "MCP server and agent-context generator for the Psi (Ψ) design system",
   "type": "module",
@@ -33,8 +33,8 @@
     "tsx": "^4.22.4",
     "typescript": "^5.7.0",
     "vitest": "^3.2.6",
-    "@handamade/psi-react": "0.15.0",
-    "@handamade/psi-tokens": "0.15.0"
+    "@handamade/psi-tokens": "0.16.0",
+    "@handamade/psi-react": "0.16.0"
   },
   "scripts": {
     "build": "tsx scripts/build-index.ts && tsc -p tsconfig.build.json"