@clusterenvision/ui-framework 1.0.0

package/dist/chunk-PVZVFICK.cjs

@@ -0,0 +1,318 @@
+'use strict';
+
+// src/lib/theme.ts
+var themePresets = {
+  dark: {
+    "--ce-color-background": "#0f172a",
+    "--ce-color-surface": "#111827",
+    "--ce-color-text": "#e2e8f0",
+    "--ce-color-text-muted": "#94a3b8",
+    "--ce-color-primary": "#7c3aed",
+    "--ce-color-accent": "#7c3aed",
+    "--ce-color-border": "rgba(255, 255, 255, 0.12)",
+    "--ce-color-focus-ring": "#7c3aed",
+    "--ce-font-family": "Inter, system-ui, sans-serif",
+    "--app-bg": "radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.18), transparent 32%), radial-gradient(circle at 80% 0%, rgba(45, 212, 191, 0.16), transparent 28%), linear-gradient(135deg, #0f172a, #0b1021 60%, #0b1021)",
+    "--panel-bg": "rgba(255, 255, 255, 0.04)",
+    "--panel-bg-hover": "rgba(255, 255, 255, 0.08)",
+    "--panel-bg-active": "rgba(255, 255, 255, 0.12)",
+    "--panel-border": "rgba(255, 255, 255, 0.08)",
+    "--text-primary": "#e2e8f0",
+    "--text-secondary": "#94a3b8",
+    "--text-tertiary": "#64748b",
+    "--text-inverse": "#0f172a",
+    "--accent": "#7c3aed",
+    "--accent-hover": "#8b5cf6",
+    "--accent-light": "rgba(124, 58, 237, 0.16)",
+    "--accent-border": "rgba(124, 58, 237, 0.6)",
+    "--accent-2": "#22d3ee",
+    "--accent-2-light": "rgba(34, 211, 238, 0.16)",
+    "--surface-overlay": "rgba(255, 255, 255, 0.02)",
+    "--surface-overlay-hover": "rgba(255, 255, 255, 0.05)",
+    "--shadow-sm": "0 4px 12px rgba(0, 0, 0, 0.3)",
+    "--shadow-md": "0 6px 18px rgba(0, 0, 0, 0.35)",
+    "--shadow-lg": "0 20px 60px rgba(0, 0, 0, 0.4)",
+    "--icon-color": "#e2e8f0",
+    "--ce-accent": "#7c3aed",
+    "--ce-accent-2": "#22d3ee",
+    "--ce-surface": "#0f172a",
+    "--ce-surface-2": "#111827",
+    "--ce-text": "#e2e8f0",
+    "--ce-border": "rgba(255, 255, 255, 0.12)",
+    colorScheme: "dark"
+  },
+  light: {
+    "--ce-color-background": "#f8fafc",
+    "--ce-color-surface": "#ffffff",
+    "--ce-color-text": "#0f172a",
+    "--ce-color-text-muted": "#475569",
+    "--ce-color-primary": "#4f46e5",
+    "--ce-color-accent": "#4f46e5",
+    "--ce-color-border": "rgba(15, 23, 42, 0.12)",
+    "--ce-color-focus-ring": "#4f46e5",
+    "--ce-font-family": "Inter, system-ui, sans-serif",
+    "--app-bg": "linear-gradient(180deg, #f8fafc 0%, #eef2ff 40%, #f8fafc 100%)",
+    "--panel-bg": "rgba(255, 255, 255, 0.9)",
+    "--panel-bg-hover": "rgba(255, 255, 255, 0.95)",
+    "--panel-bg-active": "rgba(255, 255, 255, 1)",
+    "--panel-border": "rgba(15, 23, 42, 0.08)",
+    "--text-primary": "#0f172a",
+    "--text-secondary": "#475569",
+    "--text-tertiary": "#64748b",
+    "--text-inverse": "#ffffff",
+    "--accent": "#4f46e5",
+    "--accent-hover": "#6366f1",
+    "--accent-light": "rgba(79, 70, 229, 0.12)",
+    "--accent-border": "rgba(79, 70, 229, 0.4)",
+    "--accent-2": "#06b6d4",
+    "--accent-2-light": "rgba(6, 182, 212, 0.12)",
+    "--surface-overlay": "rgba(15, 23, 42, 0.02)",
+    "--surface-overlay-hover": "rgba(15, 23, 42, 0.05)",
+    "--shadow-sm": "0 4px 12px rgba(0, 0, 0, 0.1)",
+    "--shadow-md": "0 6px 18px rgba(0, 0, 0, 0.12)",
+    "--shadow-lg": "0 20px 60px rgba(0, 0, 0, 0.15)",
+    "--icon-color": "#0f172a",
+    "--ce-accent": "#4f46e5",
+    "--ce-accent-2": "#06b6d4",
+    "--ce-surface": "#ffffff",
+    "--ce-surface-2": "#f8fafc",
+    "--ce-text": "#0f172a",
+    "--ce-border": "rgba(15, 23, 42, 0.12)",
+    colorScheme: "light"
+  }
+};
+var tokenFallbacks = {
+  "--text-primary": "var(--ce-color-text)",
+  "--text-secondary": "var(--ce-color-text-muted)",
+  "--text-muted": "var(--ce-color-text-muted)",
+  "--text-inverse": "var(--ce-color-background)",
+  "--theme-bg": "var(--ce-color-background)",
+  "--theme-surface": "var(--ce-color-surface)",
+  "--theme-fg": "var(--ce-color-text)",
+  "--theme-muted": "var(--ce-color-text-muted)",
+  "--theme-primary": "var(--ce-color-primary)",
+  "--theme-accent": "var(--ce-color-accent)",
+  "--ce-text": "var(--ce-color-text)",
+  "--ce-border": "var(--ce-color-border)",
+  "--ce-surface": "var(--ce-color-surface)",
+  "--ce-surface-2": "var(--ce-color-surface)"
+};
+function applyTokenFallbacks(preset) {
+  Object.entries(tokenFallbacks).forEach(([token, fallback]) => {
+    if (token in preset) return;
+    document.documentElement.style.setProperty(token, fallback);
+  });
+}
+var STORAGE_KEYS = {
+  theme: "app-theme",
+  density: "app-density",
+  radius: "app-radius",
+  fontScale: "app-font-scale"
+};
+var FONT_SCALE_PRESETS = {
+  sm: 0.92,
+  md: 1,
+  lg: 1.08,
+  xl: 1.16
+};
+var themeListeners = /* @__PURE__ */ new Set();
+var radiusAliases = {
+  "--radius-none": "var(--ce-radius-none)",
+  "--radius-xs": "var(--ce-radius-xs)",
+  "--radius-sm": "var(--ce-radius-sm)",
+  "--radius-md": "var(--ce-radius-md)",
+  "--radius-lg": "var(--ce-radius-lg)",
+  "--radius-xl": "var(--ce-radius-xl)",
+  "--radius-pill": "var(--ce-radius-pill)",
+  "--radius-full": "var(--ce-radius-circle)"
+};
+function getStorage() {
+  if (typeof localStorage === "undefined") {
+    return null;
+  }
+  return localStorage;
+}
+function applyTheme(mode) {
+  const preset = themePresets[mode];
+  Object.entries(preset).forEach(([k, v]) => {
+    if (k === "colorScheme") return;
+    document.documentElement.style.setProperty(k, v);
+  });
+  applyTokenFallbacks(preset);
+  applyRadiusAliases();
+  document.documentElement.dataset.theme = mode;
+  document.documentElement.dataset.ceTheme = mode;
+  document.documentElement.classList.remove("theme-light", "theme-dark");
+  document.documentElement.classList.add(`theme-${mode}`);
+  document.documentElement.style.colorScheme = preset.colorScheme;
+}
+function getInitialTheme() {
+  const storage = getStorage();
+  const stored = storage?.getItem(STORAGE_KEYS.theme);
+  if (stored === "light" || stored === "dark") return stored;
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return "light";
+  }
+  return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+function onThemeUpdate(listener) {
+  themeListeners.add(listener);
+  return () => themeListeners.delete(listener);
+}
+function registerThemeAwareComponent(handler) {
+  handler(getStoredThemeState());
+  return onThemeUpdate(handler);
+}
+function getStoredThemeState() {
+  const storage = getStorage();
+  const storedTheme = storage?.getItem(STORAGE_KEYS.theme);
+  const theme = storedTheme === "light" || storedTheme === "dark" ? storedTheme : getInitialTheme();
+  const density = storage?.getItem(STORAGE_KEYS.density) ?? "default";
+  const radius = storage?.getItem(STORAGE_KEYS.radius) ?? "default";
+  const fontScaleRaw = storage?.getItem(STORAGE_KEYS.fontScale) ?? null;
+  const fontScale = fontScaleRaw ? Number(fontScaleRaw) : "md";
+  return { theme, density, radius, fontScale };
+}
+function hydrateThemeState(overrides = {}) {
+  const state = { ...getStoredThemeState(), ...overrides };
+  applyThemeState(state, { persist: false, guard: false });
+  return state;
+}
+function setTheme(mode) {
+  applyThemeState({ ...getStoredThemeState(), theme: mode });
+}
+function setDensity(mode) {
+  applyThemeState({ ...getStoredThemeState(), density: mode });
+}
+function setRadius(mode) {
+  applyThemeState({ ...getStoredThemeState(), radius: mode });
+}
+function setFontScale(scale) {
+  applyThemeState({ ...getStoredThemeState(), fontScale: scale });
+}
+function applyThemeState(state, options = {}) {
+  const { persist = true, guard = true } = options;
+  const storage = getStorage();
+  const apply = () => {
+    applyTheme(state.theme);
+    applyDensity(state.density);
+    applyRadius(state.radius);
+    applyFontScale(state.fontScale);
+  };
+  if (guard) {
+    withThemeTransitionGuard(apply);
+  } else {
+    apply();
+  }
+  if (persist && storage) {
+    storage.setItem(STORAGE_KEYS.theme, state.theme);
+    storage.setItem(STORAGE_KEYS.density, state.density);
+    storage.setItem(STORAGE_KEYS.radius, state.radius);
+    storage.setItem(STORAGE_KEYS.fontScale, String(resolveFontScale(state.fontScale)));
+  }
+  document.documentElement.dataset.ceDensity = state.density;
+  document.documentElement.dataset.ceRadius = state.radius;
+  document.documentElement.dataset.ceFontScale = String(resolveFontScale(state.fontScale));
+  notifyThemeUpdate(state);
+}
+function withThemeTransitionGuard(action) {
+  if (typeof document === "undefined") {
+    action();
+    return;
+  }
+  const style = document.createElement("style");
+  style.setAttribute("data-ce-theme-guard", "true");
+  style.textContent = "*{transition:none !important;animation:none !important;}";
+  document.head.appendChild(style);
+  action();
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      style.remove();
+    });
+  });
+}
+function notifyThemeUpdate(state) {
+  themeListeners.forEach((listener) => listener(state));
+}
+function applyDensity(mode) {
+  if (mode === "default") {
+    document.documentElement.style.removeProperty("--ce-density-compact");
+    document.documentElement.style.removeProperty("--ce-density-comfortable");
+    return;
+  }
+  const compact = mode === "compact" ? 0.85 : 1;
+  const comfortable = mode === "comfortable" ? 1 : 0.85;
+  document.documentElement.style.setProperty("--ce-density-compact", String(compact));
+  document.documentElement.style.setProperty("--ce-density-comfortable", String(comfortable));
+}
+function applyRadius(mode) {
+  if (mode === "default") {
+    applyRadiusAliases();
+    return;
+  }
+  const value = resolveRadius(mode);
+  const keys = [
+    "--radius-none",
+    "--radius-xs",
+    "--radius-sm",
+    "--radius-md",
+    "--radius-lg",
+    "--radius-xl",
+    "--radius-pill",
+    "--radius-full"
+  ];
+  keys.forEach((key) => document.documentElement.style.setProperty(key, value));
+}
+function applyRadiusAliases() {
+  Object.entries(radiusAliases).forEach(([key, value]) => {
+    document.documentElement.style.setProperty(key, value);
+  });
+}
+function resolveRadius(mode) {
+  switch (mode) {
+    case "none":
+      return "0";
+    case "sm":
+      return "var(--ce-radius-sm)";
+    case "md":
+      return "var(--ce-radius-md)";
+    case "lg":
+      return "var(--ce-radius-lg)";
+    case "xl":
+      return "var(--ce-radius-xl)";
+    case "pill":
+      return "var(--ce-radius-pill)";
+    case "circle":
+      return "var(--ce-radius-circle)";
+    case "default":
+    default:
+      return "var(--ce-radius-md)";
+  }
+}
+function applyFontScale(scale) {
+  const resolved = resolveFontScale(scale);
+  document.documentElement.style.setProperty("--ce-font-scale", String(resolved));
+  document.documentElement.style.fontSize = `${Math.round(resolved * 100)}%`;
+}
+function resolveFontScale(scale) {
+  if (typeof scale === "number" && Number.isFinite(scale)) return scale;
+  if (typeof scale === "string" && scale in FONT_SCALE_PRESETS) {
+    return FONT_SCALE_PRESETS[scale];
+  }
+  return 1;
+}
+
+exports.applyTheme = applyTheme;
+exports.applyThemeState = applyThemeState;
+exports.getInitialTheme = getInitialTheme;
+exports.getStoredThemeState = getStoredThemeState;
+exports.hydrateThemeState = hydrateThemeState;
+exports.onThemeUpdate = onThemeUpdate;
+exports.registerThemeAwareComponent = registerThemeAwareComponent;
+exports.setDensity = setDensity;
+exports.setFontScale = setFontScale;
+exports.setRadius = setRadius;
+exports.setTheme = setTheme;
+exports.withThemeTransitionGuard = withThemeTransitionGuard;
+//# sourceMappingURL=chunk-PVZVFICK.cjs.map
+//# sourceMappingURL=chunk-PVZVFICK.cjs.map

