@snokam/ui 1.0.0

package/dist/theme/palette.js

@@ -0,0 +1,145 @@
+export const themeTokens = {
+    dark: {
+        "o-navy": "#071d41",
+        "o-navy-deep": "#050f28",
+        "o-navy-darker": "#020817",
+        "o-cyan": "#67dafd",
+        "o-cyan-soft": "rgba(103, 218, 253, 0.14)",
+        "o-cyan-glow": "rgba(103, 218, 253, 0.35)",
+        "o-cyan-ink": "#071d41",
+        "o-border": "rgba(255, 255, 255, 0.08)",
+        "o-border-strong": "rgba(255, 255, 255, 0.14)",
+        "o-border-focus": "rgba(103, 218, 253, 0.45)",
+        "o-text": "#ffffff",
+        "o-text-muted": "rgba(255, 255, 255, 0.62)",
+        "o-text-faint": "rgba(255, 255, 255, 0.42)",
+        "o-success": "#4ade80",
+        "o-warning": "#fbbf24",
+        "o-danger": "#f87171",
+        "o-surface-1": "rgba(255, 255, 255, 0.02)",
+        "o-surface-2": "rgba(255, 255, 255, 0.04)",
+        "o-surface-3": "rgba(255, 255, 255, 0.06)",
+        "o-surface-section": "#0a1a34",
+        "o-surface-feed": "rgba(255, 255, 255, 0.015)",
+        "o-card-bg": "#12294c",
+        "o-card-border": "rgba(255, 255, 255, 0.12)",
+        "o-hover-tint": "rgba(103, 218, 253, 0.04)",
+        "o-bg-gradient": "radial-gradient( 1200px 600px at 30% -10%, rgba(103, 218, 253, 0.22), transparent 60% ), radial-gradient( 900px 500px at 110% 20%, rgba(167, 139, 250, 0.14), transparent 60% ), linear-gradient(180deg, #071d41 0%, #050f28 60%, #020817 100%)",
+        "o-aurora-1": "rgba(103, 218, 253, 0.55)",
+        "o-aurora-2": "rgba(167, 139, 250, 0.35)",
+        "o-aurora-3": "rgba(74, 222, 128, 0.25)",
+        "o-aurora-opacity": "0.45",
+        "o-starfield-opacity": "1",
+        "o-grain-color": "rgba(255, 255, 255, 0.04)",
+        "o-kpi-glow": "rgba(103, 218, 253, 0.08)",
+        "o-section-head-tint": "rgba(103, 218, 253, 0.06)",
+        "o-drawer-head-tint": "rgba(103, 218, 253, 0.08)",
+        "o-table-head-bg": "rgba(255, 255, 255, 0.015)",
+        "o-table-hover": "rgba(103, 218, 253, 0.035)",
+        "admin-shell-bg": "#071d41",
+        "admin-shell-topbar-bg": "#071d41",
+        "admin-shell-topbar-fg": "#ffffff",
+        "admin-shell-topbar-shadow": "0 1px 0 rgba(103, 218, 253, 0.08), 0 8px 24px rgba(0, 0, 0, 0.35)",
+        "admin-shell-sidebar-bg": "#050f28",
+        "admin-shell-sidebar-border": "rgba(103, 218, 253, 0.1)",
+        "admin-shell-sidebar-shadow": "rgba(0, 0, 0, 0.4)",
+        "admin-shell-nav-fg": "rgba(255, 255, 255, 0.78)",
+        "admin-shell-nav-hover-bg": "rgba(103, 218, 253, 0.12)",
+        "admin-shell-nav-hover-fg": "#67dafd",
+        "admin-shell-nav-active-bg": "rgba(103, 218, 253, 0.18)",
+        "admin-shell-nav-active-fg": "#ffffff",
+        "admin-shell-nav-accent": "#67dafd",
+        "o-error-bg": "rgba(248, 113, 113, 0.06)",
+        "o-error-border": "rgba(248, 113, 113, 0.22)",
+        "o-status-completed-bg": "rgba(74, 222, 128, 0.14)",
+        "o-status-completed-border": "rgba(74, 222, 128, 0.25)",
+        "o-status-failed-bg": "rgba(248, 113, 113, 0.14)",
+        "o-status-failed-border": "rgba(248, 113, 113, 0.25)",
+        "o-status-running-bg": "rgba(103, 218, 253, 0.14)",
+        "o-status-running-border": "rgba(103, 218, 253, 0.3)",
+        "o-feed-gradient": "linear-gradient( 90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.015) 100% )",
+        "o-feed-hover-gradient": "linear-gradient( 90deg, rgba(103, 218, 253, 0.08) 0%, rgba(255, 255, 255, 0.02) 100% )",
+        "o-shadow-card": "0 1px 2px rgba(0, 0, 0, 0.3), 0 6px 16px rgba(0, 0, 0, 0.22)",
+        "o-shadow-lift": "0 12px 28px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(103, 218, 253, 0.15)",
+        "o-shadow-overlay": "0 24px 64px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(103, 218, 253, 0.12)",
+        "o-kpi-bg": "linear-gradient( 180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100% ), rgba(255, 255, 255, 0.02)",
+        "o-skeleton-gradient": "linear-gradient( 90deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.04) 100% )",
+        "o-action-bar-bg": "rgba(5, 15, 40, 0.72)",
+    },
+    light: {
+        "o-navy": "#f4f6fb",
+        "o-navy-deep": "#eaeef6",
+        "o-navy-darker": "#dde3f0",
+        "o-cyan": "#0284c7",
+        "o-cyan-soft": "rgba(2, 132, 199, 0.1)",
+        "o-cyan-glow": "rgba(2, 132, 199, 0.22)",
+        "o-cyan-ink": "#ffffff",
+        "o-border": "rgba(7, 29, 65, 0.1)",
+        "o-border-strong": "rgba(7, 29, 65, 0.18)",
+        "o-border-focus": "rgba(2, 132, 199, 0.45)",
+        "o-text": "#071d41",
+        "o-text-muted": "rgba(7, 29, 65, 0.68)",
+        "o-text-faint": "rgba(7, 29, 65, 0.48)",
+        "o-success": "#15803d",
+        "o-warning": "#b45309",
+        "o-danger": "#b91c1c",
+        "o-surface-1": "rgba(255, 255, 255, 0.65)",
+        "o-surface-2": "rgba(255, 255, 255, 0.8)",
+        "o-surface-3": "rgba(225, 248, 255, 0.95)",
+        "o-surface-section": "#e1f8ff",
+        "o-surface-feed": "rgba(255, 255, 255, 0.6)",
+        "o-card-bg": "#e1f8ff",
+        "o-card-border": "rgba(7, 29, 65, 0.1)",
+        "o-hover-tint": "rgba(2, 132, 199, 0.06)",
+        "o-bg-gradient": "radial-gradient( 1200px 600px at 30% -10%, rgba(2, 132, 199, 0.1), transparent 60% ), radial-gradient( 900px 500px at 110% 20%, rgba(167, 139, 250, 0.06), transparent 60% ), linear-gradient(180deg, #f8fafc 0%, #eef2f9 60%, #e4ebf5 100%)",
+        "o-aurora-1": "rgba(103, 218, 253, 0.35)",
+        "o-aurora-2": "rgba(167, 139, 250, 0.22)",
+        "o-aurora-3": "rgba(74, 222, 128, 0.16)",
+        "o-aurora-opacity": "0.35",
+        "o-starfield-opacity": "0",
+        "o-grain-color": "rgba(7, 29, 65, 0.05)",
+        "o-kpi-glow": "rgba(2, 132, 199, 0.06)",
+        "o-section-head-tint": "rgba(2, 132, 199, 0.05)",
+        "o-drawer-head-tint": "rgba(2, 132, 199, 0.06)",
+        "o-table-head-bg": "rgba(7, 29, 65, 0.02)",
+        "o-table-hover": "rgba(2, 132, 199, 0.04)",
+        "admin-shell-bg": "#e1f8ff",
+        "admin-shell-topbar-bg": "#071d41",
+        "admin-shell-topbar-fg": "#ffffff",
+        "admin-shell-topbar-shadow": "0 2px 10px rgba(7, 29, 65, 0.18)",
+        "admin-shell-sidebar-bg": "#ffffff",
+        "admin-shell-sidebar-border": "rgba(7, 29, 65, 0.1)",
+        "admin-shell-sidebar-shadow": "rgba(7, 29, 65, 0.06)",
+        "admin-shell-nav-fg": "rgba(7, 29, 65, 0.78)",
+        "admin-shell-nav-hover-bg": "rgba(7, 29, 65, 0.06)",
+        "admin-shell-nav-hover-fg": "#071d41",
+        "admin-shell-nav-active-bg": "rgba(7, 29, 65, 0.1)",
+        "admin-shell-nav-active-fg": "#071d41",
+        "admin-shell-nav-accent": "#071d41",
+        "o-error-bg": "rgba(185, 28, 28, 0.06)",
+        "o-error-border": "rgba(185, 28, 28, 0.2)",
+        "o-status-completed-bg": "rgba(21, 128, 61, 0.1)",
+        "o-status-completed-border": "rgba(21, 128, 61, 0.22)",
+        "o-status-failed-bg": "rgba(185, 28, 28, 0.08)",
+        "o-status-failed-border": "rgba(185, 28, 28, 0.22)",
+        "o-status-running-bg": "rgba(2, 132, 199, 0.1)",
+        "o-status-running-border": "rgba(2, 132, 199, 0.28)",
+        "o-feed-gradient": "linear-gradient( 90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.65) 100% )",
+        "o-feed-hover-gradient": "linear-gradient( 90deg, rgba(2, 132, 199, 0.08) 0%, rgba(255, 255, 255, 0.6) 100% )",
+        "o-shadow-card": "0 1px 2px rgba(7, 29, 65, 0.06), 0 6px 16px rgba(7, 29, 65, 0.08)",
+        "o-shadow-lift": "0 12px 28px rgba(7, 29, 65, 0.12), 0 0 0 1px rgba(2, 132, 199, 0.15)",
+        "o-shadow-overlay": "0 24px 64px rgba(7, 29, 65, 0.18), 0 0 0 1px rgba(2, 132, 199, 0.12)",
+        "o-kpi-bg": "linear-gradient( 180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.6) 100% ), rgba(255, 255, 255, 0.55)",
+        "o-skeleton-gradient": "linear-gradient( 90deg, rgba(7, 29, 65, 0.04) 0%, rgba(7, 29, 65, 0.08) 50%, rgba(7, 29, 65, 0.04) 100% )",
+        "o-action-bar-bg": "rgba(255, 255, 255, 0.82)",
+    },
+};
+const themeBlock = (theme) => `[data-theme="${theme}"]{` +
+    Object.entries(themeTokens[theme])
+        .map(([name, value]) => `--${name}:${value};`)
+        .join("") +
+    `color-scheme:${theme};}`;
+export const themeVarsCss = Object.keys(themeTokens)
+    .map(themeBlock)
+    .join("\n");
+//# sourceMappingURL=palette.js.map

