@aiquants/directory-tree 1.14.0 → 1.15.0

package/dist/index.js

@@ -1,12 +1,12 @@
-import Fe, { memo as je, useRef as le, useCallback as j, useEffect as Q, useState as te, useMemo as se, Fragment as Ye, useTransition as Be } from "react";
+import Fe, { memo as je, useRef as se, useCallback as j, useEffect as q, useState as ee, useMemo as ae, Fragment as Ye, useTransition as Be } from "react";
 import { VirtualScroll as He } from "@aiquants/virtualscroll";
 import { FolderIcon as We, DocumentTextIcon as Xe, ChevronDownIcon as Ve, ChevronRightIcon as Je } from "@heroicons/react/24/solid";
 import { FileIcon as Ge } from "@phosphor-icons/react";
-import { twMerge as A } from "tailwind-merge";
-var be = { exports: {} }, de = {};
+import { twMerge as $ } from "tailwind-merge";
+var ye = { exports: {} }, ce = {};
 var _e;
 function ze() {
-  if (_e) return de;
+  if (_e) return ce;
   _e = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function o(l, n, a) {
@@ -24,16 +24,16 @@ function ze() {
       props: a
     };
   }
-  return de.Fragment = r, de.jsx = o, de.jsxs = o, de;
+  return ce.Fragment = r, ce.jsx = o, ce.jsxs = o, ce;
 }
-var fe = {};
+var ue = {};
 var Pe;
 function Ue() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === G ? null : t.displayName || t.name || null;
+        return t.$$typeof === V ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
         case s:
