@deepnoid/ui 0.1.95 → 0.1.97

package/dist/components/tree/index.js

@@ -1546,6 +1546,48 @@ var template = {
       }
     );
   },
+  lock: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        width: "22",
+        height: "22",
+        viewBox: "0 0 22 22",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M11 2.8335C9.81858 2.8335 8.68555 3.2637 7.85016 4.02948C7.01477 4.79525 6.54545 5.83386 6.54545 6.91683V9.25016C5.87036 9.25016 5.22291 9.49599 4.74555 9.93358C4.26818 10.3712 4 10.9647 4 11.5835V16.8335C4 17.4523 4.26818 18.0458 4.74555 18.4834C5.22291 18.921 5.87036 19.1668 6.54545 19.1668H15.4545C16.1296 19.1668 16.7771 18.921 17.2545 18.4834C17.7318 18.0458 18 17.4523 18 16.8335V11.5835C18 10.9647 17.7318 10.3712 17.2545 9.93358C16.7771 9.49599 16.1296 9.25016 15.4545 9.25016V6.91683C15.4545 4.66127 13.4606 2.8335 11 2.8335ZM14.1818 9.25016V6.91683C14.1818 6.14328 13.8466 5.40142 13.2499 4.85443C12.6532 4.30745 11.8439 4.00016 11 4.00016C10.1561 4.00016 9.34682 4.30745 8.75011 4.85443C8.15341 5.40142 7.81818 6.14328 7.81818 6.91683V9.25016H14.1818Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  },
+  unlock: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        width: "22",
+        height: "22",
+        viewBox: "0 0 22 22",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M15.3557 2.8335C17.4609 2.8335 19.1668 4.66127 19.1668 6.91683V9.8335C19.1668 9.98821 19.1095 10.1366 19.0074 10.246C18.9053 10.3554 18.7668 10.4168 18.6224 10.4168C18.478 10.4168 18.3395 10.3554 18.2374 10.246C18.1353 10.1366 18.0779 9.98821 18.0779 9.8335V6.91683C18.0779 6.14328 17.7911 5.40142 17.2806 4.85443C16.7701 4.30745 16.0777 4.00016 15.3557 4.00016C14.6337 4.00016 13.9413 4.30745 13.4308 4.85443C12.9203 5.40142 12.6335 6.14328 12.6335 6.91683V9.25016C13.2111 9.25016 13.765 9.49599 14.1734 9.93358C14.5818 10.3712 14.8113 10.9647 14.8113 11.5835V16.8335C14.8113 17.4523 14.5818 18.0458 14.1734 18.4834C13.765 18.921 13.2111 19.1668 12.6335 19.1668H5.01127C4.43369 19.1668 3.87976 18.921 3.47135 18.4834C3.06294 18.0458 2.8335 17.4523 2.8335 16.8335V11.5835C2.8335 10.9647 3.06294 10.3712 3.47135 9.93358C3.87976 9.49599 4.43369 9.25016 5.01127 9.25016H11.5446V6.91683C11.5446 4.66127 13.2505 2.8335 15.3557 2.8335Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   check: ({ className, fill }) => {
@@ -3136,64 +3178,6 @@ var template = {
       }
     );
   },
