@hanwenbo/x-taro-ui 0.0.1

package/es/theme/generated/design-system.generated.d.ts

@@ -0,0 +1,1486 @@
+export declare const designSystemBaseColors: readonly ["neutral", "zinc", "stone", "gray", "slate", "blue", "emerald", "amber", "rose"];
+export declare const designSystemColorSchemes: readonly ["light", "dark"];
+export declare const designSystemThemeDefaults: {
+    readonly defaultBaseColor: "neutral";
+    readonly defaultColorScheme: "light";
+    readonly defaultRadius: "0.5rem";
+};
+export declare const designSystemSpacing: {
+    readonly '0': 0;
+    readonly '1': 4;
+    readonly '2': 8;
+    readonly '3': 12;
+    readonly '4': 16;
+    readonly '5': 20;
+    readonly '6': 24;
+    readonly '8': 32;
+    readonly '10': 40;
+    readonly '12': 48;
+    readonly px: 1;
+    readonly '0.5': 2;
+    readonly '1.5': 6;
+    readonly '2.5': 10;
+    readonly '3.5': 14;
+};
+export declare const designSystemSpacingAliases: {
+    readonly controlInlinePadding: {
+        readonly mini: 8;
+        readonly small: 10;
+        readonly middle: 12;
+        readonly large: 16;
+    };
+    readonly controlGap: {
+        readonly mini: 4;
+        readonly small: 6;
+        readonly middle: 8;
+        readonly large: 10;
+    };
+};
+export declare const designSystemLayers: {
+    readonly base: 0;
+    readonly raised: 1;
+    readonly sticky: 20;
+    readonly overlay: 40;
+    readonly overlayContent: 41;
+    readonly tooltip: 1070;
+    readonly overlayHost: 9999;
+};
+export declare const designSystemRadius: {
+    readonly none: 0;
+    readonly sm: 4;
+    readonly md: 6;
+    readonly lg: 8;
+    readonly xl: 12;
+    readonly xxl: 16;
+    readonly full: 9999;
+};
+export declare const designSystemRadiusDefaults: {
+    readonly themeRadius: 8;
+};
+export declare const designSystemMotion: {
+    readonly kind: "foundation";
+    readonly name: "motion";
+    readonly specVersion: 1;
+    readonly sourceOfTruth: {
+        readonly primaryPackage: "@hanwenbo/x-web-ui";
+        readonly sourceFiles: readonly ["packages/x-web-ui/src/components/button/button.tsx", "packages/x-web-ui/src/components/tabs/tabs.tsx", "packages/x-web-ui/src/components/popup/popup.tsx", "packages/x-web-ui/src/components/actionSheet/actionSheet.tsx"];
+    };
+    readonly durationsMs: {
+        readonly instant: 0;
+        readonly fast: 96;
+        readonly standard: 120;
+        readonly emphasis: 200;
+        readonly overlayEnter: 240;
+        readonly overlayExit: 180;
+        readonly overlayDefault: 300;
+    };
+    readonly easing: {
+        readonly standard: "ease-in-out";
+        readonly accelerate: "ease-in";
+        readonly decelerate: "ease-out";
+        readonly overlayEnter: "cubic-bezier(0.22, 1, 0.36, 1)";
+        readonly overlayExit: "cubic-bezier(0.4, 0, 1, 1)";
+    };
+    readonly patterns: {
+        readonly press: {
+            readonly scale: 0.95;
+            readonly durationMs: 120;
+            readonly easing: "ease-in-out";
+        };
+        readonly subtlePress: {
+            readonly scale: 0.985;
+            readonly durationMs: 96;
+            readonly easing: "ease-in-out";
+        };
+        readonly overlay: {
+            readonly enterDurationMs: 240;
+            readonly exitDurationMs: 180;
+        };
+    };
+    readonly rules: readonly ["Use motion to clarify interaction, not decorate static content.", "Press feedback should be brief and reversible.", "Overlay animations must feel heavier than button press feedback."];
+};
+export declare const designSystemSemanticColorKeys: readonly ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "primary", "primary-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "border", "input", "ring", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "sidebar", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"];
+export declare const designSystemCompatibilityColorKeys: readonly ["success", "warning", "danger", "white", "weak", "light", "text", "backgroundSecondary", "fill", "fillSecondary"];
+export declare const designSystemThemePresets: {
+    readonly neutral: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#0a0a0a";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#0a0a0a";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#0a0a0a";
+            readonly primary: "#171717";
+            readonly 'primary-foreground': "#fafafa";
+            readonly secondary: "#f5f5f5";
+            readonly 'secondary-foreground': "#171717";
+            readonly muted: "#f5f5f5";
+            readonly 'muted-foreground': "#737373";
+            readonly accent: "#f5f5f5";
+            readonly 'accent-foreground': "#171717";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#e5e5e5";
+            readonly input: "#e5e5e5";
+            readonly ring: "#a1a1a1";
+            readonly 'chart-1': "#ef4444";
+            readonly 'chart-2': "#3b82f6";
+            readonly 'chart-3': "#10b981";
+            readonly 'chart-4': "#f59e0b";
+            readonly 'chart-5': "#8b5cf6";
+            readonly sidebar: "#fafafa";
+            readonly 'sidebar-foreground': "#0a0a0a";
+            readonly 'sidebar-primary': "#171717";
+            readonly 'sidebar-primary-foreground': "#fafafa";
+            readonly 'sidebar-accent': "#f5f5f5";
+            readonly 'sidebar-accent-foreground': "#171717";
+            readonly 'sidebar-border': "#e5e5e5";
+            readonly 'sidebar-ring': "#a1a1a1";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#0a0a0a";
+            readonly foreground: "#fafafa";
+            readonly card: "#171717";
+            readonly 'card-foreground': "#fafafa";
+            readonly popover: "#171717";
+            readonly 'popover-foreground': "#fafafa";
+            readonly primary: "#e5e5e5";
+            readonly 'primary-foreground': "#171717";
+            readonly secondary: "#262626";
+            readonly 'secondary-foreground': "#fafafa";
+            readonly muted: "#262626";
+            readonly 'muted-foreground': "#a3a3a3";
+            readonly accent: "#262626";
+            readonly 'accent-foreground': "#fafafa";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#262626";
+            readonly input: "#262626";
+            readonly ring: "#737373";
+            readonly 'chart-1': "#f87171";
+            readonly 'chart-2': "#60a5fa";
+            readonly 'chart-3': "#34d399";
+            readonly 'chart-4': "#fbbf24";
+            readonly 'chart-5': "#a78bfa";
+            readonly sidebar: "#171717";
+            readonly 'sidebar-foreground': "#fafafa";
+            readonly 'sidebar-primary': "#e5e5e5";
+            readonly 'sidebar-primary-foreground': "#171717";
+            readonly 'sidebar-accent': "#262626";
+            readonly 'sidebar-accent-foreground': "#fafafa";
+            readonly 'sidebar-border': "#262626";
+            readonly 'sidebar-ring': "#737373";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+    readonly zinc: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#09090b";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#09090b";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#09090b";
+            readonly primary: "#18181b";
+            readonly 'primary-foreground': "#fafafa";
+            readonly secondary: "#f4f4f5";
+            readonly 'secondary-foreground': "#18181b";
+            readonly muted: "#f4f4f5";
+            readonly 'muted-foreground': "#71717b";
+            readonly accent: "#f4f4f5";
+            readonly 'accent-foreground': "#18181b";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#e4e4e7";
+            readonly input: "#e4e4e7";
+            readonly ring: "#9f9fa9";
+            readonly 'chart-1': "#ef4444";
+            readonly 'chart-2': "#3b82f6";
+            readonly 'chart-3': "#10b981";
+            readonly 'chart-4': "#f59e0b";
+            readonly 'chart-5': "#8b5cf6";
+            readonly sidebar: "#fafafa";
+            readonly 'sidebar-foreground': "#09090b";
+            readonly 'sidebar-primary': "#18181b";
+            readonly 'sidebar-primary-foreground': "#fafafa";
+            readonly 'sidebar-accent': "#f4f4f5";
+            readonly 'sidebar-accent-foreground': "#18181b";
+            readonly 'sidebar-border': "#e4e4e7";
+            readonly 'sidebar-ring': "#9f9fa9";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#09090b";
+            readonly foreground: "#fafafa";
+            readonly card: "#18181b";
+            readonly 'card-foreground': "#fafafa";
+            readonly popover: "#18181b";
+            readonly 'popover-foreground': "#fafafa";
+            readonly primary: "#e4e4e7";
+            readonly 'primary-foreground': "#18181b";
+            readonly secondary: "#27272a";
+            readonly 'secondary-foreground': "#fafafa";
+            readonly muted: "#27272a";
+            readonly 'muted-foreground': "#a1a1aa";
+            readonly accent: "#27272a";
+            readonly 'accent-foreground': "#fafafa";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#27272a";
+            readonly input: "#27272a";
+            readonly ring: "#71717b";
+            readonly 'chart-1': "#f87171";
+            readonly 'chart-2': "#60a5fa";
+            readonly 'chart-3': "#34d399";
+            readonly 'chart-4': "#fbbf24";
+            readonly 'chart-5': "#a78bfa";
+            readonly sidebar: "#18181b";
+            readonly 'sidebar-foreground': "#fafafa";
+            readonly 'sidebar-primary': "#e4e4e7";
+            readonly 'sidebar-primary-foreground': "#18181b";
+            readonly 'sidebar-accent': "#27272a";
+            readonly 'sidebar-accent-foreground': "#fafafa";
+            readonly 'sidebar-border': "#27272a";
+            readonly 'sidebar-ring': "#71717b";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+    readonly stone: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#0c0a09";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#0c0a09";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#0c0a09";
+            readonly primary: "#0c0a09";
+            readonly 'primary-foreground': "#fafaf9";
+            readonly secondary: "#f5f5f4";
+            readonly 'secondary-foreground': "#0c0a09";
+            readonly muted: "#f5f5f4";
+            readonly 'muted-foreground': "#78716c";
+            readonly accent: "#f5f5f4";
+            readonly 'accent-foreground': "#0c0a09";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#fafaf9";
+            readonly border: "#e7e5e4";
+            readonly input: "#e7e5e4";
+            readonly ring: "#d6d3d1";
+            readonly 'chart-1': "#ef4444";
+            readonly 'chart-2': "#3b82f6";
+            readonly 'chart-3': "#10b981";
+            readonly 'chart-4': "#f59e0b";
+            readonly 'chart-5': "#8b5cf6";
+            readonly sidebar: "#fafaf9";
+            readonly 'sidebar-foreground': "#0c0a09";
+            readonly 'sidebar-primary': "#0c0a09";
+            readonly 'sidebar-primary-foreground': "#fafaf9";
+            readonly 'sidebar-accent': "#f5f5f4";
+            readonly 'sidebar-accent-foreground': "#0c0a09";
+            readonly 'sidebar-border': "#e7e5e4";
+            readonly 'sidebar-ring': "#d6d3d1";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#0c0a09";
+            readonly foreground: "#fafaf9";
+            readonly card: "#0c0a09";
+            readonly 'card-foreground': "#fafaf9";
+            readonly popover: "#0c0a09";
+            readonly 'popover-foreground': "#fafaf9";
+            readonly primary: "#fafaf9";
+            readonly 'primary-foreground': "#0c0a09";
+            readonly secondary: "#292524";
+            readonly 'secondary-foreground': "#fafaf9";
+            readonly muted: "#292524";
+            readonly 'muted-foreground': "#a8a29e";
+            readonly accent: "#292524";
+            readonly 'accent-foreground': "#fafaf9";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#fafaf9";
+            readonly border: "#292524";
+            readonly input: "#292524";
+            readonly ring: "#57534e";
+            readonly 'chart-1': "#f87171";
+            readonly 'chart-2': "#60a5fa";
+            readonly 'chart-3': "#34d399";
+            readonly 'chart-4': "#fbbf24";
+            readonly 'chart-5': "#a78bfa";
+            readonly sidebar: "#0c0a09";
+            readonly 'sidebar-foreground': "#fafaf9";
+            readonly 'sidebar-primary': "#fafaf9";
+            readonly 'sidebar-primary-foreground': "#0c0a09";
+            readonly 'sidebar-accent': "#292524";
+            readonly 'sidebar-accent-foreground': "#fafaf9";
+            readonly 'sidebar-border': "#292524";
+            readonly 'sidebar-ring': "#57534e";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+    readonly gray: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#030712";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#030712";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#030712";
+            readonly primary: "#111827";
+            readonly 'primary-foreground': "#f9fafb";
+            readonly secondary: "#f3f4f6";
+            readonly 'secondary-foreground': "#111827";
+            readonly muted: "#f3f4f6";
+            readonly 'muted-foreground': "#6b7280";
+            readonly accent: "#f3f4f6";
+            readonly 'accent-foreground': "#111827";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#f9fafb";
+            readonly border: "#e5e7eb";
+            readonly input: "#e5e7eb";
+            readonly ring: "#9ca3af";
+            readonly 'chart-1': "#ef4444";
+            readonly 'chart-2': "#3b82f6";
+            readonly 'chart-3': "#10b981";
+            readonly 'chart-4': "#f59e0b";
+            readonly 'chart-5': "#8b5cf6";
+            readonly sidebar: "#f9fafb";
+            readonly 'sidebar-foreground': "#030712";
+            readonly 'sidebar-primary': "#111827";
+            readonly 'sidebar-primary-foreground': "#f9fafb";
+            readonly 'sidebar-accent': "#f3f4f6";
+            readonly 'sidebar-accent-foreground': "#111827";
+            readonly 'sidebar-border': "#e5e7eb";
+            readonly 'sidebar-ring': "#9ca3af";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#030712";
+            readonly foreground: "#f9fafb";
+            readonly card: "#030712";
+            readonly 'card-foreground': "#f9fafb";
+            readonly popover: "#030712";
+            readonly 'popover-foreground': "#f9fafb";
+            readonly primary: "#f9fafb";
+            readonly 'primary-foreground': "#111827";
+            readonly secondary: "#1f2937";
+            readonly 'secondary-foreground': "#f9fafb";
+            readonly muted: "#1f2937";
+            readonly 'muted-foreground': "#9ca3af";
+            readonly accent: "#1f2937";
+            readonly 'accent-foreground': "#f9fafb";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#f9fafb";
+            readonly border: "#1f2937";
+            readonly input: "#1f2937";
+            readonly ring: "#6b7280";
+            readonly 'chart-1': "#f87171";
+            readonly 'chart-2': "#60a5fa";
+            readonly 'chart-3': "#34d399";
+            readonly 'chart-4': "#fbbf24";
+            readonly 'chart-5': "#a78bfa";
+            readonly sidebar: "#030712";
+            readonly 'sidebar-foreground': "#f9fafb";
+            readonly 'sidebar-primary': "#f9fafb";
+            readonly 'sidebar-primary-foreground': "#111827";
+            readonly 'sidebar-accent': "#1f2937";
+            readonly 'sidebar-accent-foreground': "#f9fafb";
+            readonly 'sidebar-border': "#1f2937";
+            readonly 'sidebar-ring': "#6b7280";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+    readonly slate: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#0f172a";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#0f172a";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#0f172a";
+            readonly primary: "#0f172a";
+            readonly 'primary-foreground': "#f8fafc";
+            readonly secondary: "#f1f5f9";
+            readonly 'secondary-foreground': "#0f172a";
+            readonly muted: "#f1f5f9";
+            readonly 'muted-foreground': "#64748b";
+            readonly accent: "#f1f5f9";
+            readonly 'accent-foreground': "#0f172a";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#f8fafc";
+            readonly border: "#e2e8f0";
+            readonly input: "#e2e8f0";
+            readonly ring: "#94a3b8";
+            readonly 'chart-1': "#ef4444";
+            readonly 'chart-2': "#3b82f6";
+            readonly 'chart-3': "#10b981";
+            readonly 'chart-4': "#f59e0b";
+            readonly 'chart-5': "#8b5cf6";
+            readonly sidebar: "#f8fafc";
+            readonly 'sidebar-foreground': "#0f172a";
+            readonly 'sidebar-primary': "#0f172a";
+            readonly 'sidebar-primary-foreground': "#f8fafc";
+            readonly 'sidebar-accent': "#f1f5f9";
+            readonly 'sidebar-accent-foreground': "#0f172a";
+            readonly 'sidebar-border': "#e2e8f0";
+            readonly 'sidebar-ring': "#94a3b8";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#0f172a";
+            readonly foreground: "#f8fafc";
+            readonly card: "#0f172a";
+            readonly 'card-foreground': "#f8fafc";
+            readonly popover: "#0f172a";
+            readonly 'popover-foreground': "#f8fafc";
+            readonly primary: "#f8fafc";
+            readonly 'primary-foreground': "#0f172a";
+            readonly secondary: "#1e293b";
+            readonly 'secondary-foreground': "#f8fafc";
+            readonly muted: "#1e293b";
+            readonly 'muted-foreground': "#94a3b8";
+            readonly accent: "#1e293b";
+            readonly 'accent-foreground': "#f8fafc";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#f8fafc";
+            readonly border: "#1e293b";
+            readonly input: "#1e293b";
+            readonly ring: "#64748b";
+            readonly 'chart-1': "#f87171";
+            readonly 'chart-2': "#60a5fa";
+            readonly 'chart-3': "#34d399";
+            readonly 'chart-4': "#fbbf24";
+            readonly 'chart-5': "#a78bfa";
+            readonly sidebar: "#0f172a";
+            readonly 'sidebar-foreground': "#f8fafc";
+            readonly 'sidebar-primary': "#f8fafc";
+            readonly 'sidebar-primary-foreground': "#0f172a";
+            readonly 'sidebar-accent': "#1e293b";
+            readonly 'sidebar-accent-foreground': "#f8fafc";
+            readonly 'sidebar-border': "#1e293b";
+            readonly 'sidebar-ring': "#64748b";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+    readonly blue: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#09090b";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#09090b";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#09090b";
+            readonly primary: "#1447e6";
+            readonly 'primary-foreground': "#eff6ff";
+            readonly secondary: "#f4f4f5";
+            readonly 'secondary-foreground': "#18181b";
+            readonly muted: "#f4f4f5";
+            readonly 'muted-foreground': "#71717b";
+            readonly accent: "#f4f4f5";
+            readonly 'accent-foreground': "#18181b";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#e4e4e7";
+            readonly input: "#e4e4e7";
+            readonly ring: "#9f9fa9";
+            readonly 'chart-1': "#8ec5ff";
+            readonly 'chart-2': "#2b7fff";
+            readonly 'chart-3': "#155dfc";
+            readonly 'chart-4': "#1447e6";
+            readonly 'chart-5': "#193cb8";
+            readonly sidebar: "#fafafa";
+            readonly 'sidebar-foreground': "#09090b";
+            readonly 'sidebar-primary': "#155dfc";
+            readonly 'sidebar-primary-foreground': "#eff6ff";
+            readonly 'sidebar-accent': "#f4f4f5";
+            readonly 'sidebar-accent-foreground': "#18181b";
+            readonly 'sidebar-border': "#e4e4e7";
+            readonly 'sidebar-ring': "#9f9fa9";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#09090b";
+            readonly foreground: "#fafafa";
+            readonly card: "#18181b";
+            readonly 'card-foreground': "#fafafa";
+            readonly popover: "#18181b";
+            readonly 'popover-foreground': "#fafafa";
+            readonly primary: "#193cb8";
+            readonly 'primary-foreground': "#eff6ff";
+            readonly secondary: "#27272a";
+            readonly 'secondary-foreground': "#fafafa";
+            readonly muted: "#27272a";
+            readonly 'muted-foreground': "#a1a1aa";
+            readonly accent: "#27272a";
+            readonly 'accent-foreground': "#fafafa";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#27272a";
+            readonly input: "#27272a";
+            readonly ring: "#71717b";
+            readonly 'chart-1': "#8ec5ff";
+            readonly 'chart-2': "#2b7fff";
+            readonly 'chart-3': "#155dfc";
+            readonly 'chart-4': "#1447e6";
+            readonly 'chart-5': "#193cb8";
+            readonly sidebar: "#18181b";
+            readonly 'sidebar-foreground': "#fafafa";
+            readonly 'sidebar-primary': "#2b7fff";
+            readonly 'sidebar-primary-foreground': "#eff6ff";
+            readonly 'sidebar-accent': "#27272a";
+            readonly 'sidebar-accent-foreground': "#fafafa";
+            readonly 'sidebar-border': "#27272a";
+            readonly 'sidebar-ring': "#71717b";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+    readonly emerald: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#09090b";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#09090b";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#09090b";
+            readonly primary: "#007a55";
+            readonly 'primary-foreground': "#ecfdf5";
+            readonly secondary: "#f4f4f5";
+            readonly 'secondary-foreground': "#18181b";
+            readonly muted: "#f4f4f5";
+            readonly 'muted-foreground': "#71717b";
+            readonly accent: "#f4f4f5";
+            readonly 'accent-foreground': "#18181b";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#e4e4e7";
+            readonly input: "#e4e4e7";
+            readonly ring: "#9f9fa9";
+            readonly 'chart-1': "#5ee9b5";
+            readonly 'chart-2': "#00bc7d";
+            readonly 'chart-3': "#009966";
+            readonly 'chart-4': "#007a55";
+            readonly 'chart-5': "#006045";
+            readonly sidebar: "#fafafa";
+            readonly 'sidebar-foreground': "#09090b";
+            readonly 'sidebar-primary': "#009966";
+            readonly 'sidebar-primary-foreground': "#ecfdf5";
+            readonly 'sidebar-accent': "#f4f4f5";
+            readonly 'sidebar-accent-foreground': "#18181b";
+            readonly 'sidebar-border': "#e4e4e7";
+            readonly 'sidebar-ring': "#9f9fa9";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#09090b";
+            readonly foreground: "#fafafa";
+            readonly card: "#18181b";
+            readonly 'card-foreground': "#fafafa";
+            readonly popover: "#18181b";
+            readonly 'popover-foreground': "#fafafa";
+            readonly primary: "#006045";
+            readonly 'primary-foreground': "#ecfdf5";
+            readonly secondary: "#27272a";
+            readonly 'secondary-foreground': "#fafafa";
+            readonly muted: "#27272a";
+            readonly 'muted-foreground': "#a1a1aa";
+            readonly accent: "#27272a";
+            readonly 'accent-foreground': "#fafafa";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#27272a";
+            readonly input: "#27272a";
+            readonly ring: "#71717b";
+            readonly 'chart-1': "#5ee9b5";
+            readonly 'chart-2': "#00bc7d";
+            readonly 'chart-3': "#009966";
+            readonly 'chart-4': "#007a55";
+            readonly 'chart-5': "#006045";
+            readonly sidebar: "#18181b";
+            readonly 'sidebar-foreground': "#fafafa";
+            readonly 'sidebar-primary': "#00bc7d";
+            readonly 'sidebar-primary-foreground': "#002c22";
+            readonly 'sidebar-accent': "#27272a";
+            readonly 'sidebar-accent-foreground': "#fafafa";
+            readonly 'sidebar-border': "#27272a";
+            readonly 'sidebar-ring': "#71717b";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+    readonly amber: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#09090b";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#09090b";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#09090b";
+            readonly primary: "#bb4d00";
+            readonly 'primary-foreground': "#fffbeb";
+            readonly secondary: "#f4f4f5";
+            readonly 'secondary-foreground': "#18181b";
+            readonly muted: "#f4f4f5";
+            readonly 'muted-foreground': "#71717b";
+            readonly accent: "#f4f4f5";
+            readonly 'accent-foreground': "#18181b";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#e4e4e7";
+            readonly input: "#e4e4e7";
+            readonly ring: "#9f9fa9";
+            readonly 'chart-1': "#ffd230";
+            readonly 'chart-2': "#fe9a00";
+            readonly 'chart-3': "#e17100";
+            readonly 'chart-4': "#bb4d00";
+            readonly 'chart-5': "#973c00";
+            readonly sidebar: "#fafafa";
+            readonly 'sidebar-foreground': "#09090b";
+            readonly 'sidebar-primary': "#e17100";
+            readonly 'sidebar-primary-foreground': "#fffbeb";
+            readonly 'sidebar-accent': "#f4f4f5";
+            readonly 'sidebar-accent-foreground': "#18181b";
+            readonly 'sidebar-border': "#e4e4e7";
+            readonly 'sidebar-ring': "#9f9fa9";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#09090b";
+            readonly foreground: "#fafafa";
+            readonly card: "#18181b";
+            readonly 'card-foreground': "#fafafa";
+            readonly popover: "#18181b";
+            readonly 'popover-foreground': "#fafafa";
+            readonly primary: "#973c00";
+            readonly 'primary-foreground': "#fffbeb";
+            readonly secondary: "#27272a";
+            readonly 'secondary-foreground': "#fafafa";
+            readonly muted: "#27272a";
+            readonly 'muted-foreground': "#a1a1aa";
+            readonly accent: "#27272a";
+            readonly 'accent-foreground': "#fafafa";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#27272a";
+            readonly input: "#27272a";
+            readonly ring: "#71717b";
+            readonly 'chart-1': "#ffd230";
+            readonly 'chart-2': "#fe9a00";
+            readonly 'chart-3': "#e17100";
+            readonly 'chart-4': "#bb4d00";
+            readonly 'chart-5': "#973c00";
+            readonly sidebar: "#18181b";
+            readonly 'sidebar-foreground': "#fafafa";
+            readonly 'sidebar-primary': "#fe9a00";
+            readonly 'sidebar-primary-foreground': "#461901";
+            readonly 'sidebar-accent': "#27272a";
+            readonly 'sidebar-accent-foreground': "#fafafa";
+            readonly 'sidebar-border': "#27272a";
+            readonly 'sidebar-ring': "#71717b";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+    readonly rose: {
+        readonly light: {
+            readonly background: "#FFFFFF";
+            readonly foreground: "#09090b";
+            readonly card: "#FFFFFF";
+            readonly 'card-foreground': "#09090b";
+            readonly popover: "#FFFFFF";
+            readonly 'popover-foreground': "#09090b";
+            readonly primary: "#c70036";
+            readonly 'primary-foreground': "#fff1f2";
+            readonly secondary: "#f4f4f5";
+            readonly 'secondary-foreground': "#18181b";
+            readonly muted: "#f4f4f5";
+            readonly 'muted-foreground': "#71717b";
+            readonly accent: "#f4f4f5";
+            readonly 'accent-foreground': "#18181b";
+            readonly destructive: "#ef4444";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#e4e4e7";
+            readonly input: "#e4e4e7";
+            readonly ring: "#9f9fa9";
+            readonly 'chart-1': "#ffa1ad";
+            readonly 'chart-2': "#ff2056";
+            readonly 'chart-3': "#ec003f";
+            readonly 'chart-4': "#c70036";
+            readonly 'chart-5': "#a50036";
+            readonly sidebar: "#fafafa";
+            readonly 'sidebar-foreground': "#09090b";
+            readonly 'sidebar-primary': "#ec003f";
+            readonly 'sidebar-primary-foreground': "#fff1f2";
+            readonly 'sidebar-accent': "#f4f4f5";
+            readonly 'sidebar-accent-foreground': "#18181b";
+            readonly 'sidebar-border': "#e4e4e7";
+            readonly 'sidebar-ring': "#9f9fa9";
+            readonly success: "#00b578";
+            readonly warning: "#ff8f1f";
+            readonly danger: "#ff3141";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#cccccc";
+            readonly text: "#333333";
+            readonly backgroundSecondary: "#f5f5f5";
+            readonly fill: "#f5f5f5";
+            readonly fillSecondary: "#fafafa";
+        };
+        readonly dark: {
+            readonly background: "#09090b";
+            readonly foreground: "#fafafa";
+            readonly card: "#18181b";
+            readonly 'card-foreground': "#fafafa";
+            readonly popover: "#18181b";
+            readonly 'popover-foreground': "#fafafa";
+            readonly primary: "#a50036";
+            readonly 'primary-foreground': "#fff1f2";
+            readonly secondary: "#27272a";
+            readonly 'secondary-foreground': "#fafafa";
+            readonly muted: "#27272a";
+            readonly 'muted-foreground': "#a1a1aa";
+            readonly accent: "#27272a";
+            readonly 'accent-foreground': "#fafafa";
+            readonly destructive: "#7f1d1d";
+            readonly 'destructive-foreground': "#fafafa";
+            readonly border: "#27272a";
+            readonly input: "#27272a";
+            readonly ring: "#71717b";
+            readonly 'chart-1': "#ffa1ad";
+            readonly 'chart-2': "#ff2056";
+            readonly 'chart-3': "#ec003f";
+            readonly 'chart-4': "#c70036";
+            readonly 'chart-5': "#a50036";
+            readonly sidebar: "#18181b";
+            readonly 'sidebar-foreground': "#fafafa";
+            readonly 'sidebar-primary': "#ff2056";
+            readonly 'sidebar-primary-foreground': "#fff1f2";
+            readonly 'sidebar-accent': "#27272a";
+            readonly 'sidebar-accent-foreground': "#fafafa";
+            readonly 'sidebar-border': "#27272a";
+            readonly 'sidebar-ring': "#71717b";
+            readonly success: "#34d399";
+            readonly warning: "#fbbf24";
+            readonly danger: "#f87171";
+            readonly white: "#ffffff";
+            readonly weak: "#999999";
+            readonly light: "#666666";
+            readonly text: "#e5e5e5";
+            readonly backgroundSecondary: "#242424";
+            readonly fill: "#242424";
+            readonly fillSecondary: "#2d2d2d";
+        };
+    };
+};
+export declare const designSystemNamedColors: {
+    readonly pink: "#eb2f96";
+    readonly red: "#f5222d";
+    readonly yellow: "#faad14";
+    readonly orange: "#fa8c16";
+    readonly cyan: "#13c2c2";
+    readonly green: "#52c41a";
+    readonly blue: "#1677ff";
+    readonly purple: "#722ed1";
+    readonly geekblue: "#2f54eb";
+    readonly magenta: "#eb2f96";
+    readonly volcano: "#fa541c";
+    readonly gold: "#faad14";
+    readonly lime: "#a0d911";
+};
+export declare const designSystemFormControls: {
+    readonly singleHeight: {
+        readonly mini: 28;
+        readonly small: 32;
+        readonly middle: 40;
+        readonly large: 48;
+    };
+    readonly multipleMinHeight: {
+        readonly mini: 28;
+        readonly small: 32;
+        readonly middle: 40;
+        readonly large: 48;
+    };
+    readonly textSize: {
+        readonly mini: 12;
+        readonly small: 14;
+        readonly middle: 14;
+        readonly large: 16;
+    };
+    readonly inlinePadding: {
+        readonly mini: 8;
+        readonly small: 10;
+        readonly middle: 12;
+        readonly large: 16;
+    };
+    readonly gap: {
+        readonly mini: 4;
+        readonly small: 6;
+        readonly middle: 8;
+        readonly large: 10;
+    };
+    readonly iconSize: {
+        readonly mini: 12;
+        readonly small: 14;
+        readonly middle: 16;
+        readonly large: 20;
+    };
+};
+export declare const designSystemTypography: {
+    readonly sizes: {
+        readonly xs: 12;
+        readonly sm: 14;
+        readonly base: 16;
+        readonly lg: 18;
+        readonly xl: 20;
+        readonly '2xl': 24;
+        readonly '3xl': 30;
+        readonly '4xl': 36;
+        readonly '5xl': 48;
+    };
+    readonly roles: {
+        readonly display: {
+            readonly fontSize: 48;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h1: {
+            readonly fontSize: 36;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h2: {
+            readonly fontSize: 30;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h3: {
+            readonly fontSize: 24;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h4: {
+            readonly fontSize: 20;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly h5: {
+            readonly fontSize: 18;
+            readonly fontWeight: 600;
+            readonly tracking: "tight";
+        };
+        readonly body: {
+            readonly fontSize: 16;
+            readonly fontWeight: 400;
+        };
+        readonly bodyMuted: {
+            readonly fontSize: 16;
+            readonly fontWeight: 400;
+            readonly colorToken: "{semantic.muted-foreground}";
+        };
+        readonly label: {
+            readonly fontSize: 14;
+            readonly fontWeight: 500;
+        };
+        readonly helper: {
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+            readonly colorToken: "{semantic.muted-foreground}";
+        };
+        readonly caption: {
+            readonly fontSize: 12;
+            readonly fontWeight: 400;
+            readonly colorToken: "{semantic.muted-foreground}";
+        };
+        readonly overline: {
+            readonly fontSize: 12;
+            readonly fontWeight: 500;
+            readonly letterSpacingEm: 0.2;
+            readonly transform: "uppercase";
+        };
+        readonly tableHeader: {
+            readonly fontSize: 14;
+            readonly fontWeight: 500;
+            readonly colorToken: "{semantic.foreground}";
+            readonly colorOpacity: 0.7;
+        };
+        readonly tableBody: {
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+        };
+        readonly numeric: {
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+            readonly features: readonly ["tabular-nums"];
+        };
+        readonly code: {
+            readonly fontSize: 14;
+            readonly fontWeight: 400;
+            readonly fontFamily: "mono";
+        };
+    };
+};
+export declare const designSystemTypographyRoles: {
+    readonly display: {
+        readonly fontSize: 48;
+        readonly fontWeight: 600;
+        readonly tracking: "tight";
+    };
+    readonly h1: {
+        readonly fontSize: 36;
+        readonly fontWeight: 600;
+        readonly tracking: "tight";
+    };
+    readonly h2: {
+        readonly fontSize: 30;
+        readonly fontWeight: 600;
+        readonly tracking: "tight";
+    };
+    readonly h3: {
+        readonly fontSize: 24;
+        readonly fontWeight: 600;
+        readonly tracking: "tight";
+    };
+    readonly h4: {
+        readonly fontSize: 20;
+        readonly fontWeight: 600;
+        readonly tracking: "tight";
+    };
+    readonly h5: {
+        readonly fontSize: 18;
+        readonly fontWeight: 600;
+        readonly tracking: "tight";
+    };
+    readonly body: {
+        readonly fontSize: 16;
+        readonly fontWeight: 400;
+    };
+    readonly bodyMuted: {
+        readonly fontSize: 16;
+        readonly fontWeight: 400;
+        readonly colorToken: "{semantic.muted-foreground}";
+    };
+    readonly label: {
+        readonly fontSize: 14;
+        readonly fontWeight: 500;
+    };
+    readonly helper: {
+        readonly fontSize: 14;
+        readonly fontWeight: 400;
+        readonly colorToken: "{semantic.muted-foreground}";
+    };
+    readonly caption: {
+        readonly fontSize: 12;
+        readonly fontWeight: 400;
+        readonly colorToken: "{semantic.muted-foreground}";
+    };
+    readonly overline: {
+        readonly fontSize: 12;
+        readonly fontWeight: 500;
+        readonly letterSpacingEm: 0.2;
+        readonly transform: "uppercase";
+    };
+    readonly tableHeader: {
+        readonly fontSize: 14;
+        readonly fontWeight: 500;
+        readonly colorToken: "{semantic.foreground}";
+        readonly colorOpacity: 0.7;
+    };
+    readonly tableBody: {
+        readonly fontSize: 14;
+        readonly fontWeight: 400;
+    };
+    readonly numeric: {
+        readonly fontSize: 14;
+        readonly fontWeight: 400;
+        readonly features: readonly ["tabular-nums"];
+    };
+    readonly code: {
+        readonly fontSize: 14;
+        readonly fontWeight: 400;
+        readonly fontFamily: "mono";
+    };
+};
+export declare const designSystemShadows: {
+    readonly none: {
+        readonly color: "transparent";
+        readonly offsetX: 0;
+        readonly offsetY: 0;
+        readonly blur: 0;
+        readonly opacity: 0;
+        readonly elevation: 0;
+    };
+    readonly sm: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 1;
+        readonly blur: 2;
+        readonly opacity: 0.05;
+        readonly elevation: 1;
+    };
+    readonly default: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 1;
+        readonly blur: 2;
+        readonly opacity: 0.05;
+        readonly elevation: 1;
+    };
+    readonly md: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 2;
+        readonly blur: 4;
+        readonly opacity: 0.1;
+        readonly elevation: 2;
+    };
+    readonly control: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 4;
+        readonly blur: 12;
+        readonly opacity: 0.08;
+        readonly elevation: 2;
+    };
+    readonly focus: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 4;
+        readonly blur: 12;
+        readonly opacity: 0.12;
+        readonly elevation: 2;
+    };
+    readonly tooltip: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 4;
+        readonly blur: 12;
+        readonly opacity: 1;
+        readonly elevation: 6;
+    };
+    readonly tabActive: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 4;
+        readonly blur: 8;
+        readonly opacity: 1;
+        readonly elevation: 1;
+    };
+    readonly switch: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 2;
+        readonly blur: 4;
+        readonly opacity: 1;
+        readonly elevation: 3;
+    };
+    readonly lg: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 4;
+        readonly blur: 8;
+        readonly opacity: 0.15;
+        readonly elevation: 4;
+    };
+    readonly menu: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 6;
+        readonly blur: 12;
+        readonly opacity: 1;
+        readonly elevation: 4;
+    };
+    readonly ghostPanel: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 8;
+        readonly blur: 16;
+        readonly opacity: 0.12;
+        readonly elevation: 6;
+    };
+    readonly panel: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 8;
+        readonly blur: 16;
+        readonly opacity: 1;
+        readonly elevation: 4;
+    };
+    readonly panelStrong: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 8;
+        readonly blur: 16;
+        readonly opacity: 1;
+        readonly elevation: 10;
+    };
+    readonly surface: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 6;
+        readonly blur: 16;
+        readonly opacity: 0.08;
+        readonly elevation: 3;
+    };
+    readonly card: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 6;
+        readonly blur: 16;
+        readonly opacity: 0.08;
+        readonly elevation: 6;
+    };
+    readonly cardHover: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 8;
+        readonly blur: 20;
+        readonly opacity: 0.08;
+        readonly elevation: 4;
+    };
+    readonly cardHoverElevated: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 8;
+        readonly blur: 20;
+        readonly opacity: 0.12;
+        readonly elevation: 10;
+    };
+    readonly floating: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 6;
+        readonly blur: 12;
+        readonly opacity: 1;
+        readonly elevation: 3;
+    };
+    readonly overlay: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 2;
+        readonly blur: 12;
+        readonly opacity: 1;
+        readonly elevation: 4;
+    };
+    readonly dialog: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 20;
+        readonly blur: 40;
+        readonly opacity: 1;
+        readonly elevation: 12;
+    };
+    readonly modal: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 16;
+        readonly blur: 32;
+        readonly opacity: 1;
+        readonly elevation: 14;
+    };
+    readonly result: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 2;
+        readonly blur: 16;
+        readonly opacity: 1;
+        readonly elevation: 3;
+    };
+    readonly dock: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: -4;
+        readonly blur: 16;
+        readonly opacity: 1;
+        readonly elevation: 6;
+    };
+    readonly sheet: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: -16;
+        readonly blur: 32;
+        readonly opacity: 1;
+        readonly elevation: 14;
+    };
+    readonly sheetStrong: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: -16;
+        readonly blur: 32;
+        readonly opacity: 1;
+        readonly elevation: 18;
+    };
+    readonly slider: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 10;
+        readonly blur: 24;
+        readonly opacity: 1;
+        readonly elevation: 4;
+    };
+    readonly toast: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 12;
+        readonly blur: 32;
+        readonly opacity: 1;
+        readonly elevation: 10;
+    };
+    readonly xl: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 6;
+        readonly blur: 12;
+        readonly opacity: 0.2;
+        readonly elevation: 8;
+    };
+    readonly '2xl': {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 8;
+        readonly blur: 16;
+        readonly opacity: 0.25;
+        readonly elevation: 12;
+    };
+    readonly inner: {
+        readonly color: "#000000";
+        readonly offsetX: 0;
+        readonly offsetY: 1;
+        readonly blur: 2;
+        readonly opacity: 0.1;
+        readonly elevation: 1;
+    };
+};
+export declare const neutralLightTheme: {
+    readonly background: "#FFFFFF";
+    readonly foreground: "#0a0a0a";
+    readonly card: "#FFFFFF";
+    readonly 'card-foreground': "#0a0a0a";
+    readonly popover: "#FFFFFF";
+    readonly 'popover-foreground': "#0a0a0a";
+    readonly primary: "#171717";
+    readonly 'primary-foreground': "#fafafa";
+    readonly secondary: "#f5f5f5";
+    readonly 'secondary-foreground': "#171717";
+    readonly muted: "#f5f5f5";
+    readonly 'muted-foreground': "#737373";
+    readonly accent: "#f5f5f5";
+    readonly 'accent-foreground': "#171717";
+    readonly destructive: "#ef4444";
+    readonly 'destructive-foreground': "#fafafa";
+    readonly border: "#e5e5e5";
+    readonly input: "#e5e5e5";
+    readonly ring: "#a1a1a1";
+    readonly 'chart-1': "#ef4444";
+    readonly 'chart-2': "#3b82f6";
+    readonly 'chart-3': "#10b981";
+    readonly 'chart-4': "#f59e0b";
+    readonly 'chart-5': "#8b5cf6";
+    readonly sidebar: "#fafafa";
+    readonly 'sidebar-foreground': "#0a0a0a";
+    readonly 'sidebar-primary': "#171717";
+    readonly 'sidebar-primary-foreground': "#fafafa";
+    readonly 'sidebar-accent': "#f5f5f5";
+    readonly 'sidebar-accent-foreground': "#171717";
+    readonly 'sidebar-border': "#e5e5e5";
+    readonly 'sidebar-ring': "#a1a1a1";
+    readonly success: "#00b578";
+    readonly warning: "#ff8f1f";
+    readonly danger: "#ff3141";
+    readonly white: "#ffffff";
+    readonly weak: "#999999";
+    readonly light: "#cccccc";
+    readonly text: "#333333";
+    readonly backgroundSecondary: "#f5f5f5";
+    readonly fill: "#f5f5f5";
+    readonly fillSecondary: "#fafafa";
+};
+export declare const neutralDarkTheme: {
+    readonly background: "#0a0a0a";
+    readonly foreground: "#fafafa";
+    readonly card: "#171717";
+    readonly 'card-foreground': "#fafafa";
+    readonly popover: "#171717";
+    readonly 'popover-foreground': "#fafafa";
+    readonly primary: "#e5e5e5";
+    readonly 'primary-foreground': "#171717";
+    readonly secondary: "#262626";
+    readonly 'secondary-foreground': "#fafafa";
+    readonly muted: "#262626";
+    readonly 'muted-foreground': "#a3a3a3";
+    readonly accent: "#262626";
+    readonly 'accent-foreground': "#fafafa";
+    readonly destructive: "#7f1d1d";
+    readonly 'destructive-foreground': "#fafafa";
+    readonly border: "#262626";
+    readonly input: "#262626";
+    readonly ring: "#737373";
+    readonly 'chart-1': "#f87171";
+    readonly 'chart-2': "#60a5fa";
+    readonly 'chart-3': "#34d399";
+    readonly 'chart-4': "#fbbf24";
+    readonly 'chart-5': "#a78bfa";
+    readonly sidebar: "#171717";
+    readonly 'sidebar-foreground': "#fafafa";
+    readonly 'sidebar-primary': "#e5e5e5";
+    readonly 'sidebar-primary-foreground': "#171717";
+    readonly 'sidebar-accent': "#262626";
+    readonly 'sidebar-accent-foreground': "#fafafa";
+    readonly 'sidebar-border': "#262626";
+    readonly 'sidebar-ring': "#737373";
+    readonly success: "#34d399";
+    readonly warning: "#fbbf24";
+    readonly danger: "#f87171";
+    readonly white: "#ffffff";
+    readonly weak: "#999999";
+    readonly light: "#666666";
+    readonly text: "#e5e5e5";
+    readonly backgroundSecondary: "#242424";
+    readonly fill: "#242424";
+    readonly fillSecondary: "#2d2d2d";
+};
+export declare type DesignSystemBaseColor = (typeof designSystemBaseColors)[number];
+export declare type DesignSystemColorScheme = (typeof designSystemColorSchemes)[number];
+export declare type DesignSystemSpacingKey = keyof typeof designSystemSpacing;
+export declare type DesignSystemRadiusKey = keyof typeof designSystemRadius;
+//# sourceMappingURL=design-system.generated.d.ts.map