@bloomneo/uikit 1.5.0

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../node_modules/@radix-ui/react-tabs/dist/index.mjs","../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\n\n// src/tabs.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createRovingFocusGroupScope } from \"@radix-ui/react-roving-focus\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as RovingFocusGroup from \"@radix-ui/react-roving-focus\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { jsx } from \"react/jsx-runtime\";\nvar TABS_NAME = \"Tabs\";\nvar [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [\n  createRovingFocusGroupScope\n]);\nvar useRovingFocusGroupScope = createRovingFocusGroupScope();\nvar [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);\nvar Tabs = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeTabs,\n      value: valueProp,\n      onValueChange,\n      defaultValue,\n      orientation = \"horizontal\",\n      dir,\n      activationMode = \"automatic\",\n      ...tabsProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChange,\n      defaultProp: defaultValue ?? \"\",\n      caller: TABS_NAME\n    });\n    return /* @__PURE__ */ jsx(\n      TabsProvider,\n      {\n        scope: __scopeTabs,\n        baseId: useId(),\n        value,\n        onValueChange: setValue,\n        orientation,\n        dir: direction,\n        activationMode,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            dir: direction,\n            \"data-orientation\": orientation,\n            ...tabsProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabs.displayName = TABS_NAME;\nvar TAB_LIST_NAME = \"TabsList\";\nvar TabsList = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, loop = true, ...listProps } = props;\n    const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Root,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        orientation: context.orientation,\n        dir: context.dir,\n        loop,\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            role: \"tablist\",\n            \"aria-orientation\": context.orientation,\n            ...listProps,\n            ref: forwardedRef\n          }\n        )\n      }\n    );\n  }\n);\nTabsList.displayName = TAB_LIST_NAME;\nvar TRIGGER_NAME = \"TabsTrigger\";\nvar TabsTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, disabled = false, ...triggerProps } = props;\n    const context = useTabsContext(TRIGGER_NAME, __scopeTabs);\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    return /* @__PURE__ */ jsx(\n      RovingFocusGroup.Item,\n      {\n        asChild: true,\n        ...rovingFocusGroupScope,\n        focusable: !disabled,\n        active: isSelected,\n        children: /* @__PURE__ */ jsx(\n          Primitive.button,\n          {\n            type: \"button\",\n            role: \"tab\",\n            \"aria-selected\": isSelected,\n            \"aria-controls\": contentId,\n            \"data-state\": isSelected ? \"active\" : \"inactive\",\n            \"data-disabled\": disabled ? \"\" : void 0,\n            disabled,\n            id: triggerId,\n            ...triggerProps,\n            ref: forwardedRef,\n            onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {\n              if (!disabled && event.button === 0 && event.ctrlKey === false) {\n                context.onValueChange(value);\n              } else {\n                event.preventDefault();\n              }\n            }),\n            onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n              if ([\" \", \"Enter\"].includes(event.key)) context.onValueChange(value);\n            }),\n            onFocus: composeEventHandlers(props.onFocus, () => {\n              const isAutomaticActivation = context.activationMode !== \"manual\";\n              if (!isSelected && !disabled && isAutomaticActivation) {\n                context.onValueChange(value);\n              }\n            })\n          }\n        )\n      }\n    );\n  }\n);\nTabsTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"TabsContent\";\nvar TabsContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeTabs, value, forceMount, children, ...contentProps } = props;\n    const context = useTabsContext(CONTENT_NAME, __scopeTabs);\n    const triggerId = makeTriggerId(context.baseId, value);\n    const contentId = makeContentId(context.baseId, value);\n    const isSelected = value === context.value;\n    const isMountAnimationPreventedRef = React.useRef(isSelected);\n    React.useEffect(() => {\n      const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);\n      return () => cancelAnimationFrame(rAF);\n    }, []);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || isSelected, children: ({ present }) => /* @__PURE__ */ jsx(\n      Primitive.div,\n      {\n        \"data-state\": isSelected ? \"active\" : \"inactive\",\n        \"data-orientation\": context.orientation,\n        role: \"tabpanel\",\n        \"aria-labelledby\": triggerId,\n        hidden: !present,\n        id: contentId,\n        tabIndex: 0,\n        ...contentProps,\n        ref: forwardedRef,\n        style: {\n          ...props.style,\n          animationDuration: isMountAnimationPreventedRef.current ? \"0s\" : void 0\n        },\n        children: present && children\n      }\n    ) });\n  }\n);\nTabsContent.displayName = CONTENT_NAME;\nfunction makeTriggerId(baseId, value) {\n  return `${baseId}-trigger-${value}`;\n}\nfunction makeContentId(baseId, value) {\n  return `${baseId}-content-${value}`;\n}\nvar Root2 = Tabs;\nvar List = TabsList;\nvar Trigger = TabsTrigger;\nvar Content = TabsContent;\nexport {\n  Content,\n  List,\n  Root2 as Root,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Trigger,\n  createTabsScope\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["TABS_NAME","createTabsContext","createTabsScope","createContextScope","createRovingFocusGroupScope","useRovingFocusGroupScope","TabsProvider","useTabsContext","Tabs","React","props","forwardedRef","__scopeTabs","valueProp","onValueChange","defaultValue","orientation","dir","activationMode","tabsProps","direction","useDirection","value","setValue","useControllableState","jsx","useId","Primitive","TAB_LIST_NAME","TabsList","loop","listProps","context","rovingFocusGroupScope","RovingFocusGroup.Root","TRIGGER_NAME","TabsTrigger","disabled","triggerProps","triggerId","makeTriggerId","contentId","makeContentId","isSelected","RovingFocusGroup.Item","composeEventHandlers","event","isAutomaticActivation","CONTENT_NAME","TabsContent","forceMount","children","contentProps","isMountAnimationPreventedRef","rAF","Presence","present","baseId","Root2","List","Trigger","Content","className","TabsPrimitive.Root","cn","TabsPrimitive.List","TabsPrimitive.Trigger","TabsPrimitive.Content"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/textarea.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as t } from "./utils-CwJPJKOE.js";
+function n({ className: r, ...e }) {
+  return /* @__PURE__ */ i(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: t(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        r
+      ),
+      ...e
+    }
+  );
+}
+export {
+  n as Textarea
+};
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":["Textarea","className","props","jsx","cn"],"mappings":";;AAIA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAA2C;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/theme-provider.js