-  lock: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M12 1.5C10.6076 1.5 9.27225 2.05312 8.28769 3.03769C7.30312 4.02226 6.75 5.35761 6.75 6.75V9.75C5.95435 9.75 5.19129 10.0661 4.62868 10.6287C4.06607 11.1913 3.75 11.9544 3.75 12.75V19.5C3.75 20.2956 4.06607 21.0587 4.62868 21.6213C5.19129 22.1839 5.95435 22.5 6.75 22.5H17.25C18.0456 22.5 18.8087 22.1839 19.3713 21.6213C19.9339 21.0587 20.25 20.2956 20.25 19.5V12.75C20.25 11.9544 19.9339 11.1913 19.3713 10.6287C18.8087 10.0661 18.0456 9.75 17.25 9.75V6.75C17.25 3.85 14.9 1.5 12 1.5ZM15.75 9.75V6.75C15.75 5.75544 15.3549 4.80161 14.6517 4.09835C13.9484 3.39509 12.9946 3 12 3C11.0054 3 10.0516 3.39509 9.34835 4.09835C8.64509 4.80161 8.25 5.75544 8.25 6.75V9.75H15.75Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M16.5 10.5V6.75C16.5 5.55653 16.0259 4.41193 15.182 3.56802C14.3381 2.72411 13.1935 2.25 12 2.25C10.8065 2.25 9.66193 2.72411 8.81802 3.56802C7.97411 4.41193 7.5 5.55653 7.5 6.75V10.5M6.75 21.75H17.25C17.8467 21.75 18.419 21.5129 18.841 21.091C19.2629 20.669 19.5 20.0967 19.5 19.5V12.75C19.5 12.1533 19.2629 11.581 18.841 11.159C18.419 10.7371 17.8467 10.5 17.25 10.5H6.75C6.15326 10.5 5.58097 10.7371 5.15901 11.159C4.73705 11.581 4.5 12.1533 4.5 12.75V19.5C4.5 20.0967 4.73705 20.669 5.15901 21.091C5.58097 21.5129 6.15326 21.75 6.75 21.75Z",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
-  unlock: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M18 1.5C20.9 1.5 23.25 3.85 23.25 6.75V10.5C23.25 10.6989 23.171 10.8897 23.0303 11.0303C22.8897 11.171 22.6989 11.25 22.5 11.25C22.3011 11.25 22.1103 11.171 21.9697 11.0303C21.829 10.8897 21.75 10.6989 21.75 10.5V6.75C21.75 5.75544 21.3549 4.80161 20.6517 4.09835C19.9484 3.39509 18.9946 3 18 3C17.0054 3 16.0516 3.39509 15.3483 4.09835C14.6451 4.80161 14.25 5.75544 14.25 6.75V9.75C15.0456 9.75 15.8087 10.0661 16.3713 10.6287C16.9339 11.1913 17.25 11.9544 17.25 12.75V19.5C17.25 20.2956 16.9339 21.0587 16.3713 21.6213C15.8087 22.1839 15.0456 22.5 14.25 22.5H3.75C2.95435 22.5 2.19129 22.1839 1.62868 21.6213C1.06607 21.0587 0.75 20.2956 0.75 19.5V12.75C0.75 11.9544 1.06607 11.1913 1.62868 10.6287C2.19129 10.0661 2.95435 9.75 3.75 9.75H12.75V6.75C12.75 3.85 15.1 1.5 18 1.5Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M13.5 10.5V6.75C13.5 5.55653 13.9741 4.41193 14.818 3.56802C15.6619 2.72411 16.8065 2.25 18 2.25C19.1935 2.25 20.3381 2.72411 21.182 3.56802C22.0259 4.41193 22.5 5.55653 22.5 6.75V10.5M3.75 21.75H14.25C14.8467 21.75 15.419 21.5129 15.841 21.091C16.2629 20.669 16.5 20.0967 16.5 19.5V12.75C16.5 12.1533 16.2629 11.581 15.841 11.159C15.419 10.7371 14.8467 10.5 14.25 10.5H3.75C3.15326 10.5 2.58097 10.7371 2.15901 11.159C1.73705 11.581 1.5 12.1533 1.5 12.75V19.5C1.5 20.0967 1.73705 20.669 2.15901 21.091C2.58097 21.5129 3.15326 21.75 3.75 21.75Z",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   "pencil-square": ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -5028,7 +5012,7 @@ function toVal(mix) {
 // src/components/tree/tree.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var TreeNodeItem = (0, import_react.forwardRef)(
-  ({ node, depth, fileIcon, selectedId, classNames, onExpand }, ref) => {
+  ({ node, depth, fileIcon, selectedName, classNames, onExpand }, ref) => {
     const [isOpen, setIsOpen] = (0, import_react.useState)(false);
     const [children, setChildren] = (0, import_react.useState)(node.children);
     const slots = (0, import_react.useMemo)(() => treeStyle(), []);
@@ -5074,7 +5058,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
               className: clsx(
                 slots.node({ class: classNames == null ? void 0 : classNames.node }),
                 slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }),
-                selectedId == node.id ? "bg-neutral-soft" : ""
+                selectedName == node.selectedName ? "bg-neutral-soft" : ""
               ),
               onClick: handleClick,
               onContextMenu: handleRightClick,
@@ -5099,7 +5083,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
             {
               node: child,
               depth: depth + 1,
-              selectedId,
+              selectedName,
               classNames,
               fileIcon,
               onExpand
@@ -5112,7 +5096,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
   }
 );
 TreeNodeItem.displayName = "TreeNodeItem";
