@vuer-ai/vuer-uikit 0.0.36 → 0.0.38

package/dist/{chunk-WTKYHPQL.js → chunk-4LJVGD5N.js}

@@ -3,7 +3,7 @@
 var chunkILJK43VJ_js = require('./chunk-ILJK43VJ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.36" ;
+var PACKAGE_VERSION = "0.0.38" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/{chunk-EMHRYI5O.js → chunk-72PCXNEI.js}

@@ -6,7 +6,6 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/ui/theme/themeScript.tsx
 var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
   const el = document.documentElement;
-  const systemThemes = ["light", "dark"];
   function updateDOM(theme) {
     const attributes = Array.isArray(attribute) ? attribute : [attribute];
     attributes.forEach((attr) => {
@@ -22,12 +21,13 @@ var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedThe
     setColorScheme(theme);
   }
   function setColorScheme(theme) {
-    if (enableColorScheme && systemThemes.includes(theme)) {
-      el.style.colorScheme = theme;
+    if (enableColorScheme) {
+      const isDark = theme.includes("dark");
+      el.style.colorScheme = isDark ? "dark" : "light";
     }
   }
   function getSystemTheme() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "liquid-dark" : "liquid-light";
   }
   if (forcedTheme) {
     updateDOM(forcedTheme);

package/dist/{chunk-3ZFILFNB.js → chunk-DCURVZQ2.js}

@@ -1,10 +1,9 @@
 'use strict';
 
-var chunkEMHRYI5O_js = require('./chunk-EMHRYI5O.js');
+var chunk72PCXNEI_js = require('./chunk-72PCXNEI.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var colorSchemes = ["light", "dark"];
 var MEDIA = "(prefers-color-scheme: dark)";
 var isServer = typeof window === "undefined";
 var ThemeContext = react.createContext(void 0);
@@ -24,13 +23,13 @@ var ThemeProvider = (props) => {
   if (context) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
   return /* @__PURE__ */ jsxRuntime.jsx(Theme, { ...props });
 };
-var defaultThemes = ["light", "dark", "liquidlight", "liquiddark"];
+var defaultThemes = ["light", "dark", "liquid-light", "liquid-dark"];
 var Theme = ({
   forcedTheme,
   disableTransitionOnChange = false,
   enableSystem = true,
   enableColorScheme = false,
-  storageKey = "theme",
+  storageKey = "vuer-uikit-theme",
   themes = defaultThemes,
   defaultTheme = enableSystem ? "system" : "light",
   attribute = "class",
@@ -69,20 +68,8 @@ var Theme = ({
       if (Array.isArray(attribute)) attribute.forEach(handleAttribute);
       else handleAttribute(attribute);
       if (enableColorScheme) {
-        let fallback = "light";
-        const c = colorSchemes.reduce(
-          (schema, currentValue) => {
-            if (defaultTheme.includes(currentValue)) {
-              fallback = currentValue;
-            }
-            if (resolved.includes(currentValue)) {
-              return currentValue;
-            }
-            return schema;
-          },
-          void 0
-        );
-        d.style.colorScheme = c ?? fallback;
+        const isDark = resolved.includes("dark");
+        d.style.colorScheme = isDark ? "dark" : "light";
       }
       enable == null ? void 0 : enable();
     },
@@ -161,7 +148,7 @@ var Theme = ({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEMHRYI5O_js.ThemeScript,
+          chunk72PCXNEI_js.ThemeScript,
           {
             ...{
               forcedTheme,
@@ -208,9 +195,10 @@ var disableAnimation = (nonce) => {
   };
 };
 var getSystemTheme = (e) => {
+  if (isServer) return "liquid-light";
   if (!e) e = window.matchMedia(MEDIA);
   const isDark = e.matches;
-  return isDark ? "dark" : "light";
+  return isDark ? "liquid-dark" : "liquid-light";
 };
 
 exports.ThemeProvider = ThemeProvider;

package/dist/{chunk-4QERYDMC.mjs → chunk-KQ6LMA4V.mjs}

@@ -1,8 +1,7 @@
-import { ThemeScript } from './chunk-YIBD2FEV.mjs';
+import { ThemeScript } from './chunk-MS5G6UZ4.mjs';
 import { createContext, useContext, useState, useCallback, useEffect, useMemo } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-var colorSchemes = ["light", "dark"];
 var MEDIA = "(prefers-color-scheme: dark)";
 var isServer = typeof window === "undefined";
 var ThemeContext = createContext(void 0);
@@ -22,13 +21,13 @@ var ThemeProvider = (props) => {
   if (context) return /* @__PURE__ */ jsx(Fragment, { children: props.children });
   return /* @__PURE__ */ jsx(Theme, { ...props });
 };
-var defaultThemes = ["light", "dark", "liquidlight", "liquiddark"];
+var defaultThemes = ["light", "dark", "liquid-light", "liquid-dark"];
 var Theme = ({
   forcedTheme,
   disableTransitionOnChange = false,
   enableSystem = true,
   enableColorScheme = false,
-  storageKey = "theme",
+  storageKey = "vuer-uikit-theme",
   themes = defaultThemes,
   defaultTheme = enableSystem ? "system" : "light",
   attribute = "class",
@@ -67,20 +66,8 @@ var Theme = ({
       if (Array.isArray(attribute)) attribute.forEach(handleAttribute);
       else handleAttribute(attribute);
       if (enableColorScheme) {
-        let fallback = "light";
-        const c = colorSchemes.reduce(
-          (schema, currentValue) => {
-            if (defaultTheme.includes(currentValue)) {
-              fallback = currentValue;
-            }
-            if (resolved.includes(currentValue)) {
-              return currentValue;
-            }
-            return schema;
-          },
-          void 0
-        );
-        d.style.colorScheme = c ?? fallback;
+        const isDark = resolved.includes("dark");
+        d.style.colorScheme = isDark ? "dark" : "light";
       }
       enable == null ? void 0 : enable();
     },
@@ -206,9 +193,10 @@ var disableAnimation = (nonce) => {
   };
 };
 var getSystemTheme = (e) => {
+  if (isServer) return "liquid-light";
   if (!e) e = window.matchMedia(MEDIA);
   const isDark = e.matches;
-  return isDark ? "dark" : "light";
+  return isDark ? "liquid-dark" : "liquid-light";
 };
 
 export { ThemeProvider, useTheme };

package/dist/{chunk-YIBD2FEV.mjs → chunk-MS5G6UZ4.mjs}

@@ -4,7 +4,6 @@ import { jsx } from 'react/jsx-runtime';
 // src/ui/theme/themeScript.tsx
 var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
   const el = document.documentElement;
-  const systemThemes = ["light", "dark"];
   function updateDOM(theme) {
     const attributes = Array.isArray(attribute) ? attribute : [attribute];
     attributes.forEach((attr) => {
@@ -20,12 +19,13 @@ var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedThe
     setColorScheme(theme);
   }
   function setColorScheme(theme) {
-    if (enableColorScheme && systemThemes.includes(theme)) {
-      el.style.colorScheme = theme;
+    if (enableColorScheme) {
+      const isDark = theme.includes("dark");
+      el.style.colorScheme = isDark ? "dark" : "light";
     }
   }
   function getSystemTheme() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "liquid-dark" : "liquid-light";
   }
   if (forcedTheme) {
     updateDOM(forcedTheme);

package/dist/{chunk-4WJTS3OL.mjs → chunk-ZEK2T25J.mjs}

@@ -1,7 +1,7 @@
 import { Badge } from './chunk-IZCHLZ4H.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.36" ;
+var PACKAGE_VERSION = "0.0.38" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/index.js

@@ -6,9 +6,9 @@ var chunkQJR6MCTR_js = require('./chunk-QJR6MCTR.js');
 var chunkFSFUZ7Y6_js = require('./chunk-FSFUZ7Y6.js');
 var chunkEAN5SZYQ_js = require('./chunk-EAN5SZYQ.js');
 var chunkR3SHGA4V_js = require('./chunk-R3SHGA4V.js');
-var chunkWTKYHPQL_js = require('./chunk-WTKYHPQL.js');
-var chunk3ZFILFNB_js = require('./chunk-3ZFILFNB.js');
-var chunkEMHRYI5O_js = require('./chunk-EMHRYI5O.js');
+var chunk4LJVGD5N_js = require('./chunk-4LJVGD5N.js');
+var chunkDCURVZQ2_js = require('./chunk-DCURVZQ2.js');
+var chunk72PCXNEI_js = require('./chunk-72PCXNEI.js');
 var chunkBXYVNNXU_js = require('./chunk-BXYVNNXU.js');
 var chunkGFPXAGJY_js = require('./chunk-GFPXAGJY.js');
 var chunkJ2ZRCEKZ_js = require('./chunk-J2ZRCEKZ.js');
@@ -77,19 +77,19 @@ Object.defineProperty(exports, "TreeView", {
 });
 Object.defineProperty(exports, "VersionBadge", {
   enumerable: true,
-  get: function () { return chunkWTKYHPQL_js.VersionBadge; }
+  get: function () { return chunk4LJVGD5N_js.VersionBadge; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.ThemeProvider; }
+  get: function () { return chunkDCURVZQ2_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.useTheme; }
+  get: function () { return chunkDCURVZQ2_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkEMHRYI5O_js.ThemeScript; }
+  get: function () { return chunk72PCXNEI_js.ThemeScript; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,

package/dist/index.mjs

@@ -4,9 +4,9 @@ export { Toaster, toast } from './chunk-EAZQH4IX.mjs';
 export { ToggleGroup, ToggleGroupItem } from './chunk-G6CSH3FC.mjs';
 export { Toggle, toggleVariants } from './chunk-K6R7H7R2.mjs';
 export { TreeView } from './chunk-NKNUMZJL.mjs';
-export { VersionBadge } from './chunk-4WJTS3OL.mjs';
-export { ThemeProvider, useTheme } from './chunk-4QERYDMC.mjs';
-export { ThemeScript } from './chunk-YIBD2FEV.mjs';
+export { VersionBadge } from './chunk-ZEK2T25J.mjs';
+export { ThemeProvider, useTheme } from './chunk-KQ6LMA4V.mjs';
+export { ThemeScript } from './chunk-MS5G6UZ4.mjs';
 export { RadioGroup, RadioGroupItem } from './chunk-EL4FTB5J.mjs';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-KAUA4ODT.mjs';
 export { Slider } from './chunk-47WYS4WO.mjs';

package/dist/ui/index.js

@@ -6,9 +6,9 @@ var chunkQJR6MCTR_js = require('../chunk-QJR6MCTR.js');
 var chunkFSFUZ7Y6_js = require('../chunk-FSFUZ7Y6.js');
 var chunkEAN5SZYQ_js = require('../chunk-EAN5SZYQ.js');
 var chunkR3SHGA4V_js = require('../chunk-R3SHGA4V.js');
-var chunkWTKYHPQL_js = require('../chunk-WTKYHPQL.js');
-var chunk3ZFILFNB_js = require('../chunk-3ZFILFNB.js');
-var chunkEMHRYI5O_js = require('../chunk-EMHRYI5O.js');
+var chunk4LJVGD5N_js = require('../chunk-4LJVGD5N.js');
+var chunkDCURVZQ2_js = require('../chunk-DCURVZQ2.js');
+var chunk72PCXNEI_js = require('../chunk-72PCXNEI.js');
 var chunkBXYVNNXU_js = require('../chunk-BXYVNNXU.js');
 var chunkGFPXAGJY_js = require('../chunk-GFPXAGJY.js');
 var chunkJ2ZRCEKZ_js = require('../chunk-J2ZRCEKZ.js');
@@ -72,19 +72,19 @@ Object.defineProperty(exports, "TreeView", {
 });
 Object.defineProperty(exports, "VersionBadge", {
   enumerable: true,
-  get: function () { return chunkWTKYHPQL_js.VersionBadge; }
+  get: function () { return chunk4LJVGD5N_js.VersionBadge; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.ThemeProvider; }
+  get: function () { return chunkDCURVZQ2_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.useTheme; }
+  get: function () { return chunkDCURVZQ2_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkEMHRYI5O_js.ThemeScript; }
+  get: function () { return chunk72PCXNEI_js.ThemeScript; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,

package/dist/ui/index.mjs

@@ -4,9 +4,9 @@ export { Toaster, toast } from '../chunk-EAZQH4IX.mjs';
 export { ToggleGroup, ToggleGroupItem } from '../chunk-G6CSH3FC.mjs';
 export { Toggle, toggleVariants } from '../chunk-K6R7H7R2.mjs';
 export { TreeView } from '../chunk-NKNUMZJL.mjs';
-export { VersionBadge } from '../chunk-4WJTS3OL.mjs';
-export { ThemeProvider, useTheme } from '../chunk-4QERYDMC.mjs';
-export { ThemeScript } from '../chunk-YIBD2FEV.mjs';
+export { VersionBadge } from '../chunk-ZEK2T25J.mjs';
+export { ThemeProvider, useTheme } from '../chunk-KQ6LMA4V.mjs';
+export { ThemeScript } from '../chunk-MS5G6UZ4.mjs';
 export { RadioGroup, RadioGroupItem } from '../chunk-EL4FTB5J.mjs';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../chunk-KAUA4ODT.mjs';
 export { Slider } from '../chunk-47WYS4WO.mjs';

package/dist/ui/theme/ThemeProvider.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunk3ZFILFNB_js = require('../../chunk-3ZFILFNB.js');
-require('../../chunk-EMHRYI5O.js');
+var chunkDCURVZQ2_js = require('../../chunk-DCURVZQ2.js');
+require('../../chunk-72PCXNEI.js');
 
 
 
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.ThemeProvider; }
+  get: function () { return chunkDCURVZQ2_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.useTheme; }
+  get: function () { return chunkDCURVZQ2_js.useTheme; }
 });

package/dist/ui/theme/ThemeProvider.mjs

@@ -1,2 +1,2 @@
-export { ThemeProvider, useTheme } from '../../chunk-4QERYDMC.mjs';
-import '../../chunk-YIBD2FEV.mjs';
+export { ThemeProvider, useTheme } from '../../chunk-KQ6LMA4V.mjs';
+import '../../chunk-MS5G6UZ4.mjs';

package/dist/ui/theme/index.js

@@ -1,20 +1,20 @@
 'use strict';
 
 require('../../chunk-Y2QBWXB4.js');
-var chunk3ZFILFNB_js = require('../../chunk-3ZFILFNB.js');
-var chunkEMHRYI5O_js = require('../../chunk-EMHRYI5O.js');
+var chunkDCURVZQ2_js = require('../../chunk-DCURVZQ2.js');
+var chunk72PCXNEI_js = require('../../chunk-72PCXNEI.js');
 
 
 
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.ThemeProvider; }
+  get: function () { return chunkDCURVZQ2_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.useTheme; }
+  get: function () { return chunkDCURVZQ2_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkEMHRYI5O_js.ThemeScript; }
+  get: function () { return chunk72PCXNEI_js.ThemeScript; }
 });

package/dist/ui/theme/index.mjs

@@ -1,3 +1,3 @@
 import '../../chunk-AMB2H6WS.mjs';
-export { ThemeProvider, useTheme } from '../../chunk-4QERYDMC.mjs';
-export { ThemeScript } from '../../chunk-YIBD2FEV.mjs';
+export { ThemeProvider, useTheme } from '../../chunk-KQ6LMA4V.mjs';
+export { ThemeScript } from '../../chunk-MS5G6UZ4.mjs';

package/dist/ui/theme/themeScript.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkEMHRYI5O_js = require('../../chunk-EMHRYI5O.js');
+var chunk72PCXNEI_js = require('../../chunk-72PCXNEI.js');
 
 
 
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkEMHRYI5O_js.ThemeScript; }
+  get: function () { return chunk72PCXNEI_js.ThemeScript; }
 });

package/dist/ui/theme/themeScript.mjs

@@ -1 +1 @@
-export { ThemeScript } from '../../chunk-YIBD2FEV.mjs';
+export { ThemeScript } from '../../chunk-MS5G6UZ4.mjs';

package/dist/ui/version-badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkWTKYHPQL_js = require('../chunk-WTKYHPQL.js');
+var chunk4LJVGD5N_js = require('../chunk-4LJVGD5N.js');
 require('../chunk-ILJK43VJ.js');
 require('../chunk-T4N7UHZ7.js');
 require('../chunk-QG7ZF6TO.js');
@@ -13,5 +13,5 @@ require('../chunk-7KYAICHB.js');
 
 Object.defineProperty(exports, "VersionBadge", {
   enumerable: true,
-  get: function () { return chunkWTKYHPQL_js.VersionBadge; }
+  get: function () { return chunk4LJVGD5N_js.VersionBadge; }
 });

package/dist/ui/version-badge.mjs

@@ -1,4 +1,4 @@
-export { VersionBadge } from '../chunk-4WJTS3OL.mjs';
+export { VersionBadge } from '../chunk-ZEK2T25J.mjs';
 import '../chunk-IZCHLZ4H.mjs';
 import '../chunk-LXDQ4KMN.mjs';
 import '../chunk-4F2GSF2T.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuer-ai/vuer-uikit",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "description": "React UI Kit components",
   "keywords": [
     "react",

package/src/ui/theme/ThemeProvider.tsx

@@ -49,7 +49,7 @@ const ThemeProvider = (props: PropsWithChildren<ThemeProviderProps>) => {
   return <Theme {...props} />;
 };
 
-const defaultThemes = ["light", "dark", "liquidlight", "liquiddark"];
+const defaultThemes = ["light", "dark", "liquid-light", "liquid-dark"];
 
 /**
  * Internal component implementing theme persistence, system preference,
@@ -60,7 +60,7 @@ const Theme = ({
   disableTransitionOnChange = false,
   enableSystem = true,
   enableColorScheme = false,
-  storageKey = "theme",
+  storageKey = "vuer-uikit-theme",
   themes = defaultThemes,
   defaultTheme = enableSystem ? "system" : "light",
   attribute = "class",
@@ -106,21 +106,9 @@ const Theme = ({
       else handleAttribute(attribute);
 
       if (enableColorScheme) {
-        let fallback = "light";
-        const c = colorSchemes.reduce(
-          (schema: (typeof colorSchemes)[number] | undefined, currentValue) => {
-            if (defaultTheme.includes(currentValue)) {
-              fallback = currentValue;
-            }
-
-            if (resolved.includes(currentValue)) {
-              return currentValue;
-            }
-            return schema;
-          },
-          undefined,
-        );
-        d.style.colorScheme = c ?? fallback;
+        // Extract base color scheme from theme name
+        const isDark = resolved.includes("dark");
+        d.style.colorScheme = isDark ? "dark" : "light";
       }
 
       enable?.();
@@ -270,9 +258,10 @@ const disableAnimation = (nonce?: string) => {
 };
 
 const getSystemTheme = (e?: MediaQueryList | MediaQueryListEvent) => {
+  if (isServer) return "liquid-light";
   if (!e) e = window.matchMedia(MEDIA);
   const isDark = e.matches;
-  return isDark ? "dark" : "light";
+  return isDark ? "liquid-dark" : "liquid-light";
 };
 
 export { useTheme, ThemeProvider };

package/src/ui/theme/themeScript.tsx

@@ -13,7 +13,7 @@ const themeScript = (
   enableColorScheme?: boolean | undefined,
 ) => {
   const el = document.documentElement;
-  const systemThemes = ["light", "dark"];
+  const systemThemes = ["light", "dark", "liquid-light", "liquid-dark"];
 
   function updateDOM(theme: string) {
     const attributes = Array.isArray(attribute) ? attribute : [attribute];
@@ -33,13 +33,15 @@ const themeScript = (
   }
 
   function setColorScheme(theme: string) {
-    if (enableColorScheme && systemThemes.includes(theme)) {
-      el.style.colorScheme = theme;
+    if (enableColorScheme) {
+      // Extract base color scheme from theme name
+      const isDark = theme.includes("dark");
+      el.style.colorScheme = isDark ? "dark" : "light";
     }
   }
 
   function getSystemTheme() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "liquid-dark" : "liquid-light";
   }
 
   if (forcedTheme) {