@vuer-ai/vuer-uikit 0.0.55 → 0.0.56

package/README.md

@@ -72,12 +72,12 @@ Using CSS Variables and color utilities for theming.
 
 ```css
 @theme inline {
-  --brand-primary: var(--bg-custom-primary);
-  --brand-secondary: var(--bg-custom-secondary);
+    --brand-primary: var(--bg-custom-primary);
+    --brand-hover: var(--bg-custom-secondary);
 }
 
 :root {
-  --bg-custom-primary: rgba(0, 123, 255, 1);
-  --bg-custom-secondary: rgba(82, 177, 255, 1);
+    --bg-custom-primary: rgba(0, 123, 255, 1);
+    --bg-custom-secondary: rgba(82, 177, 255, 1);
 }
 ```

package/dist/{chunk-2QG7LH4Z.js → chunk-3Z2LP3LS.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var chunkHZIUWAJY_js = require('./chunk-HZIUWAJY.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var RadInput = react.forwardRef(function RadInput2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "rad", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkHZIUWAJY_js.NumberInput, { ref, unit: "rad", ...props });
 });
 
 exports.RadInput = RadInput;

package/dist/{chunk-DZXMZBAQ.mjs → chunk-3ZIYCPA2.mjs}

@@ -1,7 +1,7 @@
 import { Badge } from './chunk-IZCHLZ4H.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.55" ;
+var PACKAGE_VERSION = "0.0.56" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/{chunk-MK2FKGWF.mjs → chunk-4TUTA7RT.mjs}

@@ -1,4 +1,4 @@
-import { NumberInput } from './chunk-QD6L25T6.mjs';
+import { NumberInput } from './chunk-Z47NVGKH.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-JOWWKLBU.js → chunk-5GIOU2JM.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var chunkHZIUWAJY_js = require('./chunk-HZIUWAJY.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var InchInput = react.forwardRef(function InchInput2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "in", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkHZIUWAJY_js.NumberInput, { ref, unit: "in", ...props });
 });
 
 exports.InchInput = InchInput;

package/dist/{chunk-FJ6UQH5F.mjs → chunk-5JWYKZSE.mjs}

@@ -1,4 +1,4 @@
-import { NumberInput } from './chunk-QD6L25T6.mjs';
+import { NumberInput } from './chunk-Z47NVGKH.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-63EDCFHW.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Toolbar({ className, children, variant = "default", size = "md" }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunk7KYAICHB_js.cn(
+        "bg-bg-secondary flex items-center gap-2 shadow-sm",
+        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" && (size === "sm" ? "px-1 py-1" : size === "md" ? "px-2 py-2" : "px-3 py-3"),
+        className
+      ),
+      children
+    }
+  );
+}
+function ToolbarGroup({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk7KYAICHB_js.cn("flex items-center gap-1", className), children });
+}
+function ToolbarSeparator({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk7KYAICHB_js.cn("bg-line-primary h-4 w-0.5 rounded-full", className) });
+}
+
+exports.Toolbar = Toolbar;
+exports.ToolbarGroup = ToolbarGroup;
+exports.ToolbarSeparator = ToolbarSeparator;

package/dist/{chunk-2XYF6PKB.mjs → chunk-6XJPOAMC.mjs}

@@ -1,4 +1,4 @@
-import { EulerInput } from './chunk-7GCEJU5S.mjs';
+import { EulerInput } from './chunk-W4NQFVTT.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-GIXFQKLS.js → chunk-74NVABME.js}

@@ -3,14 +3,14 @@
 var chunkW3AIC7FW_js = require('./chunk-W3AIC7FW.js');
 var chunkKCA5PXNO_js = require('./chunk-KCA5PXNO.js');
 var chunkFOMVNZ3W_js = require('./chunk-FOMVNZ3W.js');
-var chunk3YODEBOY_js = require('./chunk-3YODEBOY.js');
-var chunkX6APNY5D_js = require('./chunk-X6APNY5D.js');
+var chunkSJCDTUC2_js = require('./chunk-SJCDTUC2.js');
+var chunkI2FV2SA4_js = require('./chunk-I2FV2SA4.js');
 var chunkUFHMEEGL_js = require('./chunk-UFHMEEGL.js');
 
 // src/highlight-cursor/enhanced-components.tsx
-var CursorButton = chunkUFHMEEGL_js.withCursor(chunkX6APNY5D_js.Button);
+var CursorButton = chunkUFHMEEGL_js.withCursor(chunkI2FV2SA4_js.Button);
 var CursorTabs = chunkUFHMEEGL_js.withCursor(chunkW3AIC7FW_js.Tabs);
