@vuer-ai/vuer-uikit 0.0.101 → 0.0.103

package/dist/chunk-JLWAIMUZ.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+var chunk4B44SRRP_cjs = require('./chunk-4B44SRRP.cjs');
+var chunkLSKJOUAE_cjs = require('./chunk-LSKJOUAE.cjs');
+var react = require('react');
+
+var useVuerMethod = () => {
+  const { refetch, authClient, baseURL } = chunk4B44SRRP_cjs.useVuerAuth();
+  const signOutHandle = react.useCallback(() => {
+    return authClient.signOut();
+  }, [authClient]);
+  const signInHandle = react.useCallback(
+    (props) => {
+      return chunkLSKJOUAE_cjs.signInHandler({ ...props, baseURL }, refetch);
+    },
+    [baseURL, refetch]
+  );
+  return react.useMemo(() => {
+    return {
+      signIn: signInHandle,
+      signOut: signOutHandle
+    };
+  }, [signInHandle, signOutHandle]);
+};
+
+exports.useVuerMethod = useVuerMethod;

package/dist/{chunk-7R2ZBAE6.mjs → chunk-JUSFLIU5.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-C4E2MFZB.mjs';
+import { InputNumbers } from './chunk-7HOEFGEO.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-K22BEXUA.mjs → chunk-JVV7W3TP.mjs}

@@ -22,7 +22,7 @@ function Tick({ time, label, timeToPercent, zIndex = 10 }) {
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "bg-bg-primary text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
+        className: "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
         style: {
           left: `${clampedCenterPercent}%`,
           zIndex

package/dist/{chunk-VO3C6RE2.mjs → chunk-JWUIZX35.mjs}

@@ -2,9 +2,9 @@ import { cn } from './chunk-HMN4IKTG.mjs';
 import { GitBranch } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.101" ;
+var PACKAGE_VERSION = "0.0.103" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "5ddaaa0" ;
+var GIT_HASH = "dcb0bc3" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-6TSA7KXX.cjs → chunk-JWVH6R35.cjs}

@@ -24,7 +24,7 @@ function Tick({ time, label, timeToPercent, zIndex = 10 }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "bg-bg-primary text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
+        className: "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
         style: {
           left: `${clampedCenterPercent}%`,
           zIndex

package/dist/chunk-JYIVDUDL.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var chunk5XBMFADS_cjs = require('./chunk-5XBMFADS.cjs');
+var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PresetsRadInput = react.forwardRef(
+  function PresetsRadInput2({ presets, value = 0, onChange, display = "rad", size, className, ...props }, ref) {
+    const [preset, setPreset] = react.useState(value);
+    const handleValueChange = (newValue) => {
+      setPreset(newValue);
+      onChange?.(newValue);
+    };
+    const handlePresetClick = (presetValue) => {
+      setPreset(presetValue);
+      onChange?.(presetValue);
+    };
+    const getDisplayValue = (radValue) => {
+      if (display === "deg") {
+        return radValue * 180 / Math.PI;
+      } else if (display === "pi") {
+        return radValue / Math.PI;
+      }
+      return radValue;
+    };
+    const formatDisplayValue = (radValue) => {
+      const displayValue = getDisplayValue(radValue);
+      if (display === "pi") {
+        return `${displayValue.toFixed(2)}\u03C0`;
+      } else if (display === "deg") {
+        return `${displayValue.toFixed(0)}\xB0`;
+      }
+      return displayValue.toFixed(2);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("gap-xs grid grid-cols-5", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5XBMFADS_cjs.RadInput,
+        {
+          ...props,
+          ref,
+          size,
+          value: preset,
+          onChange: handleValueChange,
+          display
+        }
+      ) }),
+      presets.map((p, i) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunkHBIZQDDS_cjs.Button,
+          {
+            size,
+            variant: "secondary",
+            className: "h-6",
+            onClick: () => handlePresetClick(p),
+            children: formatDisplayValue(p)
+          },
+          i
+        );
+      })
+    ] });
+  }
+);
+
+exports.PresetsRadInput = PresetsRadInput;

