@aiquants/directory-tree 2.0.0 → 2.3.0

package/dist/index.js

@@ -1,73 +1,73 @@
-import Ye, { memo as je, useRef as ae, useCallback as M, useEffect as J, useState as Z, useMemo as oe, Fragment as Be, useTransition as He } from "react";
-import { VirtualScroll as We } from "@aiquants/virtualscroll";
-import { FolderIcon as Xe, DocumentTextIcon as Ve, ChevronDownIcon as Je, ChevronRightIcon as Ge } from "@heroicons/react/24/solid";
-import { FileIcon as ze } from "@phosphor-icons/react";
-import { twMerge as A } from "tailwind-merge";
-var ye = { exports: {} }, ue = {};
-var Te;
-function Ue() {
-  if (Te) return ue;
-  Te = 1;
+import et, { memo as Ye, useRef as fe, useCallback as C, useEffect as oe, useState as ie, useMemo as ee, Fragment as tt, useTransition as rt } from "react";
+import { VirtualScroll as nt } from "@aiquants/virtualscroll";
+import { FolderIcon as ot, DocumentTextIcon as st, ChevronDownIcon as at, ChevronRightIcon as lt } from "@heroicons/react/24/solid";
+import { FileIcon as it } from "@phosphor-icons/react";
+import { twMerge as Y } from "tailwind-merge";
+var xe = { exports: {} }, me = {};
+var $e;
+function ct() {
+  if ($e) return me;
+  $e = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function o(l, n, a) {
-    var i = null;
-    if (a !== void 0 && (i = "" + a), n.key !== void 0 && (i = "" + n.key), "key" in n) {
-      a = {};
-      for (var m in n)
-        m !== "key" && (a[m] = n[m]);
-    } else a = n;
-    return n = a.ref, {
+  function a(n, o, l) {
+    var s = null;
+    if (l !== void 0 && (s = "" + l), o.key !== void 0 && (s = "" + o.key), "key" in o) {
+      l = {};
+      for (var m in o)
+        m !== "key" && (l[m] = o[m]);
+    } else l = o;
+    return o = l.ref, {
       $$typeof: e,
-      type: l,
-      key: i,
-      ref: n !== void 0 ? n : null,
-      props: a
+      type: n,
+      key: s,
+      ref: o !== void 0 ? o : null,
+      props: l
     };
   }
-  return ue.Fragment = r, ue.jsx = o, ue.jsxs = o, ue;
+  return me.Fragment = r, me.jsx = a, me.jsxs = a, me;
 }
-var de = {};
-var Pe;
-function qe() {
-  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
+var he = {};
+var De;
+function ut() {
+  return De || (De = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === C ? null : t.displayName || t.name || null;
+        return t.$$typeof === q ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case s:
+        case u:
           return "Fragment";
-        case w:
+        case j:
           return "Profiler";
-        case f:
+        case p:
           return "StrictMode";
-        case L:
+        case P:
           return "Suspense";
-        case Y:
+        case T:
           return "SuspenseList";
-        case j:
+        case U:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case u:
+          case i:
             return "Portal";
-          case S:
+          case g:
             return t.displayName || "Context";
-          case R:
+          case v:
             return (t._context.displayName || "Context") + ".Consumer";
           case d:
-            var h = t.render;
-            return t = t.displayName, t || (t = h.displayName || h.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case E:
-            return h = t.displayName || null, h !== null ? h : e(t.type) || "Memo";
-          case N:
-            h = t._payload, t = t._init;
+            var f = t.render;
+            return t = t.displayName, t || (t = f.displayName || f.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case A:
+            return f = t.displayName || null, f !== null ? f : e(t.type) || "Memo";
+          case X:
+            f = t._payload, t = t._init;
             try {
-              return e(t(h));
+              return e(t(f));
             } catch {
             }
         }
@@ -76,77 +76,77 @@ function qe() {
     function r(t) {
       return "" + t;
     }
-    function o(t) {
+    function a(t) {
       try {
         r(t);
-        var h = !1;
+        var f = !1;
       } catch {
-        h = !0;
+        f = !0;
       }
-      if (h) {
-        h = console;
-        var p = h.error, k = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return p.call(
-          h,
+      if (f) {
+        f = console;
+        var x = f.error, k = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return x.call(
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           k
         ), r(t);
       }
     }
-    function l(t) {
-      if (t === s) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === N)
+    function n(t) {
+      if (t === u) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === X)
         return "<...>";
       try {
-        var h = e(t);
-        return h ? "<" + h + ">" : "<...>";
+        var f = e(t);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function n() {
-      var t = H.A;
+    function o() {
+      var t = $.A;
       return t === null ? null : t.getOwner();
     }
-    function a() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function i(t) {
-      if (W.call(t, "key")) {
-        var h = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function s(t) {
+      if (V.call(t, "key")) {
+        var f = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function m(t, h) {
-      function p() {
-        Q || (Q = !0, console.error(
+    function m(t, f) {
+      function x() {
+        se || (se = !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)",
-          h
+          f
         ));
       }
-      p.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: p,
+      x.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: x,
         configurable: !0
       });
     }
-    function I() {
+    function R() {
       var t = e(this.type);
-      return X[t] || (X[t] = !0, console.error(
+      return S[t] || (S[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, h, p, k, te, le) {
-      var x = p.ref;
+    function w(t, f, x, k, te, Q) {
+      var _ = x.ref;
       return t = {
-        $$typeof: _,
+        $$typeof: I,
         type: t,
-        key: h,
-        props: p,
+        key: f,
+        props: x,
         _owner: k
-      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(t, "ref", {
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: I
+        get: R
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -166,28 +166,28 @@ function qe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: le
+        value: Q
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function c(t, h, p, k, te, le) {
-      var x = h.children;
-      if (x !== void 0)
+    function c(t, f, x, k, te, Q) {
+      var _ = f.children;
+      if (_ !== void 0)
         if (k)
-          if (D(x)) {
-            for (k = 0; k < x.length; k++)
-              v(x[k]);
-            Object.freeze && Object.freeze(x);
+          if (Z(_)) {
+            for (k = 0; k < _.length; k++)
+              h(_[k]);
+            Object.freeze && Object.freeze(_);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else v(x);
-      if (W.call(h, "key")) {
-        x = e(t);
-        var V = Object.keys(h).filter(function(re) {
-          return re !== "key";
+        else h(_);
+      if (V.call(f, "key")) {
+        _ = e(t);
+        var J = Object.keys(f).filter(function(ce) {
+          return ce !== "key";
         });
-        k = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", G[x + k] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", O[_ + k] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -195,328 +195,337 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           k,
-          x,
-          V,
-          x
-        ), G[x + k] = !0);
+          _,
+          J,
+          _
+        ), O[_ + k] = !0);
       }
-      if (x = null, p !== void 0 && (o(p), x = "" + p), i(h) && (o(h.key), x = "" + h.key), "key" in h) {
-        p = {};
-        for (var ie in h)
-          ie !== "key" && (p[ie] = h[ie]);
-      } else p = h;
-      return x && m(
-        p,
+      if (_ = null, x !== void 0 && (a(x), _ = "" + x), s(f) && (a(f.key), _ = "" + f.key), "key" in f) {
+        x = {};
+        for (var re in f)
+          re !== "key" && (x[re] = f[re]);
+      } else x = f;
+      return _ && m(
+        x,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), y(
+      ), w(
         t,
+        _,
         x,
-        p,
-        n(),
+        o(),
         te,
-        le
+        Q
       );
     }
-    function v(t) {
-      b(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === N && (t._payload.status === "fulfilled" ? b(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function h(t) {
+      y(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === X && (t._payload.status === "fulfilled" ? y(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function b(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === _;
+    function y(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === I;
     }
-    var g = Ye, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), s = /* @__PURE__ */ Symbol.for("react.fragment"), f = /* @__PURE__ */ Symbol.for("react.strict_mode"), w = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), Y = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), N = /* @__PURE__ */ Symbol.for("react.lazy"), j = /* @__PURE__ */ Symbol.for("react.activity"), C = /* @__PURE__ */ Symbol.for("react.client.reference"), H = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, D = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var E = et, I = /* @__PURE__ */ Symbol.for("react.transitional.element"), i = /* @__PURE__ */ Symbol.for("react.portal"), u = /* @__PURE__ */ Symbol.for("react.fragment"), p = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), v = /* @__PURE__ */ Symbol.for("react.consumer"), g = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), T = /* @__PURE__ */ Symbol.for("react.suspense_list"), A = /* @__PURE__ */ Symbol.for("react.memo"), X = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.activity"), q = /* @__PURE__ */ Symbol.for("react.client.reference"), $ = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, Z = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    E = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var Q, X = {}, K = g.react_stack_bottom_frame.bind(
-      g,
-      a
-    )(), ee = B(l(a)), G = {};
-    de.Fragment = s, de.jsx = function(t, h, p) {
-      var k = 1e4 > H.recentlyCreatedOwnerStacks++;
+    var se, S = {}, D = E.react_stack_bottom_frame.bind(
+      E,
+      l
+    )(), L = G(n(l)), O = {};
+    he.Fragment = u, he.jsx = function(t, f, x) {
+      var k = 1e4 > $.recentlyCreatedOwnerStacks++;
       return c(
         t,
-        h,
-        p,
+        f,
+        x,
         !1,
-        k ? Error("react-stack-top-frame") : K,
-        k ? B(l(t)) : ee
+        k ? Error("react-stack-top-frame") : D,
+        k ? G(n(t)) : L
       );
-    }, de.jsxs = function(t, h, p) {
-      var k = 1e4 > H.recentlyCreatedOwnerStacks++;
+    }, he.jsxs = function(t, f, x) {
+      var k = 1e4 > $.recentlyCreatedOwnerStacks++;
       return c(
         t,
-        h,
-        p,
+        f,
+        x,
         !0,
-        k ? Error("react-stack-top-frame") : K,
-        k ? B(l(t)) : ee
+        k ? Error("react-stack-top-frame") : D,
+        k ? G(n(t)) : L
       );
     };
-  })()), de;
+  })()), he;
 }
-var Ne;
-function Ze() {
-  return Ne || (Ne = 1, process.env.NODE_ENV === "production" ? ye.exports = Ue() : ye.exports = qe()), ye.exports;
+var Le;
+function dt() {
+  return Le || (Le = 1, process.env.NODE_ENV === "production" ? xe.exports = ct() : xe.exports = ut()), xe.exports;
 }
-var P = Ze();
-const Qe = (e, r, o) => {
-  const l = [];
-  for (let n = r; n < o; n++) {
-    const a = e[n];
-    if (!(!a || a.length === 0))
-      for (const i of a)
-        l.push(i);
+var N = dt();
+const ft = (e, r, a) => {
+  const n = [];
+  for (let o = r; o < a; o++) {
+    const l = e[o];
+    if (!(!l || l.length === 0))
+      for (const s of l)
+        n.push(s);
   }
-  return l;
-}, Ke = (e, r, o) => {
-  const l = [];
-  for (let n = r; n < o; n++) {
-    const a = e[n];
-    if (!(!a || a.length === 0))
-      for (const i of a)
-        l.push(i);
+  return n;
+}, mt = (e, r, a) => {
+  const n = [];
+  for (let o = r; o < a; o++) {
+    const l = e[o];
+    if (!(!l || l.length === 0))
+      for (const s of l)
+        n.push(s);
   }
-  return l;
-}, et = (e, r, o, l) => {
-  const n = Math.max(1, Math.floor(r * l)), a = Math.max(1, Math.floor(o * l));
-  (e.width !== n || e.height !== a) && (e.width = n, e.height = a);
-  const i = e.style;
-  i.width !== `${r}px` && (i.width = `${r}px`), i.height !== `${o}px` && (i.height = `${o}px`);
-}, tt = (e, r, o) => {
-  e.lineWidth = o, e.beginPath();
-  for (const l of r)
-    e.moveTo(l.x1, l.y1), e.lineTo(l.x2, l.y2);
+  return n;
+}, ht = (e, r, a, n) => {
+  const o = Math.max(1, Math.floor(r * n)), l = Math.max(1, Math.floor(a * n));
+  (e.width !== o || e.height !== l) && (e.width = o, e.height = l);
+  const s = e.style;
+  s.width !== `${r}px` && (s.width = `${r}px`), s.height !== `${a}px` && (s.height = `${a}px`);
+}, yt = (e, r, a) => {
+  e.lineWidth = a, e.beginPath();
+  for (const n of r)
+    e.moveTo(n.x1, n.y1), e.lineTo(n.x2, n.y2);
   e.stroke();
-}, rt = (e, r) => {
-  const o = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());
-  if (!o)
+}, pt = (e, r) => {
+  const a = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());
+  if (!a)
     return null;
-  let l = o[1];
-  l.length === 3 && (l = l.split("").map((m) => m + m).join(""));
-  const n = Number.parseInt(l.slice(0, 2), 16), a = Number.parseInt(l.slice(2, 4), 16), i = Number.parseInt(l.slice(4, 6), 16);
-  return `rgba(${n}, ${a}, ${i}, ${r})`;
-}, nt = (e, r, o, l) => {
+  let n = a[1];
+  n.length === 3 && (n = n.split("").map((m) => m + m).join(""));
+  const o = Number.parseInt(n.slice(0, 2), 16), l = Number.parseInt(n.slice(2, 4), 16), s = Number.parseInt(n.slice(4, 6), 16);
+  return `rgba(${o}, ${l}, ${s}, ${r})`;
+}, bt = (e, r, a, n) => {
   if (r.length === 0)
     return;
-  const n = rt(o, 0.14), a = e.strokeStyle, i = e.fillStyle, m = e.lineWidth, I = e.lineCap, y = e.lineJoin;
-  e.strokeStyle = o, e.lineCap = "round", e.lineJoin = "round";
+  const o = pt(a, 0.14), l = e.strokeStyle, s = e.fillStyle, m = e.lineWidth, R = e.lineCap, w = e.lineJoin;
+  e.strokeStyle = a, e.lineCap = "round", e.lineJoin = "round";
   for (const c of r) {
-    const v = l ?? c.size, b = Math.max(0, v / 2), g = Math.max(1, Math.round(v * 0.08)), _ = Math.max(1, Math.round(v * 0.14)), u = Math.max(0, b - 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, b - g * 0.3), 0, Math.PI * 2), e.stroke(), e.lineWidth = _, 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 h = n ?? c.size, y = Math.max(0, h / 2), E = Math.max(1, Math.round(h * 0.08)), I = Math.max(1, Math.round(h * 0.14)), i = Math.max(0, y - E * 0.8), u = Math.max(0, i * 0.55);
+    o && (e.fillStyle = o, e.beginPath(), e.arc(c.centerX, c.centerY, i, 0, Math.PI * 2), e.fill()), e.lineWidth = E, e.beginPath(), e.arc(c.centerX, c.centerY, Math.max(0, y - E * 0.3), 0, Math.PI * 2), e.stroke(), e.lineWidth = I, e.beginPath(), e.moveTo(c.centerX - u, c.centerY), e.lineTo(c.centerX + u, c.centerY), e.stroke(), c.isExpanded || (e.beginPath(), e.moveTo(c.centerX, c.centerY - u), e.lineTo(c.centerX, c.centerY + u), e.stroke());
   }
-  e.strokeStyle = a, e.fillStyle = i, e.lineWidth = m, e.lineCap = I, e.lineJoin = y;
-}, Me = je(({ segmentsByItem: e, glyphsByItem: r, itemHeight: o, width: l, viewportHeight: n, scrollPosition: a, color: i = "#a0aec0", strokeWidth: m = 1, renderStartIndex: I, renderEndIndex: y, lookaheadEndIndex: c, devicePixelRatio: v, expandGlyphColor: b, expandGlyphSize: g }) => {
-  const _ = ae(null), u = ae(null), s = ae({
+  e.strokeStyle = l, e.fillStyle = s, e.lineWidth = m, e.lineCap = R, e.lineJoin = w;
+}, Be = Ye(({ segmentsByItem: e, glyphsByItem: r, itemHeight: a, width: n, viewportHeight: o, scrollPosition: l, color: s = "#a0aec0", strokeWidth: m = 1, renderStartIndex: R, renderEndIndex: w, lookaheadEndIndex: c, devicePixelRatio: h, expandGlyphColor: y, expandGlyphSize: E }) => {
+  const I = fe(null), i = fe(null), u = fe({
     segmentsByItem: e,
     glyphsByItem: r,
-    itemHeight: o,
-    width: l,
-    viewportHeight: n,
-    scrollPosition: a,
-    color: i,
+    itemHeight: a,
+    width: n,
+    viewportHeight: o,
+    scrollPosition: l,
+    color: s,
     strokeWidth: m,
-    renderStartIndex: I,
-    renderEndIndex: y,
+    renderStartIndex: R,
+    renderEndIndex: w,
     lookaheadEndIndex: c,
-    devicePixelRatio: v,
-    expandGlyphColor: b,
-    expandGlyphSize: g
-  }), f = M(() => {
-    u.current = null;
-    const R = _.current;
-    if (!R)
+    devicePixelRatio: h,
+    expandGlyphColor: y,
+    expandGlyphSize: E
+  }), p = C(() => {
+    i.current = null;
+    const v = I.current;
+    if (!v)
       return;
-    const S = R.getContext("2d");
-    if (!S)
+    const g = v.getContext("2d");
+    if (!g)
       return;
-    const d = s.current;
+    const d = u.current;
     if (d.width <= 0 || d.viewportHeight <= 0) {
-      S.clearRect(0, 0, R.width, R.height);
+      g.clearRect(0, 0, v.width, v.height);
       return;
     }
-    const L = Number.isFinite(d.devicePixelRatio ?? NaN) ? d.devicePixelRatio : typeof window < "u" && window.devicePixelRatio || 1;
-    et(R, d.width, d.viewportHeight, L);
-    const Y = d.segmentsByItem.length, E = typeof d.renderStartIndex == "number" && Number.isFinite(d.renderStartIndex) ? Math.max(0, Math.floor(d.renderStartIndex)) : Math.max(0, Math.floor(d.scrollPosition / d.itemHeight)), N = Math.min(Y, Math.ceil((d.scrollPosition + d.viewportHeight) / d.itemHeight)), j = (() => {
+    const P = Number.isFinite(d.devicePixelRatio ?? NaN) ? d.devicePixelRatio : typeof window < "u" && window.devicePixelRatio || 1;
+    ht(v, d.width, d.viewportHeight, P);
+    const T = d.segmentsByItem.length, A = typeof d.renderStartIndex == "number" && Number.isFinite(d.renderStartIndex) ? Math.max(0, Math.floor(d.renderStartIndex)) : Math.max(0, Math.floor(d.scrollPosition / d.itemHeight)), X = Math.min(T, Math.ceil((d.scrollPosition + d.viewportHeight) / d.itemHeight)), U = (() => {
       if (typeof d.renderEndIndex == "number" && Number.isFinite(d.renderEndIndex)) {
-        const D = Math.floor(d.renderEndIndex);
-        return Math.max(Math.min(Y, D + 1), E);
+        const Z = Math.floor(d.renderEndIndex);
+        return Math.max(Math.min(T, Z + 1), A);
       }
-      return Math.max(N, E);
-    })(), C = (() => {
+      return Math.max(X, A);
+    })(), q = (() => {
       if (typeof d.lookaheadEndIndex == "number" && Number.isFinite(d.lookaheadEndIndex)) {
-        const D = Math.floor(d.lookaheadEndIndex), B = Math.min(Y, D + 1);
-        return Math.max(B, j);
+        const Z = Math.floor(d.lookaheadEndIndex), G = Math.min(T, Z + 1);
+        return Math.max(G, U);
       }
-      return Math.max(N, j);
-    })(), H = Qe(d.segmentsByItem, E, C), W = Ke(d.glyphsByItem, E, C);
-    S.save(), S.scale(L, L), S.clearRect(0, 0, d.width, d.viewportHeight), S.translate(0, -d.scrollPosition), S.strokeStyle = d.color, tt(S, H, d.strokeWidth), nt(S, W, d.expandGlyphColor ?? d.color, d.expandGlyphSize), S.restore();
-  }, []), w = M(() => {
-    u.current === null && (u.current = window.requestAnimationFrame(f));
-  }, [f]);
-  return J(() => {
-    s.current = {
+      return Math.max(X, U);
+    })(), $ = ft(d.segmentsByItem, A, q), V = mt(d.glyphsByItem, A, q);
+    g.save(), g.scale(P, P), g.clearRect(0, 0, d.width, d.viewportHeight), g.translate(0, -d.scrollPosition), g.strokeStyle = d.color, yt(g, $, d.strokeWidth), bt(g, V, d.expandGlyphColor ?? d.color, d.expandGlyphSize), g.restore();
+  }, []), j = C(() => {
+    i.current === null && (i.current = window.requestAnimationFrame(p));
+  }, [p]);
+  return oe(() => {
+    u.current = {
       segmentsByItem: e,
       glyphsByItem: r,
-      itemHeight: o,
-      width: l,
-      viewportHeight: n,
-      scrollPosition: a,
-      color: i,
+      itemHeight: a,
+      width: n,
+      viewportHeight: o,
+      scrollPosition: l,
+      color: s,
       strokeWidth: m,
-      renderStartIndex: I,
-      renderEndIndex: y,
+      renderStartIndex: R,
+      renderEndIndex: w,
       lookaheadEndIndex: c,
-      devicePixelRatio: v,
-      expandGlyphColor: b,
-      expandGlyphSize: g
-    }, w();
-  }, [e, r, o, l, n, a, i, m, I, y, c, v, b, g, w]), J(() => () => {
-    u.current !== null && (window.cancelAnimationFrame(u.current), u.current = null);
-  }, []), /* @__PURE__ */ P.jsx("canvas", { ref: _, className: "pointer-events-none absolute top-0 left-0 z-0" });
+      devicePixelRatio: h,
+      expandGlyphColor: y,
+      expandGlyphSize: E
+    }, j();
+  }, [e, r, a, n, o, l, s, m, R, w, c, h, y, E, j]), oe(() => () => {
+    i.current !== null && (window.cancelAnimationFrame(i.current), i.current = null);
+  }, []), /* @__PURE__ */ N.jsx("canvas", { ref: I, className: "pointer-events-none absolute top-0 left-0 z-0" });
 });
-Me.displayName = "TreeLineCanvas";
-const $ = {
+Be.displayName = "TreeLineCanvas";
+const W = {
   container: "directory-tree-container relative h-full transition-opacity duration-300 overflow-y-hidden pb-[5px] pr-[3px]",
   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: Y("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: Y("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: Y("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: Y("directory-tree-expand-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
+  expandIconSelected: Y("directory-tree-expand-icon--selected text-blue-700", "dark:text-blue-400"),
+  typeIcon: Y("directory-tree-type-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
+  typeIconSelected: Y("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: Y("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")
-}, ot = {
+  nameSelected: Y("directory-tree-name--selected text-blue-800 font-medium", "dark:text-blue-300")
+}, vt = {
   msOverflowStyle: "none",
   scrollbarWidth: "none"
-}, at = () => {
+}, gt = () => {
   let e = document.getElementById("directory-tree-webkit-scrollbar-hide");
   e || (e = document.createElement("style"), e.id = "directory-tree-webkit-scrollbar-hide", e.textContent = ".directory-tree-container::-webkit-scrollbar { display: none; }", document.head.appendChild(e));
-}, st = (e, r, o, l) => {
-  const n = [], a = [];
-  let i = 0;
-  const m = (I, y, c) => {
-    for (let v = 0; v < I.length; v++) {
-      const b = I[v], g = v === I.length - 1, _ = [...c, g], u = b.children !== void 0, s = u && r(b.absolutePath, b.relativePath);
-      let f = y, w = _, R = c;
-      l && (f = y - 1, w = _.slice(1), R = c.slice(1)), n.push({ entry: b, indentLevel: f, parentIsLast: w }), o && (f > i && (i = f), a.push({
-        id: b.absolutePath,
-        name: b.name,
-        absolutePath: b.absolutePath,
-        indentLevel: f,
-        isLastChild: g,
-        isDirectory: u,
-        isExpanded: s,
-        ancestorIsLast: [...R],
-        hideLines: l && y === 0
-      })), u && s && b.children && m(b.children, y + 1, _);
+}, xt = (e, r, a, n) => {
+  const o = [], l = [];
+  let s = 0;
+  const m = (R, w, c) => {
+    for (let h = 0; h < R.length; h++) {
+      const y = R[h], E = h === R.length - 1, I = [...c, E], i = y.children !== void 0, u = i && r(y.absolutePath, y.relativePath);
+      let p = w, j = I, v = c;
+      n && (p = w - 1, j = I.slice(1), v = c.slice(1)), o.push({ entry: y, indentLevel: p, parentIsLast: j }), a && (p > s && (s = p), l.push({
+        id: y.absolutePath,
+        name: y.name,
+        absolutePath: y.absolutePath,
+        indentLevel: p,
+        isLastChild: E,
+        isDirectory: i,
+        isExpanded: u,
+        ancestorIsLast: [...v],
+        hideLines: n && w === 0
+      })), i && u && y.children && m(y.children, w + 1, I);
     }
   };
-  return m(e, 0, []), { flatItems: n, lineItems: a, maxIndent: i };
-}, lt = (e, r, o, l, n) => {
-  const a = l?.renderStart ?? Math.max(0, Math.floor(n / se)), i = r > 0 ? Math.ceil(r / se) + o : o, m = e > 0 ? Math.min(e - 1, a + i) : a, I = l?.renderEnd ?? m, y = e > 0 ? Math.min(e - 1, I + o) : I;
-  return { renderStart: a, renderEnd: I, lookaheadEnd: y };
-}, it = ({ 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";
-  return !(o && e) || l ? /* @__PURE__ */ P.jsx("span", { className: i, style: a, "aria-hidden": "true" }) : r ? /* @__PURE__ */ P.jsx(Je, { className: i, style: a }) : /* @__PURE__ */ P.jsx(Ge, { className: i, style: a });
-}, ct = (e) => e.slice((e.lastIndexOf(".") - 1 >>> 0) + 2).toLowerCase(), ut = (e, r, o, l, n) => {
+  return m(e, 0, []), { flatItems: o, lineItems: l, maxIndent: s };
+}, Fe = (e, r) => {
+  const a = e.length - 1;
+  if (a <= 0) return 0;
+  let n = 0, o = a - 1, l = 0;
+  for (; n <= o; ) {
+    const s = n + o >>> 1;
+    e[s] <= r ? (l = s, n = s + 1) : o = s - 1;
+  }
+  return l;
+}, Et = (e, r, a, n, o, l) => {
+  const s = n?.renderStart ?? Math.max(0, Fe(l, o)), m = r > 0 ? Fe(l, o + r) + a : s + a, R = e > 0 ? Math.min(e - 1, Math.max(s, m)) : s, w = n?.renderEnd ?? R, c = e > 0 ? Math.min(e - 1, w + a) : w;
+  return { renderStart: s, renderEnd: w, lookaheadEnd: c };
+}, It = ({ isDirectory: e, isExpanded: r, showExpandIcons: a, useCanvasExpandIcons: n, expandIconSize: o }) => {
+  const l = o ? { width: o, height: o } : void 0, s = o ? "" : "h-4 w-4";
+  return !(a && e) || n ? /* @__PURE__ */ N.jsx("span", { className: s, style: l, "aria-hidden": "true" }) : r ? /* @__PURE__ */ N.jsx(at, { className: s, style: l }) : /* @__PURE__ */ N.jsx(lt, { className: s, style: l });
+}, St = (e) => e.slice((e.lastIndexOf(".") - 1 >>> 0) + 2).toLowerCase(), wt = (e, r, a, n, o, l) => {
   if (e.length === 0)
     return { segmentsByItem: [], glyphsByItem: [] };
-  const a = Array.from({ length: e.length }, () => []), i = Array.from({ length: e.length }, () => []), m = l ? typeof n == "number" && Number.isFinite(n) && n > 0 ? n : Math.max(8, Math.min(o * 0.9, r * 0.7)) : 0, I = 3;
-  for (let y = 0; y < e.length; y++) {
-    const c = e[y];
-    if (c.hideLines)
+  const s = Array.from({ length: e.length }, () => []), m = Array.from({ length: e.length }, () => []), R = (c) => o ? typeof l == "number" && Number.isFinite(l) && l > 0 ? l : Math.max(8, Math.min(n * 0.9, c * 0.7)) : 0, w = 3;
+  for (let c = 0; c < e.length; c++) {
+    const h = e[c];
+    if (h.hideLines)
       continue;
-    const v = [], b = y * r, g = b + r / 2, _ = m > 0 ? m / 2 + 2 : o / 1.5;
-    for (let f = 0; f < c.indentLevel; f++) {
-      if (c.ancestorIsLast[f] ?? !1)
+    const y = [], E = r[c] ?? 0, I = a[c] ?? 0, i = I + E / 2, u = R(E), p = u > 0 ? u / 2 + 2 : n / 1.5;
+    for (let g = 0; g < h.indentLevel; g++) {
+      if (h.ancestorIsLast[g] ?? !1)
         continue;
-      let R = !1;
-      for (let S = y; S < e.length; S++) {
-        const d = e[S];
-        if (d.indentLevel > f && d.ancestorIsLast.length > f && !d.ancestorIsLast[f]) {
-          R = !0;
+      let P = !1;
+      for (let T = c; T < e.length; T++) {
+        const A = e[T];
+        if (A.indentLevel > g && A.ancestorIsLast.length > g && !A.ancestorIsLast[g]) {
+          P = !0;
           break;
         }
-        if (S > y && d.indentLevel === f)
+        if (T > c && A.indentLevel === g)
           break;
       }
-      if (R) {
-        const S = f * o + o / 2 + I;
-        v.push({
-          key: `${c.id}-ancestor-${f}`,
-          x1: S,
-          y1: b,
-          x2: S,
-          y2: b + r,
-          itemIndex: y
+      if (P) {
+        const T = g * n + n / 2 + w;
+        y.push({
+          key: `${h.id}-ancestor-${g}`,
+          x1: T,
+          y1: I,
+          x2: T,
+          y2: I + E,
+          itemIndex: c
         });
       }
     }
-    const u = c.indentLevel * o, s = u + o / 2 + I;
-    if (c.isDirectory ? v.push({
-      key: `${c.id}-connector-top`,
-      x1: s,
-      y1: b,
-      x2: s,
-      y2: g - _,
-      itemIndex: y
-    }) : v.push({
-      key: `${c.id}-connector-top`,
-      x1: s,
-      y1: b,
-      x2: s,
-      y2: g,
-      itemIndex: y
-    }), !c.isDirectory && c.isLastChild && v.push({
-      key: `${c.id}-connector-horizontal`,
-      x1: s,
-      y1: g,
-      x2: u + o + I,
-      y2: g,
-      itemIndex: y
-    }), c.isLastChild || (c.isDirectory ? v.push({
-      key: `${c.id}-connector-bottom`,
-      x1: s,
-      y1: g + _,
-      x2: s,
-      y2: b + r,
-      itemIndex: y
-    }) : v.push({
-      key: `${c.id}-connector-bottom`,
-      x1: s,
-      y1: g,
-      x2: s,
-      y2: b + r,
-      itemIndex: y
-    })), a[y] = v, l && c.isDirectory) {
-      const f = m, w = s, R = g;
-      i[y] = [
+    const j = h.indentLevel * n, v = j + n / 2 + w;
+    if (h.isDirectory ? y.push({
+      key: `${h.id}-connector-top`,
+      x1: v,
+      y1: I,
+      x2: v,
+      y2: i - p,
+      itemIndex: c
+    }) : y.push({
+      key: `${h.id}-connector-top`,
+      x1: v,
+      y1: I,
+      x2: v,
+      y2: i,
+      itemIndex: c
+    }), !h.isDirectory && h.isLastChild && y.push({
+      key: `${h.id}-connector-horizontal`,
+      x1: v,
+      y1: i,
+      x2: j + n + w,
+      y2: i,
+      itemIndex: c
+    }), h.isLastChild || (h.isDirectory ? y.push({
+      key: `${h.id}-connector-bottom`,
+      x1: v,
+      y1: i + p,
+      x2: v,
+      y2: I + E,
+      itemIndex: c
+    }) : y.push({
+      key: `${h.id}-connector-bottom`,
+      x1: v,
+      y1: i,
+      x2: v,
+      y2: I + E,
+      itemIndex: c
+    })), s[c] = y, o && h.isDirectory) {
+      const g = u, d = v, P = i;
+      m[c] = [
         {
-          key: `${c.id}-glyph`,
-          itemIndex: y,
-          centerX: w,
-          centerY: R,
-          size: f,
-          isExpanded: c.isExpanded
+          key: `${h.id}-glyph`,
+          itemIndex: c,
+          centerX: d,
+          centerY: P,
+          size: g,
+          isExpanded: h.isExpanded
         }
       ];
     }
   }
-  return { segmentsByItem: a, glyphsByItem: i };
-}, ge = (e, r) => {
+  return { segmentsByItem: s, glyphsByItem: m };
+}, Re = (e, r) => {
   if (e == null || typeof e == "boolean") return null;
   if (typeof e == "function")
     return console.warn(`[DirectoryTree] Function returned by renderer for "${r}". Return a node.`), null;
@@ -524,367 +533,448 @@ const $ = {
     if ("then" in e)
       return console.warn(`[DirectoryTree] Promise returned for "${r}". Not supported.`), null;
     if (Array.isArray(e)) {
-      const l = e.map((n) => ge(n, r)).filter(Boolean);
-      return l.length ? l : null;
+      const n = e.map((o) => Re(o, r)).filter(Boolean);
+      return n.length ? n : null;
     }
-    const o = e.type;
-    if (o && o.$$typeof === /* @__PURE__ */ Symbol.for("react.lazy"))
+    const a = e.type;
+    if (a && a.$$typeof === /* @__PURE__ */ Symbol.for("react.lazy"))
       return console.warn(`[DirectoryTree] Lazy component for "${r}". Not supported.`), null;
   }
   return e;
-}, dt = (e, r) => {
-  const { entry: o, isDirectory: l, isExpanded: n, extension: a } = e;
-  let i;
-  return o.icon !== void 0 ? i = o.icon : l ? i = n && r?.directoryExpanded || r?.directory || /* @__PURE__ */ P.jsx(Xe, { className: "h-4 w-4" }) : a && r?.fileByExtension?.[a] ? i = r.fileByExtension[a] : i = r?.file || (a === "md" ? /* @__PURE__ */ P.jsx(Ve, { className: "h-4 w-4" }) : /* @__PURE__ */ P.jsx(ze, { className: "h-4 w-4" })), ge(typeof i == "function" ? i(e) : i, o.absolutePath);
-}, xe = je(
+}, kt = (e, r) => {
+  const { entry: a, isDirectory: n, isExpanded: o, extension: l } = e;
+  let s;
+  return a.icon !== void 0 ? s = a.icon : n ? s = o && r?.directoryExpanded || r?.directory || /* @__PURE__ */ N.jsx(ot, { className: "h-4 w-4" }) : l && r?.fileByExtension?.[l] ? s = r.fileByExtension[l] : s = r?.file || (l === "md" ? /* @__PURE__ */ N.jsx(st, { className: "h-4 w-4" }) : /* @__PURE__ */ N.jsx(it, { className: "h-4 w-4" })), Re(typeof s == "function" ? s(e) : s, a.absolutePath);
+}, _e = Ye(
   ({
     entry: e,
     indentLevel: r,
-    isDirOpen: o,
-    parentIsLast: l,
-    renderChildren: n = !0,
-    expansion: { toggleDirectory: a, onToggleDirectoryRecursive: i },
-    selection: { onEntryClick: m, selectedPath: I, mode: y = "none", selectedItems: c, onSelectionChange: v },
-    visual: { iconOverrides: b, showExpandIcons: g = !0, showDirectoryIcons: _ = !0, showFileIcons: u = !0, useCanvasExpandIcons: s = !1, expandIconSize: f, highlightStyles: w }
+    rowHeight: a,
+    isDirOpen: n,
+    parentIsLast: o,
+    renderChildren: l = !0,
+    expansion: { toggleDirectory: s, onToggleDirectoryRecursive: m },
+    selection: { onEntryClick: R, selectedPath: w, mode: c = "none", selectedItems: h, onSelectionChange: y },
+    visual: {
+      iconOverrides: E,
+      showExpandIcons: I = !0,
+      showDirectoryIcons: i = !0,
+      showFileIcons: u = !0,
+      useCanvasExpandIcons: p = !1,
+      expandIconSize: j,
+      highlightStyles: v,
+      entryClassName: g,
+      entryStyle: d,
+      nameClassName: P,
+      nameStyle: T,
+      directoryNameClassName: A,
+      directoryNameStyle: X,
+      fileNameClassName: U,
+      fileNameStyle: q
+    }
   }) => {
-    const R = ae(null), [S, d] = Z(null), [L, Y] = Z(!1);
-    J(
+    const $ = fe(null), [V, Z] = ie(null), [G, se] = ie(!1);
+    oe(
       () => () => {
-        R.current && window.clearTimeout(R.current);
+        $.current && window.clearTimeout($.current);
       },
       []
     );
-    const E = e.children !== void 0, N = E && o(e.absolutePath), j = e.absolutePath === I, C = !E && c?.has(e.absolutePath), H = E ? void 0 : ct(e.name);
-    J(() => {
-      d(N && e.children ? e.children : null);
-    }, [N, e.children]);
-    const W = M(
-      (p) => {
-        p.stopPropagation(), y !== "none" && !E && v && v(e, !C);
-        let k = !1;
-        m({
+    const S = e.children !== void 0, D = S && n(e.absolutePath), L = e.absolutePath === w, O = !S && h?.has(e.absolutePath), t = S ? void 0 : St(e.name);
+    oe(() => {
+      Z(D && e.children ? e.children : null);
+    }, [D, e.children]);
+    const f = C(
+      (B) => {
+        B.stopPropagation(), c !== "none" && !S && y && y(e, !O);
+        let ue = !1;
+        R({
           entry: e,
-          isDirectory: E,
-          isExpanded: N,
+          isDirectory: S,
+          isExpanded: D,
           preventDefault: () => {
-            k = !0;
+            ue = !0;
           }
-        }), !(!E || k) && (R.current ? (window.clearTimeout(R.current), R.current = null, i(e)) : R.current = window.setTimeout(() => {
-          a(e.absolutePath), R.current = null;
+        }), !(!S || ue) && ($.current ? (window.clearTimeout($.current), $.current = null, m(e)) : $.current = window.setTimeout(() => {
+          s(e.absolutePath), $.current = null;
         }, 500));
       },
-      [E, e, N, i, a, m, y, v, C]
-    ), D = L ? w?.hoverClassName !== void 0 ? w.hoverClassName : $.entryHover : "", B = (() => {
-      if (E) {
-        if (j)
-          return w?.directorySelectedClassName !== void 0 ? w.directorySelectedClassName : $.entrySelected;
-      } else if (j || C)
-        return w?.itemSelectedClassName !== void 0 ? w.itemSelectedClassName : A(
-          j && $.entrySelected,
-          C && $.entryItemSelected
-        );
+      [S, e, D, m, s, R, c, y, O]
+    ), x = G ? v?.hoverClassName !== void 0 ? v.hoverClassName : W.entryHover : "", k = (() => {
+      if (S) {
+        if (L)
+          return v?.directorySelectedClassName !== void 0 ? v.directorySelectedClassName : W.entrySelected;
+      } else if (L || O)
+        return v?.itemSelectedClassName !== void 0 ? v.itemSelectedClassName : Y(L && W.entrySelected, O && W.entryItemSelected);
       return "";
-    })(), Q = A($.entry, D, B, e.className), X = A($.expandIcon, (j || C) && $.expandIconSelected), K = A($.typeIcon, (j || C) && $.typeIconSelected), ee = A($.name, E && $.nameDirectory, (j || C) && $.nameSelected), G = it({ isDirectory: E, isExpanded: N, showExpandIcons: g, useCanvasExpandIcons: s, expandIconSize: f }), t = (E ? _ : u) ? dt({ entry: e, isDirectory: E, isExpanded: N, isSelected: j, isItemSelected: !!C, extension: H }, b) : null, h = {
-      ...L ? w?.hoverStyle : {},
-      ...E && j ? w?.directorySelectedStyle : {},
-      ...!E && (j || C) ? w?.itemSelectedStyle : {}
+    })(), te = Y(W.entry, x, k, g, e.className), Q = Y(W.expandIcon, (L || O) && W.expandIconSelected), _ = Y(W.typeIcon, (L || O) && W.typeIconSelected), J = Y(W.name, P, S && W.nameDirectory, S && A, !S && U, (L || O) && W.nameSelected), re = It({ isDirectory: S, isExpanded: D, showExpandIcons: I, useCanvasExpandIcons: p, expandIconSize: j }), ce = (S ? i : u) ? kt({ entry: e, isDirectory: S, isExpanded: D, isSelected: L, isItemSelected: !!O, extension: t }, E) : null, Ie = {
+      ...G ? v?.hoverStyle : {},
+      ...S && L ? v?.directorySelectedStyle : {},
+      ...!S && (L || O) ? v?.itemSelectedStyle : {}
     };
-    return /* @__PURE__ */ P.jsxs(Be, { children: [
-      /* @__PURE__ */ P.jsxs(
+    return /* @__PURE__ */ N.jsxs(tt, { children: [
+      /* @__PURE__ */ N.jsxs(
         "div",
         {
-          className: Q,
+          className: te,
           style: {
-            paddingLeft: `${Math.max(0, r * fe)}px`,
-            transform: r < 0 ? `translateX(${r * fe}px)` : void 0,
-            width: r < 0 ? `calc(100% + ${Math.abs(r * fe)}px)` : void 0,
-            height: `${se}px`,
-            ...h,
+            paddingLeft: `${Math.max(0, r * ye)}px`,
+            transform: r < 0 ? `translateX(${r * ye}px)` : void 0,
+            width: r < 0 ? `calc(100% + ${Math.abs(r * ye)}px)` : void 0,
+            height: `${a}px`,
+            ...Ie,
+            ...d,
             ...e.style
           },
-          "data-entry-type": E ? "directory" : "file",
-          "data-entry-expanded": E ? String(N) : void 0,
-          "data-entry-selected": j ? "true" : void 0,
-          "data-entry-item-selected": C ? "true" : void 0,
-          onClick: W,
-          onMouseEnter: () => Y(!0),
-          onMouseLeave: () => Y(!1),
-          onKeyDown: (p) => p.key === "Enter" && W(p),
+          "data-entry-type": S ? "directory" : "file",
+          "data-entry-expanded": S ? String(D) : void 0,
+          "data-entry-selected": L ? "true" : void 0,
+          "data-entry-item-selected": O ? "true" : void 0,
+          onClick: f,
+          onMouseEnter: () => se(!0),
+          onMouseLeave: () => se(!1),
+          onKeyDown: (B) => B.key === "Enter" && f(B),
           tabIndex: 0,
           role: "treeitem",
-          "aria-expanded": E ? N : void 0,
-          "aria-label": `${e.name} (${E ? "directory" : "file"})`,
+          "aria-expanded": S ? D : void 0,
+          "aria-label": `${e.name} (${S ? "directory" : "file"})`,
           children: [
-            (g || s) && /* @__PURE__ */ P.jsx("span", { className: X, children: G }),
-            (E ? _ : u) && /* @__PURE__ */ P.jsx("span", { className: K, children: t }),
-            /* @__PURE__ */ P.jsx("span", { className: ee, "data-entry-type": E ? "directory" : "file", "data-entry-role": "name", children: e.label ?? e.name })
+            (I || p) && /* @__PURE__ */ N.jsx("span", { className: Q, children: re }),
+            (S ? i : u) && /* @__PURE__ */ N.jsx("span", { className: _, children: ce }),
+            /* @__PURE__ */ N.jsx(
+              "span",
+              {
+                className: J,
+                style: {
+                  ...T,
+                  ...S ? X : q
+                },
+                "data-entry-type": S ? "directory" : "file",
+                "data-entry-role": "name",
+                children: e.label ?? e.name
+              }
+            )
           ]
         }
       ),
-      N && S && n && /* @__PURE__ */ P.jsx("fieldset", { children: S.map((p, k) => /* @__PURE__ */ P.jsx(
-        xe,
+      D && V && l && /* @__PURE__ */ N.jsx("fieldset", { children: V.map((B, ue) => /* @__PURE__ */ N.jsx(
+        _e,
         {
-          entry: p,
+          entry: B,
           indentLevel: r + 1,
-          isDirOpen: o,
-          parentIsLast: [...l, k === S.length - 1],
-          expansion: { toggleDirectory: a, onToggleDirectoryRecursive: i },
-          selection: { onEntryClick: m, selectedPath: I, mode: y, selectedItems: c, onSelectionChange: v },
+          rowHeight: a,
+          isDirOpen: n,
+          parentIsLast: [...o, ue === V.length - 1],
+          expansion: { toggleDirectory: s, onToggleDirectoryRecursive: m },
+          selection: { onEntryClick: R, selectedPath: w, mode: c, selectedItems: h, onSelectionChange: y },
           visual: {
-            iconOverrides: b,
-            showExpandIcons: g,
-            showDirectoryIcons: _,
+            iconOverrides: E,
+            showExpandIcons: I,
+            showDirectoryIcons: i,
             showFileIcons: u,
-            useCanvasExpandIcons: s,
-            expandIconSize: f,
-            highlightStyles: w
+            useCanvasExpandIcons: p,
+            expandIconSize: j,
+            highlightStyles: v,
+            entryClassName: g,
+            entryStyle: d,
+            nameClassName: P,
+            nameStyle: T,
+            directoryNameClassName: A,
+            directoryNameStyle: X,
+            fileNameClassName: U,
+            fileNameStyle: q
           }
         },
-        p.absolutePath
+        B.absolutePath
       )) })
     ] }, e.absolutePath);
   },
   (e, r) => {
     if (e.entry !== r.entry) return !1;
-    const o = e.entry.children !== void 0, l = r.entry.children !== void 0, n = o && e.isDirOpen(e.entry.absolutePath), a = l && r.isDirOpen(r.entry.absolutePath);
-    return e.indentLevel === r.indentLevel && n === a && e.selection.selectedPath === r.selection.selectedPath && e.selection.mode === r.selection.mode && e.selection.selectedItems === r.selection.selectedItems && e.visual.iconOverrides === r.visual.iconOverrides && e.visual.showExpandIcons === r.visual.showExpandIcons && e.visual.showDirectoryIcons === r.visual.showDirectoryIcons && e.visual.showFileIcons === r.visual.showFileIcons && e.visual.useCanvasExpandIcons === r.visual.useCanvasExpandIcons && e.visual.expandIconSize === r.visual.expandIconSize && e.visual.highlightStyles === r.visual.highlightStyles && e.parentIsLast.length === r.parentIsLast.length && e.parentIsLast.every((i, m) => i === r.parentIsLast[m]);
+    const a = e.entry.children !== void 0, n = r.entry.children !== void 0, o = a && e.isDirOpen(e.entry.absolutePath), l = n && r.isDirOpen(r.entry.absolutePath);
+    return e.indentLevel === r.indentLevel && e.rowHeight === r.rowHeight && o === l && e.selection.selectedPath === r.selection.selectedPath && e.selection.mode === r.selection.mode && e.selection.selectedItems === r.selection.selectedItems && e.visual.iconOverrides === r.visual.iconOverrides && e.visual.showExpandIcons === r.visual.showExpandIcons && e.visual.showDirectoryIcons === r.visual.showDirectoryIcons && e.visual.showFileIcons === r.visual.showFileIcons && e.visual.useCanvasExpandIcons === r.visual.useCanvasExpandIcons && e.visual.expandIconSize === r.visual.expandIconSize && e.visual.highlightStyles === r.visual.highlightStyles && e.visual.entryClassName === r.visual.entryClassName && e.visual.entryStyle === r.visual.entryStyle && e.visual.nameClassName === r.visual.nameClassName && e.visual.nameStyle === r.visual.nameStyle && e.visual.directoryNameClassName === r.visual.directoryNameClassName && e.visual.directoryNameStyle === r.visual.directoryNameStyle && e.visual.fileNameClassName === r.visual.fileNameClassName && e.visual.fileNameStyle === r.visual.fileNameStyle && e.parentIsLast.length === r.parentIsLast.length && e.parentIsLast.every((s, m) => s === r.parentIsLast[m]);
   }
 );
-xe.displayName = "DirectoryEntryItem";
-const se = 20, ft = () => se, fe = 16, Ce = 12, Oe = (e) => {
+_e.displayName = "DirectoryEntryItem";
+const Ee = 20, ye = 16, He = 12, We = (e) => {
   const r = [];
   if (e.children)
-    for (const o of e.children)
-      o.type === "directory" && (r.push(o.absolutePath), r.push(...Oe(o)));
+    for (const a of e.children)
+      a.type === "directory" && (r.push(a.absolutePath), r.push(...We(a)));
   return r;
-}, vt = ({
+}, Ct = ({
   entries: e,
-  expansion: { toggle: r, isExpanded: o, expandMultiple: l, collapseMultiple: n, isPending: a, alwaysExpanded: i = !1, doubleClickAction: m = "recursive" },
-  selection: { onEntryClick: I, selectedPath: y, mode: c = "none", selectedItems: v, onSelectionChange: b },
-  visual: { className: g, style: _, lineColor: u = "#A0AEC0", showTreeLines: s = !0, showExpandIcons: f = !0, showDirectoryIcons: w = !0, showFileIcons: R = !0, iconOverrides: S, expandIconSize: d, removeRootIndent: L = !1, highlightStyles: Y } = {},
-  virtualScroll: E
+  expansion: { toggle: r, isExpanded: a, expandMultiple: n, collapseMultiple: o, isPending: l, alwaysExpanded: s = !1, doubleClickAction: m = "recursive" },
+  selection: { onEntryClick: R, selectedPath: w, mode: c = "none", selectedItems: h, onSelectionChange: y },
+  visual: {
+    className: E,
+    style: I,
+    lineColor: i = "#A0AEC0",
+    showTreeLines: u = !0,
+    showExpandIcons: p = !0,
+    showDirectoryIcons: j = !0,
+    showFileIcons: v = !0,
+    iconOverrides: g,
+    expandIconSize: d,
+    itemHeight: P = Ee,
+    removeRootIndent: T = !1,
+    highlightStyles: A,
+    entryClassName: X,
+    entryStyle: U,
+    nameClassName: q,
+    nameStyle: $,
+    directoryNameClassName: V,
+    directoryNameStyle: Z,
+    fileNameClassName: G,
+    fileNameStyle: se
+  } = {},
+  virtualScroll: S
 }) => {
-  const [N, j] = Z(!1), C = ae(null), H = ae(null), [W, D] = Z(0), [B, Q] = Z(null), {
-    overscanCount: X = 15,
-    className: K,
-    background: ee,
-    onScroll: G,
-    onRangeChange: t,
-    initialScrollIndex: h,
-    initialScrollOffset: p,
-    callbackThrottleMs: k = 5,
-    contentInsets: te,
-    onItemFocus: le,
-    viewportHeightOverride: x,
-    scrollBarOptions: V,
-    behaviorOptions: ie
-  } = E ?? {}, [re, Ee] = Z(typeof p == "number" ? p : 0), Ae = M(
-    (T, U) => {
-      Ee(T), G?.(T, U);
+  const [D, L] = ie(!1), O = fe(null), t = fe(null), [f, x] = ie(0), [k, te] = ie(null), {
+    overscanCount: Q = 15,
+    className: _,
+    background: J,
+    onScroll: re,
+    onRangeChange: ce,
+    initialScrollIndex: Ie,
+    initialScrollOffset: B,
+    callbackThrottleMs: ue = 5,
+    contentInsets: Xe,
+    onItemFocus: Ve,
+    viewportHeightOverride: z,
+    scrollBarOptions: Ge,
+    behaviorOptions: Je
+  } = S ?? {}, [pe, Ne] = ie(typeof B == "number" ? B : 0), ze = C(
+    (b, F) => {
+      Ne(b), re?.(b, F);
     },
-    [G]
-  ), $e = M(
-    (T) => {
-      const { renderingStartIndex: U, renderingEndIndex: F } = T;
-      Q((O) => O && O.renderStart === U && O.renderEnd === F ? O : { renderStart: U, renderEnd: F }), t?.(T);
+    [re]
+  ), Ue = C(
+    (b) => {
+      const { renderingStartIndex: F, renderingEndIndex: H } = b;
+      te((M) => M && M.renderStart === F && M.renderEnd === H ? M : { renderStart: F, renderEnd: H }), ce?.(b);
     },
-    [t]
+    [ce]
   );
-  J(() => {
-    typeof p == "number" && Ee(p);
-  }, [p]), J(() => {
-    j(!0), at();
-  }, []), J(() => {
-    if (typeof x == "number") {
-      D((O) => Math.abs(O - x) > 1 ? x : O);
+  oe(() => {
+    typeof B == "number" && Ne(B);
+  }, [B]), oe(() => {
+    L(!0), gt();
+  }, []), oe(() => {
+    if (typeof z == "number") {
+      x((M) => Math.abs(M - z) > 1 ? z : M);
       return;
     }
-    const T = C.current;
-    if (!T) return D(0);
+    const b = O.current;
+    if (!b) return x(0);
     (() => {
-      const O = T.clientHeight;
-      D((q) => Math.abs(q - O) > 1 ? O : q);
+      const M = b.clientHeight;
+      x((le) => Math.abs(le - M) > 1 ? M : le);
     })();
-    const F = new ResizeObserver((O) => {
-      for (const q of O)
-        q.target === T && D((be) => Math.abs(be - q.contentRect.height) > 1 ? q.contentRect.height : be);
+    const H = new ResizeObserver((M) => {
+      for (const le of M)
+        le.target === b && x((we) => Math.abs(we - le.contentRect.height) > 1 ? le.contentRect.height : we);
     });
-    return F.observe(T), () => F.disconnect();
-  }, [x]);
-  const z = typeof x == "number" ? x : W, ne = M((T) => i || (N ? o(T) : !1), [N, o, i]), Ie = A($.container, a && $.containerPending, g), Se = oe(
+    return H.observe(b), () => H.disconnect();
+  }, [z]);
+  const ae = typeof z == "number" ? z : f, de = C((b) => s || (D ? a(b) : !1), [D, a, s]), Te = Y(W.container, l && W.containerPending, E), Pe = ee(
     () => ({
-      ...ot,
-      ..._ ?? {},
-      ...typeof x == "number" ? { height: x, minHeight: x } : {}
+      ...vt,
+      ...I ?? {},
+      ...typeof z == "number" ? { height: z, minHeight: z } : {}
     }),
-    [_, x]
-  ), De = M(
-    (T, U) => {
-      const F = [T.absolutePath, ...Oe(T)], O = U || m;
-      if (F.every((ve) => ne(ve))) return n(F);
-      if (F.every((ve) => !ne(ve)) || O === "recursive") return l(F);
-      if (O === "toggle") return n(F);
-      console.warn(`[DirectoryTree] Unknown double click action: ${O}. No action taken.`);
+    [I, z]
+  ), qe = C(
+    (b, F) => {
+      const H = [b.absolutePath, ...We(b)], M = F || m;
+      if (H.every((ke) => de(ke))) return o(H);
+      if (H.every((ke) => !de(ke)) || M === "recursive") return n(H);
+      if (M === "toggle") return o(H);
+      console.warn(`[DirectoryTree] Unknown double click action: ${M}. No action taken.`);
     },
-    [ne, l, n, m]
-  ), { flatItems: ce, lineItems: pe, maxIndent: ke } = oe(() => st(e, ne, s, L), [e, ne, s, L]), me = oe(
-    () => !s || pe.length === 0 ? { segmentsByItem: [], glyphsByItem: [] } : ut(pe, se, fe, s, d ?? Ce),
-    [pe, s, d]
-  ), he = oe(() => !s || e.length === 0 ? 0 : (ke + 2) * fe, [e.length, ke, s]), { renderStart: we, renderEnd: Re, lookaheadEnd: _e } = oe(() => lt(ce.length, z, X, B, re), [ce.length, z, X, B, re]), Le = oe(() => !s || he <= 0 || z <= 0 || me.segmentsByItem.length === 0 ? null : /* @__PURE__ */ P.jsx("div", { className: "pointer-events-none absolute inset-0 z-0", "aria-hidden": "true", children: /* @__PURE__ */ P.jsx("div", { className: "absolute top-0 left-0", style: { width: he, height: z }, children: /* @__PURE__ */ P.jsx(
-    Me,
+    [de, n, o, m]
+  ), { flatItems: Ce, lineItems: Se, maxIndent: je } = ee(() => xt(e, de, u, T), [e, de, u, T]), K = ee(
+    () => Ce.map((b, F) => {
+      const H = typeof P == "function" ? P(b.entry, F) : P;
+      return { ...b, rowHeight: Number.isFinite(H) && H > 0 ? H : Ee };
+    }),
+    [Ce, P]
+  ), ne = ee(() => K.map((b) => b.rowHeight), [K]), be = ee(() => {
+    const b = new Array(ne.length + 1);
+    b[0] = 0;
+    for (let F = 0; F < ne.length; F++)
+      b[F + 1] = b[F] + ne[F];
+    return b;
+  }, [ne]), Ze = C((b) => K[b]?.rowHeight ?? Ee, [K]), ve = ee(
+    () => !u || Se.length === 0 ? { segmentsByItem: [], glyphsByItem: [] } : wt(Se, ne, be, ye, u, d ?? He),
+    [Se, ne, be, u, d]
+  ), ge = ee(() => !u || e.length === 0 ? 0 : (je + 2) * ye, [e.length, je, u]), { renderStart: Ae, renderEnd: Oe, lookaheadEnd: Me } = ee(
+    () => Et(K.length, ae, Q, k, pe, be),
+    [K.length, ae, Q, k, pe, be]
+  ), Qe = ee(() => !u || ge <= 0 || ae <= 0 || ve.segmentsByItem.length === 0 ? null : /* @__PURE__ */ N.jsx("div", { className: "pointer-events-none absolute inset-0 z-0", "aria-hidden": "true", children: /* @__PURE__ */ N.jsx("div", { className: "absolute top-0 left-0", style: { width: ge, height: ae }, children: /* @__PURE__ */ N.jsx(
+    Be,
     {
-      segmentsByItem: me.segmentsByItem,
-      glyphsByItem: me.glyphsByItem,
-      itemHeight: se,
-      width: he,
-      viewportHeight: z,
-      scrollPosition: re,
-      color: u,
-      expandGlyphColor: u,
-      expandGlyphSize: d ?? Ce,
-      renderStartIndex: we,
-      renderEndIndex: Re,
-      lookaheadEndIndex: _e
+      segmentsByItem: ve.segmentsByItem,
+      glyphsByItem: ve.glyphsByItem,
+      itemHeight: ne[0] ?? Ee,
+      width: ge,
+      viewportHeight: ae,
+      scrollPosition: pe,
+      color: i,
+      expandGlyphColor: i,
+      expandGlyphSize: d ?? He,
+      renderStartIndex: Ae,
+      renderEndIndex: Oe,
+      lookaheadEndIndex: Me
     }
-  ) }) }), [he, z, we, Re, _e, re, me, u, s, d]), Fe = M((T) => ce[T], [ce]);
-  return e.length === 0 ? /* @__PURE__ */ P.jsx("div", { className: Ie, style: Se }) : /* @__PURE__ */ P.jsx("div", { ref: C, className: Ie, style: Se, role: "tree", children: /* @__PURE__ */ P.jsx(
-    We,
+  ) }) }), [ge, ae, Ae, Oe, Me, pe, ve, i, u, d, ne]), Ke = C((b) => K[b], [K]);
+  return e.length === 0 ? /* @__PURE__ */ N.jsx("div", { className: Te, style: Pe }) : /* @__PURE__ */ N.jsx("div", { ref: O, className: Te, style: Pe, role: "tree", children: /* @__PURE__ */ N.jsx(
+    nt,
     {
-      ref: H,
-      itemCount: ce.length,
-      getItem: Fe,
-      getItemHeight: ft,
-      viewportSize: z,
-      overscanCount: X,
-      onScroll: Ae,
-      onRangeChange: $e,
-      className: K,
-      background: /* @__PURE__ */ P.jsxs(P.Fragment, { children: [
-        Le,
-        ee
+      ref: t,
+      itemCount: K.length,
+      getItem: Ke,
+      getItemHeight: Ze,
+      viewportSize: ae,
+      overscanCount: Q,
+      onScroll: ze,
+      onRangeChange: Ue,
+      className: _,
+      background: /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
+        Qe,
+        J
       ] }),
-      initialScrollIndex: h,
-      initialScrollOffset: p,
-      onItemFocus: le,
-      callbackThrottleMs: k,
-      contentInsets: te,
-      scrollBarOptions: V,
-      behaviorOptions: ie,
-      children: (T) => T && /* @__PURE__ */ P.jsx(
-        xe,
+      initialScrollIndex: Ie,
+      initialScrollOffset: B,
+      onItemFocus: Ve,
+      callbackThrottleMs: ue,
+      contentInsets: Xe,
+      scrollBarOptions: Ge,
+      behaviorOptions: Je,
+      children: (b) => b && /* @__PURE__ */ N.jsx(
+        _e,
         {
-          entry: T.entry,
-          indentLevel: T.indentLevel,
-          isDirOpen: ne,
-          parentIsLast: T.parentIsLast,
+          entry: b.entry,
+          indentLevel: b.indentLevel,
+          rowHeight: b.rowHeight,
+          isDirOpen: de,
+          parentIsLast: b.parentIsLast,
           renderChildren: !1,
-          expansion: { toggleDirectory: r, onToggleDirectoryRecursive: De },
-          selection: { onEntryClick: I, selectedPath: y ?? null, mode: c, selectedItems: v, onSelectionChange: b },
+          expansion: { toggleDirectory: r, onToggleDirectoryRecursive: qe },
+          selection: { onEntryClick: R, selectedPath: w ?? null, mode: c, selectedItems: h, onSelectionChange: y },
           visual: {
-            iconOverrides: S,
-            showExpandIcons: f,
-            showDirectoryIcons: w,
-            showFileIcons: R,
-            useCanvasExpandIcons: s,
+            iconOverrides: g,
+            showExpandIcons: p,
+            showDirectoryIcons: j,
+            showFileIcons: v,
+            useCanvasExpandIcons: u,
             expandIconSize: d,
-            highlightStyles: Y
+            highlightStyles: A,
+            entryClassName: X,
+            entryStyle: U,
+            nameClassName: q,
+            nameStyle: $,
+            directoryNameClassName: V,
+            directoryNameStyle: Z,
+            fileNameClassName: G,
+            fileNameStyle: se
           }
         },
-        T.entry.absolutePath
+        b.entry.absolutePath
       )
     }
   ) });
-}, gt = ({ initialExpanded: e = /* @__PURE__ */ new Set(), storageKey: r } = {}) => {
-  const [o, l] = He(), [n, a] = Z(() => {
+}, jt = ({ initialExpanded: e = /* @__PURE__ */ new Set(), storageKey: r } = {}) => {
+  const [a, n] = rt(), [o, l] = ie(() => {
     if (typeof window < "u" && r)
       try {
-        const u = window.localStorage.getItem(r);
-        if (u) {
-          const s = JSON.parse(u);
-          return new Set(s);
+        const i = window.localStorage.getItem(r);
+        if (i) {
+          const u = JSON.parse(i);
+          return new Set(u);
         }
-      } catch (u) {
-        console.error("[useDirectoryTreeState] Error reading from localStorage", u);
+      } catch (i) {
+        console.error("[useDirectoryTreeState] Error reading from localStorage", i);
       }
     return e;
-  }), i = M((u) => {
-    l(() => {
-      a((s) => {
-        const f = new Set(s);
-        return u(f), f;
+  }), s = C((i) => {
+    n(() => {
+      l((u) => {
+        const p = new Set(u);
+        return i(p), p;
       });
     });
-  }, []), m = M(
-    (u, s) => {
-      i((f) => {
-        for (const w of u)
-          s(f, w);
+  }, []), m = C(
+    (i, u) => {
+      s((p) => {
+        for (const j of i)
+          u(p, j);
       });
     },
-    [i]
+    [s]
   );
-  J(() => {
+  oe(() => {
     if (r && typeof window < "u")
       try {
-        window.localStorage.setItem(r, JSON.stringify(Array.from(n)));
-      } catch (u) {
-        console.warn(`Error setting localStorage key "${r}":`, u);
+        window.localStorage.setItem(r, JSON.stringify(Array.from(o)));
+      } catch (i) {
+        console.warn(`Error setting localStorage key "${r}":`, i);
       }
-  }, [n, r]);
-  const I = M(
-    (u) => {
-      m([u], (s, f) => {
-        s.has(f) ? s.delete(f) : s.add(f);
+  }, [o, r]);
+  const R = C(
+    (i) => {
+      m([i], (u, p) => {
+        u.has(p) ? u.delete(p) : u.add(p);
       });
     },
     [m]
-  ), y = M(
-    (u) => {
-      m([u], (s, f) => {
-        s.add(f);
+  ), w = C(
+    (i) => {
+      m([i], (u, p) => {
+        u.add(p);
       });
     },
     [m]
-  ), c = M(
-    (u) => {
-      m([u], (s, f) => {
-        s.delete(f);
+  ), c = C(
+    (i) => {
+      m([i], (u, p) => {
+        u.delete(p);
       });
     },
     [m]
-  ), v = M(
-    (u) => {
-      m(u, (s, f) => {
-        s.delete(f);
+  ), h = C(
+    (i) => {
+      m(i, (u, p) => {
+        u.delete(p);
       });
     },
     [m]
-  ), b = M(
-    (u) => {
-      m(u, (s, f) => {
-        s.add(f);
+  ), y = C(
+    (i) => {
+      m(i, (u, p) => {
+        u.add(p);
       });
     },
     [m]
-  ), g = M(() => {
-    i((u) => {
-      u.clear();
+  ), E = C(() => {
+    s((i) => {
+      i.clear();
     });
-  }, [i]), _ = M((u) => n.has(u), [n]);
+  }, [s]), I = C((i) => o.has(i), [o]);
   return {
-    expanded: n,
-    toggle: I,
-    expand: y,
+    expanded: o,
+    toggle: R,
+    expand: w,
     collapse: c,
-    collapseMultiple: v,
-    expandMultiple: b,
-    collapseAll: g,
-    isExpanded: _,
-    isPending: o
+    collapseMultiple: h,
+    expandMultiple: y,
+    collapseAll: E,
+    isExpanded: I,
+    isPending: a
   };
 };
 export {
-  vt as DirectoryTree,
-  $ as directoryTreeClasses,
-  gt as useDirectoryTreeState
+  Ct as DirectoryTree,
+  W as directoryTreeClasses,
+  jt as useDirectoryTreeState
 };