package/dist/theme/palette.js.map

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

package/dist/theme/server.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties } from "react";
+import type { AdminTheme, ColorSchemeMode } from "./context";
+export interface InitialColorScheme {
+    initialMode: ColorSchemeMode;
+    initialTheme: AdminTheme;
+}
+export declare function getServerColorScheme(session?: unknown): Promise<InitialColorScheme>;
+export declare function getImpersonationBannerStyle(): Promise<CSSProperties>;
+export declare const themeBootstrapScript = "\n(function () {\n  try {\n    var mode = (document.cookie.match(/(?:^|; )snokam\\.theme\\.mode=([^;]+)/) || [])[1];\n    if (mode !== \"light\" && mode !== \"dark\" && mode !== \"system\") {\n      mode = localStorage.getItem(\"snokam.theme.mode\");\n    }\n    var prefersDark = window.matchMedia?.(\n      \"(prefers-color-scheme: dark)\"\n    )?.matches;\n    var theme =\n      mode === \"light\" || mode === \"dark\"\n        ? mode\n        : prefersDark\n          ? \"dark\"\n          : \"light\";\n    document.documentElement.setAttribute(\"data-theme\", theme);\n  } catch (_) {\n    void 0;\n  }\n})();\n(function () {\n  try {\n    var m = document.cookie.match(/(?:^|; )imp_active=([^;]+)/);\n    if (!m) return;\n    var data = JSON.parse(decodeURIComponent(m[1]));\n    if (data && data.expiresOn && data.expiresOn * 1000 > Date.now()) {\n      document.documentElement.style.setProperty(\n        \"--impersonation-banner-height\",\n        \"40px\"\n      );\n    }\n  } catch (_) {\n    void 0;\n  }\n})();\n";
+//# sourceMappingURL=server.d.ts.map

