@usetheo/ui 0.9.0-next.0 → 0.11.0-next.0

package/CHANGELOG.md

@@ -7,6 +7,221 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.11.0-next.0] - 2026-05-25
+
+Minor (additive, zero breaking change) — ships Brief #5 from the
+TheoCloud dashboard team, closing 3 measured Deep Review findings.
+Five new components: 3 brief-asks (PinInput, DataTable, PageShell)
++ 2 explicit pre-requisites (DropdownMenu, ActionBar) that the
+brief assumed existed but didn't.
+
+Plan: `.claude/knowledge-base/plans/dashboard-primitives-brief-5-plan.md`
+ADR: `.claude/knowledge-base/decisions/page-shell-composite-pattern.md`
+Brief: `theo/docs/handoff/2026-05-25-theo-ui-cloud-dashboard-brief-5.md`
+
+### Added
+
+- **`<DropdownMenu>` primitive (NEW, Brief #5 pre-req)** — accessible
+  menu built on `@radix-ui/react-dropdown-menu` (already a bundled
+  dep, no new peer needed). Sub-components attached via
+  `Object.assign`: `Trigger`, `Portal`, `Content`, `Item`,
+  `CheckboxItem`, `RadioItem`, `Label`, `Separator`, `Shortcut`,
+  `Group`, `Sub`, `SubTrigger`, `SubContent`, `RadioGroup`. Styled
+  with `@usetheo/ui` design tokens. Consolidates 5 prior direct-
+  Radix usages (`model-selector`, `intent-selector`, `agent-profile`,
+  `theme-switcher`, `theo-code-shell`) under a single styled
+  wrapper. 6 unit tests + 5 Ladle stories. SSR-safe.
+- **`<ActionBar>` primitive (NEW, Brief #5 pre-req)** — page-top
+  action strip with three optional slots: search input (flex-1,
+  grows to fill), filter icon button, primary action button
+  (right-aligned). Returns `null` when no slots are provided.
+  Primary action supports `loading` state with `Loader2` spinner.
+  Usable standalone or composed inside `<PageShell>`. 6 unit tests
+  + 5 Ladle stories.
+- **`<PinInput>` primitive (NEW)** — multi-slot OTP / code input
+  with auto-advance focus, paste handling (whitespace stripped),
+  arrow-key navigation, backspace clearing + focus back. Default
+  6 slots, configurable. `inputMode="numeric"` (default, triggers
+  mobile numeric keyboard via `pattern="[0-9]*"`) or
+  `alphanumeric` (auto-uppercase). Optional `mask` renders bullets.
+  Optional `error` state applies destructive border. `onComplete`
+  fires once on transitions to complete (NOT on mount with pre-
+  filled value — verified via test). Closes Deep Review § 2.12 P2
+  (Verification page off-brand single-input pattern). 17 unit
+  tests + 7 Ladle stories.
+- **`<DataTable>` composite (NEW)** — generic, sortable,
+  expandable composite over `<Table>` + `<Pagination>` +
+  `<Skeleton>` + `<EmptyState>` + `<DropdownMenu>`. Generic over
+  `T` (e.g. `DataTable<Domain>`). Sortable headers (controlled via
+  `onSortChange` OR uncontrolled client-side). Sticky header
+  (default true). Expandable rows with `expandable(row)` callback
+  — multi-row default, opt-in `expandMode="single"`. Row actions
+  via `rowActions(row)` opens DropdownMenu. Client-side pagination
+  with `pageSize`; sort changes reset to page 0. Loading state
+  renders 5 skeleton rows. Empty state delegates to `<EmptyState>`
+  or custom `emptyState` prop. Expanded row `colSpan` correctly
+  accounts for chevron + actions columns (EC-1 fix). pageSize<=0
+  clamps to 1 graceful degradation. Closes Deep Review Top-5
+  fix #2, § 2.2 P1, § 2.4 P1 (card-grid → sortable table for
+  Domains + Projects). 19 unit tests + 8 Ladle stories.
+- **`<PageShell>` composite (NEW)** — page-level scaffold. Title
+  + optional description + optional ActionBar (when search /
+  primaryAction / onFilterClick provided), then one of four
+  mutually-exclusive content states with strict precedence:
+  loading > error > empty > children. Default loading is a
+  centered spinner Card; `loadingNode?` escape hatch for custom
+  skeletons. Error renders Card with message + optional retry
+  button + optional docs link. Empty delegates to `<EmptyState>`.
+  `aria-busy="true"` on the `<main>` element while loading. Does
+  NOT manage `document.title` (D3 scope-narrowing); consumers
+  wire `onTitleChange?` callback to their own hook. Dedupes
+  ~20 LOC × 13 dashboard pages of boilerplate. 15 unit tests + 6
+  Ladle stories.
+
+### Notes
+
+- Edge-case review surfaced 1 MUST FIX (DataTable expanded row
+  colSpan miscalculation when rowActions present) + 14 SHOULD TEST
+  + 7 DOCUMENT — all incorporated into TDD blocks before
+  implementation.
+- D3 scope-narrowing: PageShell does NOT include `useSetPageTitle`
+  / `PageMetaProvider` — those are consumer-scope hooks. The
+  library exposes only the visible heading + an `onTitleChange?`
+  callback for the consumer to wire their own title management.
+- DropdownMenu consolidation is opt-in: the 5 existing direct-
+  Radix usages stay untouched in this release; migration is a
+  follow-up PR.
+- Zero new peer-deps. `@radix-ui/react-dropdown-menu` was already
+  bundled.
+
+### Bundle delta (consumer canary)
+
+Measured against TheoCloud dashboard (no consumer migration to the
+new primitives yet — pure version bump):
+
+| Metric | 0.10.0-next.0 | 0.11.0-next.0 | Δ |
+|---|---|---|---|
+| `@usetheo/ui` chunk | TBD | TBD | TBD |
+| TOTAL initial JS | TBD | TBD | TBD |
+
+(Evidence file:
+`.claude/knowledge-base/baselines/2026-05-26-post-brief-5/theocloud-bundle-delta.txt`)
+
+## [0.10.0-next.0] - 2026-05-25
+
+Minor (additive, zero breaking change) — fixes a publishing-pipeline
+defect surfaced by the TheoCloud dashboard bundle audit
+(`MEET-ASYNC-AMENDMENT-2026-05-24-002`). Since 0.7.0, the ~100 subpath
+exports declared in `package.json#exports` (`./alert`, `./button`,
+`./table`, …) were **cosmetic** — each pointed at the same
+`./dist/index.js` (the 417 KB barrel). `import { Alert } from
+"@usetheo/ui/alert"` resolved byte-identical to
+`import { Alert } from "@usetheo/ui"`, and barrel tree-shaking
+failed in consumers because of `forwardRef` side-effect bailouts,
+`Object.assign` compound components, and `sideEffects: ["**/*.css"]`
+conservatism. TheoCloud measured **0 KB dropped** from the 240 KB
+minified barrel regardless of how few exports were used.
+
+This release extends the per-component dist pattern that already
+worked for `whiteboard` / `slide` / `slide-deck` to every primitive
+and composite. The barrel `import { X } from "@usetheo/ui"` is
+preserved unchanged (additive migration shape, same as `@mui/material`).
+
+Plan: `.claude/knowledge-base/plans/subpath-tree-shaking-plan.md`
+ADR: `.claude/knowledge-base/decisions/subpath-exports-per-component.md`
+Brief: `theo/docs/handoff/2026-05-24-theo-ui-subpath-tree-shaking-brief-4.md`
+
+### Changed
+
+- **`tsup.config.ts`** auto-globs primitive + composite entries from
+  `src/components/{primitives,composites}/<name>/index.ts` at
+  config-load time. 87 primitives + 26 composites — 3 excluded
+  (`whiteboard`, `slide`, `slide-deck` retain their existing manual
+  isolated entries). New components ship subpath-shaped automatically
+  without `package.json#exports` hand-maintenance.
+- **`splitting: true`** in tsup now dedupes shared utilities (`cn`,
+  forwardRef wrappers, theme helpers, lucide icon imports) into
+  `dist/chunk-<hash>.js` instead of inlining into every per-component
+  bundle. ~119 shared chunks emitted; barrel + per-component dist
+  files re-export from them.
+- **`dts: { entry: ... }`** restricted to the barrel + isolated
+  engines only (D5 escalation). Generating per-component `.d.ts` for
+  all 114 entries OOMs the rollup-plugin-dts worker thread even with
+  `NODE_OPTIONS=--max-old-space-size=8192` (the flag does not
+  propagate to workers). Per-component subpaths resolve their `types`
+  field at the barrel `dist/index.d.ts` — TypeScript still finds
+  `Alert`/`AlertProps` from `import { Alert } from "@usetheo/ui/alert"`.
+  Trade-off: consumers' typecheck pulls the full type graph regardless
+  of subpath, but the JS dist (where tree-shaking matters) is
+  per-component and small.
+
+### Added
+
+- **`scripts/regen-subpath-exports.ts`** — runs after `tsup` and
+  rewrites `package.json#exports` so per-component subpaths point at
+  their own dist file. Refuses to write if any non-root entry still
+  points at `./dist/index.js` (permanent guard against the cosmetic-
+  subpath defect coming back). Verifies that every source-tree
+  component has a matching dist entry (EC-2 guard against silent
+  partial builds). Wired into `package.json#scripts.build` so
+  `pnpm build` produces a consistent `dist/` + `exports` map every
+  time.
+- **`scripts/sync-exports.ts`** updated to resolve each component's
+  layer (primitives vs composites) via filesystem and emit the
+  correct per-component dist path. Stays the source-of-truth for
+  the structure gate; `regen-subpath-exports.ts` is the same logic
+  applied post-build against the actual dist tree.
+
+### Bundle deltas
+
+| File | Before (0.9.0-next.0) | After (0.10.0-next.0) | Δ |
+|---|---|---|---|
+| `dist/index.js` | 417,113 B | 49,018 B | **−88.2%** |
+| `dist/slide/index.js` | 23,825 B | 400 B | −98.3% |
+| `dist/slide-deck/index.js` | 58,413 B | 35,795 B | −38.7% |
+| `dist/components.css` | 89,654 B | 93,069 B | +3.8% (within ±5%) |
+| `dist/styles.css` | 4,720 B | 4,720 B | 0% |
+| **Build time** | 17.72 s | 15.98 s | −10% |
+| **Tarball (`pnpm pack`)** | 1.1 MB | 1.2 MB | +9% |
+| **New per-component dist files** | 0 | 113 | + |
+| **Shared chunks (`dist/chunk-*.js`)** | 0 | 119 | + |
+
+The barrel shrank because all component code now lives in shared
+chunks. **Consumer-side bundle delta against TheoCloud dashboard
+(measured 2026-05-25):**
+
+| Metric | 0.9.0-next.0 | 0.10.0-next.0 | Δ |
+|---|---|---|---|
+| `@usetheo/ui` chunk | 36.96 KB brotli | 10.96 KB brotli | **−26.00 KB (−70.3%)** |
+| TOTAL initial JS | 176.27 KB brotli | 134.68 KB brotli | −41.59 KB (−23.6%) |
+
+Per-chunk cap (50 KB): passes with 39 KB headroom (was 13 KB).
+Total hard gate (240 KB): passes with 105 KB headroom (was 64 KB).
+
+**Notable:** the savings were realized WITHOUT migrating consumer
+imports to subpath form. The barrel benefits from tree-shaking now
+because `dist/index.js` is structured as a collection of
+per-component re-exports from shared chunks — Vite/Rollup's
+tree-shaker can drop individual chunks per consumer usage. Subpath-
+form migration is expected to yield additional savings on top.
+
+Evidence file:
+`.claude/knowledge-base/baselines/2026-05-25-post-subpath/theocloud-bundle-delta.txt`
+
+### Migration (consumer-side, opt-in)
+
+```diff
+- import { Card, Button, Alert } from "@usetheo/ui";
++ import { Card } from "@usetheo/ui/card";
++ import { Button } from "@usetheo/ui/button";
++ import { Alert } from "@usetheo/ui/alert";
+```
+
+The barrel import keeps working — migration is gradual, file by
+file. CSS, themes, and isolated engines stay barrel-imported:
+`import { ThemeProvider, violetForge } from "@usetheo/ui"`,
+`import "@usetheo/ui/styles.css"`.
+
 ## [0.9.0-next.0] - 2026-05-23
 
 Minor — adds the two deferred primitives revealed by the Brief #3

package/README.md

@@ -13,8 +13,8 @@ A React component library built for AI agent surfaces and cloud dashboards. **10
 <!-- BEGIN:counts -->
 [![license](https://img.shields.io/badge/license-Apache--2.0-7C3AED?style=flat-square)](./LICENSE)
 [![react](https://img.shields.io/badge/react-18+-7C3AED?style=flat-square&logo=react&logoColor=white)](https://react.dev)
-[![tests](https://img.shields.io/badge/tests-1281%20passing-success?style=flat-square)](#quality-gates)
-[![components](https://img.shields.io/badge/components-134-7C3AED?style=flat-square)](#component-catalog)
+[![tests](https://img.shields.io/badge/tests-1344%20passing-success?style=flat-square)](#quality-gates)
+[![components](https://img.shields.io/badge/components-139-7C3AED?style=flat-square)](#component-catalog)
 [![shadcn](https://img.shields.io/badge/shadcn-compatible-000?style=flat-square)](https://ui.shadcn.com/docs/registry)
 <!-- END:counts -->
 
@@ -133,32 +133,33 @@ import { ThemeProvider, ThemeScript } from "@usetheo/ui";
 ## Component catalog
 
 <!-- BEGIN:component-catalog-intro -->
-**134 components**, organized by mechanical rule: a *primitive* imports no other `@usetheo/ui` component; a *composite* does.
+**139 components**, organized by mechanical rule: a *primitive* imports no other `@usetheo/ui` component; a *composite* does.
 <!-- END:component-catalog-intro -->
 
 <details>
 <summary>
 <!-- BEGIN:primitives-count -->
-**Primitives** (89) — building blocks
+**Primitives** (92) — building blocks
 <!-- END:primitives-count -->
 </summary>
 
 <!-- BEGIN:primitives -->
-`AgentErrorCard` · `AgentEvent` · `AgentHandoff` · `AgentProfile` · `AgentStartingState` · `AgentStreaming`
-`Alert` · `ArtifactPreview` · `AttachmentChip` · `AuditLogEntry` · `AutoCompactNotice` · `Avatar`
-`Badge` · `BrowserControls` · `BuildLogStream` · `Button` · `CapabilityIndicator` · `Card`
-`ChatThread` · `Checkbox` · `ContextCard` · `ContextWindowBar` · `CopyButton` · `CostMeter`
-`CreatedFilesCard` · `CronJobCard` · `DangerZone` · `Dialog` · `DiffViewer` · `EmptyState`
-`FolderContextCard` · `FolderSelector` · `FormField` · `HookConfig` · `HookEventLog` · `Input`
-`IntentSelector` · `Label` · `LaneBoard` · `LoginSplit` · `MCPServerCard` · `MemoryEditor`
-`MentionMenu` · `MetricsPanel` · `ModelCard` · `ModelSelector` · `Pagination` · `PermissionMatrix`
-`PlanBadge` · `Progress` · `ProgressChecklist` · `ProjectSwitcher` · `QuickActionChips` · `RadioGroup`
-`RecentFoldersList` · `RuleCard` · `RunStats` · `RunningTasksPanel` · `ScrollArea` · `Select`
-`SessionListItem` · `SessionTimeline` · `Sheet` · `Sidebar` · `Skeleton` · `SkillCard`
-`SocialAuthRow` · `StatTile` · `StatusDot` · `StepsRail` · `SubAgentDispatch` · `Switch`
-`SystemPromptEditor` · `Table` · `Tabs` · `TaskNode` · `TaskPlan` · `TerminalPanel`
-`Textarea` · `Timestamp` · `Toast` · `Toaster` · `TokenUsageChart` · `ToolCall`
-`ToolCallCard` · `ToolResult` · `ToolsList` · `Tooltip` · `TopNav`
+`ActionBar` · `AgentErrorCard` · `AgentEvent` · `AgentHandoff` · `AgentProfile` · `AgentStartingState`
+`AgentStreaming` · `Alert` · `ArtifactPreview` · `AttachmentChip` · `AuditLogEntry` · `AutoCompactNotice`
+`Avatar` · `Badge` · `BrowserControls` · `BuildLogStream` · `Button` · `CapabilityIndicator`
+`Card` · `ChatThread` · `Checkbox` · `ContextCard` · `ContextWindowBar` · `CopyButton`
+`CostMeter` · `CreatedFilesCard` · `CronJobCard` · `DangerZone` · `Dialog` · `DiffViewer`
+`DropdownMenu` · `EmptyState` · `FolderContextCard` · `FolderSelector` · `FormField` · `HookConfig`
+`HookEventLog` · `Input` · `IntentSelector` · `Label` · `LaneBoard` · `LoginSplit`
+`MCPServerCard` · `MemoryEditor` · `MentionMenu` · `MetricsPanel` · `ModelCard` · `ModelSelector`
+`Pagination` · `PermissionMatrix` · `PinInput` · `PlanBadge` · `Progress` · `ProgressChecklist`
+`ProjectSwitcher` · `QuickActionChips` · `RadioGroup` · `RecentFoldersList` · `RuleCard` · `RunStats`
+`RunningTasksPanel` · `ScrollArea` · `Select` · `SessionListItem` · `SessionTimeline` · `Sheet`
+`Sidebar` · `Skeleton` · `SkillCard` · `SocialAuthRow` · `StatTile` · `StatusDot`
+`StepsRail` · `SubAgentDispatch` · `Switch` · `SystemPromptEditor` · `Table` · `Tabs`
+`TaskNode` · `TaskPlan` · `TerminalPanel` · `Textarea` · `Timestamp` · `Toast`
+`Toaster` · `TokenUsageChart` · `ToolCall` · `ToolCallCard` · `ToolResult` · `ToolsList`
+`Tooltip` · `TopNav`
 <!-- END:primitives -->
 
 </details>
@@ -166,12 +167,12 @@ import { ThemeProvider, ThemeScript } from "@usetheo/ui";
 <details>
 <summary>
 <!-- BEGIN:composites-count -->
-**Composites** (45) — assembled flows
+**Composites** (47) — assembled flows
 <!-- END:composites-count -->
 </summary>
 
 <!-- BEGIN:composites -->
-`AccountMenu` · `AgentComposer` · `AgentEditor` · `AgentStream` · `AgentTimeline` · `ApprovalCard` · `ChatComposer` · `ChatMessage` · `ChatMessageAction` · `ChatMessageActions` · `ChatMessageBranch` · `ChatMessageBranchContent` · `ChatMessageBranchNext` · `ChatMessageBranchPage` · `ChatMessageBranchPrevious` · `ChatMessageBranchSelector` · `ChatMessageContent` · `ChatMessageResponse` · `ChatMessageRoot` · `ChatMessageToolbar` · `CodeBlock` · `CommandPalette` · `ConfirmDialog` · `CronJobsList` · `DataPart` · `DeploymentRow` · `DomainConfig` · `EnvVarEditor` · `FilePart` · `MCPServerList` · `PermissionModal` · `PreviewEnvCard` · `PreviewPanel` · `ProjectCard` · `ReasoningPart` · `RollbackUI` · `RuleEditor` · `SkillEditor` · `SkillsList` · `SourceDocumentPart` · `SourceUrlPart` · `TaskHeader` · `TextPart` · `ToolCallPart` · `UsageMeter`
+`AccountMenu` · `AgentComposer` · `AgentEditor` · `AgentStream` · `AgentTimeline` · `ApprovalCard` · `ChatComposer` · `ChatMessage` · `ChatMessageAction` · `ChatMessageActions` · `ChatMessageBranch` · `ChatMessageBranchContent` · `ChatMessageBranchNext` · `ChatMessageBranchPage` · `ChatMessageBranchPrevious` · `ChatMessageBranchSelector` · `ChatMessageContent` · `ChatMessageResponse` · `ChatMessageRoot` · `ChatMessageToolbar` · `CodeBlock` · `CommandPalette` · `ConfirmDialog` · `CronJobsList` · `DataPart` · `DataTable` · `DeploymentRow` · `DomainConfig` · `EnvVarEditor` · `FilePart` · `MCPServerList` · `PageShell` · `PermissionModal` · `PreviewEnvCard` · `PreviewPanel` · `ProjectCard` · `ReasoningPart` · `RollbackUI` · `RuleEditor` · `SkillEditor` · `SkillsList` · `SourceDocumentPart` · `SourceUrlPart` · `TaskHeader` · `TextPart` · `ToolCallPart` · `UsageMeter`
 <!-- END:composites -->
 
 </details>

package/dist/chunk-2UJROWAG.js

@@ -0,0 +1,106 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Overlay2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-background/80",
+      "data-[state=open]:fade-in-0 data-[state=open]:animate-in",
+      "data-[state=closed]:fade-out-0 data-[state=closed]:animate-out",
+      className
+    ),
+    ...props
+  }
+));
+Overlay2.displayName = "Dialog.Overlay";
+var Content2 = forwardRef(
+  ({ className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(Overlay2, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "-translate-x-1/2 -translate-y-1/2 fixed top-1/2 left-1/2 z-50 w-full max-w-lg",
+          "rounded-2xl border bg-card text-card-foreground shadow-lg",
+          "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in",
+          "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out",
+          "duration-base",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          !hideCloseButton ? /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              className: cn(
+                "absolute top-4 right-4 rounded-md p-1 opacity-70",
+                "transition-opacity hover:opacity-100",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
+                "disabled:pointer-events-none"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) : null
+        ]
+      }
+    )
+  ] })
+);
+Content2.displayName = "Dialog.Content";
+var Header = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1.5 p-6 pb-3 text-left", className), ...props });
+Header.displayName = "Dialog.Header";
+var Body = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("px-6 pb-6 text-body-md text-muted-foreground", className), ...props });
+Body.displayName = "Dialog.Body";
+var Footer = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex flex-col-reverse gap-2 p-6 pt-3 sm:flex-row sm:justify-end", className),
+    ...props
+  }
+);
+Footer.displayName = "Dialog.Footer";
+var Title2 = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      ref,
+      className: cn("font-display text-foreground text-title-lg tracking-tight", className),
+      ...props
+    }
+  )
+);
+Title2.displayName = "Dialog.Title";
+var Description2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-body-sm text-muted-foreground", className),
+    ...props
+  }
+));
+Description2.displayName = "Dialog.Description";
+var Dialog = /* @__PURE__ */ Object.assign(DialogPrimitive.Root, {
+  Trigger: DialogPrimitive.Trigger,
+  Close: DialogPrimitive.Close,
+  Content: Content2,
+  Overlay: Overlay2,
+  Header,
+  Body,
+  Footer,
+  Title: Title2,
+  Description: Description2
+});
+
+export { Dialog };
+//# sourceMappingURL=chunk-2UJROWAG.js.map
+//# sourceMappingURL=chunk-2UJROWAG.js.map

