@sentropic/design-system-tokens 0.3.0

package/dist/component.d.ts

@@ -0,0 +1,199 @@
+export declare const component: {
+    readonly button: {
+        readonly radius: "0.375rem";
+        readonly primaryBackground: "oklch(50% 0.134 242.749)";
+        readonly primaryText: "#ffffff";
+        readonly secondaryBackground: "#f8fafc";
+        readonly secondaryText: "#0f172a";
+    };
+    readonly link: {
+        readonly text: "oklch(50% 0.134 242.749)";
+        readonly hoverText: "oklch(50% 0.134 242.749)";
+        readonly disabledText: "#64748b";
+        readonly focusRing: "oklch(50% 0.134 242.749)";
+    };
+    readonly alert: {
+        readonly background: "#ffffff";
+        readonly text: "#0f172a";
+        readonly border: "#e2e8f0";
+        readonly infoBorder: "#2563eb";
+        readonly successBorder: "#16a34a";
+        readonly warningBorder: "#d97706";
+        readonly errorBorder: "#dc2626";
+        readonly radius: "0.5rem";
+    };
+    readonly card: {
+        readonly background: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly radius: "0.5rem";
+        readonly shadow: "0 1px 2px rgb(15 23 42 / 0.08)";
+    };
+    readonly menu: {
+        readonly background: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly text: "#0f172a";
+        readonly itemHoverBackground: "#f8fafc";
+        readonly disabledText: "#64748b";
+        readonly radius: "0.375rem";
+        readonly shadow: "0 8px 24px rgb(15 23 42 / 0.12)";
+    };
+    readonly popover: {
+        readonly background: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly text: "#0f172a";
+        readonly shadow: "0 18px 45px rgb(15 23 42 / 0.18)";
+        readonly radius: "0.5rem";
+        readonly zIndex: 80;
+    };
+    readonly dropdown: {
+        readonly background: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly text: "#0f172a";
+        readonly optionHoverBackground: "#f8fafc";
+        readonly selectedBackground: "oklch(50% 0.134 242.749)";
+        readonly selectedText: "#ffffff";
+        readonly radius: "0.375rem";
+        readonly shadow: "0 8px 24px rgb(15 23 42 / 0.12)";
+    };
+    readonly input: {
+        readonly background: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly focusRing: "oklch(50% 0.134 242.749)";
+        readonly radius: "0.375rem";
+    };
+    readonly field: {
+        readonly labelText: "#0f172a";
+        readonly helpText: "#475569";
+        readonly errorText: "#dc2626";
+        readonly gap: "0.5rem";
+        readonly maxWidth: "28rem";
+    };
+    readonly control: {
+        readonly background: "#ffffff";
+        readonly text: "#0f172a";
+        readonly placeholderText: "#64748b";
+        readonly border: "#e2e8f0";
+        readonly hoverBorder: "#94a3b8";
+        readonly focusRing: "oklch(50% 0.134 242.749)";
+        readonly invalidBorder: "#dc2626";
+        readonly disabledBackground: "#f8fafc";
+        readonly disabledText: "#64748b";
+        readonly radius: "0.375rem";
+        readonly smHeight: "2rem";
+        readonly mdHeight: "2.5rem";
+        readonly lgHeight: "3rem";
+    };
+    readonly selection: {
+        readonly checkedBackground: "oklch(50% 0.134 242.749)";
+        readonly checkedText: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly switchTrack: "#94a3b8";
+        readonly switchTrackChecked: "oklch(50% 0.134 242.749)";
+        readonly switchThumb: "#ffffff";
+    };
+    readonly overlay: {
+        readonly backdrop: "rgb(15 23 42 / 0.48)";
+        readonly surface: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly shadow: "0 18px 45px rgb(15 23 42 / 0.18)";
+        readonly radius: "0.5rem";
+        readonly zIndex: 90;
+    };
+    readonly drawer: {
+        readonly backdrop: "rgb(15 23 42 / 0.48)";
+        readonly surface: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly shadow: "0 18px 45px rgb(15 23 42 / 0.18)";
+        readonly width: "24rem";
+        readonly zIndex: 90;
+    };
+    readonly emptyState: {
+        readonly background: "#f8fafc";
+        readonly border: "#e2e8f0";
+        readonly titleText: "#0f172a";
+        readonly messageText: "#475569";
+        readonly radius: "0.5rem";
+    };
+    readonly loadingState: {
+        readonly indicator: "oklch(50% 0.134 242.749)";
+        readonly track: "#f8fafc";
+        readonly text: "#475569";
+        readonly radius: "999px";
+    };
+    readonly tooltip: {
+        readonly background: "#0f172a";
+        readonly text: "#ffffff";
+        readonly radius: "0.375rem";
+        readonly shadow: "0 8px 24px rgb(15 23 42 / 0.12)";
+        readonly zIndex: 80;
+    };
+    readonly toast: {
+        readonly background: "#ffffff";
+        readonly text: "#0f172a";
+        readonly border: "#e2e8f0";
+        readonly shadow: "0 18px 45px rgb(15 23 42 / 0.18)";
+        readonly radius: "0.5rem";
+        readonly infoBorder: "#2563eb";
+        readonly successBorder: "#16a34a";
+        readonly warningBorder: "#d97706";
+        readonly errorBorder: "#dc2626";
+        readonly zIndex: 100;
+    };
+    readonly dataTable: {
+        readonly headerBackground: "#f8fafc";
+        readonly rowBackground: "#ffffff";
+        readonly rowHoverBackground: "#f8fafc";
+        readonly border: "#e2e8f0";
+        readonly text: "#0f172a";
+        readonly captionText: "#475569";
+        readonly radius: "0.5rem";
+    };
+    readonly tabs: {
+        readonly activeText: "#0f172a";
+        readonly inactiveText: "#475569";
+        readonly border: "#e2e8f0";
+        readonly indicator: "oklch(50% 0.134 242.749)";
+        readonly panelBackground: "#ffffff";
+    };
+    readonly pagination: {
+        readonly background: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly text: "#0f172a";
+        readonly activeBackground: "oklch(50% 0.134 242.749)";
+        readonly activeText: "#ffffff";
+        readonly disabledText: "#64748b";
+        readonly radius: "0.375rem";
+    };
+    readonly breadcrumb: {
+        readonly text: "#475569";
+        readonly currentText: "#0f172a";
+        readonly separator: "#64748b";
+        readonly linkText: "oklch(50% 0.134 242.749)";
+    };
+    readonly sideNav: {
+        readonly background: "#ffffff";
+        readonly border: "#e2e8f0";
+        readonly itemText: "#475569";
+        readonly activeBackground: "#f8fafc";
+        readonly activeText: "#0f172a";
+        readonly width: "16rem";
+    };
+    readonly chat: {
+        readonly userBubbleBackground: "oklch(50% 0.134 242.749)";
+        readonly userBubbleText: "#ffffff";
+        readonly assistantBubbleBackground: "#f8fafc";
+        readonly assistantBubbleText: "#0f172a";
+        readonly composerSurface: "#ffffff";
+        readonly toolCallSurface: "#f8fafc";
+    };
+    readonly graph: {
+        readonly panelBackground: "#0f172a";
+        readonly panelText: "#ffffff";
+        readonly edgeDefault: "rgb(226 232 240 / 0.56)";
+        readonly community1: "#4E79A7";
+        readonly community2: "#F28E2B";
+        readonly community3: "#E15759";
+        readonly community4: "#76B7B2";
+    };
+};
+//# sourceMappingURL=component.d.ts.map

