@vuer-ai/vuer-uikit 0.0.37 → 0.0.38

package/dist/{chunk-DRL527OZ.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.37" ;
+var PACKAGE_VERSION = "0.0.38" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/{chunk-SFFLVUWV.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,8 +21,9 @@ 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() {

package/dist/{chunk-A3EJLDGW.js → chunk-DCURVZQ2.js}

@@ -1,10 +1,9 @@
 'use strict';
 
-var chunkSFFLVUWV_js = require('./chunk-SFFLVUWV.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);
@@ -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(
-          chunkSFFLVUWV_js.ThemeScript,
+          chunk72PCXNEI_js.ThemeScript,
           {
             ...{
               forcedTheme,

package/dist/{chunk-IODCQKTM.mjs → chunk-KQ6LMA4V.mjs}

@@ -1,8 +1,7 @@
-import { ThemeScript } from './chunk-DXZEM4KQ.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);
@@ -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();
     },

package/dist/{chunk-DXZEM4KQ.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,8 +19,9 @@ 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() {

package/dist/{chunk-6MEYAIYL.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.37" ;
+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 chunkDRL527OZ_js = require('./chunk-DRL527OZ.js');
-var chunkA3EJLDGW_js = require('./chunk-A3EJLDGW.js');
-var chunkSFFLVUWV_js = require('./chunk-SFFLVUWV.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 chunkDRL527OZ_js.VersionBadge; }
+  get: function () { return chunk4LJVGD5N_js.VersionBadge; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkA3EJLDGW_js.ThemeProvider; }
+  get: function () { return chunkDCURVZQ2_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunkA3EJLDGW_js.useTheme; }
+  get: function () { return chunkDCURVZQ2_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkSFFLVUWV_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-6MEYAIYL.mjs';
-export { ThemeProvider, useTheme } from './chunk-IODCQKTM.mjs';
-export { ThemeScript } from './chunk-DXZEM4KQ.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 chunkDRL527OZ_js = require('../chunk-DRL527OZ.js');
-var chunkA3EJLDGW_js = require('../chunk-A3EJLDGW.js');
-var chunkSFFLVUWV_js = require('../chunk-SFFLVUWV.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 chunkDRL527OZ_js.VersionBadge; }
+  get: function () { return chunk4LJVGD5N_js.VersionBadge; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkA3EJLDGW_js.ThemeProvider; }
+  get: function () { return chunkDCURVZQ2_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunkA3EJLDGW_js.useTheme; }
+  get: function () { return chunkDCURVZQ2_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkSFFLVUWV_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-6MEYAIYL.mjs';
-export { ThemeProvider, useTheme } from '../chunk-IODCQKTM.mjs';
-export { ThemeScript } from '../chunk-DXZEM4KQ.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 chunkA3EJLDGW_js = require('../../chunk-A3EJLDGW.js');
-require('../../chunk-SFFLVUWV.js');
+var chunkDCURVZQ2_js = require('../../chunk-DCURVZQ2.js');
+require('../../chunk-72PCXNEI.js');
 
 
 
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkA3EJLDGW_js.ThemeProvider; }
+  get: function () { return chunkDCURVZQ2_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunkA3EJLDGW_js.useTheme; }
+  get: function () { return chunkDCURVZQ2_js.useTheme; }
 });

package/dist/ui/theme/ThemeProvider.mjs

@@ -1,2 +1,2 @@
-export { ThemeProvider, useTheme } from '../../chunk-IODCQKTM.mjs';
-import '../../chunk-DXZEM4KQ.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 chunkA3EJLDGW_js = require('../../chunk-A3EJLDGW.js');
-var chunkSFFLVUWV_js = require('../../chunk-SFFLVUWV.js');
+var chunkDCURVZQ2_js = require('../../chunk-DCURVZQ2.js');
+var chunk72PCXNEI_js = require('../../chunk-72PCXNEI.js');
 
 
 
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunkA3EJLDGW_js.ThemeProvider; }
+  get: function () { return chunkDCURVZQ2_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunkA3EJLDGW_js.useTheme; }
+  get: function () { return chunkDCURVZQ2_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkSFFLVUWV_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-IODCQKTM.mjs';
-export { ThemeScript } from '../../chunk-DXZEM4KQ.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 chunkSFFLVUWV_js = require('../../chunk-SFFLVUWV.js');
+var chunk72PCXNEI_js = require('../../chunk-72PCXNEI.js');
 
 
 
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkSFFLVUWV_js.ThemeScript; }
+  get: function () { return chunk72PCXNEI_js.ThemeScript; }
 });

package/dist/ui/theme/themeScript.mjs

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

package/dist/ui/version-badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDRL527OZ_js = require('../chunk-DRL527OZ.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 chunkDRL527OZ_js.VersionBadge; }
+  get: function () { return chunk4LJVGD5N_js.VersionBadge; }
 });

package/dist/ui/version-badge.mjs

@@ -1,4 +1,4 @@
-export { VersionBadge } from '../chunk-6MEYAIYL.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.37",
+  "version": "0.0.38",
   "description": "React UI Kit components",
   "keywords": [
     "react",

package/src/ui/theme/ThemeProvider.tsx

@@ -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?.();

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,8 +33,10 @@ 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";
     }
   }