-var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames, onExpand }) => {
+var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedName, classNames, onExpand }) => {
   const slots = (0, import_react.useMemo)(() => treeStyle(), []);
   const handleClick = (e) => {
     var _a;
@@ -5149,7 +5133,7 @@ var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames,
           depth: 1,
           classNames,
           fileIcon,
-          selectedId,
+          selectedName,
           onExpand
         },
         node.id

package/dist/components/tree/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-Y5QV7T6D.mjs";
+} from "../../chunk-S5AVFWOR.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-SCZB4QC7.mjs";
+import "../../chunk-6XFKID3T.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/tree/tree.d.mts

@@ -9,6 +9,7 @@ type TreeNode = {
     content: ReactNode | string;
     isLeaf?: boolean;
     children?: TreeNode[];
+    selectedName?: string;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     onRightClick?: (event: MouseEvent<HTMLDivElement>) => void;
 };
@@ -22,12 +23,12 @@ interface TreeProps {
     };
     groupIcon?: ReactNode;
     fileIcon?: ReactNode;
-    selectedId?: number | string;
+    selectedName?: string;
     classNames?: SlotsToClasses<TreeSlots>;
     onExpand?: (node: TreeNode) => Promise<TreeNode[]>;
 }
 declare const Tree: {
-    ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames, onExpand }: TreeProps): react_jsx_runtime.JSX.Element;
+    ({ headerContent, group, groupIcon, fileIcon, selectedName, classNames, onExpand }: TreeProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/components/tree/tree.d.ts

@@ -9,6 +9,7 @@ type TreeNode = {
     content: ReactNode | string;
     isLeaf?: boolean;
     children?: TreeNode[];
+    selectedName?: string;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     onRightClick?: (event: MouseEvent<HTMLDivElement>) => void;
 };
@@ -22,12 +23,12 @@ interface TreeProps {
     };
     groupIcon?: ReactNode;
     fileIcon?: ReactNode;
-    selectedId?: number | string;
+    selectedName?: string;
     classNames?: SlotsToClasses<TreeSlots>;
     onExpand?: (node: TreeNode) => Promise<TreeNode[]>;
 }
 declare const Tree: {
-    ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames, onExpand }: TreeProps): react_jsx_runtime.JSX.Element;
+    ({ headerContent, group, groupIcon, fileIcon, selectedName, classNames, onExpand }: TreeProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/components/tree/tree.js

@@ -1545,6 +1545,48 @@ var template = {
       }
     );
   },
+  lock: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        width: "22",
+        height: "22",
+        viewBox: "0 0 22 22",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M11 2.8335C9.81858 2.8335 8.68555 3.2637 7.85016 4.02948C7.01477 4.79525 6.54545 5.83386 6.54545 6.91683V9.25016C5.87036 9.25016 5.22291 9.49599 4.74555 9.93358C4.26818 10.3712 4 10.9647 4 11.5835V16.8335C4 17.4523 4.26818 18.0458 4.74555 18.4834C5.22291 18.921 5.87036 19.1668 6.54545 19.1668H15.4545C16.1296 19.1668 16.7771 18.921 17.2545 18.4834C17.7318 18.0458 18 17.4523 18 16.8335V11.5835C18 10.9647 17.7318 10.3712 17.2545 9.93358C16.7771 9.49599 16.1296 9.25016 15.4545 9.25016V6.91683C15.4545 4.66127 13.4606 2.8335 11 2.8335ZM14.1818 9.25016V6.91683C14.1818 6.14328 13.8466 5.40142 13.2499 4.85443C12.6532 4.30745 11.8439 4.00016 11 4.00016C10.1561 4.00016 9.34682 4.30745 8.75011 4.85443C8.15341 5.40142 7.81818 6.14328 7.81818 6.91683V9.25016H14.1818Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  },
+  unlock: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        width: "22",
+        height: "22",
+        viewBox: "0 0 22 22",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M15.3557 2.8335C17.4609 2.8335 19.1668 4.66127 19.1668 6.91683V9.8335C19.1668 9.98821 19.1095 10.1366 19.0074 10.246C18.9053 10.3554 18.7668 10.4168 18.6224 10.4168C18.478 10.4168 18.3395 10.3554 18.2374 10.246C18.1353 10.1366 18.0779 9.98821 18.0779 9.8335V6.91683C18.0779 6.14328 17.7911 5.40142 17.2806 4.85443C16.7701 4.30745 16.0777 4.00016 15.3557 4.00016C14.6337 4.00016 13.9413 4.30745 13.4308 4.85443C12.9203 5.40142 12.6335 6.14328 12.6335 6.91683V9.25016C13.2111 9.25016 13.765 9.49599 14.1734 9.93358C14.5818 10.3712 14.8113 10.9647 14.8113 11.5835V16.8335C14.8113 17.4523 14.5818 18.0458 14.1734 18.4834C13.765 18.921 13.2111 19.1668 12.6335 19.1668H5.01127C4.43369 19.1668 3.87976 18.921 3.47135 18.4834C3.06294 18.0458 2.8335 17.4523 2.8335 16.8335V11.5835C2.8335 10.9647 3.06294 10.3712 3.47135 9.93358C3.87976 9.49599 4.43369 9.25016 5.01127 9.25016H11.5446V6.91683C11.5446 4.66127 13.2505 2.8335 15.3557 2.8335Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   check: ({ className, fill }) => {
@@ -3135,64 +3177,6 @@ var template = {
       }
     );
   },