package/dist/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqMZ,CAAC"}

package/dist/component.js

@@ -0,0 +1,201 @@
+import { foundation } from "./foundation.js";
+import { semantic } from "./semantic.js";
+export const component = {
+    button: {
+        radius: foundation.radius.md,
+        primaryBackground: semantic.action.primary,
+        primaryText: semantic.action.primaryText,
+        secondaryBackground: semantic.action.secondary,
+        secondaryText: semantic.action.secondaryText
+    },
+    link: {
+        text: semantic.text.link,
+        hoverText: semantic.action.primary,
+        disabledText: semantic.text.muted,
+        focusRing: semantic.border.interactive
+    },
+    alert: {
+        background: semantic.surface.raised,
+        text: semantic.text.primary,
+        border: semantic.border.subtle,
+        infoBorder: semantic.feedback.info,
+        successBorder: semantic.feedback.success,
+        warningBorder: semantic.feedback.warning,
+        errorBorder: semantic.feedback.error,
+        radius: foundation.radius.lg
+    },
+    card: {
+        background: semantic.surface.raised,
+        border: semantic.border.subtle,
+        radius: foundation.radius.lg,
+        shadow: foundation.shadow.subtle
+    },
+    menu: {
+        background: semantic.surface.raised,
+        border: semantic.border.subtle,
+        text: semantic.text.primary,
+        itemHoverBackground: semantic.surface.subtle,
+        disabledText: semantic.text.muted,
+        radius: foundation.radius.md,
+        shadow: foundation.shadow.medium
+    },
+    popover: {
+        background: semantic.surface.raised,
+        border: semantic.border.subtle,
+        text: semantic.text.primary,
+        shadow: foundation.shadow.floating,
+        radius: foundation.radius.lg,
+        zIndex: foundation.z.overlay
+    },
+    dropdown: {
+        background: semantic.surface.default,
+        border: semantic.border.subtle,
+        text: semantic.text.primary,
+        optionHoverBackground: semantic.surface.subtle,
+        selectedBackground: semantic.action.primary,
+        selectedText: semantic.action.primaryText,
+        radius: foundation.radius.md,
+        shadow: foundation.shadow.medium
+    },
+    input: {
+        background: semantic.surface.default,
+        border: semantic.border.subtle,
+        focusRing: semantic.border.interactive,
+        radius: foundation.radius.md
+    },
+    field: {
+        labelText: semantic.text.primary,
+        helpText: semantic.text.secondary,
+        errorText: semantic.feedback.error,
+        gap: foundation.spacing[2],
+        maxWidth: "28rem"
+    },
+    control: {
+        background: semantic.surface.default,
+        text: semantic.text.primary,
+        placeholderText: semantic.text.muted,
+        border: semantic.border.subtle,
+        hoverBorder: semantic.border.strong,
+        focusRing: semantic.border.interactive,
+        invalidBorder: semantic.feedback.error,
+        disabledBackground: semantic.surface.subtle,
+        disabledText: semantic.text.muted,
+        radius: foundation.radius.md,
+        smHeight: "2rem",
+        mdHeight: "2.5rem",
+        lgHeight: "3rem"
+    },
+    selection: {
+        checkedBackground: semantic.action.primary,
+        checkedText: semantic.action.primaryText,
+        border: semantic.border.subtle,
+        switchTrack: semantic.border.strong,
+        switchTrackChecked: semantic.action.primary,
+        switchThumb: semantic.surface.default
+    },
+    overlay: {
+        backdrop: semantic.surface.overlay,
+        surface: semantic.surface.raised,
+        border: semantic.border.subtle,
+        shadow: foundation.shadow.floating,
+        radius: foundation.radius.lg,
+        zIndex: foundation.z.modal
+    },
+    drawer: {
+        backdrop: semantic.surface.overlay,
+        surface: semantic.surface.raised,
+        border: semantic.border.subtle,
+        shadow: foundation.shadow.floating,
+        width: "24rem",
+        zIndex: foundation.z.modal
+    },
+    emptyState: {
+        background: semantic.surface.subtle,
+        border: semantic.border.subtle,
+        titleText: semantic.text.primary,
+        messageText: semantic.text.secondary,
+        radius: foundation.radius.lg
+    },
+    loadingState: {
+        indicator: semantic.action.primary,
+        track: semantic.surface.subtle,
+        text: semantic.text.secondary,
+        radius: foundation.radius.pill
+    },
+    tooltip: {
+        background: semantic.surface.inverse,
+        text: semantic.text.inverse,
+        radius: foundation.radius.md,
+        shadow: foundation.shadow.medium,
+        zIndex: foundation.z.overlay
+    },
+    toast: {
+        background: semantic.surface.raised,
+        text: semantic.text.primary,
+        border: semantic.border.subtle,
+        shadow: foundation.shadow.floating,
+        radius: foundation.radius.lg,
+        infoBorder: semantic.feedback.info,
+        successBorder: semantic.feedback.success,
+        warningBorder: semantic.feedback.warning,
+        errorBorder: semantic.feedback.error,
+        zIndex: foundation.z.toast
+    },
+    dataTable: {
+        headerBackground: semantic.surface.subtle,
+        rowBackground: semantic.surface.default,
+        rowHoverBackground: semantic.surface.subtle,
+        border: semantic.border.subtle,
+        text: semantic.text.primary,
+        captionText: semantic.text.secondary,
+        radius: foundation.radius.lg
+    },
+    tabs: {
+        activeText: semantic.text.primary,
+        inactiveText: semantic.text.secondary,
+        border: semantic.border.subtle,
+        indicator: semantic.action.primary,
+        panelBackground: semantic.surface.default
+    },
+    pagination: {
+        background: semantic.surface.default,
+        border: semantic.border.subtle,
+        text: semantic.text.primary,
+        activeBackground: semantic.action.primary,
+        activeText: semantic.action.primaryText,
+        disabledText: semantic.text.muted,
+        radius: foundation.radius.md
+    },
+    breadcrumb: {
+        text: semantic.text.secondary,
+        currentText: semantic.text.primary,
+        separator: semantic.text.muted,
+        linkText: semantic.text.link
+    },
+    sideNav: {
+        background: semantic.surface.default,
+        border: semantic.border.subtle,
+        itemText: semantic.text.secondary,
+        activeBackground: semantic.surface.subtle,
+        activeText: semantic.text.primary,
+        width: "16rem"
+    },
+    chat: {
+        userBubbleBackground: semantic.action.primary,
+        userBubbleText: semantic.action.primaryText,
+        assistantBubbleBackground: semantic.surface.subtle,
+        assistantBubbleText: semantic.text.primary,
+        composerSurface: semantic.surface.raised,
+        toolCallSurface: semantic.surface.subtle
+    },
+    graph: {
+        panelBackground: semantic.surface.inverse,
+        panelText: semantic.text.inverse,
+        edgeDefault: "rgb(226 232 240 / 0.56)",
+        community1: semantic.data.category1,
+        community2: semantic.data.category2,
+        community3: semantic.data.category3,
+        community4: semantic.data.category4
+    }
+};
+//# sourceMappingURL=component.js.map

