@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/{chunk-UMGNAR3W.cjs → chunk-W22SQYEO.cjs}

@@ -1,18 +1,18 @@
 'use strict';
 
+var chunkBNXJ5VBE_cjs = require('./chunk-BNXJ5VBE.cjs');
+var chunkACGXE2IO_cjs = require('./chunk-ACGXE2IO.cjs');
+var chunkZAK7AFVY_cjs = require('./chunk-ZAK7AFVY.cjs');
 var chunkSL5Q54AH_cjs = require('./chunk-SL5Q54AH.cjs');
 var chunkO66LWOQY_cjs = require('./chunk-O66LWOQY.cjs');
-var chunk4PMXRQXC_cjs = require('./chunk-4PMXRQXC.cjs');
-var chunkLGFWHV23_cjs = require('./chunk-LGFWHV23.cjs');
-var chunk3ZEQVODC_cjs = require('./chunk-3ZEQVODC.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DialInputWrapper = ({ label, labelPosition = "top", icon, children }) => {
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk3ZEQVODC_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkLGFWHV23_cjs.Label, { size: "sm", className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZAK7AFVY_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkACGXE2IO_cjs.Label, { size: "sm", className: "flex items-center gap-1 pl-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
       label
     ] }),
@@ -32,9 +32,9 @@ var DialPresetsInput = ({ name, label, size = "sm", labelPosition = "top", icon,
   }
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(chunkLGFWHV23_cjs.Label, { size: "sm", children: label }),
+      label && /* @__PURE__ */ jsxRuntime.jsx(chunkACGXE2IO_cjs.Label, { size: "sm", children: label }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk4PMXRQXC_cjs.PresetsInput,
+        chunkBNXJ5VBE_cjs.PresetsInput,
         {
           value,
           onChange: (val) => setValue(name, val),
@@ -45,7 +45,7 @@ var DialPresetsInput = ({ name, label, size = "sm", labelPosition = "top", icon,
     ] });
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, labelPosition, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk4PMXRQXC_cjs.PresetsInput,
+      chunkBNXJ5VBE_cjs.PresetsInput,
       {
         value,
         onChange: (val) => setValue(name, val),

package/dist/{chunk-VWVYCQWF.mjs → chunk-WBM7ATPT.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-CH3BSVL4.cjs → chunk-WGY33IHV.cjs}

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

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

@@ -1,9 +1,9 @@
 'use strict';
 
-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 chunkNIACIZWY_cjs = require('./chunk-NIACIZWY.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunkZG33TW5I_cjs = require('./chunk-ZG33TW5I.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.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: chunkCRX2ZCM2_cjs.cn("flex flex-col", className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk6LTCLQH3_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(
-      chunkF3HOBNGR_cjs.InputRoot,
+      chunkPMG3NZF5_cjs.InputRoot,
       {
         type: "text",
         placeholder: "Search...",
         size: "md",
         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" }) })
             ] })
           ] }) })
         ]