package/dist/chunk-2UJROWAG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/dialog/dialog.tsx"],"names":["Overlay","Content","Title","Description"],"mappings":"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","file":"chunk-2UJROWAG.js","sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { X } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Dialog — modal overlay built on Radix Dialog.\n *\n * Composition:\n *   <Dialog>\n *     <Dialog.Trigger>Open</Dialog.Trigger>\n *     <Dialog.Content>\n *       <Dialog.Header>\n *         <Dialog.Title>…</Dialog.Title>\n *         <Dialog.Description>…</Dialog.Description>\n *       </Dialog.Header>\n *       <Dialog.Body>…</Dialog.Body>\n *       <Dialog.Footer>…</Dialog.Footer>\n *     </Dialog.Content>\n *   </Dialog>\n *\n * Overlay is a theme-neutral backdrop (`bg-background/80`) with no glass blur\n * (anti-glass guideline). Content uses card surface, rounded-2xl, shadow-lg\n * + slight glow on enter.\n */\n\nconst Overlay = forwardRef<\n  ElementRef<typeof DialogPrimitive.Overlay>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-background/80\",\n      \"data-[state=open]:fade-in-0 data-[state=open]:animate-in\",\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:animate-out\",\n      className,\n    )}\n    {...props}\n  />\n));\nOverlay.displayName = \"Dialog.Overlay\";\n\ninterface ContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {\n  hideCloseButton?: boolean;\n}\n\nconst Content = forwardRef<ElementRef<typeof DialogPrimitive.Content>, ContentProps>(\n  ({ className, children, hideCloseButton, ...props }, ref) => (\n    <DialogPrimitive.Portal>\n      <Overlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          \"-translate-x-1/2 -translate-y-1/2 fixed top-1/2 left-1/2 z-50 w-full max-w-lg\",\n          \"rounded-2xl border bg-card text-card-foreground shadow-lg\",\n          \"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:animate-in\",\n          \"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:animate-out\",\n          \"duration-base\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {!hideCloseButton ? (\n          <DialogPrimitive.Close\n            className={cn(\n              \"absolute top-4 right-4 rounded-md p-1 opacity-70\",\n              \"transition-opacity hover:opacity-100\",\n              \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card\",\n              \"disabled:pointer-events-none\",\n            )}\n          >\n            <X className=\"size-4\" />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  ),\n);\nContent.displayName = \"Dialog.Content\";\n\nconst Header = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"flex flex-col gap-1.5 p-6 pb-3 text-left\", className)} {...props} />\n);\nHeader.displayName = \"Dialog.Header\";\n\nconst Body = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn(\"px-6 pb-6 text-body-md text-muted-foreground\", className)} {...props} />\n);\nBody.displayName = \"Dialog.Body\";\n\nconst Footer = ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\"flex flex-col-reverse gap-2 p-6 pt-3 sm:flex-row sm:justify-end\", className)}\n    {...props}\n  />\n);\nFooter.displayName = \"Dialog.Footer\";\n\ntype TitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;\n\nconst Title = forwardRef<ElementRef<typeof DialogPrimitive.Title>, TitleProps>(\n  ({ className, ...props }, ref) => (\n    <DialogPrimitive.Title\n      ref={ref}\n      className={cn(\"font-display text-foreground text-title-lg tracking-tight\", className)}\n      {...props}\n    />\n  ),\n);\nTitle.displayName = \"Dialog.Title\";\n\nconst Description = forwardRef<\n  ElementRef<typeof DialogPrimitive.Description>,\n  ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-body-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nDescription.displayName = \"Dialog.Description\";\n\nconst Dialog = /*#__PURE__*/ Object.assign(DialogPrimitive.Root, {\n  Trigger: DialogPrimitive.Trigger,\n  Close: DialogPrimitive.Close,\n  Content,\n  Overlay,\n  Header,\n  Body,\n  Footer,\n  Title,\n  Description,\n});\n\nexport { Dialog };\n"]}

