@aiquants/directory-tree 1.2.1 → 1.4.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 $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 Ne, ChevronRightIcon as Le, FolderIcon as Ae, DocumentTextIcon as De } from "@heroicons/react/24/solid";
-import { FileIcon as Pe } from "@phosphor-icons/react";
-import { twMerge as P } from "tailwind-merge";
-var he = { exports: {} }, ee = {};
+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 = {};
 /**
  * @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 we;
+function Ve() {
+  if (we) return ne;
+  we = 1;
   var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function u(l, s, i) {
+  function d(s, l, i) {
     var m = null;
-    if (i !== void 0 && (m = "" + i), s.key !== void 0 && (m = "" + s.key), "key" in s) {
+    if (i !== void 0 && (m = "" + i), l.key !== void 0 && (m = "" + l.key), "key" in l) {
       i = {};
-      for (var p in s)
-        p !== "key" && (i[p] = s[p]);
-    } else i = s;
-    return s = i.ref, {
+      for (var v in l)
+        v !== "key" && (i[v] = l[v]);
+    } else i = l;
+    return l = i.ref, {
       $$typeof: t,
-      type: l,
+      type: s,
       key: m,
-      ref: s !== void 0 ? s : null,
+      ref: l !== void 0 ? l : null,
       props: i
     };
   }
-  return ee.Fragment = r, ee.jsx = u, ee.jsxs = u, ee;
+  return ne.Fragment = r, ne.jsx = d, ne.jsxs = d, ne;
 }
-var te = {};
+var ae = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,24 +45,24 @@ 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() {
+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 === N ? null : e.displayName || e.name || null;
+        return e.$$typeof === D ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case E:
+        case u:
           return "Fragment";
-        case d:
+        case b:
           return "Profiler";
-        case Y:
+        case A:
           return "StrictMode";
         case V:
           return "Suspense";
-        case I:
+        case k:
           return "SuspenseList";
         case C:
           return "Activity";
@@ -71,21 +71,21 @@ function Fe() {
         switch (typeof e.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:
+          case n:
             return "Portal";
-          case S:
+          case O:
             return e.displayName || "Context";
-          case v:
+          case p:
             return (e._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";
+          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";
           case z:
-            n = e._payload, e = e._init;
+            a = e._payload, e = e._init;
             try {
-              return t(e(n));
+              return t(e(a));
             } catch {
             }
         }
@@ -94,77 +94,77 @@ function Fe() {
     function r(e) {
       return "" + e;
     }
-    function u(e) {
+    function d(e) {
       try {
         r(e);
-        var n = !1;
+        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 y = a.error, x = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return y.call(
+          a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          g
+          x
         ), r(e);
       }
     }
-    function l(e) {
-      if (e === E) return "<>";
+    function s(e) {
+      if (e === u) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === z)
         return "<...>";
       try {
-        var n = t(e);
-        return n ? "<" + n + ">" : "<...>";
+        var a = t(e);
+        return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var e = G.A;
+    function l() {
+      var e = Q.A;
       return e === null ? null : e.getOwner();
     }
     function i() {
       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;
+      if (ee.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function p(e, n) {
-      function f() {
-        oe || (oe = !0, console.error(
+    function v(e, a) {
+      function y() {
+        se || (se = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          n
+          a
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: f,
+      y.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: y,
         configurable: !0
       });
     }
-    function R() {
+    function T() {
       var e = t(this.type);
-      return se[e] || (se[e] = !0, console.error(
+      return le[e] || (le[e] = !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;
     }
-    function D(e, n, f, g, U, Q) {
-      var y = f.ref;
+    function L(e, a, y, x, X, q) {
+      var E = y.ref;
       return e = {
-        $$typeof: b,
+        $$typeof: g,
         type: e,
-        key: n,
-        props: f,
-        _owner: g
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
+        key: a,
+        props: y,
+        _owner: x
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: R
+        get: T
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -179,258 +179,265 @@ function Fe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: X
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
+        value: q
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    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 $(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);
           } 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 S(E);
+      if (ee.call(a, "key")) {
+        E = t(e);
+        var G = Object.keys(a).filter(function(W) {
+          return W !== "key";
         });
-        g = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", ie[y + g] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
+        x = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ue[E + x] || (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);
+          x,
+          E,
+          G,
+          E
+        ), ue[E + x] = !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,
+      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
-      ), D(
+      ), L(
         e,
+        E,
         y,
-        f,
-        s(),
-        U,
-        Q
+        l(),
+        X,
+        q
       );
     }
-    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 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 T(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === b;
+    function I(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === g;
     }
-    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 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() {
       return null;
     };
-    a = {
+    o = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var oe, se = {}, le = a.react_stack_bottom_frame.bind(
-      a,
+    var se, le = {}, ce = o.react_stack_bottom_frame.bind(
+      o,
       i
-    )(), ce = Z(l(i)), ie = {};
-    te.Fragment = E, te.jsx = function(e, n, f) {
-      var g = 1e4 > G.recentlyCreatedOwnerStacks++;
+    )(), ie = J(s(i)), ue = {};
+    ae.Fragment = u, ae.jsx = function(e, a, y) {
+      var x = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return $(
         e,
-        n,
-        f,
+        a,
+        y,
         !1,
-        g ? Error("react-stack-top-frame") : le,
-        g ? Z(l(e)) : ce
+        x ? Error("react-stack-top-frame") : ce,
+        x ? J(s(e)) : ie
       );
-    }, te.jsxs = function(e, n, f) {
-      var g = 1e4 > G.recentlyCreatedOwnerStacks++;
+    }, ae.jsxs = function(e, a, y) {
+      var x = 1e4 > Q.recentlyCreatedOwnerStacks++;
       return $(
         e,
-        n,
-        f,
+        a,
+        y,
         !0,
-        g ? Error("react-stack-top-frame") : le,
-        g ? Z(l(e)) : ce
+        x ? Error("react-stack-top-frame") : ce,
+        x ? J(s(e)) : ie
       );
     };
-  })()), te;
+  })()), ae;
 }
-var we;
-function Ye() {
-  return we || (we = 1, process.env.NODE_ENV === "production" ? he.exports = Me() : he.exports = Fe()), he.exports;
+var ke;
+function Ue() {
+  return ke || (ke = 1, process.env.NODE_ENV === "production" ? he.exports = Ve() : he.exports = ze()), he.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 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);
     }
-    return Math.max(b, a);
-  })(), E = (() => {
+    return Math.max(g, o);
+  })(), u = (() => {
     if (typeof $ == "number" && Number.isFinite($)) {
-      const d = Math.floor($), v = Math.min(t.length, d + 1);
-      return Math.max(v, o);
+      const b = Math.floor($), p = Math.min(t.length, b + 1);
+      return Math.max(p, n);
     }
-    return Math.max(b, o);
+    return Math.max(g, n);
   })();
-  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;
+  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 N = d; N < E; N++) {
-        if (t[N].indentLevel > x && t[N].ancestorIsLast.length > x && !t[N].ancestorIsLast[x]) {
+      for (let D = b; D < u; D++) {
+        if (t[D].indentLevel > w && t[D].ancestorIsLast.length > w && !t[D].ancestorIsLast[w]) {
           C = !0;
           break;
         }
-        if (t[N].indentLevel === x && N > d)
+        if (t[D].indentLevel === w && D > b)
           break;
       }
-      C && v.ancestorIsLast.length > x && !v.ancestorIsLast[x] && w.push(`M ${z},${S} L ${z},${S + r}`);
+      C && p.ancestorIsLast.length > w && !p.ancestorIsLast[w] && S.push(`M ${z},${O} L ${z},${O + 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 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}`);
     } 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}`);
+      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}`);
       } else
-        w.push(`M ${I},${O} L ${I},${S + r}`);
+        S.push(`M ${k},${M} L ${k},${O + r}`);
   }
-  const Y = t.length * r;
+  const A = t.length * r;
   return /* @__PURE__ */ h.jsxs(
     "svg",
     {
-      width: u,
-      height: p ?? Y,
-      viewBox: `0 ${m} ${u} ${p ?? Y}`,
+      width: d,
+      height: v ?? A,
+      viewBox: `0 ${m} ${d} ${v ?? A}`,
       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}`))
+        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}`))
       ]
     }
   );
