@vuer-ai/vuer-uikit 0.0.120 → 0.0.121

package/dist/{chunk-LYGYXV7S.cjs → chunk-7ICRKPIO.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkJNV3UBBP_cjs = require('./chunk-JNV3UBBP.cjs');
-var chunkF3HOBNGR_cjs = require('./chunk-F3HOBNGR.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunkNIACIZWY_cjs = require('./chunk-NIACIZWY.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -17,44 +17,44 @@ function TreeSearchBar({
   searchResultsCount,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRX2ZCM2_cjs.cn("shrink-0", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk6LTCLQH3_cjs.cn("shrink-0", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkF3HOBNGR_cjs.InputRoot,
+      chunkPMG3NZF5_cjs.InputRoot,
       {
         type: "text",
         placeholder: "Search...",
         size: "sm",
         className: "flex-1",
-        inputClassName: chunkCRX2ZCM2_cjs.cn(!isRegexValid && "text-red-500"),
+        inputClassName: chunk6LTCLQH3_cjs.cn(!isRegexValid && "text-red-500"),
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.target.value),
         children: [
-          /* @__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(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkPMG3NZF5_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkPMG3NZF5_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkNIACIZWY_cjs.TooltipProvider, { delayDuration: 200, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkNIACIZWY_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsCaseSensitive((prev) => !prev),
-                  className: chunkCRX2ZCM2_cjs.cn(
+                  className: chunk6LTCLQH3_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(chunkJNV3UBBP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkNIACIZWY_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsRegex((prev) => !prev),
-                  className: chunkCRX2ZCM2_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
+                  className: chunk6LTCLQH3_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkNIACIZWY_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
             ] })
           ] }) })
         ]

package/dist/{chunk-ZCSJGDX7.mjs → chunk-7MR3M2HW.mjs}

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

package/dist/{chunk-Q37KC3CL.mjs → chunk-7RRQ2HHL.mjs}

@@ -1,5 +1,8 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { getAdjacentSelectionState, getMultiSelectState, getRangeIds, cleanIndirectSelectedNodes } from './chunk-NKUK73WB.mjs';
+import { ContextMenu, ContextMenuTrigger } from './chunk-4Y5IF7R5.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { ChevronDown } from 'lucide-react';
+import { useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function TreeView({
@@ -10,13 +13,16 @@ function TreeView({
   onItemHover,
   hoveredId,
   isSelectable = false,
-  selectedItemId,
-  onSelectChange,
+  selectedItemIds,
+  onSelectionChange,
   hideExpand = false,
   hasDescendants = () => false,
   renderLabel = (label) => label,
-  className
+  className,
+  renderContextMenu,
+  selectionMode = "multi"
 }) {
+  const [lastSelectedId, setLastSelectedId] = useState(null);
   return /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto", className), children: data.map((item) => /* @__PURE__ */ jsx(
     TreeEntryItem,
     {
@@ -24,15 +30,19 @@ function TreeView({
       hoveredId,
       onItemHover,
       isSelectable,
-      selectedItemId,
-      onSelectChange,
+      selectedItemIds,
+      onSelectionChange,
+      lastSelectedId,
+      setLastSelectedId,
       expandedItems,
       toggleItem: onToggleItem,
       hideExpand,
       hasDescendants,
       getIcon,
       renderLabel,
-      dataWithMeta: data
+      dataWithMeta: data,
+      renderContextMenu,
+      selectionMode
     },
     item.id
   )) });
@@ -42,8 +52,10 @@ function TreeEntryItem({
   hoveredId,
   onItemHover,
   isSelectable,
-  selectedItemId,
-  onSelectChange,
+  selectedItemIds,
+  onSelectionChange,
+  lastSelectedId,
+  setLastSelectedId,
   expandedItems,
   toggleItem = () => {
   },
@@ -51,29 +63,107 @@ function TreeEntryItem({
   hasDescendants = () => false,
   getIcon = () => null,
   renderLabel = (label) => label,
-  dataWithMeta = []
+  dataWithMeta = [],
+  renderContextMenu,
+  selectionMode = "multi"
 }) {
-  const handleItemSelect = () => {
-    if (!item.disable && isSelectable && onSelectChange) {
-      onSelectChange(selectedItemId === item.id ? null : item.id);
+  const handleItemSelect = (event) => {
+    if (!item.disable && isSelectable) {
+      const isMultiSelectMode = selectionMode === "multi" && (event.ctrlKey || event.metaKey);
+      const isRangeSelectMode = selectionMode === "multi" && event.shiftKey;
+      if (isMultiSelectMode) {
+        const selectState2 = getMultiSelectState(
+          item.id,
+          selectedItemIds || /* @__PURE__ */ new Set(),
+          dataWithMeta
+        );
+        if (selectState2 === "indirect") {
+          return;
+        }
+      }
+      let newSelectedIds;
+      if (isRangeSelectMode && lastSelectedId) {
+        if (selectedItemIds) {
+          newSelectedIds = new Set(selectedItemIds);
+          const rangeIds = getRangeIds(lastSelectedId, item.id, dataWithMeta);
+          rangeIds.forEach((id) => newSelectedIds.add(id));
+        } else {
+          newSelectedIds = /* @__PURE__ */ new Set([item.id]);
+        }
+      } else if (isMultiSelectMode) {
+        if (selectedItemIds) {
+          newSelectedIds = new Set(selectedItemIds);
+          if (newSelectedIds.has(item.id)) {
+            newSelectedIds.delete(item.id);
+          } else {
+            newSelectedIds.add(item.id);
+          }
+        } else {
+          newSelectedIds = /* @__PURE__ */ new Set([item.id]);
+        }
+      } else {
+        newSelectedIds = /* @__PURE__ */ new Set([item.id]);
+      }
+      const cleanedSelectedIds = cleanIndirectSelectedNodes(newSelectedIds, dataWithMeta);
+      if (onSelectionChange) {
+        onSelectionChange(cleanedSelectedIds);
+        setLastSelectedId?.(item.id);
+      }
     }
   };
   const ancestors = item.ancestors || [];
   const indent = item.indent || 0;
   const isLast = item.isLast !== void 0 ? item.isLast : false;
-  return /* @__PURE__ */ jsxs(
+  const getSelectState = () => {
+    if (selectedItemIds) {
+      return getMultiSelectState(item.id, selectedItemIds, dataWithMeta);
+    }
+    return "unselected";
+  };
+  const selectState = getSelectState();
+  const isSelected = selectState === "selected";
+  const isIndirectlySelected = selectState === "indirect";
+  const { hasPrevSelected, hasNextSelected } = getAdjacentSelectionState(
+    item.id,
+    selectedItemIds || /* @__PURE__ */ new Set(),
+    dataWithMeta
+  );
+  const getBorderRadiusClass = () => {
+    if (!isSelectable || !isSelected && !isIndirectlySelected) {
+      return "rounded-uk-md";
+    }
+    if (hasPrevSelected && hasNextSelected) {
+      return "";
+    } else if (hasPrevSelected) {
+      return "rounded-b-uk-md";
+    } else if (hasNextSelected) {
+      return "rounded-t-uk-md";
+    }
+    return "rounded-uk-md";
+  };
+  const handleContextMenuOpenChange = (open) => {
+    if (open && isSelectable && !isSelected && !isIndirectlySelected && onSelectionChange) {
+      onSelectionChange(/* @__PURE__ */ new Set([item.id]));
+    }
+  };
+  const treeItemContent = /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "group relative flex h-[32px] items-center",
-        isSelectable && "rounded-uk-md",
-        !item.disable && "cursor-pointer",
+        getBorderRadiusClass(),
         hoveredId === item.id && !item.disable && "bg-bg-secondary",
-        isSelectable && selectedItemId === item.id && "bg-brand-primary text-text-withbg"
+        isSelectable && isSelected && "bg-brand-primary text-text-withbg",
+        isSelectable && isIndirectlySelected && "bg-shadow-secondary text-text-primary"
       ),
       onMouseEnter: () => onItemHover?.(item.id),
       onMouseLeave: () => onItemHover?.(null),
       onClick: handleItemSelect,
+      onMouseDown: (e) => {
+        if (e.shiftKey || e.ctrlKey || e.metaKey) {
+          e.preventDefault();
+        }
+      },
       children: [
         /* @__PURE__ */ jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
           ancestors.map((ancestor, index) => {
@@ -186,6 +276,13 @@ function TreeEntryItem({
       ]
     }
   );
+  if (renderContextMenu) {
+    return /* @__PURE__ */ jsxs(ContextMenu, { onOpenChange: handleContextMenuOpenChange, children: [
+      /* @__PURE__ */ jsx(ContextMenuTrigger, { asChild: true, children: treeItemContent }),
+      renderContextMenu(item)
+    ] });
+  }
+  return treeItemContent;
 }
 
 export { TreeEntryItem, TreeView };

package/dist/{chunk-FMKD5JBL.mjs → chunk-7TD77VF4.mjs}

@@ -1,7 +1,8 @@
 import { colorClasses, borderColorClasses, formatDuration } from './chunk-4U232QAX.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var clamp = (value, min, max) => Math.min(Math.max(value, min), max);
 function TimelineProcessBar({
   item,
   isHovered,
@@ -148,16 +149,19 @@ function TimelineProcessBar({
           if (visibleEnd <= visibleStart) return null;
           const visibleDuration = visibleEnd - visibleStart;
           const visibleWidthPercent = visibleDuration / viewWindow * 100;
-          if (visibleWidthPercent < 8) return null;
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsxs(
             "div",
             {
-              className: "pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center",
+              className: "pointer-events-none absolute top-1/2 flex -translate-y-1/2 items-center justify-center overflow-hidden",
               style: {
                 left: `${timeToPercent(visibleStart)}%`,
-                width: `${visibleWidthPercent}%`
+                width: `${visibleWidthPercent}%`,
+                zoom: clamp(visibleWidthPercent, 6, 12) / 12
               },
-              children: /* @__PURE__ */ jsx("span", { className: "text-text-secondary text-xs italic", children: "Halted" })
+              children: [
+                visibleWidthPercent > 7 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-orange-500 px-2 py-0.5 text-xs text-white", children: "Halted" }),
+                visibleWidthPercent < 7 && /* @__PURE__ */ jsx("span", { className: "h-3 w-3 rounded-full bg-orange-500" })
+              ]
             }
           );
         })()

package/dist/{chunk-5ARBIWXX.cjs → chunk-7TXGEIV3.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkGEGPGQVH_cjs = require('./chunk-GEGPGQVH.cjs');
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -94,7 +94,7 @@ var TreeViewRoot = react.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           "px-sm relative w-[300px] w-full overflow-x-auto overflow-y-hidden",
           className
         ),
@@ -138,12 +138,12 @@ var TreeViewFallback = react.forwardRef(
       "div",
       {
         ref,
-        className: chunkCRX2ZCM2_cjs.cn("px-sm relative w-[300px] overflow-hidden", className),
+        className: chunk6LTCLQH3_cjs.cn("px-sm relative w-[300px] overflow-hidden", className),
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tree", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, padding: 0 }, children: dataArray.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { margin: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkCRX2ZCM2_cjs.cn(
+            className: chunk6LTCLQH3_cjs.cn(
               "py-sm flex items-center pl-[20px] text-left",
               treeVariants(),
               selectedItemId === item.id && selectedTreeVariants()
@@ -250,7 +250,7 @@ var TreeNode = ({
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           treeVariants(),
           selectedItemId === item.id && selectedTreeVariants(),
           isDragOver && dragOverVariants()
@@ -264,7 +264,7 @@ var TreeNode = ({
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionTrigger,
           {
-            className: chunkCRX2ZCM2_cjs.cn(
+            className: chunk6LTCLQH3_cjs.cn(
               "flex-1",
               selectedItemId === item.id && "text-text-withbg",
               isDragOver && "text-text-withbg"
@@ -368,7 +368,7 @@ var TreeLeaf = react.forwardRef(
       "div",
       {
         ref,
-        className: chunkCRX2ZCM2_cjs.cn(
+        className: chunk6LTCLQH3_cjs.cn(
           "py-sm flex items-center pl-[20px] text-left before:right-1",
           treeVariants(),
           className,
@@ -401,7 +401,7 @@ var AccordionTrigger = react.forwardRef(({ className, children, ...props }, ref)
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
-    className: chunkCRX2ZCM2_cjs.cn(
+    className: chunk6LTCLQH3_cjs.cn(
       "py-sm flex w-full flex-1 items-center transition-all first:[&[data-state=open]>svg]:rotate-90",
       className
     ),
@@ -417,7 +417,7 @@ var AccordionContent = react.forwardRef(({ className, children, ...props }, ref)
   AccordionPrimitive__namespace.Content,
   {
     ref,
-    className: chunkCRX2ZCM2_cjs.cn(
+    className: chunk6LTCLQH3_cjs.cn(
       "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-uk-sm text-text-primary leading-uk-sm z-10 overflow-hidden transition-all",
       className
     ),
@@ -451,7 +451,7 @@ var TreeActions = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         isSelected ? "block" : "hidden",
         "absolute right-[10px] z-10 group-hover:block"
       ),

package/dist/{chunk-SLXM4F24.cjs → chunk-7YFUNCKT.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Table({ className, ...props }) {
@@ -8,7 +8,7 @@ function Table({ className, ...props }) {
     "table",
     {
       "data-slot": "table",
-      className: chunkCRX2ZCM2_cjs.cn("text-uk-md w-full caption-bottom rounded-none!", className),
+      className: chunk6LTCLQH3_cjs.cn("text-uk-md w-full caption-bottom rounded-none!", className),
       ...props
     }
   ) });
@@ -18,7 +18,7 @@ function TableHeader({ className, ...props }) {
     "thead",
     {
       "data-slot": "table-header",
-      className: chunkCRX2ZCM2_cjs.cn("hover:bg-bg-tertiary [&_tr]:border-b", className),
+      className: chunk6LTCLQH3_cjs.cn("hover:bg-bg-tertiary [&_tr]:border-b", className),
       ...props
     }
   );
@@ -28,7 +28,7 @@ function TableBody({ className, ...props }) {
     "tbody",
     {
       "data-slot": "table-body",
-      className: chunkCRX2ZCM2_cjs.cn("[&_tr:last-child]:border-0", className),
+      className: chunk6LTCLQH3_cjs.cn("[&_tr:last-child]:border-0", className),
       ...props
     }
   );
@@ -38,7 +38,7 @@ function TableFooter({ className, ...props }) {
     "tfoot",
     {
       "data-slot": "table-footer",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "bg-bg-secondary border-bg-secondary hover:bg-bg-tertiary border-t font-medium [&>tr]:last:border-b-0",
         className
       ),
@@ -51,7 +51,7 @@ function TableRow({ className, ...props }) {
     "tr",
     {
       "data-slot": "table-row",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "hover:bg-bg-secondary data-[state=selected]:bg-bg-secondary border-bg-secondary border-b transition-colors",
         className
       ),
@@ -64,7 +64,7 @@ function TableHead({ className, ...props }) {
     "th",
     {
       "data-slot": "table-head",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "bg-bg-secondary! px-lg! text-text-primary! text-uk-md h-[40px] py-0! text-left align-middle font-medium! whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -77,7 +77,7 @@ function TableCell({ className, ...props }) {
     "td",
     {
       "data-slot": "table-cell",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "px-lg! text-text-primary! text-uk-md h-[40px] py-0! align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -90,7 +90,7 @@ function TableCaption({ className, ...props }) {
     "caption",
     {
       "data-slot": "table-caption",
-      className: chunkCRX2ZCM2_cjs.cn("text-text-tertiary text-uk-md mt-4", className),
+      className: chunk6LTCLQH3_cjs.cn("text-text-tertiary text-uk-md mt-4", className),
       ...props
     }
   );

package/dist/{chunk-LGFWHV23.cjs → chunk-ACGXE2IO.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var LabelPrimitive = require('@radix-ui/react-label');
 var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
@@ -51,7 +51,7 @@ var labelVariants = classVarianceAuthority.cva(
   }
 );
 var Label = React__namespace.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunkCRX2ZCM2_cjs.cn(labelVariants({ size }), className), ...props })
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(LabelPrimitive__namespace.Root, { ref, className: chunk6LTCLQH3_cjs.cn(labelVariants({ size }), className), ...props })
 );
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
 

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

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

package/dist/{chunk-XS5IUI62.cjs → chunk-B6CIRZI4.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -58,7 +58,7 @@ function Badge({
     Comp,
     {
       "data-slot": "badge",
-      className: chunkCRX2ZCM2_cjs.cn(badgeVariants({ variant, type }), className),
+      className: chunk6LTCLQH3_cjs.cn(badgeVariants({ variant, type }), className),
       ...props
     }
   );

package/dist/{chunk-REZAPK6Z.mjs → chunk-BDFUHPX2.mjs}

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

package/dist/{chunk-CXPF274N.mjs → chunk-BK77KKIM.mjs}

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

package/dist/{chunk-ZJSL6HSL.mjs → chunk-BLG4IPRR.mjs}

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

package/dist/{chunk-JQYMF2FW.cjs → chunk-BSDIS4KS.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +29,7 @@ function RadioGroup({ className, ...props }) {
     RadioGroupPrimitive__namespace.Root,
     {
       "data-slot": "radio-group",
-      className: chunkCRX2ZCM2_cjs.cn("gap-md flex", className),
+      className: chunk6LTCLQH3_cjs.cn("gap-md flex", className),
       ...props
     }
   );
@@ -39,7 +39,7 @@ function RadioGroupItem({ className, ...props }) {
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "group",
         "w-4",
         "h-4",
@@ -65,7 +65,7 @@ function RadioGroupItem({ className, ...props }) {
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunkCRX2ZCM2_cjs.cn(
+              className: chunk6LTCLQH3_cjs.cn(
                 "m-auto",
                 "size-[8px]",
                 "rounded-full",

package/dist/{chunk-35ZN6IW7.mjs → chunk-BYZ7HIIK.mjs}

@@ -1,5 +1,5 @@
 import { createClientOnlyComponent } from './chunk-4NABYVCK.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';

package/dist/{chunk-6C53NKMF.mjs → chunk-C4U5BMQH.mjs}

@@ -1,5 +1,5 @@
 import { CursorContext } from './chunk-3FR3WKI4.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-2IS7TXTN.mjs → chunk-CENP2PIB.mjs}

@@ -1,5 +1,5 @@
 import { createClientOnlyComponent } from './chunk-4NABYVCK.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { cva } from 'class-variance-authority';
 import { ChevronRight } from 'lucide-react';

package/dist/{chunk-NJWKR5WR.mjs → chunk-CEYNTMQP.mjs}

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

package/dist/{chunk-CIOLL5LX.mjs → chunk-CN6SZKJZ.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { GripVerticalIcon } from 'lucide-react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-WDSOII5A.cjs → chunk-COJRGW3A.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
+var chunkDG2EVWIW_cjs = require('./chunk-DG2EVWIW.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(
-    chunkASZIBFA6_cjs.InputNumbers,
+    chunkDG2EVWIW_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-GRXUYMZJ.cjs → chunk-COL2MXGC.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.119" ;
+var PACKAGE_VERSION = "0.0.121" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "1f21475" ;
+var GIT_HASH = "f63c177" ;
 function PackageBadge({
   className,
   packageName,
@@ -39,7 +39,7 @@ function PackageBadge({
             "a",
             {
               href: linkable && npmUrl ? npmUrl : void 0,
-              className: chunkCRX2ZCM2_cjs.cn(
+              className: chunk6LTCLQH3_cjs.cn(
                 "pl-xs pr-sm py-xxxs rounded-r-uk-xs",
                 "bg-alt-primary",
                 "text-text-secondary",