-  lock: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M12 1.5C10.6076 1.5 9.27225 2.05312 8.28769 3.03769C7.30312 4.02226 6.75 5.35761 6.75 6.75V9.75C5.95435 9.75 5.19129 10.0661 4.62868 10.6287C4.06607 11.1913 3.75 11.9544 3.75 12.75V19.5C3.75 20.2956 4.06607 21.0587 4.62868 21.6213C5.19129 22.1839 5.95435 22.5 6.75 22.5H17.25C18.0456 22.5 18.8087 22.1839 19.3713 21.6213C19.9339 21.0587 20.25 20.2956 20.25 19.5V12.75C20.25 11.9544 19.9339 11.1913 19.3713 10.6287C18.8087 10.0661 18.0456 9.75 17.25 9.75V6.75C17.25 3.85 14.9 1.5 12 1.5ZM15.75 9.75V6.75C15.75 5.75544 15.3549 4.80161 14.6517 4.09835C13.9484 3.39509 12.9946 3 12 3C11.0054 3 10.0516 3.39509 9.34835 4.09835C8.64509 4.80161 8.25 5.75544 8.25 6.75V9.75H15.75Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M16.5 10.5V6.75C16.5 5.55653 16.0259 4.41193 15.182 3.56802C14.3381 2.72411 13.1935 2.25 12 2.25C10.8065 2.25 9.66193 2.72411 8.81802 3.56802C7.97411 4.41193 7.5 5.55653 7.5 6.75V10.5M6.75 21.75H17.25C17.8467 21.75 18.419 21.5129 18.841 21.091C19.2629 20.669 19.5 20.0967 19.5 19.5V12.75C19.5 12.1533 19.2629 11.581 18.841 11.159C18.419 10.7371 17.8467 10.5 17.25 10.5H6.75C6.15326 10.5 5.58097 10.7371 5.15901 11.159C4.73705 11.581 4.5 12.1533 4.5 12.75V19.5C4.5 20.0967 4.73705 20.669 5.15901 21.091C5.58097 21.5129 6.15326 21.75 6.75 21.75Z",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
-  unlock: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M18 1.5C20.9 1.5 23.25 3.85 23.25 6.75V10.5C23.25 10.6989 23.171 10.8897 23.0303 11.0303C22.8897 11.171 22.6989 11.25 22.5 11.25C22.3011 11.25 22.1103 11.171 21.9697 11.0303C21.829 10.8897 21.75 10.6989 21.75 10.5V6.75C21.75 5.75544 21.3549 4.80161 20.6517 4.09835C19.9484 3.39509 18.9946 3 18 3C17.0054 3 16.0516 3.39509 15.3483 4.09835C14.6451 4.80161 14.25 5.75544 14.25 6.75V9.75C15.0456 9.75 15.8087 10.0661 16.3713 10.6287C16.9339 11.1913 17.25 11.9544 17.25 12.75V19.5C17.25 20.2956 16.9339 21.0587 16.3713 21.6213C15.8087 22.1839 15.0456 22.5 14.25 22.5H3.75C2.95435 22.5 2.19129 22.1839 1.62868 21.6213C1.06607 21.0587 0.75 20.2956 0.75 19.5V12.75C0.75 11.9544 1.06607 11.1913 1.62868 10.6287C2.19129 10.0661 2.95435 9.75 3.75 9.75H12.75V6.75C12.75 3.85 15.1 1.5 18 1.5Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M13.5 10.5V6.75C13.5 5.55653 13.9741 4.41193 14.818 3.56802C15.6619 2.72411 16.8065 2.25 18 2.25C19.1935 2.25 20.3381 2.72411 21.182 3.56802C22.0259 4.41193 22.5 5.55653 22.5 6.75V10.5M3.75 21.75H14.25C14.8467 21.75 15.419 21.5129 15.841 21.091C16.2629 20.669 16.5 20.0967 16.5 19.5V12.75C16.5 12.1533 16.2629 11.581 15.841 11.159C15.419 10.7371 14.8467 10.5 14.25 10.5H3.75C3.15326 10.5 2.58097 10.7371 2.15901 11.159C1.73705 11.581 1.5 12.1533 1.5 12.75V19.5C1.5 20.0967 1.73705 20.669 2.15901 21.091C2.58097 21.5129 3.15326 21.75 3.75 21.75Z",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   "pencil-square": ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -5027,7 +5011,7 @@ function toVal(mix) {
 // src/components/tree/tree.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var TreeNodeItem = (0, import_react.forwardRef)(