-var CursorInputRoot = chunkUFHMEEGL_js.withCursor(chunk3YODEBOY_js.InputRoot);
+var CursorInputRoot = chunkUFHMEEGL_js.withCursor(chunkSJCDTUC2_js.InputRoot);
 var CursorSelectTrigger = chunkUFHMEEGL_js.withCursor(chunkFOMVNZ3W_js.SelectTrigger);
 var CursorTextarea = chunkUFHMEEGL_js.withCursor(chunkKCA5PXNO_js.Textarea);
 

package/dist/chunk-7D2U7OLU.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
+var React = require('react');
+var LabelPrimitive = require('@radix-ui/react-label');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+
+var labelVariants = classVarianceAuthority.cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  LabelPrimitive__namespace.Root,
+  {
+    ref,
+    className: chunk7KYAICHB_js.cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive__namespace.Root.displayName;
+
+exports.Label = Label;

package/dist/{chunk-73RTYZNL.mjs → chunk-7M4UKCPG.mjs}

@@ -1,4 +1,4 @@
-import { NumberInput } from './chunk-QD6L25T6.mjs';
+import { NumberInput } from './chunk-Z47NVGKH.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-KBG56PQD.mjs → chunk-7Y4ZBU3F.mjs}

@@ -1,4 +1,4 @@
-import { EulerInput } from './chunk-7GCEJU5S.mjs';
+import { EulerInput } from './chunk-W4NQFVTT.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-6M5BGKUO.mjs → chunk-BPIIMI67.mjs}

@@ -56,19 +56,20 @@ var toggleGroupVariants = cva(
         secondary: [
           "text-text-secondary",
           "bg-bg-secondary",
-          "hover:bg-tertiary",
+          "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-bg-primary",
-          "data-[state=on]:border-line-primary",
+          "data-[state=on]:bg-group-primary",
+          "data-[state=on]:border-line-secondary",
           "data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]"
         ],
         ghost: [
           "bg-bg-primary",
-          "hover:bg-tertiary",
+          "hover:bg-group-hover",
           "text-text-secondary",
           "data-[state=on]:text-text-withbg",
-          "data-[state=on]:bg-text-primary",
+          "data-[state=on]:bg-group-primary",
           "data-[state=on]:shadow-[inset_0.5px_0_0_var(--muted),inset_-0.5px_0_0_var(--muted)]",
           "data-[state=on]:first:shadow-[inset_-0.5px_0_0_var(--muted)]",
           "data-[state=on]:last:shadow-[inset_0.5px_0_0_var(--muted)]"

package/dist/{chunk-GVO43E7E.mjs → chunk-BRUBQ56L.mjs}

@@ -1,8 +1,8 @@
 import { Tabs } from './chunk-EXM36UYZ.mjs';
 import { Textarea } from './chunk-MWJQTO2F.mjs';
 import { SelectTrigger } from './chunk-RWPYQFVD.mjs';
-import { InputRoot } from './chunk-INX2EB5H.mjs';
-import { Button } from './chunk-GY65PGYR.mjs';
+import { InputRoot } from './chunk-A4B2PPJO.mjs';
+import { Button } from './chunk-X62V4I3P.mjs';
 import { withCursor } from './chunk-44KW6PTD.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx

package/dist/{chunk-UGCFQYE2.js → chunk-BXMCXEJS.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkQPQSH53G_js = require('./chunk-QPQSH53G.js');
 var chunkER6XHUS7_js = require('./chunk-ER6XHUS7.js');
 var chunkKYWKRMXK_js = require('./chunk-KYWKRMXK.js');
 var chunk2GFFK54M_js = require('./chunk-2GFFK54M.js');
+var chunkQPQSH53G_js = require('./chunk-QPQSH53G.js');
 var chunkYFPY5SLS_js = require('./chunk-YFPY5SLS.js');
-var chunk3YODEBOY_js = require('./chunk-3YODEBOY.js');
-var chunkX6APNY5D_js = require('./chunk-X6APNY5D.js');
+var chunkSJCDTUC2_js = require('./chunk-SJCDTUC2.js');
+var chunkI2FV2SA4_js = require('./chunk-I2FV2SA4.js');
 var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
@@ -187,7 +187,7 @@ function Sidebar({
 function SidebarTrigger({ className, onClick, ...props }) {
   const { toggleSidebar, state } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkX6APNY5D_js.Button,
+    chunkI2FV2SA4_js.Button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -251,7 +251,7 @@ function SidebarInset({ className, ...props }) {
 }
 function SidebarInput({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3YODEBOY_js.InputRoot,
+    chunkSJCDTUC2_js.InputRoot,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",

package/dist/{chunk-ZRS4RQCJ.mjs → chunk-BZNJPEBV.mjs}

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

package/dist/{chunk-IJIZFHQU.mjs → chunk-CDFUEPMP.mjs}

@@ -1,31 +1,52 @@
 import { cn } from './chunk-WM2VP7MI.mjs';
+import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "flex",
-        "flex-col",
-        "rounded-uk-lg",
-        "p-lg",
-        "bg-bg-primary",
-        "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-        "liquid:liquid-bg",
-        className
-      ),
-      ...props
+var cardVariants = cva(
+  [
+    "flex",
+    "flex-col",
+    "rounded-uk-lg",
+    "bg-bg-primary",
+    "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+    "liquid:liquid-bg"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "p-sm",
+        md: "p-md",
+        lg: "p-lg",
+        xl: "p-xl"
+      }
+    },
+    defaultVariants: {
+      size: "lg"
     }
-  );
+  }
+);
+function Card({ className, size, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "card", className: cn(cardVariants({ size, className })), ...props });
 }
-function CardHeader({ className, ...props }) {
+var cardHeaderVariants = cva(["flex", "flex-row", "items-center", "justify-between"], {
+  variants: {
+    size: {
+      sm: "gap-sm",
+      md: "gap-md",
+      lg: "gap-lg",
+      xl: "gap-xl"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+function CardHeader({ className, size, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
       "data-slot": "card-header",
-      className: cn("flex", "flex-row", "items-center", "justify-between", "gap-lg", className),
+      className: cn(cardHeaderVariants({ size, className })),
       ...props
     }
   );
@@ -40,6 +61,7 @@ function CardTitle({ className, ...props }) {
         "text-uk-md",
         "leading-uk-md",
         "font-medium",
+        "-mt-2",
         "vertical-align-middle",
         className
       ),
@@ -52,7 +74,7 @@ function CardDescription({ className, ...props }) {
     "div",
     {
       "data-slot": "card-description",
-      className: cn("text-text-secondary text-uk-sm leading-uk-sm", className),
+      className: cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className),
       ...props
     }
   );
@@ -66,6 +88,8 @@ function CardAction({ className, ...props }) {
         "text-text-secondary",
         "text-uk-sm",
         "leading-uk-sm",
+        "-mt-2",
+        "-mr-3",
         "font-medium",
         "vertical-align-middle",
         className

package/dist/{chunk-4GZZAQRD.js → chunk-D2SPJRXQ.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkJENUY5GL_js = require('./chunk-JENUY5GL.js');
+var chunkNCJQ4O4A_js = require('./chunk-NCJQ4O4A.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var QuaternionInput = react.forwardRef(function QuaternionInput2({ value, onValuesChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJENUY5GL_js.VectorInput,
+    chunkNCJQ4O4A_js.VectorInput,
     {
       ref,
       value,

package/dist/chunk-DDDEXA7C.mjs

@@ -0,0 +1,108 @@
+import { cn } from './chunk-WM2VP7MI.mjs';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var panelVariants = cva(
+  [
+    "flex",
+    "flex-col",
+    "rounded-uk-lg",
+    "bg-bg-primary",
+    "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+    "liquid:liquid-bg"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "p-sm",
+        md: "p-md",
+        lg: "p-lg",
+        xl: "p-xl"
+      }
+    },
+    defaultVariants: {
+      size: "lg"
+    }
+  }
+);
+function Panel({ className, size, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "panel", className: cn(panelVariants({ size, className })), ...props });
+}
+var panelHeaderVariants = cva(["flex", "flex-row", "items-center", "justify-between"], {
+  variants: {
+    size: {
+      sm: "gap-sm",
+      md: "gap-md",
+      lg: "gap-lg",
+      xl: "gap-xl"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+function PanelHeader({ className, size, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "panel-header",
+      className: cn(panelHeaderVariants({ size, className })),
+      ...props
+    }
+  );
+}
+function PanelTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "panel-title",
+      className: cn(
+        "text-text-highlight",
+        "text-uk-md",
+        "leading-uk-md",
+        "font-medium",
+        "-mt-2",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PanelDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "panel-description",
+      className: cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className),
+      ...props
+    }
+  );
+}
+function PanelAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "panel-action",
+      className: cn(
+        "text-text-secondary",
+        "text-uk-sm",
+        "leading-uk-sm",
+        "-mt-2",
+        "-mr-3",
+        "font-medium",
+        "vertical-align-middle",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PanelContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "panel-content", className: cn("", className), ...props });
+}
+function PanelFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "panel-footer", className: cn("flex items-center", className), ...props });
+}
+
+export { Panel, PanelAction, PanelContent, PanelDescription, PanelFooter, PanelHeader, PanelTitle };

package/dist/{chunk-QL3COLR6.js → chunk-EGWM4H3H.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkJENUY5GL_js = require('./chunk-JENUY5GL.js');
+var chunkNCJQ4O4A_js = require('./chunk-NCJQ4O4A.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Vec3Input = react.forwardRef(function Vec3Input2({ value, onValuesChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJENUY5GL_js.VectorInput,
+    chunkNCJQ4O4A_js.VectorInput,
     {
       ref,
       value,

package/dist/{chunk-MZPSV4QX.js → chunk-EK4TN4X2.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var chunkHZIUWAJY_js = require('./chunk-HZIUWAJY.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var TimeInput = react.forwardRef(function TimeInput2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "s", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkHZIUWAJY_js.NumberInput, { ref, unit: "s", ...props });
 });
 
 exports.TimeInput = TimeInput;

package/dist/{chunk-3EC5RXZ4.js → chunk-EKL7ZBJ5.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk7E25WN6I_js = require('./chunk-7E25WN6I.js');
+var chunkR7F5I2ZC_js = require('./chunk-R7F5I2ZC.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var EulerDegInput = react.forwardRef(
   function EulerDegInput2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk7E25WN6I_js.EulerInput, { ref, unit: "deg", ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkR7F5I2ZC_js.EulerInput, { ref, unit: "deg", ...props });
   }
 );
 

package/dist/{chunk-GJW5EH5E.js → chunk-EOEE45O6.js}

@@ -2,7 +2,7 @@
 
 var chunk37WZTN4K_js = require('./chunk-37WZTN4K.js');
 var chunkER6XHUS7_js = require('./chunk-ER6XHUS7.js');
-var chunkX6APNY5D_js = require('./chunk-X6APNY5D.js');
+var chunkI2FV2SA4_js = require('./chunk-I2FV2SA4.js');
 var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
 var chunkOASPTOVZ_js = require('./chunk-OASPTOVZ.js');
 var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
@@ -36,7 +36,7 @@ var LiquidToggleButton = ({ className, ...props }) => {
   const isSystem = theme === "system";
   return /* @__PURE__ */ jsxRuntime.jsxs(chunkER6XHUS7_js.Tooltip, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(chunkER6XHUS7_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkX6APNY5D_js.Button,
+      chunkI2FV2SA4_js.Button,
       {
         icon: true,
         variant: "ghost",
@@ -78,7 +78,7 @@ var ThemeToggleButton = (props) => {
   const isDark = theme === "dark" || theme === "liquid-dark";
   const isSystem = theme === "system";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkX6APNY5D_js.Button,
+    chunkI2FV2SA4_js.Button,
     {
       icon: true,
       variant: "ghost",
@@ -91,11 +91,11 @@ var ThemeToggleButton = (props) => {
 };
 var LiquidToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(
   LiquidToggleButton,
-  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 }) })
+  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkI2FV2SA4_js.Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 }) })
 );
 var ThemeToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(
   ThemeToggleButton,
-  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 }) })
+  (props) => /* @__PURE__ */ jsxRuntime.jsx(chunkI2FV2SA4_js.Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 }) })
 );
 
 exports.LiquidToggle = LiquidToggle;