package/dist/theme/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/theme/server.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAM7D,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,eAAe,CAAC;IAC7B,YAAY,EAAE,UAAU,CAAC;CAC1B;AAMD,wBAAsB,oBAAoB,CACxC,OAAO,CAAC,EAAE,OAAO,GAChB,OAAO,CAAC,kBAAkB,CAAC,CAoB7B;AAED,wBAAsB,2BAA2B,IAAI,OAAO,CAAC,aAAa,CAAC,CAI1E;AAED,eAAO,MAAM,oBAAoB,0gCAoChC,CAAC"}

package/dist/theme/server.js

@@ -0,0 +1,69 @@
+import { cookies } from "next/headers";
+import { IMP_ACTIVE_COOKIE, isImpersonating } from "./impersonation";
+const THEME_KEY = "snokam.admin.theme";
+const MODE_KEY = "snokam.theme.mode";
+function isMode(value) {
+    return value === "light" || value === "dark" || value === "system";
+}
+export async function getServerColorScheme(session) {
+    const store = await cookies();
+    const themeCookie = store.get(THEME_KEY)?.value;
+    const modeCookie = store.get(MODE_KEY)?.value;
+    const sessionMode = session
+        ?.colorScheme;
+    const fromSession = isMode(sessionMode) ? sessionMode : undefined;
+    const fromCookie = isMode(modeCookie) ? modeCookie : undefined;
+    const initialMode = fromSession ?? fromCookie ?? "system";
+    const initialTheme = initialMode === "dark"
+        ? "dark"
+        : initialMode === "light"
+            ? "light"
+            : themeCookie === "dark"
+                ? "dark"
+                : "light";
+    return { initialMode, initialTheme };
+}
+export async function getImpersonationBannerStyle() {
+    const store = await cookies();
+    if (!isImpersonating(store.get(IMP_ACTIVE_COOKIE)?.value))
+        return {};
+    return { "--impersonation-banner-height": "40px" };
+}
+export const themeBootstrapScript = `
+(function () {
+  try {
+    var mode = (document.cookie.match(/(?:^|; )snokam\\.theme\\.mode=([^;]+)/) || [])[1];
+    if (mode !== "light" && mode !== "dark" && mode !== "system") {
+      mode = localStorage.getItem("snokam.theme.mode");
+    }
+    var prefersDark = window.matchMedia?.(
+      "(prefers-color-scheme: dark)"
+    )?.matches;
+    var theme =
+      mode === "light" || mode === "dark"
+        ? mode
+        : prefersDark
+          ? "dark"
+          : "light";
+    document.documentElement.setAttribute("data-theme", theme);
+  } catch (_) {
+    void 0;
+  }
+})();
+(function () {
+  try {
+    var m = document.cookie.match(/(?:^|; )imp_active=([^;]+)/);
+    if (!m) return;
+    var data = JSON.parse(decodeURIComponent(m[1]));
+    if (data && data.expiresOn && data.expiresOn * 1000 > Date.now()) {
+      document.documentElement.style.setProperty(
+        "--impersonation-banner-height",
+        "40px"
+      );
+    }
+  } catch (_) {
+    void 0;
+  }
+})();
+`;
+//# sourceMappingURL=server.js.map

