@hyperpackai/hyperui 0.1.0

package/dist/tokens/index.d.ts

@@ -0,0 +1,494 @@
+/**
+ * HyperUI Design Token API
+ *
+ * The complete token system in one import.
+ *
+ * Quick start:
+ *   import { createTheme, applyTheme, tokens, useTokens } from "@hyperpackai/hyperui/tokens";
+ *
+ *   // Apply a built-in theme:
+ *   applyTheme("forest");
+ *
+ *   // Build a custom brand theme:
+ *   applyTheme(createTheme({ primaryColor: "#7c3aed", radius: "12px" }));
+ *
+ *   // Access tokens in JS/TS:
+ *   console.log(tokens.colors.indigo[500]); // "#6366f1"
+ *
+ *   // Reactive token access in components:
+ *   const { colors } = useTokens();
+ */
+import { type Signal } from "@hyperpackai/hyperion";
+import { type VNode } from "../theme/index.js";
+import { primitives } from "./primitives.js";
+import { type SemanticTokens } from "./semantic.js";
+import { type ComponentTokens } from "./component.js";
+import { type ThemeOverrides, type BuiltinTheme } from "./themes.js";
+export { primitives } from "./primitives.js";
+export { lightSemanticTokens, darkSemanticTokens, lightColors, darkColors, semanticSpacing, semanticTypography, semanticShadow, semanticMotion, semanticRadius, semanticZIndex } from "./semantic.js";
+export type { SemanticTokens, SemanticColors } from "./semantic.js";
+export { defaultComponentTokens } from "./component.js";
+export type { ComponentTokens, ButtonTokens, InputTokens, CardTokens } from "./component.js";
+export { themes, getDarkVariant } from "./themes.js";
+export type { ThemeOverrides, BuiltinTheme } from "./themes.js";
+export interface FullTokens {
+    /** Raw color scales, spacing, typography — never use directly in components */
+    primitives: typeof primitives;
+    /** Semantic tokens for the active colour mode */
+    semantic: SemanticTokens;
+    /** Per-component tokens */
+    component: ComponentTokens;
+}
+export declare const tokens: {
+    readonly colors: {
+        readonly gray: {
+            readonly 50: "#f8fafc";
+            readonly 100: "#f1f5f9";
+            readonly 200: "#e2e8f0";
+            readonly 300: "#cbd5e1";
+            readonly 400: "#94a3b8";
+            readonly 500: "#64748b";
+            readonly 600: "#475569";
+            readonly 700: "#334155";
+            readonly 800: "#1e293b";
+            readonly 900: "#0f172a";
+            readonly 950: "#020617";
+        };
+        readonly zinc: {
+            readonly 50: "#fafafa";
+            readonly 100: "#f4f4f5";
+            readonly 200: "#e4e4e7";
+            readonly 300: "#d4d4d8";
+            readonly 400: "#a1a1aa";
+            readonly 500: "#71717a";
+            readonly 600: "#52525b";
+            readonly 700: "#3f3f46";
+            readonly 800: "#27272a";
+            readonly 900: "#18181b";
+            readonly 950: "#09090b";
+        };
+        readonly indigo: {
+            readonly 50: "#eef2ff";
+            readonly 100: "#e0e7ff";
+            readonly 200: "#c7d2fe";
+            readonly 300: "#a5b4fc";
+            readonly 400: "#818cf8";
+            readonly 500: "#6366f1";
+            readonly 600: "#4f46e5";
+            readonly 700: "#4338ca";
+            readonly 800: "#3730a3";
+            readonly 900: "#312e81";
+            readonly 950: "#1e1b4b";
+        };
+        readonly violet: {
+            readonly 50: "#f5f3ff";
+            readonly 100: "#ede9fe";
+            readonly 200: "#ddd6fe";
+            readonly 300: "#c4b5fd";
+            readonly 400: "#a78bfa";
+            readonly 500: "#8b5cf6";
+            readonly 600: "#7c3aed";
+            readonly 700: "#6d28d9";
+            readonly 800: "#5b21b6";
+            readonly 900: "#4c1d95";
+            readonly 950: "#2e1065";
+        };
+        readonly emerald: {
+            readonly 50: "#ecfdf5";
+            readonly 100: "#d1fae5";
+            readonly 200: "#a7f3d0";
+            readonly 300: "#6ee7b7";
+            readonly 400: "#34d399";
+            readonly 500: "#10b981";
+            readonly 600: "#059669";
+            readonly 700: "#047857";
+            readonly 800: "#065f46";
+            readonly 900: "#064e3b";
+            readonly 950: "#022c22";
+        };
+        readonly amber: {
+            readonly 50: "#fffbeb";
+            readonly 100: "#fef3c7";
+            readonly 200: "#fde68a";
+            readonly 300: "#fcd34d";
+            readonly 400: "#fbbf24";
+            readonly 500: "#f59e0b";
+            readonly 600: "#d97706";
+            readonly 700: "#b45309";
+            readonly 800: "#92400e";
+            readonly 900: "#78350f";
+            readonly 950: "#451a03";
+        };
+        readonly rose: {
+            readonly 50: "#fff1f2";
+            readonly 100: "#ffe4e6";
+            readonly 200: "#fecdd3";
+            readonly 300: "#fda4af";
+            readonly 400: "#fb7185";
+            readonly 500: "#f43f5e";
+            readonly 600: "#e11d48";
+            readonly 700: "#be123c";
+            readonly 800: "#9f1239";
+            readonly 900: "#881337";
+            readonly 950: "#4c0519";
+        };
+        readonly sky: {
+            readonly 50: "#f0f9ff";
+            readonly 100: "#e0f2fe";
+            readonly 200: "#bae6fd";
+            readonly 300: "#7dd3fc";
+            readonly 400: "#38bdf8";
+            readonly 500: "#0ea5e9";
+            readonly 600: "#0284c7";
+            readonly 700: "#0369a1";
+            readonly 800: "#075985";
+            readonly 900: "#0c4a6e";
+            readonly 950: "#082f49";
+        };
+        readonly black: "#000000";
+        readonly white: "#ffffff";
+        readonly transparent: "transparent";
+    };
+    readonly spacing: {
+        readonly px: "1px";
+        readonly 0: "0px";
+        readonly 0.5: "2px";
+        readonly 1: "4px";
+        readonly 1.5: "6px";
+        readonly 2: "8px";
+        readonly 2.5: "10px";
+        readonly 3: "12px";
+        readonly 3.5: "14px";
+        readonly 4: "16px";
+        readonly 5: "20px";
+        readonly 6: "24px";
+        readonly 7: "28px";
+        readonly 8: "32px";
+        readonly 9: "36px";
+        readonly 10: "40px";
+        readonly 11: "44px";
+        readonly 12: "48px";
+        readonly 14: "56px";
+        readonly 16: "64px";
+        readonly 20: "80px";
+        readonly 24: "96px";
+        readonly 28: "112px";
+        readonly 32: "128px";
+        readonly 36: "144px";
+        readonly 40: "160px";
+        readonly 44: "176px";
+        readonly 48: "192px";
+        readonly 52: "208px";
+        readonly 56: "224px";
+        readonly 60: "240px";
+        readonly 64: "256px";
+        readonly 72: "288px";
+        readonly 80: "320px";
+        readonly 96: "384px";
+    };
+    readonly fontFamily: {
+        readonly sans: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+        readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif";
+        readonly mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
+        readonly display: "\"Cal Sans\", \"Inter var\", ui-sans-serif, system-ui, sans-serif";
+    };
+    readonly fontSize: {
+        readonly "2xs": readonly ["10px", {
+            readonly lineHeight: "14px";
+            readonly letterSpacing: "0.025em";
+        }];
+        readonly xs: readonly ["11px", {
+            readonly lineHeight: "16px";
+            readonly letterSpacing: "0.015em";
+        }];
+        readonly sm: readonly ["13px", {
+            readonly lineHeight: "18px";
+        }];
+        readonly base: readonly ["14px", {
+            readonly lineHeight: "20px";
+        }];
+        readonly md: readonly ["15px", {
+            readonly lineHeight: "22px";
+        }];
+        readonly lg: readonly ["18px", {
+            readonly lineHeight: "26px";
+        }];
+        readonly xl: readonly ["20px", {
+            readonly lineHeight: "28px";
+        }];
+        readonly "2xl": readonly ["24px", {
+            readonly lineHeight: "32px";
+        }];
+        readonly "3xl": readonly ["30px", {
+            readonly lineHeight: "38px";
+        }];
+        readonly "4xl": readonly ["36px", {
+            readonly lineHeight: "44px";
+        }];
+        readonly "5xl": readonly ["48px", {
+            readonly lineHeight: "56px";
+            readonly letterSpacing: "-0.02em";
+        }];
+        readonly "6xl": readonly ["60px", {
+            readonly lineHeight: "68px";
+            readonly letterSpacing: "-0.025em";
+        }];
+        readonly "7xl": readonly ["72px", {
+            readonly lineHeight: "80px";
+            readonly letterSpacing: "-0.03em";
+        }];
+        readonly "8xl": readonly ["96px", {
+            readonly lineHeight: "104px";
+            readonly letterSpacing: "-0.04em";
+        }];
+    };
+    readonly fontWeight: {
+        readonly thin: "100";
+        readonly extralight: "200";
+        readonly light: "300";
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
+        readonly extrabold: "800";
+        readonly black: "900";
+    };
+    readonly lineHeight: {
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly snug: "1.375";
+        readonly normal: "1.5";
+        readonly relaxed: "1.625";
+        readonly loose: "2";
+    };
+    readonly letterSpacing: {
+        readonly tighter: "-0.05em";
+        readonly tight: "-0.025em";
+        readonly normal: "0em";
+        readonly wide: "0.025em";
+        readonly wider: "0.05em";
+        readonly widest: "0.1em";
+    };
+    readonly borderRadius: {
+        readonly none: "0px";
+        readonly xs: "2px";
+        readonly sm: "4px";
+        readonly md: "6px";
+        readonly DEFAULT: "8px";
+        readonly lg: "10px";
+        readonly xl: "14px";
+        readonly "2xl": "18px";
+        readonly "3xl": "24px";
+        readonly full: "9999px";
+    };
+    readonly borderWidth: {
+        readonly 0: "0px";
+        readonly DEFAULT: "1px";
+        readonly 2: "2px";
+        readonly 4: "4px";
+        readonly 8: "8px";
+    };
+    readonly shadow: {
+        readonly none: "none";
+        readonly xs: "0 1px 2px rgb(0 0 0/5%)";
+        readonly sm: "0 1px 3px rgb(0 0 0/8%), 0 1px 2px rgb(0 0 0/4%)";
+        readonly DEFAULT: "0 4px 6px -1px rgb(0 0 0/8%), 0 2px 4px -2px rgb(0 0 0/4%)";
+        readonly md: "0 10px 15px -3px rgb(0 0 0/8%), 0 4px 6px -4px rgb(0 0 0/4%)";
+        readonly lg: "0 20px 25px -5px rgb(0 0 0/8%), 0 8px 10px -6px rgb(0 0 0/4%)";
+        readonly xl: "0 25px 50px -12px rgb(0 0 0/18%)";
+        readonly "2xl": "0 40px 70px -15px rgb(0 0 0/25%)";
+        readonly inner: "inset 0 2px 4px rgb(0 0 0/5%)";
+        readonly focus: "0 0 0 3px";
+        readonly focusPrimary: "0 0 0 3px rgb(99 102 241/0.25)";
+        readonly focusError: "0 0 0 3px rgb(239 68 68/0.25)";
+    };
+    readonly duration: {
+        readonly instant: "0ms";
+        readonly fastest: "50ms";
+        readonly faster: "100ms";
+        readonly fast: "150ms";
+        readonly normal: "200ms";
+        readonly slow: "300ms";
+        readonly slower: "500ms";
+        readonly slowest: "700ms";
+        readonly lazy: "1000ms";
+    };
+    readonly easing: {
+        readonly linear: "linear";
+        readonly in: "cubic-bezier(0.4, 0, 1, 1)";
+        readonly out: "cubic-bezier(0, 0, 0.2, 1)";
+        readonly inOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        readonly spring: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+        readonly bounce: "cubic-bezier(0.34, 1.56, 0.64, 1)";
+        readonly elastic: "cubic-bezier(0.5, -0.5, 0.5, 1.5)";
+    };
+    readonly breakpoints: {
+        readonly xs: "480px";
+        readonly sm: "640px";
+        readonly md: "768px";
+        readonly lg: "1024px";
+        readonly xl: "1280px";
+        readonly "2xl": "1536px";
+    };
+    readonly zIndex: {
+        readonly hide: -1;
+        readonly auto: "auto";
+        readonly base: 0;
+        readonly raised: 1;
+        readonly dropdown: 1000;
+        readonly sticky: 1020;
+        readonly fixed: 1030;
+        readonly backdrop: 1040;
+        readonly modal: 1050;
+        readonly popover: 1060;
+        readonly tooltip: 1070;
+        readonly toast: 1080;
+        readonly max: 9999;
+    };
+    readonly opacity: {
+        readonly 0: "0";
+        readonly 5: "0.05";
+        readonly 10: "0.10";
+        readonly 20: "0.20";
+        readonly 25: "0.25";
+        readonly 30: "0.30";
+        readonly 40: "0.40";
+        readonly 50: "0.50";
+        readonly 60: "0.60";
+        readonly 70: "0.70";
+        readonly 75: "0.75";
+        readonly 80: "0.80";
+        readonly 90: "0.90";
+        readonly 95: "0.95";
+        readonly 100: "1";
+    };
+    readonly blur: {
+        readonly none: "blur(0)";
+        readonly sm: "blur(4px)";
+        readonly DEFAULT: "blur(8px)";
+        readonly md: "blur(12px)";
+        readonly lg: "blur(16px)";
+        readonly xl: "blur(24px)";
+        readonly "2xl": "blur(40px)";
+        readonly "3xl": "blur(64px)";
+    };
+};
+export type ThemeInput = string | ThemeOverrides;
+/**
+ * Apply a theme to the document root. Accepts either a built-in theme name
+ * or a custom `ThemeOverrides` object.
+ *
+ *   applyTheme("ocean");
+ *   applyTheme("compact");
+ *   applyTheme({ primaryColor: "#7c3aed", radius: "12px" });
+ *   applyTheme("forest", { dark: true });
+ */
+export declare function applyTheme(theme: ThemeInput, options?: {
+    dark?: boolean;
+    target?: HTMLElement;
+    direction?: ThemeDirection;
+}): void;
+/**
+ * Composes a theme from a base theme and partial overrides.
+ * Returns a `ThemeOverrides` object ready for `applyTheme()`.
+ *
+ *   const myBrand = createTheme("default", {
+ *     primaryColor: "#7c3aed",
+ *     radius: "12px",
+ *     fontFamily: "Inter, sans-serif"
+ *   });
+ *   applyTheme(myBrand);
+ */
+export declare function createTheme(baseOrOverrides: string | ThemeOverrides, overrides?: ThemeOverrides): ThemeOverrides;
+export type ColorMode = "light" | "dark" | "system";
+export type ThemeDirection = "ltr" | "rtl";
+export type ThemeDensity = "compact" | "default" | "comfortable";
+/**
+ * Set the colour mode. Pass `"system"` to follow `prefers-color-scheme`.
+ *
+ *   setColorMode("dark");
+ *   setColorMode("system"); // auto
+ */
+export declare function setColorMode(mode: ColorMode): void;
+export interface ThemeProviderProps {
+    theme?: ThemeInput;
+    colorMode?: ColorMode;
+    direction?: ThemeDirection;
+    density?: ThemeDensity;
+    target?: HTMLElement;
+    class?: string;
+    children?: unknown;
+}
+export interface ThemeState {
+    theme: Signal<ThemeOverrides>;
+    colorMode: Signal<"light" | "dark">;
+    direction: Signal<ThemeDirection>;
+    isDark: Signal<boolean>;
+    setTheme(theme: ThemeInput, options?: {
+        colorMode?: ColorMode;
+        direction?: ThemeDirection;
+    }): void;
+    setColorMode(mode: ColorMode): void;
+    setDirection(direction: ThemeDirection): void;
+}
+/**
+ * Applies a HyperUI theme and returns a lightweight provider wrapper.
+ * In browser apps this mutates the target root with CSS variables.
+ * In SSR/Node it still returns a VNode with data attributes and inline variables.
+ */
+export declare function ThemeProvider(props: ThemeProviderProps): VNode;
+export declare function useTheme(): ThemeState;
+/**
+ * Returns the current design tokens as reactive signals. Re-renders
+ * the component when the theme or colour mode changes.
+ *
+ *   const { semantic, primitives } = useTokens();
+ *   <div style={{ color: semantic.value.colors.text.default }}>Hello</div>
+ */
+export declare function useTokens(): {
+    tokens: Signal<FullTokens>;
+    colorMode: Signal<"light" | "dark">;
+    isDark: Signal<boolean>;
+};
+/**
+ * Reads the current value of a CSS custom property from the document root.
+ * Useful for reading computed tokens in JavaScript.
+ *
+ *   const primary = getCSSVar("--hu-primary"); // "#6366f1"
+ */
+export declare function getCSSVar(name: string, element?: HTMLElement): string;
+/**
+ * Generates a CSS variable block string from a `ThemeOverrides` object.
+ * Useful for SSR head injection or CSS-in-JS integration.
+ *
+ *   const css = tokenToCSS(myTheme);
+ *   // ":root { --hu-primary: #7c3aed; ... }"
+ */
+export declare function tokenToCSS(overrides: ThemeOverrides, dark?: boolean, selector?: string): string;
+export interface TokenExport {
+    version: string;
+    generated: string;
+    primitives: typeof primitives;
+    semantic: {
+        light: SemanticTokens;
+        dark: SemanticTokens;
+    };
+    components: ComponentTokens;
+    themes: Record<string, BuiltinTheme>;
+}
+/**
+ * Exports the complete design token system as a plain JSON-serialisable
+ * object. Use with Style Dictionary or Figma Tokens plugins.
+ *
+ *   const json = JSON.stringify(exportTokens(), null, 2);
+ *   fs.writeFileSync("tokens.json", json);
+ */
+export declare function exportTokens(): TokenExport;
+/**
+ * Returns every CSS variable defined by HyperUI as a flat Record.
+ * Useful for debugging or for exporting to a CSS file.
+ *
+ *   console.log(getAllCSSVars()["--hu-primary"]); // "#6366f1"
+ */
+export declare function getAllCSSVars(): Record<string, string>;
+//# sourceMappingURL=index.d.ts.map

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

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