@vuer-ai/vuer-uikit 0.0.100 → 0.0.102

package/src/ui/theme/themeScript.tsx

@@ -1,9 +1,10 @@
 import { memo } from "react";
 
-import { Attribute, ThemeProviderProps } from "./types";
+import { Attribute, BaseTheme, ThemeProviderProps } from "./types";
 
 const themeScript = (
-  defaultTheme: string,
+  defaultBaseTheme: BaseTheme,
+  defaultIsLiquid: boolean,
   storageKey: string,
   attribute: Attribute | Attribute[],
   themes: string[],
@@ -39,66 +40,37 @@ const themeScript = (
     }
   }
 
-  function getSystemTheme() {
-    return window.matchMedia("(prefers-color-scheme: dark)").matches
-      ? "liquid-dark"
-      : "liquid-light";
-  }
-
-  function parseOldTheme(oldTheme: string): { baseTheme: string; isLiquid: boolean } {
-    if (oldTheme === "system") {
-      return { baseTheme: "system", isLiquid: false };
-    }
-    
-    if (oldTheme.startsWith("liquid-")) {
-      const base = oldTheme.replace("liquid-", "");
-      return { baseTheme: base, isLiquid: true };
-    }
-    
-    return { baseTheme: oldTheme, isLiquid: false };
-  }
-
   function computeTheme(baseTheme: string, isLiquid: boolean, systemIsDark: boolean): string {
     let resolvedBase: string;
-    
+
     if (baseTheme === "system") {
       resolvedBase = systemIsDark ? "dark" : "light";
     } else {
       resolvedBase = baseTheme;
     }
-    
+
     return isLiquid ? `liquid-${resolvedBase}` : resolvedBase;
   }
 
   function getStoredState(): { baseTheme: string; isLiquid: boolean } {
     try {
-      // Try to read from new storage format
-      const baseTheme = localStorage.getItem(`${storageKey}-base`);
-      const isLiquid = localStorage.getItem(`${storageKey}-liquid`);
-      
-      if (baseTheme !== null && isLiquid !== null) {
+      const storedBase = localStorage.getItem(`${storageKey}-base`);
+      const storedLiquid = localStorage.getItem(`${storageKey}-liquid`);
+
+      if (storedBase !== null && storedLiquid !== null) {
         return {
-          baseTheme,
-          isLiquid: isLiquid === "true"
+          baseTheme: storedBase,
+          isLiquid: storedLiquid === "true",
         };
       }
-      
-      const oldTheme = localStorage.getItem(storageKey);
-      if (oldTheme) {
-        return parseOldTheme(oldTheme);
-      }
-      
-      const defaultBaseTheme = enableSystem ? "system" : "light";
       return {
         baseTheme: defaultBaseTheme,
-        isLiquid: true
+        isLiquid: defaultIsLiquid,
       };
     } catch {
-      // Default values on error
-      const defaultBaseTheme = enableSystem ? "system" : "light";
       return {
-        baseTheme: defaultBaseTheme,
-        isLiquid: true
+        baseTheme: "system",
+        isLiquid: true,
       };
     }
   }
@@ -107,10 +79,10 @@ const themeScript = (
     updateDOM(forcedTheme);
   } else {
     const { baseTheme, isLiquid } = getStoredState();
-    
+
     const hasStoredBase = localStorage.getItem(`${storageKey}-base`) !== null;
     const hasStoredLiquid = localStorage.getItem(`${storageKey}-liquid`) !== null;
-    
+
     if (!hasStoredBase || !hasStoredLiquid) {
       try {
         if (!hasStoredBase) {
@@ -119,10 +91,11 @@ const themeScript = (
         if (!hasStoredLiquid) {
           localStorage.setItem(`${storageKey}-liquid`, String(isLiquid));
         }
-              } catch {
-        }
+      } catch {
+        // Ignore storage errors
+      }
     }
-    
+
     const systemIsDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     const computedTheme = computeTheme(baseTheme, isLiquid, systemIsDark);
     updateDOM(computedTheme);
@@ -132,7 +105,6 @@ const themeScript = (
 interface ThemeScriptProps extends ThemeProviderProps {
   themes: string[];
   storageKey: string;
-  defaultTheme: string;
   attribute: Attribute | Attribute[];
   forcedTheme?: string;
   enableSystem?: boolean;
@@ -148,14 +120,16 @@ const ThemeScript = memo(
     attribute,
     enableSystem,
     enableColorScheme,
-    defaultTheme,
+    defaultBaseTheme,
+    defaultIsLiquid,
     value,
     themes,
     nonce,
     scriptProps,
   }: ThemeScriptProps) => {
     const scriptArgs = JSON.stringify([
-      defaultTheme,
+      defaultBaseTheme,
+      defaultIsLiquid,
       storageKey,
       attribute,
       themes,

package/src/ui/toolbar.tsx

@@ -29,13 +29,13 @@ export function Toolbar({ className, children, variant = "default", size = "md"
   return (
     <div
       className={cn(
-        "bg-bg-primary flex items-center gap-2 shadow-sm",
-        "liquid:liquid-bg",
+        "bg-bg-primary flex items-center gap-2",
+        "liquid:liquid-bg liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         size === "sm" && "rounded-uk-md p-1.5",
         size === "md" && "rounded-uk-lg p-1.5",
         size === "lg" && "rounded-uk-xl p-1.5",
         variant === "floating" &&
-          "rounded-[var(--radius-uk-md)] bg-white shadow-lg dark:bg-gray-900" &&
+          "rounded-[var(--radius-uk-md)] bg-white dark:bg-gray-900" &&
           (size === "sm" ? "px-1 py-1" : size === "md" ? "px-2 py-2" : "px-3 py-3"),
         className,
       )}

package/dist/chunk-DVKONMS7.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var chunkDREOOKO2_cjs = require('./chunk-DREOOKO2.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var RadInput = react.forwardRef(function RadInput2({ value = 0, onChange, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDREOOKO2_cjs.InputNumbers,
-    {
-      ref,
-      value: [value],
-      onValuesChange: (values) => onChange?.(values[0]),
-      suffix: ["rad"],
-      ...props
-    }
-  );
-});
-
-exports.RadInput = RadInput;

package/dist/chunk-GPV4XELL.mjs

@@ -1,18 +0,0 @@
-import { InputNumbers } from './chunk-C4E2MFZB.mjs';
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var RadInput = forwardRef(function RadInput2({ value = 0, onChange, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    InputNumbers,
-    {
-      ref,
-      value: [value],
-      onValuesChange: (values) => onChange?.(values[0]),
-      suffix: ["rad"],
-      ...props
-    }
-  );
-});
-
-export { RadInput };

package/dist/chunk-H2GERFBG.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-var chunkBMJX3SEO_cjs = require('./chunk-BMJX3SEO.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var EulerRadInput = react.forwardRef(
-  function EulerRadInput2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkBMJX3SEO_cjs.EulerInput, { ref, unit: "rad", ...props });
-  }
-);
-
-exports.EulerRadInput = EulerRadInput;