@aiquants/directory-tree 0.2.0 → 1.0.1

package/dist/index.js

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