@decido/shell 4.0.2 → 4.0.3

package/dist/chunk-3BZX7LF2.mjs

@@ -0,0 +1,139 @@
+// src/store/useUIComponentStore.ts
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+var BUILT_IN_COMPONENTS = [
+  {
+    id: "builtin_status_card",
+    name: "Status Card",
+    category: "card",
+    schema: {
+      type: "div",
+      props: { className: "bg-zinc-900/80 border border-border-default rounded-xl p-4 backdrop-blur-xs" },
+      children: [
+        { type: "div", props: { className: "flex items-center gap-2 mb-2" }, children: [
+          { type: "span", props: { className: "w-2 h-2 rounded-full bg-emerald-400 animate-pulse" } },
+          { type: "span", props: { className: "text-xs font-mono text-text-secondary uppercase tracking-wider" }, children: "{{title}}" }
+        ] },
+        { type: "h3", props: { className: "text-2xl font-bold text-white" }, children: "{{value}}" },
+        { type: "p", props: { className: "text-xs text-text-muted mt-1" }, children: "{{subtitle}}" }
+      ]
+    },
+    dataContract: {
+      inputs: { title: { type: "string", description: "Card title" }, value: { type: "string", description: "Main value" }, subtitle: { type: "string", description: "Description" } },
+      outputs: {}
+    },
+    tags: ["status", "metric", "dashboard"],
+    source: "built-in",
+    createdAt: Date.now(),
+    updatedAt: Date.now()
+  },
+  {
+    id: "builtin_alert_banner",
+    name: "Alert Banner",
+    category: "alert",
+    schema: {
+      type: "div",
+      props: { className: "flex items-center gap-3 p-3 rounded-lg border border-amber-500/20 bg-amber-500/5" },
+      children: [
+        { type: "span", props: { className: "text-amber-400 text-lg" }, children: "\u26A0\uFE0F" },
+        { type: "div", children: [
+          { type: "p", props: { className: "text-sm font-semibold text-amber-200" }, children: "{{title}}" },
+          { type: "p", props: { className: "text-xs text-amber-300/70" }, children: "{{message}}" }
+        ] }
+      ]
+    },
+    dataContract: {
+      inputs: { title: { type: "string", description: "Alert title" }, message: { type: "string", description: "Alert message" } },
+      outputs: {}
+    },
+    tags: ["alert", "warning", "notification"],
+    source: "built-in",
+    createdAt: Date.now(),
+    updatedAt: Date.now()
+  },
+  {
+    id: "builtin_input_form",
+    name: "Text Input Form",
+    category: "form",
+    schema: {
+      type: "div",
+      props: { className: "bg-zinc-900/80 border border-border-default rounded-xl p-4 space-y-3" },
+      children: [
+        { type: "label", props: { className: "text-sm text-text-primary font-medium" }, children: "{{label}}" },
+        { type: "input", props: { className: "w-full bg-zinc-800 border border-border-default rounded-lg px-3 py-2 text-white text-sm focus:border-purple-500/50 outline-hidden transition-colors", placeholder: "{{placeholder}}" }, onAction: { command: "engine:setVariable", payload: { target: "{{variableKey}}" } } },
+        { type: "button", props: { className: "w-full py-2 bg-purple-500 hover:bg-purple-400 text-white text-sm font-medium rounded-lg transition-colors" }, children: "{{buttonText}}", onAction: { command: "engine:completeNode", payload: { handle: "success" } } }
+      ]
+    },
+    dataContract: {
+      inputs: { label: { type: "string", description: "Input label" }, placeholder: { type: "string", description: "Placeholder text" }, variableKey: { type: "string", description: "Target variable key" }, buttonText: { type: "string", description: "Submit button text" } },
+      outputs: { value: { type: "string" } }
+    },
+    tags: ["form", "input", "interactive"],
+    source: "built-in",
+    createdAt: Date.now(),
+    updatedAt: Date.now()
+  },
+  {
+    id: "builtin_data_table",
+    name: "Data Table",
+    category: "table",
+    schema: {
+      type: "div",
+      props: { className: "bg-zinc-900/80 border border-border-default rounded-xl overflow-hidden" },
+      children: [
+        { type: "div", props: { className: "px-4 py-3 border-b border-border-subtle" }, children: [
+          { type: "h4", props: { className: "text-sm font-semibold text-white" }, children: "{{title}}" }
+        ] },
+        { type: "table", props: { className: "w-full" }, children: [
+          { type: "thead", children: [
+            { type: "tr", props: { className: "text-xs text-text-muted uppercase" }, children: "{{headers}}" }
+          ] },
+          { type: "tbody", props: { className: "text-sm text-text-primary" }, children: "{{rows}}" }
+        ] }
+      ]
+    },
+    dataContract: {
+      inputs: { title: { type: "string", description: "Table title" }, headers: { type: "string", description: "Column headers" }, rows: { type: "string", description: "Table rows data" } },
+      outputs: {}
+    },
+    tags: ["table", "data", "list"],
+    source: "built-in",
+    createdAt: Date.now(),
+    updatedAt: Date.now()
+  }
+];
+var useUIComponentStore = create()(
+  persist(
+    (set, get) => ({
+      components: Object.fromEntries(BUILT_IN_COMPONENTS.map((c) => [c.id, c])),
+      addComponent: (component) => set((state) => ({
+        components: { ...state.components, [component.id]: component }
+      })),
+      removeComponent: (id) => set((state) => {
+        const { [id]: _, ...rest } = state.components;
+        return { components: rest };
+      }),
+      updateComponent: (id, updates) => set((state) => {
+        const existing = state.components[id];
+        if (!existing) return state;
+        return {
+          components: {
+            ...state.components,
+            [id]: { ...existing, ...updates, updatedAt: Date.now() }
+          }
+        };
+      }),
+      getByCategory: (category) => {
+        return Object.values(get().components).filter((c) => c.category === category);
+      },
+      getBySource: (source) => {
+        return Object.values(get().components).filter((c) => c.source === source);
+      }
+    }),
+    { name: "decido-ui-components" }
+  )
+);
+
+export {
+  useUIComponentStore
+};