package/dist/theme/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../../src/theme/server.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,SAAS,GAAG,oBAAoB,CAAC;AACvC,MAAM,QAAQ,GAAG,mBAAmB,CAAC;AAOrC,SAAS,MAAM,CAAC,KAAc;IAC5B,OAAO,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC;AACrE,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,OAAiB;IAEjB,MAAM,KAAK,GAAG,MAAM,OAAO,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC;IAChD,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAE9C,MAAM,WAAW,GAAI,OAAwD;QAC3E,EAAE,WAAW,CAAC;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAClE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/D,MAAM,WAAW,GAAoB,WAAW,IAAI,UAAU,IAAI,QAAQ,CAAC;IAE3E,MAAM,YAAY,GAChB,WAAW,KAAK,MAAM;QACpB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,WAAW,KAAK,OAAO;YACvB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,WAAW,KAAK,MAAM;gBACtB,CAAC,CAAC,MAAM;gBACR,CAAC,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AACvC,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,2BAA2B;IAC/C,MAAM,KAAK,GAAG,MAAM,OAAO,EAAE,CAAC;IAC9B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,EAAmB,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCnC,CAAC"}

package/dist/theme/theme-scope.d.ts

@@ -0,0 +1,11 @@
+import { ElementType, ReactNode } from "react";
+import type { Theme } from "./palette";
+interface ThemeScopeProps {
+    theme: Theme;
+    as?: ElementType;
+    children: ReactNode;
+    className?: string;
+}
+export declare function ThemeScope({ theme, as: As, children, className, }: ThemeScopeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=theme-scope.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-scope.d.ts","sourceRoot":"","sources":["../../src/theme/theme-scope.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAOvC,UAAU,eAAe;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,EAAE,EAAE,EAAU,EACd,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,+BAMjB"}

package/dist/theme/theme-scope.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider } from "@mui/material/styles";
+import { buildTheme } from "./build-theme";
+const muiTheme = {
+    light: buildTheme("light"),
+    dark: buildTheme("dark"),
+};
+export function ThemeScope({ theme, as: As = "div", children, className, }) {
+    return (_jsx(As, { "data-theme": theme, className: className, children: _jsx(ThemeProvider, { theme: muiTheme[theme], children: children }) }));
+}
+//# sourceMappingURL=theme-scope.js.map