@@ -64,7 +64,7 @@ function Ue() {
             return t = t.displayName, t || (t = f.displayName || f.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
           case N:
             return f = t.displayName || null, f !== null ? f : e(t.type) || "Memo";
-          case M:
+          case O:
             f = t._payload, t = t._init;
             try {
               return e(t(f));
@@ -95,7 +95,7 @@ function Ue() {
     }
     function l(t) {
       if (t === s) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === M)
+      if (typeof t == "object" && t !== null && t.$$typeof === O)
         return "<...>";
       try {
         var f = e(t);
@@ -105,7 +105,7 @@ function Ue() {
       }
     }
     function n() {
-      var t = B.A;
+      var t = H.A;
       return t === null ? null : t.getOwner();
     }
     function a() {
@@ -120,7 +120,7 @@ function Ue() {
     }
     function m(t, f) {
       function I() {
-        z || (z = !0, console.error(
+        J || (J = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           f
         ));
@@ -132,14 +132,14 @@ function Ue() {
     }
     function v() {
       var t = e(this.type);
-      return re[t] || (re[t] = !0, console.error(
+      return te[t] || (te[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function y(t, f, I, P, oe, O) {
+    function y(t, f, I, P, ne, A) {
       var T = I.ref;
       return t = {
-        $$typeof: w,
+        $$typeof: k,
         type: t,
         key: f,
         props: I,
@@ -161,19 +161,19 @@ function Ue() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: oe
+        value: ne
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: A
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function c(t, f, I, P, oe, O) {
+    function c(t, f, I, P, ne, A) {
       var T = f.children;
       if (T !== void 0)
         if (P)
-          if (H(T)) {
+          if (W(T)) {
             for (P = 0; P < T.length; P++)
               b(T[P]);
             Object.freeze && Object.freeze(T);
@@ -184,10 +184,10 @@ function Ue() {
         else b(T);
       if (Y.call(f, "key")) {
         T = e(t);
-        var U = Object.keys(f).filter(function(me) {
-          return me !== "key";
+        var G = Object.keys(f).filter(function(fe) {
+          return fe !== "key";
         });
-        P = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", K[T + P] || (U = 0 < U.length ? "{" + U.join(": ..., ") + ": ...}" : "{}", console.error(
+        P = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", Z[T + P] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -196,14 +196,14 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           P,
           T,
-          U,
+          G,
           T
-        ), K[T + P] = !0);
+        ), Z[T + P] = !0);
       }
       if (T = null, I !== void 0 && (o(I), T = "" + I), i(f) && (o(f.key), T = "" + f.key), "key" in f) {
         I = {};
-        for (var q in f)
-          q !== "key" && (I[q] = f[q]);
+        for (var z in f)
+          z !== "key" && (I[z] = f[z]);
       } else I = f;
       return T && m(
         I,
@@ -213,17 +213,17 @@ React keys must be passed directly to JSX without using spread:
         T,
         I,
         n(),
-        oe,
-        O
+        ne,
+        A
       );
     }
     function b(t) {
-      p(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === M && (t._payload.status === "fulfilled" ? p(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+      p(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === O && (t._payload.status === "fulfilled" ? p(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
     function p(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === w;
+      return typeof t == "object" && t !== null && t.$$typeof === k;
     }
-    var g = Fe, w = Symbol.for("react.transitional.element"), u = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), x = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), B = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, H = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var g = Fe, k = Symbol.for("react.transitional.element"), u = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), x = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), H = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, W = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -231,36 +231,36 @@ React keys must be passed directly to JSX without using spread:
         return t();
       }
     };
-    var z, re = {}, ne = g.react_stack_bottom_frame.bind(
+    var J, te = {}, re = g.react_stack_bottom_frame.bind(
       g,
       a
-    )(), $ = X(l(a)), K = {};
-    fe.Fragment = s, fe.jsx = function(t, f, I) {
-      var P = 1e4 > B.recentlyCreatedOwnerStacks++;
+    )(), D = X(l(a)), Z = {};
+    ue.Fragment = s, ue.jsx = function(t, f, I) {
+      var P = 1e4 > H.recentlyCreatedOwnerStacks++;
       return c(
         t,
         f,
         I,
         !1,
-        P ? Error("react-stack-top-frame") : ne,
-        P ? X(l(t)) : $
+        P ? Error("react-stack-top-frame") : re,
+        P ? X(l(t)) : D
       );
-    }, fe.jsxs = function(t, f, I) {
-      var P = 1e4 > B.recentlyCreatedOwnerStacks++;
+    }, ue.jsxs = function(t, f, I) {
+      var P = 1e4 > H.recentlyCreatedOwnerStacks++;
       return c(
         t,
         f,
         I,
         !0,
-        P ? Error("react-stack-top-frame") : ne,
-        P ? X(l(t)) : $
+        P ? Error("react-stack-top-frame") : re,
+        P ? X(l(t)) : D
       );
     };
-  })()), fe;
+  })()), ue;
 }
 var Te;
 function qe() {
-  return Te || (Te = 1, process.env.NODE_ENV === "production" ? be.exports = ze() : be.exports = Ue()), be.exports;
+  return Te || (Te = 1, process.env.NODE_ENV === "production" ? ye.exports = ze() : ye.exports = Ue()), ye.exports;
 }
 var S = qe();
 const Ze = (e, r, o) => {
@@ -305,12 +305,12 @@ const Ze = (e, r, o) => {
   const n = tt(o, 0.14), a = e.strokeStyle, i = e.fillStyle, m = e.lineWidth, v = e.lineCap, y = e.lineJoin;
   e.strokeStyle = o, e.lineCap = "round", e.lineJoin = "round";
   for (const c of r) {
-    const b = l ?? c.size, p = Math.max(0, b / 2), g = Math.max(1, Math.round(b * 0.08)), w = Math.max(1, Math.round(b * 0.14)), u = Math.max(0, p - g * 0.8), s = Math.max(0, u * 0.55);
-    n && (e.fillStyle = n, e.beginPath(), e.arc(c.centerX, c.centerY, u, 0, Math.PI * 2), e.fill()), e.lineWidth = g, e.beginPath(), e.arc(c.centerX, c.centerY, Math.max(0, p - g * 0.3), 0, Math.PI * 2), e.stroke(), e.lineWidth = w, e.beginPath(), e.moveTo(c.centerX - s, c.centerY), e.lineTo(c.centerX + s, c.centerY), e.stroke(), c.isExpanded || (e.beginPath(), e.moveTo(c.centerX, c.centerY - s), e.lineTo(c.centerX, c.centerY + s), e.stroke());
+    const b = l ?? c.size, p = Math.max(0, b / 2), g = Math.max(1, Math.round(b * 0.08)), k = Math.max(1, Math.round(b * 0.14)), u = Math.max(0, p - g * 0.8), s = Math.max(0, u * 0.55);
+    n && (e.fillStyle = n, e.beginPath(), e.arc(c.centerX, c.centerY, u, 0, Math.PI * 2), e.fill()), e.lineWidth = g, e.beginPath(), e.arc(c.centerX, c.centerY, Math.max(0, p - g * 0.3), 0, Math.PI * 2), e.stroke(), e.lineWidth = k, e.beginPath(), e.moveTo(c.centerX - s, c.centerY), e.lineTo(c.centerX + s, c.centerY), e.stroke(), c.isExpanded || (e.beginPath(), e.moveTo(c.centerX, c.centerY - s), e.lineTo(c.centerX, c.centerY + s), e.stroke());
   }
   e.strokeStyle = a, e.fillStyle = i, e.lineWidth = m, e.lineCap = v, e.lineJoin = y;
 }, Ce = je(({ segmentsByItem: e, glyphsByItem: r, itemHeight: o, width: l, viewportHeight: n, scrollPosition: a, color: i = "#a0aec0", strokeWidth: m = 1, renderStartIndex: v, renderEndIndex: y, lookaheadEndIndex: c, devicePixelRatio: b, expandGlyphColor: p, expandGlyphSize: g }) => {
-  const w = le(null), u = le(null), s = le({
+  const k = se(null), u = se(null), s = se({
     segmentsByItem: e,
     glyphsByItem: r,
     itemHeight: o,
@@ -327,7 +327,7 @@ const Ze = (e, r, o) => {
     expandGlyphSize: g
   }), h = j(() => {
     u.current = null;
-    const _ = w.current;
+    const _ = k.current;
     if (!_)
       return;
     const x = _.getContext("2d");
@@ -340,24 +340,24 @@ const Ze = (e, r, o) => {
     }
     const F = Number.isFinite(d.devicePixelRatio ?? NaN) ? d.devicePixelRatio : typeof window < "u" && window.devicePixelRatio || 1;
     Ke(_, d.width, d.viewportHeight, F);
-    const E = d.segmentsByItem.length, N = typeof d.renderStartIndex == "number" && Number.isFinite(d.renderStartIndex) ? Math.max(0, Math.floor(d.renderStartIndex)) : Math.max(0, Math.floor(d.scrollPosition / d.itemHeight)), M = Math.min(E, Math.ceil((d.scrollPosition + d.viewportHeight) / d.itemHeight)), C = (() => {
+    const E = d.segmentsByItem.length, N = typeof d.renderStartIndex == "number" && Number.isFinite(d.renderStartIndex) ? Math.max(0, Math.floor(d.renderStartIndex)) : Math.max(0, Math.floor(d.scrollPosition / d.itemHeight)), O = Math.min(E, Math.ceil((d.scrollPosition + d.viewportHeight) / d.itemHeight)), C = (() => {
       if (typeof d.renderEndIndex == "number" && Number.isFinite(d.renderEndIndex)) {
-        const H = Math.floor(d.renderEndIndex);
-        return Math.max(Math.min(E, H + 1), N);
+        const W = Math.floor(d.renderEndIndex);
+        return Math.max(Math.min(E, W + 1), N);
       }
-      return Math.max(M, N);
-    })(), G = (() => {
+      return Math.max(O, N);
+    })(), V = (() => {
       if (typeof d.lookaheadEndIndex == "number" && Number.isFinite(d.lookaheadEndIndex)) {
-        const H = Math.floor(d.lookaheadEndIndex), X = Math.min(E, H + 1);
+        const W = Math.floor(d.lookaheadEndIndex), X = Math.min(E, W + 1);
         return Math.max(X, C);
       }
-      return Math.max(M, C);
-    })(), B = Ze(d.segmentsByItem, N, G), Y = Qe(d.glyphsByItem, N, G);
-    x.save(), x.scale(F, F), x.clearRect(0, 0, d.width, d.viewportHeight), x.translate(0, -d.scrollPosition), x.strokeStyle = d.color, et(x, B, d.strokeWidth), rt(x, Y, d.expandGlyphColor ?? d.color, d.expandGlyphSize), x.restore();
+      return Math.max(O, C);
+    })(), H = Ze(d.segmentsByItem, N, V), Y = Qe(d.glyphsByItem, N, V);
+    x.save(), x.scale(F, F), x.clearRect(0, 0, d.width, d.viewportHeight), x.translate(0, -d.scrollPosition), x.strokeStyle = d.color, et(x, H, d.strokeWidth), rt(x, Y, d.expandGlyphColor ?? d.color, d.expandGlyphSize), x.restore();
   }, []), R = j(() => {
     u.current === null && (u.current = window.requestAnimationFrame(h));
   }, [h]);
-  return Q(() => {
+  return q(() => {
     s.current = {
       segmentsByItem: e,
       glyphsByItem: r,
@@ -374,9 +374,9 @@ const Ze = (e, r, o) => {
       expandGlyphColor: p,
       expandGlyphSize: g
     }, R();
-  }, [e, r, o, l, n, a, i, m, v, y, c, b, p, g, R]), Q(() => () => {
+  }, [e, r, o, l, n, a, i, m, v, y, c, b, p, g, R]), q(() => () => {
     u.current !== null && (window.cancelAnimationFrame(u.current), u.current = null);
-  }, []), /* @__PURE__ */ S.jsx("canvas", { ref: w, className: "pointer-events-none absolute top-0 left-0 z-0" });
+  }, []), /* @__PURE__ */ S.jsx("canvas", { ref: k, className: "pointer-events-none absolute top-0 left-0 z-0" });
 });
 Ce.displayName = "TreeLineCanvas";
 const L = {
@@ -384,20 +384,20 @@ const L = {
   containerPending: "opacity-70",
   entry: "directory-tree-entry flex items-center cursor-pointer relative select-none",
   // ホバー時のスタイル（ライト/ダークモード対応）
-  entryHover: A("directory-tree-entry--hover hover:bg-gray-400/15", "dark:hover:bg-gray-200/10"),
+  entryHover: $("directory-tree-entry--hover hover:bg-gray-400/15", "dark:hover:bg-gray-200/10"),
   // 選択時のスタイル（ライト/ダークモード対応）
-  entrySelected: A("directory-tree-entry--selected bg-blue-400/10", "dark:bg-blue-400/15"),
+  entrySelected: $("directory-tree-entry--selected bg-blue-400/10", "dark:bg-blue-400/15"),
   // アイテム選択時のスタイル（ライト/ダークモード対応）
-  entryItemSelected: A("directory-tree-entry--item-selected bg-blue-400/20 shadow-[0_0_0_1px_rgba(59,130,246,0.3)]", "dark:bg-blue-400/25 dark:shadow-[0_0_0_1px_rgba(96,165,250,0.4)]"),
+  entryItemSelected: $("directory-tree-entry--item-selected bg-blue-400/20 shadow-[0_0_0_1px_rgba(59,130,246,0.3)]", "dark:bg-blue-400/25 dark:shadow-[0_0_0_1px_rgba(96,165,250,0.4)]"),
   // アイコンのスタイル
-  expandIcon: A("directory-tree-expand-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
-  expandIconSelected: A("directory-tree-expand-icon--selected text-blue-700", "dark:text-blue-400"),
-  typeIcon: A("directory-tree-type-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
-  typeIconSelected: A("directory-tree-type-icon--selected text-blue-700", "dark:text-blue-400"),
+  expandIcon: $("directory-tree-expand-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
+  expandIconSelected: $("directory-tree-expand-icon--selected text-blue-700", "dark:text-blue-400"),
+  typeIcon: $("directory-tree-type-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
+  typeIconSelected: $("directory-tree-type-icon--selected text-blue-700", "dark:text-blue-400"),
   // テキストのスタイル
-  name: A("directory-tree-name overflow-hidden text-ellipsis whitespace-nowrap ml-1", "text-gray-700", "dark:text-gray-200"),
+  name: $("directory-tree-name overflow-hidden text-ellipsis whitespace-nowrap ml-1", "text-gray-700", "dark:text-gray-200"),
   nameDirectory: "directory-tree-name--directory",
-  nameSelected: A("directory-tree-name--selected text-blue-800 font-medium", "dark:text-blue-300")
+  nameSelected: $("directory-tree-name--selected text-blue-800 font-medium", "dark:text-blue-300")
 }, nt = {
   msOverflowStyle: "none",
   scrollbarWidth: "none"
@@ -409,9 +409,9 @@ const L = {
   let i = 0;
   const m = (v, y, c) => {
     for (let b = 0; b < v.length; b++) {
-      const p = v[b], g = b === v.length - 1, w = [...c, g], u = p.children !== void 0, s = u && r(p.absolutePath, p.relativePath);
-      let h = y, R = w, _ = c;
-      l && (h = y - 1, R = w.slice(1), _ = c.slice(1)), n.push({ entry: p, indentLevel: h, parentIsLast: R }), o && (h > i && (i = h), a.push({
+      const p = v[b], g = b === v.length - 1, k = [...c, g], u = p.children !== void 0, s = u && r(p.absolutePath, p.relativePath);
+      let h = y, R = k, _ = c;
+      l && (h = y - 1, R = k.slice(1), _ = c.slice(1)), n.push({ entry: p, indentLevel: h, parentIsLast: R }), o && (h > i && (i = h), a.push({
         id: p.absolutePath,
         name: p.name,
         absolutePath: p.absolutePath,
@@ -421,12 +421,12 @@ const L = {
         isExpanded: s,
         ancestorIsLast: [..._],
         hideLines: l && y === 0
-      })), u && s && p.children && m(p.children, y + 1, w);
+      })), u && s && p.children && m(p.children, y + 1, k);
     }
   };
   return m(e, 0, []), { flatItems: n, lineItems: a, maxIndent: i };
 }, st = (e, r, o, l, n) => {
-  const a = l?.renderStart ?? Math.max(0, Math.floor(n / ie)), i = r > 0 ? Math.ceil(r / ie) + o : o, m = e > 0 ? Math.min(e - 1, a + i) : a, v = l?.renderEnd ?? m, y = e > 0 ? Math.min(e - 1, v + o) : v;
+  const a = l?.renderStart ?? Math.max(0, Math.floor(n / le)), i = r > 0 ? Math.ceil(r / le) + o : o, m = e > 0 ? Math.min(e - 1, a + i) : a, v = l?.renderEnd ?? m, y = e > 0 ? Math.min(e - 1, v + o) : v;
   return { renderStart: a, renderEnd: v, lookaheadEnd: y };
 }, lt = ({ isDirectory: e, isExpanded: r, showExpandIcons: o, useCanvasExpandIcons: l, expandIconSize: n }) => {
   const a = n ? { width: n, height: n } : void 0, i = n ? "" : "h-4 w-4";
@@ -439,7 +439,7 @@ const L = {
     const c = e[y];
     if (c.hideLines)
       continue;
-    const b = [], p = y * r, g = p + r / 2, w = m > 0 ? m / 2 + 2 : o / 1.5;
+    const b = [], p = y * r, g = p + r / 2, k = m > 0 ? m / 2 + 2 : o / 1.5;
     for (let h = 0; h < c.indentLevel; h++) {
       if (c.ancestorIsLast[h] ?? !1)
         continue;
@@ -471,7 +471,7 @@ const L = {
       x1: s,
       y1: p,
       x2: s,
-      y2: g - w,
+      y2: g - k,
       itemIndex: y
     }) : b.push({
       key: `${c.id}-connector-top`,
@@ -490,7 +490,7 @@ const L = {
     }), c.isLastChild || (c.isDirectory ? b.push({
       key: `${c.id}-connector-bottom`,
       x1: s,
-      y1: g + w,
+      y1: g + k,
       x2: s,
       y2: p + r,
       itemIndex: y
@@ -545,78 +545,78 @@ const L = {
     renderChildren: n = !0,
     expansion: { toggleDirectory: a, onToggleDirectoryRecursive: i },
     selection: { onFileSelect: m, selectedPath: v, mode: y = "none", selectedItems: c, onSelectionChange: b },
-    visual: { iconOverrides: p, showExpandIcons: g = !0, showDirectoryIcons: w = !0, showFileIcons: u = !0, useCanvasExpandIcons: s = !1, expandIconSize: h }
+    visual: { iconOverrides: p, showExpandIcons: g = !0, showDirectoryIcons: k = !0, showFileIcons: u = !0, useCanvasExpandIcons: s = !1, expandIconSize: h }
   }) => {
-    const R = le(null), [_, x] = te(null), [d, F] = te(!1);
-    Q(
+    const R = se(null), [_, x] = ee(null), [d, F] = ee(!1);
+    q(
       () => () => {
         R.current && window.clearTimeout(R.current);
       },
       []
     );
-    const E = e.children !== void 0, N = E && o(e.absolutePath, e.relativePath), M = e.absolutePath === v, C = !E && c?.has(e.absolutePath), G = E ? void 0 : it(e.name);
-    Q(() => {
+    const E = e.children !== void 0, N = E && o(e.absolutePath, e.relativePath), O = e.absolutePath === v, C = !E && c?.has(e.absolutePath), V = E ? void 0 : it(e.name);
+    q(() => {
       x(N && e.children ? e.children : null);
     }, [N, e.children]);
-    const B = j(
-      ($) => {
-        if ($.stopPropagation(), y !== "none" && !E && b && b(e.absolutePath, !C), !E) return m(e.absolutePath, e.relativePath);
+    const H = j(
+      (D) => {
+        if (D.stopPropagation(), y !== "none" && !E && b && b(e.absolutePath, !C), !E) return m(e.absolutePath, e.relativePath);
         R.current ? (window.clearTimeout(R.current), R.current = null, i(e)) : R.current = window.setTimeout(() => {
           a(e.absolutePath, e.relativePath), R.current = null;
         }, 500);
       },
       [E, e, i, a, m, y, b, C]
-    ), Y = A(L.entry, d && L.entryHover, M && L.entrySelected, C && L.entryItemSelected, e.className), H = A(L.expandIcon, (M || C) && L.expandIconSelected), X = A(L.typeIcon, (M || C) && L.typeIconSelected), z = A(L.name, E && L.nameDirectory, (M || C) && L.nameSelected), re = lt({ isDirectory: E, isExpanded: N, showExpandIcons: g, useCanvasExpandIcons: s, expandIconSize: h }), ne = (E ? w : u) ? ut({ entry: e, isDirectory: E, isExpanded: N, isSelected: M, isItemSelected: !!C, extension: G }, p) : null;
+    ), Y = $(L.entry, d && L.entryHover, O && L.entrySelected, C && L.entryItemSelected, e.className), W = $(L.expandIcon, (O || C) && L.expandIconSelected), X = $(L.typeIcon, (O || C) && L.typeIconSelected), J = $(L.name, E && L.nameDirectory, (O || C) && L.nameSelected), te = lt({ isDirectory: E, isExpanded: N, showExpandIcons: g, useCanvasExpandIcons: s, expandIconSize: h }), re = (E ? k : u) ? ut({ entry: e, isDirectory: E, isExpanded: N, isSelected: O, isItemSelected: !!C, extension: V }, p) : null;
     return /* @__PURE__ */ S.jsxs(Ye, { children: [
       /* @__PURE__ */ S.jsxs(
         "div",
         {
           className: Y,
           style: {
-            paddingLeft: `${Math.max(0, r * he)}px`,
-            transform: r < 0 ? `translateX(${r * he}px)` : void 0,
-            width: r < 0 ? `calc(100% + ${Math.abs(r * he)}px)` : void 0,
-            height: `${ie}px`,
+            paddingLeft: `${Math.max(0, r * de)}px`,
+            transform: r < 0 ? `translateX(${r * de}px)` : void 0,
+            width: r < 0 ? `calc(100% + ${Math.abs(r * de)}px)` : void 0,
+            height: `${le}px`,
             ...e.style
           },
           "data-entry-type": E ? "directory" : "file",
           "data-entry-expanded": E ? String(N) : void 0,
-          "data-entry-selected": M ? "true" : void 0,
+          "data-entry-selected": O ? "true" : void 0,
           "data-entry-item-selected": C ? "true" : void 0,
-          onClick: B,
+          onClick: H,
           onMouseEnter: () => F(!0),
           onMouseLeave: () => F(!1),
-          onKeyDown: ($) => $.key === "Enter" && B($),
+          onKeyDown: (D) => D.key === "Enter" && H(D),
           tabIndex: 0,
           role: "treeitem",
           "aria-expanded": E ? N : void 0,
           "aria-label": `${e.name} (${E ? "directory" : "file"})`,
           children: [
-            (g || s) && /* @__PURE__ */ S.jsx("span", { className: H, children: re }),
-            (E ? w : u) && /* @__PURE__ */ S.jsx("span", { className: X, children: ne }),
-            /* @__PURE__ */ S.jsx("span", { className: z, "data-entry-type": E ? "directory" : "file", "data-entry-role": "name", children: e.label ?? e.name })
+            (g || s) && /* @__PURE__ */ S.jsx("span", { className: W, children: te }),
+            (E ? k : u) && /* @__PURE__ */ S.jsx("span", { className: X, children: re }),
+            /* @__PURE__ */ S.jsx("span", { className: J, "data-entry-type": E ? "directory" : "file", "data-entry-role": "name", children: e.label ?? e.name })
           ]
         }
       ),
-      N && _ && n && /* @__PURE__ */ S.jsx("fieldset", { children: _.map(($, K) => /* @__PURE__ */ S.jsx(
+      N && _ && n && /* @__PURE__ */ S.jsx("fieldset", { children: _.map((D, Z) => /* @__PURE__ */ S.jsx(
         xe,
         {
-          entry: $,
+          entry: D,
           indentLevel: r + 1,
           isDirOpen: o,
-          parentIsLast: [...l, K === _.length - 1],
+          parentIsLast: [...l, Z === _.length - 1],
           expansion: { toggleDirectory: a, onToggleDirectoryRecursive: i },
           selection: { onFileSelect: m, selectedPath: v, mode: y, selectedItems: c, onSelectionChange: b },
           visual: {
             iconOverrides: p,
             showExpandIcons: g,
-            showDirectoryIcons: w,
+            showDirectoryIcons: k,
             showFileIcons: u,
             useCanvasExpandIcons: s,
             expandIconSize: h
           }
         },
-        $.absolutePath
+        D.absolutePath
       )) })
     ] }, e.absolutePath);
   },
@@ -627,7 +627,7 @@ const L = {
   }
 );
 xe.displayName = "DirectoryEntryItem";
-const ie = 20, dt = () => ie, he = 16, Ne = 12, Me = (e) => {
+const le = 20, dt = () => le, de = 16, Ne = 12, Me = (e) => {
   const r = [];
   if (e.children)
     for (const o of e.children)
@@ -637,83 +637,84 @@ const ie = 20, dt = () => ie, he = 16, Ne = 12, Me = (e) => {
   entries: e,
   expansion: { toggle: r, isExpanded: o, expandMultiple: l, collapseMultiple: n, isPending: a, alwaysExpanded: i = !1, doubleClickAction: m = "recursive" },
   selection: { onFileSelect: v, selectedPath: y, mode: c = "none", selectedItems: b, onSelectionChange: p },
-  visual: { className: g, style: w, lineColor: u = "#A0AEC0", showTreeLines: s = !0, showExpandIcons: h = !0, showDirectoryIcons: R = !0, showFileIcons: _ = !0, iconOverrides: x, expandIconSize: d, removeRootIndent: F = !1 } = {},
+  visual: { className: g, style: k, lineColor: u = "#A0AEC0", showTreeLines: s = !0, showExpandIcons: h = !0, showDirectoryIcons: R = !0, showFileIcons: _ = !0, iconOverrides: x, expandIconSize: d, removeRootIndent: F = !1 } = {},
   virtualScroll: E
 }) => {
-  const [N, M] = te(!1), C = le(null), G = le(null), [B, Y] = te(0), [H, X] = te(null), {
-    overscanCount: z = 15,
-    className: re,
-    background: ne,
-    onScroll: $,
-    onRangeChange: K,
+  const [N, O] = ee(!1), C = se(null), V = se(null), [H, Y] = ee(0), [W, X] = ee(null), {
+    overscanCount: J = 15,
+    className: te,
+    background: re,
+    onScroll: D,
+    onRangeChange: Z,
     initialScrollIndex: t,
     initialScrollOffset: f,
     callbackThrottleMs: I = 5,
     contentInsets: P,
-    onItemFocus: oe,
-    viewportHeightOverride: O,
+    onItemFocus: ne,
+    viewportHeightOverride: A,
     scrollBarOptions: T,
-    behaviorOptions: U
-  } = E ?? {}, [q, me] = te(typeof f == "number" ? f : 0), Oe = j(
-    (k, V) => {
-      me(k), $?.(k, V);
+    behaviorOptions: G
+  } = E ?? {}, [z, fe] = ee(typeof f == "number" ? f : 0), Oe = j(
+    (w, U) => {
+      fe(w), D?.(w, U);
     },
-    [$]
+    [D]
   ), Ae = j(
-    (k, V, W, D, J, ue) => {
-      X((Z) => Z && Z.renderStart === k && Z.renderEnd === V ? Z : { renderStart: k, renderEnd: V }), K?.(k, V, W, D, J, ue);
+    (w) => {
+      const { renderingStartIndex: U, renderingEndIndex: B } = w;
+      X((M) => M && M.renderStart === U && M.renderEnd === B ? M : { renderStart: U, renderEnd: B }), Z?.(w);
     },
-    [K]
+    [Z]
   );
-  Q(() => {
-    typeof f == "number" && me(f);
-  }, [f]), Q(() => {
-    M(!0), ot();
-  }, []), Q(() => {
-    if (typeof O == "number") {
-      Y((D) => Math.abs(D - O) > 1 ? O : D);
+  q(() => {
+    typeof f == "number" && fe(f);
+  }, [f]), q(() => {
+    O(!0), ot();
+  }, []), q(() => {
+    if (typeof A == "number") {
+      Y((M) => Math.abs(M - A) > 1 ? A : M);
       return;
     }
-    const k = C.current;
-    if (!k) return Y(0);
+    const w = C.current;
+    if (!w) return Y(0);
     (() => {
-      const D = k.clientHeight;
-      Y((J) => Math.abs(J - D) > 1 ? D : J);
+      const M = w.clientHeight;
+      Y((K) => Math.abs(K - M) > 1 ? M : K);
     })();
-    const W = new ResizeObserver((D) => {
-      for (const J of D)
-        J.target === k && Y((ue) => Math.abs(ue - J.contentRect.height) > 1 ? J.contentRect.height : ue);
+    const B = new ResizeObserver((M) => {
+      for (const K of M)
+        K.target === w && Y((be) => Math.abs(be - K.contentRect.height) > 1 ? K.contentRect.height : be);
     });
-    return W.observe(k), () => W.disconnect();
-  }, [O]);
-  const ee = typeof O == "number" ? O : B, ae = j((k, V) => i || (N ? o(k) : !1), [N, o, i]), Ee = A(L.container, a && L.containerPending, g), Ie = se(
+    return B.observe(w), () => B.disconnect();
+  }, [A]);
+  const Q = typeof A == "number" ? A : H, oe = j((w, U) => i || (N ? o(w) : !1), [N, o, i]), Ee = $(L.container, a && L.containerPending, g), Ie = ae(
     () => ({
       ...nt,
-      ...w ?? {},
-      ...typeof O == "number" ? { height: O, minHeight: O } : {}
+      ...k ?? {},
+      ...typeof A == "number" ? { height: A, minHeight: A } : {}
     }),
-    [w, O]
+    [k, A]
   ), $e = j(
-    (k, V) => {
-      const W = [k.absolutePath, ...Me(k)], D = V || m;
-      if (W.every((Z) => ae(Z))) return n(W);
-      if (W.every((Z) => !ae(Z)) || D === "recursive") return l(W);
-      if (D === "toggle") return n(W);
-      console.warn(`[DirectoryTree] Unknown double click action: ${D}. No action taken.`);
+    (w, U) => {
+      const B = [w.absolutePath, ...Me(w)], M = U || m;
+      if (B.every((ge) => oe(ge))) return n(B);
+      if (B.every((ge) => !oe(ge)) || M === "recursive") return l(B);
+      if (M === "toggle") return n(B);
+      console.warn(`[DirectoryTree] Unknown double click action: ${M}. No action taken.`);
     },
-    [ae, l, n, m]
-  ), { flatItems: ce, lineItems: ge, maxIndent: ke } = se(() => at(e, ae, s, F), [e, ae, s, F]), ye = se(
-    () => !s || ge.length === 0 ? { segmentsByItem: [], glyphsByItem: [] } : ct(ge, ie, he, s, d ?? Ne),
-    [ge, s, d]
-  ), pe = se(() => !s || e.length === 0 ? 0 : (ke + 2) * he, [e.length, ke, s]), { renderStart: we, renderEnd: Se, lookaheadEnd: Re } = se(() => st(ce.length, ee, z, H, q), [ce.length, ee, z, H, q]), De = se(() => !s || pe <= 0 || ee <= 0 || ye.segmentsByItem.length === 0 ? null : /* @__PURE__ */ S.jsx("div", { className: "pointer-events-none absolute inset-0 z-0", "aria-hidden": "true", children: /* @__PURE__ */ S.jsx("div", { className: "absolute top-0 left-0", style: { width: pe, height: ee }, children: /* @__PURE__ */ S.jsx(
+    [oe, l, n, m]
+  ), { flatItems: ie, lineItems: pe, maxIndent: ke } = ae(() => at(e, oe, s, F), [e, oe, s, F]), he = ae(
+    () => !s || pe.length === 0 ? { segmentsByItem: [], glyphsByItem: [] } : ct(pe, le, de, s, d ?? Ne),
+    [pe, s, d]
+  ), me = ae(() => !s || e.length === 0 ? 0 : (ke + 2) * de, [e.length, ke, s]), { renderStart: we, renderEnd: Se, lookaheadEnd: Re } = ae(() => st(ie.length, Q, J, W, z), [ie.length, Q, J, W, z]), De = ae(() => !s || me <= 0 || Q <= 0 || he.segmentsByItem.length === 0 ? null : /* @__PURE__ */ S.jsx("div", { className: "pointer-events-none absolute inset-0 z-0", "aria-hidden": "true", children: /* @__PURE__ */ S.jsx("div", { className: "absolute top-0 left-0", style: { width: me, height: Q }, children: /* @__PURE__ */ S.jsx(
     Ce,
     {
-      segmentsByItem: ye.segmentsByItem,
-      glyphsByItem: ye.glyphsByItem,
-      itemHeight: ie,
-      width: pe,
-      viewportHeight: ee,
-      scrollPosition: q,
+      segmentsByItem: he.segmentsByItem,
+      glyphsByItem: he.glyphsByItem,
+      itemHeight: le,
+      width: me,
+      viewportHeight: Q,
+      scrollPosition: z,
       color: u,
       expandGlyphColor: u,
       expandGlyphSize: d ?? Ne,
@@ -721,37 +722,37 @@ const ie = 20, dt = () => ie, he = 16, Ne = 12, Me = (e) => {
       renderEndIndex: Se,
       lookaheadEndIndex: Re
     }
-  ) }) }), [pe, ee, we, Se, Re, q, ye, u, s, d]), Le = j((k) => ce[k], [ce]);
+  ) }) }), [me, Q, we, Se, Re, z, he, u, s, d]), Le = j((w) => ie[w], [ie]);
   return e.length === 0 ? /* @__PURE__ */ S.jsx("div", { className: Ee, style: Ie }) : /* @__PURE__ */ S.jsx("div", { ref: C, className: Ee, style: Ie, role: "tree", children: /* @__PURE__ */ S.jsx(
     He,
     {
-      ref: G,
-      itemCount: ce.length,
+      ref: V,
+      itemCount: ie.length,
       getItem: Le,
       getItemHeight: dt,
-      viewportSize: ee,
-      overscanCount: z,
+      viewportSize: Q,
+      overscanCount: J,
       onScroll: Oe,
       onRangeChange: Ae,
-      className: re,
+      className: te,
       background: /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
         De,
-        ne
+        re
       ] }),
       initialScrollIndex: t,
       initialScrollOffset: f,
-      onItemFocus: oe,
+      onItemFocus: ne,
       callbackThrottleMs: I,
       contentInsets: P,
       scrollBarOptions: T,
-      behaviorOptions: U,
-      children: (k) => k && /* @__PURE__ */ S.jsx(
+      behaviorOptions: G,
+      children: (w) => w && /* @__PURE__ */ S.jsx(
         xe,
         {
-          entry: k.entry,
-          indentLevel: k.indentLevel,
-          isDirOpen: ae,
-          parentIsLast: k.parentIsLast,
+          entry: w.entry,
+          indentLevel: w.indentLevel,
+          isDirOpen: oe,
+          parentIsLast: w.parentIsLast,
           renderChildren: !1,
           expansion: { toggleDirectory: r, onToggleDirectoryRecursive: $e },
           selection: { onFileSelect: v, selectedPath: y ?? null, mode: c, selectedItems: b, onSelectionChange: p },
@@ -764,12 +765,12 @@ const ie = 20, dt = () => ie, he = 16, Ne = 12, Me = (e) => {
             expandIconSize: d
           }
         },
-        k.entry.absolutePath
+        w.entry.absolutePath
       )
     }
   ) });
 }, gt = ({ initialExpanded: e = /* @__PURE__ */ new Set(), storageKey: r } = {}) => {
-  const [o, l] = Be(), [n, a] = te(() => {
+  const [o, l] = Be(), [n, a] = ee(() => {
     if (typeof window < "u" && r)
       try {
         const u = window.localStorage.getItem(r);
@@ -797,7 +798,7 @@ const ie = 20, dt = () => ie, he = 16, Ne = 12, Me = (e) => {
     },
     [i]
   );
-  Q(() => {
+  q(() => {
     if (r && typeof window < "u")
       try {
         window.localStorage.setItem(r, JSON.stringify(Array.from(n)));
@@ -844,7 +845,7 @@ const ie = 20, dt = () => ie, he = 16, Ne = 12, Me = (e) => {
     i((u) => {
       u.clear();
     });
-  }, [i]), w = j((u) => n.has(u), [n]);
+  }, [i]), k = j((u) => n.has(u), [n]);
   return {
     expanded: n,
     toggle: v,
@@ -853,7 +854,7 @@ const ie = 20, dt = () => ie, he = 16, Ne = 12, Me = (e) => {
     collapseMultiple: b,
     expandMultiple: p,
     collapseAll: g,
-    isExpanded: w,
+    isExpanded: k,
     isPending: o
   };
 };