package/dist/component.js.map

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

package/dist/css.d.ts

@@ -0,0 +1,4 @@
+import type { TokenTree, TokenValue } from "./foundation.js";
+export declare function flattenTokens(tree: TokenTree, prefix?: string[]): Record<string, TokenValue>;
+export declare function toCssVariables(tree: TokenTree, selector?: string, namespace?: string): string;
+//# sourceMappingURL=css.d.ts.map

package/dist/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7D,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,GAAE,MAAM,EAAO,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAWhG;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,SAAU,EAAE,SAAS,SAAO,GAAG,MAAM,CAM5F"}

package/dist/css.js

@@ -0,0 +1,21 @@
+export function flattenTokens(tree, prefix = []) {
+    const output = {};
+    for (const [key, value] of Object.entries(tree)) {
+        const path = [...prefix, key];
+        if (typeof value === "object" && value !== null) {
+            Object.assign(output, flattenTokens(value, path));
+        }
+        else {
+            output[path.join("-")] = value;
+        }
+    }
+    return output;
+}
+export function toCssVariables(tree, selector = ":root", namespace = "st") {
+    const entries = Object.entries(flattenTokens(tree));
+    const body = entries
+        .map(([name, value]) => `  --${namespace}-${name}: ${String(value)};`)
+        .join("\n");
+    return `${selector} {\n${body}\n}\n`;
+}
+//# sourceMappingURL=css.js.map

