@aiquants/directory-tree 1.4.0 → 1.5.0

package/dist/index.js

@@ -1,9 +1,9 @@
-import $e, { memo as Ne, useRef as ge, useState as Z, useEffect as K, useCallback as Y, Fragment as Le, useMemo as re, useTransition as Ae } from "react";
-import { VirtualScroll as Oe } from "@aiquants/virtualscroll";
-import { ChevronDownIcon as Me, ChevronRightIcon as De, FolderIcon as Pe, DocumentTextIcon as Fe } from "@heroicons/react/24/solid";
-import { FileIcon as Ye } from "@phosphor-icons/react";
-import { twMerge as F } from "tailwind-merge";
-var he = { exports: {} }, ne = {};
+import Le, { memo as Ae, useRef as pe, useState as K, useEffect as re, useCallback as L, Fragment as Oe, useMemo as oe, useTransition as Me } from "react";
+import { VirtualScroll as De } from "@aiquants/virtualscroll";
+import { ChevronDownIcon as Pe, ChevronRightIcon as Fe, FolderIcon as Ye, DocumentTextIcon as Ve } from "@heroicons/react/24/solid";
+import { FileIcon as ze } from "@phosphor-icons/react";
+import { twMerge as P } from "tailwind-merge";
+var be = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,29 +13,29 @@ var he = { exports: {} }, ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var we;
-function Ve() {
-  if (we) return ne;
-  we = 1;
-  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function d(s, l, i) {
-    var m = null;
-    if (i !== void 0 && (m = "" + i), l.key !== void 0 && (m = "" + l.key), "key" in l) {
-      i = {};
-      for (var v in l)
-        v !== "key" && (i[v] = l[v]);
-    } else i = l;
-    return l = i.ref, {
-      $$typeof: t,
-      type: s,
-      key: m,
-      ref: l !== void 0 ? l : null,
-      props: i
+var ke;
+function Be() {
+  if (ke) return se;
+  ke = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function f(i, o, h) {
+    var d = null;
+    if (h !== void 0 && (d = "" + h), o.key !== void 0 && (d = "" + o.key), "key" in o) {
+      h = {};
+      for (var l in o)
+        l !== "key" && (h[l] = o[l]);
+    } else h = o;
+    return o = h.ref, {
+      $$typeof: e,
+      type: i,
+      key: d,
+      ref: o !== void 0 ? o : null,
+      props: h
     };
   }
-  return ne.Fragment = r, ne.jsx = d, ne.jsxs = d, ne;
+  return se.Fragment = r, se.jsx = f, se.jsxs = f, se;
 }
-var ae = {};
+var le = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,706 +45,720 @@ var ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _e;
-function ze() {
-  return _e || (_e = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === D ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case u:
+var Ie;
+function Ue() {
+  return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === M ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case n:
           return "Fragment";
-        case b:
+        case y:
           return "Profiler";
-        case A:
+        case u:
           return "StrictMode";
-        case V:
+        case W:
           return "Suspense";
         case k:
           return "SuspenseList";
-        case C:
+        case B:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      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."
-        ), e.$$typeof) {
-          case n:
+        ), t.$$typeof) {
+          case s:
             return "Portal";
+          case N:
+            return t.displayName || "Context";
+          case m:
+            return (t._context.displayName || "Context") + ".Consumer";
           case O:
-            return e.displayName || "Context";
-          case p:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case M:
-            var a = e.render;
-            return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case w:
-            return a = e.displayName || null, a !== null ? a : t(e.type) || "Memo";
+            var a = t.render;
+            return t = t.displayName, t || (t = a.displayName || a.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case S:
+            return a = t.displayName || null, a !== null ? a : e(t.type) || "Memo";
           case z:
-            a = e._payload, e = e._init;
+            a = t._payload, t = t._init;
             try {
-              return t(e(a));
+              return e(t(a));
             } catch {
             }
         }
       return null;
     }
-    function r(e) {
-      return "" + e;
+    function r(t) {
+      return "" + t;
     }
-    function d(e) {
+    function f(t) {
       try {
-        r(e);
+        r(t);
         var a = !1;
       } catch {
         a = !0;
       }
       if (a) {
         a = console;
-        var y = a.error, x = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return y.call(
+        var p = a.error, _ = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return p.call(
           a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          x
-        ), r(e);
+          _
+        ), r(t);
       }
     }
-    function s(e) {
-      if (e === u) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === z)
+    function i(t) {
+      if (t === n) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === z)
         return "<...>";
       try {
-        var a = t(e);
+        var a = e(t);
         return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function l() {
-      var e = Q.A;
-      return e === null ? null : e.getOwner();
+    function o() {
+      var t = ee.A;
+      return t === null ? null : t.getOwner();
     }
-    function i() {
+    function h() {
       return Error("react-stack-top-frame");
     }
-    function m(e) {
-      if (ee.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+    function d(t) {
+      if (H.call(t, "key")) {
+        var a = Object.getOwnPropertyDescriptor(t, "key").get;
         if (a && a.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return t.key !== void 0;
     }
-    function v(e, a) {
-      function y() {
-        se || (se = !0, console.error(
+    function l(t, a) {
+      function p() {
+        U || (U = !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)",
           a
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: y,
+      p.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: p,
         configurable: !0
       });
     }
-    function T() {
-      var e = t(this.type);
-      return le[e] || (le[e] = !0, console.error(
+    function x() {
+      var t = e(this.type);
+      return ue[t] || (ue[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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function L(e, a, y, x, X, q) {
-      var E = y.ref;
-      return e = {
-        $$typeof: g,
-        type: e,
+    function T(t, a, p, _, q, te) {
+      var b = p.ref;
+      return t = {
+        $$typeof: $,
+        type: t,
         key: a,
-        props: y,
-        _owner: x
-      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(e, "ref", {
+        props: p,
+        _owner: _
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: T
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: x
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: X
-      }), Object.defineProperty(e, "_debugTask", {
+        value: q
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: te
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function $(e, a, y, x, X, q) {
-      var E = a.children;
-      if (E !== void 0)
-        if (x)
-          if (me(E)) {
-            for (x = 0; x < E.length; x++)
-              S(E[x]);
-            Object.freeze && Object.freeze(E);
+    function j(t, a, p, _, q, te) {
+      var b = a.children;
+      if (b !== void 0)
+        if (_)
+          if (F(b)) {
+            for (_ = 0; _ < b.length; _++)
+              R(b[_]);
+            Object.freeze && Object.freeze(b);
           } 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 S(E);
-      if (ee.call(a, "key")) {
-        E = t(e);
-        var G = Object.keys(a).filter(function(W) {
-          return W !== "key";
+        else R(b);
+      if (H.call(a, "key")) {
+        b = e(t);
+        var G = Object.keys(a).filter(function(J) {
+          return J !== "key";
         });
-        x = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ue[E + x] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        _ = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", he[b + _] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          x,
-          E,
+          _,
+          b,
           G,
-          E
-        ), ue[E + x] = !0);
+          b
+        ), he[b + _] = !0);
       }
-      if (E = null, y !== void 0 && (d(y), E = "" + y), m(a) && (d(a.key), E = "" + a.key), "key" in a) {
-        y = {};
-        for (var U in a)
-          U !== "key" && (y[U] = a[U]);
-      } else y = a;
-      return E && v(
-        y,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), L(
-        e,
-        E,
-        y,
-        l(),
-        X,
-        q
+      if (b = null, p !== void 0 && (f(p), b = "" + p), d(a) && (f(a.key), b = "" + a.key), "key" in a) {
+        p = {};
+        for (var ne in a)
+          ne !== "key" && (p[ne] = a[ne]);
+      } else p = a;
+      return b && l(
+        p,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), T(
+        t,
+        b,
+        p,
+        o(),
+        q,
+        te
       );
     }
-    function S(e) {
-      I(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === z && (e._payload.status === "fulfilled" ? I(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function R(t) {
+      Y(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === z && (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 I(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === g;
+    function Y(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === $;
     }
-    var o = $e, g = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), p = Symbol.for("react.consumer"), O = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), Q = o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, me = Array.isArray, J = console.createTask ? console.createTask : function() {
+    var v = Le, $ = Symbol.for("react.transitional.element"), s = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), m = Symbol.for("react.consumer"), N = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), ee = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, F = Array.isArray, Z = console.createTask ? console.createTask : function() {
       return null;
     };
-    o = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    v = {
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var se, le = {}, ce = o.react_stack_bottom_frame.bind(
-      o,
-      i
-    )(), ie = J(s(i)), ue = {};
-    ae.Fragment = u, ae.jsx = function(e, a, y) {
-      var x = 1e4 > Q.recentlyCreatedOwnerStacks++;
-      return $(
-        e,
+    var U, ue = {}, de = v.react_stack_bottom_frame.bind(
+      v,
+      h
+    )(), fe = Z(i(h)), he = {};
+    le.Fragment = n, le.jsx = function(t, a, p) {
+      var _ = 1e4 > ee.recentlyCreatedOwnerStacks++;
+      return j(
+        t,
         a,
-        y,
+        p,
         !1,
-        x ? Error("react-stack-top-frame") : ce,
-        x ? J(s(e)) : ie
+        _ ? Error("react-stack-top-frame") : de,
+        _ ? Z(i(t)) : fe
       );
-    }, ae.jsxs = function(e, a, y) {
-      var x = 1e4 > Q.recentlyCreatedOwnerStacks++;
-      return $(
-        e,
+    }, le.jsxs = function(t, a, p) {
+      var _ = 1e4 > ee.recentlyCreatedOwnerStacks++;
+      return j(
+        t,
         a,
-        y,
+        p,
         !0,
-        x ? Error("react-stack-top-frame") : ce,
-        x ? J(s(e)) : ie
+        _ ? Error("react-stack-top-frame") : de,
+        _ ? Z(i(t)) : fe
       );
     };
-  })()), ae;
+  })()), le;
 }
-var ke;
-function Ue() {
-  return ke || (ke = 1, process.env.NODE_ENV === "production" ? he.exports = Ve() : he.exports = ze()), he.exports;
+var we;
+function Je() {
+  return we || (we = 1, process.env.NODE_ENV === "production" ? be.exports = Be() : be.exports = Ue()), be.exports;
 }
-var h = Ue();
-const Be = ({ items: t, itemHeight: r, width: d, segmentWidth: s, color: l = "#a0aec0", strokeWidth: i = 1, renderFromY: m = 0, renderHeight: v, renderStartIndex: T, renderEndIndex: L, lookaheadEndIndex: $ }) => {
-  const S = [], I = v ?? t.length * r, o = typeof T == "number" && Number.isFinite(T) ? Math.max(0, Math.floor(T)) : Math.max(0, Math.floor(m / r)), g = Math.min(t.length, Math.ceil((m + I) / r)), n = (() => {
-    if (typeof L == "number" && Number.isFinite(L)) {
-      const b = Math.floor(L);
-      return Math.max(Math.min(t.length, b + 1), o);
+var E = Je();
+const We = ({ items: e, itemHeight: r, width: f, segmentWidth: i, color: o = "#a0aec0", strokeWidth: h = 1, renderFromY: d = 0, renderHeight: l, renderStartIndex: x, renderEndIndex: T, lookaheadEndIndex: j }) => {
+  const R = [], Y = l ?? e.length * r, v = typeof x == "number" && Number.isFinite(x) ? Math.max(0, Math.floor(x)) : Math.max(0, Math.floor(d / r)), $ = Math.min(e.length, Math.ceil((d + Y) / r)), s = (() => {
+    if (typeof T == "number" && Number.isFinite(T)) {
+      const y = Math.floor(T);
+      return Math.max(Math.min(e.length, y + 1), v);
     }
-    return Math.max(g, o);
-  })(), u = (() => {
-    if (typeof $ == "number" && Number.isFinite($)) {
-      const b = Math.floor($), p = Math.min(t.length, b + 1);
-      return Math.max(p, n);
+    return Math.max($, v);
+  })(), n = (() => {
+    if (typeof j == "number" && Number.isFinite(j)) {
+      const y = Math.floor(j), m = Math.min(e.length, y + 1);
+      return Math.max(m, s);
     }
-    return Math.max(g, n);
+    return Math.max($, s);
   })();
-  for (let b = o; b < n; b++) {
-    const p = t[b], O = b * r, M = O + r / 2;
-    for (let w = 0; w < p.indentLevel; w++) {
-      const z = w * s + s / 2;
-      let C = !1;
-      for (let D = b; D < u; D++) {
-        if (t[D].indentLevel > w && t[D].ancestorIsLast.length > w && !t[D].ancestorIsLast[w]) {
-          C = !0;
+  for (let y = v; y < s; y++) {
+    const m = e[y], N = y * r, O = N + r / 2;
+    for (let S = 0; S < m.indentLevel; S++) {
+      const z = S * i + i / 2;
+      let B = !1;
+      for (let M = y; M < n; M++) {
+        if (e[M].indentLevel > S && e[M].ancestorIsLast.length > S && !e[M].ancestorIsLast[S]) {
+          B = !0;
           break;
         }
-        if (t[D].indentLevel === w && D > b)
+        if (e[M].indentLevel === S && M > y)
           break;
       }
-      C && p.ancestorIsLast.length > w && !p.ancestorIsLast[w] && S.push(`M ${z},${O} L ${z},${O + r}`);
+      B && m.ancestorIsLast.length > S && !m.ancestorIsLast[S] && R.push(`M ${z},${N} L ${z},${N + r}`);
     }
-    const V = p.indentLevel * s, k = V + s / 2;
-    if (p.isDirectory) {
-      const w = s / 1.5;
-      S.push(`M ${k},${O} L ${k},${M - w}`);
+    const W = m.indentLevel * i, k = W + i / 2;
+    if (m.isDirectory) {
+      const S = i / 1.5;
+      R.push(`M ${k},${N} L ${k},${O - S}`);
     } else
-      S.push(`M ${k},${O} L ${k},${M}`);
-    if (p.isDirectory || p.isLastChild && S.push(`M ${k},${M} L ${V + s},${M}`), !p.isLastChild)
-      if (p.isDirectory) {
-        const w = s / 1.5;
-        S.push(`M ${k},${M + w} L ${k},${O + r}`);
+      R.push(`M ${k},${N} L ${k},${O}`);
+    if (m.isDirectory || m.isLastChild && R.push(`M ${k},${O} L ${W + i},${O}`), !m.isLastChild)
+      if (m.isDirectory) {
+        const S = i / 1.5;
+        R.push(`M ${k},${O + S} L ${k},${N + r}`);
       } else
-        S.push(`M ${k},${M} L ${k},${O + r}`);
+        R.push(`M ${k},${O} L ${k},${N + r}`);
   }
-  const A = t.length * r;
-  return /* @__PURE__ */ h.jsxs(
+  const u = e.length * r;
+  return /* @__PURE__ */ E.jsxs(
     "svg",
     {
-      width: d,
-      height: v ?? A,
-      viewBox: `0 ${m} ${d} ${v ?? A}`,
+      width: f,
+      height: l ?? u,
+      viewBox: `0 ${d} ${f} ${l ?? u}`,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: "pointer-events-none absolute top-0 left-0 z-0 opacity-75",
       children: [
-        /* @__PURE__ */ h.jsx("title", { children: "Tree Lines" }),
-        S.map((b, p) => /* @__PURE__ */ h.jsx("path", { d: b, stroke: l, strokeWidth: i, strokeLinecap: "round", strokeLinejoin: "round" }, `path-${t[o + p]?.id || p}-${o + p}`))
+        /* @__PURE__ */ E.jsx("title", { children: "Tree Lines" }),
+        R.map((y, m) => /* @__PURE__ */ E.jsx("path", { d: y, stroke: o, strokeWidth: h, strokeLinecap: "round", strokeLinejoin: "round" }, `path-${e[v + m]?.id || m}-${v + m}`))
       ]
     }
   );
-}, N = {
+}, A = {
   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: F("directory-tree-entry--hover hover:bg-gray-400/15", "dark:hover:bg-gray-200/10"),
+  entryHover: P("directory-tree-entry--hover hover:bg-gray-400/15", "dark:hover:bg-gray-200/10"),
   // 選択時のスタイル（ライト/ダークモード対応）
-  entrySelected: F("directory-tree-entry--selected bg-blue-400/10", "dark:bg-blue-400/15"),
+  entrySelected: P("directory-tree-entry--selected bg-blue-400/10", "dark:bg-blue-400/15"),
   // アイテム選択時のスタイル（ライト/ダークモード対応）
-  entryItemSelected: F(
+  entryItemSelected: P(
     "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: F("directory-tree-expand-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
-  expandIconSelected: F("directory-tree-expand-icon--selected text-blue-700", "dark:text-blue-400"),
-  typeIcon: F("directory-tree-type-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
-  typeIconSelected: F("directory-tree-type-icon--selected text-blue-700", "dark:text-blue-400"),
+  expandIcon: P("directory-tree-expand-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
+  expandIconSelected: P("directory-tree-expand-icon--selected text-blue-700", "dark:text-blue-400"),
+  typeIcon: P("directory-tree-type-icon w-5 h-5 flex-shrink-0 flex items-center justify-center", "text-gray-500", "dark:text-gray-400"),
+  typeIconSelected: P("directory-tree-type-icon--selected text-blue-700", "dark:text-blue-400"),
   // テキストのスタイル
-  name: F("directory-tree-name overflow-hidden text-ellipsis whitespace-nowrap ml-1", "text-gray-700", "dark:text-gray-200"),
+  name: P("directory-tree-name overflow-hidden text-ellipsis whitespace-nowrap ml-1", "text-gray-700", "dark:text-gray-200"),
   nameDirectory: "directory-tree-name--directory",
-  nameSelected: F("directory-tree-name--selected text-blue-800 font-medium", "dark:text-blue-300")
-}, ye = {
+  nameSelected: P("directory-tree-name--selected text-blue-800 font-medium", "dark:text-blue-300")
+}, Ee = {
   msOverflowStyle: "none",
   scrollbarWidth: "none"
-}, Je = () => {
-  let t = document.getElementById("directory-tree-webkit-scrollbar-hide");
-  t || (t = document.createElement("style"), t.id = "directory-tree-webkit-scrollbar-hide", t.textContent = ".directory-tree-container::-webkit-scrollbar { display: none; }", document.head.appendChild(t));
-}, We = (t = !1, r = !1, d = !1) => F(N.entry, t && N.entryHover, r && N.entrySelected, d && N.entryItemSelected), qe = (t = !1) => F(N.expandIcon, t && N.expandIconSelected), Ge = (t = !1) => F(N.typeIcon, t && N.typeIconSelected), Xe = (t = !1, r = !1) => F(N.name, t && N.nameDirectory, r && N.nameSelected), He = Oe, Ze = (t) => t.slice((t.lastIndexOf(".") - 1 >>> 0) + 2).toLowerCase(), xe = Ne(
-  ({ entry: t, indentLevel: r, isDirOpen: d, onFileSelect: s, toggleDirectory: l, onToggleDirectoryRecursive: i, selectedPath: m, parentIsLast: v, renderChildren: T = !0, selectionMode: L = "none", selectedItems: $, onSelectionChange: S }) => {
-    const I = ge(null), [o, g] = Z(null);
-    K(() => () => {
-      I.current && window.clearTimeout(I.current);
+}, qe = () => {
+  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));
+}, Ge = (e = !1, r = !1, f = !1) => P(A.entry, e && A.entryHover, r && A.entrySelected, f && A.entryItemSelected), Xe = (e = !1) => P(A.expandIcon, e && A.expandIconSelected), He = (e = !1) => P(A.typeIcon, e && A.typeIconSelected), Ze = (e = !1, r = !1) => P(A.name, e && A.nameDirectory, r && A.nameSelected), Qe = De, Ke = (e) => e.slice((e.lastIndexOf(".") - 1 >>> 0) + 2).toLowerCase(), ce = (e, r) => e ? typeof e == "function" ? e(r) ?? null : e : null, et = (e, r) => {
+  const { entry: f, isDirectory: i, isExpanded: o, extension: h } = e, d = ce(f.icon, e);
+  if (d)
+    return d;
+  if (i) {
+    const x = o ? ce(r?.directoryExpanded, e) : null;
+    if (x)
+      return x;
+    const T = ce(r?.directory, e);
+    return T || /* @__PURE__ */ E.jsx(Ye, { className: "h-4 w-4" });
+  }
+  if (h) {
+    const x = ce(r?.fileByExtension?.[h], e);
+    if (x)
+      return x;
+  }
+  const l = ce(r?.file, e);
+  return l || (h === "md" ? /* @__PURE__ */ E.jsx(Ve, { className: "h-4 w-4" }) : /* @__PURE__ */ E.jsx(ze, { className: "h-4 w-4" }));
+}, ve = Ae(
+  ({ entry: e, indentLevel: r, isDirOpen: f, onFileSelect: i, toggleDirectory: o, onToggleDirectoryRecursive: h, selectedPath: d, parentIsLast: l, renderChildren: x = !0, selectionMode: T = "none", selectedItems: j, onSelectionChange: R, iconOverrides: Y }) => {
+    const v = pe(null), [$, s] = K(null);
+    re(() => () => {
+      v.current && window.clearTimeout(v.current);
     }, []);
-    const n = t.children !== void 0, u = n && d(t.absolutePath, t.relativePath), A = t.absolutePath === m, b = !n && $?.has(t.absolutePath);
-    K(() => {
-      u && t.children ? Promise.resolve().then(() => {
-        g(t.children ?? []);
-      }) : g(null);
-    }, [u, t.children]);
-    const p = Y(
-      (C) => {
-        C.stopPropagation(), L !== "none" && !n && S && S(t.absolutePath, !b), n ? I.current ? (window.clearTimeout(I.current), I.current = null, i(t)) : I.current = window.setTimeout(() => {
-          l(t.absolutePath, t.relativePath), I.current = null;
-        }, 500) : s(t.absolutePath, t.relativePath);
+    const n = e.children !== void 0, u = n && f(e.absolutePath, e.relativePath), y = e.absolutePath === d, m = !n && j?.has(e.absolutePath), N = n ? void 0 : Ke(e.name);
+    re(() => {
+      u && e.children ? Promise.resolve().then(() => {
+        s(e.children ?? []);
+      }) : s(null);
+    }, [u, e.children]);
+    const O = L(
+      (F) => {
+        F.stopPropagation(), T !== "none" && !n && R && R(e.absolutePath, !m), n ? v.current ? (window.clearTimeout(v.current), v.current = null, h(e)) : v.current = window.setTimeout(() => {
+          o(e.absolutePath, e.relativePath), v.current = null;
+        }, 500) : i(e.absolutePath, e.relativePath);
       },
-      [n, t, i, l, s, L, S, b]
-    ), [O, M] = Z(!1), V = We(O, A, b), k = qe(A || b), w = Ge(A || b), z = Xe(n, A || b);
-    return /* @__PURE__ */ h.jsxs(Le, { children: [
-      /* @__PURE__ */ h.jsxs(
+      [n, e, h, o, i, T, R, m]
+    ), [W, k] = K(!1), S = Ge(W, y, m), z = Xe(y || m), B = He(y || m), M = Ze(n, y || m), H = et({
+      entry: e,
+      isDirectory: n,
+      isExpanded: u,
+      isSelected: y,
+      isItemSelected: !!m,
+      extension: N
+    }, Y);
+    return /* @__PURE__ */ E.jsxs(Oe, { children: [
+      /* @__PURE__ */ E.jsxs(
         "div",
         {
-          className: V,
+          className: S,
           style: {
-            paddingLeft: `${r * pe}px`,
-            height: `${oe}px`
+            paddingLeft: `${r * xe}px`,
+            height: `${ie}px`
           },
           "data-entry-type": n ? "directory" : "file",
           "data-entry-expanded": n ? u ? "true" : "false" : void 0,
-          "data-entry-selected": A ? "true" : void 0,
-          "data-entry-item-selected": b ? "true" : void 0,
-          onClick: p,
-          onMouseEnter: () => M(!0),
-          onMouseLeave: () => M(!1),
-          onKeyDown: (C) => {
-            C.key === "Enter" && p(C);
+          "data-entry-selected": y ? "true" : void 0,
+          "data-entry-item-selected": m ? "true" : void 0,
+          onClick: O,
+          onMouseEnter: () => k(!0),
+          onMouseLeave: () => k(!1),
+          onKeyDown: (F) => {
+            F.key === "Enter" && O(F);
           },
           tabIndex: 0,
           role: "treeitem",
           "aria-expanded": n ? u : void 0,
-          "aria-label": `${t.name} (${n ? "directory" : "file"})`,
+          "aria-label": `${e.name} (${n ? "directory" : "file"})`,
           children: [
-            /* @__PURE__ */ h.jsx("span", { className: k, children: n ? u ? /* @__PURE__ */ h.jsx(Me, { className: "h-4 w-4" }) : /* @__PURE__ */ h.jsx(De, { className: "h-4 w-4" }) : /* @__PURE__ */ h.jsx("span", { className: "w-4" }) }),
-            /* @__PURE__ */ h.jsx("span", { className: w, children: n ? /* @__PURE__ */ h.jsx(Pe, { className: "h-4 w-4" }) : (() => {
-              switch (Ze(t.name)) {
-                case "md":
-                  return /* @__PURE__ */ h.jsx(Fe, { className: "h-4 w-4" });
-                default:
-                  return /* @__PURE__ */ h.jsx(Ye, { className: "h-4 w-4" });
-              }
-            })() }),
-            /* @__PURE__ */ h.jsx("span", { className: z, "data-entry-type": n ? "directory" : "file", "data-entry-role": "name", children: t.name })
+            /* @__PURE__ */ E.jsx("span", { className: z, children: n ? u ? /* @__PURE__ */ E.jsx(Pe, { className: "h-4 w-4" }) : /* @__PURE__ */ E.jsx(Fe, { className: "h-4 w-4" }) : /* @__PURE__ */ E.jsx("span", { className: "w-4" }) }),
+            /* @__PURE__ */ E.jsx("span", { className: B, children: H }),
+            /* @__PURE__ */ E.jsx("span", { className: M, "data-entry-type": n ? "directory" : "file", "data-entry-role": "name", children: e.name })
           ]
         }
       ),
-      u && o && T && /* @__PURE__ */ h.jsx("fieldset", { children: o.map((C, D) => /* @__PURE__ */ h.jsx(
-        xe,
+      u && $ && x && /* @__PURE__ */ E.jsx("fieldset", { children: $.map((F, Z) => /* @__PURE__ */ E.jsx(
+        ve,
         {
-          entry: C,
+          entry: F,
           indentLevel: r + 1,
-          isDirOpen: d,
-          onFileSelect: s,
-          toggleDirectory: l,
-          onToggleDirectoryRecursive: i,
-          selectedPath: m,
-          parentIsLast: [...v, D === (o || []).length - 1],
-          selectionMode: L,
-          selectedItems: $,
-          onSelectionChange: S
+          isDirOpen: f,
+          onFileSelect: i,
+          toggleDirectory: o,
+          onToggleDirectoryRecursive: h,
+          selectedPath: d,
+          parentIsLast: [...l, Z === ($ || []).length - 1],
+          selectionMode: T,
+          selectedItems: j,
+          onSelectionChange: R,
+          iconOverrides: Y
         },
-        C.absolutePath
+        F.absolutePath
       )) })
-    ] }, t.absolutePath);
+    ] }, e.absolutePath);
   },
-  (t, r) => {
-    if (t.entry.absolutePath !== r.entry.absolutePath || t.entry.relativePath !== r.entry.relativePath || t.entry.name !== r.entry.name || t.entry.type !== r.entry.type || t.entry.children === void 0 != (r.entry.children === void 0))
+  (e, r) => {
+    if (e.entry.absolutePath !== r.entry.absolutePath || e.entry.relativePath !== r.entry.relativePath || e.entry.name !== r.entry.name || e.entry.type !== r.entry.type || e.entry.icon !== r.entry.icon || e.entry.children === void 0 != (r.entry.children === void 0))
       return !1;
-    const d = t.entry.children !== void 0, s = r.entry.children !== void 0, l = d && t.isDirOpen(t.entry.absolutePath, t.entry.relativePath), i = s && r.isDirOpen(r.entry.absolutePath, r.entry.relativePath);
-    if (t.indentLevel !== r.indentLevel || l !== i || t.selectedPath !== r.selectedPath || t.onFileSelect !== r.onFileSelect || // onFileSelect はメモ化されていることを期待
-    t.toggleDirectory !== r.toggleDirectory || // toggleDirectory はメモ化されていることを期待
-    t.onToggleDirectoryRecursive !== r.onToggleDirectoryRecursive || t.selectionMode !== r.selectionMode || t.selectedItems !== r.selectedItems || t.onSelectionChange !== r.onSelectionChange || t.parentIsLast.length !== r.parentIsLast.length)
+    const f = e.entry.children !== void 0, i = r.entry.children !== void 0, o = f && e.isDirOpen(e.entry.absolutePath, e.entry.relativePath), h = i && r.isDirOpen(r.entry.absolutePath, r.entry.relativePath);
+    if (e.indentLevel !== r.indentLevel || o !== h || e.selectedPath !== r.selectedPath || e.onFileSelect !== r.onFileSelect || // onFileSelect はメモ化されていることを期待
+    e.toggleDirectory !== r.toggleDirectory || // toggleDirectory はメモ化されていることを期待
+    e.onToggleDirectoryRecursive !== r.onToggleDirectoryRecursive || e.selectionMode !== r.selectionMode || e.selectedItems !== r.selectedItems || e.onSelectionChange !== r.onSelectionChange || e.iconOverrides !== r.iconOverrides || e.parentIsLast.length !== r.parentIsLast.length)
       return !1;
-    for (let m = 0; m < t.parentIsLast.length; m++)
-      if (t.parentIsLast[m] !== r.parentIsLast[m])
+    for (let d = 0; d < e.parentIsLast.length; d++)
+      if (e.parentIsLast[d] !== r.parentIsLast[d])
         return !1;
     return !0;
   }
 );
-xe.displayName = "DirectoryEntryItem";
-const oe = 20, pe = 16, Re = (t) => {
+ve.displayName = "DirectoryEntryItem";
+const ie = 20, xe = 16, Te = (e) => {
   const r = [];
-  if (t.children)
-    for (const d of t.children)
-      d.type === "directory" && (r.push(d.absolutePath), r.push(...Re(d)));
+  if (e.children)
+    for (const f of e.children)
+      f.type === "directory" && (r.push(f.absolutePath), r.push(...Te(f)));
   return r;
-}, Te = (t, r, d = [], s = 0) => t.flatMap((l, i) => {
-  const m = i === t.length - 1, v = [...d, m], T = { entry: l, indentLevel: s, parentIsLast: v };
-  return l.children && l.children.length > 0 && r(l.absolutePath, l.relativePath) ? [T, ...Te(l.children, r, v, s + 1)] : [T];
-}), nt = ({
-  entries: t,
+}, Ce = (e, r, f = [], i = 0) => e.flatMap((o, h) => {
+  const d = h === e.length - 1, l = [...f, d], x = { entry: o, indentLevel: i, parentIsLast: l };
+  return o.children && o.children.length > 0 && r(o.absolutePath, o.relativePath) ? [x, ...Ce(o.children, r, l, i + 1)] : [x];
+}), st = ({
+  entries: e,
   onFileSelect: r,
-  className: d,
-  style: s,
-  selectedPath: l,
-  toggle: i,
-  isExpanded: m,
-  expandMultiple: v,
-  collapseMultiple: T,
-  isPending: L,
-  doubleClickAction: $ = "recursive",
-  selectionMode: S = "none",
-  selectedItems: I,
-  onSelectionChange: o,
-  lineColor: g = "#A0AEC0",
-  virtualScrollOptions: n,
-  viewportHeightOverride: u
+  className: f,
+  style: i,
+  selectedPath: o,
+  toggle: h,
+  isExpanded: d,
+  expandMultiple: l,
+  collapseMultiple: x,
+  isPending: T,
+  doubleClickAction: j = "recursive",
+  selectionMode: R = "none",
+  selectedItems: Y,
+  onSelectionChange: v,
+  lineColor: $ = "#A0AEC0",
+  virtualScrollOptions: s,
+  viewportHeightOverride: n,
+  iconOverrides: u
 }) => {
-  const [A, b] = Z(!1), p = ge(null), O = ge(null), [M, V] = Z(0), [k, w] = Z(null), {
-    overscanCount: z,
-    className: C,
-    background: D,
-    onScroll: Q,
-    onRangeChange: ee,
-    initialScrollIndex: me,
-    initialScrollOffset: J,
-    tapScrollCircleOptions: se,
-    scrollBarWidth: le,
-    enableThumbDrag: ce,
-    enableTrackClick: ie,
-    enableArrowButtons: ue,
-    enablePointerDrag: e,
-    inertiaOptions: a
-  } = n ?? {}, y = typeof J == "number" ? J : 0, [x, X] = Z(y), q = typeof z == "number" ? z : 10, E = Y(
-    (c, R) => {
-      X(c), Q?.(c, R);
+  const [y, m] = K(!1), N = pe(null), O = pe(null), [W, k] = K(0), [S, z] = K(null), {
+    overscanCount: B,
+    className: M,
+    background: ee,
+    onScroll: H,
+    onRangeChange: F,
+    initialScrollIndex: Z,
+    initialScrollOffset: U,
+    tapScrollCircleOptions: ue,
+    scrollBarWidth: de,
+    enableThumbDrag: fe,
+    enableTrackClick: he,
+    enableArrowButtons: t,
+    enablePointerDrag: a,
+    inertiaOptions: p
+  } = s ?? {}, _ = typeof U == "number" ? U : 0, [q, te] = K(_), b = typeof B == "number" ? B : 10, G = L(
+    (c, w) => {
+      te(c), H?.(c, w);
     },
-    [Q]
-  ), G = Y(
-    (c, R, j, f, _, B) => {
-      w((P) => P && P.renderStart === c && P.renderEnd === R ? P : { renderStart: c, renderEnd: R }), ee?.(c, R, j, f, _, B);
+    [H]
+  ), ne = L(
+    (c, w, C, g, I, V) => {
+      z((D) => D && D.renderStart === c && D.renderEnd === w ? D : { renderStart: c, renderEnd: w }), F?.(c, w, C, g, I, V);
     },
-    [ee]
+    [F]
   );
-  K(() => {
-    typeof J == "number" && X(J);
-  }, [J]), K(() => {
-    b(!0), Je();
-  }, []), K(() => {
-    if (typeof u == "number") {
-      V((f) => Math.abs(f - u) > 1 ? u : f);
+  re(() => {
+    typeof U == "number" && te(U);
+  }, [U]), re(() => {
+    m(!0), qe();
+  }, []), re(() => {
+    if (typeof n == "number") {
+      k((g) => Math.abs(g - n) > 1 ? n : g);
       return;
     }
-    const c = p.current;
+    const c = N.current;
     if (!c) {
-      V(0);
+      k(0);
       return;
     }
     (() => {
-      const f = c.clientHeight;
-      V((_) => Math.abs(_ - f) > 1 ? f : _);
+      const g = c.clientHeight;
+      k((I) => Math.abs(I - g) > 1 ? g : I);
     })();
-    const j = new ResizeObserver((f) => {
-      for (const _ of f)
-        if (_.target === c) {
-          const { height: B } = _.contentRect;
-          V((P) => Math.abs(P - B) > 1 ? B : P);
+    const C = new ResizeObserver((g) => {
+      for (const I of g)
+        if (I.target === c) {
+          const { height: V } = I.contentRect;
+          k((D) => Math.abs(D - V) > 1 ? V : D);
         }
     });
-    return j.observe(c), () => {
-      j.disconnect();
+    return C.observe(c), () => {
+      C.disconnect();
     };
-  }, [u]);
-  const U = typeof u == "number" ? u : M, W = Y(
-    (c) => A ? m(c) : !1,
-    [A, m]
-  ), Ee = L ? `${N.container} ${N.containerPending}` : N.container, ve = re(() => typeof u == "number" ? {
-    ...ye,
-    ...s ?? {},
-    height: u,
-    minHeight: u
-  } : s ? {
-    ...ye,
-    ...s
-  } : { ...ye }, [s, u]), Ie = Y(
-    (c, R) => {
-      const j = Re(c), f = [c.absolutePath, ...j], _ = R || $;
-      f.every((P) => W(P)) ? T(f) : f.every((te) => !W(te)) || _ === "recursive" ? v(f) : _ === "toggle" ? T(f) : console.warn(`[DirectoryTree] Unknown double click action: ${_}. No action taken.`);
+  }, [n]);
+  const J = typeof n == "number" ? n : W, X = L(
+    (c) => y ? d(c) : !1,
+    [y, d]
+  ), Se = T ? `${A.container} ${A.containerPending}` : A.container, _e = oe(() => typeof n == "number" ? {
+    ...Ee,
+    ...i ?? {},
+    height: n,
+    minHeight: n
+  } : i ? {
+    ...Ee,
+    ...i
+  } : { ...Ee }, [i, n]), je = L(
+    (c, w) => {
+      const C = Te(c), g = [c.absolutePath, ...C], I = w || j;
+      g.every((D) => X(D)) ? x(g) : g.every((ae) => !X(ae)) || I === "recursive" ? l(g) : I === "toggle" ? x(g) : console.warn(`[DirectoryTree] Unknown double click action: ${I}. No action taken.`);
     },
-    [W, v, T, $]
-  ), de = re(() => {
-    if (t.length === 0)
+    [X, l, x, j]
+  ), me = oe(() => {
+    if (e.length === 0)
       return [];
     const c = [];
-    function R(j, f, _) {
-      j.forEach((B, P) => {
-        const te = B.children !== void 0, be = B.absolutePath, Se = te && W(be), je = {
-          id: be,
-          name: B.name,
-          absolutePath: be,
-          indentLevel: f,
-          isLastChild: P === j.length - 1,
-          isDirectory: te,
-          isExpanded: Se,
-          ancestorIsLast: [..._]
+    function w(C, g, I) {
+      C.forEach((V, D) => {
+        const ae = V.children !== void 0, ge = V.absolutePath, Re = ae && X(ge), Ne = {
+          id: ge,
+          name: V.name,
+          absolutePath: ge,
+          indentLevel: g,
+          isLastChild: D === C.length - 1,
+          isDirectory: ae,
+          isExpanded: Re,
+          ancestorIsLast: [...I]
           // 祖先の状態をコピーして渡す
         };
-        c.push(je), te && Se && B.children && R(B.children, f + 1, [..._, P === j.length - 1]);
+        c.push(Ne), ae && Re && V.children && w(V.children, g + 1, [...I, D === C.length - 1]);
       });
     }
-    return R(t, 0, []), c;
-  }, [t, W]), H = re(() => Te(t, W), [t, W]), fe = re(() => {
-    if (t.length === 0)
+    return w(e, 0, []), c;
+  }, [e, X]), Q = oe(() => Ce(e, X), [e, X]), ye = oe(() => {
+    if (e.length === 0)
       return 0;
     let c = 0;
-    for (const R of de)
-      R.indentLevel > c && (c = R.indentLevel);
-    return (c + 2) * pe;
-  }, [de, t]), Ce = re(() => {
-    if (fe <= 0 || U <= 0)
+    for (const w of me)
+      w.indentLevel > c && (c = w.indentLevel);
+    return (c + 2) * xe;
+  }, [me, e]), $e = oe(() => {
+    if (ye <= 0 || J <= 0)
       return null;
-    const c = k?.renderStart ?? Math.max(0, Math.floor(x / oe)), R = U > 0 ? Math.ceil(U / oe) + q : q, j = H.length > 0 ? Math.min(H.length - 1, c + R) : c, f = k?.renderEnd ?? j, _ = H.length > 0 ? Math.min(H.length - 1, f + q) : f;
-    return /* @__PURE__ */ h.jsx("div", { className: "pointer-events-none absolute inset-0 z-0", "aria-hidden": "true", children: /* @__PURE__ */ h.jsx("div", { className: "absolute top-0 left-0", style: { width: fe, height: U }, children: /* @__PURE__ */ h.jsx(
-      Be,
+    const c = S?.renderStart ?? Math.max(0, Math.floor(q / ie)), w = J > 0 ? Math.ceil(J / ie) + b : b, C = Q.length > 0 ? Math.min(Q.length - 1, c + w) : c, g = S?.renderEnd ?? C, I = Q.length > 0 ? Math.min(Q.length - 1, g + b) : g;
+    return /* @__PURE__ */ E.jsx("div", { className: "pointer-events-none absolute inset-0 z-0", "aria-hidden": "true", children: /* @__PURE__ */ E.jsx("div", { className: "absolute top-0 left-0", style: { width: ye, height: J }, children: /* @__PURE__ */ E.jsx(
+      We,
       {
-        items: de,
-        itemHeight: oe,
-        width: fe,
-        segmentWidth: pe,
-        color: g,
-        renderFromY: x,
-        renderHeight: U,
+        items: me,
+        itemHeight: ie,
+        width: ye,
+        segmentWidth: xe,
+        color: $,
+        renderFromY: q,
+        renderHeight: J,
         renderStartIndex: c,
-        renderEndIndex: f,
-        lookaheadEndIndex: _
+        renderEndIndex: g,
+        lookaheadEndIndex: I
       }
     ) }) });
-  }, [fe, U, k, x, q, H.length, de, g]);
-  return t.length === 0 ? /* @__PURE__ */ h.jsx("div", { className: `${Ee} ${d || ""}`, style: ve }) : /* @__PURE__ */ h.jsx("div", { ref: p, className: `${Ee} ${d || ""}`, style: ve, role: "tree", children: /* @__PURE__ */ h.jsx(
-    He,
+  }, [ye, J, S, q, b, Q.length, me, $]);
+  return e.length === 0 ? /* @__PURE__ */ E.jsx("div", { className: `${Se} ${f || ""}`, style: _e }) : /* @__PURE__ */ E.jsx("div", { ref: N, className: `${Se} ${f || ""}`, style: _e, role: "tree", children: /* @__PURE__ */ E.jsx(
+    Qe,
     {
       ref: O,
-      itemCount: H.length,
-      getItem: (c) => H[c],
-      getItemHeight: () => oe,
-      viewportSize: U,
-      overscanCount: q,
-      onScroll: E,
-      onRangeChange: G,
-      className: C,
-      background: /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-        Ce,
-        D
+      itemCount: Q.length,
+      getItem: (c) => Q[c],
+      getItemHeight: () => ie,
+      viewportSize: J,
+      overscanCount: b,
+      onScroll: G,
+      onRangeChange: ne,
+      className: M,
+      background: /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+        $e,
+        ee
       ] }),
-      initialScrollIndex: me,
-      initialScrollOffset: J,
-      tapScrollCircleOptions: se,
-      scrollBarWidth: le,
-      enableThumbDrag: ce,
-      enableTrackClick: ie,
-      enableArrowButtons: ue,
-      enablePointerDrag: e,
-      inertiaOptions: a,
-      children: (c, R) => {
+      initialScrollIndex: Z,
+      initialScrollOffset: U,
+      tapScrollCircleOptions: ue,
+      scrollBarWidth: de,
+      enableThumbDrag: fe,
+      enableTrackClick: he,
+      enableArrowButtons: t,
+      enablePointerDrag: a,
+      inertiaOptions: p,
+      children: (c, w) => {
         if (!c)
           return null;
-        const { entry: j, indentLevel: f, parentIsLast: _ } = c;
-        return /* @__PURE__ */ h.jsx(
-          xe,
+        const { entry: C, indentLevel: g, parentIsLast: I } = c;
+        return /* @__PURE__ */ E.jsx(
+          ve,
           {
-            entry: j,
-            indentLevel: f,
-            isDirOpen: W,
+            entry: C,
+            indentLevel: g,
+            isDirOpen: X,
             onFileSelect: r,
-            toggleDirectory: i,
-            onToggleDirectoryRecursive: Ie,
-            selectedPath: l,
-            parentIsLast: _,
+            toggleDirectory: h,
+            onToggleDirectoryRecursive: je,
+            selectedPath: o,
+            parentIsLast: I,
             renderChildren: !1,
-            selectionMode: S,
-            selectedItems: I,
-            onSelectionChange: o
+            selectionMode: R,
+            selectedItems: Y,
+            onSelectionChange: v,
+            iconOverrides: u
           },
-          j.absolutePath
+          C.absolutePath
         );
       }
     }
   ) });
-}, at = ({
-  initialExpanded: t = /* @__PURE__ */ new Set(),
+}, lt = ({
+  initialExpanded: e = /* @__PURE__ */ new Set(),
   storageKey: r
 } = {}) => {
-  const [d, s] = Ae(), [l, i] = Z(() => {
+  const [f, i] = Me(), [o, h] = K(() => {
     if (typeof window < "u" && r)
       try {
-        const o = window.localStorage.getItem(r);
-        if (o) {
-          const g = JSON.parse(o);
-          return new Set(g);
+        const s = window.localStorage.getItem(r);
+        if (s) {
+          const n = JSON.parse(s);
+          return new Set(n);
         }
-      } catch (o) {
-        console.error("[useDirectoryTreeState] Error reading from localStorage", o);
+      } catch (s) {
+        console.error("[useDirectoryTreeState] Error reading from localStorage", s);
       }
-    return t;
-  });
-  K(() => {
+    return e;
+  }), d = L((s) => {
+    i(() => {
+      h((n) => {
+        const u = new Set(n);
+        return s(u), u;
+      });
+    });
+  }, []), l = L((s, n) => {
+    d((u) => {
+      for (const y of s)
+        n(u, y);
+    });
+  }, [d]);
+  re(() => {
     if (r && typeof window < "u")
       try {
-        window.localStorage.setItem(r, JSON.stringify(Array.from(l)));
-      } catch (o) {
-        console.warn(`Error setting localStorage key "${r}":`, o);
+        window.localStorage.setItem(r, JSON.stringify(Array.from(o)));
+      } catch (s) {
+        console.warn(`Error setting localStorage key "${r}":`, s);
       }
-  }, [l, r]);
-  const m = Y((o) => {
-    s(() => {
-      i((g) => {
-        const n = new Set(g);
-        return n.has(o) ? n.delete(o) : n.add(o), n;
-      });
+  }, [o, r]);
+  const x = L((s) => {
+    l([s], (n, u) => {
+      n.has(u) ? n.delete(u) : n.add(u);
     });
-  }, []), v = Y((o) => {
-    s(() => {
-      i((g) => {
-        const n = new Set(g);
-        return n.has(o) || n.add(o), n;
-      });
+  }, [l]), T = L((s) => {
+    l([s], (n, u) => {
+      n.add(u);
     });
-  }, []), T = Y((o) => {
-    s(() => {
-      i((g) => {
-        const n = new Set(g);
-        return n.has(o) && n.delete(o), n;
-      });
+  }, [l]), j = L((s) => {
+    l([s], (n, u) => {
+      n.delete(u);
     });
-  }, []), L = Y((o) => {
-    s(() => {
-      i((g) => {
-        const n = new Set(g);
-        for (const u of o)
-          n.has(u) && n.delete(u);
-        return n;
-      });
+  }, [l]), R = L((s) => {
+    l(s, (n, u) => {
+      n.delete(u);
     });
-  }, []), $ = Y((o) => {
-    s(() => {
-      i((g) => {
-        const n = new Set(g);
-        for (const u of o)
-          n.has(u) || n.add(u);
-        return n;
-      });
+  }, [l]), Y = L((s) => {
+    l(s, (n, u) => {
+      n.add(u);
     });
-  }, []), S = Y(() => {
-    s(() => {
-      i(/* @__PURE__ */ new Set());
+  }, [l]), v = L(() => {
+    d((s) => {
+      s.clear();
     });
-  }, []), I = Y((o) => l.has(o), [l]);
+  }, [d]), $ = L((s) => o.has(s), [o]);
   return {
-    expanded: l,
-    toggle: m,
-    expand: v,
-    collapse: T,
-    collapseMultiple: L,
-    expandMultiple: $,
-    collapseAll: S,
-    isExpanded: I,
-    isPending: d
+    expanded: o,
+    toggle: x,
+    expand: T,
+    collapse: j,
+    collapseMultiple: R,
+    expandMultiple: Y,
+    collapseAll: v,
+    isExpanded: $,
+    isPending: f
   };
 };
 export {
-  nt as DirectoryTree,
-  Be as TreeLine,
-  N as directoryTreeClasses,
-  We as getEntryClasses,
-  qe as getExpandIconClasses,
-  Xe as getNameClasses,
-  Ge as getTypeIconClasses,
-  at as useDirectoryTreeState
+  st as DirectoryTree,
+  We as TreeLine,
+  A as directoryTreeClasses,
+  Ge as getEntryClasses,
+  Xe as getExpandIconClasses,
+  Ze as getNameClasses,
+  He as getTypeIconClasses,
+  lt as useDirectoryTreeState
 };
 //# sourceMappingURL=index.js.map