-  ({ node, depth, fileIcon, selectedId, classNames, onExpand }, ref) => {
+  ({ node, depth, fileIcon, selectedName, classNames, onExpand }, ref) => {
     const [isOpen, setIsOpen] = (0, import_react.useState)(false);
     const [children, setChildren] = (0, import_react.useState)(node.children);
     const slots = (0, import_react.useMemo)(() => treeStyle(), []);
@@ -5073,7 +5057,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
               className: clsx(
                 slots.node({ class: classNames == null ? void 0 : classNames.node }),
                 slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }),
-                selectedId == node.id ? "bg-neutral-soft" : ""
+                selectedName == node.selectedName ? "bg-neutral-soft" : ""
               ),
               onClick: handleClick,
               onContextMenu: handleRightClick,
@@ -5098,7 +5082,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
             {
               node: child,
               depth: depth + 1,
-              selectedId,
+              selectedName,
               classNames,
               fileIcon,
               onExpand
@@ -5111,7 +5095,7 @@ var TreeNodeItem = (0, import_react.forwardRef)(
   }
 );
 TreeNodeItem.displayName = "TreeNodeItem";
-var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames, onExpand }) => {
+var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedName, classNames, onExpand }) => {
   const slots = (0, import_react.useMemo)(() => treeStyle(), []);
   const handleClick = (e) => {
     var _a;
@@ -5148,7 +5132,7 @@ var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames,
           depth: 1,
           classNames,
           fileIcon,
-          selectedId,
+          selectedName,
           onExpand
         },
         node.id

package/dist/components/tree/tree.mjs

@@ -2,10 +2,10 @@
 import {
   Tree,
   tree_default
-} from "../../chunk-Y5QV7T6D.mjs";
+} from "../../chunk-S5AVFWOR.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-SCZB4QC7.mjs";
+import "../../chunk-6XFKID3T.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/index.js

@@ -2239,6 +2239,48 @@ var template = {
       }
     );
   },