@@ -325,7 +325,7 @@ function TreeEntryItem({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_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: chunkCRX2ZCM2_cjs.cn(
+                className: chunk6LTCLQH3_cjs.cn(
                   "h-full w-[1.25rem]",
                   parentIsLast ? "" : "border-l",
                   "border-line-primary"
@@ -355,7 +355,7 @@ function TreeEntryItem({
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: chunkCRX2ZCM2_cjs.cn(
+                className: chunk6LTCLQH3_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: chunkCRX2ZCM2_cjs.cn(
+                          className: chunk6LTCLQH3_cjs.cn(
                             "size-4 -rotate-90 transition-transform",
                             item.disable && "text-icon-tertiary"
                           )
@@ -395,7 +395,7 @@ function TreeEntryItem({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkCRX2ZCM2_cjs.cn(
+                      className: chunk6LTCLQH3_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: chunkCRX2ZCM2_cjs.cn(
+                          className: chunk6LTCLQH3_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: chunkCRX2ZCM2_cjs.cn(
+                      className: chunk6LTCLQH3_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: chunkCRX2ZCM2_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label) })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk6LTCLQH3_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(chunkW3IHFG4B_cjs.SyncScroll, { className: chunkCRX2ZCM2_cjs.cn("scrollbar-track-transparent flex-1", className), children: content });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkZG33TW5I_cjs.SyncScroll, { className: chunk6LTCLQH3_cjs.cn("scrollbar-track-transparent flex-1", className), children: content });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCRX2ZCM2_cjs.cn("flex-1 overflow-y-auto", className), children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk6LTCLQH3_cjs.cn("flex-1 overflow-y-auto", className), children: content });
 }
 
 exports.TreeEntries = TreeEntries;

package/dist/{chunk-7AEOJFD4.cjs → chunk-WX3VWVWD.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
+var chunkUZTOUPJ7_cjs = require('./chunk-UZTOUPJ7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -28,7 +28,7 @@ var RadInput = react.forwardRef(function RadInput2({ value = 0, onChange, displa
     return "rad";
   }, [display]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkASZIBFA6_cjs.InputNumbers,
+    chunkUZTOUPJ7_cjs.InputNumbers,
     {
       ref,
       value: [displayValue],

package/dist/{chunk-EBFPZBUQ.cjs → chunk-WYUJM72T.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 jsxRuntime = require('react/jsx-runtime');
 
@@ -9,7 +9,7 @@ function LiquidLayout({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         [
           "pointer-events-none",
           "relative",
@@ -34,7 +34,7 @@ function LiquidLayoutContent({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(["pointer-events-auto", "absolute", "inset-0", "-z-1"], className)
+      className: chunk6LTCLQH3_cjs.cn(["pointer-events-auto", "absolute", "inset-0", "-z-1"], className)
     }
   );
 }
@@ -43,7 +43,7 @@ function LiquidLayoutLeft({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         [
           "order-2",
           "col-start-1",
@@ -65,7 +65,7 @@ function LiquidLayoutTop({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         [
           "order-3",
           "col-start-2",
@@ -89,7 +89,7 @@ function LiquidLayoutRight({
     Comp,
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         [
           "order-4",
           "col-start-3",
@@ -116,7 +116,7 @@ function LiquidLayoutBottom({
     Comp,
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         [
           "order-5",
           "col-span-3",

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

@@ -1,7 +1,10 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk4WWGBRQV_cjs = require('./chunk-4WWGBRQV.cjs');
+var chunkT2BDPMCF_cjs = require('./chunk-T2BDPMCF.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var lucideReact = require('lucide-react');
+var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function TreeView({
@@ -12,29 +15,36 @@ function TreeView({
   onItemHover,
   hoveredId,
   isSelectable = false,
-  selectedItemId,
-  onSelectChange,
+  selectedItemIds,
+  onSelectionChange,
   hideExpand = false,
   hasDescendants = () => false,
   renderLabel = (label) => label,
-  className
+  className,
+  renderContextMenu,
+  selectionMode = "multi"
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCRX2ZCM2_cjs.cn("flex-1 overflow-y-auto", className), children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+  const [lastSelectedId, setLastSelectedId] = react.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk6LTCLQH3_cjs.cn("flex-1 overflow-y-auto", className), children: data.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
     TreeEntryItem,
     {
       item,
       hoveredId,
       onItemHover,
       isSelectable,
-      selectedItemId,
-      onSelectChange,
+      selectedItemIds,
+      onSelectionChange,
+      lastSelectedId,
+      setLastSelectedId,
       expandedItems,
       toggleItem: onToggleItem,
       hideExpand,
       hasDescendants,
       getIcon,
       renderLabel,
-      dataWithMeta: data
+      dataWithMeta: data,
+      renderContextMenu,
+      selectionMode
     },
     item.id
   )) });
@@ -44,8 +54,10 @@ function TreeEntryItem({
   hoveredId,
   onItemHover,
   isSelectable,
-  selectedItemId,
-  onSelectChange,
+  selectedItemIds,
+  onSelectionChange,
+  lastSelectedId,
+  setLastSelectedId,
   expandedItems,
   toggleItem = () => {
   },
@@ -53,29 +65,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 && item.selectable !== false) {
+      const isMultiSelectMode = selectionMode === "multi" && (event.ctrlKey || event.metaKey);
+      const isRangeSelectMode = selectionMode === "multi" && event.shiftKey;
+      if (isMultiSelectMode) {
+        const selectState2 = chunk4WWGBRQV_cjs.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 = chunk4WWGBRQV_cjs.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 = chunk4WWGBRQV_cjs.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__ */ jsxRuntime.jsxs(
+  const getSelectState = () => {
+    if (selectedItemIds) {
+      return chunk4WWGBRQV_cjs.getMultiSelectState(item.id, selectedItemIds, dataWithMeta);
+    }
+    return "unselected";
+  };
+  const selectState = getSelectState();
+  const isSelected = selectState === "selected";
+  const isIndirectlySelected = selectState === "indirect";
+  const { hasPrevSelected, hasNextSelected } = chunk4WWGBRQV_cjs.getAdjacentSelectionState(
+    item.id,
+    selectedItemIds || /* @__PURE__ */ new Set(),
+    dataWithMeta
+  );
+  const getBorderRadiusClass = () => {
+    if (!isSelectable || !isSelected && !isIndirectlySelected) {
+      return "";
+    }
+    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 && item.selectable !== false && !isSelected && !isIndirectlySelected && onSelectionChange) {
+      onSelectionChange(/* @__PURE__ */ new Set([item.id]));
+    }
+  };
+  const treeItemContent = /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.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-bg-tertiary",
+        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__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
           ancestors.map((ancestor, index) => {
@@ -83,7 +173,7 @@ function TreeEntryItem({
             return /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: chunkCRX2ZCM2_cjs.cn(
+                className: chunk6LTCLQH3_cjs.cn(
                   "h-full w-[1.25rem]",
                   parentIsLast ? "" : "border-l",
                   "border-line-primary"
@@ -96,7 +186,7 @@ function TreeEntryItem({
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
-                className: chunkCRX2ZCM2_cjs.cn(
+                className: chunk6LTCLQH3_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 +215,7 @@ function TreeEntryItem({
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         lucideReact.ChevronDown,
                         {
-                          className: chunkCRX2ZCM2_cjs.cn(
+                          className: chunk6LTCLQH3_cjs.cn(
                             "size-4 transition-transform",
                             expandedItems && !expandedItems?.has(item.id) && "-rotate-90",
                             item.disable && "text-icon-tertiary"
@@ -138,7 +228,7 @@ function TreeEntryItem({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkCRX2ZCM2_cjs.cn(
+                      className: chunk6LTCLQH3_cjs.cn(
                         "flex size-4 items-center justify-center",
                         item.disable && "text-icon-tertiary"
                       ),
@@ -157,7 +247,7 @@ function TreeEntryItem({
                       children: /* @__PURE__ */ jsxRuntime.jsx(
                         lucideReact.ChevronDown,
                         {
-                          className: chunkCRX2ZCM2_cjs.cn(
+                          className: chunk6LTCLQH3_cjs.cn(
                             "size-4 transition-transform",
                             expandedItems && !expandedItems?.has(item.id) && "-rotate-90",
                             item.disable && "text-icon-tertiary"
@@ -170,7 +260,7 @@ function TreeEntryItem({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: chunkCRX2ZCM2_cjs.cn(
+                      className: chunk6LTCLQH3_cjs.cn(
                         "cursor-pointer transition-opacity",
                         item.isCollapsible && "group-hover:opacity-0",
                         item.disable && "text-icon-tertiary"
@@ -179,7 +269,26 @@ function TreeEntryItem({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkCRX2ZCM2_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label, item.id) })
+                (() => {
+                  const label = item.label;
+                  const keepEnd = 9;
+                  if (label.length <= keepEnd) {
+                    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk6LTCLQH3_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(label, item.id) });
+                  }
+                  const firstPart = label.substring(0, label.length - keepEnd);
+                  const lastPart = label.substring(label.length - keepEnd);
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "span",
+                    {
+                      className: chunk6LTCLQH3_cjs.cn("flex min-w-0 flex-1", item.disable && "text-text-tertiary"),
+                      style: { maxWidth: "100%" },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: firstPart }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: lastPart })
+                      ]
+                    }
+                  );
+                })()
               ] }),
               item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
             ]
@@ -188,6 +297,13 @@ function TreeEntryItem({
       ]
     }
   );
+  if (renderContextMenu && item.selectable !== false) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkT2BDPMCF_cjs.ContextMenu, { onOpenChange: handleContextMenuOpenChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkT2BDPMCF_cjs.ContextMenuTrigger, { asChild: true, children: treeItemContent }),
+      renderContextMenu(item)
+    ] });
+  }
+  return treeItemContent;
 }
 
 exports.TreeEntryItem = TreeEntryItem;

package/dist/{chunk-KR7VBV3B.cjs → chunk-XIDCYS6G.cjs}

@@ -11,6 +11,7 @@ var ThemeContext = react.createContext(void 0);
 var saveToLS = (key, value) => {
   try {
     localStorage.setItem(key, value);
+    document.cookie = `vuer:theme=${value}; path=/; max-age=3153600000;`;
   } catch {
   }
 };
@@ -102,7 +103,7 @@ var Theme = ({
       return forcedTheme;
     }
     return computedTheme;
-  }, [forcedTheme, computedTheme, systemIsDark]);
+  }, [forcedTheme, computedTheme]);
   const applyTheme = react.useCallback(
     (theme) => {
       if (!theme) return;

package/dist/{chunk-WHV6Z7YX.mjs → chunk-XIESS6HW.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { forwardRef, useState, useMemo, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-UIJEAY6H.mjs → chunk-XTZURZIR.mjs}

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

package/dist/{chunk-7AZ3PLUC.mjs → chunk-XZLQHASB.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-SRZ56OJH.mjs → chunk-XZTEU7ME.mjs}

@@ -1,6 +1,6 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-UQQBUPGF.mjs';
-import { InputRoot, InputSlot } from './chunk-SMXN2KOV.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-IPMWGCAI.mjs';
+import { InputRoot, InputSlot } from './chunk-HGTL7DFT.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { Search, CaseSensitive, Regex } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-RLTLA7VS.mjs → chunk-Y2IIKDRY.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';