@vuer-ai/vuer-uikit 0.0.74 → 0.0.76

package/dist/{chunk-JTLBOAN6.cjs → chunk-VADHV4S3.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Table({ className, ...props }) {
@@ -8,7 +8,7 @@ function Table({ className, ...props }) {
     "table",
     {
       "data-slot": "table",
-      className: chunkDWD754BX_cjs.cn("text-uk-md w-full caption-bottom rounded-none!", className),
+      className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn("hover:bg-bg-tertiary [&_tr]:border-b", className),
+      className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn("[&_tr:last-child]:border-0", className),
+      className: chunkOHIB3TEN_cjs.cn("[&_tr:last-child]:border-0", className),
       ...props
     }
   );
@@ -38,7 +38,7 @@ function TableFooter({ className, ...props }) {
     "tfoot",
     {
       "data-slot": "table-footer",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn("text-text-tertiary text-uk-md mt-4", className),
+      className: chunkOHIB3TEN_cjs.cn("text-text-tertiary text-uk-md mt-4", className),
       ...props
     }
   );

package/dist/{chunk-FABHCVYU.cjs → chunk-VBBJSIY7.cjs}

@@ -1,14 +1,14 @@
 'use strict';
 
 var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var SyncScroll = ({ children, className, asChild = false, ...props }) => {
   const Comp = asChild ? reactSlot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useSyncScroll(), className: chunkDWD754BX_cjs.cn("overflow-y-auto", className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useSyncScroll(), className: chunkOHIB3TEN_cjs.cn("overflow-y-auto", className), ...props, children });
 };
 var SyncScrollSlave = ({
   children,
@@ -17,7 +17,7 @@ var SyncScrollSlave = ({
   ...props
 }) => {
   const Comp = asChild ? reactSlot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useScrollSlave(), className: chunkDWD754BX_cjs.cn("overflow-y-auto", className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref: chunkG4FJGNY5_cjs.useScrollSlave(), className: chunkOHIB3TEN_cjs.cn("overflow-y-auto", className), ...props, children });
 };
 var SyncDrag = ({
   ref: extRef,
@@ -71,7 +71,7 @@ var SyncDrag = ({
     Comp,
     {
       ref,
-      className: chunkDWD754BX_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
+      className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children
@@ -118,7 +118,7 @@ var SyncDragX = ({ children, className, asChild = false, ...props }) => {
     Comp,
     {
       ref,
-      className: chunkDWD754BX_cjs.cn("cursor-grab overflow-x-auto", isDragging ? "cursor-grabbing" : "", className),
+      className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-x-auto", isDragging ? "cursor-grabbing" : "", className),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children
@@ -177,7 +177,7 @@ var SyncDragSlave = ({
     Comp,
     {
       ref,
-      className: chunkDWD754BX_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
+      className: chunkOHIB3TEN_cjs.cn("cursor-grab overflow-auto", isDragging && "cursor-grabbing", className),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children
@@ -230,7 +230,7 @@ var SyncDragSlaveX = ({
     Comp,
     {
       ref,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "cursor-grab overflow-x-auto overflow-y-hidden",
         isDragging && "cursor-grabbing",
         className
@@ -287,7 +287,7 @@ var SyncDragY = ({
     Comp,
     {
       ref,
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         "cursor-grab overflow-x-hidden overflow-y-auto",
         isDragging && "cursor-grabbing",
         className

package/dist/{chunk-XL2LLRL5.cjs → chunk-VGM5GQ6Z.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkJZYL64WT_cjs = require('./chunk-JZYL64WT.cjs');
+var chunkP3SKSMO7_cjs = require('./chunk-P3SKSMO7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var Vec3Input = react.forwardRef(function Vec3Input2({ value, onValuesChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJZYL64WT_cjs.VectorInput,
+    chunkP3SKSMO7_cjs.VectorInput,
     {
       ref,
       value,

package/dist/{chunk-3DDKTHKM.cjs → chunk-VJN3GGLZ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var SwitchPrimitive = require('@radix-ui/react-switch');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +29,7 @@ function Switch({ className, ...props }) {
     SwitchPrimitive__namespace.Root,
     {
       "data-slot": "switch",
-      className: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         className,
         "group",
         "w-[32px]",
@@ -45,7 +45,7 @@ function Switch({ className, ...props }) {
         SwitchPrimitive__namespace.Thumb,
         {
           "data-slot": "switch-thumb",
-          className: chunkDWD754BX_cjs.cn(
+          className: chunkOHIB3TEN_cjs.cn(
             "block",
             "size-[12px]",
             "rounded-full",

package/dist/chunk-VJWZW66V.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+var chunkJM6NBUDT_cjs = require('./chunk-JM6NBUDT.cjs');
+var chunkLCCNBVKZ_cjs = require('./chunk-LCCNBVKZ.cjs');
+var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var LiquidToggle = ({ className, ...props }) => {
+  const { isLiquid, toggleLiquid } = chunkJM6NBUDT_cjs.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkLCCNBVKZ_cjs.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkNSQOQD43_cjs.Button,
+      {
+        icon: true,
+        variant: "ghost",
+        value: isLiquid,
+        "aria-label": `Toggle liquid theme: ${isLiquid ? "on" : "off"}`,
+        ...props,
+        onClick: toggleLiquid,
+        className,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLCCNBVKZ_cjs.TooltipContent, { children: "Toggle liquid theme" })
+  ] });
+};
+var ThemeColorToggle = (props) => {
+  const { baseTheme, setBaseTheme, resolvedTheme } = chunkJM6NBUDT_cjs.useTheme();
+  const handleThemeChange = () => {
+    if (baseTheme === "light") {
+      setBaseTheme("dark");
+    } else if (baseTheme === "dark") {
+      setBaseTheme("system");
+    } else if (baseTheme === "system") {
+      setBaseTheme("light");
+    }
+  };
+  const isDark = resolvedTheme.includes("dark");
+  const isSystem = baseTheme === "system";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkNSQOQD43_cjs.Button,
+    {
+      icon: true,
+      variant: "ghost",
+      "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
+      ...props,
+      onClick: handleThemeChange,
+      children: isSystem ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 })
+    }
+  );
+};
+var ThemeToggles = ({
+  className,
+  liquidToggleProps = {},
+  colorToggleProps = {}
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("flex gap-1", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LiquidToggle, { ...liquidToggleProps }),
+    /* @__PURE__ */ jsxRuntime.jsx(ThemeColorToggle, { ...colorToggleProps })
+  ] });
+};
+
+exports.LiquidToggle = LiquidToggle;
+exports.ThemeColorToggle = ThemeColorToggle;
+exports.ThemeToggles = ThemeToggles;

package/dist/chunk-VOTZLQ6J.cjs

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/{chunk-SCN6F2EN.mjs → chunk-VTEWRMGQ.mjs}

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

package/dist/chunk-W3J4QTKS.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var chunkUCRLH44Q_cjs = require('./chunk-UCRLH44Q.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var LiquidLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUCRLH44Q_cjs.LiquidLayout, { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkUCRLH44Q_cjs.LiquidLayoutContent,
+      {
+        className: chunkOHIB3TEN_cjs.cn("absolute flex flex-col items-center justify-center", contentClassName),
+        children
+      }
+    ),
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkUCRLH44Q_cjs.LiquidLayoutBottom, { className: chunkOHIB3TEN_cjs.cn("mt-4", bottomClassName), children: bottom }),
+    right && /* @__PURE__ */ jsxRuntime.jsx(chunkUCRLH44Q_cjs.LiquidLayoutRight, { className: rightClassName, children: right }),
+    left && /* @__PURE__ */ jsxRuntime.jsx(chunkUCRLH44Q_cjs.LiquidLayoutLeft, { className: leftClassName, children: left }),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkUCRLH44Q_cjs.LiquidLayoutTop, { className: topClassName, children: top })
+  ] });
+};
+
+exports.LiquidLayoutView = LiquidLayoutView;

package/dist/{chunk-IUATO2BH.mjs → chunk-W3RJNSWQ.mjs}

@@ -1,5 +1,5 @@
 import { createClientOnlyComponent } from './chunk-4F2GSF2T.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { XIcon } from 'lucide-react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/dist/chunk-W4CDQ2RJ.mjs

@@ -0,0 +1,69 @@
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-PCSY5IJ2.mjs';
+import { InputRoot, InputSlot } from './chunk-JXALL32A.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { Search, CaseSensitive, Regex } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function TreeSearchBar({
+  searchQuery,
+  setSearchQuery,
+  isCaseSensitive,
+  setIsCaseSensitive,
+  isRegex,
+  setIsRegex,
+  isRegexValid,
+  searchResultsCount,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("shrink-0", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 py-1", children: /* @__PURE__ */ jsxs(
+      InputRoot,
+      {
+        type: "text",
+        placeholder: "Search...",
+        size: "md",
+        className: "flex-1",
+        inputClassName: cn(!isRegexValid && "text-red-500"),
+        value: searchQuery,
+        onChange: (e) => setSearchQuery(e.target.value),
+        children: [
+          /* @__PURE__ */ jsx(InputSlot, { side: "left", children: /* @__PURE__ */ jsx(Search, { className: "text-text-secondary size-4 stroke-1" }) }),
+          /* @__PURE__ */ jsx(InputSlot, { side: "right", children: /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 200, children: [
+            /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setIsCaseSensitive((prev) => !prev),
+                  className: cn(
+                    "rounded-uk-sm mr-1 p-1",
+                    isCaseSensitive ? "bg-shadow-secondary" : ""
+                  ),
+                  children: /* @__PURE__ */ jsx(CaseSensitive, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Case Sensitive" }) })
+            ] }),
+            /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => setIsRegex((prev) => !prev),
+                  className: cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
+                  children: /* @__PURE__ */ jsx(Regex, { className: "size-4" })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Use Regular Expression" }) })
+            ] })
+          ] }) })
+        ]
+      }
+    ) }),
+    searchQuery && isRegexValid && /* @__PURE__ */ jsx("div", { className: "flex justify-end px-2 pb-1", children: /* @__PURE__ */ jsxs("span", { className: "text-uk-xs text-text-secondary", children: [
+      searchResultsCount,
+      " result",
+      searchResultsCount !== 1 ? "s" : ""
+    ] }) })
+  ] });
+}
+
+export { TreeSearchBar };

package/dist/{chunk-623MBAXA.mjs → chunk-WHKKMUON.mjs}

@@ -1,11 +1,11 @@
-import { Skeleton } from './chunk-G73SWE4J.mjs';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
-import { Separator } from './chunk-OKAV7AZP.mjs';
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-IUATO2BH.mjs';
-import { InputRoot } from './chunk-TNARVKPU.mjs';
-import { Button } from './chunk-3MSEMXKG.mjs';
+import { Skeleton } from './chunk-DWWM2TV3.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-PCSY5IJ2.mjs';
+import { Separator } from './chunk-OWGKZAOO.mjs';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-W3RJNSWQ.mjs';
+import { InputRoot } from './chunk-JXALL32A.mjs';
+import { Button } from './chunk-INHZ5D7P.mjs';
 import { useIsMobile } from './chunk-XHJDRQD7.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { PanelLeftIcon } from 'lucide-react';

package/dist/{chunk-ZNY7VYIN.mjs → chunk-WU3YZHOP.mjs}

@@ -1,5 +1,5 @@
-import { InputRoot, InputSlot } from './chunk-TNARVKPU.mjs';
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { InputRoot, InputSlot } from './chunk-JXALL32A.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -71,6 +71,9 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
         if (Math.abs(totalDeltaY) > 2 || Math.abs(totalDeltaX) > 2) {
           dragDirection.current = "y";
           setCursorState("dragging-y");
+          Array.from(inputs.current.values()).forEach((input) => {
+            input?.blur();
+          });
         }
       } else if (dragDirection.current === "y" && Math.abs(totalDeltaX) > 5) {
         dragDirection.current = "x";
@@ -149,10 +152,10 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
         const inputValue = e.target.value;
         if (inputValue === "" || !isNaN(Number(inputValue))) {
           const newValue = value.map((v, i) => {
-            if (inputValue === "") {
-              return "";
+            if (i === index) {
+              return inputValue === "" ? "" : Number(inputValue);
             }
-            return i === index ? Number(inputValue) : v;
+            return v;
           });
           onValuesChange?.(newValue);
         }
@@ -160,6 +163,26 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
     },
     [onValuesChange, value]
   );