package/dist/chunk-3P4P3M54.mjs

@@ -0,0 +1,136 @@
+// src/store/useDebugPanelStore.ts
+import { create } from "zustand";
+var MAX_LOG_ENTRIES = 500;
+var _logId = 0;
+var useDebugPanelStore = create((set, get) => ({
+  isOpen: false,
+  activeTab: "logs",
+  logEntries: [],
+  logFilters: {
+    levels: /* @__PURE__ */ new Set(["info", "warn", "error", "debug"]),
+    categories: /* @__PURE__ */ new Set()
+  },
+  allCategories: /* @__PURE__ */ new Set(),
+  errorCount: 0,
+  togglePanel: () => set((s) => ({ isOpen: !s.isOpen })),
+  setOpen: (open) => set({ isOpen: open }),
+  setActiveTab: (tab) => set({ activeTab: tab }),
+  addLogEntry: (entry) => {
+    const id = ++_logId;
+    const newEntry = { ...entry, id };
+    set((s) => {
+      const entries = [...s.logEntries, newEntry];
+      if (entries.length > MAX_LOG_ENTRIES) entries.splice(0, entries.length - MAX_LOG_ENTRIES);
+      const allCats = new Set(s.allCategories);
+      entry.categories.forEach((c) => allCats.add(c));
+      return {
+        logEntries: entries,
+        allCategories: allCats,
+        errorCount: entry.level === "error" ? s.errorCount + 1 : s.errorCount
+      };
+    });
+  },
+  clearLogs: () => set({ logEntries: [], errorCount: 0 }),
+  toggleLevel: (level) => set((s) => {
+    const levels = new Set(s.logFilters.levels);
+    if (levels.has(level)) levels.delete(level);
+    else levels.add(level);
+    return { logFilters: { ...s.logFilters, levels } };
+  }),
+  toggleCategory: (category) => set((s) => {
+    const categories = new Set(s.logFilters.categories);
+    if (categories.has(category)) categories.delete(category);
+    else categories.add(category);
+    return { logFilters: { ...s.logFilters, categories } };
+  }),
+  resetFilters: () => set({
+    logFilters: {
+      levels: /* @__PURE__ */ new Set(["info", "warn", "error", "debug"]),
+      categories: /* @__PURE__ */ new Set()
+    }
+  })
+}));
+
+// src/store/useActionTimelineStore.ts
+import { create as create2 } from "zustand";
+var MAX_EVENTS = 200;
+var _evtId = 0;
+var useActionTimelineStore = create2((set, get) => ({
+  events: [],
+  isPaused: false,
+  filter: "",
+  addEvent: (event) => {
+    if (get().isPaused) return;
+    const id = ++_evtId;
+    set((s) => {
+      const events = [...s.events, { ...event, id }];
+      return { events: events.length > MAX_EVENTS ? events.slice(-MAX_EVENTS) : events };
+    });
+  },
+  clear: () => set({ events: [] }),
+  togglePause: () => set((s) => ({ isPaused: !s.isPaused })),
+  setFilter: (filter) => set({ filter })
+}));
+
+// src/lib/debugLogger.ts
+var _logCount = 0;
+var _logResetTimer = null;
+var MAX_LOGS_PER_SEC = 50;
+function _getTimestamp() {
+  const now = /* @__PURE__ */ new Date();
+  return `${String(now.getHours()).padStart(2, "0")}:${String(now.getMinutes()).padStart(2, "0")}:${String(now.getSeconds()).padStart(2, "0")}.${String(now.getMilliseconds()).padStart(3, "0")}`;
+}
+function _emit(level, categories, message, data) {
+  if (_logCount >= MAX_LOGS_PER_SEC) return;
+  _logCount++;
+  if (!_logResetTimer) {
+    _logResetTimer = setTimeout(() => {
+      _logCount = 0;
+      _logResetTimer = null;
+    }, 1e3);
+  }
+  const ts = _getTimestamp();
+  useDebugPanelStore.getState().addLogEntry({
+    timestamp: ts,
+    level,
+    categories,
+    message,
+    data
+  });
+  const cat = categories[0] || "system";
+  const actionName = message.split(" ")[0] || message;
+  useActionTimelineStore.getState().addEvent({
+    timestamp: ts,
+    storeName: cat,
+    actionName,
+    data,
+    level: level === "debug" ? "info" : level
+  });
+}
+function _createCategoryLogger(category) {
+  return (message, data, level = "info") => {
+    _emit(level, [category], message, data);
+  };
+}
+var dlog = {
+  morph: _createCategoryLogger("morph"),
+  chat: _createCategoryLogger("chat"),
+  gemini: _createCategoryLogger("gemini"),
+  network: _createCategoryLogger("network"),
+  shell: _createCategoryLogger("shell"),
+  engine: _createCategoryLogger("engine"),
+  layout: _createCategoryLogger("layout"),
+  store: _createCategoryLogger("store"),
+  system: _createCategoryLogger("system"),
+  // Convenience: log with explicit level
+  info: (category, message, data) => _emit("info", [category], message, data),
+  warn: (category, message, data) => _emit("warn", [category], message, data),
+  error: (category, message, data) => _emit("error", [category], message, data),
+  debug: (category, message, data) => _emit("debug", [category], message, data)
+};
+
+export {
+  useDebugPanelStore,
+  useActionTimelineStore,
+  dlog
+};