+  lock: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "svg",
+      {
+        width: "22",
+        height: "22",
+        viewBox: "0 0 22 22",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M11 2.8335C9.81858 2.8335 8.68555 3.2637 7.85016 4.02948C7.01477 4.79525 6.54545 5.83386 6.54545 6.91683V9.25016C5.87036 9.25016 5.22291 9.49599 4.74555 9.93358C4.26818 10.3712 4 10.9647 4 11.5835V16.8335C4 17.4523 4.26818 18.0458 4.74555 18.4834C5.22291 18.921 5.87036 19.1668 6.54545 19.1668H15.4545C16.1296 19.1668 16.7771 18.921 17.2545 18.4834C17.7318 18.0458 18 17.4523 18 16.8335V11.5835C18 10.9647 17.7318 10.3712 17.2545 9.93358C16.7771 9.49599 16.1296 9.25016 15.4545 9.25016V6.91683C15.4545 4.66127 13.4606 2.8335 11 2.8335ZM14.1818 9.25016V6.91683C14.1818 6.14328 13.8466 5.40142 13.2499 4.85443C12.6532 4.30745 11.8439 4.00016 11 4.00016C10.1561 4.00016 9.34682 4.30745 8.75011 4.85443C8.15341 5.40142 7.81818 6.14328 7.81818 6.91683V9.25016H14.1818Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  },
+  unlock: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "svg",
+      {
+        width: "22",
+        height: "22",
+        viewBox: "0 0 22 22",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            d: "M15.3557 2.8335C17.4609 2.8335 19.1668 4.66127 19.1668 6.91683V9.8335C19.1668 9.98821 19.1095 10.1366 19.0074 10.246C18.9053 10.3554 18.7668 10.4168 18.6224 10.4168C18.478 10.4168 18.3395 10.3554 18.2374 10.246C18.1353 10.1366 18.0779 9.98821 18.0779 9.8335V6.91683C18.0779 6.14328 17.7911 5.40142 17.2806 4.85443C16.7701 4.30745 16.0777 4.00016 15.3557 4.00016C14.6337 4.00016 13.9413 4.30745 13.4308 4.85443C12.9203 5.40142 12.6335 6.14328 12.6335 6.91683V9.25016C13.2111 9.25016 13.765 9.49599 14.1734 9.93358C14.5818 10.3712 14.8113 10.9647 14.8113 11.5835V16.8335C14.8113 17.4523 14.5818 18.0458 14.1734 18.4834C13.765 18.921 13.2111 19.1668 12.6335 19.1668H5.01127C4.43369 19.1668 3.87976 18.921 3.47135 18.4834C3.06294 18.0458 2.8335 17.4523 2.8335 16.8335V11.5835C2.8335 10.9647 3.06294 10.3712 3.47135 9.93358C3.87976 9.49599 4.43369 9.25016 5.01127 9.25016H11.5446V6.91683C11.5446 4.66127 13.2505 2.8335 15.3557 2.8335Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   check: ({ className, fill }) => {
@@ -3829,64 +3871,6 @@ var template = {
       }
     );
   },