package/dist/chunk-PVZVFICK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/theme.ts"],"names":[],"mappings":"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","file":"chunk-PVZVFICK.cjs","sourcesContent":["const themePresets: Record<string, Record<string, string>> = {\n  dark: {\n    \"--ce-color-background\": \"#0f172a\",\n    \"--ce-color-surface\": \"#111827\",\n    \"--ce-color-text\": \"#e2e8f0\",\n    \"--ce-color-text-muted\": \"#94a3b8\",\n    \"--ce-color-primary\": \"#7c3aed\",\n    \"--ce-color-accent\": \"#7c3aed\",\n    \"--ce-color-border\": \"rgba(255, 255, 255, 0.12)\",\n    \"--ce-color-focus-ring\": \"#7c3aed\",\n    \"--ce-font-family\": \"Inter, system-ui, sans-serif\",\n    \"--app-bg\": \"radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.18), transparent 32%), radial-gradient(circle at 80% 0%, rgba(45, 212, 191, 0.16), transparent 28%), linear-gradient(135deg, #0f172a, #0b1021 60%, #0b1021)\",\n    \"--panel-bg\": \"rgba(255, 255, 255, 0.04)\",\n    \"--panel-bg-hover\": \"rgba(255, 255, 255, 0.08)\",\n    \"--panel-bg-active\": \"rgba(255, 255, 255, 0.12)\",\n    \"--panel-border\": \"rgba(255, 255, 255, 0.08)\",\n    \"--text-primary\": \"#e2e8f0\",\n    \"--text-secondary\": \"#94a3b8\",\n    \"--text-tertiary\": \"#64748b\",\n    \"--text-inverse\": \"#0f172a\",\n    \"--accent\": \"#7c3aed\",\n    \"--accent-hover\": \"#8b5cf6\",\n    \"--accent-light\": \"rgba(124, 58, 237, 0.16)\",\n    \"--accent-border\": \"rgba(124, 58, 237, 0.6)\",\n    \"--accent-2\": \"#22d3ee\",\n    \"--accent-2-light\": \"rgba(34, 211, 238, 0.16)\",\n    \"--surface-overlay\": \"rgba(255, 255, 255, 0.02)\",\n    \"--surface-overlay-hover\": \"rgba(255, 255, 255, 0.05)\",\n    \"--shadow-sm\": \"0 4px 12px rgba(0, 0, 0, 0.3)\",\n    \"--shadow-md\": \"0 6px 18px rgba(0, 0, 0, 0.35)\",\n    \"--shadow-lg\": \"0 20px 60px rgba(0, 0, 0, 0.4)\",\n    \"--icon-color\": \"#e2e8f0\",\n    \"--ce-accent\": \"#7c3aed\",\n    \"--ce-accent-2\": \"#22d3ee\",\n    \"--ce-surface\": \"#0f172a\",\n    \"--ce-surface-2\": \"#111827\",\n    \"--ce-text\": \"#e2e8f0\",\n    \"--ce-border\": \"rgba(255, 255, 255, 0.12)\",\n    colorScheme: \"dark\",\n  },\n  light: {\n    \"--ce-color-background\": \"#f8fafc\",\n    \"--ce-color-surface\": \"#ffffff\",\n    \"--ce-color-text\": \"#0f172a\",\n    \"--ce-color-text-muted\": \"#475569\",\n    \"--ce-color-primary\": \"#4f46e5\",\n    \"--ce-color-accent\": \"#4f46e5\",\n    \"--ce-color-border\": \"rgba(15, 23, 42, 0.12)\",\n    \"--ce-color-focus-ring\": \"#4f46e5\",\n    \"--ce-font-family\": \"Inter, system-ui, sans-serif\",\n    \"--app-bg\": \"linear-gradient(180deg, #f8fafc 0%, #eef2ff 40%, #f8fafc 100%)\",\n    \"--panel-bg\": \"rgba(255, 255, 255, 0.9)\",\n    \"--panel-bg-hover\": \"rgba(255, 255, 255, 0.95)\",\n    \"--panel-bg-active\": \"rgba(255, 255, 255, 1)\",\n    \"--panel-border\": \"rgba(15, 23, 42, 0.08)\",\n    \"--text-primary\": \"#0f172a\",\n    \"--text-secondary\": \"#475569\",\n    \"--text-tertiary\": \"#64748b\",\n    \"--text-inverse\": \"#ffffff\",\n    \"--accent\": \"#4f46e5\",\n    \"--accent-hover\": \"#6366f1\",\n    \"--accent-light\": \"rgba(79, 70, 229, 0.12)\",\n    \"--accent-border\": \"rgba(79, 70, 229, 0.4)\",\n    \"--accent-2\": \"#06b6d4\",\n    \"--accent-2-light\": \"rgba(6, 182, 212, 0.12)\",\n    \"--surface-overlay\": \"rgba(15, 23, 42, 0.02)\",\n    \"--surface-overlay-hover\": \"rgba(15, 23, 42, 0.05)\",\n    \"--shadow-sm\": \"0 4px 12px rgba(0, 0, 0, 0.1)\",\n    \"--shadow-md\": \"0 6px 18px rgba(0, 0, 0, 0.12)\",\n    \"--shadow-lg\": \"0 20px 60px rgba(0, 0, 0, 0.15)\",\n    \"--icon-color\": \"#0f172a\",\n    \"--ce-accent\": \"#4f46e5\",\n    \"--ce-accent-2\": \"#06b6d4\",\n    \"--ce-surface\": \"#ffffff\",\n    \"--ce-surface-2\": \"#f8fafc\",\n    \"--ce-text\": \"#0f172a\",\n    \"--ce-border\": \"rgba(15, 23, 42, 0.12)\",\n    colorScheme: \"light\",\n  },\n};\n\nconst tokenFallbacks: Record<string, string> = {\n  \"--text-primary\": \"var(--ce-color-text)\",\n  \"--text-secondary\": \"var(--ce-color-text-muted)\",\n  \"--text-muted\": \"var(--ce-color-text-muted)\",\n  \"--text-inverse\": \"var(--ce-color-background)\",\n  \"--theme-bg\": \"var(--ce-color-background)\",\n  \"--theme-surface\": \"var(--ce-color-surface)\",\n  \"--theme-fg\": \"var(--ce-color-text)\",\n  \"--theme-muted\": \"var(--ce-color-text-muted)\",\n  \"--theme-primary\": \"var(--ce-color-primary)\",\n  \"--theme-accent\": \"var(--ce-color-accent)\",\n  \"--ce-text\": \"var(--ce-color-text)\",\n  \"--ce-border\": \"var(--ce-color-border)\",\n  \"--ce-surface\": \"var(--ce-color-surface)\",\n  \"--ce-surface-2\": \"var(--ce-color-surface)\",\n};\n\nfunction applyTokenFallbacks(preset: Record<string, string>): void {\n  Object.entries(tokenFallbacks).forEach(([token, fallback]) => {\n    if (token in preset) return;\n    document.documentElement.style.setProperty(token, fallback);\n  });\n}\n\nexport type ThemeMode = \"light\" | \"dark\";\nexport type DensityMode = \"default\" | \"compact\" | \"comfortable\";\nexport type RadiusMode = \"default\" | \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"pill\" | \"circle\";\nexport type FontScale = \"sm\" | \"md\" | \"lg\" | \"xl\" | number;\n\nexport interface ThemeState {\n  theme: ThemeMode;\n  density: DensityMode;\n  radius: RadiusMode;\n  fontScale: FontScale;\n}\n\nconst STORAGE_KEYS = {\n  theme: \"app-theme\",\n  density: \"app-density\",\n  radius: \"app-radius\",\n  fontScale: \"app-font-scale\",\n} as const;\n\nconst FONT_SCALE_PRESETS: Record<Exclude<FontScale, number>, number> = {\n  sm: 0.92,\n  md: 1,\n  lg: 1.08,\n  xl: 1.16,\n};\n\nconst themeListeners = new Set<(state: ThemeState) => void>();\n\nconst radiusAliases: Record<string, string> = {\n  \"--radius-none\": \"var(--ce-radius-none)\",\n  \"--radius-xs\": \"var(--ce-radius-xs)\",\n  \"--radius-sm\": \"var(--ce-radius-sm)\",\n  \"--radius-md\": \"var(--ce-radius-md)\",\n  \"--radius-lg\": \"var(--ce-radius-lg)\",\n  \"--radius-xl\": \"var(--ce-radius-xl)\",\n  \"--radius-pill\": \"var(--ce-radius-pill)\",\n  \"--radius-full\": \"var(--ce-radius-circle)\",\n};\n\nfunction getStorage(): Storage | null {\n  if (typeof localStorage === \"undefined\") {\n    return null;\n  }\n  return localStorage;\n}\n\nexport function applyTheme(mode: ThemeMode): void {\n  const preset = themePresets[mode];\n  Object.entries(preset).forEach(([k, v]) => {\n    if (k === \"colorScheme\") return;\n    document.documentElement.style.setProperty(k, v);\n  });\n  applyTokenFallbacks(preset);\n  applyRadiusAliases();\n  document.documentElement.dataset.theme = mode;\n  document.documentElement.dataset.ceTheme = mode;\n  document.documentElement.classList.remove(\"theme-light\", \"theme-dark\");\n  document.documentElement.classList.add(`theme-${mode}`);\n  document.documentElement.style.colorScheme = preset.colorScheme;\n}\n\nexport function getInitialTheme(): ThemeMode {\n  const storage = getStorage();\n  const stored = storage?.getItem(STORAGE_KEYS.theme) as ThemeMode | null;\n  if (stored === \"light\" || stored === \"dark\") return stored;\n  if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") {\n    return \"light\";\n  }\n  return window.matchMedia(\"(prefers-color-scheme: light)\").matches ? \"light\" : \"dark\";\n}\n\nexport function onThemeUpdate(listener: (state: ThemeState) => void): () => void {\n  themeListeners.add(listener);\n  return () => themeListeners.delete(listener);\n}\n\nexport function registerThemeAwareComponent(handler: (state: ThemeState) => void): () => void {\n  handler(getStoredThemeState());\n  return onThemeUpdate(handler);\n}\n\nexport function getStoredThemeState(): ThemeState {\n  const storage = getStorage();\n  const storedTheme = storage?.getItem(STORAGE_KEYS.theme) as ThemeMode | null;\n  const theme = storedTheme === \"light\" || storedTheme === \"dark\" ? storedTheme : getInitialTheme();\n  const density = (storage?.getItem(STORAGE_KEYS.density) as DensityMode | null) ?? \"default\";\n  const radius = (storage?.getItem(STORAGE_KEYS.radius) as RadiusMode | null) ?? \"default\";\n  const fontScaleRaw = storage?.getItem(STORAGE_KEYS.fontScale) ?? null;\n  const fontScale = fontScaleRaw ? Number(fontScaleRaw) : \"md\";\n  return { theme, density, radius, fontScale };\n}\n\nexport function hydrateThemeState(overrides: Partial<ThemeState> = {}): ThemeState {\n  const state = { ...getStoredThemeState(), ...overrides };\n  applyThemeState(state, { persist: false, guard: false });\n  return state;\n}\n\nexport function setTheme(mode: ThemeMode): void {\n  applyThemeState({ ...getStoredThemeState(), theme: mode });\n}\n\nexport function setDensity(mode: DensityMode): void {\n  applyThemeState({ ...getStoredThemeState(), density: mode });\n}\n\nexport function setRadius(mode: RadiusMode): void {\n  applyThemeState({ ...getStoredThemeState(), radius: mode });\n}\n\nexport function setFontScale(scale: FontScale): void {\n  applyThemeState({ ...getStoredThemeState(), fontScale: scale });\n}\n\nexport function applyThemeState(state: ThemeState, options: { persist?: boolean; guard?: boolean } = {}): void {\n  const { persist = true, guard = true } = options;\n  const storage = getStorage();\n  const apply = () => {\n    applyTheme(state.theme);\n    applyDensity(state.density);\n    applyRadius(state.radius);\n    applyFontScale(state.fontScale);\n  };\n\n  if (guard) {\n    withThemeTransitionGuard(apply);\n  } else {\n    apply();\n  }\n\n  if (persist && storage) {\n    storage.setItem(STORAGE_KEYS.theme, state.theme);\n    storage.setItem(STORAGE_KEYS.density, state.density);\n    storage.setItem(STORAGE_KEYS.radius, state.radius);\n    storage.setItem(STORAGE_KEYS.fontScale, String(resolveFontScale(state.fontScale)));\n  }\n\n  document.documentElement.dataset.ceDensity = state.density;\n  document.documentElement.dataset.ceRadius = state.radius;\n  document.documentElement.dataset.ceFontScale = String(resolveFontScale(state.fontScale));\n  notifyThemeUpdate(state);\n}\n\nexport function withThemeTransitionGuard(action: () => void): void {\n  if (typeof document === \"undefined\") {\n    action();\n    return;\n  }\n  const style = document.createElement(\"style\");\n  style.setAttribute(\"data-ce-theme-guard\", \"true\");\n  style.textContent = \"*{transition:none !important;animation:none !important;}\";\n  document.head.appendChild(style);\n  action();\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      style.remove();\n    });\n  });\n}\n\nfunction notifyThemeUpdate(state: ThemeState): void {\n  themeListeners.forEach((listener) => listener(state));\n}\n\nfunction applyDensity(mode: DensityMode): void {\n  if (mode === \"default\") {\n    document.documentElement.style.removeProperty(\"--ce-density-compact\");\n    document.documentElement.style.removeProperty(\"--ce-density-comfortable\");\n    return;\n  }\n\n  const compact = mode === \"compact\" ? 0.85 : 1;\n  const comfortable = mode === \"comfortable\" ? 1 : 0.85;\n  document.documentElement.style.setProperty(\"--ce-density-compact\", String(compact));\n  document.documentElement.style.setProperty(\"--ce-density-comfortable\", String(comfortable));\n}\n\nfunction applyRadius(mode: RadiusMode): void {\n  if (mode === \"default\") {\n    applyRadiusAliases();\n    return;\n  }\n\n  const value = resolveRadius(mode);\n  const keys = [\n    \"--radius-none\",\n    \"--radius-xs\",\n    \"--radius-sm\",\n    \"--radius-md\",\n    \"--radius-lg\",\n    \"--radius-xl\",\n    \"--radius-pill\",\n    \"--radius-full\",\n  ];\n  keys.forEach((key) => document.documentElement.style.setProperty(key, value));\n}\n\nfunction applyRadiusAliases(): void {\n  Object.entries(radiusAliases).forEach(([key, value]) => {\n    document.documentElement.style.setProperty(key, value);\n  });\n}\n\nfunction resolveRadius(mode: RadiusMode): string {\n  switch (mode) {\n    case \"none\":\n      return \"0\";\n    case \"sm\":\n      return \"var(--ce-radius-sm)\";\n    case \"md\":\n      return \"var(--ce-radius-md)\";\n    case \"lg\":\n      return \"var(--ce-radius-lg)\";\n    case \"xl\":\n      return \"var(--ce-radius-xl)\";\n    case \"pill\":\n      return \"var(--ce-radius-pill)\";\n    case \"circle\":\n      return \"var(--ce-radius-circle)\";\n    case \"default\":\n    default:\n      return \"var(--ce-radius-md)\";\n  }\n}\n\nfunction applyFontScale(scale: FontScale): void {\n  const resolved = resolveFontScale(scale);\n  document.documentElement.style.setProperty(\"--ce-font-scale\", String(resolved));\n  document.documentElement.style.fontSize = `${Math.round(resolved * 100)}%`;\n}\n\nfunction resolveFontScale(scale: FontScale): number {\n  if (typeof scale === \"number\" && Number.isFinite(scale)) return scale;\n  if (typeof scale === \"string\" && scale in FONT_SCALE_PRESETS) {\n    return FONT_SCALE_PRESETS[scale as keyof typeof FONT_SCALE_PRESETS];\n  }\n  return 1;\n}\n"]}