package/dist/chunk-F3OTFHNO.mjs

@@ -0,0 +1,40 @@
+// src/store/useSuggestionsStore.ts
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+var useSuggestionsStore = create()(
+  persist(
+    (set, get) => ({
+      seeds: [
+        "Expl\xEDcame c\xF3mo funciona este flujo",
+        "Crea un grafo de onboarding",
+        "Analiza el rendimiento del sistema"
+      ],
+      generated: [],
+      pluginSuggestions: {},
+      addSeed: (seed) => set((s) => ({ seeds: [...s.seeds, seed] })),
+      removeSeed: (index) => set((s) => ({ seeds: s.seeds.filter((_, i) => i !== index) })),
+      updateSeed: (index, value) => set((s) => ({
+        seeds: s.seeds.map((seed, i) => i === index ? value : seed)
+      })),
+      setGenerated: (suggestions) => set({ generated: suggestions }),
+      registerPluginSuggestions: (pluginId, items) => set((s) => ({
+        pluginSuggestions: { ...s.pluginSuggestions, [pluginId]: items }
+      })),
+      unregisterPluginSuggestions: (pluginId) => set((s) => {
+        const next = { ...s.pluginSuggestions };
+        delete next[pluginId];
+        return { pluginSuggestions: next };
+      }),
+      getAllSuggestions: () => {
+        const s = get();
+        const plugin = Object.values(s.pluginSuggestions).flat();
+        return [...s.generated, ...s.seeds, ...plugin];
+      }
+    }),
+    { name: "decido-suggestions-store" }
+  )
+);
+
+export {
+  useSuggestionsStore
+};

