@aiquants/directory-tree 1.16.0 → 2.1.0

package/dist/index.js

@@ -1,20 +1,20 @@
-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 $ } from "tailwind-merge";
-var ye = { exports: {} }, ce = {};
-var _e;
-function ze() {
-  if (_e) return ce;
-  _e = 1;
+import ze, { memo as $e, useRef as ce, useCallback as P, useEffect as K, useState as oe, useMemo as ie, Fragment as Ue, useTransition as qe } from "react";
+import { VirtualScroll as Ze } from "@aiquants/virtualscroll";
+import { FolderIcon as Qe, DocumentTextIcon as Ke, ChevronDownIcon as et, ChevronRightIcon as tt } from "@heroicons/react/24/solid";
+import { FileIcon as rt } from "@phosphor-icons/react";
+import { twMerge as A } from "tailwind-merge";
+var ge = { exports: {} }, me = {};
+var je;
+function nt() {
+  if (je) return me;
+  je = 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]);
+      for (var h in n)
+        h !== "key" && (a[h] = n[h]);
     } else a = n;
     return n = a.ref, {
       $$typeof: e,
@@ -24,29 +24,29 @@ function ze() {
       props: a
     };
   }
-  return ce.Fragment = r, ce.jsx = o, ce.jsxs = o, ce;
+  return me.Fragment = r, me.jsx = o, me.jsxs = o, me;
 }