+  const handleKeyDown = useCallback(
+    (index) => {
+      return (e) => {
+        if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+          e.preventDefault();
+          const direction = e.key === "ArrowUp" ? 1 : -1;
+          const currentValue = value[index] || 0;
+          const newValue = Number((currentValue + direction * step).toPrecision(6));
+          const updatedValues = value.map((v, i) => {
+            if (i === index) {
+              return newValue;
+            }
+            return v;
+          });
+          onValuesChange?.(updatedValues);
+        }
+      };
+    },
+    [value, onValuesChange, step]
+  );
   if (value?.length === 0) {
     throw new Error("`value` cannot be an empty array");
   }
@@ -196,6 +219,7 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, side, value, onValu
             inputs.current.get(index.toString())?.focus();
           },
           onChange: valueChangeHandler(index),
+          onKeyDown: handleKeyDown(index),
           "data-hover": "none",
           className: cn([
             "group/number-input",

package/dist/{chunk-GEV3OT4W.cjs → chunk-WW3RIVOI.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkWVQ4FHYY_cjs = require('./chunk-WVQ4FHYY.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkYQCSEMRB_cjs = require('./chunk-YQCSEMRB.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -18,7 +18,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
           setColor(e.currentTarget.value.replace(/^#/, ""));
           onChange?.(e);
         },
-        className: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           [
             "h-6",
             "w-6",
@@ -27,9 +27,9 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
             "rounded-1",
             "[appearance:none]",
             "[&::-webkit-color-swatch-wrapper]:p-0",
-            "[&::-webkit-color-swatch]:border-0",
+            "[&::-webkit-color-swatch]:border-line-primary",
             "[&::-webkit-color-swatch]:rounded-lg",
-            "[&::-moz-color-swatch]:border-0",
+            "[&::-moz-color-swatch]:border-line-primary",
             "[&::-moz-color-swatch]:rounded-lg"
           ],
           className
@@ -37,7 +37,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWVQ4FHYY_cjs.InputRoot,
+      chunkYQCSEMRB_cjs.InputRoot,
       {
         ...props,
         size: "sm",
@@ -48,7 +48,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
           setColor(e.currentTarget.value);
           onChange?.(e);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkWVQ4FHYY_cjs.InputSlot, { children: "#" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkYQCSEMRB_cjs.InputSlot, { children: "#" })
       }
     )
   ] });

package/dist/{chunk-5T7CZMWF.mjs → chunk-WWGF6TBZ.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVFUDYD3.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { CursorContext } from './chunk-3FR3WKI4.mjs';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';

package/dist/{chunk-QQH3TSI4.cjs → chunk-X2A7TKER.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
-var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.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: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn("px-sm relative w-[300px] overflow-hidden", className),
+        className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+            className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_cjs.cn(
           treeVariants(),
           selectedItemId === item.id && selectedTreeVariants(),
           isDragOver && dragOverVariants()
@@ -264,7 +264,7 @@ var TreeNode = ({
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionTrigger,
           {
-            className: chunkDWD754BX_cjs.cn(
+            className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+        className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+    className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+    className: chunkOHIB3TEN_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: chunkDWD754BX_cjs.cn(
+      className: chunkOHIB3TEN_cjs.cn(
         isSelected ? "block" : "hidden",
         "absolute right-[10px] z-10 group-hover:block"
       ),

package/dist/{chunk-75PCMZP2.cjs → chunk-X5N56TUH.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkJZYL64WT_cjs = require('./chunk-JZYL64WT.cjs');
+var chunkP3SKSMO7_cjs = require('./chunk-P3SKSMO7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var QuaternionInput = react.forwardRef(function QuaternionInput2({ value, onValuesChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJZYL64WT_cjs.VectorInput,
+    chunkP3SKSMO7_cjs.VectorInput,
     {
       ref,
       value,