@blimu/react 1.1.0 → 1.1.4

package/dist/providers/theme/theme.hook.js

@@ -1,12 +1,13 @@
-import { useContext as t } from "react";
-import { ThemeContext as o } from "./theme.context.js";
-function n() {
-  const e = t(o);
-  if (!e)
+import { useContext } from "react";
+import { ThemeContext } from "./theme.context.js";
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
-  return e;
+  }
+  return context;
 }
 export {
-  n as useTheme
+  useTheme
 };
 //# sourceMappingURL=theme.hook.js.map

package/dist/providers/theme/theme.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.hook.js","sources":["../../../src/providers/theme/theme.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './theme.context';\n\n/**\n * Hook for accessing and controlling the theme\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useTheme();\n *\n *   return (\n *     <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>\n *       Current theme: {resolvedTheme}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme() {\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"],"names":["useTheme","context","useContext","ThemeContext"],"mappings":";;AAoBO,SAASA,IAAW;AACzB,QAAMC,IAAUC,EAAWC,CAAY;AACvC,MAAI,CAACF;AACH,UAAM,IAAI,MAAM,8CAA8C;AAEhE,SAAOA;AACT;"}
+{"version":3,"file":"theme.hook.js","sources":["../../../src/providers/theme/theme.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './theme.context';\n\n/**\n * Hook for accessing and controlling the theme\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useTheme();\n *\n *   return (\n *     <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>\n *       Current theme: {resolvedTheme}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme() {\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"],"names":[],"mappings":";;AAoBO,SAAS,WAAW;AACzB,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;"}

package/dist/providers/theme/theme.provider.cjs

@@ -1,2 +1,105 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),s=require("react"),v=require("./theme.context.cjs");function y({children:o,defaultTheme:m="system",storageKey:u="blimu-theme",autoDetect:f=!0}){const[e,h]=s.useState(()=>typeof window>"u"?m:localStorage.getItem(u)||m),[i,d]=s.useState(()=>typeof window>"u"?"light":E(e));s.useEffect(()=>{if(typeof window>"u")return;const t=window.document.documentElement;if(t.classList.remove("light","dark"),e==="system"){const n=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";t.classList.add(n),d(n);return}t.classList.add(e),d(e)},[e]),s.useEffect(()=>{typeof window>"u"||localStorage.setItem(u,e)},[e,u]),s.useEffect(()=>{if(!f||typeof window>"u")return;const t=new MutationObserver(n=>{n.forEach(a=>{if(a.attributeName==="class"){const r=document.documentElement.classList.contains("dark"),c=document.documentElement.classList.contains("light");if(r||c){const l=r?"dark":"light";i!==l&&d(l)}}})});return t.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>t.disconnect()},[f,i]),s.useEffect(()=>{if(e!=="system"||typeof window>"u")return;const t=window.matchMedia("(prefers-color-scheme: dark)"),n=a=>{const r=window.document.documentElement;r.classList.remove("light","dark");const c=a.matches?"dark":"light";r.classList.add(c),d(c)};return t.addEventListener("change",n),()=>t.removeEventListener("change",n)},[e]);const w=s.useMemo(()=>({theme:e,setTheme:h,resolvedTheme:i}),[e,i]);return g.jsx(v.ThemeContext.Provider,{value:w,children:o})}function E(o){return o==="system"?typeof window>"u"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":o}exports.ThemeProvider=y;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const theme_context = require("./theme.context.cjs");
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "blimu-theme",
+  autoDetect = true
+}) {
+  const [theme, setTheme] = React.useState(() => {
+    if (typeof window === "undefined") {
+      return defaultTheme;
+    }
+    const stored = localStorage.getItem(storageKey);
+    return stored || defaultTheme;
+  });
+  const [resolvedTheme, setResolvedTheme] = React.useState(() => {
+    if (typeof window === "undefined") {
+      return "light";
+    }
+    return getResolvedTheme(theme);
+  });
+  React.useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      setResolvedTheme(systemTheme);
+      return;
+    }
+    root.classList.add(theme);
+    setResolvedTheme(theme);
+  }, [theme]);
+  React.useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    localStorage.setItem(storageKey, theme);
+  }, [theme, storageKey]);
+  React.useEffect(() => {
+    if (!autoDetect || typeof window === "undefined") {
+      return;
+    }
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.attributeName === "class") {
+          const isDark = document.documentElement.classList.contains("dark");
+          const isLight = document.documentElement.classList.contains("light");
+          if (isDark || isLight) {
+            const detectedTheme = isDark ? "dark" : "light";
+            if (resolvedTheme !== detectedTheme) {
+              setResolvedTheme(detectedTheme);
+            }
+          }
+        }
+      });
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    return () => observer.disconnect();
+  }, [autoDetect, resolvedTheme]);
+  React.useEffect(() => {
+    if (theme !== "system" || typeof window === "undefined") {
+      return;
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = (e) => {
+      const root = window.document.documentElement;
+      root.classList.remove("light", "dark");
+      const systemTheme = e.matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      setResolvedTheme(systemTheme);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [theme]);
+  const value = React.useMemo(
+    () => ({
+      theme,
+      setTheme,
+      resolvedTheme
+    }),
+    [theme, resolvedTheme]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(theme_context.ThemeContext.Provider, { value, children });
+}
+function getResolvedTheme(theme) {
+  if (theme === "system") {
+    if (typeof window === "undefined") {
+      return "light";
+    }
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  return theme;
+}
+exports.ThemeProvider = ThemeProvider;
 //# sourceMappingURL=theme.provider.cjs.map

package/dist/providers/theme/theme.provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.provider.cjs","sources":["../../../src/providers/theme/theme.provider.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\n\nimport type { Theme, ThemeContextValue } from './theme.context';\nimport { ThemeContext } from './theme.context';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  /**\n   * Whether to automatically detect and sync with parent app's theme\n   * @default true\n   */\n  autoDetect?: boolean;\n}\n\n/**\n * ThemeProvider component that manages theme state and syncs with system preferences\n *\n * Supports automatic detection of parent app's theme (e.g., next-themes) via\n * MutationObserver watching for class changes on the document element.\n *\n * @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"system\" storageKey=\"my-app-theme\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'blimu-theme',\n  autoDetect = true,\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(() => {\n    if (typeof window === 'undefined') {\n      return defaultTheme;\n    }\n    const stored = localStorage.getItem(storageKey) as Theme | null;\n    return stored || defaultTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n    return getResolvedTheme(theme);\n  });\n\n  // Apply theme to document\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const root = window.document.documentElement;\n    root.classList.remove('light', 'dark');\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light';\n      root.classList.add(systemTheme);\n      setResolvedTheme(systemTheme);\n      return;\n    }\n\n    root.classList.add(theme);\n    setResolvedTheme(theme);\n  }, [theme]);\n\n  // Persist theme to localStorage\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    localStorage.setItem(storageKey, theme);\n  }, [theme, storageKey]);\n\n  // Auto-detect parent app's theme changes (e.g., next-themes)\n  useEffect(() => {\n    if (!autoDetect || typeof window === 'undefined') {\n      return;\n    }\n\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === 'class') {\n          const isDark = document.documentElement.classList.contains('dark');\n          const isLight = document.documentElement.classList.contains('light');\n\n          // Only sync if parent app has explicitly set a theme class\n          if (isDark || isLight) {\n            const detectedTheme = isDark ? 'dark' : 'light';\n            if (resolvedTheme !== detectedTheme) {\n              setResolvedTheme(detectedTheme);\n            }\n          }\n        }\n      });\n    });\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, [autoDetect, resolvedTheme]);\n\n  // Listen to system theme changes when theme is 'system'\n  useEffect(() => {\n    if (theme !== 'system' || typeof window === 'undefined') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    const handleChange = (e: MediaQueryListEvent) => {\n      const root = window.document.documentElement;\n      root.classList.remove('light', 'dark');\n      const systemTheme = e.matches ? 'dark' : 'light';\n      root.classList.add(systemTheme);\n      setResolvedTheme(systemTheme);\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, [theme]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      setTheme,\n      resolvedTheme,\n    }),\n    [theme, resolvedTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\n/**\n * Get the resolved theme (light or dark) from a Theme value\n */\nfunction getResolvedTheme(theme: Theme): 'light' | 'dark' {\n  if (theme === 'system') {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n  return theme;\n}\n"],"names":["ThemeProvider","children","defaultTheme","storageKey","autoDetect","theme","setTheme","useState","resolvedTheme","setResolvedTheme","getResolvedTheme","useEffect","root","systemTheme","observer","mutations","mutation","isDark","isLight","detectedTheme","mediaQuery","handleChange","e","value","useMemo","jsx","ThemeContext"],"mappings":"yKA6BO,SAASA,EAAc,CAC5B,SAAAC,EACA,aAAAC,EAAe,SACf,WAAAC,EAAa,cACb,WAAAC,EAAa,EACf,EAAuB,CACrB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAgB,IACpC,OAAO,OAAW,IACbL,EAEM,aAAa,QAAQC,CAAU,GAC7BD,CAClB,EAEK,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAA2B,IAC/D,OAAO,OAAW,IACb,QAEFG,EAAiBL,CAAK,CAC9B,EAGDM,EAAAA,UAAU,IAAM,CACd,GAAI,OAAO,OAAW,IACpB,OAGF,MAAMC,EAAO,OAAO,SAAS,gBAG7B,GAFAA,EAAK,UAAU,OAAO,QAAS,MAAM,EAEjCP,IAAU,SAAU,CACtB,MAAMQ,EAAc,OAAO,WAAW,8BAA8B,EAAE,QAClE,OACA,QACJD,EAAK,UAAU,IAAIC,CAAW,EAC9BJ,EAAiBI,CAAW,EAC5B,MACF,CAEAD,EAAK,UAAU,IAAIP,CAAK,EACxBI,EAAiBJ,CAAK,CACxB,EAAG,CAACA,CAAK,CAAC,EAGVM,EAAAA,UAAU,IAAM,CACV,OAAO,OAAW,KAGtB,aAAa,QAAQR,EAAYE,CAAK,CACxC,EAAG,CAACA,EAAOF,CAAU,CAAC,EAGtBQ,EAAAA,UAAU,IAAM,CACd,GAAI,CAACP,GAAc,OAAO,OAAW,IACnC,OAGF,MAAMU,EAAW,IAAI,iBAAkBC,GAAc,CACnDA,EAAU,QAASC,GAAa,CAC9B,GAAIA,EAAS,gBAAkB,QAAS,CACtC,MAAMC,EAAS,SAAS,gBAAgB,UAAU,SAAS,MAAM,EAC3DC,EAAU,SAAS,gBAAgB,UAAU,SAAS,OAAO,EAGnE,GAAID,GAAUC,EAAS,CACrB,MAAMC,EAAgBF,EAAS,OAAS,QACpCT,IAAkBW,GACpBV,EAAiBU,CAAa,CAElC,CACF,CACF,CAAC,CACH,CAAC,EAED,OAAAL,EAAS,QAAQ,SAAS,gBAAiB,CACzC,WAAY,GACZ,gBAAiB,CAAC,OAAO,CAAA,CAC1B,EAEM,IAAMA,EAAS,WAAA,CACxB,EAAG,CAACV,EAAYI,CAAa,CAAC,EAG9BG,EAAAA,UAAU,IAAM,CACd,GAAIN,IAAU,UAAY,OAAO,OAAW,IAC1C,OAGF,MAAMe,EAAa,OAAO,WAAW,8BAA8B,EAC7DC,EAAgBC,GAA2B,CAC/C,MAAMV,EAAO,OAAO,SAAS,gBAC7BA,EAAK,UAAU,OAAO,QAAS,MAAM,EACrC,MAAMC,EAAcS,EAAE,QAAU,OAAS,QACzCV,EAAK,UAAU,IAAIC,CAAW,EAC9BJ,EAAiBI,CAAW,CAC9B,EAEA,OAAAO,EAAW,iBAAiB,SAAUC,CAAY,EAC3C,IAAMD,EAAW,oBAAoB,SAAUC,CAAY,CACpE,EAAG,CAAChB,CAAK,CAAC,EAEV,MAAMkB,EAAQC,EAAAA,QACZ,KAAO,CACL,MAAAnB,EACA,SAAAC,EACA,cAAAE,CAAA,GAEF,CAACH,EAAOG,CAAa,CAAA,EAGvB,OAAOiB,EAAAA,IAACC,EAAAA,aAAa,SAAb,CAAsB,MAAAH,EAAe,SAAAtB,CAAA,CAAS,CACxD,CAKA,SAASS,EAAiBL,EAAgC,CACxD,OAAIA,IAAU,SACR,OAAO,OAAW,IACb,QAEF,OAAO,WAAW,8BAA8B,EAAE,QAAU,OAAS,QAEvEA,CACT"}
+{"version":3,"file":"theme.provider.cjs","sources":["../../../src/providers/theme/theme.provider.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\n\nimport type { Theme, ThemeContextValue } from './theme.context';\nimport { ThemeContext } from './theme.context';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  /**\n   * Whether to automatically detect and sync with parent app's theme\n   * @default true\n   */\n  autoDetect?: boolean;\n}\n\n/**\n * ThemeProvider component that manages theme state and syncs with system preferences\n *\n * Supports automatic detection of parent app's theme (e.g., next-themes) via\n * MutationObserver watching for class changes on the document element.\n *\n * @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"system\" storageKey=\"my-app-theme\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'blimu-theme',\n  autoDetect = true,\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(() => {\n    if (typeof window === 'undefined') {\n      return defaultTheme;\n    }\n    const stored = localStorage.getItem(storageKey) as Theme | null;\n    return stored || defaultTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n    return getResolvedTheme(theme);\n  });\n\n  // Apply theme to document\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const root = window.document.documentElement;\n    root.classList.remove('light', 'dark');\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light';\n      root.classList.add(systemTheme);\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setResolvedTheme(systemTheme);\n      return;\n    }\n\n    root.classList.add(theme);\n    setResolvedTheme(theme);\n  }, [theme]);\n\n  // Persist theme to localStorage\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    localStorage.setItem(storageKey, theme);\n  }, [theme, storageKey]);\n\n  // Auto-detect parent app's theme changes (e.g., next-themes)\n  useEffect(() => {\n    if (!autoDetect || typeof window === 'undefined') {\n      return;\n    }\n\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === 'class') {\n          const isDark = document.documentElement.classList.contains('dark');\n          const isLight = document.documentElement.classList.contains('light');\n\n          // Only sync if parent app has explicitly set a theme class\n          if (isDark || isLight) {\n            const detectedTheme = isDark ? 'dark' : 'light';\n            if (resolvedTheme !== detectedTheme) {\n              setResolvedTheme(detectedTheme);\n            }\n          }\n        }\n      });\n    });\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, [autoDetect, resolvedTheme]);\n\n  // Listen to system theme changes when theme is 'system'\n  useEffect(() => {\n    if (theme !== 'system' || typeof window === 'undefined') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    const handleChange = (e: MediaQueryListEvent) => {\n      const root = window.document.documentElement;\n      root.classList.remove('light', 'dark');\n      const systemTheme = e.matches ? 'dark' : 'light';\n      root.classList.add(systemTheme);\n      setResolvedTheme(systemTheme);\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, [theme]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      setTheme,\n      resolvedTheme,\n    }),\n    [theme, resolvedTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\n/**\n * Get the resolved theme (light or dark) from a Theme value\n */\nfunction getResolvedTheme(theme: Theme): 'light' | 'dark' {\n  if (theme === 'system') {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n  return theme;\n}\n"],"names":["useState","useEffect","useMemo","jsx","ThemeContext"],"mappings":"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"}

package/dist/providers/theme/theme.provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.provider.d.ts","sourceRoot":"","sources":["../../../src/providers/theme/theme.provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,iBAAiB,CAAC;AAGhE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA0B,EAC1B,UAAiB,GAClB,EAAE,kBAAkB,qBA0GpB"}
+{"version":3,"file":"theme.provider.d.ts","sourceRoot":"","sources":["../../../src/providers/theme/theme.provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,iBAAiB,CAAC;AAGhE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA0B,EAC1B,UAAiB,GAClB,EAAE,kBAAkB,qBA2GpB"}

package/dist/providers/theme/theme.provider.js

@@ -1,68 +1,105 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useState as h, useEffect as c, useMemo as v } from "react";
-import { ThemeContext as y } from "./theme.context.js";
-function b({
-  children: o,
-  defaultTheme: u = "system",
-  storageKey: m = "blimu-theme",
-  autoDetect: f = !0
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from "react";
+import { ThemeContext } from "./theme.context.js";
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "blimu-theme",
+  autoDetect = true
 }) {
-  const [e, w] = h(() => typeof window > "u" ? u : localStorage.getItem(m) || u), [s, i] = h(() => typeof window > "u" ? "light" : k(e));
-  c(() => {
-    if (typeof window > "u")
+  const [theme, setTheme] = useState(() => {
+    if (typeof window === "undefined") {
+      return defaultTheme;
+    }
+    const stored = localStorage.getItem(storageKey);
+    return stored || defaultTheme;
+  });
+  const [resolvedTheme, setResolvedTheme] = useState(() => {
+    if (typeof window === "undefined") {
+      return "light";
+    }
+    return getResolvedTheme(theme);
+  });
+  useEffect(() => {
+    if (typeof window === "undefined") {
       return;
-    const t = window.document.documentElement;
-    if (t.classList.remove("light", "dark"), e === "system") {
-      const n = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-      t.classList.add(n), i(n);
+    }
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      setResolvedTheme(systemTheme);
+      return;
+    }
+    root.classList.add(theme);
+    setResolvedTheme(theme);
+  }, [theme]);
+  useEffect(() => {
+    if (typeof window === "undefined") {
       return;
     }
-    t.classList.add(e), i(e);
-  }, [e]), c(() => {
-    typeof window > "u" || localStorage.setItem(m, e);
-  }, [e, m]), c(() => {
-    if (!f || typeof window > "u")
+    localStorage.setItem(storageKey, theme);
+  }, [theme, storageKey]);
+  useEffect(() => {
+    if (!autoDetect || typeof window === "undefined") {
       return;
-    const t = new MutationObserver((n) => {
-      n.forEach((a) => {
-        if (a.attributeName === "class") {
-          const r = document.documentElement.classList.contains("dark"), d = document.documentElement.classList.contains("light");
-          if (r || d) {
-            const l = r ? "dark" : "light";
-            s !== l && i(l);
+    }
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.attributeName === "class") {
+          const isDark = document.documentElement.classList.contains("dark");
+          const isLight = document.documentElement.classList.contains("light");
+          if (isDark || isLight) {
+            const detectedTheme = isDark ? "dark" : "light";
+            if (resolvedTheme !== detectedTheme) {
+              setResolvedTheme(detectedTheme);
+            }
           }
         }
       });
     });
-    return t.observe(document.documentElement, {
-      attributes: !0,
+    observer.observe(document.documentElement, {
+      attributes: true,
       attributeFilter: ["class"]
-    }), () => t.disconnect();
-  }, [f, s]), c(() => {
-    if (e !== "system" || typeof window > "u")
+    });
+    return () => observer.disconnect();
+  }, [autoDetect, resolvedTheme]);
+  useEffect(() => {
+    if (theme !== "system" || typeof window === "undefined") {
       return;
-    const t = window.matchMedia("(prefers-color-scheme: dark)"), n = (a) => {
-      const r = window.document.documentElement;
-      r.classList.remove("light", "dark");
-      const d = a.matches ? "dark" : "light";
-      r.classList.add(d), i(d);
+    }
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = (e) => {
+      const root = window.document.documentElement;
+      root.classList.remove("light", "dark");
+      const systemTheme = e.matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      setResolvedTheme(systemTheme);
     };
-    return t.addEventListener("change", n), () => t.removeEventListener("change", n);
-  }, [e]);
-  const g = v(
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [theme]);
+  const value = useMemo(
     () => ({
-      theme: e,
-      setTheme: w,
-      resolvedTheme: s
+      theme,
+      setTheme,
+      resolvedTheme
     }),
-    [e, s]
+    [theme, resolvedTheme]
   );
-  return /* @__PURE__ */ p(y.Provider, { value: g, children: o });
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
 }
-function k(o) {
-  return o === "system" ? typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : o;
+function getResolvedTheme(theme) {
+  if (theme === "system") {
+    if (typeof window === "undefined") {
+      return "light";
+    }
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  return theme;
 }
 export {
-  b as ThemeProvider
+  ThemeProvider
 };
 //# sourceMappingURL=theme.provider.js.map

package/dist/providers/theme/theme.provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.provider.js","sources":["../../../src/providers/theme/theme.provider.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\n\nimport type { Theme, ThemeContextValue } from './theme.context';\nimport { ThemeContext } from './theme.context';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  /**\n   * Whether to automatically detect and sync with parent app's theme\n   * @default true\n   */\n  autoDetect?: boolean;\n}\n\n/**\n * ThemeProvider component that manages theme state and syncs with system preferences\n *\n * Supports automatic detection of parent app's theme (e.g., next-themes) via\n * MutationObserver watching for class changes on the document element.\n *\n * @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"system\" storageKey=\"my-app-theme\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'blimu-theme',\n  autoDetect = true,\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(() => {\n    if (typeof window === 'undefined') {\n      return defaultTheme;\n    }\n    const stored = localStorage.getItem(storageKey) as Theme | null;\n    return stored || defaultTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n    return getResolvedTheme(theme);\n  });\n\n  // Apply theme to document\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const root = window.document.documentElement;\n    root.classList.remove('light', 'dark');\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light';\n      root.classList.add(systemTheme);\n      setResolvedTheme(systemTheme);\n      return;\n    }\n\n    root.classList.add(theme);\n    setResolvedTheme(theme);\n  }, [theme]);\n\n  // Persist theme to localStorage\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    localStorage.setItem(storageKey, theme);\n  }, [theme, storageKey]);\n\n  // Auto-detect parent app's theme changes (e.g., next-themes)\n  useEffect(() => {\n    if (!autoDetect || typeof window === 'undefined') {\n      return;\n    }\n\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === 'class') {\n          const isDark = document.documentElement.classList.contains('dark');\n          const isLight = document.documentElement.classList.contains('light');\n\n          // Only sync if parent app has explicitly set a theme class\n          if (isDark || isLight) {\n            const detectedTheme = isDark ? 'dark' : 'light';\n            if (resolvedTheme !== detectedTheme) {\n              setResolvedTheme(detectedTheme);\n            }\n          }\n        }\n      });\n    });\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, [autoDetect, resolvedTheme]);\n\n  // Listen to system theme changes when theme is 'system'\n  useEffect(() => {\n    if (theme !== 'system' || typeof window === 'undefined') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    const handleChange = (e: MediaQueryListEvent) => {\n      const root = window.document.documentElement;\n      root.classList.remove('light', 'dark');\n      const systemTheme = e.matches ? 'dark' : 'light';\n      root.classList.add(systemTheme);\n      setResolvedTheme(systemTheme);\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, [theme]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      setTheme,\n      resolvedTheme,\n    }),\n    [theme, resolvedTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\n/**\n * Get the resolved theme (light or dark) from a Theme value\n */\nfunction getResolvedTheme(theme: Theme): 'light' | 'dark' {\n  if (theme === 'system') {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n  return theme;\n}\n"],"names":["ThemeProvider","children","defaultTheme","storageKey","autoDetect","theme","setTheme","useState","resolvedTheme","setResolvedTheme","getResolvedTheme","useEffect","root","systemTheme","observer","mutations","mutation","isDark","isLight","detectedTheme","mediaQuery","handleChange","e","value","useMemo","jsx","ThemeContext"],"mappings":";;;AA6BO,SAASA,EAAc;AAAA,EAC5B,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AACf,GAAuB;AACrB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAgB,MACpC,OAAO,SAAW,MACbL,IAEM,aAAa,QAAQC,CAAU,KAC7BD,CAClB,GAEK,CAACM,GAAeC,CAAgB,IAAIF,EAA2B,MAC/D,OAAO,SAAW,MACb,UAEFG,EAAiBL,CAAK,CAC9B;AAGD,EAAAM,EAAU,MAAM;AACd,QAAI,OAAO,SAAW;AACpB;AAGF,UAAMC,IAAO,OAAO,SAAS;AAG7B,QAFAA,EAAK,UAAU,OAAO,SAAS,MAAM,GAEjCP,MAAU,UAAU;AACtB,YAAMQ,IAAc,OAAO,WAAW,8BAA8B,EAAE,UAClE,SACA;AACJ,MAAAD,EAAK,UAAU,IAAIC,CAAW,GAC9BJ,EAAiBI,CAAW;AAC5B;AAAA,IACF;AAEA,IAAAD,EAAK,UAAU,IAAIP,CAAK,GACxBI,EAAiBJ,CAAK;AAAA,EACxB,GAAG,CAACA,CAAK,CAAC,GAGVM,EAAU,MAAM;AACd,IAAI,OAAO,SAAW,OAGtB,aAAa,QAAQR,GAAYE,CAAK;AAAA,EACxC,GAAG,CAACA,GAAOF,CAAU,CAAC,GAGtBQ,EAAU,MAAM;AACd,QAAI,CAACP,KAAc,OAAO,SAAW;AACnC;AAGF,UAAMU,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,MAAAA,EAAU,QAAQ,CAACC,MAAa;AAC9B,YAAIA,EAAS,kBAAkB,SAAS;AACtC,gBAAMC,IAAS,SAAS,gBAAgB,UAAU,SAAS,MAAM,GAC3DC,IAAU,SAAS,gBAAgB,UAAU,SAAS,OAAO;AAGnE,cAAID,KAAUC,GAAS;AACrB,kBAAMC,IAAgBF,IAAS,SAAS;AACxC,YAAIT,MAAkBW,KACpBV,EAAiBU,CAAa;AAAA,UAElC;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,WAAAL,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,OAAO;AAAA,IAAA,CAC1B,GAEM,MAAMA,EAAS,WAAA;AAAA,EACxB,GAAG,CAACV,GAAYI,CAAa,CAAC,GAG9BG,EAAU,MAAM;AACd,QAAIN,MAAU,YAAY,OAAO,SAAW;AAC1C;AAGF,UAAMe,IAAa,OAAO,WAAW,8BAA8B,GAC7DC,IAAe,CAACC,MAA2B;AAC/C,YAAMV,IAAO,OAAO,SAAS;AAC7B,MAAAA,EAAK,UAAU,OAAO,SAAS,MAAM;AACrC,YAAMC,IAAcS,EAAE,UAAU,SAAS;AACzC,MAAAV,EAAK,UAAU,IAAIC,CAAW,GAC9BJ,EAAiBI,CAAW;AAAA,IAC9B;AAEA,WAAAO,EAAW,iBAAiB,UAAUC,CAAY,GAC3C,MAAMD,EAAW,oBAAoB,UAAUC,CAAY;AAAA,EACpE,GAAG,CAAChB,CAAK,CAAC;AAEV,QAAMkB,IAAQC;AAAA,IACZ,OAAO;AAAA,MACL,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,eAAAE;AAAA,IAAA;AAAA,IAEF,CAACH,GAAOG,CAAa;AAAA,EAAA;AAGvB,SAAO,gBAAAiB,EAACC,EAAa,UAAb,EAAsB,OAAAH,GAAe,UAAAtB,EAAA,CAAS;AACxD;AAKA,SAASS,EAAiBL,GAAgC;AACxD,SAAIA,MAAU,WACR,OAAO,SAAW,MACb,UAEF,OAAO,WAAW,8BAA8B,EAAE,UAAU,SAAS,UAEvEA;AACT;"}
+{"version":3,"file":"theme.provider.js","sources":["../../../src/providers/theme/theme.provider.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\n\nimport type { Theme, ThemeContextValue } from './theme.context';\nimport { ThemeContext } from './theme.context';\n\ninterface ThemeProviderProps {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n  /**\n   * Whether to automatically detect and sync with parent app's theme\n   * @default true\n   */\n  autoDetect?: boolean;\n}\n\n/**\n * ThemeProvider component that manages theme state and syncs with system preferences\n *\n * Supports automatic detection of parent app's theme (e.g., next-themes) via\n * MutationObserver watching for class changes on the document element.\n *\n * @example\n * ```tsx\n * <ThemeProvider defaultTheme=\"system\" storageKey=\"my-app-theme\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'blimu-theme',\n  autoDetect = true,\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(() => {\n    if (typeof window === 'undefined') {\n      return defaultTheme;\n    }\n    const stored = localStorage.getItem(storageKey) as Theme | null;\n    return stored || defaultTheme;\n  });\n\n  const [resolvedTheme, setResolvedTheme] = useState<'light' | 'dark'>(() => {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n    return getResolvedTheme(theme);\n  });\n\n  // Apply theme to document\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const root = window.document.documentElement;\n    root.classList.remove('light', 'dark');\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light';\n      root.classList.add(systemTheme);\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setResolvedTheme(systemTheme);\n      return;\n    }\n\n    root.classList.add(theme);\n    setResolvedTheme(theme);\n  }, [theme]);\n\n  // Persist theme to localStorage\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    localStorage.setItem(storageKey, theme);\n  }, [theme, storageKey]);\n\n  // Auto-detect parent app's theme changes (e.g., next-themes)\n  useEffect(() => {\n    if (!autoDetect || typeof window === 'undefined') {\n      return;\n    }\n\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === 'class') {\n          const isDark = document.documentElement.classList.contains('dark');\n          const isLight = document.documentElement.classList.contains('light');\n\n          // Only sync if parent app has explicitly set a theme class\n          if (isDark || isLight) {\n            const detectedTheme = isDark ? 'dark' : 'light';\n            if (resolvedTheme !== detectedTheme) {\n              setResolvedTheme(detectedTheme);\n            }\n          }\n        }\n      });\n    });\n\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, [autoDetect, resolvedTheme]);\n\n  // Listen to system theme changes when theme is 'system'\n  useEffect(() => {\n    if (theme !== 'system' || typeof window === 'undefined') {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n    const handleChange = (e: MediaQueryListEvent) => {\n      const root = window.document.documentElement;\n      root.classList.remove('light', 'dark');\n      const systemTheme = e.matches ? 'dark' : 'light';\n      root.classList.add(systemTheme);\n      setResolvedTheme(systemTheme);\n    };\n\n    mediaQuery.addEventListener('change', handleChange);\n    return () => mediaQuery.removeEventListener('change', handleChange);\n  }, [theme]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      setTheme,\n      resolvedTheme,\n    }),\n    [theme, resolvedTheme],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\n/**\n * Get the resolved theme (light or dark) from a Theme value\n */\nfunction getResolvedTheme(theme: Theme): 'light' | 'dark' {\n  if (theme === 'system') {\n    if (typeof window === 'undefined') {\n      return 'light';\n    }\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  }\n  return theme;\n}\n"],"names":[],"mappings":"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"}

package/dist/styles/styles.css

@@ -1099,27 +1099,24 @@
 }
 :root {
   --blimu-background: var(--background, oklch(1 0 0));
-  --blimu-foreground: var(--foreground, oklch(0.145 0 0));
+  --blimu-foreground: var(--foreground, oklch(0.141 0.005 285.823));
   --blimu-card: var(--card, oklch(1 0 0));
-  --blimu-card-foreground: var(--card-foreground, oklch(0.145 0 0));
-  --blimu-popover: var(--popover, oklab(0.27 0 0 / 1));
-  --blimu-popover-foreground: var(--popover-foreground, oklch(0.145 0 0));
-  --blimu-primary: var(--primary, oklch(0.205 0 0));
+  --blimu-card-foreground: var(--card-foreground, oklch(0.141 0.005 285.823));
+  --blimu-popover: var(--popover, oklch(1 0 0));
+  --blimu-popover-foreground: var(--popover-foreground, oklch(0.141 0.005 285.823));
+  --blimu-primary: var(--primary, oklch(0.21 0.006 285.885));
   --blimu-primary-foreground: var(--primary-foreground, oklch(0.985 0 0));
-  --blimu-secondary: var(--secondary, oklch(0.97 0 0));
-  --blimu-secondary-foreground: var(--secondary-foreground, oklch(0.205 0 0));
-  --blimu-muted: var(--muted, oklch(0.97 0 0));
-  --blimu-muted-foreground: var(--muted-foreground, oklch(0.556 0 0));
-  --blimu-accent: var(--accent, oklch(0.97 0 0));
-  --blimu-accent-foreground: var(--accent-foreground, oklch(0.205 0 0));
+  --blimu-secondary: var(--secondary, oklch(0.967 0.001 286.375));
+  --blimu-secondary-foreground: var(--secondary-foreground, oklch(0.21 0.006 285.885));
+  --blimu-muted: var(--muted, oklch(0.967 0.001 286.375));
+  --blimu-muted-foreground: var(--muted-foreground, oklch(0.552 0.016 285.938));
+  --blimu-accent: var(--accent, oklch(0.967 0.001 286.375));
+  --blimu-accent-foreground: var(--accent-foreground, oklch(0.21 0.006 285.885));
   --blimu-destructive: var(--destructive, oklch(0.577 0.245 27.325));
-  --blimu-destructive-foreground: var(
-    --destructive-foreground,
-    oklch(0.577 0.245 27.325)
-  );
-  --blimu-border: var(--border, oklch(0.922 0 0));
-  --blimu-input: var(--input, oklch(0.922 0 0));
-  --blimu-ring: var(--ring, oklch(0.708 0 0));
+  --blimu-destructive-foreground: var(--destructive-foreground, oklch(0.577 0.245 27.325));
+  --blimu-border: var(--border, oklch(0.92 0.004 286.32));
+  --blimu-input: var(--input, oklch(0.92 0.004 286.32));
+  --blimu-ring: var(--ring, oklch(0.705 0.015 286.067));
   --blimu-radius: var(--radius, 0.625rem);
   --blimu-rounded-sm: var(--blimu-rounded-sm, 0.25rem);
   --blimu-rounded-md: var(--blimu-rounded-md, 0.5rem);
@@ -1128,28 +1125,25 @@
   --blimu-rounded-full: var(--blimu-rounded-full, 9999px);
 }
 .dark {
-  --blimu-background: var(--background, oklch(0.145 0 0));
-  --blimu-foreground: var(--foreground, lab(98.26% 0 0));
-  --blimu-card: var(--card, oklch(0.145 0 0));
-  --blimu-card-foreground: var(--card-foreground, lab(98.26% 0 0));
-  --blimu-popover: var(--popover, oklab(0.27 0 0 / 1));
-  --blimu-popover-foreground: var(--popover-foreground, lab(98.26% 0 0));
-  --blimu-primary: var(--primary, lab(98.26% 0 0));
-  --blimu-primary-foreground: var(--primary-foreground, oklch(0.205 0 0));
-  --blimu-secondary: var(--secondary, oklch(0.269 0 0));
-  --blimu-secondary-foreground: var(--secondary-foreground, lab(98.26% 0 0));
-  --blimu-muted: var(--muted, oklch(0.269 0 0));
-  --blimu-muted-foreground: var(--muted-foreground, oklch(0.708 0 0));
-  --blimu-accent: var(--accent, lab(27.036% 0 0));
-  --blimu-accent-foreground: var(--accent-foreground, lab(98.26% 0 0));
-  --blimu-destructive: var(--destructive, oklch(0.396 0.141 25.723));
-  --blimu-destructive-foreground: var(
-    --destructive-foreground,
-    oklch(0.637 0.237 25.331)
-  );
-  --blimu-border: var(--border, lab(100% 0 0 / 0.1));
-  --blimu-input: var(--input, oklch(0.269 0 0));
-  --blimu-ring: var(--ring, oklch(0.439 0 0));
+  --blimu-background: var(--background, oklch(0.141 0.005 285.823));
+  --blimu-foreground: var(--foreground, oklch(0.985 0 0));
+  --blimu-card: var(--card, oklch(0.21 0.006 285.885));
+  --blimu-card-foreground: var(--card-foreground, oklch(0.985 0 0));
+  --blimu-popover: var(--popover, oklch(0.21 0.006 285.885));
+  --blimu-popover-foreground: var(--popover-foreground, oklch(0.985 0 0));
+  --blimu-primary: var(--primary, oklch(0.92 0.004 286.32));
+  --blimu-primary-foreground: var(--primary-foreground, oklch(0.21 0.006 285.885));
+  --blimu-secondary: var(--secondary, oklch(0.274 0.006 286.033));
+  --blimu-secondary-foreground: var(--secondary-foreground, oklch(0.985 0 0));
+  --blimu-muted: var(--muted, oklch(0.274 0.006 286.033));
+  --blimu-muted-foreground: var(--muted-foreground, oklch(0.705 0.015 286.067));
+  --blimu-accent: var(--accent, oklch(0.274 0.006 286.033));
+  --blimu-accent-foreground: var(--accent-foreground, oklch(0.985 0 0));
+  --blimu-destructive: var(--destructive, oklch(0.704 0.191 22.216));
+  --blimu-destructive-foreground: var(--destructive-foreground, oklch(0.704 0.191 22.216));
+  --blimu-border: var(--border, oklch(1 0 0 / 10%));
+  --blimu-input: var(--input, oklch(1 0 0 / 15%));
+  --blimu-ring: var(--ring, oklch(0.552 0.016 285.938));
 }
 @property --tw-rotate-x {
   syntax: "*";

package/dist/styles/tw-styles.css

@@ -12,43 +12,40 @@
 :root {
   /* Background & Foreground */
   --blimu-background: var(--background, oklch(1 0 0));
-  --blimu-foreground: var(--foreground, oklch(0.145 0 0));
+  --blimu-foreground: var(--foreground, oklch(0.141 0.005 285.823));
 
   /* Card */
   --blimu-card: var(--card, oklch(1 0 0));
-  --blimu-card-foreground: var(--card-foreground, oklch(0.145 0 0));
+  --blimu-card-foreground: var(--card-foreground, oklch(0.141 0.005 285.823));
 
   /* Popover */
-  --blimu-popover: var(--popover, oklab(0.27 0 0 / 1));
-  --blimu-popover-foreground: var(--popover-foreground, oklch(0.145 0 0));
+  --blimu-popover: var(--popover, oklch(1 0 0));
+  --blimu-popover-foreground: var(--popover-foreground, oklch(0.141 0.005 285.823));
 
   /* Primary */
-  --blimu-primary: var(--primary, oklch(0.205 0 0));
+  --blimu-primary: var(--primary, oklch(0.21 0.006 285.885));
   --blimu-primary-foreground: var(--primary-foreground, oklch(0.985 0 0));
 
   /* Secondary */
-  --blimu-secondary: var(--secondary, oklch(0.97 0 0));
-  --blimu-secondary-foreground: var(--secondary-foreground, oklch(0.205 0 0));
+  --blimu-secondary: var(--secondary, oklch(0.967 0.001 286.375));
+  --blimu-secondary-foreground: var(--secondary-foreground, oklch(0.21 0.006 285.885));
 
   /* Muted */
-  --blimu-muted: var(--muted, oklch(0.97 0 0));
-  --blimu-muted-foreground: var(--muted-foreground, oklch(0.556 0 0));
+  --blimu-muted: var(--muted, oklch(0.967 0.001 286.375));
+  --blimu-muted-foreground: var(--muted-foreground, oklch(0.552 0.016 285.938));
 
   /* Accent */
-  --blimu-accent: var(--accent, oklch(0.97 0 0));
-  --blimu-accent-foreground: var(--accent-foreground, oklch(0.205 0 0));
+  --blimu-accent: var(--accent, oklch(0.967 0.001 286.375));
+  --blimu-accent-foreground: var(--accent-foreground, oklch(0.21 0.006 285.885));
 
   /* Destructive */
   --blimu-destructive: var(--destructive, oklch(0.577 0.245 27.325));
-  --blimu-destructive-foreground: var(
-    --destructive-foreground,
-    oklch(0.577 0.245 27.325)
-  );
+  --blimu-destructive-foreground: var(--destructive-foreground, oklch(0.577 0.245 27.325));
 
   /* Border & Input */
-  --blimu-border: var(--border, oklch(0.922 0 0));
-  --blimu-input: var(--input, oklch(0.922 0 0));
-  --blimu-ring: var(--ring, oklch(0.708 0 0));
+  --blimu-border: var(--border, oklch(0.92 0.004 286.32));
+  --blimu-input: var(--input, oklch(0.92 0.004 286.32));
+  --blimu-ring: var(--ring, oklch(0.705 0.015 286.067));
 
   /* Border Radius */
   --blimu-radius: var(--radius, 0.625rem);
@@ -61,28 +58,25 @@
 
 .dark {
   /* Dark mode theme */
-  --blimu-background: var(--background, oklch(0.145 0 0));
-  --blimu-foreground: var(--foreground, lab(98.26% 0 0));
-  --blimu-card: var(--card, oklch(0.145 0 0));
-  --blimu-card-foreground: var(--card-foreground, lab(98.26% 0 0));
-  --blimu-popover: var(--popover, oklab(0.27 0 0 / 1));
-  --blimu-popover-foreground: var(--popover-foreground, lab(98.26% 0 0));
-  --blimu-primary: var(--primary, lab(98.26% 0 0));
-  --blimu-primary-foreground: var(--primary-foreground, oklch(0.205 0 0));
-  --blimu-secondary: var(--secondary, oklch(0.269 0 0));
-  --blimu-secondary-foreground: var(--secondary-foreground, lab(98.26% 0 0));
-  --blimu-muted: var(--muted, oklch(0.269 0 0));
-  --blimu-muted-foreground: var(--muted-foreground, oklch(0.708 0 0));
-  --blimu-accent: var(--accent, lab(27.036% 0 0));
-  --blimu-accent-foreground: var(--accent-foreground, lab(98.26% 0 0));
-  --blimu-destructive: var(--destructive, oklch(0.396 0.141 25.723));
-  --blimu-destructive-foreground: var(
-    --destructive-foreground,
-    oklch(0.637 0.237 25.331)
-  );
-  --blimu-border: var(--border, lab(100% 0 0 / 0.1));
-  --blimu-input: var(--input, oklch(0.269 0 0));
-  --blimu-ring: var(--ring, oklch(0.439 0 0));
+  --blimu-background: var(--background, oklch(0.141 0.005 285.823));
+  --blimu-foreground: var(--foreground, oklch(0.985 0 0));
+  --blimu-card: var(--card, oklch(0.21 0.006 285.885));
+  --blimu-card-foreground: var(--card-foreground, oklch(0.985 0 0));
+  --blimu-popover: var(--popover, oklch(0.21 0.006 285.885));
+  --blimu-popover-foreground: var(--popover-foreground, oklch(0.985 0 0));
+  --blimu-primary: var(--primary, oklch(0.92 0.004 286.32));
+  --blimu-primary-foreground: var(--primary-foreground, oklch(0.21 0.006 285.885));
+  --blimu-secondary: var(--secondary, oklch(0.274 0.006 286.033));
+  --blimu-secondary-foreground: var(--secondary-foreground, oklch(0.985 0 0));
+  --blimu-muted: var(--muted, oklch(0.274 0.006 286.033));
+  --blimu-muted-foreground: var(--muted-foreground, oklch(0.705 0.015 286.067));
+  --blimu-accent: var(--accent, oklch(0.274 0.006 286.033));
+  --blimu-accent-foreground: var(--accent-foreground, oklch(0.985 0 0));
+  --blimu-destructive: var(--destructive, oklch(0.704 0.191 22.216));
+  --blimu-destructive-foreground: var(--destructive-foreground, oklch(0.704 0.191 22.216));
+  --blimu-border: var(--border, oklch(1 0 0 / 10%));
+  --blimu-input: var(--input, oklch(1 0 0 / 15%));
+  --blimu-ring: var(--ring, oklch(0.552 0.016 285.938));
 }
 
 /*