package/dist/chunk-IMHORBTL.mjs

@@ -0,0 +1,48 @@
+// src/store/useShellRegistry.ts
+import React from "react";
+var shellMetaRegistry = /* @__PURE__ */ new Map();
+var DEFAULT_SHELL_META = {
+  "markdown": { icon: "\u{1F4DD}", color: "#10b981", label: "Markdown" },
+  "iframe": { icon: "\u{1F5A5}\uFE0F", color: "#6b7280", label: "iFrame" },
+  "nexusai-preview": { icon: "\u{1F310}", color: "#3b82f6", label: "Web Preview" },
+  "shell-vscode": { icon: "\u{1F4BB}", color: "#007acc", label: "VS Code" },
+  "shell-canvas": { icon: "\u{1F5BC}\uFE0F", color: "#f59e0b", label: "Canvas" },
+  "shell-theme-editor": { icon: "\u{1F3A8}", color: "#a855f7", label: "Theme Editor" }
+};
+var shellRegistry = /* @__PURE__ */ new Map();
+function registerShell(type, component, meta) {
+  shellRegistry.set(type, component);
+  if (meta) shellMetaRegistry.set(type, meta);
+  else if (DEFAULT_SHELL_META[type]) shellMetaRegistry.set(type, DEFAULT_SHELL_META[type]);
+}
+function resolveShell(type) {
+  return shellRegistry.get(type);
+}
+function isShellRegistered(type) {
+  return shellRegistry.has(type);
+}
+function getRegisteredShellTypes() {
+  return Array.from(shellRegistry.keys());
+}
+function getShellMeta(type) {
+  return shellMetaRegistry.get(type) || { icon: "\u{1F4E6}", color: "#71717a", label: type };
+}
+function registerMorphComponentCompat(id, component) {
+  const WrappedComponent = (props) => {
+    return React.createElement(component, { ...props.data || {}, ...props });
+  };
+  shellRegistry.set(id, WrappedComponent);
+}
+function getMorphComponentCompat(id) {
+  return shellRegistry.get(id);
+}
+
+export {
+  registerShell,
+  resolveShell,
+  isShellRegistered,
+  getRegisteredShellTypes,
+  getShellMeta,
+  registerMorphComponentCompat,
+  getMorphComponentCompat
+};

package/dist/chunk-JF5QSJYT.mjs

