@vuer-ai/vuer-uikit 0.0.116 → 0.0.118

package/dist/{chunk-SLO45OO5.cjs → chunk-DAA2GQAS.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkTBYGQV5D_cjs = require('./chunk-TBYGQV5D.cjs');
-var chunkWB43VEZA_cjs = require('./chunk-WB43VEZA.cjs');
-var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkJNV3UBBP_cjs = require('./chunk-JNV3UBBP.cjs');
+var chunkF3HOBNGR_cjs = require('./chunk-F3HOBNGR.cjs');
+var chunkW3IHFG4B_cjs = require('./chunk-W3IHFG4B.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -212,7 +212,7 @@ function TreeView({
       (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
     ) });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("flex flex-col", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRX2ZCM2_cjs.cn("flex flex-col", className), children: [
     isSearchable && /* @__PURE__ */ jsxRuntime.jsx(
       TreeSearchBar,
       {
@@ -259,42 +259,42 @@ function TreeSearchBar({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkWB43VEZA_cjs.InputRoot,
+      chunkF3HOBNGR_cjs.InputRoot,
       {
         type: "text",
         placeholder: "Search...",
         size: "md",
         className: "flex-1",
-        inputClassName: chunkOHIB3TEN_cjs.cn(!isRegexValid && "text-red-500"),
+        inputClassName: chunkCRX2ZCM2_cjs.cn(!isRegexValid && "text-red-500"),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.target.value),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkTBYGQV5D_cjs.TooltipProvider, { delayDuration: 200, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkTBYGQV5D_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkTBYGQV5D_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.TooltipProvider, { delayDuration: 200, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsCaseSensitive((prev) => !prev),
-                  className: chunkOHIB3TEN_cjs.cn(
+                  className: chunkCRX2ZCM2_cjs.cn(
                     "rounded-uk-sm mr-1 p-1",
                     isCaseSensitive ? "bg-shadow-secondary" : ""
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkTBYGQV5D_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkTBYGQV5D_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkTBYGQV5D_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsRegex((prev) => !prev),
-                  className: chunkOHIB3TEN_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
+                  className: chunkCRX2ZCM2_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkTBYGQV5D_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
             ] })
           ] }) })
         ]
@@ -325,7 +325,7 @@ function TreeEntryItem({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         "group relative flex h-[32px] items-center",
         isSelectable && "rounded-uk-md",
         !item.disable && "cursor-pointer",
@@ -342,7 +342,7 @@ function TreeEntryItem({
             return /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: chunkOHIB3TEN_cjs.cn(
+                className: chunkCRX2ZCM2_cjs.cn(
                   "h-full w-[1.25rem]",
                   parentIsLast ? "" : "border-l",
                   "border-line-primary"
@@ -355,7 +355,7 @@ function TreeEntryItem({
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: chunkOHIB3TEN_cjs.cn(
+                className: chunkCRX2ZCM2_cjs.cn(
                   "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
                   item.isLast ? "rounded-bl-md" : "",
                   "border-line-primary"
@@ -384,7 +384,7 @@ function TreeEntryItem({
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         lucideReact.ChevronDown,
                         {
-                          className: chunkOHIB3TEN_cjs.cn(
+                          className: chunkCRX2ZCM2_cjs.cn(
                             "size-4 -rotate-90 transition-transform",
                             item.disable && "text-icon-tertiary"
                           )
@@ -395,7 +395,7 @@ function TreeEntryItem({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkOHIB3TEN_cjs.cn(
+                      className: chunkCRX2ZCM2_cjs.cn(
                         "flex size-4 items-center justify-center",
                         item.disable && "text-icon-tertiary"
                       ),
@@ -414,7 +414,7 @@ function TreeEntryItem({
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         lucideReact.ChevronDown,
                         {
-                          className: chunkOHIB3TEN_cjs.cn(
+                          className: chunkCRX2ZCM2_cjs.cn(
                             "size-4 transition-transform",
                             !expandedItems.has(item.id) && "-rotate-90",
                             item.disable && "text-icon-tertiary"
@@ -426,7 +426,7 @@ function TreeEntryItem({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkOHIB3TEN_cjs.cn(
+                      className: chunkCRX2ZCM2_cjs.cn(
                         "cursor-pointer transition-opacity",
                         item.isCollapsible && "group-hover:opacity-0",
                         item.disable && "text-icon-tertiary"
@@ -435,7 +435,7 @@ function TreeEntryItem({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOHIB3TEN_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label) })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkCRX2ZCM2_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label) })
               ] }),
               item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
             ]
@@ -483,9 +483,9 @@ function TreeEntries({
     item.id
   ));
   if (useSyncScroll) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncScroll, { className: chunkOHIB3TEN_cjs.cn("scrollbar-track-transparent flex-1", className), children: content });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncScroll, { className: chunkCRX2ZCM2_cjs.cn("scrollbar-track-transparent flex-1", className), children: content });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOHIB3TEN_cjs.cn("flex-1 overflow-y-auto", className), children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCRX2ZCM2_cjs.cn("flex-1 overflow-y-auto", className), children: content });
 }
 
 exports.TreeEntries = TreeEntries;

package/dist/{chunk-ZGS3VGGN.cjs → chunk-DAVMLI3P.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkWB43VEZA_cjs = require('./chunk-WB43VEZA.cjs');
+var chunkF3HOBNGR_cjs = require('./chunk-F3HOBNGR.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var TextInput = react.forwardRef(function TextInput2({ value = "", onChange, prefix, suffix, placeholder, maxLength, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkWB43VEZA_cjs.InputRoot,
+    chunkF3HOBNGR_cjs.InputRoot,
     {
       ref,
       type: "text",
@@ -16,8 +16,8 @@ var TextInput = react.forwardRef(function TextInput2({ value = "", onChange, pre
       maxLength,
       ...props,
       children: [
-        prefix && /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputSlot, { side: "left", children: prefix }),
-        suffix && /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputSlot, { side: "right", children: suffix })
+        prefix && /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { side: "left", children: prefix }),
+        suffix && /* @__PURE__ */ jsxRuntime.jsx(chunkF3HOBNGR_cjs.InputSlot, { side: "right", children: suffix })
       ]
     }
   );

package/dist/{chunk-IZUSQ4GI.mjs → chunk-DDIB73SZ.mjs}

@@ -1,7 +1,7 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-KTDRY3OW.mjs';
-import { InputRoot, InputSlot } from './chunk-XMQULAAU.mjs';
-import { SyncScroll } from './chunk-PDOFOJ4P.mjs';
-import { cn } from './chunk-HMN4IKTG.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-UQQBUPGF.mjs';
+import { InputRoot, InputSlot } from './chunk-SMXN2KOV.mjs';
+import { SyncScroll } from './chunk-T4U3BG2V.mjs';
+import { cn } from './chunk-T66ETI7E.mjs';
 import { Search, CaseSensitive, Regex, ChevronDown } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-SWJHOFZH.mjs → chunk-DDU3SPCC.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HMN4IKTG.mjs';
+import { cn } from './chunk-T66ETI7E.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
@@ -6,7 +6,7 @@ var cardVariants = cva(
   [
     "flex",
     "flex-col",
-    "rounded-uk-lg",
+    "rounded-uk-xl",
     "bg-bg-primary",
     "liquid-dark:liquid-dark-bg",
     "liquid-dark:border-[0.9px]",

package/dist/{chunk-YO6X755G.cjs → chunk-DM43KZU7.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Skeleton({ className, ...props }) {
@@ -8,7 +8,7 @@ function Skeleton({ className, ...props }) {
     "div",
     {
       "data-slot": "skeleton",
-      className: chunkOHIB3TEN_cjs.cn("bg-bg-secondary rounded-uk-sm animate-pulse", className),
+      className: chunkCRX2ZCM2_cjs.cn("bg-bg-secondary rounded-uk-sm animate-pulse", className),
       ...props
     }
   );

package/dist/{chunk-BFFOS7Z3.cjs → chunk-EBFPZBUQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -9,7 +9,7 @@ function LiquidLayout({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         [
           "pointer-events-none",
           "relative",
@@ -34,10 +34,7 @@ function LiquidLayoutContent({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkOHIB3TEN_cjs.cn(
-        ["pointer-events-auto", "absolute", "inset-0", "-z-1"],
-        className
-      )
+      className: chunkCRX2ZCM2_cjs.cn(["pointer-events-auto", "absolute", "inset-0", "-z-1"], className)
     }
   );
 }
@@ -46,7 +43,7 @@ function LiquidLayoutLeft({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         [
           "order-2",
           "col-start-1",
@@ -54,6 +51,7 @@ function LiquidLayoutLeft({ className, ...props }) {
           "flex-col",
           "items-start",
           "gap-4",
+          "justify-self-start",
           "overflow-y-auto",
           "[&>*]:pointer-events-auto"
         ],
@@ -67,7 +65,7 @@ function LiquidLayoutTop({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         [
           "order-3",
           "col-start-2",
@@ -91,7 +89,7 @@ function LiquidLayoutRight({
     Comp,
     {
       ...props,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         [
           "order-4",
           "col-start-3",
@@ -118,7 +116,7 @@ function LiquidLayoutBottom({
     Comp,
     {
       ...props,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         [
           "order-5",
           "col-span-3",

package/dist/{chunk-V3VUFIG3.cjs → chunk-EEYL7PDI.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var PopoverPrimitive = require('@radix-ui/react-popover');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -58,7 +58,7 @@ function PopoverContentRoot({
       "data-slot": "popover-content",
       align,
       sideOffset,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         "bg-bg-primary",
         "rounded-uk-lg",
         "p-xl",
@@ -90,7 +90,7 @@ function PopoverContentFallback({ className, ...props }) {
     "div",
     {
       "data-slot": "popover-content",
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         "bg-bg-primary",
         "rounded-uk-lg",
         "p-xl",

package/dist/{chunk-JRBTIFM6.mjs → chunk-EGIIZWP3.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HMN4IKTG.mjs';
+import { cn } from './chunk-T66ETI7E.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as React from 'react';

package/dist/{chunk-HAVTMZR3.cjs → chunk-EK3BTKZP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -19,7 +19,7 @@ function TreeView({
   renderLabel = (label) => label,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOHIB3TEN_cjs.cn("flex-1 overflow-y-auto", className), children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCRX2ZCM2_cjs.cn("flex-1 overflow-y-auto", className), children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
     TreeEntryItem,
     {
       item,
@@ -66,7 +66,7 @@ function TreeEntryItem({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         "group relative flex h-[32px] items-center",
         isSelectable && "rounded-uk-md",
         !item.disable && "cursor-pointer",
@@ -83,7 +83,7 @@ function TreeEntryItem({
             return /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: chunkOHIB3TEN_cjs.cn(
+                className: chunkCRX2ZCM2_cjs.cn(
                   "h-full w-[1.25rem]",
                   parentIsLast ? "" : "border-l",
                   "border-line-primary"
@@ -96,7 +96,7 @@ function TreeEntryItem({
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: chunkOHIB3TEN_cjs.cn(
+                className: chunkCRX2ZCM2_cjs.cn(
                   "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
                   isLast ? "rounded-bl-md" : "",
                   "border-line-primary"
@@ -125,7 +125,7 @@ function TreeEntryItem({
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         lucideReact.ChevronDown,
                         {
-                          className: chunkOHIB3TEN_cjs.cn(
+                          className: chunkCRX2ZCM2_cjs.cn(
                             "size-4 transition-transform",
                             expandedItems && !expandedItems?.has(item.id) && "-rotate-90",
                             item.disable && "text-icon-tertiary"
@@ -138,7 +138,7 @@ function TreeEntryItem({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkOHIB3TEN_cjs.cn(
+                      className: chunkCRX2ZCM2_cjs.cn(
                         "flex size-4 items-center justify-center",
                         item.disable && "text-icon-tertiary"
                       ),
@@ -157,7 +157,7 @@ function TreeEntryItem({
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         lucideReact.ChevronDown,
                         {
-                          className: chunkOHIB3TEN_cjs.cn(
+                          className: chunkCRX2ZCM2_cjs.cn(
                             "size-4 transition-transform",
                             expandedItems && !expandedItems?.has(item.id) && "-rotate-90",
                             item.disable && "text-icon-tertiary"
@@ -170,7 +170,7 @@ function TreeEntryItem({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkOHIB3TEN_cjs.cn(
+                      className: chunkCRX2ZCM2_cjs.cn(
                         "cursor-pointer transition-opacity",
                         item.isCollapsible && "group-hover:opacity-0",
                         item.disable && "text-icon-tertiary"
@@ -179,7 +179,7 @@ function TreeEntryItem({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOHIB3TEN_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label, item.id) })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkCRX2ZCM2_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label, item.id) })
               ] }),
               item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
             ]

package/dist/{chunk-MGFG7EXC.mjs → chunk-EVBYVJTW.mjs}

@@ -1,5 +1,5 @@
-import { InputRoot, InputSlot } from './chunk-XMQULAAU.mjs';
-import { cn } from './chunk-HMN4IKTG.mjs';
+import { InputRoot, InputSlot } from './chunk-SMXN2KOV.mjs';
+import { cn } from './chunk-T66ETI7E.mjs';
 import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -31,6 +31,8 @@ var InputNumbers = forwardRef(function InputNumbers2({
   prefix,
   suffix,
   step = 0.1,
+  min,
+  max,
   gridAutoFlow,
   columns,
   rows,
@@ -48,6 +50,20 @@ var InputNumbers = forwardRef(function InputNumbers2({
   const dragStart = useRef({ x: 0, y: 0 });
   const initialDragStart = useRef({ x: 0, y: 0 });
   const accumulatedDelta = useRef(0);
+  const applyConstraints = useCallback(
+    (numValue, index) => {
+      const currentMin = Array.isArray(min) ? min[index] : min;
+      const currentMax = Array.isArray(max) ? max[index] : max;
+      if (currentMin !== void 0 && numValue < currentMin) {
+        return currentMin;
+      }
+      if (currentMax !== void 0 && numValue > currentMax) {
+        return currentMax;
+      }
+      return numValue;
+    },
+    [min, max]
+  );
   const stopClick = useCallback(() => {
     const stopClick2 = (e) => {
       e.stopPropagation();
@@ -106,9 +122,11 @@ var InputNumbers = forwardRef(function InputNumbers2({
               return v;
             } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
               const currentStep = Array.isArray(step) ? step[i] ?? 0.1 : step;
-              return Number(
+              let newVal = Number(
                 ((v || 0) + Math.floor(accumulatedDelta.current) * currentStep * multiplyStep).toPrecision(6)
               );
+              newVal = applyConstraints(newVal, i);
+              return newVal;
             } else {
               return v;
             }
@@ -131,7 +149,7 @@ var InputNumbers = forwardRef(function InputNumbers2({
         stopClick();
       }
     },
-    [isDragging, value, onValuesChange, step, stopClick]
+    [isDragging, value, onValuesChange, step, min, max, stopClick, applyConstraints]
   );
   const handleMouseUp = useCallback(() => {
     if (!isDragging) return;
@@ -165,7 +183,12 @@ var InputNumbers = forwardRef(function InputNumbers2({
         if (inputValue === "" || !isNaN(Number(inputValue))) {
           const newValue = value.map((v, i) => {
             if (i === index) {
-              return inputValue === "" ? "" : Number(inputValue);
+              if (inputValue === "") {
+                return "";
+              }
+              let numValue = Number(inputValue);
+              numValue = applyConstraints(numValue, index);
+              return numValue;
             }
             return v;
           });
@@ -173,7 +196,7 @@ var InputNumbers = forwardRef(function InputNumbers2({
         }
       };
     },
-    [onValuesChange, value]
+    [onValuesChange, value, applyConstraints]
   );
   const handleKeyDown = useCallback(
     (index) => {
@@ -183,7 +206,8 @@ var InputNumbers = forwardRef(function InputNumbers2({
           const direction = e.key === "ArrowUp" ? 1 : -1;
           const currentValue = value[index] || 0;
           const currentStep = Array.isArray(step) ? step[index] ?? 0.1 : step;
-          const newValue = Number((currentValue + direction * currentStep).toPrecision(6));
+          let newValue = Number((currentValue + direction * currentStep).toPrecision(6));
+          newValue = applyConstraints(newValue, index);
           const updatedValues = value.map((v, i) => {
             if (i === index) {
               return newValue;
@@ -194,7 +218,7 @@ var InputNumbers = forwardRef(function InputNumbers2({
         }
       };
     },
-    [value, onValuesChange, step]
+    [onValuesChange, value, step, applyConstraints]
   );
   if (value?.length === 0) {
     throw new Error("`value` cannot be an empty array");

package/dist/{chunk-A5VRTIX4.cjs → chunk-EXXV3BXT.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkBFFOS7Z3_cjs = require('./chunk-BFFOS7Z3.cjs');
+var chunkEBFPZBUQ_cjs = require('./chunk-EBFPZBUQ.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var LiquidLayoutView = ({
@@ -11,12 +11,12 @@ var LiquidLayoutView = ({
   children,
   className
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkBFFOS7Z3_cjs.LiquidLayout, { className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutContent, { className: "absolute flex flex-col items-center justify-center", children }),
-    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutBottom, { className: "mt-4", children: bottom }),
-    right && /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutRight, { className: "max-w-75", children: right }),
-    top && /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutTop, { children: top }),
-    left && /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutLeft, { className: "max-w-75", children: left })
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkEBFPZBUQ_cjs.LiquidLayout, { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutContent, { className: "absolute flex flex-col items-center justify-center", children }),
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutBottom, { className: "mt-4", children: bottom }),
+    right && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutRight, { className: "max-w-75", children: right }),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutTop, { children: top }),
+    left && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutLeft, { className: "max-w-75", children: left })
   ] });
 };
 

package/dist/{chunk-OWGKZAOO.mjs → chunk-EXY6WRH4.mjs}

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

package/dist/{chunk-TYZHIBYI.cjs → chunk-EY6PKK4X.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk6IXKC64S_cjs = require('./chunk-6IXKC64S.cjs');
+var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var InchInput = react.forwardRef(function InchInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6IXKC64S_cjs.InputNumbers,
+    chunkASZIBFA6_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-OQASTSIX.cjs → chunk-F2LEYFWW.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli" ;
-var DIAL_PACKAGE_VERSION = "0.0.15" ;
-var DIAL_GIT_HASH = "f263f48" ;
+var DIAL_PACKAGE_VERSION = "0.0.22" ;
+var DIAL_GIT_HASH = "32b0d39" ;
 function DialBadge({
   className,
   package: showPackage = true,
@@ -21,7 +21,7 @@ function DialBadge({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         "rounded-uk-xs rounded-r-uk-xs text-uk-sm bg-icon-withbg inline-flex items-center",
         className
       ),
@@ -43,7 +43,7 @@ function DialBadge({
           "a",
           {
             href: linkable ? npmUrl : void 0,
-            className: chunkOHIB3TEN_cjs.cn(
+            className: chunkCRX2ZCM2_cjs.cn(
               "pl-xs pr-sm py-xxxs rounded-r-uk-xs",
               "bg-alt-primary",
               "text-text-secondary",

package/dist/{chunk-WB43VEZA.cjs → chunk-F3HOBNGR.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -52,7 +52,7 @@ var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, c
     {
       style,
       "data-input": true,
-      className: chunkOHIB3TEN_cjs.cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
+      className: chunkCRX2ZCM2_cjs.cn(inputRootVariants({ size, state: disabled ? "disabled" : state }), className),
       onClick: (event) => {
         const target = event.target;
         if (target.closest("input, button, a")) return;
@@ -82,7 +82,7 @@ var InputRoot = react.forwardRef(function InputRoot2({ style, className, side, c
             disabled,
             name: type ?? "text",
             ref: reactComposeRefs.composeRefs(inputRef, ref),
-            className: chunkOHIB3TEN_cjs.cn(
+            className: chunkCRX2ZCM2_cjs.cn(
               [
                 "w-full",
                 "h-full",
@@ -110,7 +110,7 @@ var InputSlot = react.forwardRef(function({ className, children, side = "left",
       "data-side": side,
       ...props,
       ref,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         [
           "input-slot",
           "cursor-text",

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

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