-}, A = {
+}, N = {
   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: F("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: F("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: F(
+    "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: 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"),
   // テキストのスタイル
-  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: F("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 = {
   msOverflowStyle: "none",
   scrollbarWidth: "none"
-}, ze = () => {
+}, 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));
-}, 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);
+}, 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);
     }, []);
-    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(
+    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(), 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);
+        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);
       },
-      [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: [
+      [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(
         "div",
         {
           className: V,
           style: {
-            paddingLeft: `${r * ge}px`,
-            height: `${re}px`
+            paddingLeft: `${r * pe}px`,
+            height: `${oe}px`
           },
-          onClick: v,
-          onMouseEnter: () => O(!0),
-          onMouseLeave: () => O(!1),
+          "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" && v(C);
+            C.key === "Enter" && p(C);
           },
           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": `${t.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)) {
+            /* @__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(De, { className: "h-4 w-4" });
+                  return /* @__PURE__ */ h.jsx(Fe, { className: "h-4 w-4" });
                 default:
-                  return /* @__PURE__ */ h.jsx(Pe, { className: "h-4 w-4" });
+                  return /* @__PURE__ */ h.jsx(Ye, { className: "h-4 w-4" });
               }
             })() }),
-            /* @__PURE__ */ h.jsx("span", { className: z, children: t.name })
+            /* @__PURE__ */ h.jsx("span", { className: z, "data-entry-type": n ? "directory" : "file", "data-entry-role": "name", children: t.name })
           ]
         }
       ),
