@adea-ai/ui 0.105.0 → 0.106.1

package/dist/lib/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":[],"sources":["../../src/lib/tokens.ts"],"sourcesContent":["/**\n * The design system's token manifest.\n *\n * `theme.css` is the source of truth for token *values*. This file is the\n * source of truth for token *names and meaning* — what each one is for, and\n * which ones a theme may vary.\n *\n * It exists because a manifest that is only documentation rots. Two things read\n * it instead:\n *\n *   - the token galleries in Storybook, so the review surface shows every token\n *     rather than the ones an author remembered;\n *   - `tests/tokens.test.ts`, which parses `theme.css` and fails when a token\n *     is declared in one place and missing from the other.\n *\n * That pairing is what makes \"every token is documented and every documented\n * token exists\" a property the build enforces rather than a promise.\n */\n\nimport { ACCENTS } from '@adea-ai/themes'\n\nexport type TokenKind =\n  | 'color'\n  | 'dimension'\n  | 'font-family'\n  | 'number'\n  | 'duration'\n  | 'easing'\n  | 'shadow'\n  | 'text'\n\nexport type TokenDefinition = {\n  /** The custom property name, without the leading `--`. */\n  name: string\n  kind: TokenKind\n  /** One line: what this token is for. Shown in the gallery. */\n  description: string\n  /** True when the light and dark themes give it different values. */\n  themed?: boolean\n}\n\n/**\n * Colour roles, in the order they appear in a page: surfaces first, then text,\n * then the lines between them, then the semantic fills. The order is the\n * documentation — reading the gallery top to bottom walks the surface ladder.\n */\nexport const colorTokens: TokenDefinition[] = [\n  // Surfaces\n  {\n    name: 'background',\n    kind: 'color',\n    themed: true,\n    description: 'The canvas every panel sits on.',\n  },\n  {\n    name: 'foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Default body text on the canvas.',\n  },\n  {\n    name: 'card',\n    kind: 'color',\n    themed: true,\n    description: 'A panel or card raised one rung above the canvas.',\n  },\n  { name: 'card-foreground', kind: 'color', themed: true, description: 'Text on `card`.' },\n  {\n    name: 'popover',\n    kind: 'color',\n    themed: true,\n    description: 'A floating surface: dialog, menu, popover, tooltip-free.',\n  },\n  { name: 'popover-foreground', kind: 'color', themed: true, description: 'Text on `popover`.' },\n  {\n    name: 'surface',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `background`, for code that means \"a surface\" not \"the page\".',\n  },\n  {\n    name: 'surface-sunken',\n    kind: 'color',\n    themed: true,\n    description: 'A well: code blocks, inset lists, empty states.',\n  },\n  {\n    name: 'surface-raised',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `card`, for panels that sit on the canvas.',\n  },\n  {\n    name: 'surface-overlay',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `popover`, for floating layers.',\n  },\n  {\n    name: 'surface-hover',\n    kind: 'color',\n    themed: true,\n    description: 'The hover fill shared by rows, menu items and ghost controls.',\n  },\n  {\n    name: 'surface-active',\n    kind: 'color',\n    themed: true,\n    description: 'The pressed/selected fill, one rung past hover.',\n  },\n  {\n    name: 'chrome',\n    kind: 'color',\n    themed: true,\n    description: 'Window chrome: the top bar and its frosted fill.',\n  },\n  {\n    name: 'chrome-alpha',\n    kind: 'number',\n    themed: true,\n    description: 'Opacity of the chrome fill behind a blur.',\n  },\n\n  // The brand action\n  {\n    name: 'primary',\n    kind: 'color',\n    themed: true,\n    description: 'The Adea emerald. The one primary action in a view.',\n  },\n  {\n    name: 'primary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `primary`. Black in dark, white in light — the accent flips polarity.',\n  },\n  {\n    name: 'primary-hover',\n    kind: 'color',\n    themed: true,\n    description: 'Hover rung for a primary action.',\n  },\n  {\n    name: 'primary-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Tinted primary fill: selected rows, focus rings, subtle buttons.',\n  },\n\n  {\n    name: 'secondary',\n    kind: 'color',\n    themed: true,\n    description: 'A quieter filled surface for a secondary action.',\n  },\n  {\n    name: 'secondary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `secondary`.',\n  },\n  {\n    name: 'muted',\n    kind: 'color',\n    themed: true,\n    description: 'A neutral fill: skeletons, inert chips, table footers.',\n  },\n  {\n    name: 'muted-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'De-emphasised text. Measured to clear 4.5:1 on both `background` and `card`.',\n  },\n  {\n    name: 'accent',\n    kind: 'color',\n    themed: true,\n    description: \"shadcn's hover-surface accent. Not the brand colour — that is `primary`.\",\n  },\n  { name: 'accent-foreground', kind: 'color', themed: true, description: 'Text on `accent`.' },\n\n  // Status\n  {\n    name: 'destructive',\n    kind: 'color',\n    themed: true,\n    description: 'The canonical error hue for semantic status indicators and tinted notices.',\n  },\n  {\n    name: 'destructive-foreground',\n    kind: 'color',\n    themed: true,\n    description:\n      'Text on the canonical error hue; solid actions use `destructive-action-foreground`.',\n  },\n  {\n    name: 'destructive-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Opaque destructive tint against the canvas; subtle labels use foreground.',\n  },\n  {\n    name: 'destructive-action',\n    kind: 'color',\n    themed: true,\n    description: 'Contrast-safe solid fill for destructive actions, derived from the error role.',\n  },\n  {\n    name: 'destructive-action-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on the destructive action fill and its 90% hover composition.',\n  },\n  { name: 'success', kind: 'color', themed: true, description: 'A completed or healthy state.' },\n  { name: 'success-foreground', kind: 'color', themed: true, description: 'Label on `success`.' },\n  {\n    name: 'success-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Opaque success tint against the canvas; subtle labels use foreground.',\n  },\n  {\n    name: 'warning',\n    kind: 'color',\n    themed: true,\n    description: 'Something needs attention but is not broken.',\n  },\n  { name: 'warning-foreground', kind: 'color', themed: true, description: 'Label on `warning`.' },\n  {\n    name: 'warning-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Opaque warning tint against the canvas; subtle labels use foreground.',\n  },\n  { name: 'info', kind: 'color', themed: true, description: 'Neutral information.' },\n  { name: 'info-foreground', kind: 'color', themed: true, description: 'Label on `info`.' },\n  {\n    name: 'info-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Opaque info tint against the canvas; subtle labels use foreground.',\n  },\n\n  // Lines\n  {\n    name: 'border',\n    kind: 'color',\n    themed: true,\n    description: 'Every hairline: panel edges, dividers, card outlines.',\n  },\n  {\n    name: 'input',\n    kind: 'color',\n    themed: true,\n    description:\n      'The edge of an editable control. A rung stronger than `border` so a field is findable.',\n  },\n  {\n    name: 'ring',\n    kind: 'color',\n    themed: true,\n    description: 'The focus ring. Always paired with `primary-subtle` as its glow.',\n  },\n\n  // Theme-invariant glass\n  {\n    name: 'scrim',\n    kind: 'color',\n    description: 'Dark glass for overlays and on-screen controls. Same in both themes.',\n  },\n  { name: 'scrim-foreground', kind: 'color', description: 'Text drawn on `scrim`.' },\n  { name: 'scrim-edge', kind: 'color', description: 'The hairline drawn on `scrim`.' },\n\n  // Diff and code\n  { name: 'diff-add', kind: 'color', themed: true, description: 'Background of an added line.' },\n  {\n    name: 'diff-add-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of an added line.',\n  },\n  {\n    name: 'diff-delete',\n    kind: 'color',\n    themed: true,\n    description: 'Background of a removed line.',\n  },\n  {\n    name: 'diff-delete-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of a removed line.',\n  },\n  { name: 'diff-hunk', kind: 'color', themed: true, description: 'Background of a hunk header.' },\n  {\n    name: 'diff-hunk-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of a hunk header.',\n  },\n  {\n    name: 'diff-meta-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'File headers and line numbers in a diff.',\n  },\n\n  // Charts\n  {\n    name: 'chart-1',\n    kind: 'color',\n    themed: true,\n    description: 'Categorical series 1. The set is closed at six.',\n  },\n  { name: 'chart-2', kind: 'color', themed: true, description: 'Categorical series 2.' },\n  { name: 'chart-3', kind: 'color', themed: true, description: 'Categorical series 3.' },\n  { name: 'chart-4', kind: 'color', themed: true, description: 'Categorical series 4.' },\n  { name: 'chart-5', kind: 'color', themed: true, description: 'Categorical series 5.' },\n  { name: 'chart-6', kind: 'color', themed: true, description: 'Categorical series 6.' },\n\n  // Sidebar (the shadcn contract, kept whole)\n  {\n    name: 'sidebar',\n    kind: 'color',\n    themed: true,\n    description: 'The rail and sidebar surface, tinted against the canvas.',\n  },\n  {\n    name: 'sidebar-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Default text in the rail and sidebar.',\n  },\n  {\n    name: 'sidebar-primary',\n    kind: 'color',\n    themed: true,\n    description: 'The active destination in the rail.',\n  },\n  {\n    name: 'sidebar-primary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on the active rail destination.',\n  },\n  {\n    name: 'sidebar-accent',\n    kind: 'color',\n    themed: true,\n    description: 'Hover and selected fill for rail and sidebar rows.',\n  },\n  {\n    name: 'sidebar-accent-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on `sidebar-accent`.',\n  },\n  {\n    name: 'sidebar-border',\n    kind: 'color',\n    themed: true,\n    description: 'The rule between the rail and the canvas.',\n  },\n  { name: 'sidebar-ring', kind: 'color', themed: true, description: 'Focus ring inside the rail.' },\n  {\n    name: 'sidebar-muted-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Rail labels that are not the current destination.',\n  },\n]\n\nexport const radiusTokens: TokenDefinition[] = [\n  {\n    name: 'radius-lg',\n    kind: 'dimension',\n    description:\n      '10px — cards and panels. Also the knob: move this one value to re-round the whole system.',\n  },\n  { name: 'radius-sm', kind: 'dimension', description: '6px — badges, keyboard keys, menu items.' },\n  {\n    name: 'radius-md',\n    kind: 'dimension',\n    description: '8px — every control: buttons, inputs, selects.',\n  },\n  { name: 'radius-xl', kind: 'dimension', description: '14px — dialogs, menus, sheets.' },\n  { name: 'radius-2xl', kind: 'dimension', description: '18px — full-window surfaces and media.' },\n]\n\nexport const typographyTokens: TokenDefinition[] = [\n  {\n    name: 'font-sans',\n    kind: 'font-family',\n    description: 'The selected interface face. Space Grotesk unless the font axis says otherwise.',\n  },\n  {\n    name: 'font-mono',\n    kind: 'font-family',\n    description: 'The selected monospace face. Code, terminals, ids, paths.',\n  },\n  {\n    name: 'font-family-space-grotesk',\n    kind: 'font-family',\n    description: 'The interface default, and the face the visual language was drawn against.',\n  },\n  {\n    name: 'font-family-jetbrains-mono',\n    kind: 'font-family',\n    description: 'The monospace default. Code, terminals, diffs.',\n  },\n  {\n    name: 'font-family-geist',\n    kind: 'font-family',\n    description: 'An alternative interface face. cortana already ships it.',\n  },\n  {\n    name: 'font-family-geist-mono',\n    kind: 'font-family',\n    description: 'The monospace counterpart to Geist.',\n  },\n  {\n    name: 'font-family-system',\n    kind: 'font-family',\n    description: \"The platform's own interface face. First-class, not a fallback.\",\n  },\n  {\n    name: 'font-family-system-mono',\n    kind: 'font-family',\n    description: \"The platform's own monospace face.\",\n  },\n  {\n    name: 'ui-tracking',\n    kind: 'text',\n    description:\n      'Letter spacing for measured chrome. `normal` on a proportional face, tightened when the UI font is monospace — which is roughly 20% wider at the same size.',\n  },\n  {\n    name: 'ui-word-spacing',\n    kind: 'text',\n    description:\n      \"Word spacing for measured chrome. Mono's space is a full advance-width cell, so a two-word label reads as two floating words without this.\",\n  },\n  {\n    name: 'text-2xs',\n    kind: 'text',\n    description: '11px — the smallest label the system permits: kbd keys, status bar.',\n  },\n  { name: 'text-xs', kind: 'text', description: '12px — metadata, badges, secondary rows.' },\n  {\n    name: 'text-sm',\n    kind: 'text',\n    description: '14px — the interface default. Body copy, labels, controls.',\n  },\n  { name: 'text-base', kind: 'text', description: '16px — card titles and dialog titles.' },\n  { name: 'text-lg', kind: 'text', description: '18px — a section heading inside a page.' },\n  { name: 'text-xl', kind: 'text', description: '20px — a page title.' },\n  { name: 'text-2xl', kind: 'text', description: '24px — a display figure.' },\n  {\n    name: 'text-3xl',\n    kind: 'text',\n    description: '30px — the largest size in the system. Reserved for an empty-state headline.',\n  },\n]\n\n/** Height tokens also size both axes of icon controls through Tailwind's --size\n * namespace. Padding has its own --spacing mapping. Nominal pixel descriptions\n * use a 16px rem; rendered dimensions follow the consumer's root font size. */\nexport const densityTokens: TokenDefinition[] = [\n  { name: 'control-height-2xs', kind: 'dimension', description: '20px — an inline chip control.' },\n  { name: 'control-height-xs', kind: 'dimension', description: '24px — a dense table row action.' },\n  { name: 'control-height-sm', kind: 'dimension', description: '28px — the toolbar default.' },\n  {\n    name: 'control-height-md',\n    kind: 'dimension',\n    description: '32px — the form default. Button and Input are this size unless told otherwise.',\n  },\n  { name: 'control-height-lg', kind: 'dimension', description: '36px — a primary form action.' },\n  {\n    name: 'control-height-xl',\n    kind: 'dimension',\n    description: '40px — a hero control in an empty state.',\n  },\n  {\n    name: 'control-height-2xl',\n    kind: 'dimension',\n    description: '48px — a stable touch target, unchanged by compact density.',\n  },\n  {\n    name: 'control-padding-2xs',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 20px control.',\n  },\n  {\n    name: 'control-padding-xs',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 24px control.',\n  },\n  {\n    name: 'control-padding-sm',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 28px control.',\n  },\n  {\n    name: 'control-padding-md',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 32px control.',\n  },\n  {\n    name: 'control-padding-lg',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 36px control.',\n  },\n  {\n    name: 'control-padding-xl',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 40px control.',\n  },\n  {\n    name: 'control-padding-2xl',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the stable 48px touch target.',\n  },\n  { name: 'row-height-sm', kind: 'dimension', description: '28px — a dense list row.' },\n  { name: 'row-height-md', kind: 'dimension', description: '32px — the default list row.' },\n  { name: 'row-height-lg', kind: 'dimension', description: '36px — a two-line list row.' },\n  { name: 'rail-width', kind: 'dimension', description: '56px — the icon-only rail.' },\n  { name: 'rail-width-expanded', kind: 'dimension', description: '236px — the labelled rail.' },\n  {\n    name: 'rail-item-height',\n    kind: 'dimension',\n    description: '36px — a rail or sidebar destination.',\n  },\n  {\n    name: 'sidebar-width',\n    kind: 'dimension',\n    description: '256px — the secondary navigation column.',\n  },\n  {\n    name: 'sidebar-width-compact',\n    kind: 'dimension',\n    description: '48px — the collapsed secondary column.',\n  },\n  { name: 'topbar-height', kind: 'dimension', description: '48px — the window title row.' },\n  { name: 'statusbar-height', kind: 'dimension', description: '28px — the bottom readout strip.' },\n  {\n    name: 'tooltip-max-width',\n    kind: 'dimension',\n    description:\n      'The lesser of the 16rem readable measure and one viewport minus a gutter — a tip wraps before it can push its document wider than itself.',\n  },\n]\n\nexport const elevationTokens: TokenDefinition[] = [\n  {\n    name: 'shadow-2xs',\n    kind: 'shadow',\n    themed: true,\n    description: 'Barely there: a chip resting on a card.',\n  },\n  {\n    name: 'shadow-xs',\n    kind: 'shadow',\n    themed: true,\n    description: 'A card or panel on the canvas.',\n  },\n  {\n    name: 'shadow-sm',\n    kind: 'shadow',\n    themed: true,\n    description: 'A control that lifts: a pressed toggle, a thumb.',\n  },\n  { name: 'shadow-md', kind: 'shadow', themed: true, description: 'A menu or popover.' },\n  { name: 'shadow-lg', kind: 'shadow', themed: true, description: 'A dialog or sheet.' },\n  {\n    name: 'shadow-xl',\n    kind: 'shadow',\n    themed: true,\n    description: 'The command palette, above everything.',\n  },\n]\n\nexport const motionTokens: TokenDefinition[] = [\n  {\n    name: 'duration-fast',\n    kind: 'duration',\n    description: '120ms — a state change the user is already watching.',\n  },\n  { name: 'duration-normal', kind: 'duration', description: '200ms — an entrance.' },\n  { name: 'duration-slow', kind: 'duration', description: '320ms — a layout settle.' },\n  {\n    name: 'ease-out',\n    kind: 'easing',\n    description: 'A fast start and a long settle. Reads as decisive rather than floaty.',\n  },\n  {\n    name: 'ease-in-out',\n    kind: 'easing',\n    description: 'For a loop that has no start or end, such as a shimmer.',\n  },\n]\n\nexport const zIndexTokens: TokenDefinition[] = [\n  { name: 'z-base', kind: 'number', description: 'In flow, at the document order.' },\n  {\n    name: 'z-docked',\n    kind: 'number',\n    description: 'A sticky table header standing above its own scroll body.',\n  },\n  { name: 'z-sticky', kind: 'number', description: 'The top bar and any other pinned chrome.' },\n  { name: 'z-drawer', kind: 'number', description: 'A drawer, below a modal dialog.' },\n  { name: 'z-dialog', kind: 'number', description: 'A modal dialog and its scrim.' },\n  {\n    name: 'z-menu',\n    kind: 'number',\n    description: 'Menus, popovers and comboboxes. Above dialogs, because a dialog can contain one.',\n  },\n  {\n    name: 'z-tooltip',\n    kind: 'number',\n    description: 'Tooltips. Above menus, because a menu item can carry one.',\n  },\n  {\n    name: 'z-toast',\n    kind: 'number',\n    description: 'Notifications. Above everything, so they are never hidden by a dialog.',\n  },\n]\n\n/**\n * The accent axis.\n *\n * adea's accent presets, as a selection rather than a constant. `theme` is the\n * default and means \"the variant's own primary\" — monochrome in adea's palette —\n * and each named preset overrides the interactive roles through the\n * `[data-accent]` blocks in `theme.css`.\n *\n * These are the same six presets `accentPresets` exports in adea's own\n * `appearance.ts`, and the values match. A consumer's appearance picker and the\n * workshop's theme toolbar read this one list, so the two cannot disagree about\n * what a preset is called or what colour it is.\n */\nexport type AccentPreset = {\n  /** The `data-accent` value. `theme` is the variant's own primary. */\n  id: string\n  label: string\n  /** What the preset is for, in the gallery and in a picker. */\n  description: string\n  /** The accent as it appears in the light theme. Absent for `theme`. */\n  light?: string\n  /** The accent as it appears in the dark theme. Absent for `theme`. */\n  dark?: string\n}\n\nexport const accentPresets: readonly AccentPreset[] = Object.freeze([\n  {\n    id: 'theme',\n    label: 'Theme',\n    description:\n      \"The variant's own primary. Neutral in adea's palette, so the interface stays monochrome.\",\n  },\n  ...ACCENTS,\n])\n\n/**\n * The font axis.\n *\n * The family is a selection, like the accent: `data-font` sits on the same element\n * and each option swaps the interface face. `space-grotesk` is the default because\n * it is the face the visual language was drawn against, and `system` is a\n * first-class option rather than a fallback — an application that wants the\n * platform's own face should be able to say so without losing the rest of the\n * system.\n */\nexport type FontOption = {\n  /** The `data-font` value. `space-grotesk` is the default and needs no attribute. */\n  id: string\n  label: string\n  description: string\n  /** Which of the two stacks this option sets. */\n  stack: 'sans' | 'mono' | 'both'\n}\n\nexport const fontOptions: readonly FontOption[] = Object.freeze([\n  {\n    id: 'space-grotesk',\n    label: 'Space Grotesk',\n    description: 'The default, and the face the visual language was drawn against.',\n    stack: 'both',\n  },\n  {\n    id: 'system',\n    label: 'System',\n    description: \"The platform's own face. What a terminal or editor usually wants.\",\n    stack: 'both',\n  },\n  {\n    id: 'geist',\n    label: 'Geist',\n    description: 'The face cortana already ships. Neutral and wide.',\n    stack: 'both',\n  },\n  {\n    id: 'geist-mono',\n    label: 'Geist Mono',\n    description: 'Monospace throughout, for someone who wants a uniform texture.',\n    stack: 'both',\n  },\n  {\n    id: 'jetbrains-mono',\n    label: 'JetBrains Mono',\n    description: 'Monospace throughout, with coding ligatures off.',\n    stack: 'both',\n  },\n])\n\n/** Every token, in gallery order. */\nexport const designTokens = {\n  color: colorTokens,\n  radius: radiusTokens,\n  typography: typographyTokens,\n  density: densityTokens,\n  elevation: elevationTokens,\n  motion: motionTokens,\n  zIndex: zIndexTokens,\n} as const\n\n/** Flat list, for completeness checks and for search. */\nexport const allTokens: TokenDefinition[] = Object.values(designTokens).flat()\n\n/**\n * Aliases that exist only to make a call site read better, and which therefore\n * have no gallery row of their own. Kept explicit so the completeness check\n * below can tell \"deliberately absent\" from \"forgotten\".\n */\nexport const undocumentedTokenAliases: string[] = ['radius']\n"],"mappings":"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"}
+{"version":3,"file":"tokens.js","names":[],"sources":["../../src/lib/tokens.ts"],"sourcesContent":["/**\n * The design system's token manifest.\n *\n * `theme.css` is the source of truth for token *values*. This file is the\n * source of truth for token *names and meaning* — what each one is for, and\n * which ones a theme may vary.\n *\n * It exists because a manifest that is only documentation rots. Two things read\n * it instead:\n *\n *   - the token galleries in Storybook, so the review surface shows every token\n *     rather than the ones an author remembered;\n *   - `tests/tokens.test.ts`, which parses `theme.css` and fails when a token\n *     is declared in one place and missing from the other.\n *\n * That pairing is what makes \"every token is documented and every documented\n * token exists\" a property the build enforces rather than a promise.\n */\n\nimport { ACCENTS } from '@adea-ai/themes'\nexport { fontOptions } from './font-catalog'\nexport type { FontOption } from './font-catalog'\n\nexport type TokenKind =\n  | 'color'\n  | 'dimension'\n  | 'font-family'\n  | 'number'\n  | 'duration'\n  | 'easing'\n  | 'shadow'\n  | 'text'\n\nexport type TokenDefinition = {\n  /** The custom property name, without the leading `--`. */\n  name: string\n  kind: TokenKind\n  /** One line: what this token is for. Shown in the gallery. */\n  description: string\n  /** True when the light and dark themes give it different values. */\n  themed?: boolean\n}\n\n/**\n * Colour roles, in the order they appear in a page: surfaces first, then text,\n * then the lines between them, then the semantic fills. The order is the\n * documentation — reading the gallery top to bottom walks the surface ladder.\n */\nexport const colorTokens: TokenDefinition[] = [\n  // Surfaces\n  {\n    name: 'background',\n    kind: 'color',\n    themed: true,\n    description: 'The canvas every panel sits on.',\n  },\n  {\n    name: 'foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Default body text on the canvas.',\n  },\n  {\n    name: 'card',\n    kind: 'color',\n    themed: true,\n    description: 'A panel or card raised one rung above the canvas.',\n  },\n  { name: 'card-foreground', kind: 'color', themed: true, description: 'Text on `card`.' },\n  {\n    name: 'popover',\n    kind: 'color',\n    themed: true,\n    description: 'A floating surface: dialog, menu, popover, tooltip-free.',\n  },\n  { name: 'popover-foreground', kind: 'color', themed: true, description: 'Text on `popover`.' },\n  {\n    name: 'surface',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `background`, for code that means \"a surface\" not \"the page\".',\n  },\n  {\n    name: 'surface-sunken',\n    kind: 'color',\n    themed: true,\n    description: 'A well: code blocks, inset lists, empty states.',\n  },\n  {\n    name: 'surface-raised',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `card`, for panels that sit on the canvas.',\n  },\n  {\n    name: 'surface-overlay',\n    kind: 'color',\n    themed: true,\n    description: 'Alias of `popover`, for floating layers.',\n  },\n  {\n    name: 'surface-hover',\n    kind: 'color',\n    themed: true,\n    description: 'The hover fill shared by rows, menu items and ghost controls.',\n  },\n  {\n    name: 'surface-active',\n    kind: 'color',\n    themed: true,\n    description: 'The pressed/selected fill, one rung past hover.',\n  },\n  {\n    name: 'chrome',\n    kind: 'color',\n    themed: true,\n    description: 'Window chrome: the top bar and its frosted fill.',\n  },\n  {\n    name: 'chrome-alpha',\n    kind: 'number',\n    themed: true,\n    description: 'Opacity of the chrome fill behind a blur.',\n  },\n\n  // The brand action\n  {\n    name: 'primary',\n    kind: 'color',\n    themed: true,\n    description: 'The Adea emerald. The one primary action in a view.',\n  },\n  {\n    name: 'primary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `primary`. Black in dark, white in light — the accent flips polarity.',\n  },\n  {\n    name: 'primary-hover',\n    kind: 'color',\n    themed: true,\n    description: 'Hover rung for a primary action.',\n  },\n  {\n    name: 'primary-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Tinted primary fill: selected rows, focus rings, subtle buttons.',\n  },\n\n  {\n    name: 'secondary',\n    kind: 'color',\n    themed: true,\n    description: 'A quieter filled surface for a secondary action.',\n  },\n  {\n    name: 'secondary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Label on `secondary`.',\n  },\n  {\n    name: 'muted',\n    kind: 'color',\n    themed: true,\n    description: 'A neutral fill: skeletons, inert chips, table footers.',\n  },\n  {\n    name: 'muted-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'De-emphasised text. Measured to clear 4.5:1 on both `background` and `card`.',\n  },\n  {\n    name: 'accent',\n    kind: 'color',\n    themed: true,\n    description: \"shadcn's hover-surface accent. Not the brand colour — that is `primary`.\",\n  },\n  { name: 'accent-foreground', kind: 'color', themed: true, description: 'Text on `accent`.' },\n\n  // Status\n  {\n    name: 'destructive',\n    kind: 'color',\n    themed: true,\n    description: 'The canonical error hue for semantic status indicators and tinted notices.',\n  },\n  {\n    name: 'destructive-foreground',\n    kind: 'color',\n    themed: true,\n    description:\n      'Text on the canonical error hue; solid actions use `destructive-action-foreground`.',\n  },\n  {\n    name: 'destructive-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Opaque destructive tint against the canvas; subtle labels use foreground.',\n  },\n  {\n    name: 'destructive-action',\n    kind: 'color',\n    themed: true,\n    description: 'Contrast-safe solid fill for destructive actions, derived from the error role.',\n  },\n  {\n    name: 'destructive-action-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on the destructive action fill and its 90% hover composition.',\n  },\n  { name: 'success', kind: 'color', themed: true, description: 'A completed or healthy state.' },\n  { name: 'success-foreground', kind: 'color', themed: true, description: 'Label on `success`.' },\n  {\n    name: 'success-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Opaque success tint against the canvas; subtle labels use foreground.',\n  },\n  {\n    name: 'warning',\n    kind: 'color',\n    themed: true,\n    description: 'Something needs attention but is not broken.',\n  },\n  { name: 'warning-foreground', kind: 'color', themed: true, description: 'Label on `warning`.' },\n  {\n    name: 'warning-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Opaque warning tint against the canvas; subtle labels use foreground.',\n  },\n  { name: 'info', kind: 'color', themed: true, description: 'Neutral information.' },\n  { name: 'info-foreground', kind: 'color', themed: true, description: 'Label on `info`.' },\n  {\n    name: 'info-subtle',\n    kind: 'color',\n    themed: true,\n    description: 'Opaque info tint against the canvas; subtle labels use foreground.',\n  },\n\n  // Lines\n  {\n    name: 'border',\n    kind: 'color',\n    themed: true,\n    description: 'Every hairline: panel edges, dividers, card outlines.',\n  },\n  {\n    name: 'input',\n    kind: 'color',\n    themed: true,\n    description:\n      'The edge of an editable control. A rung stronger than `border` so a field is findable.',\n  },\n  {\n    name: 'ring',\n    kind: 'color',\n    themed: true,\n    description: 'The focus ring. Always paired with `primary-subtle` as its glow.',\n  },\n\n  // Theme-invariant glass\n  {\n    name: 'scrim',\n    kind: 'color',\n    description: 'Dark glass for overlays and on-screen controls. Same in both themes.',\n  },\n  { name: 'scrim-foreground', kind: 'color', description: 'Text drawn on `scrim`.' },\n  { name: 'scrim-edge', kind: 'color', description: 'The hairline drawn on `scrim`.' },\n\n  // Diff and code\n  { name: 'diff-add', kind: 'color', themed: true, description: 'Background of an added line.' },\n  {\n    name: 'diff-add-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of an added line.',\n  },\n  {\n    name: 'diff-delete',\n    kind: 'color',\n    themed: true,\n    description: 'Background of a removed line.',\n  },\n  {\n    name: 'diff-delete-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of a removed line.',\n  },\n  { name: 'diff-hunk', kind: 'color', themed: true, description: 'Background of a hunk header.' },\n  {\n    name: 'diff-hunk-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text of a hunk header.',\n  },\n  {\n    name: 'diff-meta-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'File headers and line numbers in a diff.',\n  },\n\n  // Charts\n  {\n    name: 'chart-1',\n    kind: 'color',\n    themed: true,\n    description: 'Categorical series 1. The set is closed at six.',\n  },\n  { name: 'chart-2', kind: 'color', themed: true, description: 'Categorical series 2.' },\n  { name: 'chart-3', kind: 'color', themed: true, description: 'Categorical series 3.' },\n  { name: 'chart-4', kind: 'color', themed: true, description: 'Categorical series 4.' },\n  { name: 'chart-5', kind: 'color', themed: true, description: 'Categorical series 5.' },\n  { name: 'chart-6', kind: 'color', themed: true, description: 'Categorical series 6.' },\n\n  // Sidebar (the shadcn contract, kept whole)\n  {\n    name: 'sidebar',\n    kind: 'color',\n    themed: true,\n    description: 'The rail and sidebar surface, tinted against the canvas.',\n  },\n  {\n    name: 'sidebar-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Default text in the rail and sidebar.',\n  },\n  {\n    name: 'sidebar-primary',\n    kind: 'color',\n    themed: true,\n    description: 'The active destination in the rail.',\n  },\n  {\n    name: 'sidebar-primary-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on the active rail destination.',\n  },\n  {\n    name: 'sidebar-accent',\n    kind: 'color',\n    themed: true,\n    description: 'Hover and selected fill for rail and sidebar rows.',\n  },\n  {\n    name: 'sidebar-accent-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Text on `sidebar-accent`.',\n  },\n  {\n    name: 'sidebar-border',\n    kind: 'color',\n    themed: true,\n    description: 'The rule between the rail and the canvas.',\n  },\n  { name: 'sidebar-ring', kind: 'color', themed: true, description: 'Focus ring inside the rail.' },\n  {\n    name: 'sidebar-muted-foreground',\n    kind: 'color',\n    themed: true,\n    description: 'Rail labels that are not the current destination.',\n  },\n]\n\nexport const radiusTokens: TokenDefinition[] = [\n  {\n    name: 'radius-lg',\n    kind: 'dimension',\n    description:\n      '10px — cards and panels. Also the knob: move this one value to re-round the whole system.',\n  },\n  { name: 'radius-sm', kind: 'dimension', description: '6px — badges, keyboard keys, menu items.' },\n  {\n    name: 'radius-md',\n    kind: 'dimension',\n    description: '8px — every control: buttons, inputs, selects.',\n  },\n  { name: 'radius-xl', kind: 'dimension', description: '14px — dialogs, menus, sheets.' },\n  { name: 'radius-2xl', kind: 'dimension', description: '18px — full-window surfaces and media.' },\n]\n\nexport const typographyTokens: TokenDefinition[] = [\n  {\n    name: 'font-ui',\n    kind: 'font-family',\n    description: 'The selected family for interface controls, labels and headings.',\n  },\n  {\n    name: 'font-content',\n    kind: 'font-family',\n    description: 'The selected family for prose, transcripts and long-form reading.',\n  },\n  {\n    name: 'font-code',\n    kind: 'font-family',\n    description: 'The selected family for code, terminals, keyboard keys, ids and paths.',\n  },\n  {\n    name: 'font-sans',\n    kind: 'font-family',\n    description: 'Compatibility alias for the selected UI family.',\n  },\n  {\n    name: 'font-mono',\n    kind: 'font-family',\n    description: 'Compatibility alias for the selected code family.',\n  },\n  {\n    name: 'font-family-space-grotesk',\n    kind: 'font-family',\n    description: 'The self-hosted Space Grotesk family.',\n  },\n  {\n    name: 'font-family-jetbrains-mono',\n    kind: 'font-family',\n    description: 'The monospace default. Code, terminals, diffs.',\n  },\n  {\n    name: 'font-family-geist',\n    kind: 'font-family',\n    description: 'An alternative interface face. cortana already ships it.',\n  },\n  {\n    name: 'font-family-geist-mono',\n    kind: 'font-family',\n    description: 'The monospace counterpart to Geist.',\n  },\n  {\n    name: 'font-family-system',\n    kind: 'font-family',\n    description: \"The platform's own interface face. First-class, not a fallback.\",\n  },\n  {\n    name: 'font-family-system-mono',\n    kind: 'font-family',\n    description: \"The platform's own monospace face.\",\n  },\n  {\n    name: 'font-ui-size',\n    kind: 'dimension',\n    description: 'Runtime-projected interface size in pixels; scales the shared UI text ladder.',\n  },\n  {\n    name: 'font-content-size',\n    kind: 'dimension',\n    description: 'Runtime-projected prose and transcript size in pixels.',\n  },\n  {\n    name: 'font-code-size',\n    kind: 'dimension',\n    description: 'Runtime-projected code, terminal and keyboard-key size in pixels.',\n  },\n  {\n    name: 'font-ui-scale',\n    kind: 'number',\n    description: 'The UI size ratio applied to the interface text ladder.',\n  },\n  {\n    name: 'font-content-scale',\n    kind: 'number',\n    description: 'The content size ratio applied to rem-relative prose text.',\n  },\n  {\n    name: 'font-code-scale',\n    kind: 'number',\n    description: 'The code size ratio applied to rem-relative code text.',\n  },\n  {\n    name: 'ui-tracking',\n    kind: 'text',\n    description:\n      'Letter spacing for measured chrome. `normal` on a proportional face, tightened when the UI font is monospace — which is roughly 20% wider at the same size.',\n  },\n  {\n    name: 'ui-word-spacing',\n    kind: 'text',\n    description:\n      \"Word spacing for measured chrome. Mono's space is a full advance-width cell, so a two-word label reads as two floating words without this.\",\n  },\n  {\n    name: 'text-2xs',\n    kind: 'text',\n    description: 'The smallest UI-scaled label: status bar and compact metadata.',\n  },\n  { name: 'text-xs', kind: 'text', description: 'UI-scaled metadata, badges and secondary rows.' },\n  {\n    name: 'text-sm',\n    kind: 'text',\n    description: 'The UI-scaled interface default for labels and controls.',\n  },\n  { name: 'text-base', kind: 'text', description: '16px — card titles and dialog titles.' },\n  { name: 'text-lg', kind: 'text', description: '18px — a section heading inside a page.' },\n  { name: 'text-xl', kind: 'text', description: '20px — a page title.' },\n  { name: 'text-2xl', kind: 'text', description: '24px — a display figure.' },\n  {\n    name: 'text-3xl',\n    kind: 'text',\n    description: 'The largest UI-scaled rung. Reserved for an empty-state headline.',\n  },\n  {\n    name: 'text-content',\n    kind: 'text',\n    description: 'The selected content size with the prose line-height.',\n  },\n  {\n    name: 'text-code',\n    kind: 'text',\n    description: 'The selected code size with the code line-height.',\n  },\n]\n\n/** Height tokens also size both axes of icon controls through Tailwind's --size\n * namespace. Padding has its own --spacing mapping. Nominal pixel descriptions\n * use a 16px rem; rendered dimensions follow the consumer's root font size. */\nexport const densityTokens: TokenDefinition[] = [\n  { name: 'control-height-2xs', kind: 'dimension', description: '20px — an inline chip control.' },\n  { name: 'control-height-xs', kind: 'dimension', description: '24px — a dense table row action.' },\n  { name: 'control-height-sm', kind: 'dimension', description: '28px — the toolbar default.' },\n  {\n    name: 'control-height-md',\n    kind: 'dimension',\n    description: '32px — the form default. Button and Input are this size unless told otherwise.',\n  },\n  { name: 'control-height-lg', kind: 'dimension', description: '36px — a primary form action.' },\n  {\n    name: 'control-height-xl',\n    kind: 'dimension',\n    description: '40px — a hero control in an empty state.',\n  },\n  {\n    name: 'control-height-2xl',\n    kind: 'dimension',\n    description: '48px — a stable touch target, unchanged by compact density.',\n  },\n  {\n    name: 'control-padding-2xs',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 20px control.',\n  },\n  {\n    name: 'control-padding-xs',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 24px control.',\n  },\n  {\n    name: 'control-padding-sm',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 28px control.',\n  },\n  {\n    name: 'control-padding-md',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 32px control.',\n  },\n  {\n    name: 'control-padding-lg',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 36px control.',\n  },\n  {\n    name: 'control-padding-xl',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the 40px control.',\n  },\n  {\n    name: 'control-padding-2xl',\n    kind: 'dimension',\n    description: 'Inline padding that pairs with the stable 48px touch target.',\n  },\n  { name: 'row-height-sm', kind: 'dimension', description: '28px — a dense list row.' },\n  { name: 'row-height-md', kind: 'dimension', description: '32px — the default list row.' },\n  { name: 'row-height-lg', kind: 'dimension', description: '36px — a two-line list row.' },\n  { name: 'rail-width', kind: 'dimension', description: '56px — the icon-only rail.' },\n  { name: 'rail-width-expanded', kind: 'dimension', description: '236px — the labelled rail.' },\n  {\n    name: 'rail-item-height',\n    kind: 'dimension',\n    description: '36px — a rail or sidebar destination.',\n  },\n  {\n    name: 'sidebar-width',\n    kind: 'dimension',\n    description: '256px — the secondary navigation column.',\n  },\n  {\n    name: 'sidebar-width-compact',\n    kind: 'dimension',\n    description: '48px — the collapsed secondary column.',\n  },\n  { name: 'topbar-height', kind: 'dimension', description: '48px — the window title row.' },\n  { name: 'statusbar-height', kind: 'dimension', description: '28px — the bottom readout strip.' },\n  {\n    name: 'tooltip-max-width',\n    kind: 'dimension',\n    description:\n      'The lesser of the 16rem readable measure and one viewport minus a gutter — a tip wraps before it can push its document wider than itself.',\n  },\n]\n\nexport const elevationTokens: TokenDefinition[] = [\n  {\n    name: 'shadow-2xs',\n    kind: 'shadow',\n    themed: true,\n    description: 'Barely there: a chip resting on a card.',\n  },\n  {\n    name: 'shadow-xs',\n    kind: 'shadow',\n    themed: true,\n    description: 'A card or panel on the canvas.',\n  },\n  {\n    name: 'shadow-sm',\n    kind: 'shadow',\n    themed: true,\n    description: 'A control that lifts: a pressed toggle, a thumb.',\n  },\n  { name: 'shadow-md', kind: 'shadow', themed: true, description: 'A menu or popover.' },\n  { name: 'shadow-lg', kind: 'shadow', themed: true, description: 'A dialog or sheet.' },\n  {\n    name: 'shadow-xl',\n    kind: 'shadow',\n    themed: true,\n    description: 'The command palette, above everything.',\n  },\n]\n\nexport const motionTokens: TokenDefinition[] = [\n  {\n    name: 'duration-fast',\n    kind: 'duration',\n    description: '120ms — a state change the user is already watching.',\n  },\n  { name: 'duration-normal', kind: 'duration', description: '200ms — an entrance.' },\n  { name: 'duration-slow', kind: 'duration', description: '320ms — a layout settle.' },\n  {\n    name: 'ease-out',\n    kind: 'easing',\n    description: 'A fast start and a long settle. Reads as decisive rather than floaty.',\n  },\n  {\n    name: 'ease-in-out',\n    kind: 'easing',\n    description: 'For a loop that has no start or end, such as a shimmer.',\n  },\n]\n\nexport const zIndexTokens: TokenDefinition[] = [\n  { name: 'z-base', kind: 'number', description: 'In flow, at the document order.' },\n  {\n    name: 'z-docked',\n    kind: 'number',\n    description: 'A sticky table header standing above its own scroll body.',\n  },\n  { name: 'z-sticky', kind: 'number', description: 'The top bar and any other pinned chrome.' },\n  { name: 'z-drawer', kind: 'number', description: 'A drawer, below a modal dialog.' },\n  { name: 'z-dialog', kind: 'number', description: 'A modal dialog and its scrim.' },\n  {\n    name: 'z-menu',\n    kind: 'number',\n    description: 'Menus, popovers and comboboxes. Above dialogs, because a dialog can contain one.',\n  },\n  {\n    name: 'z-tooltip',\n    kind: 'number',\n    description: 'Tooltips. Above menus, because a menu item can carry one.',\n  },\n  {\n    name: 'z-toast',\n    kind: 'number',\n    description: 'Notifications. Above everything, so they are never hidden by a dialog.',\n  },\n]\n\n/**\n * The accent axis.\n *\n * adea's accent presets, as a selection rather than a constant. `theme` is the\n * default and means \"the variant's own primary\" — monochrome in adea's palette —\n * and each named preset overrides the interactive roles through the\n * `[data-accent]` blocks in `theme.css`.\n *\n * These are the same six presets `accentPresets` exports in adea's own\n * `appearance.ts`, and the values match. A consumer's appearance picker and the\n * workshop's theme toolbar read this one list, so the two cannot disagree about\n * what a preset is called or what colour it is.\n */\nexport type AccentPreset = {\n  /** The `data-accent` value. `theme` is the variant's own primary. */\n  id: string\n  label: string\n  /** What the preset is for, in the gallery and in a picker. */\n  description: string\n  /** The accent as it appears in the light theme. Absent for `theme`. */\n  light?: string\n  /** The accent as it appears in the dark theme. Absent for `theme`. */\n  dark?: string\n}\n\nexport const accentPresets: readonly AccentPreset[] = Object.freeze([\n  {\n    id: 'theme',\n    label: 'Theme',\n    description:\n      \"The variant's own primary. Neutral in adea's palette, so the interface stays monochrome.\",\n  },\n  ...ACCENTS,\n])\n\n/** Every token, in gallery order. */\nexport const designTokens = {\n  color: colorTokens,\n  radius: radiusTokens,\n  typography: typographyTokens,\n  density: densityTokens,\n  elevation: elevationTokens,\n  motion: motionTokens,\n  zIndex: zIndexTokens,\n} as const\n\n/** Flat list, for completeness checks and for search. */\nexport const allTokens: TokenDefinition[] = Object.values(designTokens).flat()\n\n/**\n * Aliases that exist only to make a call site read better, and which therefore\n * have no gallery row of their own. Kept explicit so the completeness check\n * below can tell \"deliberately absent\" from \"forgotten\".\n */\nexport const undocumentedTokenAliases: string[] = ['radius']\n"],"mappings":"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,mBAAsC;CACjD;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,aACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAW,MAAM;EAAQ,aAAa;CAAiD;CAC/F;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EAAE,MAAM;EAAa,MAAM;EAAQ,aAAa;CAAwC;CACxF;EAAE,MAAM;EAAW,MAAM;EAAQ,aAAa;CAA0C;CACxF;EAAE,MAAM;EAAW,MAAM;EAAQ,aAAa;CAAuB;CACrE;EAAE,MAAM;EAAY,MAAM;EAAQ,aAAa;CAA2B;CAC1E;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;CACA;EACE,MAAM;EACN,MAAM;EACN,aAAa;CACf;AACF;;;;AAKA,IAAa,gBA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"}

package/dist/r/appearance-editor.json

@@ -4,7 +4,7 @@
   "title": "Appearance Editor",
   "description": "",
   "dependencies": [
-    "@adea-ai/themes@^0.9.6",
+    "@adea-ai/themes@^0.9.7",
     "@kobalte/core@^0.13.14",
     "lucide-solid@^1.51.0"
   ],
@@ -14,9 +14,15 @@
     "@adea-ai/ui/input",
     "@adea-ai/ui/popover",
     "@adea-ai/ui/switch",
+    "@adea-ai/ui/theme",
     "lib"
   ],
   "files": [
+    {
+      "path": "src/components/composites/appearance-editor/accent-swatch-groups.tsx",
+      "type": "registry:ui",
+      "target": "components/composites/appearance-editor/accent-swatch-groups.tsx"
+    },
     {
       "path": "src/components/composites/appearance-editor/appearance-choices.tsx",
       "type": "registry:ui",
@@ -37,6 +43,11 @@
       "type": "registry:ui",
       "target": "components/composites/appearance-editor/appearance-types.ts"
     },
+    {
+      "path": "src/components/composites/appearance-editor/font-settings-group.tsx",
+      "type": "registry:ui",
+      "target": "components/composites/appearance-editor/font-settings-group.tsx"
+    },
     {
       "path": "src/components/composites/appearance-editor/index.ts",
       "type": "registry:ui",

package/dist/r/lib.json

@@ -4,12 +4,17 @@
   "title": "Class-name and token helpers",
   "description": "The private helpers the components import: the class-name merge, the variant recipes, the token manifest and the theme bridge. Installed automatically as a peer of any component that needs it.",
   "dependencies": [
-    "@adea-ai/themes@^0.9.6",
+    "@adea-ai/themes@^0.9.7",
     "class-variance-authority@^0.7.1",
     "cn@^0.4.0"
   ],
   "registryDependencies": [],
   "files": [
+    {
+      "path": "src/lib/appearance-font-settings.ts",
+      "type": "registry:lib",
+      "target": "lib/appearance-font-settings.ts"
+    },
     {
       "path": "src/lib/clipboard.ts",
       "type": "registry:lib",
@@ -25,6 +30,11 @@
       "type": "registry:lib",
       "target": "lib/download.ts"
     },
+    {
+      "path": "src/lib/font-catalog.ts",
+      "type": "registry:lib",
+      "target": "lib/font-catalog.ts"
+    },
     {
       "path": "src/lib/form-field.ts",
       "type": "registry:lib",
@@ -40,6 +50,11 @@
       "type": "registry:lib",
       "target": "lib/overlay.ts"
     },
+    {
+      "path": "src/lib/safe-script.ts",
+      "type": "registry:lib",
+      "target": "lib/safe-script.ts"
+    },
     {
       "path": "src/lib/theme-accents.ts",
       "type": "registry:lib",

package/dist/r/registry.json

@@ -1910,7 +1910,7 @@
       "title": "Appearance Editor",
       "description": "",
       "dependencies": [
-        "@adea-ai/themes@^0.9.6",
+        "@adea-ai/themes@^0.9.7",
         "@kobalte/core@^0.13.14",
         "lucide-solid@^1.51.0"
       ],
@@ -1920,9 +1920,15 @@
         "@adea-ai/ui/input",
         "@adea-ai/ui/popover",
         "@adea-ai/ui/switch",
+        "@adea-ai/ui/theme",
         "lib"
       ],
       "files": [
+        {
+          "path": "src/components/composites/appearance-editor/accent-swatch-groups.tsx",
+          "type": "registry:ui",
+          "target": "components/composites/appearance-editor/accent-swatch-groups.tsx"
+        },
         {
           "path": "src/components/composites/appearance-editor/appearance-choices.tsx",
           "type": "registry:ui",
@@ -1943,6 +1949,11 @@
           "type": "registry:ui",
           "target": "components/composites/appearance-editor/appearance-types.ts"
         },
+        {
+          "path": "src/components/composites/appearance-editor/font-settings-group.tsx",
+          "type": "registry:ui",
+          "target": "components/composites/appearance-editor/font-settings-group.tsx"
+        },
         {
           "path": "src/components/composites/appearance-editor/index.ts",
           "type": "registry:ui",
@@ -2357,10 +2368,12 @@
       "title": "Theming",
       "description": "",
       "dependencies": [
-        "@adea-ai/themes@^0.9.6",
+        "@adea-ai/themes@^0.9.7",
+        "@kobalte/core@^0.13.14",
         "lucide-solid@^1.51.0"
       ],
       "registryDependencies": [
+        "@adea-ai/ui/appearance-editor",
         "@adea-ai/ui/button",
         "@adea-ai/ui/radio-group",
         "@adea-ai/ui/toggle-group",
@@ -2452,6 +2465,11 @@
           "type": "registry:style",
           "target": "styles/base.css"
         },
+        {
+          "path": "src/styles/appearance-font-settings.css",
+          "type": "registry:style",
+          "target": "styles/appearance-font-settings.css"
+        },
         {
           "path": "src/styles/fonts.css",
           "type": "registry:style",
@@ -2465,12 +2483,17 @@
       "title": "Class-name and token helpers",
       "description": "The private helpers the components import: the class-name merge, the variant recipes, the token manifest and the theme bridge. Installed automatically as a peer of any component that needs it.",
       "dependencies": [
-        "@adea-ai/themes@^0.9.6",
+        "@adea-ai/themes@^0.9.7",
         "class-variance-authority@^0.7.1",
         "cn@^0.4.0"
       ],
       "registryDependencies": [],
       "files": [
+        {
+          "path": "src/lib/appearance-font-settings.ts",
+          "type": "registry:lib",
+          "target": "lib/appearance-font-settings.ts"
+        },
         {
           "path": "src/lib/clipboard.ts",
           "type": "registry:lib",
@@ -2486,6 +2509,11 @@
           "type": "registry:lib",
           "target": "lib/download.ts"
         },
+        {
+          "path": "src/lib/font-catalog.ts",
+          "type": "registry:lib",
+          "target": "lib/font-catalog.ts"
+        },
         {
           "path": "src/lib/form-field.ts",
           "type": "registry:lib",
@@ -2501,6 +2529,11 @@
           "type": "registry:lib",
           "target": "lib/overlay.ts"
         },
+        {
+          "path": "src/lib/safe-script.ts",
+          "type": "registry:lib",
+          "target": "lib/safe-script.ts"
+        },
         {
           "path": "src/lib/theme-accents.ts",
           "type": "registry:lib",

package/dist/r/src/components/composites/action-button/action-button.tsx

@@ -161,6 +161,7 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
         }
       >
         <Tooltip
+          placement={local.tooltipSide ?? 'bottom'}
           open={tooltipOpen()}
           onOpenChange={(open) => {
             if (open && tooltipSuppression()) return
@@ -174,7 +175,7 @@ export function ActionButton<T extends ValidComponent = 'button'>(props: ActionB
           >
             {contents()}
           </TooltipTrigger>
-          <TooltipContent side={local.tooltipSide ?? 'bottom'}>{local.tooltip}</TooltipContent>
+          <TooltipContent>{local.tooltip}</TooltipContent>
         </Tooltip>
       </Show>
       <Show when={busy()}>

package/dist/r/src/components/composites/appearance-editor/accent-swatch-groups.tsx

@@ -0,0 +1,147 @@
+/*
+ * MIT License
+ *
+ * Copyright (c) 2026 Wing
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import { RadioGroup as Radio } from '@kobalte/core/radio-group'
+import { For, Show } from 'solid-js'
+import { cn } from '../../../lib/utils'
+
+export const PRIMARY_ACCENT_IDS = ['blue', 'green', 'amber', 'cyan', 'pink'] as const
+const primaryAccentIds: ReadonlySet<string> = new Set(PRIMARY_ACCENT_IDS)
+
+type AccentOption = Readonly<{
+  id: string
+  label: string
+  light?: string
+  dark?: string
+}>
+
+type AccentSwatchGroupsProps = {
+  accentOptions: readonly AccentOption[]
+  themeAccentOptions: readonly AccentOption[]
+  resolvedAppearance: 'light' | 'dark'
+  themeDefaultColor: string
+}
+
+export function AccentSwatchGroups(props: AccentSwatchGroupsProps) {
+  const primaryAccents = () =>
+    PRIMARY_ACCENT_IDS.flatMap((id) => {
+      const option = props.accentOptions.find((candidate) => candidate.id === id)
+      return option ? [option] : []
+    })
+  const additionalAccents = () =>
+    props.accentOptions.filter(
+      (option) => option.id !== 'theme' && !primaryAccentIds.has(option.id)
+    )
+
+  return (
+    <>
+      <div class="grid grid-cols-3 gap-2" data-primary-accent-grid>
+        <AccentSwatch
+          id="theme"
+          label="Theme default"
+          color={props.themeDefaultColor}
+          group="primary"
+        />
+        <For each={primaryAccents()}>
+          {(option) => (
+            <AccentSwatch
+              id={option.id}
+              label={option.label}
+              color={(props.resolvedAppearance === 'light' ? option.light : option.dark) ?? ''}
+              group="primary"
+            />
+          )}
+        </For>
+      </div>
+      <Show when={additionalAccents().length > 0}>
+        <div class="flex flex-col gap-1">
+          <span class="text-xs font-medium text-muted-foreground">Additional colors</span>
+          <div class="flex flex-wrap gap-2">
+            <For each={additionalAccents()}>
+              {(option) => (
+                <AccentSwatch
+                  id={option.id}
+                  label={option.label}
+                  color={(props.resolvedAppearance === 'light' ? option.light : option.dark) ?? ''}
+                  group="additional"
+                />
+              )}
+            </For>
+          </div>
+        </div>
+      </Show>
+      <Show when={props.themeAccentOptions.length > 0}>
+        <div class="flex flex-col gap-1">
+          <span class="text-xs font-medium text-muted-foreground">Theme accents</span>
+          <div class="grid grid-cols-3 gap-2">
+            <For each={props.themeAccentOptions}>
+              {(option) => (
+                <AccentSwatch
+                  id={option.id}
+                  label={'Theme ' + option.label.toLowerCase()}
+                  color={(props.resolvedAppearance === 'light' ? option.light : option.dark) ?? ''}
+                  group="theme"
+                  dashed
+                />
+              )}
+            </For>
+          </div>
+        </div>
+      </Show>
+    </>
+  )
+}
+
+function AccentSwatch(props: {
+  id: string
+  label: string
+  color: string
+  group: 'primary' | 'additional' | 'theme'
+  dashed?: boolean
+}) {
+  return (
+    <Radio.Item
+      value={props.id}
+      data-accent-option={props.id}
+      data-primary-accent={props.group === 'primary' ? props.id : undefined}
+      data-additional-accent={props.group === 'additional' ? props.id : undefined}
+      data-theme-accent={props.group === 'theme' ? props.id : undefined}
+      class="rounded-full focus-within:ring-3 focus-within:ring-ring/50"
+    >
+      <Radio.ItemInput />
+      <Radio.ItemLabel
+        class={cn(
+          'block size-7 cursor-pointer rounded-full border p-0.5 data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary',
+          { 'border-dashed data-[checked]:border-solid': props.dashed }
+        )}
+      >
+        <span
+          class="block size-full rounded-full"
+          aria-hidden="true"
+          style={{ 'background-color': props.color }}
+        />
+        <span class="sr-only">{props.label}</span>
+      </Radio.ItemLabel>
+    </Radio.Item>
+  )
+}

package/dist/r/src/components/composites/appearance-editor/appearance-choices.tsx

@@ -26,6 +26,7 @@
 import { RadioGroup as Radio } from '@kobalte/core/radio-group'
 import { For, Show } from 'solid-js'
 import { isThemeAccentId } from '../../../lib/theme-accents'
+import { AccentSwatchGroups } from './accent-swatch-groups'
 import type { AppearanceEditorProps } from './appearance-types'
 import { ThemeMiniature, ThemeMiniatureSplit } from './theme-preview'
 
@@ -39,7 +40,6 @@ const SURFACES = [
   { value: 'frosted', label: 'Frosted' },
   { value: 'opaque', label: 'Opaque' },
 ] as const
-
 export function ModeChoices(props: AppearanceEditorProps) {
   return (
     <Radio
@@ -113,89 +113,32 @@ export function AccentChoices(props: AppearanceEditorProps) {
       disabled={props.saving}
       orientation="horizontal"
       aria-label="Accent"
-      // One chip (custom) beside a capped swatch grid: a chip-per-state column
-      // beside a full-width swatch line overflowed the settings sidebar's
-      // control column, so the pair stays a narrow chip plus a wrapped grid.
-      class="flex items-center gap-3"
+      class="flex flex-col items-start gap-3"
       onChange={(accent) =>
         props.onChange({
           accent: accent === 'custom' ? (props.customAccentValue ?? '') : accent,
         })
       }
     >
-      <div class="grid grid-cols-4 gap-2">
-        {/* The theme's own accent is the first swatch. Picking it is the same
-            act the old dedicated "Theme default" chip performed, without a
-            second control for the state the row starts in. */}
-        <Radio.Item
-          value="theme"
-          class="rounded-full focus-within:ring-3 focus-within:ring-ring/50"
-        >
+      <AccentSwatchGroups
+        accentOptions={props.accentOptions}
+        themeAccentOptions={themeAccents()}
+        resolvedAppearance={resolvedAppearance()}
+        themeDefaultColor={
+          resolvedAppearance() === 'light'
+            ? props.lightTheme.colors.accent
+            : props.darkTheme.colors.accent
+        }
+      />
+      <div class="flex flex-col gap-1">
+        <span class="text-xs font-medium text-muted-foreground">Custom</span>
+        <Radio.Item value="custom">
           <Radio.ItemInput />
-          <Radio.ItemLabel class="block size-7 cursor-pointer rounded-full border p-0.5 data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary">
-            <span
-              class="block size-full rounded-full"
-              aria-hidden="true"
-              style={{
-                'background-color':
-                  resolvedAppearance() === 'light'
-                    ? props.lightTheme.colors.accent
-                    : props.darkTheme.colors.accent,
-              }}
-            />
-            <span class="sr-only">Theme default</span>
+          <Radio.ItemLabel class="flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs whitespace-nowrap data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary">
+            Custom
           </Radio.ItemLabel>
         </Radio.Item>
-        <For each={props.accentOptions}>
-          {(option) => (
-            <Radio.Item
-              value={option.id}
-              class="rounded-full focus-within:ring-3 focus-within:ring-ring/50"
-            >
-              <Radio.ItemInput />
-              <Radio.ItemLabel class="block size-7 cursor-pointer rounded-full border p-0.5 data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary">
-                <span
-                  class="block size-full rounded-full"
-                  aria-hidden="true"
-                  style={{
-                    'background-color':
-                      resolvedAppearance() === 'light' ? option.light : option.dark,
-                  }}
-                />
-                <span class="sr-only">{option.label}</span>
-              </Radio.ItemLabel>
-            </Radio.Item>
-          )}
-        </For>
-        <For each={themeAccents()}>
-          {(option) => (
-            <Radio.Item
-              value={option.id}
-              data-theme-accent={option.id}
-              class="rounded-full focus-within:ring-3 focus-within:ring-ring/50"
-            >
-              <Radio.ItemInput />
-              <Radio.ItemLabel class="block size-7 cursor-pointer rounded-full border border-dashed p-0.5 data-[checked]:border-solid data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary">
-                <span
-                  class="block size-full rounded-full"
-                  aria-hidden="true"
-                  style={{
-                    'background-color':
-                      resolvedAppearance() === 'light' ? option.light : option.dark,
-                  }}
-                />
-                <span class="sr-only">{`Theme ${option.label.toLowerCase()}`}</span>
-              </Radio.ItemLabel>
-            </Radio.Item>
-          )}
-        </For>
       </div>
-      <Radio.Item value="custom">
-        <Radio.ItemInput />
-        <Radio.ItemLabel class="flex h-7 cursor-pointer items-center rounded-md border px-2 text-xs whitespace-nowrap data-[checked]:border-primary data-[checked]:ring-1 data-[checked]:ring-primary">
-          Custom
-        </Radio.ItemLabel>
-      </Radio.Item>
     </Radio>
   )
 }