package/dist/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,aAAa,CAAC,IAAe,EAAE,SAAmB,EAAE;IAClE,MAAM,MAAM,GAA+B,EAAE,CAAC;IAC9C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAChD,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;QAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAkB,EAAE,IAAI,CAAC,CAAC,CAAC;QACjE,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;QACjC,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAe,EAAE,QAAQ,GAAG,OAAO,EAAE,SAAS,GAAG,IAAI;IAClF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,OAAO;SACjB,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,OAAO,SAAS,IAAI,IAAI,KAAK,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;SACrE,IAAI,CAAC,IAAI,CAAC,CAAC;IACd,OAAO,GAAG,QAAQ,OAAO,IAAI,OAAO,CAAC;AACvC,CAAC"}

package/dist/css.test.d.ts

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

package/dist/css.test.d.ts.map

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

package/dist/css.test.js

@@ -0,0 +1,133 @@
+import { describe, expect, it } from "vitest";
+import { component } from "./component.js";
+import { flattenTokens, toCssVariables } from "./css.js";
+describe("token CSS serialization", () => {
+    it("flattens nested tokens with dash-separated paths", () => {
+        expect(flattenTokens({ color: { brand: "#123456" } })).toEqual({
+            "color-brand": "#123456"
+        });
+    });
+    it("serializes CSS variables in a scoped selector", () => {
+        expect(toCssVariables({ action: { primary: "#123456" } }, "[data-theme='x']")).toBe("[data-theme='x'] {\n  --st-action-primary: #123456;\n}\n");
+    });
+    it("contains stable chat component tokens", () => {
+        expect(component.chat).toMatchObject({
+            userBubbleBackground: expect.any(String),
+            userBubbleText: expect.any(String),
+            assistantBubbleBackground: expect.any(String),
+            assistantBubbleText: expect.any(String),
+            composerSurface: expect.any(String),
+            toolCallSurface: expect.any(String)
+        });
+    });
+    it("contains stable form control tokens", () => {
+        expect(component.field).toMatchObject({
+            labelText: expect.any(String),
+            helpText: expect.any(String),
+            errorText: expect.any(String),
+            gap: expect.any(String)
+        });
+        expect(component.control).toMatchObject({
+            background: expect.any(String),
+            border: expect.any(String),
+            focusRing: expect.any(String),
+            invalidBorder: expect.any(String),
+            disabledBackground: expect.any(String),
+            radius: expect.any(String)
+        });
+        expect(component.selection).toMatchObject({
+            checkedBackground: expect.any(String),
+            checkedText: expect.any(String),
+            switchTrack: expect.any(String)
+        });
+    });
+    it("contains stable overlay and feedback component tokens", () => {
+        expect(component.overlay).toMatchObject({
+            backdrop: expect.any(String),
+            surface: expect.any(String),
+            border: expect.any(String),
+            shadow: expect.any(String),
+            zIndex: expect.any(Number)
+        });
+        expect(component.tooltip).toMatchObject({
+            background: expect.any(String),
+            text: expect.any(String)
+        });
+        expect(component.toast).toMatchObject({
+            background: expect.any(String),
+            border: expect.any(String),
+            successBorder: expect.any(String),
+            errorBorder: expect.any(String)
+        });
+    });
+    it("contains stable data and navigation component tokens", () => {
+        expect(component.dataTable).toMatchObject({
+            headerBackground: expect.any(String),
+            rowBackground: expect.any(String),
+            border: expect.any(String),
+            captionText: expect.any(String)
+        });
+        expect(component.tabs).toMatchObject({
+            activeText: expect.any(String),
+            inactiveText: expect.any(String),
+            indicator: expect.any(String),
+            border: expect.any(String)
+        });
+        expect(component.pagination).toMatchObject({
+            background: expect.any(String),
+            border: expect.any(String),
+            activeBackground: expect.any(String),
+            activeText: expect.any(String)
+        });
+        expect(component.breadcrumb).toMatchObject({
+            text: expect.any(String),
+            currentText: expect.any(String),
+            separator: expect.any(String)
+        });
+        expect(component.sideNav).toMatchObject({
+            background: expect.any(String),
+            itemText: expect.any(String),
+            activeBackground: expect.any(String),
+            activeText: expect.any(String)
+        });
+    });
+    it("contains stable completion component tokens", () => {
+        expect(component.link).toMatchObject({
+            text: expect.any(String),
+            hoverText: expect.any(String),
+            disabledText: expect.any(String)
+        });
+        expect(component.alert).toMatchObject({
+            background: expect.any(String),
+            border: expect.any(String),
+            infoBorder: expect.any(String),
+            errorBorder: expect.any(String)
+        });
+        expect(component.menu).toMatchObject({
+            background: expect.any(String),
+            border: expect.any(String),
+            itemHoverBackground: expect.any(String)
+        });
+        expect(component.popover).toMatchObject({
+            background: expect.any(String),
+            border: expect.any(String),
+            shadow: expect.any(String)
+        });
+        expect(component.drawer).toMatchObject({
+            backdrop: expect.any(String),
+            surface: expect.any(String),
+            width: expect.any(String)
+        });
+        expect(component.emptyState).toMatchObject({
+            background: expect.any(String),
+            border: expect.any(String),
+            titleText: expect.any(String)
+        });
+        expect(component.loadingState).toMatchObject({
+            indicator: expect.any(String),
+            track: expect.any(String),
+            text: expect.any(String)
+        });
+    });
+});
+//# sourceMappingURL=css.test.js.map