package/dist/{chunk-NTGUD2JN.mjs → chunk-KBC7VNER.mjs}

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-INHZ5D7P.mjs';
+import { buttonVariants } from './chunk-CZ4GQOXG.mjs';
 import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';

package/dist/{chunk-CX6OFX5Z.mjs → chunk-KJH46JR3.mjs}

@@ -137,7 +137,8 @@ function SelectContent({
           "overflow-y-auto",
           "rounded-uk-md",
           "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-          "liquid:liquid-bg",
+          "liquid-dark:liquid-dark-bg",
+          "liquid-light:liquid-light-bg",
           font === "standard" ? "font-sans" : "font-number-input"
         ],
         {

package/dist/{chunk-JM6NBUDT.cjs → chunk-KR7VBV3B.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkJD4J3RDN_cjs = require('./chunk-JD4J3RDN.cjs');
+var chunkWHV4VATL_cjs = require('./chunk-WHV4VATL.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -31,21 +31,23 @@ var computeTheme = (baseTheme, isLiquid, systemIsDark) => {
   }
   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 = () => {
+function useTheme(selector) {
   const context = react.useContext(ThemeContext);
   if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
-  return context;
-};
+  return react.useMemo(
+    () => {
+      if (!selector) {
+        return context;
+      } else if (typeof selector === "function") {
+        return selector(context);
+      } else {
+        return context[selector];
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [context]
+  );
+}
 var ThemeProvider = (props) => {
   const context = react.useContext(ThemeContext);
   if (context) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: props.children });
@@ -97,8 +99,7 @@ var Theme = ({
   );
   const resolvedTheme = react.useMemo(() => {
     if (forcedTheme) {
-      const parsed = parseOldTheme(forcedTheme);
-      return computeTheme(parsed.baseTheme, parsed.isLiquid, systemIsDark);
+      return forcedTheme;
     }
     return computedTheme;
   }, [forcedTheme, computedTheme, systemIsDark]);
@@ -130,10 +131,13 @@ var Theme = ({
     },
     [attribute, attrs, disableTransitionOnChange, enableColorScheme, nonce, value]
   );
-  const setBaseTheme = react.useCallback((newBaseTheme) => {
-    setBaseThemeState(newBaseTheme);
-    saveToLS(`${storageKey}-base`, newBaseTheme);
-  }, [storageKey]);
+  const setBaseTheme = react.useCallback(
+    (newBaseTheme) => {
+      setBaseThemeState(newBaseTheme);
+      saveToLS(`${storageKey}-base`, newBaseTheme);
+    },
+    [storageKey]
+  );
   const toggleLiquid = react.useCallback(() => {
     setIsLiquidState((prev) => {
       const newValue = !prev;
@@ -141,13 +145,10 @@ var Theme = ({
       return newValue;
     });
   }, [storageKey]);
-  const handleMediaQuery = react.useCallback(
-    (e) => {
-      const isDark = e.matches;
-      setSystemIsDark(isDark);
-    },
-    []
-  );
+  const handleMediaQuery = react.useCallback((e) => {
+    const isDark = e.matches;
+    setSystemIsDark(isDark);
+  }, []);
   react.useEffect(() => {
     const media = window.matchMedia(MEDIA);
     media.addListener(handleMediaQuery);
@@ -195,7 +196,7 @@ var Theme = ({
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(ThemeContext.Provider, { value: contextValue, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkJD4J3RDN_cjs.ThemeScript,
+      chunkWHV4VATL_cjs.ThemeScript,
       {
         ...{
           forcedTheme,
@@ -203,7 +204,8 @@ var Theme = ({
           attribute,
           enableSystem,
           enableColorScheme,
-          defaultTheme: initialState.baseTheme === "system" ? "system" : initialState.isLiquid ? `liquid-${initialState.baseTheme}` : initialState.baseTheme,
+          defaultBaseTheme: initialState.baseTheme,
+          defaultIsLiquid: initialState.isLiquid,
           value,
           themes,
           nonce,
@@ -254,6 +256,5 @@ exports.getFromLS = getFromLS;
 exports.getSystemTheme = getSystemTheme;
 exports.getTheme = getTheme;
 exports.isServer = isServer;
-exports.parseOldTheme = parseOldTheme;
 exports.saveToLS = saveToLS;
 exports.useTheme = useTheme;

package/dist/chunk-LBGZKACW.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunkUULSGVNF_cjs = require('./chunk-UULSGVNF.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DockLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUULSGVNF_cjs.DockLayout, { className, children: [
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutTop, { className: topClassName, children: top }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+      left && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutLeft, { className: leftClassName, children: left }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutContent, { className: contentClassName, children }),
+      right && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutRight, { className: rightClassName, children: right })
+    ] }),
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutBottom, { className: bottomClassName, children: bottom })
+  ] });
+};
+
+exports.DockLayoutView = DockLayoutView;

package/dist/{chunk-2CZEFXEW.cjs → chunk-LFSCJLL2.cjs}

@@ -82,18 +82,9 @@ function TooltipContent({
     return null;
   }
   const getLiquidBgClass = (side2) => {
-    switch (side2) {
-      case "top":
-        return "liquid:liquid-bg-tooltip-top";
-      case "bottom":
-        return "liquid:liquid-bg-tooltip-bottom";
-      case "left":
-        return "liquid:liquid-bg-tooltip-left";
-      case "right":
-        return "liquid:liquid-bg-tooltip-right";
-      default:
-        return "liquid:liquid-bg-tooltip-content";
-    }
+    if (side2 === "top" || side2 === "bottom" || side2 === "left" || side2 === "right")
+      return `liquid-dark:liquid-dark-bg-tooltip-${side2} liquid-light:liquid-light-bg-tooltip-${side2}`;
+    return "liquid-dark:liquid-dark-bg-tooltip-arrow liquid-light:liquid-light-bg-tooltip-arrow";
   };
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     TooltipPrimitive__namespace.Content,
@@ -139,7 +130,8 @@ function TooltipContent({
               "h-[9px] w-[15px]",
               "border-none",
               "bg-bg-primary",
-              "liquid:liquid-bg-tooltip-arrow",
+              "liquid-dark:liquid-dark-bg-tooltip-arrow",
+              "liquid-light:liquid-light-bg-tooltip-arrow",
               "relative"
             ),
             style: {

package/dist/{chunk-3UEVUYFQ.cjs → chunk-LQGXG373.cjs}

@@ -11,11 +11,8 @@ var inputRootVariants = classVarianceAuthority.cva(
   {
     variants: {
       state: {
-        default: [
-          "hover:bg-bg-secondary/80",
-          "has-[input:focus]:bg-bg-secondary"
-        ],
-        disabled: ["disabled:cursor-not-allowed", "bg-bg-secondary", "text-text-secondary"],
+        default: ["hover:bg-bg-secondary/80", "has-[input:focus]:bg-bg-secondary"],
+        disabled: ["disabled:cursor-not-allowed", "bg-bg-quaternary", "text-text-secondary"],
         error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
       },
       size: {
@@ -76,7 +73,8 @@ var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, c
                 "data-[side=center]:text-center",
                 "[input[type=number]]:font-number-input",
                 "[&::-webkit-inner-spin-button]:appearance-none",
-                "[&::-webkit-outer-spin-button]:appearance-none"
+                "[&::-webkit-outer-spin-button]:appearance-none",
+                "disabled:cursor-not-allowed"
               ],
               inputClassName
             )

package/dist/{chunk-4XUJBMDE.mjs → chunk-LRSDE62T.mjs}

@@ -9,11 +9,8 @@ var inputRootVariants = cva(
   {
     variants: {
       state: {
-        default: [
-          "hover:bg-bg-secondary/80",
-          "has-[input:focus]:bg-bg-secondary"
-        ],
-        disabled: ["disabled:cursor-not-allowed", "bg-bg-secondary", "text-text-secondary"],
+        default: ["hover:bg-bg-secondary/80", "has-[input:focus]:bg-bg-secondary"],
+        disabled: ["disabled:cursor-not-allowed", "bg-bg-quaternary", "text-text-secondary"],
         error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"]
       },
       size: {
@@ -74,7 +71,8 @@ var InputRoot = forwardRef(function InputRoot2({ style, className, side, childre
                 "data-[side=center]:text-center",
                 "[input[type=number]]:font-number-input",
                 "[&::-webkit-inner-spin-button]:appearance-none",
-                "[&::-webkit-outer-spin-button]:appearance-none"
+                "[&::-webkit-outer-spin-button]:appearance-none",
+                "disabled:cursor-not-allowed"
               ],
               inputClassName
             )

package/dist/chunk-LSKJOUAE.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var chunk6BD5MQ5R_cjs = require('./chunk-6BD5MQ5R.cjs');
+
+// src/auth/handler/sign-in-handler.ts
+var signInHandler = (props, refetch) => {
+  const { authMode } = props;
+  if (authMode === "redirect") {
+    return sigInWithRedirect(props);
+  } else {
+    return sigInWithPopup(props, refetch);
+  }
+};
+var sigInWithPopup = async (props, refetch) => {
+  const { callbackURL, baseURL } = props;
+  const width = 500;
+  const height = 600;
+  const left = (window.screen.width - width) / 2;
+  const top = (window.screen.height - height) / 2;
+  const authPopup = window.open(
+    `${baseURL}/authorize?origin=${encodeURIComponent(window.location.origin)}`,
+    "vuer-auth-center",
+    `width=${width},height=${height},top=${top},left=${left}`
+  );
+  return new Promise((resolve) => {
+    const handle = (event) => {
+      const trustedDomains = [baseURL];
+      if (!trustedDomains.includes(event.origin)) {
+        return;
+      }
+      if (event.data.type === "READY") {
+        authPopup?.postMessage({ type: "REQUEST_TOKEN" }, baseURL);
+      }
+      if (event.data.type === "AUTH_TOKEN") {
+        const token = event.data.token;
+        if (token) {
+          localStorage.setItem(chunk6BD5MQ5R_cjs.bearerToken, token);
+          window.removeEventListener("message", handle);
+          resolve(token);
+          if (callbackURL) {
+            window.location.href = callbackURL;
+          } else {
+            refetch();
+          }
+        }
+      }
+    };
+    window.addEventListener("message", handle);
+  });
+};
+var sigInWithRedirect = (props) => {
+  const { callbackURL, baseURL } = props;
+  window.location.href = `${baseURL}/authorize?callbackURL=${encodeURIComponent(callbackURL)}`;
+};
+
+exports.signInHandler = signInHandler;

package/dist/chunk-M6JLGVJ7.mjs

@@ -0,0 +1,28 @@
+import { DockLayout, DockLayoutTop, DockLayoutLeft, DockLayoutContent, DockLayoutRight, DockLayoutBottom } from './chunk-3LO3AM25.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DockLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName
+}) => {
+  return /* @__PURE__ */ jsxs(DockLayout, { className, children: [
+    top && /* @__PURE__ */ jsx(DockLayoutTop, { className: topClassName, children: top }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+      left && /* @__PURE__ */ jsx(DockLayoutLeft, { className: leftClassName, children: left }),
+      /* @__PURE__ */ jsx(DockLayoutContent, { className: contentClassName, children }),
+      right && /* @__PURE__ */ jsx(DockLayoutRight, { className: rightClassName, children: right })
+    ] }),
+    bottom && /* @__PURE__ */ jsx(DockLayoutBottom, { className: bottomClassName, children: bottom })
+  ] });
+};
+
+export { DockLayoutView };

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

@@ -8,8 +8,9 @@ var cardVariants = cva(
     "flex-col",
     "rounded-uk-lg",
     "bg-bg-primary",
-    "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-    "liquid:liquid-bg"
+    "liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+    "liquid-dark:liquid-dark-bg",
+    "liquid-light:liquid-light-bg"
   ],
   {
     variants: {

package/dist/{chunk-NO35POZW.mjs → chunk-MHJM7YMG.mjs}

@@ -1,13 +1,9 @@
-import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var AvatarRoot = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
+var Avatar = ({ className, ...props }) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     "data-slot": "avatar",
@@ -15,15 +11,7 @@ var AvatarRoot = ({
     ...props
   }
 );
-var AvatarSSRFallback = ({ className }) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    "data-slot": "avatar",
-    className: cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className)
-  }
-);
-var Avatar = createClientOnlyComponent(AvatarRoot, AvatarSSRFallback);
-var AvatarImageRoot = ({
+var AvatarImage = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsx(
@@ -34,9 +22,7 @@ var AvatarImageRoot = ({
     ...props
   }
 );
-var AvatarImageFallback = ({ className }) => /* @__PURE__ */ jsx("span", { "data-slot": "avatar-image", className: cn("aspect-square size-full", className) });
-var AvatarImage = createClientOnlyComponent(AvatarImageRoot, AvatarImageFallback);
-var AvatarFallbackRoot = ({
+var AvatarFallback = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsx(
@@ -50,21 +36,6 @@ var AvatarFallbackRoot = ({
     ...props
   }
 );
-var AvatarFallbackSSR = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    "data-slot": "avatar-fallback",
-    className: cn(
-      "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
-      className
-    ),
-    ...props
-  }
-);
-var AvatarFallback = createClientOnlyComponent(AvatarFallbackRoot, AvatarFallbackSSR);
 function AvatarGroup({ children, className, spacing = "normal", max }) {
   const spacingClasses = {
     tight: "-space-x-1.5",
@@ -104,4 +75,4 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
   ] });
 }
 
-export { Avatar, AvatarFallback, AvatarFallbackRoot, AvatarFallbackSSR, AvatarGroup, AvatarImage, AvatarImageFallback, AvatarImageRoot, AvatarRoot, AvatarSSRFallback };
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage };

package/dist/{chunk-ZAP4EHBO.cjs → chunk-MIT3YWUC.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkT3G35JSP_cjs = require('./chunk-T3G35JSP.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
@@ -56,7 +56,7 @@ function PaginationLink({ className, isActive, size = "md", ...props }) {
       "data-slot": "pagination-link",
       "data-active": isActive,
       className: chunkOHIB3TEN_cjs.cn(
-        chunkNSQOQD43_cjs.buttonVariants({
+        chunkHBIZQDDS_cjs.buttonVariants({
           variant: isActive ? "secondary" : "ghost",
           size
         }),

package/dist/{chunk-3THWK3HB.mjs → chunk-NHG2ROYB.mjs}

@@ -54,7 +54,8 @@ var modalContentVariants = cva([
   "data-[state=open]:fade-in-0",
   "data-[state=closed]:zoom-out-95",
   "data-[state=open]:zoom-in-95",
-  "liquid:liquid-bg"
+  "liquid-dark:liquid-dark-bg",
+  "liquid-light:liquid-light-bg"
 ]);
 function ModalContent({
   className,

package/dist/{chunk-GDUVAZDW.cjs → chunk-NSUFTZNC.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkDREOOKO2_cjs = require('./chunk-DREOOKO2.cjs');
+var chunkGOGJVFRN_cjs = require('./chunk-GOGJVFRN.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var TimeInput = react.forwardRef(function TimeInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDREOOKO2_cjs.InputNumbers,
+    chunkGOGJVFRN_cjs.InputNumbers,
     {
       ref,
       value: [value],