@chances-ai/design-system 21.0.0 → 24.2.0

package/dist/primitives/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.js","sourceRoot":"","sources":["../../src/primitives/surface.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,EAAE,EAAqB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE;QACR,SAAS,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE;QAClD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,mBAAmB;YAC3B,KAAK,EAAE,kBAAkB;SAC1B;QACD,MAAM,EAAE;YACN,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,2BAA2B;YACjC,IAAI,EAAE,2BAA2B;YACjC,MAAM,EAAE,6BAA6B;SACtC;QACD,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE;QAChG,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;QACjE,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE;QACrE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE;QACnG,OAAO,EAAE;YACP,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,GAAG,EAAE,aAAa;YAClB,OAAO,EAAE,iBAAiB;SAC3B;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QACnC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,iBAAiB,EAAE;KACvG;IACD,eAAe,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE;CACtH,CAAC,CAAC;AAUH,MAAM,UAAU,OAAO,CAAC,EACtB,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,GAAG,EACH,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACM;IACb,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC3F,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/primitives/tabs.d.ts

@@ -0,0 +1,31 @@
+/**
+ * (7.3 / task 03 — followup) `Tabs` — the self-built LIGHTWEIGHT tab control
+ * `[11.1]` (design §3.2: "Tabs 自建轻量;重 Tabs 用 HeroUI"). For simple segmented
+ * views that don't need HeroUI's full overlay/collection machinery — a panel
+ * switcher with correct ARIA (`tablist`/`tab`/`tabpanel`, `aria-selected`,
+ * `aria-controls`, roving `tabIndex` + ←/→/Home/End keyboard nav) so it clears
+ * the a11y gate. Controlled (`selectedId`) or uncontrolled (`defaultSelectedId`).
+ * `transition-colors` on the tabs ([11.8] CSS-transition tier). Browser-safe.
+ *
+ * Reach for the HeroUI `Tabs` (./widgets) when you need its richer collection /
+ * orientation / disabled-key behavior; this stays deliberately small.
+ */
+import { type ReactNode } from "react";
+export interface TabItem {
+    id: string;
+    label: ReactNode;
+    /** Panel content; rendered only for the active tab. */
+    content?: ReactNode;
+}
+export interface TabsProps {
+    items: readonly TabItem[];
+    /** Controlled active tab id. Omit + use `defaultSelectedId` for uncontrolled. */
+    selectedId?: string;
+    defaultSelectedId?: string;
+    onSelect?: (id: string) => void;
+    /** Required: the tablist has no visible label of its own. */
+    "aria-label": string;
+    className?: string;
+}
+export declare function Tabs({ items, selectedId, defaultSelectedId, onSelect, "aria-label": ariaLabel, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/primitives/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/primitives/tabs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAA4D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjG,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,SAAS,2CAwErH"}

package/dist/primitives/tabs.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * (7.3 / task 03 — followup) `Tabs` — the self-built LIGHTWEIGHT tab control
+ * `[11.1]` (design §3.2: "Tabs 自建轻量;重 Tabs 用 HeroUI"). For simple segmented
+ * views that don't need HeroUI's full overlay/collection machinery — a panel
+ * switcher with correct ARIA (`tablist`/`tab`/`tabpanel`, `aria-selected`,
+ * `aria-controls`, roving `tabIndex` + ←/→/Home/End keyboard nav) so it clears
+ * the a11y gate. Controlled (`selectedId`) or uncontrolled (`defaultSelectedId`).
+ * `transition-colors` on the tabs ([11.8] CSS-transition tier). Browser-safe.
+ *
+ * Reach for the HeroUI `Tabs` (./widgets) when you need its richer collection /
+ * orientation / disabled-key behavior; this stays deliberately small.
+ */
+import { useCallback, useId, useRef, useState } from "react";
+import { tv } from "tailwind-variants";
+import { cn } from "../cn.js";
+const tab = tv({
+    base: "relative px-3 py-1.5 text-sm font-medium transition-colors outline-none border-b-2 -mb-px focus-visible:ring-2 focus-visible:ring-border-focus rounded-t-sm",
+    variants: {
+        // Inactive tabs use text-weak (now AA-normal in every theme after the
+        // neutral-scale repair, §11) for the proper de-emphasis; active adds weight +
+        // the accent underline. Both clear WCAG AA at this sm size.
+        active: {
+            true: "text-text-base border-accent font-semibold",
+            false: "text-text-weak border-transparent hover:text-text-base hover:border-border-base",
+        },
+    },
+});
+export function Tabs({ items, selectedId, defaultSelectedId, onSelect, "aria-label": ariaLabel, className }) {
+    const baseId = useId();
+    const isControlled = selectedId != null;
+    const [internal, setInternal] = useState(defaultSelectedId ?? items[0]?.id ?? "");
+    const active = isControlled ? selectedId : internal;
+    const tabRefs = useRef({});
+    const select = useCallback((id) => {
+        if (!isControlled)
+            setInternal(id);
+        onSelect?.(id);
+    }, [isControlled, onSelect]);
+    const onKeyDown = (e) => {
+        const idx = items.findIndex((it) => it.id === active);
+        if (idx < 0)
+            return;
+        let next = idx;
+        if (e.key === "ArrowRight")
+            next = (idx + 1) % items.length;
+        else if (e.key === "ArrowLeft")
+            next = (idx - 1 + items.length) % items.length;
+        else if (e.key === "Home")
+            next = 0;
+        else if (e.key === "End")
+            next = items.length - 1;
+        else
+            return;
+        e.preventDefault();
+        const nextId = items[next]?.id;
+        if (nextId == null)
+            return;
+        select(nextId);
+        tabRefs.current[nextId]?.focus();
+    };
+    const activeItem = items.find((it) => it.id === active);
+    return (_jsxs("div", { className: cn("flex flex-col", className), children: [_jsx("div", { role: "tablist", "aria-label": ariaLabel, className: "flex flex-row border-b border-border-base", children: items.map((it) => {
+                    const isActive = it.id === active;
+                    return (_jsx("button", { ref: (el) => {
+                            tabRefs.current[it.id] = el;
+                        }, role: "tab", type: "button", id: `${baseId}-tab-${it.id}`, "aria-selected": isActive, "aria-controls": `${baseId}-panel-${it.id}`, tabIndex: isActive ? 0 : -1, className: tab({ active: isActive }), onClick: () => select(it.id), onKeyDown: onKeyDown, children: it.label }, it.id));
+                }) }), activeItem && (_jsx("div", { role: "tabpanel", id: `${baseId}-panel-${activeItem.id}`, "aria-labelledby": `${baseId}-tab-${activeItem.id}`, tabIndex: 0, className: "pt-3 outline-none animate-in fade-in duration-150", children: activeItem.content }))] }));
+}
+//# sourceMappingURL=tabs.js.map

package/dist/primitives/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/primitives/tabs.tsx"],"names":[],"mappings":"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"}

package/dist/primitives/text.d.ts

@@ -0,0 +1,124 @@
+/**
+ * (7.3 / task 03 — W2) `Text` — the typography primitive `[11.11]`, the
+ * tailwind-variants replacement for the inline-style `Txt` (retired in W4).
+ * `tone` maps to the seed-engine text/state color utilities; `as` picks the
+ * element (span default, or h1–h4/p/code/div). One-off colors → `style`.
+ * Browser-safe.
+ */
+import type { CSSProperties, ReactNode } from "react";
+import { type VariantProps } from "tailwind-variants";
+export declare const text: import("tailwind-variants").TVReturnType<{
+    tone: {
+        base: string;
+        weak: string;
+        weaker: string;
+        strong: string;
+        accent: string;
+        success: string;
+        error: string;
+        warning: string;
+        permission: string;
+        inherit: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+    mono: {
+        true: string;
+        false: string;
+    };
+    truncate: {
+        true: string;
+        false: string;
+    };
+}, undefined, "", {
+    tone: {
+        base: string;
+        weak: string;
+        weaker: string;
+        strong: string;
+        accent: string;
+        success: string;
+        error: string;
+        warning: string;
+        permission: string;
+        inherit: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+    mono: {
+        true: string;
+        false: string;
+    };
+    truncate: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    tone: {
+        base: string;
+        weak: string;
+        weaker: string;
+        strong: string;
+        accent: string;
+        success: string;
+        error: string;
+        warning: string;
+        permission: string;
+        inherit: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+    };
+    mono: {
+        true: string;
+        false: string;
+    };
+    truncate: {
+        true: string;
+        false: string;
+    };
+}, undefined, "", unknown, unknown, undefined>>;
+export type TextVariants = VariantProps<typeof text>;
+type TextElement = "span" | "p" | "div" | "code" | "h1" | "h2" | "h3" | "h4" | "label" | "strong";
+export interface TextProps extends TextVariants {
+    as?: TextElement;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    title?: string;
+}
+export declare function Text({ as, tone, size, weight, mono, truncate, className, children, ...rest }: TextProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/primitives/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/primitives/text.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG1D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CA2Bf,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AAErD,KAAK,WAAW,GAAG,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;AAElG,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAW,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAOhH"}

package/dist/primitives/text.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { cn } from "../cn.js";
+export const text = tv({
+    base: "",
+    variants: {
+        // CONTRAST CONTRACT (engine-measured, see ui-core engine.test WCAG gate):
+        //   base/weak/strong → WCAG AA-normal (≥4.5) — safe for body copy at any size.
+        //   weaker           → AA-large (≥3.0) — distinguishable secondary/dim text.
+        // Guaranteed across every built-in theme × mode by the neutral-scale repair
+        // (§11): the text segment is monotonic + meets these floors even in light mode.
+        // The Storybook axe gate (scripts/a11y-stories.ts) still backstops misuse.
+        tone: {
+            base: "text-text-base",
+            weak: "text-text-weak",
+            weaker: "text-text-weaker",
+            strong: "text-text-strong",
+            accent: "text-accent",
+            success: "text-success",
+            error: "text-error",
+            warning: "text-warning",
+            permission: "text-permission",
+            inherit: "",
+        },
+        size: { xs: "text-xs", sm: "text-sm", md: "text-base", lg: "text-lg", xl: "text-xl" },
+        weight: { normal: "font-normal", medium: "font-medium", semibold: "font-semibold", bold: "font-bold" },
+        mono: { true: "font-mono", false: "" },
+        truncate: { true: "truncate", false: "" },
+    },
+    defaultVariants: { tone: "base", mono: false, truncate: false },
+});
+export function Text({ as = "span", tone, size, weight, mono, truncate, className, children, ...rest }) {
+    const Comp = as;
+    return (_jsx(Comp, { className: cn(text({ tone, size, weight, mono, truncate }), className), ...rest, children: children }));
+}
+//# sourceMappingURL=text.js.map

package/dist/primitives/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/primitives/text.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,EAAE,EAAqB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE;QACR,0EAA0E;QAC1E,+EAA+E;QAC/E,6EAA6E;QAC7E,4EAA4E;QAC5E,gFAAgF;QAChF,2EAA2E;QAC3E,IAAI,EAAE;YACJ,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,gBAAgB;YACtB,MAAM,EAAE,kBAAkB;YAC1B,MAAM,EAAE,kBAAkB;YAC1B,MAAM,EAAE,aAAa;YACrB,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,cAAc;YACvB,UAAU,EAAE,iBAAiB;YAC7B,OAAO,EAAE,EAAE;SACZ;QACD,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE;QACrF,MAAM,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE;QACtG,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;QACtC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE;KAC1C;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE;CAChE,CAAC,CAAC;AAcH,MAAM,UAAU,IAAI,CAAC,EAAE,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAa;IAC/G,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,IAAI,YACnF,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/theme-vars.d.ts

@@ -0,0 +1,25 @@
+/**
+ * (7.3 / task 03 — W1) The runtime half of the `@theme` bridge `[11.4]`/`[11.5]`.
+ * `tokens.css` statically binds each Tailwind color utility to a `--ch-*` var
+ * (`--color-accent: var(--ch-accent)`); THIS module sets the per-theme VALUES of
+ * those `--ch-*` vars at runtime, so switching theme = swapping one set of custom
+ * properties (the subtree recomputes). Engine-backed (ui-core `resolveThemeTokens`
+ * + `toCssVars`). Browser-safe; the DOM helper is optional (pure `themeVars` for
+ * SSR / inline-style spread).
+ */
+import { type ThemeMode } from "@chances-ai/ui-core";
+/** The full `--ch-*` value set for a theme + mode (spread onto a panel root's
+ *  inline `style`, or fed to {@link applyThemeVars}). */
+export declare function themeVars(themeId: string, mode: ThemeMode): Record<`--${string}`, string>;
+/** Minimal element shape {@link applyThemeVars} writes to — a real `HTMLElement`
+ *  satisfies it; keeps this testable without a DOM and `@types/dom`-free at call
+ *  sites that pass a stub. */
+export interface StyleTarget {
+    style: {
+        setProperty(name: string, value: string): void;
+    };
+}
+/** Imperatively write a theme's `--ch-*` vars onto an element (e.g. the panel
+ *  root / `document.documentElement`). Returns the var set that was applied. */
+export declare function applyThemeVars(el: StyleTarget, themeId: string, mode: ThemeMode): Record<`--${string}`, string>;
+//# sourceMappingURL=theme-vars.d.ts.map

package/dist/theme-vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-vars.d.ts","sourceRoot":"","sources":["../src/theme-vars.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEpF;yDACyD;AACzD,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAEzF;AAED;;8BAE8B;AAC9B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE;QAAE,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;CAC3D;AAED;gFACgF;AAChF,wBAAgB,cAAc,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAI/G"}

package/dist/theme-vars.js

@@ -0,0 +1,24 @@
+/**
+ * (7.3 / task 03 — W1) The runtime half of the `@theme` bridge `[11.4]`/`[11.5]`.
+ * `tokens.css` statically binds each Tailwind color utility to a `--ch-*` var
+ * (`--color-accent: var(--ch-accent)`); THIS module sets the per-theme VALUES of
+ * those `--ch-*` vars at runtime, so switching theme = swapping one set of custom
+ * properties (the subtree recomputes). Engine-backed (ui-core `resolveThemeTokens`
+ * + `toCssVars`). Browser-safe; the DOM helper is optional (pure `themeVars` for
+ * SSR / inline-style spread).
+ */
+import { resolveThemeTokens, toCssVars } from "@chances-ai/ui-core";
+/** The full `--ch-*` value set for a theme + mode (spread onto a panel root's
+ *  inline `style`, or fed to {@link applyThemeVars}). */
+export function themeVars(themeId, mode) {
+    return toCssVars(resolveThemeTokens(themeId, mode));
+}
+/** Imperatively write a theme's `--ch-*` vars onto an element (e.g. the panel
+ *  root / `document.documentElement`). Returns the var set that was applied. */
+export function applyThemeVars(el, themeId, mode) {
+    const vars = themeVars(themeId, mode);
+    for (const [name, value] of Object.entries(vars))
+        el.style.setProperty(name, value);
+    return vars;
+}
+//# sourceMappingURL=theme-vars.js.map

package/dist/theme-vars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-vars.js","sourceRoot":"","sources":["../src/theme-vars.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAkB,MAAM,qBAAqB,CAAC;AAEpF;yDACyD;AACzD,MAAM,UAAU,SAAS,CAAC,OAAe,EAAE,IAAe;IACxD,OAAO,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AACtD,CAAC;AASD;gFACgF;AAChF,MAAM,UAAU,cAAc,CAAC,EAAe,EAAE,OAAe,EAAE,IAAe;IAC9E,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACtC,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACpF,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/widgets/filter-autocomplete.d.ts

@@ -0,0 +1,21 @@
+export interface FilterAutocompleteProps<T extends object> {
+    /** The full option set; filtering happens client-side over `getLabel`. */
+    items: readonly T[];
+    /** The currently selected option's key, or null when nothing is chosen. */
+    selectedKey: string | null;
+    getKey: (item: T) => string;
+    getLabel: (item: T) => string;
+    onSelect: (item: T) => void;
+    isDisabled?: boolean;
+    /** Trigger text shown when nothing is selected. */
+    placeholder?: string;
+    /** Placeholder inside the filter search box. */
+    searchPlaceholder?: string;
+    /** Shown when the filter matches nothing. */
+    emptyLabel?: string;
+    /** Required for a11y (the picker has no visible label). */
+    "aria-label": string;
+    className?: string;
+}
+export declare function FilterAutocomplete<T extends object>({ items, selectedKey, getKey, getLabel, onSelect, isDisabled, placeholder, searchPlaceholder, emptyLabel, "aria-label": ariaLabel, className, }: FilterAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filter-autocomplete.d.ts.map

package/dist/widgets/filter-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-autocomplete.d.ts","sourceRoot":"","sources":["../../src/widgets/filter-autocomplete.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,MAAM;IACvD,0EAA0E;IAC1E,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,2EAA2E;IAC3E,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,MAAM,EAAE,EACnD,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAuB,EACvB,iBAA6B,EAC7B,UAAuB,EACvB,YAAY,EAAE,SAAS,EACvB,SAAS,GACV,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAuC5B"}

package/dist/widgets/filter-autocomplete.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * (7.3 / task 03 — W3a) `FilterAutocomplete` — the composed, generic substrate
+ * that retires the bespoke web `model-picker.tsx` `[11.2]` (design §3.3). It
+ * folds HeroUI v3's `Autocomplete` compound boilerplate (Trigger → Value →
+ * Popover → Filter → SearchField + ListBox) into a single typed component: the
+ * caller passes `items`, the selected key, and `getKey`/`getLabel`/`onSelect`.
+ *
+ * Client-side filtering uses a plain `contains` predicate (RAC's `filter` prop
+ * is just `(textValue, inputValue) => boolean`), so no `useFilter` dependency.
+ * The W4 client migration builds its `ModelPicker` on this; the pure
+ * `filterModels` test stays, and real keyboard/filter interaction is covered by
+ * the Storybook browser-mode pass (design §4). Theme comes from the panel's
+ * `.chances-theme` scope (see heroui-theme.ts). Requires the optional
+ * `@heroui/react` peer — only this `./widgets` entry pulls it in.
+ */
+import { Autocomplete, EmptyState, ListBox, ListBoxItem, SearchField } from "@heroui/react";
+import { cn } from "../cn.js";
+const contains = (textValue, inputValue) => textValue.toLowerCase().includes(inputValue.trim().toLowerCase());
+export function FilterAutocomplete({ items, selectedKey, getKey, getLabel, onSelect, isDisabled, placeholder = "select…", searchPlaceholder = "filter…", emptyLabel = "no match", "aria-label": ariaLabel, className, }) {
+    const selected = selectedKey == null ? null : (items.find((it) => getKey(it) === selectedKey) ?? null);
+    return (_jsxs(Autocomplete, { "aria-label": ariaLabel, selectedKey: selectedKey, isDisabled: isDisabled, onSelectionChange: (key) => {
+            if (key == null)
+                return;
+            const item = items.find((it) => getKey(it) === String(key));
+            if (item)
+                onSelect(item);
+        }, className: cn("inline-flex", className), children: [_jsxs(Autocomplete.Trigger, { children: [_jsx(Autocomplete.Value, { children: selected ? getLabel(selected) : placeholder }), _jsx(Autocomplete.Indicator, {})] }), _jsx(Autocomplete.Popover, { children: _jsxs(Autocomplete.Filter, { filter: contains, children: [_jsx(SearchField, { autoFocus: true, "aria-label": `filter ${ariaLabel}`, children: _jsxs(SearchField.Group, { children: [_jsx(SearchField.SearchIcon, {}), _jsx(SearchField.Input, { placeholder: searchPlaceholder }), _jsx(SearchField.ClearButton, {})] }) }), _jsx(ListBox, { "aria-label": ariaLabel, items: items, renderEmptyState: () => _jsx(EmptyState, { children: emptyLabel }), children: (item) => (_jsx(ListBoxItem, { id: getKey(item), textValue: getLabel(item), children: getLabel(item) })) })] }) })] }));
+}
+//# sourceMappingURL=filter-autocomplete.js.map

package/dist/widgets/filter-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-autocomplete.js","sourceRoot":"","sources":["../../src/widgets/filter-autocomplete.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAsB9B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAW,EAAE,CAClE,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;AAEpE,MAAM,UAAU,kBAAkB,CAAmB,EACnD,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,GAAG,SAAS,EACvB,iBAAiB,GAAG,SAAS,EAC7B,UAAU,GAAG,UAAU,EACvB,YAAY,EAAE,SAAS,EACvB,SAAS,GACkB;IAC3B,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,WAAW,CAAC,IAAI,IAAI,CAAC,CAAC;IAEvG,OAAO,CACL,MAAC,YAAY,kBACC,SAAS,EACrB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,CAAC,GAAG,EAAE,EAAE;YACzB,IAAI,GAAG,IAAI,IAAI;gBAAE,OAAO;YACxB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YAC5D,IAAI,IAAI;gBAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,aAEvC,MAAC,YAAY,CAAC,OAAO,eACnB,KAAC,YAAY,CAAC,KAAK,cAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,GAAsB,EACtF,KAAC,YAAY,CAAC,SAAS,KAAG,IACL,EACvB,KAAC,YAAY,CAAC,OAAO,cACnB,MAAC,YAAY,CAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,aACnC,KAAC,WAAW,IAAC,SAAS,sBAAa,UAAU,SAAS,EAAE,YACtD,MAAC,WAAW,CAAC,KAAK,eAChB,KAAC,WAAW,CAAC,UAAU,KAAG,EAC1B,KAAC,WAAW,CAAC,KAAK,IAAC,WAAW,EAAE,iBAAiB,GAAI,EACrD,KAAC,WAAW,CAAC,WAAW,KAAG,IACT,GACR,EACd,KAAC,OAAO,kBAAa,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,cAAE,UAAU,GAAc,YACxG,CAAC,IAAO,EAAE,EAAE,CAAC,CACZ,KAAC,WAAW,IAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,YACrD,QAAQ,CAAC,IAAI,CAAC,GACH,CACf,GACO,IACU,GACD,IACV,CAChB,CAAC;AACJ,CAAC"}

package/dist/widgets/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * (7.3 / task 03 — W3a) `@chances-ai/design-system/widgets` — the HeroUI v3
+ * "rich widget" tier `[11.2]`. This is the ONLY design-system entry that pulls
+ * the optional `@heroui/react` peer, so the main barrel stays HeroUI-free (and
+ * `bun --compile` clean for the CLI, which never imports widgets).
+ *
+ * We re-export the blessed HeroUI compound components through one seam — apps
+ * import them from design-system, not `@heroui/react` directly, so the
+ * integration point (theme wiring via `.chances-theme`, version pinning) is
+ * centralized. Heavy behavior (focus-trap, react-aria keyboard nav, overlay
+ * positioning) is HeroUI's; we add only `FilterAutocomplete` (the composed
+ * model-picker substrate). Self-built chrome (Surface/Text/Button/…) lives in
+ * the main barrel — NOT here — per the two-tier split (design §3.2/§3.3).
+ */
+export { Autocomplete, Select, Modal, Drawer, Popover, Menu, Dropdown, Tabs, Tooltip, DatePicker, Calendar, Toast, ToastProvider, toast, ListBox, ListBoxItem, ListBoxSection, SearchField, EmptyState, Label, Separator, Spinner, } from "@heroui/react";
+export { FilterAutocomplete, type FilterAutocompleteProps } from "./filter-autocomplete.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/widgets/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EACL,YAAY,EACZ,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,aAAa,EACb,KAAK,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,WAAW,EACX,UAAU,EACV,KAAK,EACL,SAAS,EACT,OAAO,GACR,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/widgets/index.js

@@ -0,0 +1,17 @@
+/**
+ * (7.3 / task 03 — W3a) `@chances-ai/design-system/widgets` — the HeroUI v3
+ * "rich widget" tier `[11.2]`. This is the ONLY design-system entry that pulls
+ * the optional `@heroui/react` peer, so the main barrel stays HeroUI-free (and
+ * `bun --compile` clean for the CLI, which never imports widgets).
+ *
+ * We re-export the blessed HeroUI compound components through one seam — apps
+ * import them from design-system, not `@heroui/react` directly, so the
+ * integration point (theme wiring via `.chances-theme`, version pinning) is
+ * centralized. Heavy behavior (focus-trap, react-aria keyboard nav, overlay
+ * positioning) is HeroUI's; we add only `FilterAutocomplete` (the composed
+ * model-picker substrate). Self-built chrome (Surface/Text/Button/…) lives in
+ * the main barrel — NOT here — per the two-tier split (design §3.2/§3.3).
+ */
+export { Autocomplete, Select, Modal, Drawer, Popover, Menu, Dropdown, Tabs, Tooltip, DatePicker, Calendar, Toast, ToastProvider, toast, ListBox, ListBoxItem, ListBoxSection, SearchField, EmptyState, Label, Separator, Spinner, } from "@heroui/react";
+export { FilterAutocomplete } from "./filter-autocomplete.js";
+//# sourceMappingURL=index.js.map

package/dist/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/widgets/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EACL,YAAY,EACZ,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,aAAa,EACb,KAAK,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,WAAW,EACX,UAAU,EACV,KAAK,EACL,SAAS,EACT,OAAO,GACR,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAgC,MAAM,0BAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chances-ai/design-system",
-  "version": "21.0.0",
+  "version": "24.2.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -8,21 +8,81 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
-    }
+    },
+    "./widgets": {
+      "types": "./dist/widgets/index.d.ts",
+      "import": "./dist/widgets/index.js"
+    },
+    "./motion": {
+      "types": "./dist/motion/animated.d.ts",
+      "import": "./dist/motion/animated.js"
+    },
+    "./styles": "./src/tokens.css",
+    "./heroui-theme.css": "./src/heroui-theme.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/tokens.css",
+    "src/heroui-theme.css"
   ],
   "dependencies": {
-    "@chances-ai/ui-core": "21.0.0",
-    "@tamagui/core": "^2.1.0"
+    "@chances-ai/ui-core": "24.2.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "1.17.0",
+    "motion": "12.40.0",
+    "tailwind-merge": "^3.4.0",
+    "tailwind-variants": "^3.2.2"
   },
   "peerDependencies": {
-    "react": "^19.2"
+    "@heroui/react": "^3.1.0",
+    "react": "^19.2",
+    "react-dom": "^19.2",
+    "tailwindcss": "^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@heroui/react": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@heroui/react": "^3.1.0",
+    "@storybook/addon-a11y": "10.4.1",
+    "@storybook/addon-vitest": "10.4.1",
+    "@storybook/react-vite": "10.4.1",
+    "@tailwindcss/vite": "^4.0.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/browser": "3.2.6",
+    "@vitest/expect": "3.2.6",
+    "@vitest/runner": "3.2.6",
+    "@vitest/snapshot": "3.2.6",
+    "@vitest/spy": "3.2.6",
+    "@vitest/utils": "3.2.6",
+    "playwright": "^1.60.0",
+    "react": "^19.2",
+    "react-dom": "^19.2",
+    "storybook": "10.4.1",
+    "tailwindcss": "^4.0.0",
+    "vite": "^6.0.0",
+    "vitest": "3.2.6"
   },
   "scripts": {
     "build": "tsc -b",
     "check": "tsc -b",
-    "test": "bun test"
+    "test": "bun test --timeout 30000",
+    "test:stories": "vitest run",
+    "test:a11y": "bun run scripts/a11y-stories.ts",
+    "storybook": "storybook dev -p 6006 --no-open --disable-telemetry",
+    "build:storybook": "storybook build --disable-telemetry",
+    "gen:theme": "bun ../../scripts/gen-theme-css.ts",
+    "gen:sprite": "bun scripts/gen-sprite.ts"
   }
 }