package/dist/theme/theme-scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-scope.js","sourceRoot":"","sources":["../../src/theme/theme-scope.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC;IAC1B,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;CAChB,CAAC;AASX,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,QAAQ,EACR,SAAS,GACO;IAChB,OAAO,CACL,KAAC,EAAE,kBAAa,KAAK,EAAE,SAAS,EAAE,SAAS,YACzC,KAAC,aAAa,IAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,YAAG,QAAQ,GAAiB,GAC9D,CACN,CAAC;AACJ,CAAC"}

package/dist/tokens.d.ts

@@ -0,0 +1,73 @@
+export declare const DUR: {
+    readonly instant: "100ms";
+    readonly micro: "160ms";
+    readonly short: "220ms";
+    readonly medium: "320ms";
+    readonly long: "520ms";
+};
+export declare const EASE_SNAP = "cubic-bezier(0.2, 0.8, 0.2, 1)";
+export declare const EASE_GLIDE = "cubic-bezier(0.16, 1, 0.3, 1)";
+export declare const EASE_PRESS = "cubic-bezier(0.4, 0, 0.2, 1)";
+export declare const EASE_BOUNCE = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+export declare const EASE_FNS: {
+    readonly snap: "cubic-bezier(0.2, 0.8, 0.2, 1)";
+    readonly glide: "cubic-bezier(0.16, 1, 0.3, 1)";
+    readonly press: "cubic-bezier(0.4, 0, 0.2, 1)";
+    readonly bounce: "cubic-bezier(0.34, 1.56, 0.64, 1)";
+};
+export declare const EASE = "cubic-bezier(0.2, 0.8, 0.2, 1)";
+export declare const RADIUS: {
+    readonly xs: "6px";
+    readonly sm: "10px";
+    readonly md: "14px";
+    readonly lg: "18px";
+    readonly xl: "24px";
+    readonly pill: "999px";
+};
+export declare const SPACE: {
+    readonly xs: "4px";
+    readonly sm: "8px";
+    readonly md: "12px";
+    readonly lg: "16px";
+    readonly xl: "24px";
+    readonly "2xl": "32px";
+    readonly "3xl": "48px";
+};
+export declare const ELEVATION: {
+    readonly flat: "none";
+    readonly card: "var(--o-shadow-card)";
+    readonly raised: "var(--o-shadow-lift)";
+    readonly overlay: "var(--o-shadow-overlay)";
+    readonly focus: "0 0 0 3px var(--o-border-focus)";
+};
+export declare const reducedMotionCss: import("@emotion/react").SerializedStyles;
+export declare const STAGGER_STEP_MS = 40;
+export declare const STAGGER_CAP = 6;
+export declare const staggerDelay: (i: number) => string;
+export declare const tokens: {
+    readonly navy: "var(--o-navy)";
+    readonly navyDeep: "var(--o-navy-deep)";
+    readonly navyDarker: "var(--o-navy-darker)";
+    readonly cyan: "var(--o-cyan)";
+    readonly cyanSoft: "var(--o-cyan-soft)";
+    readonly cyanGlow: "var(--o-cyan-glow)";
+    readonly border: "var(--o-border)";
+    readonly borderStrong: "var(--o-border-strong)";
+    readonly borderFocus: "var(--o-border-focus)";
+    readonly text: "var(--o-text)";
+    readonly textMuted: "var(--o-text-muted)";
+    readonly textFaint: "var(--o-text-faint)";
+    readonly success: "var(--o-success)";
+    readonly warning: "var(--o-warning)";
+    readonly danger: "var(--o-danger)";
+    readonly surface1: "var(--o-surface-1)";
+    readonly surface2: "var(--o-surface-2)";
+    readonly surface3: "var(--o-surface-3)";
+    readonly surfaceSection: "var(--o-surface-section)";
+    readonly cardBorder: "1px solid var(--color-primary)";
+    readonly cardBorderNested: "1px solid rgba(7, 29, 65, 0.12)";
+    readonly font: "\"DMSans-Regular\", \"DM Sans\", system-ui, sans-serif";
+    readonly display: "\"Cocogoose-Light\", \"DM Sans\", system-ui, sans-serif";
+    readonly mono: "\"JetBrains Mono\", \"SF Mono\", Menlo, monospace";
+};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AAEX,eAAO,MAAM,SAAS,mCAAmC,CAAC;AAC1D,eAAO,MAAM,UAAU,kCAAkC,CAAC;AAC1D,eAAO,MAAM,UAAU,iCAAiC,CAAC;AACzD,eAAO,MAAM,WAAW,sCAAsC,CAAC;AAE/D,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC;AAEX,eAAO,MAAM,IAAI,mCAAY,CAAC;AAE9B,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;CAQR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAEX,eAAO,MAAM,gBAAgB,2CAQ5B,CAAC;AAEF,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,eAAO,MAAM,YAAY,GAAI,GAAG,MAAM,WACa,CAAC;AAEpD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAyBT,CAAC"}