@@ -0,0 +1,154 @@
+import { jsx as L } from "react/jsx-runtime";
+import { createContext as $, useState as S, useEffect as h, useContext as E } from "react";
+const x = {
+  AdminLayout: "subtle",
+  // Professional admin interfaces
+  PageLayout: "clean",
+  // Clean public websites
+  AuthLayout: "clean",
+  // Focused authentication
+  PopupLayout: "clean",
+  // Clean extensions
+  BlankLayout: "clean",
+  // Simple pages
+  Header: "clean",
+  // Clean headers
+  Footer: "contrast",
+  // Bold footers
+  AdminSidebar: "subtle",
+  // Subtle sidebars
+  AdminHeader: "clean",
+  // Clean admin headers
+  PopupHeader: "brand"
+  // Branded popup headers
+}, A = {
+  clean: "bg-background text-foreground border-border",
+  subtle: "bg-muted/30 text-foreground border-border/50",
+  brand: "bg-primary text-primary-foreground border-primary/20",
+  contrast: "bg-foreground text-background border-foreground/20"
+  // Automatically flips with mode
+}, P = [
+  "base",
+  // Sky blue theme - clean & professional (DEFAULT)
+  "elegant",
+  // Minimal blue - clean & professional
+  "metro",
+  // Dark teal - admin dashboards
+  "studio",
+  // Designer grays - creative tools
+  "vivid"
+  // Premium cursive - luxury/creative portfolios
+], g = $(void 0);
+function T(t, n, a, m = !1, s = "uikit-theme") {
+  if (typeof window > "u")
+    return { theme: t, mode: n };
+  if (m)
+    return console.log(`🎨 Config priority: ${t} (${n} mode)`), { theme: t, mode: n };
+  if (s === null) {
+    if (a) {
+      const o = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      return console.log(`🎨 System preference (no storage): ${t} (${o} mode)`), { theme: t, mode: o };
+    }
+    return console.log(`🎨 Props only (no storage): ${t} (${n} mode)`), { theme: t, mode: n };
+  }
+  try {
+    const r = localStorage.getItem(s);
+    if (r) {
+      const o = JSON.parse(r);
+      if (o.theme && typeof o.theme == "string" && ["light", "dark"].includes(o.mode))
+        return console.log(`🎨 Restored from storage: ${o.theme} (${o.mode} mode)`), o;
+    }
+    if (a) {
+      const i = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      return console.log(`🎨 System preference: ${t} (${i} mode)`), { theme: t, mode: i };
+    }
+    return console.log(`🎨 Props fallback: ${t} (${n} mode)`), { theme: t, mode: n };
+  } catch (r) {
+    return console.warn("Failed to load theme preferences, using defaults:", r), { theme: t, mode: n };
+  }
+}
+function u(t, n) {
+  if (typeof window > "u") return;
+  const a = document.documentElement;
+  a.classList.remove("light", "dark"), Array.from(a.classList).filter(
+    (s) => s.startsWith("theme-")
+  ).forEach((s) => {
+    a.classList.remove(s);
+  }), a.classList.add(n), a.classList.add(`theme-${t}`);
+}
+function F({
+  children: t,
+  theme: n = "base",
+  mode: a = "light",
+  detectSystem: m = !0,
+  forceConfig: s = !1,
+  // 🔧 NEW: Force config over storage
+  storageKey: r = "uikit-theme"
+  // 🔧 NEW: Configurable storage key
+}) {
+  const [o, i] = S(() => {
+    const e = T(n, a, m, s, r);
+    return u(e.theme, e.mode), e;
+  });
+  h(() => {
+    if (typeof window > "u") return;
+    const { theme: e, mode: c } = o;
+    if (u(e, c), r && !s)
+      try {
+        localStorage.setItem(r, JSON.stringify({ theme: e, mode: c }));
+      } catch (d) {
+        console.warn("Failed to save theme preferences:", d);
+      }
+    console.log(`🎨 Applied theme: ${e} (${c} mode)`);
+  }, [o, r, s]), h(() => {
+    if (!m || typeof window > "u") return;
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), c = (d) => {
+      if (!s)
+        try {
+          (r ? localStorage.getItem(r) : null) || i((y) => ({
+            ...y,
+            mode: d.matches ? "dark" : "light"
+          }));
+        } catch (l) {
+          console.warn("Failed to handle system preference change:", l);
+        }
+    };
+    return e.addEventListener("change", c), () => e.removeEventListener("change", c);
+  }, [m, s, r]);
+  const p = (e) => {
+    i((c) => ({ ...c, theme: e }));
+  }, f = (e) => {
+    if (e !== "light" && e !== "dark") {
+      console.warn(`Invalid mode: ${e}. Expected 'light' or 'dark'.`);
+      return;
+    }
+    i((c) => ({ ...c, mode: e }));
+  }, b = () => {
+    i((e) => ({
+      ...e,
+      mode: e.mode === "light" ? "dark" : "light"
+    }));
+  }, k = (e) => A[e], v = (e) => x[e] || "clean", w = {
+    theme: o.theme,
+    mode: o.mode,
+    availableThemes: P,
+    setTheme: p,
+    setMode: f,
+    toggleMode: b,
+    getToneClasses: k,
+    getDefaultTone: v
+  };
+  return /* @__PURE__ */ L(g.Provider, { value: w, children: t });
+}
+function H() {
+  const t = E(g);
+  if (!t)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return t;
+}
+export {
+  P as AVAILABLE_THEMES,
+  F as ThemeProvider,
+  H as useTheme
+};
+//# sourceMappingURL=theme-provider.js.map