-var ue = {};
-var Pe;
-function Ue() {
-  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
+var he = {};
+var Me;
+function ot() {
+  return Me || (Me = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === V ? null : t.displayName || t.name || null;
+        return t.$$typeof === $ ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
         case s:
           return "Fragment";
-        case R:
+        case I:
           return "Profiler";
-        case h:
+        case m:
           return "StrictMode";
         case F:
           return "Suspense";
-        case E:
+        case V:
           return "SuspenseList";
-        case C:
+        case q:
           return "Activity";
       }
       if (typeof t == "object")
@@ -55,16 +55,16 @@ function Ue() {
         ), t.$$typeof) {
           case u:
             return "Portal";
-          case x:
+          case S:
             return t.displayName || "Context";
-          case _:
+          case T:
             return (t._context.displayName || "Context") + ".Consumer";
           case d:
             var f = t.render;
             return t = t.displayName, t || (t = f.displayName || f.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case N:
+          case Y:
             return f = t.displayName || null, f !== null ? f : e(t.type) || "Memo";
-          case O:
+          case B:
             f = t._payload, t = t._init;
             try {
               return e(t(f));
@@ -85,17 +85,17 @@ function Ue() {
       }
       if (f) {
         f = console;
-        var I = f.error, P = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return I.call(
+        var x = f.error, w = 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.",
-          P
+          w
         ), r(t);
       }
     }
     function l(t) {
       if (t === s) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === O)
+      if (typeof t == "object" && t !== null && t.$$typeof === B)
         return "<...>";
       try {
         var f = e(t);
@@ -112,41 +112,41 @@ function Ue() {
       return Error("react-stack-top-frame");
     }
     function i(t) {
-      if (Y.call(t, "key")) {
+      if (Z.call(t, "key")) {
         var f = Object.getOwnPropertyDescriptor(t, "key").get;
         if (f && f.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function m(t, f) {
-      function I() {
-        J || (J = !0, console.error(
+    function h(t, f) {
+      function x() {
+        g || (g = !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
         ));
       }
-      I.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: I,
+      x.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: x,
         configurable: !0
       });
     }
-    function v() {
+    function E() {
       var t = e(this.type);
-      return te[t] || (te[t] = !0, console.error(
+      return M[t] || (M[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, ne, A) {
-      var T = I.ref;
+    function y(t, f, x, w, z, ee) {
+      var R = x.ref;
       return t = {
         $$typeof: k,
         type: t,
         key: f,
-        props: I,
-        _owner: P
-      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(t, "ref", {
+        props: x,
+        _owner: w
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: v
+        get: E
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -161,109 +161,109 @@ function Ue() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ne
+        value: z
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: ee
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function c(t, f, I, P, ne, A) {
-      var T = f.children;
-      if (T !== void 0)
-        if (P)
-          if (W(T)) {
-            for (P = 0; P < T.length; P++)
-              b(T[P]);
-            Object.freeze && Object.freeze(T);
+    function c(t, f, x, w, z, ee) {
+      var R = f.children;
+      if (R !== void 0)
+        if (w)
+          if (J(R)) {
+            for (w = 0; w < R.length; w++)
+              b(R[w]);
+            Object.freeze && Object.freeze(R);
           } 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 b(T);
-      if (Y.call(f, "key")) {
-        T = e(t);
-        var G = Object.keys(f).filter(function(fe) {
-          return fe !== "key";
+        else b(R);
+      if (Z.call(f, "key")) {
+        R = e(t);
+        var W = Object.keys(f).filter(function(de) {
+          return de !== "key";
         });
-        P = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", Z[T + P] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ae[R + w] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          P,
-          T,
-          G,
-          T
-        ), Z[T + P] = !0);
+          w,
+          R,
+          W,
+          R
+        ), ae[R + w] = !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 z in f)
-          z !== "key" && (I[z] = f[z]);
-      } else I = f;
-      return T && m(
-        I,
+      if (R = null, x !== void 0 && (o(x), R = "" + x), i(f) && (o(f.key), R = "" + f.key), "key" in f) {
+        x = {};
+        for (var Q in f)
+          Q !== "key" && (x[Q] = f[Q]);
+      } else x = f;
+      return R && h(
+        x,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
       ), y(
         t,
-        T,
-        I,
+        R,
+        x,
         n(),
-        ne,
-        A
+        z,
+        ee
       );
     }
     function b(t) {
-      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));
+      p(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === B && (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 === k;
     }
-    var g = Fe, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), s = /* @__PURE__ */ Symbol.for("react.fragment"), h = /* @__PURE__ */ Symbol.for("react.strict_mode"), R = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), x = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), F = /* @__PURE__ */ Symbol.for("react.suspense"), E = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), C = /* @__PURE__ */ Symbol.for("react.activity"), V = /* @__PURE__ */ 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() {
+    var v = ze, k = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), s = /* @__PURE__ */ Symbol.for("react.fragment"), m = /* @__PURE__ */ Symbol.for("react.strict_mode"), I = /* @__PURE__ */ Symbol.for("react.profiler"), T = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), F = /* @__PURE__ */ Symbol.for("react.suspense"), V = /* @__PURE__ */ Symbol.for("react.suspense_list"), Y = /* @__PURE__ */ Symbol.for("react.memo"), B = /* @__PURE__ */ Symbol.for("react.lazy"), q = /* @__PURE__ */ Symbol.for("react.activity"), $ = /* @__PURE__ */ Symbol.for("react.client.reference"), H = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, J = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    v = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var J, te = {}, re = g.react_stack_bottom_frame.bind(
-      g,
+    var g, M = {}, O = v.react_stack_bottom_frame.bind(
+      v,
       a
-    )(), D = X(l(a)), Z = {};
-    ue.Fragment = s, ue.jsx = function(t, f, I) {
-      var P = 1e4 > H.recentlyCreatedOwnerStacks++;
+    )(), C = G(l(a)), ae = {};
+    he.Fragment = s, he.jsx = function(t, f, x) {
+      var w = 1e4 > H.recentlyCreatedOwnerStacks++;
       return c(
         t,
         f,
-        I,
+        x,
         !1,
-        P ? Error("react-stack-top-frame") : re,
-        P ? X(l(t)) : D
+        w ? Error("react-stack-top-frame") : O,
+        w ? G(l(t)) : C
       );
-    }, ue.jsxs = function(t, f, I) {
-      var P = 1e4 > H.recentlyCreatedOwnerStacks++;
+    }, he.jsxs = function(t, f, x) {
+      var w = 1e4 > H.recentlyCreatedOwnerStacks++;
       return c(
         t,
         f,
-        I,
+        x,
         !0,
-        P ? Error("react-stack-top-frame") : re,
-        P ? X(l(t)) : D
+        w ? Error("react-stack-top-frame") : O,
+        w ? G(l(t)) : C
       );
     };
-  })()), ue;
+  })()), he;
 }
-var Te;
-function qe() {
-  return Te || (Te = 1, process.env.NODE_ENV === "production" ? ye.exports = ze() : ye.exports = Ue()), ye.exports;
+var Oe;
+function at() {
+  return Oe || (Oe = 1, process.env.NODE_ENV === "production" ? ge.exports = nt() : ge.exports = ot()), ge.exports;
 }
-var S = qe();
-const Ze = (e, r, o) => {
+var N = at();
+const st = (e, r, o) => {
   const l = [];
   for (let n = r; n < o; n++) {
     const a = e[n];
@@ -272,7 +272,7 @@ const Ze = (e, r, o) => {
         l.push(i);
   }
   return l;
-}, Qe = (e, r, o) => {
+}, lt = (e, r, o) => {
   const l = [];
   for (let n = r; n < o; n++) {
     const a = e[n];
@@ -281,36 +281,36 @@ const Ze = (e, r, o) => {
         l.push(i);
   }
   return l;
-}, Ke = (e, r, o, l) => {
+}, it = (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`);
-}, et = (e, r, o) => {
+}, ct = (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);
   e.stroke();
-}, tt = (e, r) => {
+}, ut = (e, r) => {
   const o = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());
   if (!o)
     return null;
   let l = o[1];
-  l.length === 3 && (l = l.split("").map((m) => m + m).join(""));
+  l.length === 3 && (l = l.split("").map((h) => h + h).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})`;
-}, rt = (e, r, o, l) => {
+}, dt = (e, r, o, l) => {
   if (r.length === 0)
     return;
-  const n = tt(o, 0.14), a = e.strokeStyle, i = e.fillStyle, m = e.lineWidth, v = e.lineCap, y = e.lineJoin;
+  const n = ut(o, 0.14), a = e.strokeStyle, i = e.fillStyle, h = e.lineWidth, E = 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)), 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());
+    const b = l ?? c.size, p = Math.max(0, b / 2), v = Math.max(1, Math.round(b * 0.08)), k = Math.max(1, Math.round(b * 0.14)), u = Math.max(0, p - v * 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 = v, e.beginPath(), e.arc(c.centerX, c.centerY, Math.max(0, p - v * 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 k = se(null), u = se(null), s = se({
+  e.strokeStyle = a, e.fillStyle = i, e.lineWidth = h, e.lineCap = E, e.lineJoin = y;
+}, De = $e(({ segmentsByItem: e, glyphsByItem: r, itemHeight: o, width: l, viewportHeight: n, scrollPosition: a, color: i = "#a0aec0", strokeWidth: h = 1, renderStartIndex: E, renderEndIndex: y, lookaheadEndIndex: c, devicePixelRatio: b, expandGlyphColor: p, expandGlyphSize: v }) => {
+  const k = ce(null), u = ce(null), s = ce({
     segmentsByItem: e,
     glyphsByItem: r,
     itemHeight: o,
@@ -318,46 +318,46 @@ const Ze = (e, r, o) => {
     viewportHeight: n,
     scrollPosition: a,
     color: i,
-    strokeWidth: m,
-    renderStartIndex: v,
+    strokeWidth: h,
+    renderStartIndex: E,
     renderEndIndex: y,
     lookaheadEndIndex: c,
     devicePixelRatio: b,
     expandGlyphColor: p,
-    expandGlyphSize: g
-  }), h = j(() => {
+    expandGlyphSize: v
+  }), m = P(() => {
     u.current = null;
-    const _ = k.current;
-    if (!_)
+    const T = k.current;
+    if (!T)
       return;
-    const x = _.getContext("2d");
-    if (!x)
+    const S = T.getContext("2d");
+    if (!S)
       return;
     const d = s.current;
     if (d.width <= 0 || d.viewportHeight <= 0) {
-      x.clearRect(0, 0, _.width, _.height);
+      S.clearRect(0, 0, T.width, T.height);
       return;
     }
     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)), O = Math.min(E, Math.ceil((d.scrollPosition + d.viewportHeight) / d.itemHeight)), C = (() => {
+    it(T, d.width, d.viewportHeight, F);
+    const V = d.segmentsByItem.length, Y = typeof d.renderStartIndex == "number" && Number.isFinite(d.renderStartIndex) ? Math.max(0, Math.floor(d.renderStartIndex)) : Math.max(0, Math.floor(d.scrollPosition / d.itemHeight)), B = Math.min(V, Math.ceil((d.scrollPosition + d.viewportHeight) / d.itemHeight)), q = (() => {
       if (typeof d.renderEndIndex == "number" && Number.isFinite(d.renderEndIndex)) {
-        const W = Math.floor(d.renderEndIndex);
-        return Math.max(Math.min(E, W + 1), N);
+        const J = Math.floor(d.renderEndIndex);
+        return Math.max(Math.min(V, J + 1), Y);
       }
-      return Math.max(O, N);
-    })(), V = (() => {
+      return Math.max(B, Y);
+    })(), $ = (() => {
       if (typeof d.lookaheadEndIndex == "number" && Number.isFinite(d.lookaheadEndIndex)) {
-        const W = Math.floor(d.lookaheadEndIndex), X = Math.min(E, W + 1);
-        return Math.max(X, C);
+        const J = Math.floor(d.lookaheadEndIndex), G = Math.min(V, J + 1);
+        return Math.max(G, q);
       }
-      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 Math.max(B, q);
+    })(), H = st(d.segmentsByItem, Y, $), Z = lt(d.glyphsByItem, Y, $);
+    S.save(), S.scale(F, F), S.clearRect(0, 0, d.width, d.viewportHeight), S.translate(0, -d.scrollPosition), S.strokeStyle = d.color, ct(S, H, d.strokeWidth), dt(S, Z, d.expandGlyphColor ?? d.color, d.expandGlyphSize), S.restore();
+  }, []), I = P(() => {
+    u.current === null && (u.current = window.requestAnimationFrame(m));
+  }, [m]);
+  return K(() => {
     s.current = {
       segmentsByItem: e,
       glyphsByItem: r,
@@ -366,157 +366,157 @@ const Ze = (e, r, o) => {
       viewportHeight: n,
       scrollPosition: a,
       color: i,
-      strokeWidth: m,
-      renderStartIndex: v,
+      strokeWidth: h,
+      renderStartIndex: E,
       renderEndIndex: y,
       lookaheadEndIndex: c,
       devicePixelRatio: b,
       expandGlyphColor: p,
-      expandGlyphSize: g
-    }, R();
-  }, [e, r, o, l, n, a, i, m, v, y, c, b, p, g, R]), q(() => () => {
+      expandGlyphSize: v
+    }, I();
+  }, [e, r, o, l, n, a, i, h, E, y, c, b, p, v, I]), K(() => () => {
     u.current !== null && (window.cancelAnimationFrame(u.current), u.current = null);
-  }, []), /* @__PURE__ */ S.jsx("canvas", { ref: k, className: "pointer-events-none absolute top-0 left-0 z-0" });
+  }, []), /* @__PURE__ */ N.jsx("canvas", { ref: k, className: "pointer-events-none absolute top-0 left-0 z-0" });
 });
-Ce.displayName = "TreeLineCanvas";
+De.displayName = "TreeLineCanvas";
 const L = {
   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: $("directory-tree-entry--hover hover:bg-gray-400/15", "dark:hover:bg-gray-200/10"),
+  entryHover: A("directory-tree-entry--hover hover:bg-gray-400/15", "dark:hover:bg-gray-200/10"),
   // 選択時のスタイル（ライト/ダークモード対応）
-  entrySelected: $("directory-tree-entry--selected bg-blue-400/10", "dark:bg-blue-400/15"),
+  entrySelected: A("directory-tree-entry--selected bg-blue-400/10", "dark:bg-blue-400/15"),
   // アイテム選択時のスタイル（ライト/ダークモード対応）
-  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)]"),
+  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)]"),
   // アイコンのスタイル
-  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"),
+  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"),
   // テキストのスタイル
-  name: $("directory-tree-name overflow-hidden text-ellipsis whitespace-nowrap ml-1", "text-gray-700", "dark:text-gray-200"),
+  name: A("directory-tree-name overflow-hidden text-ellipsis whitespace-nowrap ml-1", "text-gray-700", "dark:text-gray-200"),
   nameDirectory: "directory-tree-name--directory",
-  nameSelected: $("directory-tree-name--selected text-blue-800 font-medium", "dark:text-blue-300")
-}, nt = {
+  nameSelected: A("directory-tree-name--selected text-blue-800 font-medium", "dark:text-blue-300")
+}, ft = {
   msOverflowStyle: "none",
   scrollbarWidth: "none"
-}, ot = () => {
+}, mt = () => {
   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));
-}, at = (e, r, o, l) => {
+}, ht = (e, r, o, l) => {
   const n = [], a = [];
   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, 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({
+  const h = (E, y, c) => {
+    for (let b = 0; b < E.length; b++) {
+      const p = E[b], v = b === E.length - 1, k = [...c, v], u = p.children !== void 0, s = u && r(p.absolutePath, p.relativePath);
+      let m = y, I = k, T = c;
+      l && (m = y - 1, I = k.slice(1), T = c.slice(1)), n.push({ entry: p, indentLevel: m, parentIsLast: I }), o && (m > i && (i = m), a.push({
         id: p.absolutePath,
         name: p.name,
         absolutePath: p.absolutePath,
-        indentLevel: h,
-        isLastChild: g,
+        indentLevel: m,
+        isLastChild: v,
         isDirectory: u,
         isExpanded: s,
-        ancestorIsLast: [..._],
+        ancestorIsLast: [...T],
         hideLines: l && y === 0
-      })), u && s && p.children && m(p.children, y + 1, k);
+      })), u && s && p.children && h(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 / 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 }) => {
+  return h(e, 0, []), { flatItems: n, lineItems: a, maxIndent: i };
+}, yt = (e, r, o, l, n) => {
+  const a = l?.renderStart ?? Math.max(0, Math.floor(n / ue)), i = r > 0 ? Math.ceil(r / ue) + o : o, h = e > 0 ? Math.min(e - 1, a + i) : a, E = l?.renderEnd ?? h, y = e > 0 ? Math.min(e - 1, E + o) : E;
+  return { renderStart: a, renderEnd: E, lookaheadEnd: y };
+}, pt = ({ 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__ */ S.jsx("span", { className: i, style: a, "aria-hidden": "true" }) : r ? /* @__PURE__ */ S.jsx(Ve, { className: i, style: a }) : /* @__PURE__ */ S.jsx(Je, { className: i, style: a });
-}, it = (e) => e.slice((e.lastIndexOf(".") - 1 >>> 0) + 2).toLowerCase(), ct = (e, r, o, l, n) => {
+  return !(o && e) || l ? /* @__PURE__ */ N.jsx("span", { className: i, style: a, "aria-hidden": "true" }) : r ? /* @__PURE__ */ N.jsx(et, { className: i, style: a }) : /* @__PURE__ */ N.jsx(tt, { className: i, style: a });
+}, bt = (e) => e.slice((e.lastIndexOf(".") - 1 >>> 0) + 2).toLowerCase(), vt = (e, r, o, l, n) => {
   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, v = 3;
+  const a = Array.from({ length: e.length }, () => []), i = Array.from({ length: e.length }, () => []), h = l ? typeof n == "number" && Number.isFinite(n) && n > 0 ? n : Math.max(8, Math.min(o * 0.9, r * 0.7)) : 0, E = 3;
   for (let y = 0; y < e.length; y++) {
     const c = e[y];
     if (c.hideLines)
       continue;
-    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)
+    const b = [], p = y * r, v = p + r / 2, k = h > 0 ? h / 2 + 2 : o / 1.5;
+    for (let m = 0; m < c.indentLevel; m++) {
+      if (c.ancestorIsLast[m] ?? !1)
         continue;
-      let _ = !1;
-      for (let x = y; x < e.length; x++) {
-        const d = e[x];
-        if (d.indentLevel > h && d.ancestorIsLast.length > h && !d.ancestorIsLast[h]) {
-          _ = !0;
+      let T = !1;
+      for (let S = y; S < e.length; S++) {
+        const d = e[S];
+        if (d.indentLevel > m && d.ancestorIsLast.length > m && !d.ancestorIsLast[m]) {
+          T = !0;
           break;
         }
-        if (x > y && d.indentLevel === h)
+        if (S > y && d.indentLevel === m)
           break;
       }
-      if (_) {
-        const x = h * o + o / 2 + v;
+      if (T) {
+        const S = m * o + o / 2 + E;
         b.push({
-          key: `${c.id}-ancestor-${h}`,
-          x1: x,
+          key: `${c.id}-ancestor-${m}`,
+          x1: S,
           y1: p,
-          x2: x,
+          x2: S,
           y2: p + r,
           itemIndex: y
         });
       }
     }
-    const u = c.indentLevel * o, s = u + o / 2 + v;
+    const u = c.indentLevel * o, s = u + o / 2 + E;
     if (c.isDirectory ? b.push({
       key: `${c.id}-connector-top`,
       x1: s,
       y1: p,
       x2: s,
-      y2: g - k,
+      y2: v - k,
       itemIndex: y
     }) : b.push({
       key: `${c.id}-connector-top`,
       x1: s,
       y1: p,
       x2: s,
-      y2: g,
+      y2: v,
       itemIndex: y
     }), !c.isDirectory && c.isLastChild && b.push({
       key: `${c.id}-connector-horizontal`,
       x1: s,
-      y1: g,
-      x2: u + o + v,
-      y2: g,
+      y1: v,
+      x2: u + o + E,
+      y2: v,
       itemIndex: y
     }), c.isLastChild || (c.isDirectory ? b.push({
       key: `${c.id}-connector-bottom`,
       x1: s,
-      y1: g + k,
+      y1: v + k,
       x2: s,
       y2: p + r,
       itemIndex: y
     }) : b.push({
       key: `${c.id}-connector-bottom`,
       x1: s,
-      y1: g,
+      y1: v,
       x2: s,
       y2: p + r,
       itemIndex: y
     })), a[y] = b, l && c.isDirectory) {
-      const h = m, R = s, _ = g;
+      const m = h, I = s, T = v;
       i[y] = [
         {
           key: `${c.id}-glyph`,
           itemIndex: y,
-          centerX: R,
-          centerY: _,
-          size: h,
+          centerX: I,
+          centerY: T,
+          size: m,
           isExpanded: c.isExpanded
         }
       ];
     }
   }
   return { segmentsByItem: a, glyphsByItem: i };
-}, ve = (e, r) => {
+}, Se = (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,7 +524,7 @@ const L = {
     if ("then" in e)
       return console.warn(`[DirectoryTree] Promise returned for "${r}". Not supported.`), null;
     if (Array.isArray(e)) {
-      const l = e.map((n) => ve(n, r)).filter(Boolean);
+      const l = e.map((n) => Se(n, r)).filter(Boolean);
       return l.length ? l : null;
     }
     const o = e.type;
@@ -532,11 +532,11 @@ const L = {
       return console.warn(`[DirectoryTree] Lazy component for "${r}". Not supported.`), null;
   }
   return e;
-}, ut = (e, r) => {
+}, gt = (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__ */ S.jsx(We, { className: "h-4 w-4" }) : a && r?.fileByExtension?.[a] ? i = r.fileByExtension[a] : i = r?.file || (a === "md" ? /* @__PURE__ */ S.jsx(Xe, { className: "h-4 w-4" }) : /* @__PURE__ */ S.jsx(Ge, { className: "h-4 w-4" })), ve(typeof i == "function" ? i(e) : i, o.absolutePath);
-}, xe = je(
+  return o.icon !== void 0 ? i = o.icon : l ? i = n && r?.directoryExpanded || r?.directory || /* @__PURE__ */ N.jsx(Qe, { className: "h-4 w-4" }) : a && r?.fileByExtension?.[a] ? i = r.fileByExtension[a] : i = r?.file || (a === "md" ? /* @__PURE__ */ N.jsx(Ke, { className: "h-4 w-4" }) : /* @__PURE__ */ N.jsx(rt, { className: "h-4 w-4" })), Se(typeof i == "function" ? i(e) : i, o.absolutePath);
+}, ke = $e(
   ({
     entry: e,
     indentLevel: r,
@@ -544,76 +544,134 @@ const L = {
     parentIsLast: 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: k = !0, showFileIcons: u = !0, useCanvasExpandIcons: s = !1, expandIconSize: h }
+    selection: { onEntryClick: h, selectedPath: E, mode: y = "none", selectedItems: c, onSelectionChange: b },
+    visual: {
+      iconOverrides: p,
+      showExpandIcons: v = !0,
+      showDirectoryIcons: k = !0,
+      showFileIcons: u = !0,
+      useCanvasExpandIcons: s = !1,
+      expandIconSize: m,
+      highlightStyles: I,
+      entryClassName: T,
+      entryStyle: S,
+      nameClassName: d,
+      nameStyle: F,
+      directoryNameClassName: V,
+      directoryNameStyle: Y,
+      fileNameClassName: B,
+      fileNameStyle: q
+    }
   }) => {
-    const R = se(null), [_, x] = ee(null), [d, F] = ee(!1);
-    q(
+    const $ = ce(null), [H, Z] = oe(null), [J, G] = oe(!1);
+    K(
       () => () => {
-        R.current && window.clearTimeout(R.current);
+        $.current && window.clearTimeout($.current);
       },
       []
     );
-    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 H = j(
+    const g = e.children !== void 0, M = g && o(e.absolutePath), O = e.absolutePath === E, C = !g && c?.has(e.absolutePath), ae = g ? void 0 : bt(e.name);
+    K(() => {
+      Z(M && e.children ? e.children : null);
+    }, [M, e.children]);
+    const t = P(
       (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);
+        D.stopPropagation(), y !== "none" && !g && b && b(e, !C);
+        let se = !1;
+        h({
+          entry: e,
+          isDirectory: g,
+          isExpanded: M,
+          preventDefault: () => {
+            se = !0;
+          }
+        }), !(!g || se) && ($.current ? (window.clearTimeout($.current), $.current = null, i(e)) : $.current = window.setTimeout(() => {
+          a(e.absolutePath), $.current = null;
+        }, 500));
       },
-      [E, e, i, a, m, y, b, C]
-    ), 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(
+      [g, e, M, i, a, h, y, b, C]
+    ), f = J ? I?.hoverClassName !== void 0 ? I.hoverClassName : L.entryHover : "", x = (() => {
+      if (g) {
+        if (O)
+          return I?.directorySelectedClassName !== void 0 ? I.directorySelectedClassName : L.entrySelected;
+      } else if (O || C)
+        return I?.itemSelectedClassName !== void 0 ? I.itemSelectedClassName : A(O && L.entrySelected, C && L.entryItemSelected);
+      return "";
+    })(), w = A(L.entry, f, x, T, e.className), z = A(L.expandIcon, (O || C) && L.expandIconSelected), ee = A(L.typeIcon, (O || C) && L.typeIconSelected), R = A(L.name, d, g && L.nameDirectory, g && V, !g && B, (O || C) && L.nameSelected), W = pt({ isDirectory: g, isExpanded: M, showExpandIcons: v, useCanvasExpandIcons: s, expandIconSize: m }), Q = (g ? k : u) ? gt({ entry: e, isDirectory: g, isExpanded: M, isSelected: O, isItemSelected: !!C, extension: ae }, p) : null, de = {
+      ...J ? I?.hoverStyle : {},
+      ...g && O ? I?.directorySelectedStyle : {},
+      ...!g && (O || C) ? I?.itemSelectedStyle : {}
+    };
+    return /* @__PURE__ */ N.jsxs(Ue, { children: [
+      /* @__PURE__ */ N.jsxs(
         "div",
         {
-          className: Y,
+          className: w,
           style: {
-            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`,
+            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: `${ue}px`,
+            ...de,
+            ...S,
             ...e.style
           },
-          "data-entry-type": E ? "directory" : "file",
-          "data-entry-expanded": E ? String(N) : void 0,
+          "data-entry-type": g ? "directory" : "file",
+          "data-entry-expanded": g ? String(M) : void 0,
           "data-entry-selected": O ? "true" : void 0,
           "data-entry-item-selected": C ? "true" : void 0,
-          onClick: H,
-          onMouseEnter: () => F(!0),
-          onMouseLeave: () => F(!1),
-          onKeyDown: (D) => D.key === "Enter" && H(D),
+          onClick: t,
+          onMouseEnter: () => G(!0),
+          onMouseLeave: () => G(!1),
+          onKeyDown: (D) => D.key === "Enter" && t(D),
           tabIndex: 0,
           role: "treeitem",
-          "aria-expanded": E ? N : void 0,
-          "aria-label": `${e.name} (${E ? "directory" : "file"})`,
+          "aria-expanded": g ? M : void 0,
+          "aria-label": `${e.name} (${g ? "directory" : "file"})`,
           children: [
-            (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 })
+            (v || s) && /* @__PURE__ */ N.jsx("span", { className: z, children: W }),
+            (g ? k : u) && /* @__PURE__ */ N.jsx("span", { className: ee, children: Q }),
+            /* @__PURE__ */ N.jsx(
+              "span",
+              {
+                className: R,
+                style: {
+                  ...F,
+                  ...g ? Y : q
+                },
+                "data-entry-type": g ? "directory" : "file",
+                "data-entry-role": "name",
+                children: e.label ?? e.name
+              }
+            )
           ]
         }
       ),
-      N && _ && n && /* @__PURE__ */ S.jsx("fieldset", { children: _.map((D, Z) => /* @__PURE__ */ S.jsx(
-        xe,
+      M && H && n && /* @__PURE__ */ N.jsx("fieldset", { children: H.map((D, se) => /* @__PURE__ */ N.jsx(
+        ke,
         {
           entry: D,
           indentLevel: r + 1,
           isDirOpen: o,
-          parentIsLast: [...l, Z === _.length - 1],
+          parentIsLast: [...l, se === H.length - 1],
           expansion: { toggleDirectory: a, onToggleDirectoryRecursive: i },
-          selection: { onFileSelect: m, selectedPath: v, mode: y, selectedItems: c, onSelectionChange: b },
+          selection: { onEntryClick: h, selectedPath: E, mode: y, selectedItems: c, onSelectionChange: b },
           visual: {
             iconOverrides: p,
-            showExpandIcons: g,
+            showExpandIcons: v,
             showDirectoryIcons: k,
             showFileIcons: u,
             useCanvasExpandIcons: s,
-            expandIconSize: h
+            expandIconSize: m,
+            highlightStyles: I,
+            entryClassName: T,
+            entryStyle: S,
+            nameClassName: d,
+            nameStyle: F,
+            directoryNameClassName: V,
+            directoryNameStyle: Y,
+            fileNameClassName: B,
+            fileNameStyle: q
           }
         },
         D.absolutePath
@@ -622,155 +680,184 @@ const L = {
   },
   (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, e.entry.relativePath), a = l && r.isDirOpen(r.entry.absolutePath, r.entry.relativePath);
-    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.parentIsLast.length === r.parentIsLast.length && e.parentIsLast.every((i, m) => i === r.parentIsLast[m]);
+    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.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((i, h) => i === r.parentIsLast[h]);
   }
 );
-xe.displayName = "DirectoryEntryItem";
-const le = 20, dt = () => le, de = 16, Ne = 12, Me = (e) => {
+ke.displayName = "DirectoryEntryItem";
+const ue = 20, xt = () => ue, ye = 16, Ae = 12, Le = (e) => {
   const r = [];
   if (e.children)
     for (const o of e.children)
-      o.type === "directory" && (r.push(o.absolutePath), r.push(...Me(o)));
+      o.type === "directory" && (r.push(o.absolutePath), r.push(...Le(o)));
   return r;
-}, bt = ({
+}, Rt = ({
   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: k, lineColor: u = "#A0AEC0", showTreeLines: s = !0, showExpandIcons: h = !0, showDirectoryIcons: R = !0, showFileIcons: _ = !0, iconOverrides: x, expandIconSize: d, removeRootIndent: F = !1 } = {},
-  virtualScroll: E
+  expansion: { toggle: r, isExpanded: o, expandMultiple: l, collapseMultiple: n, isPending: a, alwaysExpanded: i = !1, doubleClickAction: h = "recursive" },
+  selection: { onEntryClick: E, selectedPath: y, mode: c = "none", selectedItems: b, onSelectionChange: p },
+  visual: {
+    className: v,
+    style: k,
+    lineColor: u = "#A0AEC0",
+    showTreeLines: s = !0,
+    showExpandIcons: m = !0,
+    showDirectoryIcons: I = !0,
+    showFileIcons: T = !0,
+    iconOverrides: S,
+    expandIconSize: d,
+    removeRootIndent: F = !1,
+    highlightStyles: V,
+    entryClassName: Y,
+    entryStyle: B,
+    nameClassName: q,
+    nameStyle: $,
+    directoryNameClassName: H,
+    directoryNameStyle: Z,
+    fileNameClassName: J,
+    fileNameStyle: G
+  } = {},
+  virtualScroll: g
 }) => {
-  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: ne,
-    viewportHeightOverride: A,
-    scrollBarOptions: T,
-    behaviorOptions: G
-  } = E ?? {}, [z, fe] = ee(typeof f == "number" ? f : 0), Oe = j(
-    (w, U) => {
-      fe(w), D?.(w, U);
+  const [M, O] = oe(!1), C = ce(null), ae = ce(null), [t, f] = oe(0), [x, w] = oe(null), {
+    overscanCount: z = 15,
+    className: ee,
+    background: R,
+    onScroll: W,
+    onRangeChange: Q,
+    initialScrollIndex: de,
+    initialScrollOffset: D,
+    callbackThrottleMs: se = 5,
+    contentInsets: Fe,
+    onItemFocus: Ye,
+    viewportHeightOverride: U,
+    scrollBarOptions: Be,
+    behaviorOptions: He
+  } = g ?? {}, [pe, we] = oe(typeof D == "number" ? D : 0), We = P(
+    (_, re) => {
+      we(_), W?.(_, re);
     },
-    [D]
-  ), Ae = j(
-    (w) => {
-      const { renderingStartIndex: U, renderingEndIndex: B } = w;
-      X((M) => M && M.renderStart === U && M.renderEnd === B ? M : { renderStart: U, renderEnd: B }), Z?.(w);
+    [W]
+  ), Xe = P(
+    (_) => {
+      const { renderingStartIndex: re, renderingEndIndex: X } = _;
+      w((j) => j && j.renderStart === re && j.renderEnd === X ? j : { renderStart: re, renderEnd: X }), Q?.(_);
     },
-    [Z]
+    [Q]
   );
-  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);
+  K(() => {
+    typeof D == "number" && we(D);
+  }, [D]), K(() => {
+    O(!0), mt();
+  }, []), K(() => {
+    if (typeof U == "number") {
+      f((j) => Math.abs(j - U) > 1 ? U : j);
       return;
     }
-    const w = C.current;
-    if (!w) return Y(0);
+    const _ = C.current;
+    if (!_) return f(0);
     (() => {
-      const M = w.clientHeight;
-      Y((K) => Math.abs(K - M) > 1 ? M : K);
+      const j = _.clientHeight;
+      f((ne) => Math.abs(ne - j) > 1 ? j : ne);
     })();
-    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);
+    const X = new ResizeObserver((j) => {
+      for (const ne of j)
+        ne.target === _ && f((Ee) => Math.abs(Ee - ne.contentRect.height) > 1 ? ne.contentRect.height : Ee);
     });
-    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(
+    return X.observe(_), () => X.disconnect();
+  }, [U]);
+  const te = typeof U == "number" ? U : t, le = P((_) => i || (M ? o(_) : !1), [M, o, i]), Re = A(L.container, a && L.containerPending, v), _e = ie(
     () => ({
-      ...nt,
+      ...ft,
       ...k ?? {},
-      ...typeof A == "number" ? { height: A, minHeight: A } : {}
+      ...typeof U == "number" ? { height: U, minHeight: U } : {}
     }),
-    [k, A]
-  ), $e = j(
-    (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.`);
+    [k, U]
+  ), Ve = P(
+    (_, re) => {
+      const X = [_.absolutePath, ...Le(_)], j = re || h;
+      if (X.every((Ie) => le(Ie))) return n(X);
+      if (X.every((Ie) => !le(Ie)) || j === "recursive") return l(X);
+      if (j === "toggle") return n(X);
+      console.warn(`[DirectoryTree] Unknown double click action: ${j}. No action taken.`);
     },
-    [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,
+    [le, l, n, h]
+  ), { flatItems: fe, lineItems: xe, maxIndent: Ne } = ie(() => ht(e, le, s, F), [e, le, s, F]), be = ie(
+    () => !s || xe.length === 0 ? { segmentsByItem: [], glyphsByItem: [] } : vt(xe, ue, ye, s, d ?? Ae),
+    [xe, s, d]
+  ), ve = ie(() => !s || e.length === 0 ? 0 : (Ne + 2) * ye, [e.length, Ne, s]), { renderStart: Te, renderEnd: Pe, lookaheadEnd: Ce } = ie(() => yt(fe.length, te, z, x, pe), [fe.length, te, z, x, pe]), Je = ie(() => !s || ve <= 0 || te <= 0 || be.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: ve, height: te }, children: /* @__PURE__ */ N.jsx(
+    De,
     {
-      segmentsByItem: he.segmentsByItem,
-      glyphsByItem: he.glyphsByItem,
-      itemHeight: le,
-      width: me,
-      viewportHeight: Q,
-      scrollPosition: z,
+      segmentsByItem: be.segmentsByItem,
+      glyphsByItem: be.glyphsByItem,
+      itemHeight: ue,
+      width: ve,
+      viewportHeight: te,
+      scrollPosition: pe,
       color: u,
       expandGlyphColor: u,
-      expandGlyphSize: d ?? Ne,
-      renderStartIndex: we,
-      renderEndIndex: Se,
-      lookaheadEndIndex: Re
+      expandGlyphSize: d ?? Ae,
+      renderStartIndex: Te,
+      renderEndIndex: Pe,
+      lookaheadEndIndex: 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,
+  ) }) }), [ve, te, Te, Pe, Ce, pe, be, u, s, d]), Ge = P((_) => fe[_], [fe]);
+  return e.length === 0 ? /* @__PURE__ */ N.jsx("div", { className: Re, style: _e }) : /* @__PURE__ */ N.jsx("div", { ref: C, className: Re, style: _e, role: "tree", children: /* @__PURE__ */ N.jsx(
+    Ze,
     {
-      ref: V,
-      itemCount: ie.length,
-      getItem: Le,
-      getItemHeight: dt,
-      viewportSize: Q,
-      overscanCount: J,
-      onScroll: Oe,
-      onRangeChange: Ae,
-      className: te,
-      background: /* @__PURE__ */ S.jsxs(S.Fragment, { children: [
-        De,
-        re
+      ref: ae,
+      itemCount: fe.length,
+      getItem: Ge,
+      getItemHeight: xt,
+      viewportSize: te,
+      overscanCount: z,
+      onScroll: We,
+      onRangeChange: Xe,
+      className: ee,
+      background: /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
+        Je,
+        R
       ] }),
-      initialScrollIndex: t,
-      initialScrollOffset: f,
-      onItemFocus: ne,
-      callbackThrottleMs: I,
-      contentInsets: P,
-      scrollBarOptions: T,
-      behaviorOptions: G,
-      children: (w) => w && /* @__PURE__ */ S.jsx(
-        xe,
+      initialScrollIndex: de,
+      initialScrollOffset: D,
+      onItemFocus: Ye,
+      callbackThrottleMs: se,
+      contentInsets: Fe,
+      scrollBarOptions: Be,
+      behaviorOptions: He,
+      children: (_) => _ && /* @__PURE__ */ N.jsx(
+        ke,
         {
-          entry: w.entry,
-          indentLevel: w.indentLevel,
-          isDirOpen: oe,
-          parentIsLast: w.parentIsLast,
+          entry: _.entry,
+          indentLevel: _.indentLevel,
+          isDirOpen: le,
+          parentIsLast: _.parentIsLast,
           renderChildren: !1,
-          expansion: { toggleDirectory: r, onToggleDirectoryRecursive: $e },
-          selection: { onFileSelect: v, selectedPath: y ?? null, mode: c, selectedItems: b, onSelectionChange: p },
+          expansion: { toggleDirectory: r, onToggleDirectoryRecursive: Ve },
+          selection: { onEntryClick: E, selectedPath: y ?? null, mode: c, selectedItems: b, onSelectionChange: p },
           visual: {
-            iconOverrides: x,
-            showExpandIcons: h,
-            showDirectoryIcons: R,
-            showFileIcons: _,
+            iconOverrides: S,
+            showExpandIcons: m,
+            showDirectoryIcons: I,
+            showFileIcons: T,
             useCanvasExpandIcons: s,
-            expandIconSize: d
+            expandIconSize: d,
+            highlightStyles: V,
+            entryClassName: Y,
+            entryStyle: B,
+            nameClassName: q,
+            nameStyle: $,
+            directoryNameClassName: H,
+            directoryNameStyle: Z,
+            fileNameClassName: J,
+            fileNameStyle: G
           }
         },
-        w.entry.absolutePath
+        _.entry.absolutePath
       )
     }
   ) });
-}, gt = ({ initialExpanded: e = /* @__PURE__ */ new Set(), storageKey: r } = {}) => {
-  const [o, l] = Be(), [n, a] = ee(() => {
+}, _t = ({ initialExpanded: e = /* @__PURE__ */ new Set(), storageKey: r } = {}) => {
+  const [o, l] = qe(), [n, a] = oe(() => {
     if (typeof window < "u" && r)
       try {
         const u = window.localStorage.getItem(r);
@@ -782,23 +869,23 @@ const le = 20, dt = () => le, de = 16, Ne = 12, Me = (e) => {
         console.error("[useDirectoryTreeState] Error reading from localStorage", u);
       }
     return e;
-  }), i = j((u) => {
+  }), i = P((u) => {
     l(() => {
       a((s) => {
-        const h = new Set(s);
-        return u(h), h;
+        const m = new Set(s);
+        return u(m), m;
       });
     });
-  }, []), m = j(
+  }, []), h = P(
     (u, s) => {
-      i((h) => {
-        for (const R of u)
-          s(h, R);
+      i((m) => {
+        for (const I of u)
+          s(m, I);
       });
     },
     [i]
   );
-  q(() => {
+  K(() => {
     if (r && typeof window < "u")
       try {
         window.localStorage.setItem(r, JSON.stringify(Array.from(n)));
@@ -806,60 +893,60 @@ const le = 20, dt = () => le, de = 16, Ne = 12, Me = (e) => {
         console.warn(`Error setting localStorage key "${r}":`, u);
       }
   }, [n, r]);
-  const v = j(
+  const E = P(
     (u) => {
-      m([u], (s, h) => {
-        s.has(h) ? s.delete(h) : s.add(h);
+      h([u], (s, m) => {
+        s.has(m) ? s.delete(m) : s.add(m);
       });
     },
-    [m]
-  ), y = j(
+    [h]
+  ), y = P(
     (u) => {
-      m([u], (s, h) => {
-        s.add(h);
+      h([u], (s, m) => {
+        s.add(m);
       });
     },
-    [m]
-  ), c = j(
+    [h]
+  ), c = P(
     (u) => {
-      m([u], (s, h) => {
-        s.delete(h);
+      h([u], (s, m) => {
+        s.delete(m);
       });
     },
-    [m]
-  ), b = j(
+    [h]
+  ), b = P(
     (u) => {
-      m(u, (s, h) => {
-        s.delete(h);
+      h(u, (s, m) => {
+        s.delete(m);
       });
     },
-    [m]
-  ), p = j(
+    [h]
+  ), p = P(
     (u) => {
-      m(u, (s, h) => {
-        s.add(h);
+      h(u, (s, m) => {
+        s.add(m);
       });
     },
-    [m]
-  ), g = j(() => {
+    [h]
+  ), v = P(() => {
     i((u) => {
       u.clear();
     });
-  }, [i]), k = j((u) => n.has(u), [n]);
+  }, [i]), k = P((u) => n.has(u), [n]);
   return {
     expanded: n,
-    toggle: v,
+    toggle: E,
     expand: y,
     collapse: c,
     collapseMultiple: b,
     expandMultiple: p,
-    collapseAll: g,
+    collapseAll: v,
     isExpanded: k,
     isPending: o
   };
 };
 export {
-  bt as DirectoryTree,
+  Rt as DirectoryTree,
   L as directoryTreeClasses,
-  gt as useDirectoryTreeState
+  _t as useDirectoryTreeState
 };