package/dist/chunk-Q3KH6HMU.js

@@ -0,0 +1,305 @@
+// src/lib/theme.ts
+var themePresets = {
+  dark: {
+    "--ce-color-background": "#0f172a",
+    "--ce-color-surface": "#111827",
+    "--ce-color-text": "#e2e8f0",
+    "--ce-color-text-muted": "#94a3b8",
+    "--ce-color-primary": "#7c3aed",
+    "--ce-color-accent": "#7c3aed",
+    "--ce-color-border": "rgba(255, 255, 255, 0.12)",
+    "--ce-color-focus-ring": "#7c3aed",
+    "--ce-font-family": "Inter, system-ui, sans-serif",
+    "--app-bg": "radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.18), transparent 32%), radial-gradient(circle at 80% 0%, rgba(45, 212, 191, 0.16), transparent 28%), linear-gradient(135deg, #0f172a, #0b1021 60%, #0b1021)",
+    "--panel-bg": "rgba(255, 255, 255, 0.04)",
+    "--panel-bg-hover": "rgba(255, 255, 255, 0.08)",
+    "--panel-bg-active": "rgba(255, 255, 255, 0.12)",
+    "--panel-border": "rgba(255, 255, 255, 0.08)",
+    "--text-primary": "#e2e8f0",
+    "--text-secondary": "#94a3b8",
+    "--text-tertiary": "#64748b",
+    "--text-inverse": "#0f172a",
+    "--accent": "#7c3aed",
+    "--accent-hover": "#8b5cf6",
+    "--accent-light": "rgba(124, 58, 237, 0.16)",
+    "--accent-border": "rgba(124, 58, 237, 0.6)",
+    "--accent-2": "#22d3ee",
+    "--accent-2-light": "rgba(34, 211, 238, 0.16)",
+    "--surface-overlay": "rgba(255, 255, 255, 0.02)",
+    "--surface-overlay-hover": "rgba(255, 255, 255, 0.05)",
+    "--shadow-sm": "0 4px 12px rgba(0, 0, 0, 0.3)",
+    "--shadow-md": "0 6px 18px rgba(0, 0, 0, 0.35)",
+    "--shadow-lg": "0 20px 60px rgba(0, 0, 0, 0.4)",
+    "--icon-color": "#e2e8f0",
+    "--ce-accent": "#7c3aed",
+    "--ce-accent-2": "#22d3ee",
+    "--ce-surface": "#0f172a",
+    "--ce-surface-2": "#111827",
+    "--ce-text": "#e2e8f0",
+    "--ce-border": "rgba(255, 255, 255, 0.12)",
+    colorScheme: "dark"
+  },
+  light: {
+    "--ce-color-background": "#f8fafc",
+    "--ce-color-surface": "#ffffff",
+    "--ce-color-text": "#0f172a",
+    "--ce-color-text-muted": "#475569",
+    "--ce-color-primary": "#4f46e5",
+    "--ce-color-accent": "#4f46e5",
+    "--ce-color-border": "rgba(15, 23, 42, 0.12)",
+    "--ce-color-focus-ring": "#4f46e5",
+    "--ce-font-family": "Inter, system-ui, sans-serif",
+    "--app-bg": "linear-gradient(180deg, #f8fafc 0%, #eef2ff 40%, #f8fafc 100%)",
+    "--panel-bg": "rgba(255, 255, 255, 0.9)",
+    "--panel-bg-hover": "rgba(255, 255, 255, 0.95)",
+    "--panel-bg-active": "rgba(255, 255, 255, 1)",
+    "--panel-border": "rgba(15, 23, 42, 0.08)",
+    "--text-primary": "#0f172a",
+    "--text-secondary": "#475569",
+    "--text-tertiary": "#64748b",
+    "--text-inverse": "#ffffff",
+    "--accent": "#4f46e5",
+    "--accent-hover": "#6366f1",
+    "--accent-light": "rgba(79, 70, 229, 0.12)",
+    "--accent-border": "rgba(79, 70, 229, 0.4)",
+    "--accent-2": "#06b6d4",
+    "--accent-2-light": "rgba(6, 182, 212, 0.12)",
+    "--surface-overlay": "rgba(15, 23, 42, 0.02)",
+    "--surface-overlay-hover": "rgba(15, 23, 42, 0.05)",
+    "--shadow-sm": "0 4px 12px rgba(0, 0, 0, 0.1)",
+    "--shadow-md": "0 6px 18px rgba(0, 0, 0, 0.12)",
+    "--shadow-lg": "0 20px 60px rgba(0, 0, 0, 0.15)",
+    "--icon-color": "#0f172a",
+    "--ce-accent": "#4f46e5",
+    "--ce-accent-2": "#06b6d4",
+    "--ce-surface": "#ffffff",
+    "--ce-surface-2": "#f8fafc",
+    "--ce-text": "#0f172a",
+    "--ce-border": "rgba(15, 23, 42, 0.12)",
+    colorScheme: "light"
+  }
+};
+var tokenFallbacks = {
+  "--text-primary": "var(--ce-color-text)",
+  "--text-secondary": "var(--ce-color-text-muted)",
+  "--text-muted": "var(--ce-color-text-muted)",
+  "--text-inverse": "var(--ce-color-background)",
+  "--theme-bg": "var(--ce-color-background)",
+  "--theme-surface": "var(--ce-color-surface)",
+  "--theme-fg": "var(--ce-color-text)",
+  "--theme-muted": "var(--ce-color-text-muted)",
+  "--theme-primary": "var(--ce-color-primary)",
+  "--theme-accent": "var(--ce-color-accent)",
+  "--ce-text": "var(--ce-color-text)",
+  "--ce-border": "var(--ce-color-border)",
+  "--ce-surface": "var(--ce-color-surface)",
+  "--ce-surface-2": "var(--ce-color-surface)"
+};
+function applyTokenFallbacks(preset) {
+  Object.entries(tokenFallbacks).forEach(([token, fallback]) => {
+    if (token in preset) return;
+    document.documentElement.style.setProperty(token, fallback);
+  });
+}
+var STORAGE_KEYS = {
+  theme: "app-theme",
+  density: "app-density",
+  radius: "app-radius",
+  fontScale: "app-font-scale"
+};
+var FONT_SCALE_PRESETS = {
+  sm: 0.92,
+  md: 1,
+  lg: 1.08,
+  xl: 1.16
+};
+var themeListeners = /* @__PURE__ */ new Set();
+var radiusAliases = {
+  "--radius-none": "var(--ce-radius-none)",
+  "--radius-xs": "var(--ce-radius-xs)",
+  "--radius-sm": "var(--ce-radius-sm)",
+  "--radius-md": "var(--ce-radius-md)",
+  "--radius-lg": "var(--ce-radius-lg)",
+  "--radius-xl": "var(--ce-radius-xl)",
+  "--radius-pill": "var(--ce-radius-pill)",
+  "--radius-full": "var(--ce-radius-circle)"
+};
+function getStorage() {
+  if (typeof localStorage === "undefined") {
+    return null;
+  }
+  return localStorage;
+}
+function applyTheme(mode) {
+  const preset = themePresets[mode];
+  Object.entries(preset).forEach(([k, v]) => {
+    if (k === "colorScheme") return;
+    document.documentElement.style.setProperty(k, v);
+  });
+  applyTokenFallbacks(preset);
+  applyRadiusAliases();
+  document.documentElement.dataset.theme = mode;
+  document.documentElement.dataset.ceTheme = mode;
+  document.documentElement.classList.remove("theme-light", "theme-dark");
+  document.documentElement.classList.add(`theme-${mode}`);
+  document.documentElement.style.colorScheme = preset.colorScheme;
+}
+function getInitialTheme() {
+  const storage = getStorage();
+  const stored = storage?.getItem(STORAGE_KEYS.theme);
+  if (stored === "light" || stored === "dark") return stored;
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+    return "light";
+  }
+  return window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+function onThemeUpdate(listener) {
+  themeListeners.add(listener);
+  return () => themeListeners.delete(listener);
+}
+function registerThemeAwareComponent(handler) {
+  handler(getStoredThemeState());
+  return onThemeUpdate(handler);
+}
+function getStoredThemeState() {
+  const storage = getStorage();
+  const storedTheme = storage?.getItem(STORAGE_KEYS.theme);
+  const theme = storedTheme === "light" || storedTheme === "dark" ? storedTheme : getInitialTheme();
+  const density = storage?.getItem(STORAGE_KEYS.density) ?? "default";
+  const radius = storage?.getItem(STORAGE_KEYS.radius) ?? "default";
+  const fontScaleRaw = storage?.getItem(STORAGE_KEYS.fontScale) ?? null;
+  const fontScale = fontScaleRaw ? Number(fontScaleRaw) : "md";
+  return { theme, density, radius, fontScale };
+}
+function hydrateThemeState(overrides = {}) {
+  const state = { ...getStoredThemeState(), ...overrides };
+  applyThemeState(state, { persist: false, guard: false });
+  return state;
+}
+function setTheme(mode) {
+  applyThemeState({ ...getStoredThemeState(), theme: mode });
+}
+function setDensity(mode) {
+  applyThemeState({ ...getStoredThemeState(), density: mode });
+}
+function setRadius(mode) {
+  applyThemeState({ ...getStoredThemeState(), radius: mode });
+}
+function setFontScale(scale) {
+  applyThemeState({ ...getStoredThemeState(), fontScale: scale });
+}
+function applyThemeState(state, options = {}) {
+  const { persist = true, guard = true } = options;
+  const storage = getStorage();
+  const apply = () => {
+    applyTheme(state.theme);
+    applyDensity(state.density);
+    applyRadius(state.radius);
+    applyFontScale(state.fontScale);
+  };
+  if (guard) {
+    withThemeTransitionGuard(apply);
+  } else {
+    apply();
+  }
+  if (persist && storage) {
+    storage.setItem(STORAGE_KEYS.theme, state.theme);
+    storage.setItem(STORAGE_KEYS.density, state.density);
+    storage.setItem(STORAGE_KEYS.radius, state.radius);
+    storage.setItem(STORAGE_KEYS.fontScale, String(resolveFontScale(state.fontScale)));
+  }
+  document.documentElement.dataset.ceDensity = state.density;
+  document.documentElement.dataset.ceRadius = state.radius;
+  document.documentElement.dataset.ceFontScale = String(resolveFontScale(state.fontScale));
+  notifyThemeUpdate(state);
+}
+function withThemeTransitionGuard(action) {
+  if (typeof document === "undefined") {
+    action();
+    return;
+  }
+  const style = document.createElement("style");
+  style.setAttribute("data-ce-theme-guard", "true");
+  style.textContent = "*{transition:none !important;animation:none !important;}";
+  document.head.appendChild(style);
+  action();
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      style.remove();
+    });
+  });
+}
+function notifyThemeUpdate(state) {
+  themeListeners.forEach((listener) => listener(state));
+}
+function applyDensity(mode) {
+  if (mode === "default") {
+    document.documentElement.style.removeProperty("--ce-density-compact");
+    document.documentElement.style.removeProperty("--ce-density-comfortable");
+    return;
+  }
+  const compact = mode === "compact" ? 0.85 : 1;
+  const comfortable = mode === "comfortable" ? 1 : 0.85;
+  document.documentElement.style.setProperty("--ce-density-compact", String(compact));
+  document.documentElement.style.setProperty("--ce-density-comfortable", String(comfortable));
+}
+function applyRadius(mode) {
+  if (mode === "default") {
+    applyRadiusAliases();
+    return;
+  }
+  const value = resolveRadius(mode);
+  const keys = [
+    "--radius-none",
+    "--radius-xs",
+    "--radius-sm",
+    "--radius-md",
+    "--radius-lg",
+    "--radius-xl",
+    "--radius-pill",
+    "--radius-full"
+  ];
+  keys.forEach((key) => document.documentElement.style.setProperty(key, value));
+}
+function applyRadiusAliases() {
+  Object.entries(radiusAliases).forEach(([key, value]) => {
+    document.documentElement.style.setProperty(key, value);
+  });
+}
+function resolveRadius(mode) {
+  switch (mode) {
+    case "none":
+      return "0";
+    case "sm":
+      return "var(--ce-radius-sm)";
+    case "md":
+      return "var(--ce-radius-md)";
+    case "lg":
+      return "var(--ce-radius-lg)";
+    case "xl":
+      return "var(--ce-radius-xl)";
+    case "pill":
+      return "var(--ce-radius-pill)";
+    case "circle":
+      return "var(--ce-radius-circle)";
+    case "default":
+    default:
+      return "var(--ce-radius-md)";
+  }
+}
+function applyFontScale(scale) {
+  const resolved = resolveFontScale(scale);
+  document.documentElement.style.setProperty("--ce-font-scale", String(resolved));
+  document.documentElement.style.fontSize = `${Math.round(resolved * 100)}%`;
+}
+function resolveFontScale(scale) {
+  if (typeof scale === "number" && Number.isFinite(scale)) return scale;
+  if (typeof scale === "string" && scale in FONT_SCALE_PRESETS) {
+    return FONT_SCALE_PRESETS[scale];
+  }
+  return 1;
+}
+
+export { applyTheme, applyThemeState, getInitialTheme, getStoredThemeState, hydrateThemeState, onThemeUpdate, registerThemeAwareComponent, setDensity, setFontScale, setRadius, setTheme, withThemeTransitionGuard };
+//# sourceMappingURL=chunk-Q3KH6HMU.js.map
+//# sourceMappingURL=chunk-Q3KH6HMU.js.map