-  lock: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M12 1.5C10.6076 1.5 9.27225 2.05312 8.28769 3.03769C7.30312 4.02226 6.75 5.35761 6.75 6.75V9.75C5.95435 9.75 5.19129 10.0661 4.62868 10.6287C4.06607 11.1913 3.75 11.9544 3.75 12.75V19.5C3.75 20.2956 4.06607 21.0587 4.62868 21.6213C5.19129 22.1839 5.95435 22.5 6.75 22.5H17.25C18.0456 22.5 18.8087 22.1839 19.3713 21.6213C19.9339 21.0587 20.25 20.2956 20.25 19.5V12.75C20.25 11.9544 19.9339 11.1913 19.3713 10.6287C18.8087 10.0661 18.0456 9.75 17.25 9.75V6.75C17.25 3.85 14.9 1.5 12 1.5ZM15.75 9.75V6.75C15.75 5.75544 15.3549 4.80161 14.6517 4.09835C13.9484 3.39509 12.9946 3 12 3C11.0054 3 10.0516 3.39509 9.34835 4.09835C8.64509 4.80161 8.25 5.75544 8.25 6.75V9.75H15.75Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: "M16.5 10.5V6.75C16.5 5.55653 16.0259 4.41193 15.182 3.56802C14.3381 2.72411 13.1935 2.25 12 2.25C10.8065 2.25 9.66193 2.72411 8.81802 3.56802C7.97411 4.41193 7.5 5.55653 7.5 6.75V10.5M6.75 21.75H17.25C17.8467 21.75 18.419 21.5129 18.841 21.091C19.2629 20.669 19.5 20.0967 19.5 19.5V12.75C19.5 12.1533 19.2629 11.581 18.841 11.159C18.419 10.7371 17.8467 10.5 17.25 10.5H6.75C6.15326 10.5 5.58097 10.7371 5.15901 11.159C4.73705 11.581 4.5 12.1533 4.5 12.75V19.5C4.5 20.0967 4.73705 20.669 5.15901 21.091C5.58097 21.5129 6.15326 21.75 6.75 21.75Z",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
-  unlock: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "svg",
-      {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: "M18 1.5C20.9 1.5 23.25 3.85 23.25 6.75V10.5C23.25 10.6989 23.171 10.8897 23.0303 11.0303C22.8897 11.171 22.6989 11.25 22.5 11.25C22.3011 11.25 22.1103 11.171 21.9697 11.0303C21.829 10.8897 21.75 10.6989 21.75 10.5V6.75C21.75 5.75544 21.3549 4.80161 20.6517 4.09835C19.9484 3.39509 18.9946 3 18 3C17.0054 3 16.0516 3.39509 15.3483 4.09835C14.6451 4.80161 14.25 5.75544 14.25 6.75V9.75C15.0456 9.75 15.8087 10.0661 16.3713 10.6287C16.9339 11.1913 17.25 11.9544 17.25 12.75V19.5C17.25 20.2956 16.9339 21.0587 16.3713 21.6213C15.8087 22.1839 15.0456 22.5 14.25 22.5H3.75C2.95435 22.5 2.19129 22.1839 1.62868 21.6213C1.06607 21.0587 0.75 20.2956 0.75 19.5V12.75C0.75 11.9544 1.06607 11.1913 1.62868 10.6287C2.19129 10.0661 2.95435 9.75 3.75 9.75H12.75V6.75C12.75 3.85 15.1 1.5 18 1.5Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: "M13.5 10.5V6.75C13.5 5.55653 13.9741 4.41193 14.818 3.56802C15.6619 2.72411 16.8065 2.25 18 2.25C19.1935 2.25 20.3381 2.72411 21.182 3.56802C22.0259 4.41193 22.5 5.55653 22.5 6.75V10.5M3.75 21.75H14.25C14.8467 21.75 15.419 21.5129 15.841 21.091C16.2629 20.669 16.5 20.0967 16.5 19.5V12.75C16.5 12.1533 16.2629 11.581 15.841 11.159C15.419 10.7371 14.8467 10.5 14.25 10.5H3.75C3.15326 10.5 2.58097 10.7371 2.15901 11.159C1.73705 11.581 1.5 12.1533 1.5 12.75V19.5C1.5 20.0967 1.73705 20.669 2.15901 21.091C2.58097 21.5129 3.15326 21.75 3.75 21.75Z",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      }
-    );
-  },
   "pencil-square": ({ className, fill }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "svg",
@@ -11549,7 +11533,7 @@ var dateTimePickerStyle = tv({
 var import_react35 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var TreeNodeItem = (0, import_react35.forwardRef)(
-  ({ node, depth, fileIcon, selectedId, classNames, onExpand }, ref) => {
+  ({ node, depth, fileIcon, selectedName, classNames, onExpand }, ref) => {
     const [isOpen, setIsOpen] = (0, import_react35.useState)(false);
     const [children, setChildren] = (0, import_react35.useState)(node.children);
     const slots = (0, import_react35.useMemo)(() => treeStyle(), []);
@@ -11595,7 +11579,7 @@ var TreeNodeItem = (0, import_react35.forwardRef)(
               className: clsx(
                 slots.node({ class: classNames == null ? void 0 : classNames.node }),
                 slots.clickable({ class: classNames == null ? void 0 : classNames.clickable }),
-                selectedId == node.id ? "bg-neutral-soft" : ""
+                selectedName == node.selectedName ? "bg-neutral-soft" : ""
               ),
               onClick: handleClick,
               onContextMenu: handleRightClick,
@@ -11620,7 +11604,7 @@ var TreeNodeItem = (0, import_react35.forwardRef)(
             {
               node: child,
               depth: depth + 1,
-              selectedId,
+              selectedName,
               classNames,
               fileIcon,
               onExpand
@@ -11633,7 +11617,7 @@ var TreeNodeItem = (0, import_react35.forwardRef)(
   }
 );
 TreeNodeItem.displayName = "TreeNodeItem";
-var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames, onExpand }) => {
+var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedName, classNames, onExpand }) => {
   const slots = (0, import_react35.useMemo)(() => treeStyle(), []);
   const handleClick = (e) => {
     var _a;
@@ -11670,7 +11654,7 @@ var Tree = ({ headerContent, group, groupIcon, fileIcon, selectedId, classNames,
           depth: 1,
           classNames,
           fileIcon,
-          selectedId,
+          selectedName,
           onExpand
         },
         node.id