package/dist/css.test.js.map

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

package/dist/foundation.d.ts

@@ -0,0 +1,74 @@
+export type TokenValue = string | number;
+export interface TokenTree {
+    [key: string]: TokenValue | TokenTree;
+}
+export declare const foundation: {
+    readonly color: {
+        readonly blue: {
+            readonly 10: "oklch(97% 0.02 242)";
+            readonly 60: "oklch(50% 0.134 242.749)";
+            readonly 80: "oklch(32% 0.11 242)";
+        };
+        readonly cyan: {
+            readonly 10: "oklch(96% 0.04 195)";
+            readonly 50: "oklch(70.4% 0.14 182.503)";
+            readonly 70: "oklch(48% 0.12 190)";
+        };
+        readonly slate: {
+            readonly 0: "#ffffff";
+            readonly 10: "#f8fafc";
+            readonly 20: "#e2e8f0";
+            readonly 60: "#475569";
+            readonly 80: "#1e293b";
+            readonly 90: "#0f172a";
+        };
+        readonly feedback: {
+            readonly success: "#16a34a";
+            readonly warning: "#d97706";
+            readonly error: "#dc2626";
+            readonly info: "#2563eb";
+        };
+    };
+    readonly font: {
+        readonly sans: "Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+        readonly display: "Inter, system-ui, sans-serif";
+        readonly mono: "'SFMono-Regular', Consolas, 'Liberation Mono', monospace";
+    };
+    readonly spacing: {
+        readonly 0: "0";
+        readonly 1: "0.25rem";
+        readonly 2: "0.5rem";
+        readonly 3: "0.75rem";
+        readonly 4: "1rem";
+        readonly 6: "1.5rem";
+        readonly 8: "2rem";
+        readonly 12: "3rem";
+        readonly 16: "4rem";
+    };
+    readonly radius: {
+        readonly none: "0";
+        readonly sm: "0.25rem";
+        readonly md: "0.375rem";
+        readonly lg: "0.5rem";
+        readonly pill: "999px";
+    };
+    readonly shadow: {
+        readonly subtle: "0 1px 2px rgb(15 23 42 / 0.08)";
+        readonly medium: "0 8px 24px rgb(15 23 42 / 0.12)";
+        readonly floating: "0 18px 45px rgb(15 23 42 / 0.18)";
+    };
+    readonly motion: {
+        readonly fast: "120ms";
+        readonly normal: "180ms";
+        readonly slow: "280ms";
+        readonly easing: "cubic-bezier(0.4, 0, 0.2, 1)";
+    };
+    readonly z: {
+        readonly header: 50;
+        readonly overlay: 80;
+        readonly modal: 90;
+        readonly toast: 100;
+        readonly chat: 110;
+    };
+};
+//# sourceMappingURL=foundation.d.ts.map