package/dist/tokens.js

@@ -0,0 +1,82 @@
+import { css } from "@emotion/react";
+export const DUR = {
+    instant: "100ms",
+    micro: "160ms",
+    short: "220ms",
+    medium: "320ms",
+    long: "520ms",
+};
+export const EASE_SNAP = "cubic-bezier(0.2, 0.8, 0.2, 1)";
+export const EASE_GLIDE = "cubic-bezier(0.16, 1, 0.3, 1)";
+export const EASE_PRESS = "cubic-bezier(0.4, 0, 0.2, 1)";
+export const EASE_BOUNCE = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+export const EASE_FNS = {
+    snap: EASE_SNAP,
+    glide: EASE_GLIDE,
+    press: EASE_PRESS,
+    bounce: EASE_BOUNCE,
+};
+export const EASE = EASE_SNAP;
+export const RADIUS = {
+    xs: "6px",
+    sm: "10px",
+    md: "14px",
+    lg: "18px",
+    xl: "24px",
+    pill: "999px",
+};
+export const SPACE = {
+    xs: "4px",
+    sm: "8px",
+    md: "12px",
+    lg: "16px",
+    xl: "24px",
+    "2xl": "32px",
+    "3xl": "48px",
+};
+export const ELEVATION = {
+    flat: "none",
+    card: "var(--o-shadow-card)",
+    raised: "var(--o-shadow-lift)",
+    overlay: "var(--o-shadow-overlay)",
+    focus: "0 0 0 3px var(--o-border-focus)",
+};
+export const reducedMotionCss = css `
+  @media (prefers-reduced-motion: reduce) {
+    animation-duration: 1ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 1ms !important;
+    transform: none !important;
+    filter: none !important;
+  }
+`;
+export const STAGGER_STEP_MS = 40;
+export const STAGGER_CAP = 6;
+export const staggerDelay = (i) => `${Math.min(i, STAGGER_CAP) * STAGGER_STEP_MS}ms`;
+export const tokens = {
+    navy: "var(--o-navy)",
+    navyDeep: "var(--o-navy-deep)",
+    navyDarker: "var(--o-navy-darker)",
+    cyan: "var(--o-cyan)",
+    cyanSoft: "var(--o-cyan-soft)",
+    cyanGlow: "var(--o-cyan-glow)",
+    border: "var(--o-border)",
+    borderStrong: "var(--o-border-strong)",
+    borderFocus: "var(--o-border-focus)",
+    text: "var(--o-text)",
+    textMuted: "var(--o-text-muted)",
+    textFaint: "var(--o-text-faint)",
+    success: "var(--o-success)",
+    warning: "var(--o-warning)",
+    danger: "var(--o-danger)",
+    surface1: "var(--o-surface-1)",
+    surface2: "var(--o-surface-2)",
+    surface3: "var(--o-surface-3)",
+    surfaceSection: "var(--o-surface-section)",
+    cardBorder: "1px solid var(--color-primary)",
+    cardBorderNested: "1px solid rgba(7, 29, 65, 0.12)",
+    font: `"DMSans-Regular", "DM Sans", system-ui, sans-serif`,
+    display: `"Cocogoose-Light", "DM Sans", system-ui, sans-serif`,
+    mono: `"JetBrains Mono", "SF Mono", Menlo, monospace`,
+};
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,MAAM,CAAC,MAAM,GAAG,GAAG;IACjB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,OAAO;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,SAAS,GAAG,gCAAgC,CAAC;AAC1D,MAAM,CAAC,MAAM,UAAU,GAAG,+BAA+B,CAAC;AAC1D,MAAM,CAAC,MAAM,UAAU,GAAG,8BAA8B,CAAC;AACzD,MAAM,CAAC,MAAM,WAAW,GAAG,mCAAmC,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,WAAW;CACX,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,OAAO;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,sBAAsB;IAC5B,MAAM,EAAE,sBAAsB;IAC9B,OAAO,EAAE,yBAAyB;IAClC,KAAK,EAAE,iCAAiC;CAChC,CAAC;AAEX,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;CAQlC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAC7B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,EAAE,CACxC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,eAAe,IAAI,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,oBAAoB;IAC9B,UAAU,EAAE,sBAAsB;IAClC,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,oBAAoB;IAC9B,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,iBAAiB;IACzB,YAAY,EAAE,wBAAwB;IACtC,WAAW,EAAE,uBAAuB;IACpC,IAAI,EAAE,eAAe;IACrB,SAAS,EAAE,qBAAqB;IAChC,SAAS,EAAE,qBAAqB;IAChC,OAAO,EAAE,kBAAkB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,MAAM,EAAE,iBAAiB;IACzB,QAAQ,EAAE,oBAAoB;IAC9B,QAAQ,EAAE,oBAAoB;IAC9B,QAAQ,EAAE,oBAAoB;IAC9B,cAAc,EAAE,0BAA0B;IAC1C,UAAU,EAAE,gCAAgC;IAC5C,gBAAgB,EAAE,iCAAiC;IACnD,IAAI,EAAE,oDAAoD;IAC1D,OAAO,EAAE,qDAAqD;IAC9D,IAAI,EAAE,+CAA+C;CAC7C,CAAC"}