package/dist/chunk-2XPWOUEH.js

@@ -0,0 +1,68 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var INTENT_FILL = {
+  default: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+var Progress = forwardRef(
+  ({
+    className,
+    value = 0,
+    max = 100,
+    intent = "default",
+    height = "h-1",
+    indeterminate = false,
+    ...props
+  }, ref) => {
+    const clampedMax = Math.max(0, max);
+    const clampedValue = Math.min(clampedMax, Math.max(0, value));
+    const percent = clampedMax > 0 ? clampedValue / clampedMax * 100 : 0;
+    const fillClass = INTENT_FILL[intent];
+    return (
+      // biome-ignore lint/a11y/useFocusableInteractive: WAI-ARIA `progressbar` is a status role (https://www.w3.org/TR/wai-aria-1.2/#progressbar) — NOT supposed to be focusable; screen readers announce updates without keyboard navigation.
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": clampedMax,
+          "aria-valuenow": indeterminate ? void 0 : clampedValue,
+          "aria-busy": indeterminate ? true : void 0,
+          className: cn("relative w-full overflow-hidden rounded-full bg-muted", height, className),
+          ...props,
+          children: indeterminate ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute inset-y-0 left-0 w-1/3 rounded-full",
+                "animate-[progress-indeterminate_1.4s_ease-in-out_infinite] motion-reduce:animate-none",
+                "motion-reduce:w-full motion-reduce:opacity-50",
+                fillClass
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "h-full rounded-full transition-[width] duration-base ease-out-soft",
+                "motion-reduce:transition-none",
+                fillClass
+              ),
+              style: { width: `${percent}%` }
+            }
+          )
+        }
+      )
+    );
+  }
+);
+Progress.displayName = "Progress";
+
+export { Progress };
+//# sourceMappingURL=chunk-2XPWOUEH.js.map
+//# sourceMappingURL=chunk-2XPWOUEH.js.map

