@vuer-ai/vuer-uikit 0.0.117 → 0.0.118

package/dist/{chunk-X2A7TKER.cjs → chunk-42ZXL3KZ.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 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: chunkOHIB3TEN_cjs.cn(
+        className: chunkCRX2ZCM2_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: chunkOHIB3TEN_cjs.cn("px-sm relative w-[300px] overflow-hidden", className),
+        className: chunkCRX2ZCM2_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: chunkOHIB3TEN_cjs.cn(
+            className: chunkCRX2ZCM2_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: chunkOHIB3TEN_cjs.cn(
+        className: chunkCRX2ZCM2_cjs.cn(
           treeVariants(),
           selectedItemId === item.id && selectedTreeVariants(),
           isDragOver && dragOverVariants()
@@ -264,7 +264,7 @@ var TreeNode = ({
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionTrigger,
           {
-            className: chunkOHIB3TEN_cjs.cn(
+            className: chunkCRX2ZCM2_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: chunkOHIB3TEN_cjs.cn(
+        className: chunkCRX2ZCM2_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: chunkOHIB3TEN_cjs.cn(
+    className: chunkCRX2ZCM2_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: chunkOHIB3TEN_cjs.cn(
+    className: chunkCRX2ZCM2_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: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         isSelected ? "block" : "hidden",
         "absolute right-[10px] z-10 group-hover:block"
       ),

package/dist/{chunk-FRAD2Z2G.mjs → chunk-4BQPIY5Z.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-HMN4IKTG.mjs';
+import { cn } from './chunk-T66ETI7E.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 function Toolbar({ className, children, variant = "default", size = "md" }) {

package/dist/{chunk-ABLQ4QRY.mjs → chunk-4DSJ62TT.mjs}

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

package/dist/{chunk-AAFU2FII.mjs → chunk-4ODJAEOM.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 { forwardRef } from 'react';

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

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

package/dist/{chunk-ROY7233C.cjs → chunk-4PMXRQXC.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk6IXKC64S_cjs = require('./chunk-6IXKC64S.cjs');
-var chunkRQH7ZAWF_cjs = require('./chunk-RQH7ZAWF.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
+var chunkJYYAGDLZ_cjs = require('./chunk-JYYAGDLZ.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -17,9 +17,9 @@ var PresetsInput = react.forwardRef(function PresetsInput2({ presets, value = 0,
     setPreset(presetValue);
     onChange?.(presetValue);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("gap-xs grid grid-cols-5", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRX2ZCM2_cjs.cn("gap-xs grid grid-cols-5", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6IXKC64S_cjs.InputNumbers,
+      chunkASZIBFA6_cjs.InputNumbers,
       {
         ...props,
         ref,
@@ -30,7 +30,7 @@ var PresetsInput = react.forwardRef(function PresetsInput2({ presets, value = 0,
     ) }),
     presets.map((p, i) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkRQH7ZAWF_cjs.Button,
+        chunkJYYAGDLZ_cjs.Button,
         {
           size,
           variant: "secondary",

package/dist/{chunk-4PKPCOAF.cjs → chunk-5AKVDZMA.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var SelectPrimitive = require('@radix-ui/react-select');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -36,7 +36,7 @@ function SelectGroup({ className, ...props }) {
     SelectPrimitive__namespace.Group,
     {
       "data-slot": "select-group",
-      className: chunkOHIB3TEN_cjs.cn("space-y-xs", className),
+      className: chunkCRX2ZCM2_cjs.cn("space-y-xs", className),
       ...props
     }
   );
@@ -108,7 +108,7 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         selectTriggerVariants({
           size,
           className,
@@ -138,7 +138,7 @@ function SelectContent({
     {
       "data-slot": "select-content",
       "data-font": font,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         [
           "bg-bg-primary",
           "data-[state=open]:animate-in",
@@ -176,7 +176,7 @@ function SelectContent({
         /* @__PURE__ */ jsxRuntime.jsx(
           SelectPrimitive__namespace.Viewport,
           {
-            className: chunkOHIB3TEN_cjs.cn("p-md", {
+            className: chunkCRX2ZCM2_cjs.cn("p-md", {
               "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1": position === "popper"
             }),
             children
@@ -192,7 +192,7 @@ function SelectLabel({ className, ...props }) {
     SelectPrimitive__namespace.Label,
     {
       "data-slot": "select-label",
-      className: chunkOHIB3TEN_cjs.cn("text-text-secondary text-uk-sm px-2 py-1.5", className),
+      className: chunkCRX2ZCM2_cjs.cn("text-text-secondary text-uk-sm px-2 py-1.5", className),
       ...props
     }
   );
@@ -210,7 +210,7 @@ function SelectItem({
     {
       "data-slot": "select-item",
       disabled,
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         [
           "group/select-item",
           "w-full",
@@ -255,7 +255,7 @@ function SelectItem({
           "p",
           {
             "data-disabled": disabled,
-            className: chunkOHIB3TEN_cjs.cn([
+            className: chunkCRX2ZCM2_cjs.cn([
               "text-text-tertiary",
               "flex",
               "shrink-0",
@@ -271,7 +271,7 @@ function SelectItem({
           "p",
           {
             "data-disabled": disabled,
-            className: chunkOHIB3TEN_cjs.cn(
+            className: chunkCRX2ZCM2_cjs.cn(
               "text-text-tertiary",
               "ml-auto",
               "flex",
@@ -295,7 +295,7 @@ function SelectSeparator({
     SelectPrimitive__namespace.Separator,
     {
       "data-slot": "select-separator",
-      className: chunkOHIB3TEN_cjs.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
+      className: chunkCRX2ZCM2_cjs.cn("bg-line-primary my-lg pointer-events-none -mx-1 h-px", className),
       ...props
     }
   );
@@ -308,7 +308,7 @@ function SelectScrollUpButton({
     SelectPrimitive__namespace.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: chunkOHIB3TEN_cjs.cn("mx-24 flex cursor-default items-center justify-center py-1", className),
+      className: chunkCRX2ZCM2_cjs.cn("mx-24 flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUpIcon, { className: "size-4" })
     }
@@ -322,7 +322,7 @@ function SelectScrollDownButton({
     SelectPrimitive__namespace.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: chunkOHIB3TEN_cjs.cn("flex cursor-default items-center justify-center py-1", className),
+      className: chunkCRX2ZCM2_cjs.cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-4" })
     }

package/dist/{chunk-VQP3QBC6.cjs → chunk-5OZS5UJX.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var vaul = require('vaul');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,7 +24,7 @@ function DrawerOverlay({
     vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-bg-mask fixed inset-0 z-50",
         className
       ),
@@ -43,7 +43,7 @@ function DrawerContent({
       vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
-        className: chunkOHIB3TEN_cjs.cn(
+        className: chunkCRX2ZCM2_cjs.cn(
           "group/drawer-content bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg p-xl fixed z-50 flex h-auto flex-col shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
           "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh]",
           "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:pt-0",
@@ -65,7 +65,7 @@ function DrawerHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-header",
-      className: chunkOHIB3TEN_cjs.cn("gap-md pb-xl flex flex-col", className),
+      className: chunkCRX2ZCM2_cjs.cn("gap-md pb-xl flex flex-col", className),
       ...props
     }
   );
@@ -75,7 +75,7 @@ function DrawerFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-footer",
-      className: chunkOHIB3TEN_cjs.cn("gap-lg pt-xl mt-auto flex flex-col", className),
+      className: chunkCRX2ZCM2_cjs.cn("gap-lg pt-xl mt-auto flex flex-col", className),
       ...props
     }
   );
@@ -85,7 +85,7 @@ function DrawerTitle({ className, ...props }) {
     vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
-      className: chunkOHIB3TEN_cjs.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
+      className: chunkCRX2ZCM2_cjs.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
       ...props
     }
   );
@@ -98,7 +98,7 @@ function DrawerDescription({
     vaul.Drawer.Description,
     {
       "data-slot": "drawer-description",
-      className: chunkOHIB3TEN_cjs.cn("text-text-secondary text-uk-md leading-uk-md", className),
+      className: chunkCRX2ZCM2_cjs.cn("text-text-secondary text-uk-md leading-uk-md", className),
       ...props
     }
   );

package/dist/{chunk-KOMVGDDW.cjs → chunk-66NKH2SV.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk4GVFCQGI_cjs = require('./chunk-4GVFCQGI.cjs');
-var chunkRQH7ZAWF_cjs = require('./chunk-RQH7ZAWF.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunk7AEOJFD4_cjs = require('./chunk-7AEOJFD4.cjs');
+var chunkJYYAGDLZ_cjs = require('./chunk-JYYAGDLZ.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -34,9 +34,9 @@ var PresetsRadInput = react.forwardRef(
       }
       return displayValue.toFixed(2);
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("gap-xs grid grid-cols-5", className), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRX2ZCM2_cjs.cn("gap-xs grid grid-cols-5", className), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk4GVFCQGI_cjs.RadInput,
+        chunk7AEOJFD4_cjs.RadInput,
         {
           ...props,
           ref,
@@ -48,7 +48,7 @@ var PresetsRadInput = react.forwardRef(
       ) }),
       presets.map((p, i) => {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRQH7ZAWF_cjs.Button,
+          chunkJYYAGDLZ_cjs.Button,
           {
             size,
             variant: "secondary",

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

@@ -1,5 +1,5 @@
 import { CursorContext } from './chunk-3FR3WKI4.mjs';
-import { cn } from './chunk-HMN4IKTG.mjs';
+import { cn } from './chunk-T66ETI7E.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-GPUZJ6OU.cjs → chunk-6D7FGGSX.cjs}

@@ -2,21 +2,21 @@
 
 var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
 var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
-var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
-var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
+var chunk7H7U2X45_cjs = require('./chunk-7H7U2X45.cjs');
+var chunkQWBMDS3S_cjs = require('./chunk-QWBMDS3S.cjs');
 var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
-var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
+var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
+var chunkS37MJNNP_cjs = require('./chunk-S37MJNNP.cjs');
 var chunkUTS56UA5_cjs = require('./chunk-UTS56UA5.cjs');
 var chunkJWVH6R35_cjs = require('./chunk-JWVH6R35.cjs');
 var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
-var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
+var chunkRW4T7UBU_cjs = require('./chunk-RW4T7UBU.cjs');
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
-var chunkH3HQ27FG_cjs = require('./chunk-H3HQ27FG.cjs');
-var chunkHAVTMZR3_cjs = require('./chunk-HAVTMZR3.cjs');
-var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
-var chunkTBYGQV5D_cjs = require('./chunk-TBYGQV5D.cjs');
-var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkLYGYXV7S_cjs = require('./chunk-LYGYXV7S.cjs');
+var chunkEK3BTKZP_cjs = require('./chunk-EK3BTKZP.cjs');
+var chunkJNV3UBBP_cjs = require('./chunk-JNV3UBBP.cjs');
+var chunkW3IHFG4B_cjs = require('./chunk-W3IHFG4B.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -78,10 +78,10 @@ function Waterfall({
     onTemporalCursorChange,
     temporalCursor
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkTBYGQV5D_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkOHIB3TEN_cjs.cn(
+      className: chunkCRX2ZCM2_cjs.cn(
         "bg-bg-primary",
         "liquid-dark:liquid-dark-bg",
         "liquid-dark:border-[0.9px]",
@@ -108,7 +108,7 @@ function Waterfall({
             style: { width: panelWidth },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkH3HQ27FG_cjs.TreeSearchBar,
+                chunkLYGYXV7S_cjs.TreeSearchBar,
                 {
                   className: "p-1",
                   searchQuery,
@@ -121,8 +121,8 @@ function Waterfall({
                   searchResultsCount
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkHAVTMZR3_cjs.TreeView,
+              /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkEK3BTKZP_cjs.TreeView,
                 {
                   data: hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData,
                   getIcon,
@@ -175,11 +175,11 @@ function Waterfall({
                   zoomFactor,
                   enabled,
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
                       (item, index) => item.time === void 0 ? (
                         // Render TimelineProcessBar for duration events
                         /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkYXFHJKNW_cjs.TimelineProcessBar,
+                          chunk7H7U2X45_cjs.TimelineProcessBar,
                           {
                             index,
                             item,
@@ -198,7 +198,7 @@ function Waterfall({
                       ) : (
                         // Render TimelineEvent for instant events (with time property)
                         /* @__PURE__ */ jsxRuntime.jsx(
-                          chunkTUYG6BYZ_cjs.TimelineEvent,
+                          chunkRW4T7UBU_cjs.TimelineEvent,
                           {
                             item,
                             isHovered: hoveredId === item.id,
@@ -214,8 +214,8 @@ function Waterfall({
                         )
                       )
                     ) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk5MNZYCN2_cjs.LeftWedge,
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkQWBMDS3S_cjs.LeftWedge,
                       {
                         item,
                         classes: chunkG2ZYONQO_cjs.rightWedgeClasses,
@@ -224,8 +224,8 @@ function Waterfall({
                       },
                       `left-wedge-${item.id}`
                     )) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk5MNZYCN2_cjs.RightWedge,
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkW3IHFG4B_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkQWBMDS3S_cjs.RightWedge,
                       {
                         item,
                         classes: chunkG2ZYONQO_cjs.leftWedgeClasses,
@@ -261,7 +261,7 @@ function Waterfall({
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-auto relative h-full w-full" }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk2J75MYQA_cjs.CursorOverlay,
+                      chunkS37MJNNP_cjs.CursorOverlay,
                       {
                         left: 50,
                         label: `T${index + 1}`,
@@ -276,7 +276,7 @@ function Waterfall({
                 `marker-${time}-${index}`
               )),
               cursorVisible && /* @__PURE__ */ jsxRuntime.jsx(
-                chunk2J75MYQA_cjs.CursorOverlay,
+                chunkS37MJNNP_cjs.CursorOverlay,
                 {
                   left: cursorPosition,
                   label: cursorLabel,

package/dist/{chunk-MFPN6MWK.cjs → chunk-6WH6PWTJ.cjs}

@@ -1,17 +1,17 @@
 'use strict';
 
 var chunkKR7VBV3B_cjs = require('./chunk-KR7VBV3B.cjs');
-var chunkTBYGQV5D_cjs = require('./chunk-TBYGQV5D.cjs');
-var chunkRQH7ZAWF_cjs = require('./chunk-RQH7ZAWF.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkJNV3UBBP_cjs = require('./chunk-JNV3UBBP.cjs');
+var chunkJYYAGDLZ_cjs = require('./chunk-JYYAGDLZ.cjs');
+var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var LiquidToggle = ({ className, ...props }) => {
   const { isLiquid, toggleLiquid } = chunkKR7VBV3B_cjs.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkTBYGQV5D_cjs.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkTBYGQV5D_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkRQH7ZAWF_cjs.Button,
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkJYYAGDLZ_cjs.Button,
       {
         icon: true,
         variant: "ghost",
@@ -22,7 +22,7 @@ var LiquidToggle = ({ className, ...props }) => {
         children: isLiquid ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelsTopLeft, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutTemplate, { size: 20 })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkTBYGQV5D_cjs.TooltipContent, { children: isLiquid ? "Dock Menu Panels" : "Floating Menu Panels" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipContent, { children: isLiquid ? "Dock Menu Panels" : "Floating Menu Panels" })
   ] });
 };
 var ThemeColorToggle = (props) => {
@@ -39,7 +39,7 @@ var ThemeColorToggle = (props) => {
   const isDark = resolvedTheme?.includes("dark");
   const isSystem = baseTheme === "system";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRQH7ZAWF_cjs.Button,
+    chunkJYYAGDLZ_cjs.Button,
     {
       icon: true,
       variant: "ghost",
@@ -55,7 +55,7 @@ var ThemeToggles = ({
   liquidToggleProps = {},
   colorToggleProps = {}
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("flex", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCRX2ZCM2_cjs.cn("flex", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(LiquidToggle, { ...liquidToggleProps }),
     /* @__PURE__ */ jsxRuntime.jsx(ThemeColorToggle, { ...colorToggleProps })
   ] });

package/dist/chunk-6YMDD5CU.mjs

@@ -0,0 +1,22 @@
+import * as LucideIcons from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/dial/IconRenderer.tsx
+var IconRenderer = ({
+  iconName,
+  size = 16,
+  className = ""
+}) => {
+  if (!iconName) {
+    return null;
+  }
+  const pascalCaseName = iconName.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
+  const IconComponent = LucideIcons[pascalCaseName];
+  if (!IconComponent) {
+    console.warn(`Icon "${iconName}" not found in Lucide React`);
+    return null;
+  }
+  return /* @__PURE__ */ jsx(IconComponent, { size, className });
+};
+
+export { IconRenderer };