@agent-native/toolkit 0.0.0-beta-20260819143124

package/dist/design-system/design-system.spec.js

@@ -0,0 +1,208 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { act, forwardRef } from "react";
+import { createRoot } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { ToolkitProvider } from "../provider.js";
+import { Button } from "../ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.js";
+import { ActionButton, IconButton } from "./components.js";
+import { defaultDesignSystemComponents } from "./default-adapter.js";
+import { defineDesignSystem } from "./definition.js";
+import { defineTheme } from "./theme.js";
+import { DESIGN_SYSTEM_CONTRACT_VERSION } from "./types.js";
+describe("design-system contract", () => {
+    let container;
+    let root;
+    beforeEach(() => {
+        vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
+        container = document.createElement("div");
+        document.body.appendChild(container);
+        root = createRoot(container);
+    });
+    afterEach(() => {
+        act(() => root.unmount());
+        container.remove();
+        vi.restoreAllMocks();
+        vi.unstubAllGlobals();
+    });
+    it("locks the seventeen semantic component names", () => {
+        expect(DESIGN_SYSTEM_CONTRACT_VERSION).toBe(1);
+        expect(Object.keys(defaultDesignSystemComponents).sort()).toEqual([
+            "ActionButton",
+            "Avatar",
+            "Checkbox",
+            "Dialog",
+            "IconButton",
+            "Menu",
+            "Picker",
+            "Popover",
+            "Skeleton",
+            "Spinner",
+            "Status",
+            "Surface",
+            "Switch",
+            "Tabs",
+            "TextArea",
+            "TextField",
+            "Tooltip",
+        ].sort());
+    });
+    it("preserves typed design-system and theme definitions", () => {
+        const theme = defineTheme({
+            colors: {
+                light: { primary: "oklch(55% 0.2 260)" },
+            },
+            radius: "0.75rem",
+        });
+        const definition = defineDesignSystem({
+            name: "Acme",
+            theme,
+            components: {},
+        });
+        expect(definition).toEqual({ name: "Acme", theme, components: {} });
+    });
+    it("prefers ActionButton over the legacy Button override", () => {
+        const warning = vi.spyOn(console, "warn").mockImplementation(() => { });
+        const LegacyButton = () => _jsx("button", { "data-adapter": "legacy" });
+        const CustomActionButton = () => _jsx("button", { "data-adapter": "semantic" });
+        act(() => {
+            root.render(_jsx(ToolkitProvider, { components: { Button: LegacyButton }, designSystem: {
+                    components: { ActionButton: CustomActionButton },
+                }, children: _jsx(Button, { children: "Save" }) }));
+        });
+        expect(container.querySelector("[data-adapter=semantic]")).not.toBeNull();
+        expect(container.querySelector("[data-adapter=legacy]")).toBeNull();
+        expect(warning).toHaveBeenCalledOnce();
+    });
+    it("warns when nested providers combine the effective ActionButton APIs", () => {
+        const warning = vi.spyOn(console, "warn").mockImplementation(() => { });
+        const LegacyButton = () => _jsx("button", { "data-adapter": "legacy" });
+        const CustomActionButton = () => _jsx("button", { "data-adapter": "semantic" });
+        act(() => {
+            root.render(_jsx(ToolkitProvider, { designSystem: {
+                    components: { ActionButton: CustomActionButton },
+                }, children: _jsx(ToolkitProvider, { components: { Button: LegacyButton }, children: _jsx(Button, { children: "Save" }) }) }));
+        });
+        expect(container.querySelector("[data-adapter=semantic]")).not.toBeNull();
+        expect(warning).toHaveBeenCalledOnce();
+    });
+    it("forwards semantic intent independently from the legacy visual variant", () => {
+        const received = vi.fn();
+        const CustomActionButton = (props) => {
+            received(props.intent, props.emphasis);
+            return _jsx("button", { children: props.children });
+        };
+        act(() => {
+            root.render(_jsx(ToolkitProvider, { designSystem: { components: { ActionButton: CustomActionButton } }, children: _jsx(Button, { variant: "ghost", intent: "danger", emphasis: "outline", children: "Remove" }) }));
+        });
+        expect(received).toHaveBeenCalledWith("danger", "outline");
+    });
+    it("uses legacy Button as the lowest-precedence ActionButton adapter", () => {
+        const LegacyButton = (props) => (_jsx("button", { ...props, "data-adapter": "legacy" }));
+        act(() => {
+            root.render(_jsx(ToolkitProvider, { components: { Button: LegacyButton }, children: _jsx(ActionButton, { children: "Save" }) }));
+        });
+        expect(container.querySelector("[data-adapter=legacy]")?.textContent).toBe("Save");
+    });
+    it.each(["pointer", "Enter", "Space", "ArrowDown"])("preserves Radix menu trigger behavior through a legacy Button override with %s activation", async (activation) => {
+        const onOpenChange = vi.fn();
+        let buttonRef = null;
+        const LegacyButton = forwardRef(({ asChild: _asChild, emphasis: _emphasis, intent: _intent, size: _size, variant: _variant, ...props }, ref) => _jsx("button", { ...props, ref: ref, "data-adapter": "legacy" }));
+        await act(async () => {
+            root.render(_jsx(ToolkitProvider, { components: { Button: LegacyButton }, designSystem: {}, children: _jsxs(DropdownMenu, { onOpenChange: onOpenChange, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { ref: (node) => {
+                                    buttonRef = node;
+                                }, children: "Open menu" }) }), _jsx(DropdownMenuContent, { children: _jsx(DropdownMenuItem, { children: "First item" }) })] }) }));
+        });
+        const trigger = container.querySelector("button");
+        expect(trigger).not.toBeNull();
+        expect(buttonRef).toBe(trigger);
+        expect(trigger?.getAttribute("aria-haspopup")).toBe("menu");
+        expect(trigger?.getAttribute("aria-expanded")).toBe("false");
+        expect(trigger?.dataset.state).toBe("closed");
+        await act(async () => {
+            trigger?.focus();
+            if (activation === "pointer") {
+                trigger?.dispatchEvent(new PointerEvent("pointerdown", {
+                    bubbles: true,
+                    button: 0,
+                    pointerType: "mouse",
+                }));
+            }
+            else {
+                const key = activation === "Space" ? " " : activation;
+                trigger?.dispatchEvent(new KeyboardEvent("keydown", { bubbles: true, key }));
+            }
+            await Promise.resolve();
+        });
+        expect(onOpenChange).toHaveBeenCalledTimes(1);
+        expect(onOpenChange).toHaveBeenLastCalledWith(true);
+        expect(trigger?.getAttribute("aria-expanded")).toBe("true");
+        expect(trigger?.dataset.state).toBe("open");
+        expect(document.querySelector("[role=menu]")).not.toBeNull();
+        await act(async () => {
+            document.activeElement?.dispatchEvent(new KeyboardEvent("keydown", { bubbles: true, key: "Escape" }));
+            await Promise.resolve();
+        });
+        expect(onOpenChange).toHaveBeenCalledTimes(2);
+        expect(onOpenChange).toHaveBeenLastCalledWith(false);
+        expect(trigger?.getAttribute("aria-expanded")).toBe("false");
+        expect(trigger?.dataset.state).toBe("closed");
+    });
+    it("forwards a native ref passed to ActionButton to the real DOM button node", () => {
+        let node = null;
+        act(() => {
+            root.render(_jsx(ActionButton, { ref: (el) => {
+                    node = el;
+                }, children: "Save" }));
+        });
+        const button = container.querySelector("button");
+        expect(button).not.toBeNull();
+        expect(node).toBe(button);
+    });
+    it("resolves a Radix asChild Popover trigger's ref to the real IconButton DOM node", async () => {
+        // Radix positions a popover by measuring the DOM node its `asChild`
+        // Slot clones a ref onto. If that ref is dropped, Radix has nothing to
+        // measure and falls back to an unpositioned, off-screen placement.
+        let node = null;
+        await act(async () => {
+            root.render(_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(IconButton, { label: "Manage", icon: _jsx("span", {}), ref: (el) => {
+                                node = el;
+                            } }) }), _jsx(PopoverContent, { children: "Content" })] }));
+        });
+        const button = container.querySelector("button");
+        expect(button).not.toBeNull();
+        expect(node).toBe(button);
+    });
+    it.each([
+        ["IconButton", _jsx(IconButton, { label: "Manage", icon: _jsx("span", {}) })],
+        ["ActionButton", _jsx(ActionButton, { children: "Manage" })],
+    ])("opens a Radix asChild Popover trigger built on %s when clicked", async (_name, trigger) => {
+        // Radix passes its toggle handler down as `onClick`. An adapter that
+        // spreads props and then sets its own `onClick` silently drops it, so
+        // the trigger renders correctly and never opens.
+        await act(async () => {
+            root.render(_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: trigger }), _jsx(PopoverContent, { children: "Content" })] }));
+        });
+        const button = container.querySelector("button");
+        await act(async () => {
+            button?.click();
+        });
+        expect(button?.dataset.state).toBe("open");
+    });
+    it("isolates a broken customer component and renders the default control", () => {
+        vi.spyOn(console, "error").mockImplementation(() => { });
+        const BrokenActionButton = () => {
+            throw new Error("broken adapter");
+        };
+        act(() => {
+            root.render(_jsx(ToolkitProvider, { designSystem: {
+                    components: { ActionButton: BrokenActionButton },
+                }, children: _jsx(ActionButton, { children: "Fallback action" }) }));
+        });
+        expect(container.querySelector("button")?.textContent).toBe("Fallback action");
+        expect(console.error).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=design-system.spec.js.map

package/dist/design-system/design-system.spec.js.map

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

package/dist/design-system/error-boundary.d.ts

@@ -0,0 +1,18 @@
+import { Component, type ErrorInfo, type ReactNode } from "react";
+import type { DesignSystemComponentName } from "./types.js";
+interface DesignSystemErrorBoundaryProps {
+    component: DesignSystemComponentName | string;
+    fallback: ReactNode;
+    children: ReactNode;
+}
+interface DesignSystemErrorBoundaryState {
+    failed: boolean;
+}
+export declare class DesignSystemErrorBoundary extends Component<DesignSystemErrorBoundaryProps, DesignSystemErrorBoundaryState> {
+    state: DesignSystemErrorBoundaryState;
+    static getDerivedStateFromError(): DesignSystemErrorBoundaryState;
+    componentDidCatch(error: unknown, info: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=error-boundary.d.ts.map

package/dist/design-system/error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/design-system/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAE5D,UAAU,8BAA8B;IACtC,SAAS,EAAE,yBAAyB,GAAG,MAAM,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,8BAA8B;IACtC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,qBAAa,yBAA0B,SAAQ,SAAS,CACtD,8BAA8B,EAC9B,8BAA8B,CAC/B;IACC,KAAK,EAAE,8BAA8B,CAAqB;IAE1D,MAAM,CAAC,wBAAwB,IAAI,8BAA8B,CAEhE;IAED,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,QAMhD;IAED,MAAM,cAGL;CACF"}

package/dist/design-system/error-boundary.js

@@ -0,0 +1,16 @@
+import { Component } from "react";
+export class DesignSystemErrorBoundary extends Component {
+    state = { failed: false };
+    static getDerivedStateFromError() {
+        return { failed: true };
+    }
+    componentDidCatch(error, info) {
+        console.error(`[agent-native] Custom design-system component ${this.props.component} failed; rendering the default adapter for this control.`, error, info);
+    }
+    render() {
+        if (this.state.failed)
+            return this.props.fallback;
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=error-boundary.js.map

package/dist/design-system/error-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/design-system/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAclE,MAAM,OAAO,yBAA0B,SAAQ,SAG9C;IACC,KAAK,GAAmC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAE1D,MAAM,CAAC,wBAAwB;QAC7B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;IAC1B,CAAC;IAED,iBAAiB,CAAC,KAAc,EAAE,IAAe;QAC/C,OAAO,CAAC,KAAK,CACX,iDAAiD,IAAI,CAAC,KAAK,CAAC,SAAS,0DAA0D,EAC/H,KAAK,EACL,IAAI,CACL,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAClD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF"}

package/dist/design-system/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./components.js";
+export * from "./context.js";
+export * from "./default-adapter.js";
+export * from "./definition.js";
+export * from "./error-boundary.js";
+export * from "./theme.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/design-system/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}

package/dist/design-system/index.js

@@ -0,0 +1,8 @@
+export * from "./components.js";
+export * from "./context.js";
+export * from "./default-adapter.js";
+export * from "./definition.js";
+export * from "./error-boundary.js";
+export * from "./theme.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/design-system/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}

package/dist/design-system/theme.d.ts

@@ -0,0 +1,30 @@
+export declare const DESIGN_SYSTEM_COLOR_TOKENS: readonly ["background", "foreground", "border", "input", "ring", "primary", "primary-foreground", "secondary", "secondary-foreground", "destructive", "destructive-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "popover", "popover-foreground", "card", "card-foreground", "sidebar-background", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
+export type DesignSystemColorToken = (typeof DESIGN_SYSTEM_COLOR_TOKENS)[number];
+export type DesignSystemColorPalette = Partial<Record<DesignSystemColorToken, string>>;
+export interface DesignSystemTheme {
+    colors: {
+        light: DesignSystemColorPalette;
+        /** Dark mode falls back token-by-token to the light palette. */
+        dark?: DesignSystemColorPalette;
+    };
+    radius?: string;
+    typography?: {
+        fontFamily?: string;
+        monoFontFamily?: string;
+        baseFontSize?: string;
+    };
+    elevation?: {
+        low?: string;
+        medium?: string;
+        high?: string;
+    };
+}
+export interface NormalizedDesignSystemTheme {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+}
+export declare function normalizeDesignSystemColor(value: string): string;
+export declare function normalizeDesignSystemTheme(theme: DesignSystemTheme): NormalizedDesignSystemTheme;
+export declare function renderDesignSystemThemeCss(theme: DesignSystemTheme): string;
+export declare function defineTheme<const Theme extends DesignSystemTheme>(theme: Theme): Theme;
+//# sourceMappingURL=theme.d.ts.map

package/dist/design-system/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/design-system/theme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,YACrC,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,sBAAsB,EACtB,aAAa,EACb,wBAAwB,EACxB,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,oBAAoB,EACpB,MAAM,EACN,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,4BAA4B,EAC5B,gBAAgB,EAChB,2BAA2B,EAC3B,gBAAgB,EAChB,cAAc,CACN,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,0BAA0B,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CACvC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE;QACN,KAAK,EAAE,wBAAwB,CAAC;QAChC,gEAAgE;QAChE,IAAI,CAAC,EAAE,wBAAwB,CAAC;KACjC,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE;QACX,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9B;AAQD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAYhE;AAqBD,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,iBAAiB,GACvB,2BAA2B,CAwB7B;AAQD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAG3E;AAED,wBAAgB,WAAW,CAAC,KAAK,CAAC,KAAK,SAAS,iBAAiB,EAC/D,KAAK,EAAE,KAAK,GACX,KAAK,CAEP"}

package/dist/design-system/theme.js

@@ -0,0 +1,95 @@
+import { clampChroma, converter, parse } from "culori";
+export const DESIGN_SYSTEM_COLOR_TOKENS = [
+    "background",
+    "foreground",
+    "border",
+    "input",
+    "ring",
+    "primary",
+    "primary-foreground",
+    "secondary",
+    "secondary-foreground",
+    "destructive",
+    "destructive-foreground",
+    "muted",
+    "muted-foreground",
+    "accent",
+    "accent-foreground",
+    "popover",
+    "popover-foreground",
+    "card",
+    "card-foreground",
+    "sidebar-background",
+    "sidebar-foreground",
+    "sidebar-primary",
+    "sidebar-primary-foreground",
+    "sidebar-accent",
+    "sidebar-accent-foreground",
+    "sidebar-border",
+    "sidebar-ring",
+];
+const toHsl = converter("hsl");
+function round(value) {
+    return Number(value.toFixed(3)).toString();
+}
+export function normalizeDesignSystemColor(value) {
+    const parsed = parse(value);
+    const color = parsed ? toHsl(clampChroma(parsed, "oklch")) : undefined;
+    if (!color) {
+        throw new Error(`Unsupported design system color: ${value}`);
+    }
+    const hue = color.h ?? 0;
+    const base = `${round(hue)} ${round(color.s * 100)}% ${round(color.l * 100)}%`;
+    return color.alpha !== undefined && color.alpha < 1
+        ? `${base} / ${round(color.alpha)}`
+        : base;
+}
+function normalizePalette(palette) {
+    return Object.fromEntries(DESIGN_SYSTEM_COLOR_TOKENS.flatMap((token) => {
+        const value = palette[token];
+        if (value === undefined)
+            return [];
+        try {
+            return [[`--${token}`, normalizeDesignSystemColor(value)]];
+        }
+        catch (error) {
+            throw new Error(`Invalid design system color for "${token}": ${value}`, { cause: error });
+        }
+    }));
+}
+export function normalizeDesignSystemTheme(theme) {
+    const light = normalizePalette(theme.colors.light);
+    const dark = {
+        ...light,
+        ...normalizePalette(theme.colors.dark ?? {}),
+    };
+    const shared = {
+        "--radius": theme.radius,
+        "--font-family": theme.typography?.fontFamily,
+        "--font-mono": theme.typography?.monoFontFamily,
+        "--base-font-size": theme.typography?.baseFontSize,
+        "--shadow-low": theme.elevation?.low,
+        "--shadow-medium": theme.elevation?.medium,
+        "--shadow-high": theme.elevation?.high,
+    };
+    for (const [name, value] of Object.entries(shared)) {
+        if (value !== undefined) {
+            light[name] = value;
+            dark[name] = value;
+        }
+    }
+    return { light, dark };
+}
+function renderDeclarations(values) {
+    return Object.entries(values)
+        .map(([name, value]) => `  ${name}: ${value};`)
+        .join("\n");
+}
+export function renderDesignSystemThemeCss(theme) {
+    const normalized = normalizeDesignSystemTheme(theme);
+    return `:root:root {\n${renderDeclarations(normalized.light)}\n}\n\n:root.dark {\n${renderDeclarations(normalized.dark)}\n}\n`;
+}
+export function defineTheme(theme) {
+    return theme;
+}
+//# sourceMappingURL=theme.js.map

package/dist/design-system/theme.js.map

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

package/dist/design-system/theme.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme.spec.d.ts.map

package/dist/design-system/theme.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.spec.d.ts","sourceRoot":"","sources":["../../src/design-system/theme.spec.ts"],"names":[],"mappings":""}

package/dist/design-system/theme.spec.js

@@ -0,0 +1,43 @@
+import { describe, expect, it } from "vitest";
+import { normalizeDesignSystemColor, normalizeDesignSystemTheme, renderDesignSystemThemeCss, } from "./theme.js";
+describe("design system themes", () => {
+    it.each([
+        ["#ff0000", "0 100% 50%"],
+        ["rgb(0 128 255)", "209.882 100% 50%"],
+        ["oklch(62% 0.2 250)", "204.933 99.979% 45.91%"],
+        ["rebeccapurple", "270 50% 40%"],
+        ["rgb(255 0 0 / 50%)", "0 100% 50% / 0.5"],
+    ])("normalizes %s to an HSL triplet", (input, output) => {
+        expect(normalizeDesignSystemColor(input)).toBe(output);
+    });
+    it("falls back to light colors token by token without deriving dark colors", () => {
+        const normalized = normalizeDesignSystemTheme({
+            colors: {
+                light: { background: "white", foreground: "black" },
+                dark: { background: "#101010" },
+            },
+        });
+        expect(normalized.dark["--background"]).toBe("0 0% 6.275%");
+        expect(normalized.dark["--foreground"]).toBe(normalized.light["--foreground"]);
+    });
+    it("renders static light and dark token blocks", () => {
+        const css = renderDesignSystemThemeCss({
+            colors: { light: { primary: "oklch(60% 0.2 250)" } },
+            radius: "0.75rem",
+        });
+        expect(css).toContain(":root:root {");
+        expect(css).toContain(":root.dark {");
+        expect(css).toContain("--primary:");
+        expect(css.match(/--radius: 0.75rem/g)).toHaveLength(2);
+    });
+    it.each(["oklch(62% 0.2 250)", "oklch(70% 0.4 30)", "oklch(60% 0.3 120)"])("maps vivid %s into the sRGB gamut before HSL conversion", (input) => {
+        const [, saturation] = normalizeDesignSystemColor(input).split(" ");
+        expect(Number.parseFloat(saturation)).toBeLessThanOrEqual(100);
+    });
+    it("identifies the invalid semantic token", () => {
+        expect(() => normalizeDesignSystemTheme({
+            colors: { light: { primary: "definitely-not-a-color" } },
+        })).toThrow('Invalid design system color for "primary"');
+    });
+});
+//# sourceMappingURL=theme.spec.js.map

package/dist/design-system/theme.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.spec.js","sourceRoot":"","sources":["../../src/design-system/theme.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EACL,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,YAAY,CAAC;AAEpB,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,IAAI,CAAC;QACN,CAAC,SAAS,EAAE,YAAY,CAAC;QACzB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;QACtC,CAAC,oBAAoB,EAAE,wBAAwB,CAAC;QAChD,CAAC,eAAe,EAAE,aAAa,CAAC;QAChC,CAAC,oBAAoB,EAAE,kBAAkB,CAAC;KAC3C,CAAC,CAAC,iCAAiC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;QACtD,MAAM,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAChF,MAAM,UAAU,GAAG,0BAA0B,CAAC;YAC5C,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE;gBACnD,IAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;aAChC;SACF,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5D,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAC1C,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CACjC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,GAAG,GAAG,0BAA0B,CAAC;YACrC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAAE;YACpD,MAAM,EAAE,SAAS;SAClB,CAAC,CAAC;QAEH,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACpC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC,CAAC,oBAAoB,EAAE,mBAAmB,EAAE,oBAAoB,CAAC,CAAC,CACxE,yDAAyD,EACzD,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;IACjE,CAAC,CACF,CAAC;IAEF,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,CAAC,GAAG,EAAE,CACV,0BAA0B,CAAC;YACzB,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE,EAAE;SACzD,CAAC,CACH,CAAC,OAAO,CAAC,2CAA2C,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}