package/dist/chunk-2XPWOUEH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/progress/progress.tsx"],"names":[],"mappings":";;;;AA+CA,IAAM,WAAA,GAAoE;AAAA,EACxE,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,WAAA,EAAa;AACf,CAAA;AAEA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CACE;AAAA,IACE,SAAA;AAAA,IACA,KAAA,GAAQ,CAAA;AAAA,IACR,GAAA,GAAM,GAAA;AAAA,IACN,MAAA,GAAS,SAAA;AAAA,IACT,MAAA,GAAS,KAAA;AAAA,IACT,aAAA,GAAgB,KAAA;AAAA,IAChB,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,GAAG,CAAA;AAClC,IAAA,MAAM,YAAA,GAAe,KAAK,GAAA,CAAI,UAAA,EAAY,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,CAAC,CAAA;AAC5D,IAAA,MAAM,OAAA,GAAU,UAAA,GAAa,CAAA,GAAK,YAAA,GAAe,aAAc,GAAA,GAAM,CAAA;AACrE,IAAA,MAAM,SAAA,GAAY,YAAY,MAAM,CAAA;AAEpC,IAAA;AAAA;AAAA,sBAEE,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,aAAA;AAAA,UACL,eAAA,EAAe,CAAA;AAAA,UACf,eAAA,EAAe,UAAA;AAAA,UACf,eAAA,EAAe,gBAAgB,MAAA,GAAY,YAAA;AAAA,UAC3C,WAAA,EAAW,gBAAgB,IAAA,GAAO,MAAA;AAAA,UAClC,SAAA,EAAW,EAAA,CAAG,uDAAA,EAAyD,MAAA,EAAQ,SAAS,CAAA;AAAA,UACvF,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA,aAAA,mBACC,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,8CAAA;AAAA,gBACA,uFAAA;AAAA,gBACA,+CAAA;AAAA,gBACA;AAAA;AACF;AAAA,WACF,mBAEA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,oEAAA;AAAA,gBACA,+BAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA;AAAI;AAAA;AAChC;AAAA;AAEJ;AAAA,EAEJ;AACF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-2XPWOUEH.js","sourcesContent":["import { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Progress — accessible progress bar primitive.\n *\n * Built on `<div role=\"progressbar\">` (NOT native `<progress>`) so Tailwind\n * classes can style the track + fill cross-browser (Chrome/Safari/Firefox\n * shadow-DOM hooks for `<progress>` diverge). Matches Radix / shadcn /\n * Mantine convention.\n *\n * Variants:\n *   - intent: `default` | `success` | `warning` | `destructive` — controls fill color\n *   - height: `h-1` (4px, default) | `h-1.5` | `h-2` | `h-3`\n *   - indeterminate: animated bar, no value (e.g. \"uploading…\", \"building…\")\n *\n * Composition:\n *   <Progress value={42} max={100} intent=\"success\" aria-label=\"Upload\" />\n *   <Progress indeterminate aria-label=\"Building\" />\n *\n * A11y:\n *   - role=\"progressbar\"\n *   - aria-valuenow / aria-valuemin / aria-valuemax (determinate)\n *   - aria-busy=\"true\" when indeterminate\n *   - Respects `prefers-reduced-motion` (no animation when set)\n *\n * Used by `<UsageMeter>` to render each metric's fill bar, but ships as a\n * standalone primitive for direct consumer use (deploy phase, file upload,\n * build progress, quota fill).\n */\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, \"role\"> {\n  /** Current value (0..max). Values outside the range are clamped. */\n  value?: number;\n  /** Maximum value. Defaults to 100. */\n  max?: number;\n  /** Visual intent — controls fill color. */\n  intent?: \"default\" | \"success\" | \"warning\" | \"destructive\";\n  /** Bar height in tailwind units. Defaults to `\"h-1\"` (4px). */\n  height?: \"h-1\" | \"h-1.5\" | \"h-2\" | \"h-3\";\n  /** When true, animated bar with no value. Omits `aria-valuenow`, adds `aria-busy`. */\n  indeterminate?: boolean;\n  /** Accessible label. Required if not preceded by an `aria-labelledby` element. */\n  \"aria-label\"?: string;\n}\n\nconst INTENT_FILL: Record<NonNullable<ProgressProps[\"intent\"]>, string> = {\n  default: \"bg-primary\",\n  success: \"bg-success\",\n  warning: \"bg-warning\",\n  destructive: \"bg-destructive\",\n};\n\nconst Progress = forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      className,\n      value = 0,\n      max = 100,\n      intent = \"default\",\n      height = \"h-1\",\n      indeterminate = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const clampedMax = Math.max(0, max);\n    const clampedValue = Math.min(clampedMax, Math.max(0, value));\n    const percent = clampedMax > 0 ? (clampedValue / clampedMax) * 100 : 0;\n    const fillClass = INTENT_FILL[intent];\n\n    return (\n      // biome-ignore lint/a11y/useFocusableInteractive: WAI-ARIA `progressbar` is a status role (https://www.w3.org/TR/wai-aria-1.2/#progressbar) — NOT supposed to be focusable; screen readers announce updates without keyboard navigation.\n      <div\n        ref={ref}\n        role=\"progressbar\"\n        aria-valuemin={0}\n        aria-valuemax={clampedMax}\n        aria-valuenow={indeterminate ? undefined : clampedValue}\n        aria-busy={indeterminate ? true : undefined}\n        className={cn(\"relative w-full overflow-hidden rounded-full bg-muted\", height, className)}\n        {...props}\n      >\n        {indeterminate ? (\n          <div\n            className={cn(\n              \"absolute inset-y-0 left-0 w-1/3 rounded-full\",\n              \"animate-[progress-indeterminate_1.4s_ease-in-out_infinite] motion-reduce:animate-none\",\n              \"motion-reduce:w-full motion-reduce:opacity-50\",\n              fillClass,\n            )}\n          />\n        ) : (\n          <div\n            className={cn(\n              \"h-full rounded-full transition-[width] duration-base ease-out-soft\",\n              \"motion-reduce:transition-none\",\n              fillClass,\n            )}\n            style={{ width: `${percent}%` }}\n          />\n        )}\n      </div>\n    );\n  },\n);\nProgress.displayName = \"Progress\";\n\nexport { Progress };\n"]}

