@vuer-ai/vuer-uikit 0.0.36 → 0.0.37

package/dist/{chunk-4WJTS3OL.mjs → chunk-6MEYAIYL.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.37" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkEMHRYI5O_js = require('./chunk-EMHRYI5O.js');
+var chunkSFFLVUWV_js = require('./chunk-SFFLVUWV.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,13 +24,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",
@@ -161,7 +161,7 @@ var Theme = ({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEMHRYI5O_js.ThemeScript,
+          chunkSFFLVUWV_js.ThemeScript,
           {
             ...{
               forcedTheme,
@@ -208,9 +208,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-WTKYHPQL.js → chunk-DRL527OZ.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.37" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

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

@@ -25,7 +25,7 @@ var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedThe
     }
   }
   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-4QERYDMC.mjs → chunk-IODCQKTM.mjs}

@@ -1,4 +1,4 @@
-import { ThemeScript } from './chunk-YIBD2FEV.mjs';
+import { ThemeScript } from './chunk-DXZEM4KQ.mjs';
 import { createContext, useContext, useState, useCallback, useEffect, useMemo } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
@@ -22,13 +22,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",
@@ -206,9 +206,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-EMHRYI5O.js → chunk-SFFLVUWV.js}

@@ -27,7 +27,7 @@ var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedThe
     }
   }
   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/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 chunkDRL527OZ_js = require('./chunk-DRL527OZ.js');
+var chunkA3EJLDGW_js = require('./chunk-A3EJLDGW.js');
+var chunkSFFLVUWV_js = require('./chunk-SFFLVUWV.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 chunkDRL527OZ_js.VersionBadge; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.ThemeProvider; }
+  get: function () { return chunkA3EJLDGW_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.useTheme; }
+  get: function () { return chunkA3EJLDGW_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkEMHRYI5O_js.ThemeScript; }
+  get: function () { return chunkSFFLVUWV_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-6MEYAIYL.mjs';
+export { ThemeProvider, useTheme } from './chunk-IODCQKTM.mjs';
+export { ThemeScript } from './chunk-DXZEM4KQ.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 chunkDRL527OZ_js = require('../chunk-DRL527OZ.js');
+var chunkA3EJLDGW_js = require('../chunk-A3EJLDGW.js');
+var chunkSFFLVUWV_js = require('../chunk-SFFLVUWV.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 chunkDRL527OZ_js.VersionBadge; }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.ThemeProvider; }
+  get: function () { return chunkA3EJLDGW_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.useTheme; }
+  get: function () { return chunkA3EJLDGW_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkEMHRYI5O_js.ThemeScript; }
+  get: function () { return chunkSFFLVUWV_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-6MEYAIYL.mjs';
+export { ThemeProvider, useTheme } from '../chunk-IODCQKTM.mjs';
+export { ThemeScript } from '../chunk-DXZEM4KQ.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 chunkA3EJLDGW_js = require('../../chunk-A3EJLDGW.js');
+require('../../chunk-SFFLVUWV.js');
 
 
 
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.ThemeProvider; }
+  get: function () { return chunkA3EJLDGW_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.useTheme; }
+  get: function () { return chunkA3EJLDGW_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-IODCQKTM.mjs';
+import '../../chunk-DXZEM4KQ.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 chunkA3EJLDGW_js = require('../../chunk-A3EJLDGW.js');
+var chunkSFFLVUWV_js = require('../../chunk-SFFLVUWV.js');
 
 
 
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.ThemeProvider; }
+  get: function () { return chunkA3EJLDGW_js.ThemeProvider; }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
-  get: function () { return chunk3ZFILFNB_js.useTheme; }
+  get: function () { return chunkA3EJLDGW_js.useTheme; }
 });
 Object.defineProperty(exports, "ThemeScript", {
   enumerable: true,
-  get: function () { return chunkEMHRYI5O_js.ThemeScript; }
+  get: function () { return chunkSFFLVUWV_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-IODCQKTM.mjs';
+export { ThemeScript } from '../../chunk-DXZEM4KQ.mjs';

package/dist/ui/theme/themeScript.js

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

package/dist/ui/theme/themeScript.mjs

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

package/dist/ui/version-badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkWTKYHPQL_js = require('../chunk-WTKYHPQL.js');
+var chunkDRL527OZ_js = require('../chunk-DRL527OZ.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 chunkDRL527OZ_js.VersionBadge; }
 });

package/dist/ui/version-badge.mjs

@@ -1,4 +1,4 @@
-export { VersionBadge } from '../chunk-4WJTS3OL.mjs';
+export { VersionBadge } from '../chunk-6MEYAIYL.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.37",
   "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",
@@ -270,9 +270,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

@@ -39,7 +39,7 @@ const themeScript = (
   }
 
   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) {