package/dist/{chunk-6TXFW7SC.mjs → chunk-FGZBHVI5.mjs}

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-GY65PGYR.mjs';
+import { buttonVariants } from './chunk-X62V4I3P.mjs';
 import { cn } from './chunk-WM2VP7MI.mjs';
 import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
@@ -70,7 +70,7 @@ function PaginationPrevious({ className, ...props }) {
     PaginationLink,
     {
       "aria-label": "Go to previous page",
-      size: "base",
+      size: "md",
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
@@ -85,7 +85,7 @@ function PaginationNext({ className, ...props }) {
     PaginationLink,
     {
       "aria-label": "Go to next page",
-      size: "base",
+      size: "md",
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [

package/dist/{chunk-X4ATCXSD.js → chunk-FOVZMHFX.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var chunkHZIUWAJY_js = require('./chunk-HZIUWAJY.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var CmInput = react.forwardRef(function CmInput2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "cm", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkHZIUWAJY_js.NumberInput, { ref, unit: "cm", ...props });
 });
 
 exports.CmInput = CmInput;

package/dist/{chunk-ZLYXB2BN.js → chunk-FRGAKCTC.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var chunkHZIUWAJY_js = require('./chunk-HZIUWAJY.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DegInput = react.forwardRef(function DegInput2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "\xB0", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkHZIUWAJY_js.NumberInput, { ref, unit: "\xB0", ...props });
 });
 
 exports.DegInput = DegInput;

package/dist/{chunk-VYBGHEHX.js → chunk-HSBH3LAX.js}

@@ -3,7 +3,7 @@
 var chunkILJK43VJ_js = require('./chunk-ILJK43VJ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.55" ;
+var PACKAGE_VERSION = "0.0.56" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,