-      E && a && R && /* @__PURE__ */ h.jsx("fieldset", { children: a.map((C, N) => /* @__PURE__ */ h.jsx(
-        ye,
+      u && o && T && /* @__PURE__ */ h.jsx("fieldset", { children: o.map((C, D) => /* @__PURE__ */ h.jsx(
+        xe,
         {
           entry: C,
           indentLevel: r + 1,
-          isDirOpen: u,
-          onFileSelect: l,
-          toggleDirectory: s,
+          isDirOpen: d,
+          onFileSelect: s,
+          toggleDirectory: l,
           onToggleDirectoryRecursive: i,
           selectedPath: m,
-          parentIsLast: [...p, N === (a || []).length - 1],
-          selectionMode: D,
+          parentIsLast: [...v, D === (o || []).length - 1],
+          selectionMode: L,
           selectedItems: $,
-          onSelectionChange: w
+          onSelectionChange: S
         },
         C.absolutePath
       )) })
@@ -439,8 +446,8 @@ const Ve = ({ items: t, itemHeight: r, width: u, segmentWidth: l, color: s = "#a
   (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))
       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 はメモ化されていることを期待
+    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)
       return !1;
@@ -450,268 +457,294 @@ const Ve = ({ items: t, itemHeight: r, width: u, segmentWidth: l, color: s = "#a
     return !0;
   }
 );
-ye.displayName = "DirectoryEntryItem";
-const re = 20, ge = 16, _e = (t) => {
+xe.displayName = "DirectoryEntryItem";
+const oe = 20, pe = 16, Re = (t) => {
   const r = [];
   if (t.children)
-    for (const u of t.children)
-      u.type === "directory" && (r.push(u.absolutePath), r.push(..._e(u)));
+    for (const d of t.children)
+      d.type === "directory" && (r.push(d.absolutePath), r.push(...Re(d)));
   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 = ({
+}, 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,
   onFileSelect: r,
-  className: u,
-  style: l,
-  selectedPath: s,
+  className: d,
+  style: s,
+  selectedPath: l,
   toggle: i,
   isExpanded: m,
-  expandMultiple: p,
-  collapseMultiple: R,
-  isPending: D,
+  expandMultiple: v,
+  collapseMultiple: T,
+  isPending: L,
   doubleClickAction: $ = "recursive",
-  selectionMode: w = "none",
-  selectedItems: T,
-  onSelectionChange: a,
-  lineColor: b = "#A0AEC0",
-  virtualScrollOptions: o
+  selectionMode: S = "none",
+  selectedItems: I,
+  onSelectionChange: o,
+  lineColor: g = "#A0AEC0",
+  virtualScrollOptions: n,
+  viewportHeightOverride: 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,
+  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: 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, _);
+    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);
     },
-    [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);
+    [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);
     },
-    [G]
+    [ee]
   );
-  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();
+  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);
+      return;
+    }
+    const c = p.current;
+    if (!c) {
+      V(0);
+      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 f = c.clientHeight;
+      V((_) => Math.abs(_ - f) > 1 ? f : _);
+    })();
+    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);
+        }
+    });
+    return j.observe(c), () => {
+      j.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.`);
     },
-    [j, p, R, $]
-  ), ue = fe(() => {
+    [W, v, T, $]
+  ), de = re(() => {
     if (t.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 = {
+    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: W.name,
+          name: B.name,
           absolutePath: be,
-          indentLevel: k,
-          isLastChild: B === L.length - 1,
-          isDirectory: K,
-          isExpanded: pe,
-          ancestorIsLast: [...M]
+          indentLevel: f,
+          isLastChild: P === j.length - 1,
+          isDirectory: te,
+          isExpanded: Se,
+          ancestorIsLast: [..._]
           // 祖先の状態をコピーして渡す
         };
-        c.push(Te), K && pe && W.children && _(W.children, k + 1, [...M, B === L.length - 1]);
+        c.push(je), te && Se && B.children && R(B.children, f + 1, [..._, P === j.length - 1]);
       });
     }
-    return _(t, 0, []), c;
-  }, [t, j]), q = fe(() => ke(t, j), [t, j]), de = fe(() => {
+    return R(t, 0, []), c;
+  }, [t, W]), H = re(() => Te(t, W), [t, W]), fe = re(() => {
     if (t.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 R of de)
+      R.indentLevel > c && (c = R.indentLevel);
+    return (c + 2) * pe;
+  }, [de, t]), Ce = re(() => {
+    if (fe <= 0 || U <= 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 = 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,
       {
-        items: ue,
-        itemHeight: re,
-        width: de,
-        segmentWidth: ge,
-        color: b,
-        renderFromY: f,
-        renderHeight: S,
+        items: de,
+        itemHeight: oe,
+        width: fe,
+        segmentWidth: pe,
+        color: g,
+        renderFromY: x,
+        renderHeight: U,
         renderStartIndex: c,
-        renderEndIndex: k,
-        lookaheadEndIndex: M
+        renderEndIndex: f,
+        lookaheadEndIndex: _
       }
     ) }) });
-  }, [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,
+  }, [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,
     {
-      ref: v,
-      itemCount: q.length,
-      getItem: (c) => q[c],
-      getItemHeight: () => re,
-      viewportSize: S,
-      overscanCount: U,
-      onScroll: Q,
-      onRangeChange: y,
-      className: z,
+      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: [
-        Re,
-        C
+        Ce,
+        D
       ] }),
-      initialScrollIndex: ae,
+      initialScrollIndex: me,
       initialScrollOffset: J,
-      tapScrollCircleOptions: Z,
-      scrollBarWidth: oe,
-      enableThumbDrag: se,
-      enableTrackClick: le,
-      enableArrowButtons: ce,
-      enablePointerDrag: ie,
-      inertiaOptions: e,
-      children: (c, _) => {
+      tapScrollCircleOptions: se,
+      scrollBarWidth: le,
+      enableThumbDrag: ce,
+      enableTrackClick: ie,
+      enableArrowButtons: ue,
+      enablePointerDrag: e,
+      inertiaOptions: a,
+      children: (c, R) => {
         if (!c)
           return null;
-        const { entry: L, indentLevel: k, parentIsLast: M } = c;
+        const { entry: j, indentLevel: f, parentIsLast: _ } = c;
         return /* @__PURE__ */ h.jsx(
-          ye,
+          xe,
           {
-            entry: L,
-            indentLevel: k,
-            isDirOpen: j,
+            entry: j,
+            indentLevel: f,
+            isDirOpen: W,
             onFileSelect: r,
             toggleDirectory: i,
-            onToggleDirectoryRecursive: me,
-            selectedPath: s,
-            parentIsLast: M,
+            onToggleDirectoryRecursive: Ie,
+            selectedPath: l,
+            parentIsLast: _,
             renderChildren: !1,
-            selectionMode: w,
-            selectedItems: T,
-            onSelectionChange: a
+            selectionMode: S,
+            selectedItems: I,
+            onSelectionChange: o
           },
-          L.absolutePath
+          j.absolutePath
         );
       }
     }
   ) });
-}, tt = ({
+}, at = ({
   initialExpanded: t = /* @__PURE__ */ new Set(),
   storageKey: r
 } = {}) => {
-  const [u, l] = $e(), [s, i] = H(() => {
+  const [d, s] = Ae(), [l, i] = Z(() => {
     if (typeof window < "u" && r)
       try {
-        const a = window.localStorage.getItem(r);
-        if (a) {
-          const b = JSON.parse(a);
-          return new Set(b);
+        const o = window.localStorage.getItem(r);
+        if (o) {
+          const g = JSON.parse(o);
+          return new Set(g);
         }
-      } catch (a) {
-        console.error("[useDirectoryTreeState] Error reading from localStorage", a);
+      } catch (o) {
+        console.error("[useDirectoryTreeState] Error reading from localStorage", o);
       }
     return t;
   });
-  ne(() => {
+  K(() => {
     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(l)));
+      } catch (o) {
+        console.warn(`Error setting localStorage key "${r}":`, o);
       }
-  }, [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;
+  }, [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;
       });
     });
-  }, []), p = F((a) => {
-    l(() => {
-      i((b) => {
-        const o = new Set(b);
-        return o.has(a) || o.add(a), o;
+  }, []), v = Y((o) => {
+    s(() => {
+      i((g) => {
+        const n = new Set(g);
+        return n.has(o) || n.add(o), n;
       });
     });
-  }, []), R = F((a) => {
-    l(() => {
-      i((b) => {
-        const o = new Set(b);
-        return o.has(a) && o.delete(a), o;
+  }, []), T = Y((o) => {
+    s(() => {
+      i((g) => {
+        const n = new Set(g);
+        return n.has(o) && n.delete(o), n;
       });
     });
-  }, []), 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 = Y((o) => {
+    s(() => {
+      i((g) => {
+        const n = new Set(g);
+        for (const u of o)
+          n.has(u) && n.delete(u);
+        return n;
       });
     });
-  }, []), $ = F((a) => {
-    l(() => {
-      i((b) => {
-        const o = new Set(b);
-        for (const E of a)
-          o.has(E) || o.add(E);
-        return o;
+  }, []), $ = Y((o) => {
+    s(() => {
+      i((g) => {
+        const n = new Set(g);
+        for (const u of o)
+          n.has(u) || n.add(u);
+        return n;
       });
     });
-  }, []), w = F(() => {
-    l(() => {
+  }, []), S = Y(() => {
+    s(() => {
       i(/* @__PURE__ */ new Set());
     });
-  }, []), T = F((a) => s.has(a), [s]);
+  }, []), I = Y((o) => l.has(o), [l]);
   return {
-    expanded: s,
+    expanded: l,
     toggle: m,
-    expand: p,
-    collapse: R,
-    collapseMultiple: D,
+    expand: v,
+    collapse: T,
+    collapseMultiple: L,
     expandMultiple: $,
-    collapseAll: w,
-    isExpanded: T,
-    isPending: u
+    collapseAll: S,
+    isExpanded: I,
+    isPending: d
   };
 };
 export {
-  et as DirectoryTree,
-  Ve as TreeLine,
-  A as directoryTreeClasses,
-  Ue as getEntryClasses,
-  Be as getExpandIconClasses,
-  We as getNameClasses,
-  Je as getTypeIconClasses,
-  tt as useDirectoryTreeState
+  nt as DirectoryTree,
+  Be as TreeLine,
+  N as directoryTreeClasses,
+  We as getEntryClasses,
+  qe as getExpandIconClasses,
+  Xe as getNameClasses,
+  Ge as getTypeIconClasses,
+  at as useDirectoryTreeState
 };
 //# sourceMappingURL=index.js.map