package/dist/chunk-3GHLNCM3.js

@@ -0,0 +1,42 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import { Clock, Coins, FileEdit } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RunStats = forwardRef(
+  ({ className, duration, tokens, filesChanged, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-wrap items-center gap-3 font-mono text-code-sm text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        duration ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Clock, { className: "size-3", "aria-hidden": "true" }),
+          " ",
+          duration
+        ] }) : null,
+        tokens ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(Coins, { className: "size-3", "aria-hidden": "true" }),
+          " ",
+          tokens,
+          " tokens"
+        ] }) : null,
+        filesChanged !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(FileEdit, { className: "size-3", "aria-hidden": "true" }),
+          " ",
+          filesChanged,
+          " files"
+        ] }) : null
+      ]
+    }
+  )
+);
+RunStats.displayName = "RunStats";
+
+export { RunStats };
+//# sourceMappingURL=chunk-3GHLNCM3.js.map
+//# sourceMappingURL=chunk-3GHLNCM3.js.map

package/dist/chunk-3GHLNCM3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/run-stats/run-stats.tsx"],"names":[],"mappings":";;;;;AAmBA,IAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,QAAQ,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,qBACxD,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,gFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,mBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAAE,GAAA;AAAA,UAAE;AAAA,SAAA,EACnD,CAAA,GACE,IAAA;AAAA,QACH,MAAA,mBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kCAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,QAAA,EAAS,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAAE,GAAA;AAAA,UAAE,MAAA;AAAA,UAAO;AAAA,SAAA,EAC1D,CAAA,GACE,IAAA;AAAA,QACH,YAAA,KAAiB,MAAA,mBAChB,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kCAAA,EACd,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,QAAA,EAAS,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,UAAE,GAAA;AAAA,UAAE,YAAA;AAAA,UAAa;AAAA,SAAA,EACnE,CAAA,GACE;AAAA;AAAA;AAAA;AAGV;AACA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-3GHLNCM3.js","sourcesContent":["import { Clock, Coins, FileEdit } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\ninterface RunStatsProps extends HTMLAttributes<HTMLDivElement> {\n  duration?: string;\n  /** Formatted token count, e.g. \"35.7k\". */\n  tokens?: string;\n  /** Number of files changed in the run. */\n  filesChanged?: number;\n}\n\n/**\n * RunStats — inline metric row shown after an agent run.\n *\n * Visual: muted bullet-separated row with clock + tokens + files-changed icons.\n * All optional — the component skips entries that aren't provided.\n */\nconst RunStats = forwardRef<HTMLDivElement, RunStatsProps>(\n  ({ className, duration, tokens, filesChanged, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-wrap items-center gap-3 font-mono text-code-sm text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {duration ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <Clock className=\"size-3\" aria-hidden=\"true\" /> {duration}\n        </span>\n      ) : null}\n      {tokens ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <Coins className=\"size-3\" aria-hidden=\"true\" /> {tokens} tokens\n        </span>\n      ) : null}\n      {filesChanged !== undefined ? (\n        <span className=\"inline-flex items-center gap-1.5\">\n          <FileEdit className=\"size-3\" aria-hidden=\"true\" /> {filesChanged} files\n        </span>\n      ) : null}\n    </div>\n  ),\n);\nRunStats.displayName = \"RunStats\";\n\nexport { RunStats };\n"]}

package/dist/chunk-3HOXC25T.js

@@ -0,0 +1,48 @@
+import { cn } from './chunk-ZSRJCIWF.js';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var switchVariants = cva(
+  [
+    "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent",
+    "transition-[background-color,box-shadow] duration-base ease-out-soft",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_0_8px_hsl(var(--primary)/0.35)]",
+    "data-[state=unchecked]:bg-muted",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-7",
+        md: "h-5 w-9",
+        lg: "h-6 w-11"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var thumbClassBySize = {
+  sm: "size-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0.5",
+  md: "size-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5",
+  lg: "size-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5"
+};
+var Switch = forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(SwitchPrimitive.Root, { ref, className: cn(switchVariants({ size }), className), ...props, children: /* @__PURE__ */ jsx(
+    SwitchPrimitive.Thumb,
+    {
+      className: cn(
+        "pointer-events-none block rounded-full bg-card shadow-sm",
+        "transition-transform duration-base ease-out-soft",
+        thumbClassBySize[size ?? "md"]
+      )
+    }
+  ) })
+);
+Switch.displayName = "Switch";
+
+export { Switch };
+//# sourceMappingURL=chunk-3HOXC25T.js.map
+//# sourceMappingURL=chunk-3HOXC25T.js.map

package/dist/chunk-3HOXC25T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/switch/switch.tsx"],"names":[],"mappings":";;;;;;AAgBA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB;AAAA,IACE,8FAAA;AAAA,IACA,sEAAA;AAAA,IACA,0IAAA;AAAA,IACA,gGAAA;AAAA,IACA,iCAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAAK;AAElC,CAAA;AAEA,IAAM,gBAAA,GAA6F;AAAA,EACjG,EAAA,EAAI,kFAAA;AAAA,EACJ,EAAA,EAAI,kFAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAMA,IAAM,MAAA,GAAS,UAAA;AAAA,EACb,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC9B,GAAA,CAAiB,eAAA,CAAA,IAAA,EAAhB,EAAqB,KAAU,SAAA,EAAW,EAAA,CAAG,eAAe,EAAE,IAAA,EAAM,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EACtF,QAAA,kBAAA,GAAA;AAAA,IAAiB,eAAA,CAAA,KAAA;AAAA,IAAhB;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,0DAAA;AAAA,QACA,kDAAA;AAAA,QACA,gBAAA,CAAiB,QAAQ,IAAI;AAAA;AAC/B;AAAA,GACF,EACF;AAEJ;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-3HOXC25T.js","sourcesContent":["import * as SwitchPrimitive from \"@radix-ui/react-switch\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ElementRef } from \"react\";\nimport { cn } from \"../../../lib/cn.js\";\n\n/**\n * Switch — built on Radix Switch. Used for binary toggles (autoaccept,\n * dark mode preview, feature flags).\n *\n * Off-state uses --muted, on-state uses --primary with a subtle glow shadow\n * to mark \"this is active\" in the violet brand language.\n *\n * The `size` prop accepts `\"sm\" | \"md\" | \"lg\"`. Default `md` preserves the\n * 20×36 track from before this prop existed.\n */\nconst switchVariants = cva(\n  [\n    \"peer inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent\",\n    \"transition-[background-color,box-shadow] duration-base ease-out-soft\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n    \"data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_0_8px_hsl(var(--primary)/0.35)]\",\n    \"data-[state=unchecked]:bg-muted\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-7\",\n        md: \"h-5 w-9\",\n        lg: \"h-6 w-11\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nconst thumbClassBySize: Record<NonNullable<VariantProps<typeof switchVariants>[\"size\"]>, string> = {\n  sm: \"size-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0.5\",\n  md: \"size-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n  lg: \"size-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5\",\n};\n\ninterface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>,\n    VariantProps<typeof switchVariants> {}\n\nconst Switch = forwardRef<ElementRef<typeof SwitchPrimitive.Root>, SwitchProps>(\n  ({ className, size, ...props }, ref) => (\n    <SwitchPrimitive.Root ref={ref} className={cn(switchVariants({ size }), className)} {...props}>\n      <SwitchPrimitive.Thumb\n        className={cn(\n          \"pointer-events-none block rounded-full bg-card shadow-sm\",\n          \"transition-transform duration-base ease-out-soft\",\n          thumbClassBySize[size ?? \"md\"],\n        )}\n      />\n    </SwitchPrimitive.Root>\n  ),\n);\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchVariants };\n"]}