@@ -0,0 +1,295 @@
+// src/store/useThemeStore.ts
+import { create } from "zustand";
+import { persist } from "zustand/middleware";
+var DEFAULT_META = {
+  "radius-xs": "4px",
+  "radius-sm": "6px",
+  "radius-md": "10px",
+  "radius-lg": "16px",
+  "radius-xl": "24px",
+  "blur-xs": "4px",
+  "blur-sm": "8px",
+  "blur-md": "16px",
+  "blur-lg": "24px",
+  "blur-xl": "40px",
+  "font-sans": "'Inter', 'system-ui', sans-serif",
+  "font-mono": "'JetBrains Mono', 'Fira Code', monospace"
+};
+var THEME_DECIDO_DARK = {
+  id: "decido-dark",
+  name: "Decido Dark",
+  description: "Tema por defecto \u2014 oscuro con acentos p\xFArpura y cyan",
+  preview: { bg: "#0a0a0f", accent: "#a855f7", text: "#e8e8f0" },
+  tokens: {
+    "surface-primary": "#0a0a0f",
+    "surface-secondary": "#12121a",
+    "surface-tertiary": "#1a1a26",
+    "surface-elevated": "#22222e",
+    "surface-glass": "rgba(255, 255, 255, 0.03)",
+    "surface-overlay": "rgba(0, 0, 0, 0.6)",
+    "text-primary": "#e8e8f0",
+    "text-secondary": "#9898b0",
+    "text-muted": "#5a5a72",
+    "text-inverse": "#0a0a0f",
+    "accent-blue": "#4a9eff",
+    "accent-purple": "#a855f7",
+    "accent-green": "#34d399",
+    "accent-red": "#f87171",
+    "accent-amber": "#fbbf24",
+    "accent-cyan": "#22d3ee",
+    "border-subtle": "rgba(255, 255, 255, 0.06)",
+    "border-default": "rgba(255, 255, 255, 0.1)",
+    "border-strong": "rgba(255, 255, 255, 0.2)",
+    "border-glow": "rgba(168, 85, 247, 0.5)",
+    "status-ok": "#34d399",
+    "status-warn": "#fbbf24",
+    "status-error": "#f87171",
+    "status-info": "#4a9eff"
+  },
+  meta: DEFAULT_META
+};
+var THEME_MIDNIGHT_BLUE = {
+  id: "midnight-blue",
+  name: "Midnight Blue",
+  description: "Azul profundo con tonos slate",
+  preview: { bg: "#0b1120", accent: "#3b82f6", text: "#f1f5f9" },
+  tokens: {
+    "surface-primary": "#0b1120",
+    "surface-secondary": "#111827",
+    "surface-tertiary": "#1e293b",
+    "surface-elevated": "#273548",
+    "surface-glass": "rgba(30, 41, 59, 0.5)",
+    "surface-overlay": "rgba(11, 17, 32, 0.7)",
+    "text-primary": "#f1f5f9",
+    "text-secondary": "#94a3b8",
+    "text-muted": "#64748b",
+    "text-inverse": "#0b1120",
+    "accent-blue": "#3b82f6",
+    "accent-purple": "#8b5cf6",
+    "accent-green": "#22c55e",
+    "accent-red": "#ef4444",
+    "accent-amber": "#f59e0b",
+    "accent-cyan": "#06b6d4",
+    "border-subtle": "rgba(148, 163, 184, 0.06)",
+    "border-default": "rgba(148, 163, 184, 0.12)",
+    "border-strong": "rgba(148, 163, 184, 0.25)",
+    "border-glow": "rgba(59, 130, 246, 0.5)",
+    "status-ok": "#22c55e",
+    "status-warn": "#f59e0b",
+    "status-error": "#ef4444",
+    "status-info": "#3b82f6"
+  },
+  meta: DEFAULT_META
+};
+var THEME_EMERALD_NOIR = {
+  id: "emerald-noir",
+  name: "Emerald Noir",
+  description: "Oscuro con acentos esmeralda",
+  preview: { bg: "#0a0f0d", accent: "#34d399", text: "#ecfdf5" },
+  tokens: {
+    "surface-primary": "#0a0f0d",
+    "surface-secondary": "#0f1a15",
+    "surface-tertiary": "#162620",
+    "surface-elevated": "#1e332b",
+    "surface-glass": "rgba(22, 38, 32, 0.5)",
+    "surface-overlay": "rgba(10, 15, 13, 0.7)",
+    "text-primary": "#ecfdf5",
+    "text-secondary": "#a7f3d0",
+    "text-muted": "#6ee7b7",
+    "text-inverse": "#0a0f0d",
+    "accent-blue": "#2dd4bf",
+    "accent-purple": "#a78bfa",
+    "accent-green": "#34d399",
+    "accent-red": "#fb7185",
+    "accent-amber": "#fbbf24",
+    "accent-cyan": "#2dd4bf",
+    "border-subtle": "rgba(167, 243, 208, 0.06)",
+    "border-default": "rgba(167, 243, 208, 0.12)",
+    "border-strong": "rgba(167, 243, 208, 0.25)",
+    "border-glow": "rgba(52, 211, 153, 0.5)",
+    "status-ok": "#34d399",
+    "status-warn": "#fbbf24",
+    "status-error": "#fb7185",
+    "status-info": "#2dd4bf"
+  },
+  meta: DEFAULT_META
+};
+var THEME_ROSE_GOLD = {
+  id: "rose-gold",
+  name: "Rose Gold",
+  description: "Elegante con tonos rosa y dorado",
+  preview: { bg: "#120a0d", accent: "#f472b6", text: "#fdf2f8" },
+  tokens: {
+    "surface-primary": "#120a0d",
+    "surface-secondary": "#1a1015",
+    "surface-tertiary": "#26161e",
+    "surface-elevated": "#331c28",
+    "surface-glass": "rgba(38, 22, 30, 0.5)",
+    "surface-overlay": "rgba(18, 10, 13, 0.7)",
+    "text-primary": "#fdf2f8",
+    "text-secondary": "#f9a8d4",
+    "text-muted": "#f472b6",
+    "text-inverse": "#120a0d",
+    "accent-blue": "#e879f9",
+    "accent-purple": "#f472b6",
+    "accent-green": "#34d399",
+    "accent-red": "#fb7185",
+    "accent-amber": "#fcd34d",
+    "accent-cyan": "#e879f9",
+    "border-subtle": "rgba(249, 168, 212, 0.06)",
+    "border-default": "rgba(249, 168, 212, 0.12)",
+    "border-strong": "rgba(249, 168, 212, 0.25)",
+    "border-glow": "rgba(244, 114, 182, 0.5)",
+    "status-ok": "#34d399",
+    "status-warn": "#fcd34d",
+    "status-error": "#fb7185",
+    "status-info": "#e879f9"
+  },
+  meta: DEFAULT_META
+};
+var THEME_OLED_PURE = {
+  id: "oled-pure",
+  name: "OLED Pure",
+  description: "Negro absoluto para pantallas OLED",
+  preview: { bg: "#000000", accent: "#a855f7", text: "#ffffff" },
+  tokens: {
+    "surface-primary": "#000000",
+    "surface-secondary": "#0a0a0a",
+    "surface-tertiary": "#141414",
+    "surface-elevated": "#1e1e1e",
+    "surface-glass": "rgba(255, 255, 255, 0.02)",
+    "surface-overlay": "rgba(0, 0, 0, 0.8)",
+    "text-primary": "#ffffff",
+    "text-secondary": "#a0a0a0",
+    "text-muted": "#666666",
+    "text-inverse": "#000000",
+    "accent-blue": "#4a9eff",
+    "accent-purple": "#a855f7",
+    "accent-green": "#34d399",
+    "accent-red": "#f87171",
+    "accent-amber": "#fbbf24",
+    "accent-cyan": "#22d3ee",
+    "border-subtle": "rgba(255, 255, 255, 0.04)",
+    "border-default": "rgba(255, 255, 255, 0.08)",
+    "border-strong": "rgba(255, 255, 255, 0.15)",
+    "border-glow": "rgba(168, 85, 247, 0.5)",
+    "status-ok": "#4ade80",
+    "status-warn": "#fbbf24",
+    "status-error": "#f87171",
+    "status-info": "#4a9eff"
+  },
+  meta: DEFAULT_META
+};
+var THEME_DECIDO_LIGHT = {
+  id: "decido-light",
+  name: "Decido Light",
+  description: "Tema claro premium \u2014 ideal para trabajo diurno",
+  preview: { bg: "#f8f9fb", accent: "#6366f1", text: "#1a1a2e" },
+  tokens: {
+    "surface-primary": "#f8f9fb",
+    "surface-secondary": "#ffffff",
+    "surface-tertiary": "#eef0f4",
+    "surface-elevated": "#ffffff",
+    "surface-glass": "rgba(0, 0, 0, 0.03)",
+    "surface-overlay": "rgba(0, 0, 0, 0.4)",
+    "text-primary": "#1a1a2e",
+    "text-secondary": "#64648c",
+    "text-muted": "#9898b0",
+    "text-inverse": "#ffffff",
+    "accent-blue": "#3b82f6",
+    "accent-purple": "#6366f1",
+    "accent-green": "#10b981",
+    "accent-red": "#ef4444",
+    "accent-amber": "#f59e0b",
+    "accent-cyan": "#06b6d4",
+    "border-subtle": "rgba(0, 0, 0, 0.06)",
+    "border-default": "rgba(0, 0, 0, 0.12)",
+    "border-strong": "rgba(0, 0, 0, 0.2)",
+    "border-glow": "rgba(99, 102, 241, 0.4)",
+    "status-ok": "#10b981",
+    "status-warn": "#f59e0b",
+    "status-error": "#ef4444",
+    "status-info": "#3b82f6"
+  },
+  meta: DEFAULT_META
+};
+var THEME_PRESETS = [
+  THEME_DECIDO_DARK,
+  THEME_DECIDO_LIGHT,
+  THEME_MIDNIGHT_BLUE,
+  THEME_EMERALD_NOIR,
+  THEME_ROSE_GOLD,
+  THEME_OLED_PURE
+];
+function injectTokens(tokens, meta) {
+  const root = document.documentElement;
+  Object.entries(tokens).forEach(([key, value]) => {
+    root.style.setProperty(`--ds-${key}`, value);
+  });
+  Object.entries(meta).forEach(([key, value]) => {
+    root.style.setProperty(`--ds-${key}`, value);
+  });
+}
+var useTheme = create()(
+  persist(
+    (set, get) => ({
+      currentThemeId: "decido-dark",
+      customPresets: [],
+      setTheme: (themeId) => {
+        set({ currentThemeId: themeId });
+        const preset = get().getCurrentPreset();
+        injectTokens(preset.tokens, preset.meta);
+      },
+      setToken: (name, value) => {
+        document.documentElement.style.setProperty(`--ds-${name}`, value);
+      },
+      addPreset: (preset) => {
+        set((s) => ({
+          customPresets: [...s.customPresets.filter((p) => p.id !== preset.id), preset]
+        }));
+      },
+      inject: () => {
+        const preset = get().getCurrentPreset();
+        injectTokens(preset.tokens, preset.meta);
+      },
+      exportCSS: () => {
+        const preset = get().getCurrentPreset();
+        const lines = [`:root {`];
+        Object.entries(preset.tokens).forEach(([k, v]) => {
+          lines.push(`  --ds-${k}: ${v};`);
+        });
+        Object.entries(preset.meta).forEach(([k, v]) => {
+          lines.push(`  --ds-${k}: ${v};`);
+        });
+        lines.push(`}`);
+        return lines.join("\n");
+      },
+      getCurrentPreset: () => {
+        const { currentThemeId, customPresets } = get();
+        return [...THEME_PRESETS, ...customPresets].find((p) => p.id === currentThemeId) ?? THEME_DECIDO_DARK;
+      },
+      getAllPresets: () => {
+        return [...THEME_PRESETS, ...get().customPresets];
+      }
+    }),
+    {
+      name: "decido-aura-theme",
+      onRehydrateStorage: () => (state) => {
+        if (state) {
+          setTimeout(() => state.inject(), 0);
+        }
+      }
+    }
+  )
+);
+
+export {
+  THEME_DECIDO_DARK,
+  THEME_MIDNIGHT_BLUE,
+  THEME_EMERALD_NOIR,
+  THEME_ROSE_GOLD,
+  THEME_OLED_PURE,
+  THEME_DECIDO_LIGHT,
+  THEME_PRESETS,
+  useTheme
+};