package/dist/foundation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.d.ts","sourceRoot":"","sources":["../src/foundation.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AACzC,MAAM,WAAW,SAAS;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;CACvC;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoEO,CAAC"}

package/dist/foundation.js

@@ -0,0 +1,70 @@
+export const foundation = {
+    color: {
+        blue: {
+            10: "oklch(97% 0.02 242)",
+            60: "oklch(50% 0.134 242.749)",
+            80: "oklch(32% 0.11 242)"
+        },
+        cyan: {
+            10: "oklch(96% 0.04 195)",
+            50: "oklch(70.4% 0.14 182.503)",
+            70: "oklch(48% 0.12 190)"
+        },
+        slate: {
+            0: "#ffffff",
+            10: "#f8fafc",
+            20: "#e2e8f0",
+            60: "#475569",
+            80: "#1e293b",
+            90: "#0f172a"
+        },
+        feedback: {
+            success: "#16a34a",
+            warning: "#d97706",
+            error: "#dc2626",
+            info: "#2563eb"
+        }
+    },
+    font: {
+        sans: "Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+        display: "Inter, system-ui, sans-serif",
+        mono: "'SFMono-Regular', Consolas, 'Liberation Mono', monospace"
+    },
+    spacing: {
+        0: "0",
+        1: "0.25rem",
+        2: "0.5rem",
+        3: "0.75rem",
+        4: "1rem",
+        6: "1.5rem",
+        8: "2rem",
+        12: "3rem",
+        16: "4rem"
+    },
+    radius: {
+        none: "0",
+        sm: "0.25rem",
+        md: "0.375rem",
+        lg: "0.5rem",
+        pill: "999px"
+    },
+    shadow: {
+        subtle: "0 1px 2px rgb(15 23 42 / 0.08)",
+        medium: "0 8px 24px rgb(15 23 42 / 0.12)",
+        floating: "0 18px 45px rgb(15 23 42 / 0.18)"
+    },
+    motion: {
+        fast: "120ms",
+        normal: "180ms",
+        slow: "280ms",
+        easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    z: {
+        header: 50,
+        overlay: 80,
+        modal: 90,
+        toast: 100,
+        chat: 110
+    }
+};
+//# sourceMappingURL=foundation.js.map

package/dist/foundation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"foundation.js","sourceRoot":"","sources":["../src/foundation.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,0BAA0B;YAC9B,EAAE,EAAE,qBAAqB;SAC1B;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,2BAA2B;YAC/B,EAAE,EAAE,qBAAqB;SAC1B;QACD,KAAK,EAAE;YACL,CAAC,EAAE,SAAS;YACZ,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACd;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,SAAS;SAChB;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,6EAA6E;QACnF,OAAO,EAAE,8BAA8B;QACvC,IAAI,EAAE,0DAA0D;KACjE;IACD,OAAO,EAAE;QACP,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,MAAM;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,MAAM,EAAE;QACN,IAAI,EAAE,GAAG;QACT,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,OAAO;KACd;IACD,MAAM,EAAE;QACN,MAAM,EAAE,gCAAgC;QACxC,MAAM,EAAE,iCAAiC;QACzC,QAAQ,EAAE,kCAAkC;KAC7C;IACD,MAAM,EAAE;QACN,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,OAAO;QACf,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,8BAA8B;KACvC;IACD,CAAC,EAAE;QACD,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;QACX,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,GAAG;KACV;CAC2B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { foundation } from "./foundation.js";
+export type { TokenTree, TokenValue } from "./foundation.js";
+export { semantic } from "./semantic.js";
+export { component } from "./component.js";
+export { flattenTokens, toCssVariables } from "./css.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { foundation } from "./foundation.js";
+export { semantic } from "./semantic.js";
+export { component } from "./component.js";
+export { flattenTokens, toCssVariables } from "./css.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC"}

package/dist/semantic.d.ts

@@ -0,0 +1,51 @@
+export declare const semantic: {
+    readonly surface: {
+        readonly default: "#ffffff";
+        readonly subtle: "#f8fafc";
+        readonly raised: "#ffffff";
+        readonly inverse: "#0f172a";
+        readonly overlay: "rgb(15 23 42 / 0.48)";
+    };
+    readonly text: {
+        readonly primary: "#0f172a";
+        readonly secondary: "#475569";
+        readonly muted: "#64748b";
+        readonly inverse: "#ffffff";
+        readonly link: "oklch(50% 0.134 242.749)";
+    };
+    readonly border: {
+        readonly subtle: "#e2e8f0";
+        readonly strong: "#94a3b8";
+        readonly interactive: "oklch(50% 0.134 242.749)";
+    };
+    readonly action: {
+        readonly primary: "oklch(50% 0.134 242.749)";
+        readonly primaryText: "#ffffff";
+        readonly secondary: "#f8fafc";
+        readonly secondaryText: "#0f172a";
+        readonly danger: "#dc2626";
+    };
+    readonly feedback: {
+        readonly success: "#16a34a";
+        readonly warning: "#d97706";
+        readonly error: "#dc2626";
+        readonly info: "#2563eb";
+    };
+    readonly status: {
+        readonly pending: "#d97706";
+        readonly processing: "#2563eb";
+        readonly completed: "#16a34a";
+        readonly failed: "#dc2626";
+    };
+    readonly data: {
+        readonly category1: "#4E79A7";
+        readonly category2: "#F28E2B";
+        readonly category3: "#E15759";
+        readonly category4: "#76B7B2";
+        readonly category5: "#59A14F";
+        readonly category6: "#EDC948";
+        readonly category7: "#B07AA1";
+        readonly category8: "#FF9DA7";
+    };
+};
+//# sourceMappingURL=semantic.d.ts.map

package/dist/semantic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.d.ts","sourceRoot":"","sources":["../src/semantic.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDX,CAAC"}

package/dist/semantic.js

@@ -0,0 +1,52 @@
+import { foundation } from "./foundation.js";
+export const semantic = {
+    surface: {
+        default: foundation.color.slate[0],
+        subtle: foundation.color.slate[10],
+        raised: foundation.color.slate[0],
+        inverse: foundation.color.slate[90],
+        overlay: "rgb(15 23 42 / 0.48)"
+    },
+    text: {
+        primary: foundation.color.slate[90],
+        secondary: foundation.color.slate[60],
+        muted: "#64748b",
+        inverse: foundation.color.slate[0],
+        link: foundation.color.blue[60]
+    },
+    border: {
+        subtle: foundation.color.slate[20],
+        strong: "#94a3b8",
+        interactive: foundation.color.blue[60]
+    },
+    action: {
+        primary: foundation.color.blue[60],
+        primaryText: foundation.color.slate[0],
+        secondary: foundation.color.slate[10],
+        secondaryText: foundation.color.slate[90],
+        danger: foundation.color.feedback.error
+    },
+    feedback: {
+        success: foundation.color.feedback.success,
+        warning: foundation.color.feedback.warning,
+        error: foundation.color.feedback.error,
+        info: foundation.color.feedback.info
+    },
+    status: {
+        pending: foundation.color.feedback.warning,
+        processing: foundation.color.feedback.info,
+        completed: foundation.color.feedback.success,
+        failed: foundation.color.feedback.error
+    },
+    data: {
+        category1: "#4E79A7",
+        category2: "#F28E2B",
+        category3: "#E15759",
+        category4: "#76B7B2",
+        category5: "#59A14F",
+        category6: "#EDC948",
+        category7: "#B07AA1",
+        category8: "#FF9DA7"
+    }
+};
+//# sourceMappingURL=semantic.js.map

package/dist/semantic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.js","sourceRoot":"","sources":["../src/semantic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,OAAO,EAAE;QACP,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAClC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACjC,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACnC,OAAO,EAAE,sBAAsB;KAChC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACnC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAClC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;KAChC;IACD,MAAM,EAAE;QACN,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;KACvC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;QAClC,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,aAAa,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QACzC,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK;KACxC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;QAC1C,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;QAC1C,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK;QACtC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;KACrC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;QAC1C,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;QAC1C,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO;QAC5C,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK;KACxC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACrB;CACO,CAAC"}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@sentropic/design-system-tokens",
+  "version": "0.3.0",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rhanka/sent-tech-design-system.git",
+    "directory": "packages/tokens"
+  },
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "check": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run src"
+  }
+}