@d4gger/design-system 3.0.0 → 4.0.0

package/dist/docs/components/tree-view.md

@@ -37,7 +37,7 @@ The context throws an error when `TreeView.Item` is rendered without a `TreeView
 
 | Prop | Type | Default | Required | Description | Responsive |
 |---|---|---|---|---|---|
-| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | no | Visual scale hint. Drives `data-size` on the root. The CSS does not currently consume `data-size`; see Anomalies. | no |
+| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | no | Row-density scale: sm/md/lg use minimum 24/32/40px rows and body-small/medium/large typography. | no |
 | `asChild` | `boolean` | `false` | no | Renders the root through `Slot` from `@radix-ui/react-slot`. | no |
 | `children` | `React.ReactNode` | `undefined` | no | `TreeView.Item` elements. | no |
 | `className` | `string` | `undefined` | no | Extra classes appended to `dsx-tree-view`. | no |
@@ -74,7 +74,7 @@ Rules that apply to this row:
 
 | Attribute | Allowed values | Class | CSS file |
 |---|---|---|---|
-| `data-size` | `sm`, `md`, `lg` | (no CSS consumer; see Anomalies) | `tree-view.css` |
+| `data-size` | `sm`, `md`, `lg` | (row-height and typography scale) | `tree-view.css` |
 
 **Slot classes:**
 
@@ -100,7 +100,7 @@ Rules that apply to this row:
 
 **Responsive behavior:**
 
-- The component does not write `@media` rules. None of its prop defs are `responsive: true`. Size is single-value only.
+- The component does not use width breakpoints. None of its prop defs are `responsive: true`. Size is single-value only.
 - The component's CSS file is breakpoint-agnostic.
 
 **Reduced motion:**
@@ -132,7 +132,7 @@ Every CSS value the component paints is a `var(--dsx-*)` token.
 | Label overflow | `white-space: nowrap`, `overflow: hidden`, `text-overflow: ellipsis` (raw) | Truncation. |
 | Children group margin | `var(--dsx-space-md)` | Indent. |
 | Children group padding | `var(--dsx-space-sm)` | Inner gutter. |
-| Children group border | `var(--dsx-border-width-xs)` + `var(--dsx-color-outline-variant)` | Left guide rule. |
+| Children group border | `var(--dsx-boundary-divider-width)` + `var(--dsx-color-outline-variant)` | Left guide rule. |
 | Children group gap | `var(--dsx-space-xs)` | Gap between children. |
 | Motion | `var(--dsx-motion-duration-fast)` + `var(--dsx-motion-easing-in-out)` | Node transitions. |
 
@@ -145,7 +145,7 @@ Rules:
 
 | Region | Token | Default | Reduced |
 |---|---|---|---|
-| Node background | `var(--dsx-motion-duration-fast)` + `var(--dsx-motion-easing-in-out)` | Hover and selected transitions | None declared in the file. Relies on the global `prefers-reduced-motion` stylesheet. |
+| Node background | `var(--dsx-motion-duration-fast)` + `var(--dsx-motion-easing-in-out)` | Hover and selected transitions | Disabled by the component CSS under reduced motion. |
 
 Rules:
 
@@ -154,47 +154,23 @@ Rules:
 
 ## Accessibility
 
-**Roles:**
-
-- The root is `role="tree"` with `aria-label="Tree view"`. The label is hard-coded; consumers that need a different label should override via app-level wrapping or fork the component.
-- Each Item is `role="treeitem"`. The wrapper carries `aria-expanded` only when the item has children; the value is `true` when expanded, `false` when collapsed.
-- The children group inside an expanded item is `role="group"`.
-
-**Keyboard:**
+The root is `role="tree"`, named by consumer `aria-label` or `aria-labelledby`, defaulting to “Tree view”. The focusable node carries `role="treeitem"`, `aria-selected`, and explicit `aria-level`, `aria-posinset`, and `aria-setsize`. Folder nodes expose `aria-expanded`; leaves omit it. Expanded children are a `role="group"` owned through `aria-owns`.
 
 | Key | Action |
 |---|---|
-| `Tab` | The runtime sets `tabIndex={0}` on every node. Tab moves focus to each node in DOM order. There is no roving tabindex; see Anomalies. |
-| `Enter`, `Space` | Selects the focused item. If the item is a folder (or has children), also toggles the expansion state. |
-| `ArrowRight` | When the focused item is collapsed, expands it. The runtime does not move focus to the first child. |
-| `ArrowLeft` | When the focused item is expanded, collapses it. The runtime does not move focus to the parent. |
-| `ArrowUp`, `ArrowDown` | The runtime does not implement vertical navigation between siblings. See Anomalies. |
-| `Home`, `End` | The runtime does not implement first / last focus shortcuts. See Anomalies. |
-| `Escape` | The runtime does not handle `Escape`. |
-| `*` (typeahead) | The runtime does not implement typeahead focus. See Anomalies. |
-
-**Focus:**
-
-- The inner node `<div>` is the focusable surface. `tabIndex={0}` is set on every node. The focus ring is owned by `.dsx-tree-view__node:focus-visible` via `box-shadow: var(--dsx-shadow-focus-ring)`. The inner element is `outline: none`.
-- Focus management is local; the runtime does not move focus programmatically on expand / collapse.
-
-**Reduced motion:**
-
-- The node background transition relies on the global `prefers-reduced-motion` stylesheet. The expand / collapse is a render-or-not transition with no animation today.
-
-**Color and meaning:**
-
-- The selected state is communicated by both the `dsx-tree-view__node--selected` class and the visual fill change. The runtime does not write `aria-selected` on the node today; see Anomalies.
-- The expansion state is communicated by the chevron rotation, the `aria-expanded` attribute, and the presence of the children group.
-
-**Naming:**
+| Tab | Enters/leaves the tree through one roving tab stop. |
+| ArrowUp / ArrowDown | Moves to previous/next visible node without changing selection. |
+| ArrowRight | Expands a folder; on an expanded folder, focuses its first child. |
+| ArrowLeft | Collapses an expanded folder; otherwise focuses its parent. |
+| Home / End | Focuses first/last visible node. |
+| Printable characters | Matches visible labels with a shared 500ms typeahead buffer. |
+| Enter / Space | Selects; folders also toggle expansion. |
 
-- The root is auto-labeled `Tree view`. The runtime hard-codes the label.
-- Each Item's accessible name comes from its `label` prop. The runtime renders the label as the visible text and the assistive-tech name.
+Click focuses and selects the node and toggles folders. Consumer event handlers are composed and can prevent the default behavior. Focus uses the canonical focus-ring token, independently of the selected fill. Reduced motion removes the background transition. IDs must be unique within each tree; state and navigation are isolated between tree instances.
 
 ## Playground demo spec
 
-The demo file at `demo_path` exposes the component to the playground. The playground lives at `apps/playground/app/` (Next.js app router, no per-component routes today). The `demo_path` recorded here is the current playground root; the spec assumes a single shared page that renders all components. Per-component routes are an aspirational target and not yet present in the repo.
+The per-component playground route renders registry stories from apps/playground/lib/registry/navigation.tsx.
 
 **Default story:**
 
@@ -202,7 +178,7 @@ The demo file at `demo_path` exposes the component to the playground. The playgr
 
 **Variant story** (one per size):
 
-- Renders with `size="sm"`, `size="md"`, and `size="lg"`. Asserts the matching `data-size` attribute on the root (the CSS does not currently consume it; see Anomalies).
+- Renders with `size="sm"`, `size="md"`, and `size="lg"`. Asserts the matching `data-size` attribute on the root (computed row height differs by size).
 
 **Composition story** (one per slot):
 
@@ -245,7 +221,7 @@ The demo file at `demo_path` exposes the component to the playground. The playgr
 
 **State boundaries:**
 
-- Owned by TreeView: the expansion set (a `Set<string>`), the selected id, the click and `Enter` / `Space` toggling, the `ArrowRight` / `ArrowLeft` expansion shortcuts, the chevron glyph, and the `aria-expanded` attribute.
+- Owned by TreeView: the expansion set (a `Set<string>`), the selected id, the click and `Enter` / `Space` toggling, roving focus, visible-node keyboard navigation, typeahead, the chevron glyph, and the tree ARIA attributes.
 - Owned by the consumer: the items, the `id` and `label` per item, the `isFolder` flag, the nested children, and the host element when `asChild` is set.
 
 **Boundary rules:**
@@ -254,18 +230,9 @@ The demo file at `demo_path` exposes the component to the playground. The playgr
 - DS-owned visuals: token bindings, the `dsx-tree-view` and slot classes, the `data-size` attribute, the `role="tree"` and `role="treeitem"` semantics, the chevron rotation, and the `aria-label="Tree view"` default.
 - The component does not own a Collapsible integration. Each item manages its own children group in source. Promoting to a Collapsible-backed runtime is tracked as a future item.
 
-**Anomalies** (open items that this spec flags):
+**Anomalies**
 
-1. **Roster says `Collapsible`; runtime uses none.** The current runtime at `package_path` does not import Radix Collapsible. The expansion set is local state on the Root, and the children group is conditionally rendered. Promoting to a `Collapsible`-backed runtime is tracked as a future item.
-2. **`data-size` attribute has no CSS consumer.** The TSX writes `data-size` on the root and the prop def lists three values (`sm`, `md`, `lg`), but the CSS does not define any `[data-size]` rule. The attribute is a forward-looking hook; the visual treatment today is the same across all three sizes.
-3. **No roving tabindex.** Every node has `tabIndex={0}`. The WAI-ARIA tree pattern recommends a single `tabindex="0"` on the focused item and `tabindex="-1"` on the rest. The next promotion should implement roving tabindex alongside the missing `ArrowUp` / `ArrowDown` navigation.
-4. **Missing WAI-ARIA tree attributes.** The runtime does not set `aria-level`, `aria-posinset`, or `aria-setsize` on the items. The WAI-ARIA tree pattern requires these for assistive-tech navigation. The next promotion should compute them from the item tree.
-5. **Missing `aria-selected`.** The runtime tracks `selectedId` and applies the `--selected` modifier class, but it does not write `aria-selected` on the node. The WAI-ARIA treeitem pattern requires `aria-selected="true" \| "false"`.
-6. **`ArrowUp` / `ArrowDown`, `Home`, `End`, and typeahead are not implemented.** Only `ArrowRight` and `ArrowLeft` are wired, and only for expand / collapse. The next promotion should add full vertical navigation and the standard typeahead focus shortcut.
-7. **`aria-expanded` is missing on leaf items.** The runtime sets `aria-expanded` only when the item has children. The WAI-ARIA tree pattern recommends omitting the attribute on leaves, so the current behavior is correct, but the WAI-ARIA Authoring Practices Guide also allows `aria-expanded="false"` on folder items with no children. The current runtime is internally consistent.
-8. **Open state and selection are internal and one-shot.** The runtime does not expose `expandedItems`, `defaultExpandedItems`, `selectedId`, `defaultSelectedId`, or `onSelectionChange`. The consumer cannot persist or observe the state. The next promotion should lift the state through props.
-9. **`aria-label="Tree view"` is hard-coded.** Consumers that need a different label should override at the app level or fork the component. The next promotion should expose a `label` prop on the Root.
-10. **Click selects and toggles for folder items.** The `handleClick` handler always calls `selectItem`, and conditionally calls `toggleItem` when the item is a folder or has children. There is no separate "select only" interaction. Consumers that need an explicit select-without-toggle action should add app-level handling.
+Expansion and selection remain internal, without controlled/default-state props or persistence callbacks. The implementation uses local state rather than Collapsible. Click and Enter/Space retain combined selection and folder toggling. These boundaries are unchanged by this review; no new state API is introduced.
 
 ## Penpot build recipe
 
@@ -321,7 +288,7 @@ The package does not yet publish a Penpot asset for TreeView. Recipe is visual r
 
 ### Variant model
 
-- `size`: `sm`, `md`, `lg`. Default `md`. (CSS consumer pending; see Anomalies.)
+- `size`: `sm`, `md`, `lg`. Default `md`. (24/32/40px minimum row heights.)
 - Total members for the visual matrix: 1 today; the size axis is reserved for a future promotion.
 
 ### Validation checklist
@@ -331,6 +298,6 @@ The package does not yet publish a Penpot asset for TreeView. Recipe is visual r
 - [ ] `penpotUtils.shapeStructure(board, 3)` matches the expected hierarchy.
 - [ ] The root label is `Tree view`; do not treat the label as themable in Penpot.
 - [ ] The chevron glyphs are `ChevronRight` and `ChevronDown`; the leaf glyph is `File`. Do not treat the glyphs as themable in Penpot.
-- [ ] When the `data-size` CSS consumer lands, re-run the spec QA and re-validate the Penpot recipe against the new CSS.
-- [ ] When the WAI-ARIA tree attributes (`aria-level`, `aria-posinset`, `aria-setsize`, `aria-selected`) land, update the runtime and the spec.
+- [ ] Match the sm/md/lg row scale to the package CSS when building a Penpot mirror.
+- [ ] Mirror the runtime tree attributes and single keyboard entry point in the Penpot annotations.
 - [ ] When the roving tabindex and the missing keyboard shortcuts land, update the runtime and the spec.

package/dist/fonts.css

@@ -1 +1 @@
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,slnt,wdth,wght@0..75,-10..0,50..200,100..900&display=swap&subset=cyrillic,latin');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&family=Science+Gothic:CTRS,wdth,wght@0..75,50..200,100..900&display=swap&subset=cyrillic,latin');

package/dist/generated/tokens.cjs

@@ -27,7 +27,7 @@ const tokens = {
   "sheet-width-sm": "320px",
   "sheet-width-lg": "480px",
   "chart-min-height": "240px",
-  "data-table-empty-height": "96px",
+  "data-table-empty-height": "192px",
   "sidebar-width": "272px",
   "sidebar-width-collapsed": "72px",
   "calendar-width": "320px",
@@ -40,6 +40,7 @@ const tokens = {
   "drawer-min-height-lg": "50vh",
   "drawer-min-height-full": "100vh",
   "rich-text-editor-min-height": "220px",
+  "rich-text-editor-link-popover-width": "320px",
   "empty-state-max-width": "600px",
   "empty-state-min-height": "400px",
   "input-otp-slot-width": "36px",

package/dist/generated/tokens.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/generated/tokens.ts"],
-  "sourcesContent": ["// Auto-generated by Style Dictionary \u2014 do not edit manually.\nexport const tokens: Record<string, string | number> = {\n  'sheet-min-height': \"80vh\",\n  'sheet-width': \"380px\",\n  'sheet-width-sm': \"320px\",\n  'sheet-width-lg': \"480px\",\n  'chart-min-height': \"240px\",\n  'data-table-empty-height': \"96px\",\n  'sidebar-width': \"272px\",\n  'sidebar-width-collapsed': \"72px\",\n  'calendar-width': \"320px\",\n  'combobox-content-width': \"320px\",\n  'combobox-list-max-height': \"300px\",\n  'dialog-content-width': \"560px\",\n  'dialog-content-width-lg': \"720px\",\n  'drawer-min-height': \"30vh\",\n  'drawer-min-height-sm': \"24vh\",\n  'drawer-min-height-lg': \"50vh\",\n  'drawer-min-height-full': \"100vh\",\n  'rich-text-editor-min-height': \"220px\",\n  'empty-state-max-width': \"600px\",\n  'empty-state-min-height': \"400px\",\n  'input-otp-slot-width': \"36px\",\n  'input-otp-slot-height': \"44px\",\n  'input-otp-separator-width': \"12px\",\n  'kbd-font-size-sm': \"11px\",\n  'kbd-min-width': \"1.75em\",\n  'kbd-padding-block-sm': \"2px\",\n  'kbd-padding-inline-sm': \"5px\",\n  'kbd-padding-block-md': \"3px\",\n  'kbd-padding-inline-md': \"7px\",\n  'navigation-menu-indicator-size': \"10px\",\n  'notification-center-badge-font-size': \"10px\",\n  'notification-center-panel-width': \"320px\",\n  'notification-center-list-max-height': \"400px\",\n  'notification-center-item-dot-offset': \"6px\",\n  'resizable-grip-radius': \"2px\",\n  'slider-min-width': \"160px\",\n  'slider-axis-length': \"160px\",\n  'switch-width': \"44px\",\n  'switch-height': \"24px\",\n  'switch-width-sm': \"36px\",\n  'switch-height-sm': \"20px\",\n  'switch-thumb-size': \"20px\",\n  'switch-thumb-size-sm': \"16px\",\n  'switch-thumb-translate': \"20px\",\n  'switch-thumb-translate-sm': \"16px\",\n  'textarea-min-height-base': \"80px\",\n  'tag-font-size-sm': \"11px\",\n  'toast-viewport-width': \"390px\",\n  'tooltip-max-width': \"200px\",\n  'size-dialog-sm-width': \"400px\",\n  'size-menu-min-width': \"180px\",\n  'size-popover-min-width': \"200px\",\n  'size-popover-max-width': \"380px\",\n  'size-scroll-thumb-size': \"6px\",\n  'size-color-picker-width': \"320px\",\n  'size-field-label-max': \"160px\",\n  'size-field-label-min': \"80px\",\n  'size-xs': \"16px\",\n  'size-sm': \"20px\",\n  'size-md': \"24px\",\n  'size-lg': \"32px\",\n  'size-xl': \"40px\",\n  'size-2xl': \"48px\",\n  'size-3xl': \"56px\",\n  'size-4xl': \"64px\",\n  'container-max-width': \"1280px\",\n  'motion-duration-fast': \"150ms\",\n  'motion-duration-normal': \"250ms\",\n  'motion-duration-slow': \"350ms\",\n  'motion-duration-spin': \"900ms\",\n  'motion-duration-blink': \"1000ms\",\n  'motion-duration-shimmer': \"1400ms\",\n  'motion-easing-in-out': \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  'motion-easing-out': \"cubic-bezier(0, 0, 0.2, 1)\",\n  'motion-easing-in': \"cubic-bezier(0.4, 0, 1, 1)\",\n  'motion-easing-standard': \"cubic-bezier(0.2, 0, 0, 1)\",\n  'motion-easing-spring': \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n  'motion-easing-emphasized': \"cubic-bezier(0.16, 1, 0.3, 1)\",\n  'opacity-disabled': \"0.38\",\n  'opacity-hover': \"0.08\",\n  'opacity-pressed': \"0.16\",\n  'opacity-subtle': \"0.85\",\n  'opacity-muted': \"0.4\",\n  'opacity-faded': \"0.6\",\n  'opacity-subtle-hover': \"0.8\",\n  'space-0': \"0px\",\n  'space-1': \"4px\",\n  'space-2': \"8px\",\n  'space-3': \"12px\",\n  'space-4': \"16px\",\n  'space-5': \"20px\",\n  'space-6': \"24px\",\n  'space-7': \"28px\",\n  'space-8': \"32px\",\n  'space-9': \"36px\",\n  'space-unit': \"4px\",\n  'space-xs': \"4px\",\n  'space-sm': \"8px\",\n  'space-md': \"16px\",\n  'space-lg': \"24px\",\n  'space-xl': \"32px\",\n  'space-2xl': \"48px\",\n  'space-3xl': \"64px\",\n  'space-margin': \"24px\",\n  'space-gutter': \"24px\",\n  'border-width-none': \"0px\",\n  'border-width-xs': \"0.5px\",\n  'border-width-sm': \"1px\",\n  'border-width-md': \"1.5px\",\n  'border-width-lg': \"2px\",\n  'border-width-xl': \"3px\",\n  'radius-none': \"0px\",\n  'radius-sm': \"4px\",\n  'radius-md': \"8px\",\n  'radius-lg': \"12px\",\n  'radius-xl': \"16px\",\n  'radius-2xl': \"24px\",\n  'radius-full': \"9999px\",\n  'typography-display-large': \"[object Object]\",\n  'typography-display-medium': \"[object Object]\",\n  'typography-headline-large': \"[object Object]\",\n  'typography-headline-medium': \"[object Object]\",\n  'typography-body-large': \"[object Object]\",\n  'typography-body-medium': \"[object Object]\",\n  'typography-body-small': \"[object Object]\",\n  'typography-label-large': \"[object Object]\",\n  'typography-label-medium': \"[object Object]\",\n  'typography-label-small': \"[object Object]\",\n  'typography-code': \"[object Object]\",\n  'z-index-elevated': \"1\",\n  'z-index-elevated-strong': \"2\",\n  'z-index-overlay-local': \"10\",\n  'z-index-dropdown': \"50\",\n  'z-index-sticky': \"60\",\n  'z-index-fixed': \"70\",\n  'z-index-overlay': \"80\",\n  'z-index-modal': \"90\",\n  'z-index-toast': \"100\",\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["// Auto-generated by Style Dictionary \u2014 do not edit manually.\nexport const tokens: Record<string, string | number> = {\n  'sheet-min-height': \"80vh\",\n  'sheet-width': \"380px\",\n  'sheet-width-sm': \"320px\",\n  'sheet-width-lg': \"480px\",\n  'chart-min-height': \"240px\",\n  'data-table-empty-height': \"192px\",\n  'sidebar-width': \"272px\",\n  'sidebar-width-collapsed': \"72px\",\n  'calendar-width': \"320px\",\n  'combobox-content-width': \"320px\",\n  'combobox-list-max-height': \"300px\",\n  'dialog-content-width': \"560px\",\n  'dialog-content-width-lg': \"720px\",\n  'drawer-min-height': \"30vh\",\n  'drawer-min-height-sm': \"24vh\",\n  'drawer-min-height-lg': \"50vh\",\n  'drawer-min-height-full': \"100vh\",\n  'rich-text-editor-min-height': \"220px\",\n  'rich-text-editor-link-popover-width': \"320px\",\n  'empty-state-max-width': \"600px\",\n  'empty-state-min-height': \"400px\",\n  'input-otp-slot-width': \"36px\",\n  'input-otp-slot-height': \"44px\",\n  'input-otp-separator-width': \"12px\",\n  'kbd-font-size-sm': \"11px\",\n  'kbd-min-width': \"1.75em\",\n  'kbd-padding-block-sm': \"2px\",\n  'kbd-padding-inline-sm': \"5px\",\n  'kbd-padding-block-md': \"3px\",\n  'kbd-padding-inline-md': \"7px\",\n  'navigation-menu-indicator-size': \"10px\",\n  'notification-center-badge-font-size': \"10px\",\n  'notification-center-panel-width': \"320px\",\n  'notification-center-list-max-height': \"400px\",\n  'notification-center-item-dot-offset': \"6px\",\n  'resizable-grip-radius': \"2px\",\n  'slider-min-width': \"160px\",\n  'slider-axis-length': \"160px\",\n  'switch-width': \"44px\",\n  'switch-height': \"24px\",\n  'switch-width-sm': \"36px\",\n  'switch-height-sm': \"20px\",\n  'switch-thumb-size': \"20px\",\n  'switch-thumb-size-sm': \"16px\",\n  'switch-thumb-translate': \"20px\",\n  'switch-thumb-translate-sm': \"16px\",\n  'textarea-min-height-base': \"80px\",\n  'tag-font-size-sm': \"11px\",\n  'toast-viewport-width': \"390px\",\n  'tooltip-max-width': \"200px\",\n  'size-dialog-sm-width': \"400px\",\n  'size-menu-min-width': \"180px\",\n  'size-popover-min-width': \"200px\",\n  'size-popover-max-width': \"380px\",\n  'size-scroll-thumb-size': \"6px\",\n  'size-color-picker-width': \"320px\",\n  'size-field-label-max': \"160px\",\n  'size-field-label-min': \"80px\",\n  'size-xs': \"16px\",\n  'size-sm': \"20px\",\n  'size-md': \"24px\",\n  'size-lg': \"32px\",\n  'size-xl': \"40px\",\n  'size-2xl': \"48px\",\n  'size-3xl': \"56px\",\n  'size-4xl': \"64px\",\n  'container-max-width': \"1280px\",\n  'motion-duration-fast': \"150ms\",\n  'motion-duration-normal': \"250ms\",\n  'motion-duration-slow': \"350ms\",\n  'motion-duration-spin': \"900ms\",\n  'motion-duration-blink': \"1000ms\",\n  'motion-duration-shimmer': \"1400ms\",\n  'motion-easing-in-out': \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  'motion-easing-out': \"cubic-bezier(0, 0, 0.2, 1)\",\n  'motion-easing-in': \"cubic-bezier(0.4, 0, 1, 1)\",\n  'motion-easing-standard': \"cubic-bezier(0.2, 0, 0, 1)\",\n  'motion-easing-spring': \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n  'motion-easing-emphasized': \"cubic-bezier(0.16, 1, 0.3, 1)\",\n  'opacity-disabled': \"0.38\",\n  'opacity-hover': \"0.08\",\n  'opacity-pressed': \"0.16\",\n  'opacity-subtle': \"0.85\",\n  'opacity-muted': \"0.4\",\n  'opacity-faded': \"0.6\",\n  'opacity-subtle-hover': \"0.8\",\n  'space-0': \"0px\",\n  'space-1': \"4px\",\n  'space-2': \"8px\",\n  'space-3': \"12px\",\n  'space-4': \"16px\",\n  'space-5': \"20px\",\n  'space-6': \"24px\",\n  'space-7': \"28px\",\n  'space-8': \"32px\",\n  'space-9': \"36px\",\n  'space-unit': \"4px\",\n  'space-xs': \"4px\",\n  'space-sm': \"8px\",\n  'space-md': \"16px\",\n  'space-lg': \"24px\",\n  'space-xl': \"32px\",\n  'space-2xl': \"48px\",\n  'space-3xl': \"64px\",\n  'space-margin': \"24px\",\n  'space-gutter': \"24px\",\n  'border-width-none': \"0px\",\n  'border-width-xs': \"0.5px\",\n  'border-width-sm': \"1px\",\n  'border-width-md': \"1.5px\",\n  'border-width-lg': \"2px\",\n  'border-width-xl': \"3px\",\n  'radius-none': \"0px\",\n  'radius-sm': \"4px\",\n  'radius-md': \"8px\",\n  'radius-lg': \"12px\",\n  'radius-xl': \"16px\",\n  'radius-2xl': \"24px\",\n  'radius-full': \"9999px\",\n  'typography-display-large': \"[object Object]\",\n  'typography-display-medium': \"[object Object]\",\n  'typography-headline-large': \"[object Object]\",\n  'typography-headline-medium': \"[object Object]\",\n  'typography-body-large': \"[object Object]\",\n  'typography-body-medium': \"[object Object]\",\n  'typography-body-small': \"[object Object]\",\n  'typography-label-large': \"[object Object]\",\n  'typography-label-medium': \"[object Object]\",\n  'typography-label-small': \"[object Object]\",\n  'typography-code': \"[object Object]\",\n  'z-index-elevated': \"1\",\n  'z-index-elevated-strong': \"2\",\n  'z-index-overlay-local': \"10\",\n  'z-index-dropdown': \"50\",\n  'z-index-sticky': \"60\",\n  'z-index-fixed': \"70\",\n  'z-index-overlay': \"80\",\n  'z-index-modal': \"90\",\n  'z-index-toast': \"100\",\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/generated/tokens.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.cts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA2IlD,CAAA"}
+{"version":3,"file":"tokens.d.cts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA4IlD,CAAA"}

package/dist/generated/tokens.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.mts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA2IlD,CAAA"}
+{"version":3,"file":"tokens.d.mts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA4IlD,CAAA"}

package/dist/generated/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA2IlD,CAAA"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/generated/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA4IlD,CAAA"}

package/dist/generated/tokens.js

@@ -4,7 +4,7 @@ const tokens = {
   "sheet-width-sm": "320px",
   "sheet-width-lg": "480px",
   "chart-min-height": "240px",
-  "data-table-empty-height": "96px",
+  "data-table-empty-height": "192px",
   "sidebar-width": "272px",
   "sidebar-width-collapsed": "72px",
   "calendar-width": "320px",
@@ -17,6 +17,7 @@ const tokens = {
   "drawer-min-height-lg": "50vh",
   "drawer-min-height-full": "100vh",
   "rich-text-editor-min-height": "220px",
+  "rich-text-editor-link-popover-width": "320px",
   "empty-state-max-width": "600px",
   "empty-state-min-height": "400px",
   "input-otp-slot-width": "36px",

package/dist/generated/tokens.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/generated/tokens.ts"],
-  "sourcesContent": ["// Auto-generated by Style Dictionary \u2014 do not edit manually.\nexport const tokens: Record<string, string | number> = {\n  'sheet-min-height': \"80vh\",\n  'sheet-width': \"380px\",\n  'sheet-width-sm': \"320px\",\n  'sheet-width-lg': \"480px\",\n  'chart-min-height': \"240px\",\n  'data-table-empty-height': \"96px\",\n  'sidebar-width': \"272px\",\n  'sidebar-width-collapsed': \"72px\",\n  'calendar-width': \"320px\",\n  'combobox-content-width': \"320px\",\n  'combobox-list-max-height': \"300px\",\n  'dialog-content-width': \"560px\",\n  'dialog-content-width-lg': \"720px\",\n  'drawer-min-height': \"30vh\",\n  'drawer-min-height-sm': \"24vh\",\n  'drawer-min-height-lg': \"50vh\",\n  'drawer-min-height-full': \"100vh\",\n  'rich-text-editor-min-height': \"220px\",\n  'empty-state-max-width': \"600px\",\n  'empty-state-min-height': \"400px\",\n  'input-otp-slot-width': \"36px\",\n  'input-otp-slot-height': \"44px\",\n  'input-otp-separator-width': \"12px\",\n  'kbd-font-size-sm': \"11px\",\n  'kbd-min-width': \"1.75em\",\n  'kbd-padding-block-sm': \"2px\",\n  'kbd-padding-inline-sm': \"5px\",\n  'kbd-padding-block-md': \"3px\",\n  'kbd-padding-inline-md': \"7px\",\n  'navigation-menu-indicator-size': \"10px\",\n  'notification-center-badge-font-size': \"10px\",\n  'notification-center-panel-width': \"320px\",\n  'notification-center-list-max-height': \"400px\",\n  'notification-center-item-dot-offset': \"6px\",\n  'resizable-grip-radius': \"2px\",\n  'slider-min-width': \"160px\",\n  'slider-axis-length': \"160px\",\n  'switch-width': \"44px\",\n  'switch-height': \"24px\",\n  'switch-width-sm': \"36px\",\n  'switch-height-sm': \"20px\",\n  'switch-thumb-size': \"20px\",\n  'switch-thumb-size-sm': \"16px\",\n  'switch-thumb-translate': \"20px\",\n  'switch-thumb-translate-sm': \"16px\",\n  'textarea-min-height-base': \"80px\",\n  'tag-font-size-sm': \"11px\",\n  'toast-viewport-width': \"390px\",\n  'tooltip-max-width': \"200px\",\n  'size-dialog-sm-width': \"400px\",\n  'size-menu-min-width': \"180px\",\n  'size-popover-min-width': \"200px\",\n  'size-popover-max-width': \"380px\",\n  'size-scroll-thumb-size': \"6px\",\n  'size-color-picker-width': \"320px\",\n  'size-field-label-max': \"160px\",\n  'size-field-label-min': \"80px\",\n  'size-xs': \"16px\",\n  'size-sm': \"20px\",\n  'size-md': \"24px\",\n  'size-lg': \"32px\",\n  'size-xl': \"40px\",\n  'size-2xl': \"48px\",\n  'size-3xl': \"56px\",\n  'size-4xl': \"64px\",\n  'container-max-width': \"1280px\",\n  'motion-duration-fast': \"150ms\",\n  'motion-duration-normal': \"250ms\",\n  'motion-duration-slow': \"350ms\",\n  'motion-duration-spin': \"900ms\",\n  'motion-duration-blink': \"1000ms\",\n  'motion-duration-shimmer': \"1400ms\",\n  'motion-easing-in-out': \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  'motion-easing-out': \"cubic-bezier(0, 0, 0.2, 1)\",\n  'motion-easing-in': \"cubic-bezier(0.4, 0, 1, 1)\",\n  'motion-easing-standard': \"cubic-bezier(0.2, 0, 0, 1)\",\n  'motion-easing-spring': \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n  'motion-easing-emphasized': \"cubic-bezier(0.16, 1, 0.3, 1)\",\n  'opacity-disabled': \"0.38\",\n  'opacity-hover': \"0.08\",\n  'opacity-pressed': \"0.16\",\n  'opacity-subtle': \"0.85\",\n  'opacity-muted': \"0.4\",\n  'opacity-faded': \"0.6\",\n  'opacity-subtle-hover': \"0.8\",\n  'space-0': \"0px\",\n  'space-1': \"4px\",\n  'space-2': \"8px\",\n  'space-3': \"12px\",\n  'space-4': \"16px\",\n  'space-5': \"20px\",\n  'space-6': \"24px\",\n  'space-7': \"28px\",\n  'space-8': \"32px\",\n  'space-9': \"36px\",\n  'space-unit': \"4px\",\n  'space-xs': \"4px\",\n  'space-sm': \"8px\",\n  'space-md': \"16px\",\n  'space-lg': \"24px\",\n  'space-xl': \"32px\",\n  'space-2xl': \"48px\",\n  'space-3xl': \"64px\",\n  'space-margin': \"24px\",\n  'space-gutter': \"24px\",\n  'border-width-none': \"0px\",\n  'border-width-xs': \"0.5px\",\n  'border-width-sm': \"1px\",\n  'border-width-md': \"1.5px\",\n  'border-width-lg': \"2px\",\n  'border-width-xl': \"3px\",\n  'radius-none': \"0px\",\n  'radius-sm': \"4px\",\n  'radius-md': \"8px\",\n  'radius-lg': \"12px\",\n  'radius-xl': \"16px\",\n  'radius-2xl': \"24px\",\n  'radius-full': \"9999px\",\n  'typography-display-large': \"[object Object]\",\n  'typography-display-medium': \"[object Object]\",\n  'typography-headline-large': \"[object Object]\",\n  'typography-headline-medium': \"[object Object]\",\n  'typography-body-large': \"[object Object]\",\n  'typography-body-medium': \"[object Object]\",\n  'typography-body-small': \"[object Object]\",\n  'typography-label-large': \"[object Object]\",\n  'typography-label-medium': \"[object Object]\",\n  'typography-label-small': \"[object Object]\",\n  'typography-code': \"[object Object]\",\n  'z-index-elevated': \"1\",\n  'z-index-elevated-strong': \"2\",\n  'z-index-overlay-local': \"10\",\n  'z-index-dropdown': \"50\",\n  'z-index-sticky': \"60\",\n  'z-index-fixed': \"70\",\n  'z-index-overlay': \"80\",\n  'z-index-modal': \"90\",\n  'z-index-toast': \"100\",\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["// Auto-generated by Style Dictionary \u2014 do not edit manually.\nexport const tokens: Record<string, string | number> = {\n  'sheet-min-height': \"80vh\",\n  'sheet-width': \"380px\",\n  'sheet-width-sm': \"320px\",\n  'sheet-width-lg': \"480px\",\n  'chart-min-height': \"240px\",\n  'data-table-empty-height': \"192px\",\n  'sidebar-width': \"272px\",\n  'sidebar-width-collapsed': \"72px\",\n  'calendar-width': \"320px\",\n  'combobox-content-width': \"320px\",\n  'combobox-list-max-height': \"300px\",\n  'dialog-content-width': \"560px\",\n  'dialog-content-width-lg': \"720px\",\n  'drawer-min-height': \"30vh\",\n  'drawer-min-height-sm': \"24vh\",\n  'drawer-min-height-lg': \"50vh\",\n  'drawer-min-height-full': \"100vh\",\n  'rich-text-editor-min-height': \"220px\",\n  'rich-text-editor-link-popover-width': \"320px\",\n  'empty-state-max-width': \"600px\",\n  'empty-state-min-height': \"400px\",\n  'input-otp-slot-width': \"36px\",\n  'input-otp-slot-height': \"44px\",\n  'input-otp-separator-width': \"12px\",\n  'kbd-font-size-sm': \"11px\",\n  'kbd-min-width': \"1.75em\",\n  'kbd-padding-block-sm': \"2px\",\n  'kbd-padding-inline-sm': \"5px\",\n  'kbd-padding-block-md': \"3px\",\n  'kbd-padding-inline-md': \"7px\",\n  'navigation-menu-indicator-size': \"10px\",\n  'notification-center-badge-font-size': \"10px\",\n  'notification-center-panel-width': \"320px\",\n  'notification-center-list-max-height': \"400px\",\n  'notification-center-item-dot-offset': \"6px\",\n  'resizable-grip-radius': \"2px\",\n  'slider-min-width': \"160px\",\n  'slider-axis-length': \"160px\",\n  'switch-width': \"44px\",\n  'switch-height': \"24px\",\n  'switch-width-sm': \"36px\",\n  'switch-height-sm': \"20px\",\n  'switch-thumb-size': \"20px\",\n  'switch-thumb-size-sm': \"16px\",\n  'switch-thumb-translate': \"20px\",\n  'switch-thumb-translate-sm': \"16px\",\n  'textarea-min-height-base': \"80px\",\n  'tag-font-size-sm': \"11px\",\n  'toast-viewport-width': \"390px\",\n  'tooltip-max-width': \"200px\",\n  'size-dialog-sm-width': \"400px\",\n  'size-menu-min-width': \"180px\",\n  'size-popover-min-width': \"200px\",\n  'size-popover-max-width': \"380px\",\n  'size-scroll-thumb-size': \"6px\",\n  'size-color-picker-width': \"320px\",\n  'size-field-label-max': \"160px\",\n  'size-field-label-min': \"80px\",\n  'size-xs': \"16px\",\n  'size-sm': \"20px\",\n  'size-md': \"24px\",\n  'size-lg': \"32px\",\n  'size-xl': \"40px\",\n  'size-2xl': \"48px\",\n  'size-3xl': \"56px\",\n  'size-4xl': \"64px\",\n  'container-max-width': \"1280px\",\n  'motion-duration-fast': \"150ms\",\n  'motion-duration-normal': \"250ms\",\n  'motion-duration-slow': \"350ms\",\n  'motion-duration-spin': \"900ms\",\n  'motion-duration-blink': \"1000ms\",\n  'motion-duration-shimmer': \"1400ms\",\n  'motion-easing-in-out': \"cubic-bezier(0.4, 0, 0.2, 1)\",\n  'motion-easing-out': \"cubic-bezier(0, 0, 0.2, 1)\",\n  'motion-easing-in': \"cubic-bezier(0.4, 0, 1, 1)\",\n  'motion-easing-standard': \"cubic-bezier(0.2, 0, 0, 1)\",\n  'motion-easing-spring': \"cubic-bezier(0.34, 1.56, 0.64, 1)\",\n  'motion-easing-emphasized': \"cubic-bezier(0.16, 1, 0.3, 1)\",\n  'opacity-disabled': \"0.38\",\n  'opacity-hover': \"0.08\",\n  'opacity-pressed': \"0.16\",\n  'opacity-subtle': \"0.85\",\n  'opacity-muted': \"0.4\",\n  'opacity-faded': \"0.6\",\n  'opacity-subtle-hover': \"0.8\",\n  'space-0': \"0px\",\n  'space-1': \"4px\",\n  'space-2': \"8px\",\n  'space-3': \"12px\",\n  'space-4': \"16px\",\n  'space-5': \"20px\",\n  'space-6': \"24px\",\n  'space-7': \"28px\",\n  'space-8': \"32px\",\n  'space-9': \"36px\",\n  'space-unit': \"4px\",\n  'space-xs': \"4px\",\n  'space-sm': \"8px\",\n  'space-md': \"16px\",\n  'space-lg': \"24px\",\n  'space-xl': \"32px\",\n  'space-2xl': \"48px\",\n  'space-3xl': \"64px\",\n  'space-margin': \"24px\",\n  'space-gutter': \"24px\",\n  'border-width-none': \"0px\",\n  'border-width-xs': \"0.5px\",\n  'border-width-sm': \"1px\",\n  'border-width-md': \"1.5px\",\n  'border-width-lg': \"2px\",\n  'border-width-xl': \"3px\",\n  'radius-none': \"0px\",\n  'radius-sm': \"4px\",\n  'radius-md': \"8px\",\n  'radius-lg': \"12px\",\n  'radius-xl': \"16px\",\n  'radius-2xl': \"24px\",\n  'radius-full': \"9999px\",\n  'typography-display-large': \"[object Object]\",\n  'typography-display-medium': \"[object Object]\",\n  'typography-headline-large': \"[object Object]\",\n  'typography-headline-medium': \"[object Object]\",\n  'typography-body-large': \"[object Object]\",\n  'typography-body-medium': \"[object Object]\",\n  'typography-body-small': \"[object Object]\",\n  'typography-label-large': \"[object Object]\",\n  'typography-label-medium': \"[object Object]\",\n  'typography-label-small': \"[object Object]\",\n  'typography-code': \"[object Object]\",\n  'z-index-elevated': \"1\",\n  'z-index-elevated-strong': \"2\",\n  'z-index-overlay-local': \"10\",\n  'z-index-dropdown': \"50\",\n  'z-index-sticky': \"60\",\n  'z-index-fixed': \"70\",\n  'z-index-overlay': \"80\",\n  'z-index-modal': \"90\",\n  'z-index-toast': \"100\",\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/motion.css

@@ -372,10 +372,23 @@
    day zero-size layout bug fixed on /motion's demo page — even rendered at
    its correct size, the dots themselves were too faint to read on a real
    screen, not just in the demo. */
+/* 2026-09-30 seam + tempo fix (direct feedback: "no smooth movings...
+   40s before the movement, feels like lagging"). Two stacked causes:
+   60px over 40s is 1.5px/s — below perception — and ease-in-out parks
+   velocity near zero at both ends of every 40s leg, so for seconds at a
+   time literally zero pixels moved. Now a true seamless loop instead of
+   an alternate: the 8-dot field is a 120px tile (background-repeat),
+   the layer is oversized one tile top+bottom so travel never exposes a
+   gap, and the keyframe translates exactly one tile period — end state
+   == start state, so linear infinite has no snap point at all. 120px
+   per 12s (10px/s) reads as alive-but-ambient; no dot sits on a tile
+   boundary (min 15% / max 90% of 120px), so repeats don't clip. */
 .dsx-motion-starfield::before {
   content: '';
   position: absolute;
-  inset: 0;
+  inset: -120px 0;
+  background-size: 100% 120px;
+  background-repeat: repeat;
   background-image: radial-gradient(2px 2px at 12% 22%, var(--dsx-color-on-surface), transparent),
     radial-gradient(2.5px 2.5px at 32% 68%, var(--dsx-color-on-surface), transparent),
     radial-gradient(1.5px 1.5px at 52% 15%, var(--dsx-color-on-surface), transparent),
@@ -385,7 +398,7 @@
     radial-gradient(1.5px 1.5px at 8% 85%, var(--dsx-color-on-surface), transparent),
     radial-gradient(2.5px 2.5px at 45% 90%, var(--dsx-color-on-surface), transparent);
   opacity: 0.4;
-  animation: dsx-motion-starfield-drift 40s linear infinite;
+  animation: dsx-motion-starfield-drift 12s linear infinite;
   pointer-events: none;
   z-index: -1;
 }
@@ -396,7 +409,7 @@
   }
 
   to {
-    transform: translateY(-60px);
+    transform: translateY(-120px);
   }
 }
 
@@ -469,6 +482,8 @@
   .dsx-motion-scan,
   .dsx-motion-glow,
   .dsx-motion-drift,
+  .dsx-motion-starfield::before,
+  .dsx-motion-aurora::after,
   .dsx-motion-twinkle {
     animation: none !important;
     opacity: 1 !important;