package/src/heroui-theme.css

@@ -0,0 +1,42 @@
+/* (7.3 / task 03 — W3a) HeroUI v3 theme bridge — generated-shape, kept in sync
+   with `heroui-theme.ts` `HEROUI_BASE_VAR_MAP` (the test enforces parity).
+
+   UNLAYERED ON PURPOSE: HeroUI declares its variables inside `@layer base`, and
+   in the CSS cascade an unlayered rule beats any layered rule regardless of
+   source order — so these overrides win without `!important`. We override only
+   HeroUI's BASE variables; its "calculated" vars (--surface-hover, --*-soft,
+   --border-secondary, …) recompute automatically via `color-mix()` from these.
+
+   Usage: put `chances-theme` + a mode class (`dark`/`light`) on the panel root,
+   and set the `--ch-*` values on that same element (design-system `themeVars` /
+   `applyThemeVars`). Then every HeroUI widget rendered inside the panel adopts
+   the seed palette. See `heroUiThemeClassName(mode)`. */
+.chances-theme {
+  --background: var(--ch-bg-base);
+  --foreground: var(--ch-text-base);
+  --surface: var(--ch-surface-base);
+  --surface-foreground: var(--ch-text-base);
+  --surface-secondary: var(--ch-surface-raised);
+  --surface-secondary-foreground: var(--ch-text-base);
+  --surface-tertiary: var(--ch-bg-weak);
+  --surface-tertiary-foreground: var(--ch-text-base);
+  --overlay: var(--ch-surface-raised);
+  --overlay-foreground: var(--ch-text-base);
+  --muted: var(--ch-text-weak);
+  --default: var(--ch-bg-weak);
+  --default-foreground: var(--ch-text-base);
+  --accent: var(--ch-interactive);
+  --accent-foreground: var(--ch-text-on-interactive);
+  --success: var(--ch-success);
+  --success-foreground: var(--ch-text-on-success);
+  --warning: var(--ch-warning);
+  --warning-foreground: var(--ch-text-on-warning);
+  --danger: var(--ch-error);
+  --danger-foreground: var(--ch-text-on-error);
+  --border: var(--ch-border-base);
+  --separator: var(--ch-border-weak);
+  --field-background: var(--ch-input-base);
+  --field-foreground: var(--ch-text-base);
+  --segment: var(--ch-surface-raised);
+  --segment-foreground: var(--ch-text-base);
+}