@aiquants/directory-tree 1.2.1 → 1.5.0

package/dist/index.js

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