package/dist/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sources":["../src/themes/theme-provider.tsx"],"sourcesContent":["/**\n * Ultra-simple theme provider with pre-bundled themes - CONFIG PRIORITY VERSION\n * @module @bloomneo/uikit\n * @file src/themes/theme-provider.tsx\n */\n\nimport React, { createContext, useContext, useEffect, useState, ReactNode } from 'react';\n\n/**\n * @llm-rule Pre-bundled themes - CSS included in package\n * Simple selection from 8 built-in themes\n */\nexport type Theme = string;\n\n/**\n * @llm-rule System color scheme preference\n * light: Light system theme\n * dark: Dark system theme\n */\nexport type Mode = 'light' | 'dark';\n\n/**\n * @llm-rule Component visual emphasis system\n * clean → Pure, minimal, white/light backgrounds\n * subtle → Muted, supporting, gray areas\n * brand → Primary colored, branded elements\n * contrast → High emphasis, dark/bold areas\n */\nexport type Tone = 'clean' | 'subtle' | 'brand' | 'contrast';\n\n/**\n * @llm-props ThemeProvider context - Zero complexity\n * REQUIRED: children\n * RECOMMENDED: theme, mode\n * OPTIONAL: detectSystem\n */\nexport interface ThemeContextValue {\n  /** Current theme from pre-bundled options */\n  theme: Theme;\n  /** System color mode */\n  mode: Mode;\n  /** Available themes */\n  availableThemes: Theme[];\n  \n  /** Set theme from pre-bundled options */\n  setTheme: (theme: Theme) => void;\n  /** Set system color mode */\n  setMode: (mode: Mode) => void;\n  /** Toggle between light and dark modes */\n  toggleMode: () => void;\n  \n  /** Get CSS classes for tone */\n  getToneClasses: (tone: Tone) => string;\n  /** Get default tone for component */\n  getDefaultTone: (component: string) => Tone;\n}\n\n/**\n * @llm-props ThemeProvider props - ENHANCED WITH CONFIG PRIORITY\n * REQUIRED: children\n * RECOMMENDED: theme=\"base\", mode=\"light\"\n * OPTIONAL: detectSystem, forceConfig, storageKey\n * @llm-defaults theme=\"base\", mode=\"light\", detectSystem=true, forceConfig=false\n */\nexport interface ThemeProviderProps {\n  /** REQUIRED: Child components */\n  children: ReactNode;\n  /** RECOMMENDED: Theme from pre-bundled options (default: \"base\") */\n  theme?: Theme;\n  /** RECOMMENDED: System color mode (default: \"light\") */\n  mode?: Mode;\n  /** OPTIONAL: Auto-detect system preference (default: true) */\n  detectSystem?: boolean;\n  /** NEW: Force configuration over storage (default: false) */\n  forceConfig?: boolean;\n  /** NEW: Storage key to use (default: \"uikit-theme\", set to null to disable storage) */\n  storageKey?: string | null;\n}\n\n/**\n * @llm-defaults Tone defaults by component type\n * Smart contextual defaults for LLM predictability\n */\nconst TONE_DEFAULTS: Record<string, Tone> = {\n  AdminLayout: 'subtle',       // Professional admin interfaces\n  PageLayout: 'clean',         // Clean public websites\n  AuthLayout: 'clean',         // Focused authentication\n  PopupLayout: 'clean',        // Clean extensions\n  BlankLayout: 'clean',        // Simple pages\n  Header: 'clean',             // Clean headers\n  Footer: 'contrast',          // Bold footers\n  AdminSidebar: 'subtle',      // Subtle sidebars\n  AdminHeader: 'clean',        // Clean admin headers\n  PopupHeader: 'brand',        // Branded popup headers\n};\n\n/**\n * @llm-rule Tone CSS class mapping\n * CSS variables automatically handle light/dark mode switching\n */\nconst TONE_CLASSES: Record<Tone, string> = {\n  clean: 'bg-background text-foreground border-border',\n  subtle: 'bg-muted/30 text-foreground border-border/50',\n  brand: 'bg-primary text-primary-foreground border-primary/20',\n  contrast: 'bg-foreground text-background border-foreground/20'  // Automatically flips with mode\n};\n\n/**\n * @llm-rule Available pre-bundled themes\n * All themes ship as CSS with the package\n */\nexport const AVAILABLE_THEMES: Theme[] = [\n  'base',      // Sky blue theme - clean & professional (DEFAULT)\n  'elegant',   // Minimal blue - clean & professional\n  'metro',     // Dark teal - admin dashboards\n  'studio',    // Designer grays - creative tools\n  'vivid'      // Premium cursive - luxury/creative portfolios\n];\n\n// Theme context\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\n/**\n * ✅ ENHANCED: Get initial theme state with configuration priority\n */\nfunction getInitialThemeState(\n  defaultTheme: Theme, \n  defaultMode: Mode, \n  detectSystem: boolean,\n  forceConfig: boolean = false,\n  storageKey: string | null = 'uikit-theme'\n): { theme: Theme; mode: Mode } {\n  // Server-side rendering - use props\n  if (typeof window === 'undefined') {\n    return { theme: defaultTheme, mode: defaultMode };\n  }\n\n  // 🔧 NEW: If forceConfig is true, ignore storage and use props\n  if (forceConfig) {\n    console.log(`🎨 Config priority: ${defaultTheme} (${defaultMode} mode)`);\n    return { theme: defaultTheme, mode: defaultMode };\n  }\n\n  // 🔧 NEW: If storageKey is null, skip storage entirely\n  if (storageKey === null) {\n    if (detectSystem) {\n      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n      const systemMode = prefersDark ? 'dark' : 'light';\n      console.log(`🎨 System preference (no storage): ${defaultTheme} (${systemMode} mode)`);\n      return { theme: defaultTheme, mode: systemMode };\n    }\n    console.log(`🎨 Props only (no storage): ${defaultTheme} (${defaultMode} mode)`);\n    return { theme: defaultTheme, mode: defaultMode };\n  }\n\n  try {\n    // Try to load saved preferences from storage\n    const saved = localStorage.getItem(storageKey);\n    if (saved) {\n      const parsed = JSON.parse(saved);\n      \n      // Validate saved theme format (allow any theme name, just check mode)\n      if (parsed.theme && typeof parsed.theme === 'string' &&\n          ['light', 'dark'].includes(parsed.mode)) {\n        console.log(`🎨 Restored from storage: ${parsed.theme} (${parsed.mode} mode)`);\n        return parsed;\n      }\n    }\n    \n    // No saved preference - check system preference if enabled\n    if (detectSystem) {\n      const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n      const systemMode = prefersDark ? 'dark' : 'light';\n      console.log(`🎨 System preference: ${defaultTheme} (${systemMode} mode)`);\n      return { theme: defaultTheme, mode: systemMode };\n    }\n    \n    // Use props as fallback\n    console.log(`🎨 Props fallback: ${defaultTheme} (${defaultMode} mode)`);\n    return { theme: defaultTheme, mode: defaultMode };\n    \n  } catch (e) {\n    console.warn('Failed to load theme preferences, using defaults:', e);\n    return { theme: defaultTheme, mode: defaultMode };\n  }\n}\n\n/**\n * ✅ FIX: Apply theme immediately on document (before React renders)\n */\nfunction applyThemeImmediately(theme: Theme, mode: Mode) {\n  if (typeof window === 'undefined') return;\n  \n  const root = document.documentElement;\n  \n  // Remove existing theme and mode classes\n  root.classList.remove('light', 'dark');\n\n  // Remove all theme-* classes (including custom themes)\n  const classesToRemove = Array.from(root.classList).filter(className =>\n    className.startsWith('theme-')\n  );\n  classesToRemove.forEach(className => {\n    root.classList.remove(className);\n  });\n  \n  // Add new classes immediately\n  root.classList.add(mode);\n  root.classList.add(`theme-${theme}`);\n}\n\n/**\n * 🔧 ENHANCED: Ultra-simple theme provider with configuration priority\n * @llm-pattern Basic usage (default behavior - storage first)\n * <ThemeProvider theme=\"elegant\" mode=\"dark\">\n *   <App />\n * </ThemeProvider>\n * \n * @llm-pattern Force configuration (ignore storage completely)\n * <ThemeProvider theme=\"elegant\" mode=\"dark\" forceConfig={true}>\n *   <App />\n * </ThemeProvider>\n * \n * @llm-pattern Disable storage entirely\n * <ThemeProvider theme=\"elegant\" mode=\"dark\" storageKey={null}>\n *   <App />\n * </ThemeProvider>\n * \n * @llm-pattern Custom storage key\n * <ThemeProvider theme=\"elegant\" mode=\"dark\" storageKey=\"my-app-theme\">\n *   <App />\n * </ThemeProvider>\n */\nexport function ThemeProvider({\n  children,\n  theme = 'base',\n  mode = 'light',\n  detectSystem = true,\n  forceConfig = false,        // 🔧 NEW: Force config over storage\n  storageKey = 'uikit-theme'  // 🔧 NEW: Configurable storage key\n}: ThemeProviderProps): React.JSX.Element {\n  \n  // ✅ ENHANCED: Initialize with configuration priority logic\n  const [themeState, setThemeState] = useState(() => {\n    const initialState = getInitialThemeState(theme, mode, detectSystem, forceConfig, storageKey);\n    \n    // ✅ CRITICAL: Apply theme immediately before React renders\n    applyThemeImmediately(initialState.theme, initialState.mode);\n    \n    return initialState;\n  });\n\n  // ✅ ENHANCED: Apply theme classes when state changes\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    \n    const { theme: currentTheme, mode: currentMode } = themeState;\n    \n    // Apply theme classes\n    applyThemeImmediately(currentTheme, currentMode);\n    \n    // 🔧 NEW: Save preferences only if storage is enabled and not forcing config\n    if (storageKey && !forceConfig) {\n      try {\n        localStorage.setItem(storageKey, JSON.stringify({ theme: currentTheme, mode: currentMode }));\n      } catch (e) {\n        console.warn('Failed to save theme preferences:', e);\n      }\n    }\n    \n    console.log(`🎨 Applied theme: ${currentTheme} (${currentMode} mode)`);\n  }, [themeState, storageKey, forceConfig]);\n  \n  // ✅ ENHANCED: Listen for system preference changes (respects forceConfig)\n  useEffect(() => {\n    if (!detectSystem || typeof window === 'undefined') return;\n    \n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    \n    const handleChange = (e: MediaQueryListEvent) => {\n      // 🔧 NEW: Don't auto-switch if forcing config or manual preference was saved\n      if (forceConfig) return;\n      \n      try {\n        const saved = storageKey ? localStorage.getItem(storageKey) : null;\n        if (!saved) {\n          setThemeState(prev => ({\n            ...prev,\n            mode: e.matches ? 'dark' : 'light'\n          }));\n        }\n      } catch (e) {\n        console.warn('Failed to handle system preference change:', e);\n      }\n    };\n    \n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, [detectSystem, forceConfig, storageKey]);\n\n  /**\n   * @llm-rule Set theme from pre-bundled options or custom themes\n   * Accepts built-in themes and custom themes (no validation needed for custom themes)\n   */\n  const setTheme = (newTheme: Theme) => {\n    // Allow all themes - both built-in and custom\n    setThemeState(prev => ({ ...prev, theme: newTheme }));\n  };\n\n  /**\n   * @llm-rule Set system color mode\n   * Only accepts 'light' or 'dark'\n   */\n  const setMode = (newMode: Mode) => {\n    if (newMode !== 'light' && newMode !== 'dark') {\n      console.warn(`Invalid mode: ${newMode}. Expected 'light' or 'dark'.`);\n      return;\n    }\n    \n    setThemeState(prev => ({ ...prev, mode: newMode }));\n  };\n\n  /**\n   * @llm-rule Toggle between light and dark modes\n   */\n  const toggleMode = () => {\n    setThemeState(prev => ({\n      ...prev,\n      mode: prev.mode === 'light' ? 'dark' : 'light'\n    }));\n  };\n\n  /**\n   * @llm-rule Get CSS classes for tone styling\n   * CSS variables automatically handle light/dark mode\n   */\n  const getToneClasses = (tone: Tone): string => {\n    return TONE_CLASSES[tone];\n  };\n\n  /**\n   * @llm-rule Get default tone for component type\n   * Returns smart contextual defaults for LLM predictability\n   */\n  const getDefaultTone = (component: string): Tone => {\n    return TONE_DEFAULTS[component] || 'clean';\n  };\n  \n  // Create context value\n  const contextValue: ThemeContextValue = {\n    theme: themeState.theme,\n    mode: themeState.mode,\n    availableThemes: AVAILABLE_THEMES,\n    setTheme,\n    setMode,\n    toggleMode,\n    getToneClasses,\n    getDefaultTone\n  };\n  \n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * Hook to access theme context\n * @llm-pattern Basic theme usage\n * const { theme, mode, setTheme, setMode, toggleMode } = useTheme();\n * \n * @llm-pattern Component styling\n * const { getToneClasses, getDefaultTone } = useTheme();\n * const tone = getDefaultTone('AdminLayout');\n * const classes = getToneClasses(tone); // Works automatically in both modes\n */\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n\n/**\n * @llm-pattern Theme switcher component example\n * const ThemeSwitcher = () => {\n *   const { theme, availableThemes, setTheme } = useTheme();\n *   return (\n *     <select value={theme} onChange={e => setTheme(e.target.value as Theme)}>\n *       {availableThemes.map(t => <option key={t} value={t}>{t}</option>)}\n *     </select>\n *   );\n * };\n */"],"names":["TONE_DEFAULTS","TONE_CLASSES","AVAILABLE_THEMES","ThemeContext","createContext","getInitialThemeState","defaultTheme","defaultMode","detectSystem","forceConfig","storageKey","systemMode","saved","parsed","e","applyThemeImmediately","theme","mode","root","className","ThemeProvider","children","themeState","setThemeState","useState","initialState","useEffect","currentTheme","currentMode","mediaQuery","handleChange","prev","setTheme","newTheme","setMode","newMode","toggleMode","getToneClasses","tone","getDefaultTone","component","contextValue","useTheme","context","useContext"],"mappings":"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"}