@common-origin/design-system 2.23.0 → 3.1.0

package/dist/data.js.map

@@ -1 +1 @@
-{"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n  | 'add'\n  | 'ai'\n  | 'addRing'\n  | 'arrowDown'\n  | 'arrowLeft'\n  | 'arrowRight'\n  | 'arrowUp'\n  | 'back'\n  | 'bell'\n  | 'cancel'\n  | 'caret'\n  | 'caretDown'\n  | 'caretUp'\n  | 'check'\n  | 'checkRing'\n  | 'close'\n  | 'copy'\n  | 'creditCard'\n  | 'crossCircle'\n  | 'directionRight'\n  | 'directionUp'\n  | 'edit'\n  | 'export'\n  | 'fileDocSearch'\n  | 'filter'\n  | 'info'\n  | 'kebab'\n  | 'lamp'\n  | 'lineOut'\n  | 'link'\n  | 'meatballs'\n  | 'menu'\n  | 'message'\n  | 'move'\n  | 'mic'\n  | 'order'\n  | 'paper'\n  | 'pause'\n  | 'play'\n  | 'playBack'\n  | 'refresh'\n  | 'remove'\n  | 'search'\n  | 'star'\n  | 'starFilled'\n  | 'statusCancelled'\n  | 'statusError'\n  | 'statusInProgress'\n  | 'statusInfo'\n  | 'statusNotStarted'\n  | 'statusPending'\n  | 'statusScheduled'\n  | 'statusSerious'\n  | 'statusSuccess'\n  | 'statusWarning'\n  | 'stop'\n  | 'table'\n  | 'trash'\n  | 'userBox'\n  | 'view'\n  | 'viewHide'\n  | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n  | 'action'\n  | 'communication'\n  | 'content'\n  | 'feedback'\n  | 'media'\n  | 'navigation'\n  | 'object'\n  | 'status'\n  | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n  /** SVG path data */\n  path: string\n  /** Display name of the icon */\n  name: string\n  /** What the icon visually depicts */\n  description: string\n  /** Semantic category for grouping */\n  category: IconCategory\n  /** Alternative names and search terms */\n  aliases: string[]\n  /** When and why to use this icon */\n  intent: string\n  /** Whether the icon is typically decorative (true) or informative (false) */\n  decorativeDefault: boolean\n  /** Suggested accessible label when the icon conveys meaning */\n  ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAWC;;ACP9B;AACA;AACA;AAuGA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}
+{"version":3,"file":"data.js","sources":["../src/types/tokens.ts","../src/types/icons.ts"],"sourcesContent":["import tokensJson from '../styles/tokens.json'\nimport type { Tokens } from '../styles/tokens'\n\n// The published types come from the generated `src/styles/tokens.ts`, which carries each token's\n// description as JSDoc and `@deprecated` on deprecated tokens (decision 0033, #199). Declaring the\n// constant with that type also keeps emitted .d.ts files free of JSON imports, which consumers can\n// only resolve with `resolveJsonModule`.\nexport const tokens: Tokens = tokensJson\n\nexport type { Tokens }\nexport type TokensBase = Tokens['base']\nexport type TokensSemantic = Tokens['semantic']\nexport type TokensComponent = Tokens['component']\n","// Icon type definitions for external consumption\n// This is a self-contained type that doesn't depend on JSON imports\n// to ensure it works correctly in consuming projects\n\nimport iconsJson from '../styles/icons.json'\n\nexport type IconName =\n  | 'add'\n  | 'ai'\n  | 'addRing'\n  | 'arrowDown'\n  | 'arrowLeft'\n  | 'arrowRight'\n  | 'arrowUp'\n  | 'back'\n  | 'bell'\n  | 'cancel'\n  | 'caret'\n  | 'caretDown'\n  | 'caretUp'\n  | 'check'\n  | 'checkRing'\n  | 'close'\n  | 'copy'\n  | 'creditCard'\n  | 'crossCircle'\n  | 'directionRight'\n  | 'directionUp'\n  | 'edit'\n  | 'export'\n  | 'fileDocSearch'\n  | 'filter'\n  | 'home'\n  | 'info'\n  | 'kebab'\n  | 'lamp'\n  | 'lineOut'\n  | 'link'\n  | 'meatballs'\n  | 'menu'\n  | 'message'\n  | 'move'\n  | 'mic'\n  | 'order'\n  | 'paper'\n  | 'pause'\n  | 'play'\n  | 'playBack'\n  | 'refresh'\n  | 'remove'\n  | 'search'\n  | 'sidebar'\n  | 'star'\n  | 'starFilled'\n  | 'statusCancelled'\n  | 'statusError'\n  | 'statusInProgress'\n  | 'statusInfo'\n  | 'statusNotStarted'\n  | 'statusPending'\n  | 'statusScheduled'\n  | 'statusSerious'\n  | 'statusSuccess'\n  | 'statusWarning'\n  | 'stop'\n  | 'table'\n  | 'trash'\n  | 'userBox'\n  | 'view'\n  | 'viewHide'\n  | 'wallet'\n\n/** Semantic category for grouping icons by purpose */\nexport type IconCategory =\n  | 'action'\n  | 'communication'\n  | 'content'\n  | 'feedback'\n  | 'media'\n  | 'navigation'\n  | 'object'\n  | 'status'\n  | 'user'\n\n/** Enriched metadata for each icon entry in icons.json */\nexport interface IconMetadata {\n  /** SVG path data */\n  path: string\n  /** Display name of the icon */\n  name: string\n  /** What the icon visually depicts */\n  description: string\n  /** Semantic category for grouping */\n  category: IconCategory\n  /** Alternative names and search terms */\n  aliases: string[]\n  /** When and why to use this icon */\n  intent: string\n  /** Whether the icon is typically decorative (true) or informative (false) */\n  decorativeDefault: boolean\n  /** Suggested accessible label when the icon conveys meaning */\n  ariaLabelDefault: string\n}\n\n/** The full icon registry keyed by IconName */\nexport type IconRegistry = Record<IconName, IconMetadata>\n\n// Typed as IconRegistry so emitted .d.ts files don't import JSON (needs `resolveJsonModule` in consumers).\nexport const iconsData = iconsJson as IconRegistry\n"],"names":["tokens","tokensJson","iconsData","iconsJson"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAWC;;ACP9B;AACA;AACA;AAyGA;AACO,IAAMC,SAAS,GAAGC;;;;;;;"}

package/dist/index.js

@@ -17,13 +17,11 @@ exports.AgentInput = client.AgentInput;
 exports.Alert = client.Alert;
 exports.Avatar = client.Avatar;
 exports.Badge = client.Badge;
-exports.BooleanChip = client.BooleanChip;
 exports.Box = client.Box;
 exports.Breadcrumbs = client.Breadcrumbs;
 exports.Button = client.Button;
 exports.CardLarge = client.CardLarge;
 exports.CardSmall = client.CardSmall;
-exports.CategoryBadge = client.CategoryBadge;
 exports.CategoryLabel = client.CategoryLabel;
 exports.Checkbox = client.Checkbox;
 exports.Chip = client.Chip;
@@ -43,22 +41,28 @@ exports.Icon = client.Icon;
 exports.IconButton = client.IconButton;
 exports.InlineAlert = client.InlineAlert;
 exports.InputChip = client.InputChip;
-exports.LegacyChip = client.LegacyChip;
 exports.List = client.List;
 exports.ListItem = client.ListItem;
+exports.Menu = client.Menu;
+exports.MenuDivider = client.MenuDivider;
+exports.MenuGroup = client.MenuGroup;
+exports.MenuItem = client.MenuItem;
+exports.MenuItemCheckbox = client.MenuItemCheckbox;
+exports.MenuItemRadio = client.MenuItemRadio;
 exports.Modal = client.Modal;
 exports.MoneyDisplay = client.MoneyDisplay;
 exports.NumberInput = client.NumberInput;
-exports.PageTitle = client.PageTitle;
 exports.PasswordField = client.PasswordField;
 exports.Picture = client.Picture;
 exports.ProgressBar = client.ProgressBar;
 exports.ResponsiveGrid = client.ResponsiveGrid;
 exports.SearchField = client.SearchField;
 exports.Sheet = client.Sheet;
+exports.SidebarNav = client.SidebarNav;
+exports.SidebarNavItem = client.SidebarNavItem;
+exports.SidebarNavSection = client.SidebarNavSection;
 exports.Slider = client.Slider;
 exports.Stack = client.Stack;
-exports.StatusBadge = client.StatusBadge;
 exports.StatusLabel = client.StatusLabel;
 exports.StyledInputBase = client.StyledInputBase;
 exports.StyledTextAreaBase = client.StyledTextAreaBase;
@@ -66,8 +70,10 @@ exports.SuggestionChip = client.SuggestionChip;
 exports.TabBar = client.TabBar;
 exports.Tag = client.Tag;
 exports.TextField = client.TextField;
+exports.Tooltip = client.Tooltip;
 exports.TransactionListItem = client.TransactionListItem;
 exports.Typography = client.Typography;
+exports.WorkspaceSwitcher = client.WorkspaceSwitcher;
 exports.iconsData = data.iconsData;
 exports.tokens = data.tokens;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -2,12 +2,10 @@ export { Avatar } from './components/atoms/Avatar/Avatar.mjs';
 export { Badge } from './components/atoms/Badge/Badge.mjs';
 export { Box } from './components/atoms/Box/Box.mjs';
 export { Button } from './components/atoms/Button/Button.mjs';
-export { CategoryBadge } from './components/atoms/CategoryBadge/CategoryBadge.mjs';
 export { CategoryLabel } from './components/atoms/CategoryLabel/CategoryLabel.mjs';
-export { Chip, LegacyChip } from './components/atoms/Chip/Chip.mjs';
+export { Chip } from './components/atoms/Chip/Chip.mjs';
 export { InputChip } from './components/atoms/Chip/InputChip.mjs';
 export { FilterChip } from './components/atoms/Chip/FilterChip.mjs';
-export { BooleanChip } from './components/atoms/Chip/BooleanChip.mjs';
 export { SuggestionChip } from './components/atoms/Chip/SuggestionChip.mjs';
 export { Container } from './components/atoms/Container/Container.mjs';
 export { Picture } from './components/atoms/Picture/Picture.mjs';
@@ -18,9 +16,9 @@ export { MoneyDisplay } from './components/atoms/MoneyDisplay/MoneyDisplay.mjs';
 export { ProgressBar } from './components/atoms/ProgressBar/ProgressBar.mjs';
 export { Divider } from './components/atoms/Divider/Divider.mjs';
 export { Stack } from './components/atoms/Stack/Stack.mjs';
-export { StatusBadge } from './components/atoms/StatusBadge/StatusBadge.mjs';
 export { StatusLabel } from './components/atoms/StatusLabel/StatusLabel.mjs';
 export { Tag } from './components/atoms/Tag/Tag.mjs';
+export { Tooltip } from './components/atoms/Tooltip/Tooltip.mjs';
 export { Typography } from './components/atoms/Typography/Typography.mjs';
 export { AILabel } from './components/atoms/AILabel/AILabel.mjs';
 export { AccountCard } from './components/molecules/AccountCard/AccountCard.mjs';
@@ -40,9 +38,11 @@ export { FeatureBlock } from './components/molecules/FeatureBlock/FeatureBlock.m
 export { Dropdown } from './components/molecules/Dropdown/Dropdown.mjs';
 export { List } from './components/molecules/List/List.mjs';
 export { ListItem } from './components/molecules/List/ListItem.mjs';
+export { Menu, MenuDivider, MenuGroup, MenuItem, MenuItemCheckbox, MenuItemRadio } from './components/molecules/Menu/Menu.mjs';
+export { SidebarNavItem } from './components/molecules/SidebarNavItem/SidebarNavItem.mjs';
+export { SidebarNavSection } from './components/molecules/SidebarNavSection/SidebarNavSection.mjs';
 export { Modal } from './components/molecules/Modal/Modal.mjs';
 export { NumberInput } from './components/molecules/NumberInput/NumberInput.mjs';
-export { PageTitle } from './components/molecules/PageTitle/PageTitle.mjs';
 export { PasswordField } from './components/molecules/PasswordField/PasswordField.mjs';
 export { SearchField } from './components/molecules/SearchField/SearchField.mjs';
 export { Sheet } from './components/molecules/Sheet/Sheet.mjs';
@@ -51,6 +51,8 @@ export { TabBar } from './components/molecules/TabBar/TabBar.mjs';
 export { TextField } from './components/molecules/TextField/TextField.mjs';
 export { StyledInputBase, StyledTextAreaBase } from './components/molecules/TextField/InputBase.mjs';
 export { TransactionListItem } from './components/molecules/TransactionListItem/TransactionListItem.mjs';
+export { WorkspaceSwitcher } from './components/molecules/WorkspaceSwitcher/WorkspaceSwitcher.mjs';
+export { SidebarNav } from './components/organisms/SidebarNav/SidebarNav.mjs';
 export { Grid, GridCol, ResponsiveGrid } from './components/layout/GridSystem/GridSystem.mjs';
 export { tokens } from './types/tokens.mjs';
 export { iconsData } from './types/icons.mjs';

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/floatingPosition.d.mts

@@ -0,0 +1,43 @@
+export type FloatingSide = 'top' | 'right' | 'bottom' | 'left';
+export type FloatingAlign = 'start' | 'center' | 'end';
+export interface FloatingRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface FloatingOptions {
+    /** The anchor's box, from getBoundingClientRect */
+    anchor: FloatingRect;
+    /** The floating element's size */
+    floating: {
+        width: number;
+        height: number;
+    };
+    /** The side to place it on; it flips to the opposite side when that has more room */
+    side: FloatingSide;
+    /** Where it lines up along the anchor's edge */
+    align: FloatingAlign;
+    /** The gap between the anchor and the floating element, in px */
+    offset: number;
+    /** The viewport's size */
+    viewport: {
+        width: number;
+        height: number;
+    };
+    /** The smallest distance kept from the viewport's edges, in px */
+    margin: number;
+}
+export interface FloatingPosition {
+    top: number;
+    left: number;
+    /** The side it ended up on, after any flip */
+    side: FloatingSide;
+}
+export declare function placeFloating(options: FloatingOptions): FloatingPosition;
+/**
+ * The element that actually has a box inside a wrapper: Tooltip and Menu wrap their trigger in a
+ * `display: contents` span, and a trigger can be nested in more than one (a Tooltip inside a Menu's
+ * trigger), so this steps down until it finds an element that lays out.
+ */
+export declare function laidOutElement(wrapper: Element | null): Element | null;

package/dist/lib/floatingPosition.d.ts

@@ -0,0 +1,43 @@
+export type FloatingSide = 'top' | 'right' | 'bottom' | 'left';
+export type FloatingAlign = 'start' | 'center' | 'end';
+export interface FloatingRect {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+}
+export interface FloatingOptions {
+    /** The anchor's box, from getBoundingClientRect */
+    anchor: FloatingRect;
+    /** The floating element's size */
+    floating: {
+        width: number;
+        height: number;
+    };
+    /** The side to place it on; it flips to the opposite side when that has more room */
+    side: FloatingSide;
+    /** Where it lines up along the anchor's edge */
+    align: FloatingAlign;
+    /** The gap between the anchor and the floating element, in px */
+    offset: number;
+    /** The viewport's size */
+    viewport: {
+        width: number;
+        height: number;
+    };
+    /** The smallest distance kept from the viewport's edges, in px */
+    margin: number;
+}
+export interface FloatingPosition {
+    top: number;
+    left: number;
+    /** The side it ended up on, after any flip */
+    side: FloatingSide;
+}
+export declare function placeFloating(options: FloatingOptions): FloatingPosition;
+/**
+ * The element that actually has a box inside a wrapper: Tooltip and Menu wrap their trigger in a
+ * `display: contents` span, and a trigger can be nested in more than one (a Tooltip inside a Menu's
+ * trigger), so this steps down until it finds an element that lays out.
+ */
+export declare function laidOutElement(wrapper: Element | null): Element | null;

package/dist/lib/floatingPosition.mjs

@@ -0,0 +1,86 @@
+'use client';
+// Places a floating element (Tooltip, Menu) next to its anchor, without a positioning library
+// (P8). Pure geometry, so it can be tested without a browser: the caller measures both elements
+// and applies the result as `top` and `left` on a `position: fixed` element.
+var opposite = {
+  top: 'bottom',
+  bottom: 'top',
+  left: 'right',
+  right: 'left'
+};
+// The room between the anchor and the viewport edge on each side
+var room = function room(side, _a) {
+  var anchor = _a.anchor,
+    viewport = _a.viewport,
+    margin = _a.margin;
+  switch (side) {
+    case 'top':
+      return anchor.top - margin;
+    case 'bottom':
+      return viewport.height - (anchor.top + anchor.height) - margin;
+    case 'left':
+      return anchor.left - margin;
+    case 'right':
+      return viewport.width - (anchor.left + anchor.width) - margin;
+  }
+};
+var clamp = function clamp(value, min, max) {
+  return Math.max(min, Math.min(value, max));
+};
+function placeFloating(options) {
+  var anchor = options.anchor,
+    floating = options.floating,
+    align = options.align,
+    offset = options.offset,
+    viewport = options.viewport,
+    margin = options.margin;
+  var vertical = function vertical(s) {
+    return s === 'top' || s === 'bottom';
+  };
+  // Flip when the preferred side is too small and the opposite side has more room
+  var side = options.side;
+  var needed = (vertical(side) ? floating.height : floating.width) + offset;
+  if (room(side, options) < needed && room(opposite[side], options) > room(side, options)) {
+    side = opposite[side];
+  }
+  // Main axis: beside the anchor, `offset` away
+  var top = 0;
+  var left = 0;
+  if (side === 'top') top = anchor.top - offset - floating.height;
+  if (side === 'bottom') top = anchor.top + anchor.height + offset;
+  if (side === 'left') left = anchor.left - offset - floating.width;
+  if (side === 'right') left = anchor.left + anchor.width + offset;
+  // Cross axis: aligned to the anchor's start, centre or end, then kept inside the viewport
+  if (vertical(side)) {
+    if (align === 'start') left = anchor.left;
+    if (align === 'center') left = anchor.left + (anchor.width - floating.width) / 2;
+    if (align === 'end') left = anchor.left + anchor.width - floating.width;
+    left = clamp(left, margin, viewport.width - floating.width - margin);
+  } else {
+    if (align === 'start') top = anchor.top;
+    if (align === 'center') top = anchor.top + (anchor.height - floating.height) / 2;
+    if (align === 'end') top = anchor.top + anchor.height - floating.height;
+    top = clamp(top, margin, viewport.height - floating.height - margin);
+  }
+  return {
+    top: Math.round(top),
+    left: Math.round(left),
+    side: side
+  };
+}
+/**
+ * The element that actually has a box inside a wrapper: Tooltip and Menu wrap their trigger in a
+ * `display: contents` span, and a trigger can be nested in more than one (a Tooltip inside a Menu's
+ * trigger), so this steps down until it finds an element that lays out.
+ */
+function laidOutElement(wrapper) {
+  var _a;
+  var element = (_a = wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstElementChild) !== null && _a !== void 0 ? _a : null;
+  while (element && typeof getComputedStyle !== 'undefined' && getComputedStyle(element).display === 'contents') {
+    element = element.firstElementChild;
+  }
+  return element;
+}
+
+export { laidOutElement, placeFloating };
+//# sourceMappingURL=floatingPosition.mjs.map

package/dist/lib/floatingPosition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingPosition.mjs","sources":["../../src/lib/floatingPosition.ts"],"sourcesContent":["// Places a floating element (Tooltip, Menu) next to its anchor, without a positioning library\n// (P8). Pure geometry, so it can be tested without a browser: the caller measures both elements\n// and applies the result as `top` and `left` on a `position: fixed` element.\n\nexport type FloatingSide = 'top' | 'right' | 'bottom' | 'left'\nexport type FloatingAlign = 'start' | 'center' | 'end'\n\nexport interface FloatingRect {\n  top: number\n  left: number\n  width: number\n  height: number\n}\n\nexport interface FloatingOptions {\n  /** The anchor's box, from getBoundingClientRect */\n  anchor: FloatingRect\n  /** The floating element's size */\n  floating: { width: number; height: number }\n  /** The side to place it on; it flips to the opposite side when that has more room */\n  side: FloatingSide\n  /** Where it lines up along the anchor's edge */\n  align: FloatingAlign\n  /** The gap between the anchor and the floating element, in px */\n  offset: number\n  /** The viewport's size */\n  viewport: { width: number; height: number }\n  /** The smallest distance kept from the viewport's edges, in px */\n  margin: number\n}\n\nexport interface FloatingPosition {\n  top: number\n  left: number\n  /** The side it ended up on, after any flip */\n  side: FloatingSide\n}\n\nconst opposite: Record<FloatingSide, FloatingSide> = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' }\n\n// The room between the anchor and the viewport edge on each side\nconst room = (side: FloatingSide, { anchor, viewport, margin }: FloatingOptions) => {\n  switch (side) {\n    case 'top': return anchor.top - margin\n    case 'bottom': return viewport.height - (anchor.top + anchor.height) - margin\n    case 'left': return anchor.left - margin\n    case 'right': return viewport.width - (anchor.left + anchor.width) - margin\n  }\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(value, max))\n\nexport function placeFloating(options: FloatingOptions): FloatingPosition {\n  const { anchor, floating, align, offset, viewport, margin } = options\n  const vertical = (s: FloatingSide) => s === 'top' || s === 'bottom'\n\n  // Flip when the preferred side is too small and the opposite side has more room\n  let side = options.side\n  const needed = (vertical(side) ? floating.height : floating.width) + offset\n  if (room(side, options) < needed && room(opposite[side], options) > room(side, options)) {\n    side = opposite[side]\n  }\n\n  // Main axis: beside the anchor, `offset` away\n  let top = 0\n  let left = 0\n  if (side === 'top') top = anchor.top - offset - floating.height\n  if (side === 'bottom') top = anchor.top + anchor.height + offset\n  if (side === 'left') left = anchor.left - offset - floating.width\n  if (side === 'right') left = anchor.left + anchor.width + offset\n\n  // Cross axis: aligned to the anchor's start, centre or end, then kept inside the viewport\n  if (vertical(side)) {\n    if (align === 'start') left = anchor.left\n    if (align === 'center') left = anchor.left + (anchor.width - floating.width) / 2\n    if (align === 'end') left = anchor.left + anchor.width - floating.width\n    left = clamp(left, margin, viewport.width - floating.width - margin)\n  } else {\n    if (align === 'start') top = anchor.top\n    if (align === 'center') top = anchor.top + (anchor.height - floating.height) / 2\n    if (align === 'end') top = anchor.top + anchor.height - floating.height\n    top = clamp(top, margin, viewport.height - floating.height - margin)\n  }\n\n  return { top: Math.round(top), left: Math.round(left), side }\n}\n\n/**\n * The element that actually has a box inside a wrapper: Tooltip and Menu wrap their trigger in a\n * `display: contents` span, and a trigger can be nested in more than one (a Tooltip inside a Menu's\n * trigger), so this steps down until it finds an element that lays out.\n */\nexport function laidOutElement(wrapper: Element | null): Element | null {\n  let element = wrapper?.firstElementChild ?? null\n  while (element && typeof getComputedStyle !== 'undefined' && getComputedStyle(element).display === 'contents') {\n    element = element.firstElementChild\n  }\n  return element\n}\n"],"names":["opposite","top","bottom","left","right","room","side","_a","anchor","viewport","margin","height","width","clamp","value","min","max","Math","placeFloating","options","floating","align","offset","vertical","s","needed","round","laidOutElement","wrapper","element","firstElementChild","getComputedStyle","display"],"mappings":"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"}

package/dist/lib/keyboardFocus.d.mts

@@ -0,0 +1,6 @@
+/**
+ * Whether focus arrived from the keyboard rather than a click or tap, so a component can show
+ * something on keyboard focus only (a Tooltip, SidebarNav's highlight). Browsers without
+ * `:focus-visible` treat every focus as keyboard focus.
+ */
+export declare function isKeyboardFocus(target: EventTarget | null): boolean;

package/dist/lib/keyboardFocus.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Whether focus arrived from the keyboard rather than a click or tap, so a component can show
+ * something on keyboard focus only (a Tooltip, SidebarNav's highlight). Browsers without
+ * `:focus-visible` treat every focus as keyboard focus.
+ */
+export declare function isKeyboardFocus(target: EventTarget | null): boolean;

package/dist/lib/keyboardFocus.mjs

@@ -0,0 +1,17 @@
+'use client';
+/**
+ * Whether focus arrived from the keyboard rather than a click or tap, so a component can show
+ * something on keyboard focus only (a Tooltip, SidebarNav's highlight). Browsers without
+ * `:focus-visible` treat every focus as keyboard focus.
+ */
+function isKeyboardFocus(target) {
+  if (!(target instanceof Element)) return false;
+  try {
+    return target.matches(':focus-visible');
+  } catch (_a) {
+    return true;
+  }
+}
+
+export { isKeyboardFocus };
+//# sourceMappingURL=keyboardFocus.mjs.map

package/dist/lib/keyboardFocus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardFocus.mjs","sources":["../../src/lib/keyboardFocus.ts"],"sourcesContent":["/**\n * Whether focus arrived from the keyboard rather than a click or tap, so a component can show\n * something on keyboard focus only (a Tooltip, SidebarNav's highlight). Browsers without\n * `:focus-visible` treat every focus as keyboard focus.\n */\nexport function isKeyboardFocus(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false\n  try {\n    return target.matches(':focus-visible')\n  } catch {\n    return true\n  }\n}\n"],"names":["isKeyboardFocus","target","Element","matches","_a"],"mappings":";AAAA;;;;AAIG;AACG,SAAUA,eAAeA,CAACC,MAA0B,EAAA;AACxD,EAAA,IAAI,EAAEA,MAAM,YAAYC,OAAO,CAAC,EAAE,OAAO,KAAK,CAAA;EAC9C,IAAI;AACF,IAAA,OAAOD,MAAM,CAACE,OAAO,CAAC,gBAAgB,CAAC,CAAA;GACxC,CAAC,OAAAC,EAAA,EAAM;AACN,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AACF;;;;"}

package/dist/lib/tokenAliases.d.mts

@@ -1,22 +1,22 @@
 import type { Tokens } from '../types/tokens.mjs';
 type Semantic = Tokens['semantic'];
-/** Box's spacing props (`p`, `m`, `gap`…): the old layout scale's keys, read from `space`. */
-export declare const spaceByLayoutKey: Record<keyof Semantic['spacing']['layout'], string>;
-/** Box's `borderRadius` prop: the old radius keys, read from `radius`. */
-export declare const radiusByKey: Record<keyof Semantic['border']['radius'], string>;
-/** Fills with no value of their own: a strong fill's states mix in an overlay (decision 0048). */
-type StateMixedFill = 'emphasis-hover' | 'emphasis-pressed';
+/** Box's spacing values (`p`, `m`, `gap`…), each a `space` step, plus `auto`. */
+export type BoxSpace = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | '10xl' | '11xl' | 'auto';
+/** Box's spacing props: each name maps to the space step that replaced its spacing.layout token. */
+export declare const spaceByLayoutKey: Record<BoxSpace, string>;
+/** Box's `borderRadius` values: the `radius` steps, with `circle` for `full`. */
+export type BoxRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'circle';
+/** Box's `borderRadius` prop, read from `radius`. */
+export declare const radiusByKey: Record<BoxRadius, string>;
 /**
  * Box's `bg` values in the semantic grammar (decision 0031, #304): the token's path below
  * `semantic`, such as `surface.raised` or `color.fill.muted`.
  */
-export type BackgroundPath = `surface.${keyof Semantic['surface']}` | `color.fill.${Exclude<keyof Semantic['color']['fill'], StateMixedFill>}`;
+export type BackgroundPath = `surface.${keyof Semantic['surface']}` | `color.fill.${keyof Semantic['color']['fill']}`;
 /** Box's `bg` prop: the grammar's token paths, read from the token at that path. */
 export declare const backgroundByPath: Record<BackgroundPath, string>;
-/** Box's `bg` prop: the old background keys, read from `surface` and `color.fill`. */
-export declare const backgroundByKey: Record<keyof Semantic['color']['background'], string>;
-/** Box's `color` prop: text colours, old and new keys. */
+/** Box's `color` prop: the text colours. */
 export declare const textColorByKey: Record<keyof Semantic['color']['text'], string>;
-/** Box's border props: border colours, old and new keys. */
+/** Box's border props: the border colours. */
 export declare const borderColorByKey: Record<keyof Semantic['color']['border'], string>;
 export {};

package/dist/lib/tokenAliases.d.ts

@@ -1,22 +1,22 @@
 import type { Tokens } from '../types/tokens';
 type Semantic = Tokens['semantic'];
-/** Box's spacing props (`p`, `m`, `gap`…): the old layout scale's keys, read from `space`. */
-export declare const spaceByLayoutKey: Record<keyof Semantic['spacing']['layout'], string>;
-/** Box's `borderRadius` prop: the old radius keys, read from `radius`. */
-export declare const radiusByKey: Record<keyof Semantic['border']['radius'], string>;
-/** Fills with no value of their own: a strong fill's states mix in an overlay (decision 0048). */
-type StateMixedFill = 'emphasis-hover' | 'emphasis-pressed';
+/** Box's spacing values (`p`, `m`, `gap`…), each a `space` step, plus `auto`. */
+export type BoxSpace = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl' | '10xl' | '11xl' | 'auto';
+/** Box's spacing props: each name maps to the space step that replaced its spacing.layout token. */
+export declare const spaceByLayoutKey: Record<BoxSpace, string>;
+/** Box's `borderRadius` values: the `radius` steps, with `circle` for `full`. */
+export type BoxRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'circle';
+/** Box's `borderRadius` prop, read from `radius`. */
+export declare const radiusByKey: Record<BoxRadius, string>;
 /**
  * Box's `bg` values in the semantic grammar (decision 0031, #304): the token's path below
  * `semantic`, such as `surface.raised` or `color.fill.muted`.
  */
-export type BackgroundPath = `surface.${keyof Semantic['surface']}` | `color.fill.${Exclude<keyof Semantic['color']['fill'], StateMixedFill>}`;
+export type BackgroundPath = `surface.${keyof Semantic['surface']}` | `color.fill.${keyof Semantic['color']['fill']}`;
 /** Box's `bg` prop: the grammar's token paths, read from the token at that path. */
 export declare const backgroundByPath: Record<BackgroundPath, string>;
-/** Box's `bg` prop: the old background keys, read from `surface` and `color.fill`. */
-export declare const backgroundByKey: Record<keyof Semantic['color']['background'], string>;
-/** Box's `color` prop: text colours, old and new keys. */
+/** Box's `color` prop: the text colours. */
 export declare const textColorByKey: Record<keyof Semantic['color']['text'], string>;
-/** Box's border props: border colours, old and new keys. */
+/** Box's border props: the border colours. */
 export declare const borderColorByKey: Record<keyof Semantic['color']['border'], string>;
 export {};

package/dist/lib/tokenAliases.mjs

@@ -1,16 +1,16 @@
 'use client';
 import tokens from './cssTokens.mjs';
 
-// Props whose values are token keys keep their published vocabulary in 2.x (P7), but read the
-// semantic grammar's names (decision 0031, #189). Each map covers every key the prop type allows,
-// so TypeScript fails here if a key is added without a mapping.
+// Box's spacing and radius props keep their own names, which 3.0 decoupled from the removed
+// spacing.layout and border.radius tokens (P7, #99), and read the semantic grammar's tokens
+// (decision 0031). Each map covers every key the prop type allows, so TypeScript fails here if a
+// key is added without a mapping.
 var semantic = tokens.semantic;
 var color = semantic.color,
   space = semantic.space,
   radius = semantic.radius,
-  surface = semantic.surface,
-  opacity = semantic.opacity;
-/** Box's spacing props (`p`, `m`, `gap`…): the old layout scale's keys, read from `space`. */
+  surface = semantic.surface;
+/** Box's spacing props: each name maps to the space step that replaced its spacing.layout token. */
 var spaceByLayoutKey = {
   none: space[0],
   xs: space[100],
@@ -28,10 +28,10 @@ var spaceByLayoutKey = {
   '9xl': space[1600],
   '10xl': space[2000],
   '11xl': space[2400],
-  // A keyword, not a step: it stays until the keyword question is settled (0031)
+  // A keyword, not a step (0031)
   auto: semantic.spacing.layout.auto
 };
-/** Box's `borderRadius` prop: the old radius keys, read from `radius`. */
+/** Box's `borderRadius` prop, read from `radius`. */
 var radiusByKey = {
   none: radius.none,
   xs: radius.xs,
@@ -77,85 +77,10 @@ var backgroundByPath = {
   'color.fill.none-pressed': color.fill['none-pressed'],
   'color.fill.inverse-none-hover': color.fill['inverse-none-hover']
 };
-/** Box's `bg` prop: the old background keys, read from `surface` and `color.fill`. */
-var backgroundByKey = {
-  "default": surface.base,
-  page: surface.base,
-  subtle: surface.raised,
-  overlay: surface.scrim,
-  emphasis: color.fill.emphasis,
-  // A strong fill's states mix its content colour in at the state-layer opacity (decision 0048)
-  'emphasis-hover': "color-mix(in srgb, ".concat(color.fill.emphasis, ", ").concat(color.text.inverse, " calc(").concat(opacity.state.hover, " * 100%))"),
-  'emphasis-active': "color-mix(in srgb, ".concat(color.fill.emphasis, ", ").concat(color.text.inverse, " calc(").concat(opacity.state.pressed, " * 100%))"),
-  surface: color.fill.muted,
-  inverse: color.fill.inverse,
-  interactive: color.fill.accent,
-  'interactive-hover': color.fill['accent-hover'],
-  'interactive-active': color.fill['accent-pressed'],
-  'interactive-subtle': color.fill['accent-muted'],
-  'interactive-subtle-hover': color.fill['accent-muted-hover'],
-  'interactive-subtle-active': color.fill['accent-muted-pressed'],
-  error: color.fill.danger,
-  'error-hover': color.fill['danger-hover'],
-  'error-active': color.fill['danger-pressed'],
-  'error-subtle': color.fill['danger-muted'],
-  success: color.fill.success,
-  'success-subtle': color.fill['success-muted'],
-  warning: color.fill.warning,
-  'warning-subtle': color.fill['warning-muted'],
-  disabled: color.fill.disabled,
-  neutral: color.fill["default"],
-  'neutral-hover': color.fill['default-hover'],
-  'neutral-active': color.fill['default-pressed'],
-  transparent: color.fill.none,
-  'hover-overlay': color.fill['none-hover'],
-  'active-overlay': color.fill['none-pressed'],
-  'inverse-overlay': color.fill['inverse-none-hover'],
-  // Moved to the component tier (decision 0031 §6)
-  progressTrack: tokens.component.track.background
-};
-/** Box's `color` prop: text colours, old and new keys. */
-var textColorByKey = {
-  "default": color.text["default"],
-  emphasis: color.text["default"],
-  inverse: color.text.inverse,
-  disabled: color.text.disabled,
-  success: color.text.success,
-  warning: color.text.warning,
-  muted: color.text.muted,
-  accent: color.text.accent,
-  'accent-hover': color.text.accent,
-  'accent-pressed': color.text.accent,
-  danger: color.text.danger,
-  serious: color.text.serious,
-  ai: color.text.ai,
-  subdued: color.text.muted,
-  interactive: color.text.accent,
-  'interactive-hover': color.text.accent,
-  'interactive-active': color.text.accent,
-  error: color.text.danger
-};
-/** Box's border props: border colours, old and new keys. */
-var borderColorByKey = {
-  "default": color.border["default"],
-  success: color.border.success,
-  warning: color.border.warning,
-  none: color.border.none,
-  emphasis: color.border["default"],
-  input: color.border.input,
-  'input-hover': color.border['input-hover'],
-  focus: color.border.focus,
-  accent: color.border.accent,
-  danger: color.border.danger,
-  serious: color.border.serious,
-  ai: color.border.ai,
-  subtle: color.border["default"],
-  control: color.border.input,
-  // `strong` split by use (0031); as a generic firm outline it is the hovered-input border
-  strong: color.border['input-hover'],
-  interactive: color.border.accent,
-  error: color.border.danger
-};
+/** Box's `color` prop: the text colours. */
+var textColorByKey = color.text;
+/** Box's border props: the border colours. */
+var borderColorByKey = color.border;
 
-export { backgroundByKey, backgroundByPath, borderColorByKey, radiusByKey, spaceByLayoutKey, textColorByKey };
+export { backgroundByPath, borderColorByKey, radiusByKey, spaceByLayoutKey, textColorByKey };
 //# sourceMappingURL=tokenAliases.mjs.map