@vuer-ai/vuer-uikit 0.0.74 → 0.0.75

package/dist/{chunk-Z2GGX66U.cjs → chunk-6SV2J2GC.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkME6B5H7U_cjs = require('./chunk-ME6B5H7U.cjs');
+var chunkHHP7ZB25_cjs = require('./chunk-HHP7ZB25.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var EulerRadInput = react.forwardRef(
   function EulerRadInput2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkME6B5H7U_cjs.EulerInput, { ref, unit: "rad", ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkHHP7ZB25_cjs.EulerInput, { ref, unit: "rad", ...props });
   }
 );
 

package/dist/chunk-6VB53UMO.mjs

@@ -0,0 +1,35 @@
+import { InputNumbers } from './chunk-WU3YZHOP.mjs';
+import { Button } from './chunk-INHZ5D7P.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { forwardRef, useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PresetsInput = forwardRef(function PresetsInput2({ presets, value = 0, onChange, size, className, ...props }, ref) {
+  const [preset, setPreset] = useState(value);
+  const handleValueChange = (values) => {
+    const newValue = values[0];
+    setPreset(newValue);
+    onChange?.(newValue);
+  };
+  const handlePresetClick = (presetValue) => {
+    setPreset(presetValue);
+    onChange?.(presetValue);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("gap-xs grid grid-cols-5", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsx(
+      InputNumbers,
+      {
+        ...props,
+        ref,
+        size,
+        value: [preset],
+        onValuesChange: handleValueChange
+      }
+    ) }),
+    presets.map((p, i) => {
+      return /* @__PURE__ */ jsx(Button, { size, variant: "secondary", className: "h-6", onClick: () => handlePresetClick(p), children: p }, i);
+    })
+  ] });
+});
+
+export { PresetsInput };

package/dist/{chunk-3LO2GIJ4.cjs → chunk-76V4RD4V.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
 var react = require('react');
@@ -37,34 +37,34 @@ var navigationButtonVariants = classVarianceAuthority.cva([
   "disabled:bg-bg-transparent"
 ]);
 var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkDWD754BX_cjs.cn(navigationVariants({ size, className })), ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkOHIB3TEN_cjs.cn(navigationVariants({ size, className })), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBHC7GX53_cjs.Button,
+      chunkNSQOQD43_cjs.Button,
       {
         variant: "ghost",
         size,
         icon: true,
         onClick: onBack,
         disabled: !canGoBack,
-        className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
+        className: chunkOHIB3TEN_cjs.cn(navigationButtonVariants()),
         "aria-label": "Back",
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBHC7GX53_cjs.Button,
+      chunkNSQOQD43_cjs.Button,
       {
         variant: "ghost",
         size,
         icon: true,
         onClick: onForward,
         disabled: !canGoForward,
-        className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
+        className: chunkOHIB3TEN_cjs.cn(navigationButtonVariants()),
         "aria-label": "Forward",
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkDWD754BX_cjs.cn(navigationTitleVariants({ size })), children: title })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOHIB3TEN_cjs.cn(navigationTitleVariants({ size })), children: title })
   ] });
 });
 

package/dist/{chunk-2JZMJ2ZP.mjs → chunk-7CTCK26U.mjs}

@@ -1,8 +1,8 @@
-import { Tabs } from './chunk-3GYDDYRD.mjs';
-import { Textarea } from './chunk-MXXKPTX3.mjs';
-import { SelectTrigger } from './chunk-C7WMCSNN.mjs';
-import { InputRoot } from './chunk-TNARVKPU.mjs';
-import { Button } from './chunk-3MSEMXKG.mjs';
+import { Tabs } from './chunk-B53A4WNW.mjs';
+import { Textarea } from './chunk-25RDJXX7.mjs';
+import { SelectTrigger } from './chunk-KY4I766B.mjs';
+import { InputRoot } from './chunk-JXALL32A.mjs';
+import { Button } from './chunk-INHZ5D7P.mjs';
 import { withCursor } from './chunk-RAHKRYQJ.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx

package/dist/{chunk-X6YX2NAS.cjs → chunk-7DFI7CUK.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -38,7 +38,7 @@ function Textarea({ className, state, size, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
     {
-      className: chunkDWD754BX_cjs.cn(textareaVariants({ className, state, size })),
+      className: chunkOHIB3TEN_cjs.cn(textareaVariants({ className, state, size })),
       "data-slot": "textarea",
       ...props
     }

package/dist/chunk-7LLDKYND.mjs

@@ -0,0 +1,243 @@
+import { ThemeScript } from './chunk-PQEAXTVY.mjs';
+import { createContext, useContext, useMemo, useState, useCallback, useEffect } 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);
+var saveToLS = (key, value) => {
+  try {
+    localStorage.setItem(key, value);
+  } catch {
+  }
+};
+var getFromLS = (key, fallback) => {
+  if (isServer) return fallback;
+  try {
+    return localStorage.getItem(key) || fallback;
+  } catch {
+    return fallback;
+  }
+};
+var computeTheme = (baseTheme, isLiquid, systemIsDark) => {
+  let resolvedBase;
+  if (baseTheme === "system") {
+    resolvedBase = systemIsDark ? "dark" : "light";
+  } else {
+    resolvedBase = baseTheme;
+  }
+  return isLiquid ? `liquid-${resolvedBase}` : resolvedBase;
+};
+var parseOldTheme = (oldTheme) => {
+  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 };
+};
+var useTheme = () => {
+  const context = useContext(ThemeContext);
+  if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+var ThemeProvider = (props) => {
+  const context = useContext(ThemeContext);
+  if (context) return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+  return /* @__PURE__ */ jsx(Theme, { ...props });
+};
+var defaultThemes = ["light", "dark", "liquid-light", "liquid-dark"];
+var Theme = ({
+  forcedTheme,
+  disableTransitionOnChange = false,
+  enableSystem = true,
+  enableColorScheme = false,
+  storageKey = "vuer-uikit-theme",
+  defaultBaseTheme = enableSystem ? "system" : "light",
+  defaultIsLiquid = true,
+  attribute = "class",
+  value,
+  children,
+  nonce,
+  scriptProps
+}) => {
+  const themes = defaultThemes;
+  const initialState = useMemo(() => {
+    return { baseTheme: defaultBaseTheme, isLiquid: defaultIsLiquid };
+  }, [defaultBaseTheme, defaultIsLiquid]);
+  const [baseTheme, setBaseThemeState] = useState(() => {
+    const stored = getFromLS(`${storageKey}-base`, "");
+    if (!stored) {
+      return initialState.baseTheme;
+    }
+    return ["light", "dark", "system"].includes(stored) ? stored : initialState.baseTheme;
+  });
+  const [isLiquid, setIsLiquidState] = useState(() => {
+    const stored = getFromLS(`${storageKey}-liquid`, "");
+    if (!stored) {
+      return initialState.isLiquid;
+    }
+    return stored === "true";
+  });
+  const [systemIsDark, setSystemIsDark] = useState(() => {
+    if (isServer) {
+      return false;
+    }
+    return window.matchMedia(MEDIA).matches;
+  });
+  const attrs = !value ? themes : Object.values(value);
+  const computedTheme = useMemo(
+    () => computeTheme(baseTheme, isLiquid, systemIsDark),
+    [baseTheme, isLiquid, systemIsDark]
+  );
+  const resolvedTheme = useMemo(() => {
+    if (forcedTheme) {
+      const parsed = parseOldTheme(forcedTheme);
+      return computeTheme(parsed.baseTheme, parsed.isLiquid, systemIsDark);
+    }
+    return computedTheme;
+  }, [forcedTheme, computedTheme, systemIsDark]);
+  const applyTheme = useCallback(
+    (theme) => {
+      if (!theme) return;
+      const name = value ? value[theme] : theme;
+      const enable = disableTransitionOnChange ? disableAnimation(nonce) : null;
+      const d = document.documentElement;
+      const handleAttribute = (attr) => {
+        if (attr === "class") {
+          d.classList.remove(...attrs);
+          if (name) d.classList.add(name);
+        } else if (attr.startsWith("data-")) {
+          if (name) {
+            d.setAttribute(attr, name);
+          } else {
+            d.removeAttribute(attr);
+          }
+        }
+      };
+      if (Array.isArray(attribute)) attribute.forEach(handleAttribute);
+      else handleAttribute(attribute);
+      if (enableColorScheme) {
+        const isDark = theme.includes("dark");
+        d.style.colorScheme = isDark ? "dark" : "light";
+      }
+      enable?.();
+    },
+    [attribute, attrs, disableTransitionOnChange, enableColorScheme, nonce, value]
+  );
+  const setBaseTheme = useCallback((newBaseTheme) => {
+    setBaseThemeState(newBaseTheme);
+    saveToLS(`${storageKey}-base`, newBaseTheme);
+  }, [storageKey]);
+  const toggleLiquid = useCallback(() => {
+    setIsLiquidState((prev) => {
+      const newValue = !prev;
+      saveToLS(`${storageKey}-liquid`, String(newValue));
+      return newValue;
+    });
+  }, [storageKey]);
+  const handleMediaQuery = useCallback(
+    (e) => {
+      const isDark = e.matches;
+      setSystemIsDark(isDark);
+    },
+    []
+  );
+  useEffect(() => {
+    const media = window.matchMedia(MEDIA);
+    media.addListener(handleMediaQuery);
+    handleMediaQuery(media);
+    return () => media.removeListener(handleMediaQuery);
+  }, [handleMediaQuery]);
+  useEffect(() => {
+    const handleStorage = (e) => {
+      if (e.key === `${storageKey}-base` && e.newValue) {
+        setBaseThemeState(e.newValue);
+      } else if (e.key === `${storageKey}-liquid` && e.newValue !== null) {
+        setIsLiquidState(e.newValue === "true");
+      }
+    };
+    window.addEventListener("storage", handleStorage);
+    return () => window.removeEventListener("storage", handleStorage);
+  }, [storageKey]);
+  useEffect(() => {
+    applyTheme(resolvedTheme);
+  }, [applyTheme, resolvedTheme]);
+  const contextValue = useMemo(
+    () => ({
+      baseTheme,
+      setBaseTheme,
+      isLiquid,
+      toggleLiquid,
+      computedTheme,
+      resolvedTheme,
+      systemTheme: enableSystem ? systemIsDark ? "dark" : "light" : void 0,
+      forcedTheme,
+      storageKey
+    }),
+    [
+      baseTheme,
+      setBaseTheme,
+      isLiquid,
+      toggleLiquid,
+      computedTheme,
+      resolvedTheme,
+      systemIsDark,
+      enableSystem,
+      forcedTheme,
+      storageKey
+    ]
+  );
+  return /* @__PURE__ */ jsxs(ThemeContext.Provider, { value: contextValue, children: [
+    /* @__PURE__ */ jsx(
+      ThemeScript,
+      {
+        ...{
+          forcedTheme,
+          storageKey,
+          attribute,
+          enableSystem,
+          enableColorScheme,
+          defaultTheme: initialState.baseTheme === "system" ? "system" : initialState.isLiquid ? `liquid-${initialState.baseTheme}` : initialState.baseTheme,
+          value,
+          themes,
+          nonce,
+          scriptProps
+        }
+      }
+    ),
+    children
+  ] });
+};
+var getTheme = (key, fallback) => {
+  return getFromLS(key, fallback);
+};
+var disableAnimation = (nonce) => {
+  const css = document.createElement("style");
+  if (nonce) css.setAttribute("nonce", nonce);
+  css.appendChild(
+    document.createTextNode(
+      `*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`
+    )
+  );
+  document.head.appendChild(css);
+  return () => {
+    (() => window.getComputedStyle(document.body))();
+    setTimeout(() => {
+      if (css && css.parentNode) {
+        css.parentNode.removeChild(css);
+      }
+    }, 1);
+  };
+};
+var getSystemTheme = (e) => {
+  if (isServer) return "liquid-light";
+  if (!e) e = window.matchMedia(MEDIA);
+  const isDark = e.matches;
+  return isDark ? "liquid-dark" : "liquid-light";
+};
+
+export { MEDIA, Theme, ThemeContext, ThemeProvider, colorSchemes, computeTheme, defaultThemes, disableAnimation, getFromLS, getSystemTheme, getTheme, isServer, parseOldTheme, saveToLS, useTheme };

package/dist/{chunk-TCVTXU7U.cjs → chunk-A5LCX2UQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var chunkP6DICGAV_cjs = require('./chunk-P6DICGAV.cjs');
 var react = require('react');
 var reactDom = require('react-dom');
@@ -192,7 +192,7 @@ var CursorProvider = ({
       Component,
       {
         ...props,
-        className: chunkDWD754BX_cjs.cn(className),
+        className: chunkOHIB3TEN_cjs.cn(className),
         style: {
           cursor: isMouseInside && !hoveredElementId ? "none" : "auto",
           ...props.style

package/dist/{chunk-EWAKGFQG.mjs → chunk-ABLQ4QRY.mjs}

@@ -1,5 +1,5 @@
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';
@@ -58,7 +58,6 @@ var toggleGroupVariants = cva(
           "bg-bg-secondary",
           "hover:bg-group-hover",
           "border-solid border border-transparent -mr-[1px]",
-          "dark:border-solid dark:border dark:-mr-[1px]",
           "data-[state=on]:text-secondary-foreground",
           "data-[state=on]:bg-group-primary",
           "data-[state=on]:border-line-secondary",

package/dist/{chunk-ERN4HL5A.mjs → chunk-AZBJB6KC.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-3GYDDYRD.mjs → chunk-B53A4WNW.mjs}

@@ -1,6 +1,6 @@
 import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';

package/dist/{chunk-LHQALBTX.cjs → chunk-B55SNJJM.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -29,7 +29,7 @@ var Checkbox = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRuntime
   CheckboxPrimitive__namespace.Root,
   {
     "data-slot": "checkbox",
-    className: chunkDWD754BX_cjs.cn(
+    className: chunkOHIB3TEN_cjs.cn(
       "group",
       "relative",
       "w-[16px]",
@@ -59,7 +59,7 @@ var Checkbox = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRuntime
       CheckboxPrimitive__namespace.Indicator,
       {
         "data-slot": "checkbox-indicator",
-        className: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           "absolute",
           "inset-0",
           "m-auto",
@@ -73,7 +73,7 @@ var Checkbox = ({ className, checkall, ...props }) => /* @__PURE__ */ jsxRuntime
       CheckboxPrimitive__namespace.Indicator,
       {
         "data-slot": "checkbox-indicator",
-        className: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           "flex",
           "items-center",
           "justify-center",

package/dist/{chunk-LSZ54G6L.cjs → chunk-BAQY2ANP.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk2JDLZHCB_cjs = require('./chunk-2JDLZHCB.cjs');
+var chunkT2RTITL6_cjs = require('./chunk-T2RTITL6.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DegInput = react.forwardRef(function DegInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2JDLZHCB_cjs.InputNumbers,
+    chunkT2RTITL6_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-F6VF4JAI.mjs → chunk-BCBWIMPS.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-EEKGYANW.mjs → chunk-BEJIZ56L.mjs}

@@ -1,5 +1,5 @@
 import { useSyncScroll, useScrollSlave, useSyncDrag } from './chunk-SAGQV2YZ.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { useState, useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-NMSI7U5J.mjs → chunk-BGYHKHMQ.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-T6NE6TOR.mjs → chunk-CO6EASQO.mjs}

@@ -1,5 +1,5 @@
 import { colorClasses, borderColorClasses, formatDuration } from './chunk-4U232QAX.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function TimelineProcessBar({

package/dist/chunk-COVQAQYO.mjs

@@ -0,0 +1,63 @@
+import { useTheme } from './chunk-7LLDKYND.mjs';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-PCSY5IJ2.mjs';
+import { Button } from './chunk-INHZ5D7P.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { Droplet, SunMoon, Moon, Sun } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LiquidToggle = ({ className, ...props }) => {
+  const { isLiquid, toggleLiquid } = useTheme();
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: true,
+        variant: "ghost",
+        value: isLiquid,
+        "aria-label": `Toggle liquid theme: ${isLiquid ? "on" : "off"}`,
+        ...props,
+        onClick: toggleLiquid,
+        className,
+        children: /* @__PURE__ */ jsx(Droplet, { size: 20 })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: "Toggle liquid theme" })
+  ] });
+};
+var ThemeColorToggle = (props) => {
+  const { baseTheme, setBaseTheme, resolvedTheme } = useTheme();
+  const handleThemeChange = () => {
+    if (baseTheme === "light") {
+      setBaseTheme("dark");
+    } else if (baseTheme === "dark") {
+      setBaseTheme("system");
+    } else if (baseTheme === "system") {
+      setBaseTheme("light");
+    }
+  };
+  const isDark = resolvedTheme.includes("dark");
+  const isSystem = baseTheme === "system";
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: true,
+      variant: "ghost",
+      "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
+      ...props,
+      onClick: handleThemeChange,
+      children: isSystem ? /* @__PURE__ */ jsx(SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsx(Moon, { size: 20 }) : /* @__PURE__ */ jsx(Sun, { size: 20 })
+    }
+  );
+};
+var ThemeToggles = ({
+  className,
+  liquidToggleProps = {},
+  colorToggleProps = {}
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-1", className), children: [
+    /* @__PURE__ */ jsx(LiquidToggle, { ...liquidToggleProps }),
+    /* @__PURE__ */ jsx(ThemeColorToggle, { ...colorToggleProps })
+  ] });
+};
+
+export { LiquidToggle, ThemeColorToggle, ThemeToggles };

package/dist/{chunk-R2DTBJJV.mjs → chunk-D3IW2NW6.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-G73SWE4J.mjs → chunk-DWWM2TV3.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 function Skeleton({ className, ...props }) {

package/dist/{chunk-IV6NCQWD.mjs → chunk-DYFJAD2K.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-J3ZWVQT7.mjs';
+import { VectorInput } from './chunk-U4OZ35J3.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-PJJ7CR5M.mjs → chunk-EBBHJLUX.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-VBIBT2KD.cjs → chunk-EKPJUR3U.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var SliderPrimitive = require('@radix-ui/react-slider');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -61,7 +61,7 @@ var Slider = react.forwardRef(
         min,
         max,
         step,
-        className: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           "relative",
           "flex",
           "w-full",
@@ -80,7 +80,7 @@ var Slider = react.forwardRef(
             SliderPrimitive__namespace.Track,
             {
               "data-slot": "slider-track",
-              className: chunkDWD754BX_cjs.cn(
+              className: chunkOHIB3TEN_cjs.cn(
                 "peer/slider-track",
                 "bg-line-primary",
                 "relative",
@@ -97,7 +97,7 @@ var Slider = react.forwardRef(
                 SliderPrimitive__namespace.Range,
                 {
                   "data-slot": "slider-range",
-                  className: chunkDWD754BX_cjs.cn(
+                  className: chunkOHIB3TEN_cjs.cn(
                     "bg-brand-primary",
                     "absolute",
                     "data-[disabled]:bg-bg-secondary",
@@ -113,7 +113,7 @@ var Slider = react.forwardRef(
             SliderPrimitive__namespace.Thumb,
             {
               "data-slot": "slider-thumb",
-              className: chunkDWD754BX_cjs.cn(
+              className: chunkOHIB3TEN_cjs.cn(
                 "ring-brand-primary/50",
                 "bg-brand-primary",
                 "block",
@@ -159,7 +159,7 @@ function SliderSteps({ step, min, max, currentValue }) {
       {
         "data-slot": "slider-step",
         style: { left: `calc(${step2.position}% + ${thumbInBoundsOffset}px)` },
-        className: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           "absolute",
           "top-1/2",
           "translate-y-[-50%]",

package/dist/{chunk-XATVREJU.mjs → chunk-ER54LTUC.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-J3ZWVQT7.mjs';
+import { VectorInput } from './chunk-U4OZ35J3.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';