@aiquants/directory-tree 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,9 +1,9 @@
-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 = {};
+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 { twMerge as P } from "tailwind-merge";
+var he = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,29 +13,29 @@ var ce = { exports: {} }, Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ge;
-function Ae() {
-  if (ge) return Q;
-  ge = 1;
+var Ee;
+function Me() {
+  if (Ee) return ee;
+  Ee = 1;
   var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function u(c, s, i) {
-    var f = null;
-    if (i !== void 0 && (f = "" + i), s.key !== void 0 && (f = "" + s.key), "key" in s) {
+  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: c,
-      key: f,
+      type: l,
+      key: m,
       ref: s !== void 0 ? s : null,
       props: i
     };
   }
-  return Q.Fragment = r, Q.jsx = u, Q.jsxs = u, Q;
+  return ee.Fragment = r, ee.jsx = u, ee.jsxs = u, ee;
 }
-var K = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -45,47 +45,47 @@ var K = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pe;
-function De() {
-  return pe || (pe = 1, process.env.NODE_ENV !== "production" && (function() {
+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 === q ? null : e.displayName || e.name || null;
+        return e.$$typeof === N ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case d:
+        case E:
           return "Fragment";
-        case m:
+        case d:
           return "Profiler";
-        case O:
+        case Y:
           return "StrictMode";
-        case S:
+        case V:
           return "Suspense";
-        case B:
+        case I:
           return "SuspenseList";
-        case j:
+        case C:
           return "Activity";
       }
       if (typeof e == "object")
         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 n:
+          case o:
             return "Portal";
-          case A:
+          case S:
             return e.displayName || "Context";
-          case x:
+          case v:
             return (e._context.displayName || "Context") + ".Consumer";
-          case D:
-            var o = e.render;
-            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case H:
-            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
-          case Y:
-            o = e._payload, e = e._init;
+          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 z:
+            n = e._payload, e = e._init;
             try {
-              return t(e(o));
+              return t(e(n));
             } catch {
             }
         }
@@ -97,74 +97,74 @@ function De() {
     function u(e) {
       try {
         r(e);
-        var o = !1;
+        var n = !1;
       } catch {
-        o = !0;
+        n = !0;
       }
-      if (o) {
-        o = console;
-        var h = o.error, y = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return h.call(
-          o,
+      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,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          y
+          g
         ), r(e);
       }
     }
-    function c(e) {
-      if (e === d) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === Y)
+    function l(e) {
+      if (e === E) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === z)
         return "<...>";
       try {
-        var o = t(e);
-        return o ? "<" + o + ">" : "<...>";
+        var n = t(e);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var e = P.A;
+      var e = G.A;
       return e === null ? null : e.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
-      if (te.call(e, "key")) {
-        var o = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (o && o.isReactWarning) return !1;
+    function m(e) {
+      if (ae.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function p(e, o) {
-      function h() {
-        re || (re = !0, console.error(
+    function p(e, n) {
+      function f() {
+        oe || (oe = !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
+          n
         ));
       }
-      h.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: h,
+      f.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: f,
         configurable: !0
       });
     }
-    function E() {
+    function R() {
       var e = t(this.type);
-      return ne[e] || (ne[e] = !0, console.error(
+      return se[e] || (se[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, h, y, I, U) {
-      var g = h.ref;
+    function D(e, n, f, g, U, Q) {
+      var y = f.ref;
       return e = {
-        $$typeof: l,
+        $$typeof: b,
         type: e,
-        key: o,
-        props: h,
-        _owner: y
-      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(e, "ref", {
+        key: n,
+        props: f,
+        _owner: g
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: E
+        get: R
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -179,69 +179,69 @@ function De() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: I
+        value: U
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: Q
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function C(e, o, h, y, I, U) {
-      var g = o.children;
-      if (g !== void 0)
-        if (y)
-          if (ue(g)) {
-            for (y = 0; y < g.length; y++)
-              T(g[y]);
-            Object.freeze && Object.freeze(g);
+    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);
           } 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 T(g);
-      if (te.call(o, "key")) {
-        g = t(e);
-        var M = Object.keys(o).filter(function(de) {
-          return de !== "key";
+        else w(y);
+      if (ae.call(n, "key")) {
+        y = t(e);
+        var j = Object.keys(n).filter(function(me) {
+          return me !== "key";
         });
-        y = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", se[g + y] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", ie[y + g] || (j = 0 < j.length ? "{" + j.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} />`,
-          y,
           g,
-          M,
-          g
-        ), se[g + y] = !0);
+          y,
+          j,
+          y
+        ), ie[y + g] = !0);
       }
-      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(
-        h,
+      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
-      ), k(
+      ), D(
         e,
-        g,
-        h,
+        y,
+        f,
         s(),
-        I,
-        U
+        U,
+        Q
       );
     }
-    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;
+      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 T(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === b;
     }
-    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() {
+    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() {
       return null;
     };
     a = {
@@ -249,422 +249,458 @@ React keys must be passed directly to JSX without using spread:
         return e();
       }
     };
-    var re, ne = {}, ae = a.react_stack_bottom_frame.bind(
+    var oe, se = {}, le = a.react_stack_bottom_frame.bind(
       a,
       i
-    )(), oe = G(c(i)), se = {};
-    K.Fragment = d, K.jsx = function(e, o, h) {
-      var y = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return C(
+    )(), ce = Z(l(i)), ie = {};
+    te.Fragment = E, te.jsx = function(e, n, f) {
+      var g = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return $(
         e,
-        o,
-        h,
+        n,
+        f,
         !1,
-        y ? Error("react-stack-top-frame") : ae,
-        y ? G(c(e)) : oe
+        g ? Error("react-stack-top-frame") : le,
+        g ? Z(l(e)) : ce
       );
-    }, K.jsxs = function(e, o, h) {
-      var y = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return C(
+    }, te.jsxs = function(e, n, f) {
+      var g = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return $(
         e,
-        o,
-        h,
+        n,
+        f,
         !0,
-        y ? Error("react-stack-top-frame") : ae,
-        y ? G(c(e)) : oe
+        g ? Error("react-stack-top-frame") : le,
+        g ? Z(l(e)) : ce
       );
     };
-  })()), K;
+  })()), te;
 }
-var Ee;
-function Pe() {
-  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? ce.exports = Ae() : ce.exports = De()), ce.exports;
+var we;
+function Ye() {
+  return we || (we = 1, process.env.NODE_ENV === "production" ? he.exports = Me() : he.exports = Fe()), he.exports;
 }
-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;
+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);
+    }
+    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(b, o);
+  })();
+  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;
           break;
         }
-        if (t[S].indentLevel === x && S > a)
+        if (t[N].indentLevel === x && N > d)
           break;
       }
-      D && l.ancestorIsLast.length > x && !l.ancestorIsLast[x] && E.push(`M ${A},${n} L ${A},${n + r}`);
+      C && v.ancestorIsLast.length > x && !v.ancestorIsLast[x] && w.push(`M ${z},${S} L ${z},${S + r}`);
     }
-    const O = l.indentLevel * c, m = O + c / 2;
-    if (l.isDirectory) {
-      const x = c / 1.5;
-      E.push(`M ${m},${n} L ${m},${d - x}`);
+    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}`);
     } else
-      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 x = c / 1.5;
-        E.push(`M ${m},${d + x} L ${m},${n + r}`);
+      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}`);
       } else
-        E.push(`M ${m},${d} L ${m},${n + r}`);
+        w.push(`M ${I},${O} L ${I},${S + r}`);
   }
-  const w = t.length * r;
-  return /* @__PURE__ */ b.jsxs(
+  const Y = t.length * r;
+  return /* @__PURE__ */ h.jsxs(
     "svg",
     {
       width: u,
-      height: p ?? w,
-      viewBox: `0 ${f} ${u} ${p ?? w}`,
+      height: p ?? Y,
+      viewBox: `0 ${m} ${u} ${p ?? Y}`,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className: "pointer-events-none absolute top-0 left-0 z-0 opacity-75",
       children: [
-        /* @__PURE__ */ b.jsx("title", { children: "Tree Lines" }),
-        E.map((a, l) => /* @__PURE__ */ b.jsx("path", { d: a, stroke: s, strokeWidth: i, strokeLinecap: "round", strokeLinejoin: "round" }, `path-${t[k + l]?.id || l}-${k + l}`))
+        /* @__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}`))
       ]
     }
   );
-}, _ = {
-  container: "directory-tree-container relative h-full transition-opacity duration-300 overflow-y-hidden",
+}, A = {
+  container: "directory-tree-container relative h-full transition-opacity duration-300 overflow-y-hidden pb-[5px]",
   containerPending: "opacity-70",
   entry: "flex items-center cursor-pointer relative select-none",
   // ホバー時のスタイル（ライト/ダークモード対応）
-  entryHover: R(
+  entryHover: P(
     "hover:bg-gray-400/15",
     "dark:hover:bg-gray-200/10"
   ),
   // 選択時のスタイル（ライト/ダークモード対応）
-  entrySelected: R(
+  entrySelected: P(
     "bg-blue-400/10",
     "dark:bg-blue-400/15"
   ),
   // アイテム選択時のスタイル（ライト/ダークモード対応）
-  entryItemSelected: R(
+  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)]"
   ),
   // アイコンのスタイル
-  expandIcon: R(
+  expandIcon: P(
     "w-5 h-5 flex-shrink-0 flex items-center justify-center",
     "text-gray-500",
     "dark:text-gray-400"
   ),
-  expandIconSelected: R(
+  expandIconSelected: P(
     "text-blue-700",
     "dark:text-blue-400"
   ),
-  typeIcon: R(
+  typeIcon: P(
     "w-5 h-5 flex-shrink-0 flex items-center justify-center",
     "text-gray-500",
     "dark:text-gray-400"
   ),
-  typeIconSelected: R(
+  typeIconSelected: P(
     "text-blue-700",
     "dark:text-blue-400"
   ),
   // テキストのスタイル
-  name: R(
+  name: P(
     "overflow-hidden text-ellipsis whitespace-nowrap ml-1",
     "text-gray-700",
     "dark:text-gray-200"
   ),
   nameDirectory: "font-bold",
-  nameSelected: R(
+  nameSelected: P(
     "text-blue-800 font-medium",
     "dark:text-blue-300"
   )
-}, xe = {
+}, Se = {
   msOverflowStyle: "none",
   /* IE and Edge */
   scrollbarWidth: "none"
   /* Firefox */
-}, Fe = () => {
+}, 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));
-}, 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(
+}, 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: c,
+    onFileSelect: l,
     toggleDirectory: s,
     onToggleDirectoryRecursive: i,
-    selectedPath: f,
+    selectedPath: m,
     parentIsLast: p,
-    renderChildren: E = !0,
-    selectionMode: k = "none",
-    selectedItems: C,
-    onSelectionChange: T
+    renderChildren: R = !0,
+    selectionMode: D = "none",
+    selectedItems: $,
+    onSelectionChange: w
   }) => {
-    const w = he(null), [a, l] = W(null);
-    ee(() => () => {
-      w.current && window.clearTimeout(w.current);
+    const T = ve(null), [a, b] = H(null);
+    ne(() => () => {
+      T.current && window.clearTimeout(T.current);
     }, []);
-    const n = t.children !== void 0, d = n && u(t.absolutePath, t.relativePath), O = t.absolutePath === f, m = !n && C?.has(t.absolutePath);
-    ee(() => {
-      d && t.children ? Promise.resolve().then(() => {
-        l(t.children ?? []);
-      }) : l(null);
-    }, [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);
+    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);
       },
-      [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(
+      [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(
         "div",
         {
-          className: S,
+          className: V,
           style: {
-            paddingLeft: `${r * me}px`,
-            height: `${ie}px`
+            paddingLeft: `${r * ge}px`,
+            height: `${re}px`
           },
-          onClick: x,
-          onMouseEnter: () => D(!0),
-          onMouseLeave: () => D(!1),
-          onKeyDown: (j) => {
-            j.key === "Enter" && x(j);
+          onClick: v,
+          onMouseEnter: () => O(!0),
+          onMouseLeave: () => O(!1),
+          onKeyDown: (C) => {
+            C.key === "Enter" && v(C);
           },
           tabIndex: 0,
           role: "treeitem",
-          "aria-expanded": n ? d : void 0,
-          "aria-label": `${t.name} (${n ? "directory" : "file"})`,
+          "aria-expanded": o ? E : void 0,
+          "aria-label": `${t.name} (${o ? "directory" : "file"})`,
           children: [
-            /* @__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)) {
+            /* @__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__ */ b.jsx(Le, { className: "h-4 w-4" });
+                  return /* @__PURE__ */ h.jsx(De, { className: "h-4 w-4" });
                 default:
-                  return /* @__PURE__ */ b.jsx(Ne, { className: "h-4 w-4" });
+                  return /* @__PURE__ */ h.jsx(Pe, { className: "h-4 w-4" });
               }
             })() }),
-            /* @__PURE__ */ b.jsx("span", { className: Y, children: t.name })
+            /* @__PURE__ */ h.jsx("span", { className: z, children: t.name })
           ]
         }
       ),
-      d && a && E && /* @__PURE__ */ b.jsx("fieldset", { children: a.map((j, q) => /* @__PURE__ */ b.jsx(
-        be,
+      E && a && R && /* @__PURE__ */ h.jsx("fieldset", { children: a.map((C, N) => /* @__PURE__ */ h.jsx(
+        ye,
         {
-          entry: j,
+          entry: C,
           indentLevel: r + 1,
           isDirOpen: u,
-          onFileSelect: c,
+          onFileSelect: l,
           toggleDirectory: s,
           onToggleDirectoryRecursive: i,
-          selectedPath: f,
-          parentIsLast: [...p, q === (a || []).length - 1],
-          selectionMode: k,
-          selectedItems: C,
-          onSelectionChange: T
+          selectedPath: m,
+          parentIsLast: [...p, N === (a || []).length - 1],
+          selectionMode: D,
+          selectedItems: $,
+          onSelectionChange: w
         },
-        j.absolutePath
+        C.absolutePath
       )) })
     ] }, t.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))
       return !1;
-    const u = t.entry.children !== void 0, c = r.entry.children !== void 0, s = u && t.isDirOpen(t.entry.absolutePath, t.entry.relativePath), i = c && r.isDirOpen(r.entry.absolutePath, r.entry.relativePath);
+    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)
       return !1;
-    for (let f = 0; f < t.parentIsLast.length; f++)
-      if (t.parentIsLast[f] !== r.parentIsLast[f])
+    for (let m = 0; m < t.parentIsLast.length; m++)
+      if (t.parentIsLast[m] !== r.parentIsLast[m])
         return !1;
     return !0;
   }
 );
-be.displayName = "DirectoryEntryItem";
-const ie = 20, me = 16, we = (t) => {
+ye.displayName = "DirectoryEntryItem";
+const re = 20, ge = 16, _e = (t) => {
   const r = [];
   if (t.children)
     for (const u of t.children)
-      u.type === "directory" && (r.push(u.absolutePath), r.push(...we(u)));
+      u.type === "directory" && (r.push(u.absolutePath), r.push(..._e(u)));
   return r;
-}, 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, ...Se(s.children, r, p, c + 1)] : [E];
-}), Ze = ({
+}, 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,
   onFileSelect: r,
   className: u,
-  style: c,
+  style: l,
   selectedPath: s,
   toggle: i,
-  isExpanded: f,
+  isExpanded: m,
   expandMultiple: p,
-  collapseMultiple: E,
-  isPending: k,
-  doubleClickAction: C = "recursive",
-  selectionMode: T = "none",
-  selectedItems: w,
+  collapseMultiple: R,
+  isPending: D,
+  doubleClickAction: $ = "recursive",
+  selectionMode: w = "none",
+  selectedItems: T,
   onSelectionChange: a,
-  lineColor: l = "#A0AEC0",
-  virtualScrollOptions: n
+  lineColor: b = "#A0AEC0",
+  virtualScrollOptions: o
 }) => {
-  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, $);
+  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, _);
+    },
+    [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);
     },
-    [Y]
+    [G]
   );
-  ee(() => {
-    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);
+  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 v.observe(m.current), () => v.disconnect();
+      return c.observe(d.current), () => c.disconnect();
     }
   }, []);
-  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.`);
+  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.`);
     },
-    [I, p, E, C]
-  ), M = le(() => {
+    [j, p, R, $]
+  ), ue = fe(() => {
     if (t.length === 0)
       return [];
-    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]
+    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]
           // 祖先の状態をコピーして渡す
         };
-        v.push(_e), Z && ye && J.children && $(J.children, L + 1, [...z, X === F.length - 1]);
+        c.push(Te), K && pe && W.children && _(W.children, k + 1, [...M, B === L.length - 1]);
       });
     }
-    return $(t, 0, []), v;
-  }, [t, I]), V = le(() => Se(t, I), [t, I]), de = le(() => V.length * ie, [V]), ve = le(() => {
+    return _(t, 0, []), c;
+  }, [t, j]), q = fe(() => ke(t, j), [t, j]), de = fe(() => {
     if (t.length === 0)
       return 0;
-    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,
+    let c = 0;
+    for (const _ of ue)
+      _.indentLevel > c && (c = _.indentLevel);
+    return (c + 2) * ge;
+  }, [ue, t]), Re = fe(() => {
+    if (de <= 0 || S <= 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,
       {
-        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
-          );
-        }
+        items: ue,
+        itemHeight: re,
+        width: de,
+        segmentWidth: ge,
+        color: b,
+        renderFromY: f,
+        renderHeight: S,
+        renderStartIndex: c,
+        renderEndIndex: k,
+        lookaheadEndIndex: M
+      }
+    ) }) });
+  }, [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,
+    {
+      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
+      ] }),
+      initialScrollIndex: ae,
+      initialScrollOffset: J,
+      tapScrollCircleOptions: Z,
+      scrollBarWidth: oe,
+      enableThumbDrag: se,
+      enableTrackClick: le,
+      enableArrowButtons: ce,
+      enablePointerDrag: ie,
+      inertiaOptions: e,
+      children: (c, _) => {
+        if (!c)
+          return null;
+        const { entry: L, indentLevel: k, parentIsLast: M } = c;
+        return /* @__PURE__ */ h.jsx(
+          ye,
+          {
+            entry: L,
+            indentLevel: k,
+            isDirOpen: j,
+            onFileSelect: r,
+            toggleDirectory: i,
+            onToggleDirectoryRecursive: me,
+            selectedPath: s,
+            parentIsLast: M,
+            renderChildren: !1,
+            selectionMode: w,
+            selectedItems: T,
+            onSelectionChange: a
+          },
+          L.absolutePath
+        );
       }
-    )
-  ] }) });
-}, Qe = ({
+    }
+  ) });
+}, tt = ({
   initialExpanded: t = /* @__PURE__ */ new Set(),
   storageKey: r
 } = {}) => {
-  const [u, c] = Re(), [s, i] = W(() => {
+  const [u, l] = $e(), [s, i] = H(() => {
     if (typeof window < "u" && r)
       try {
         const a = window.localStorage.getItem(r);
         if (a) {
-          const l = JSON.parse(a);
-          return new Set(l);
+          const b = JSON.parse(a);
+          return new Set(b);
         }
       } catch (a) {
         console.error("[useDirectoryTreeState] Error reading from localStorage", a);
       }
     return t;
   });
-  ee(() => {
+  ne(() => {
     if (r && typeof window < "u")
       try {
         window.localStorage.setItem(r, JSON.stringify(Array.from(s)));
@@ -672,70 +708,70 @@ const ie = 20, me = 16, we = (t) => {
         console.warn(`Error setting localStorage key "${r}":`, a);
       }
   }, [s, r]);
-  const f = N((a) => {
-    c(() => {
-      i((l) => {
-        const n = new Set(l);
-        return n.has(a) ? n.delete(a) : n.add(a), n;
+  const m = F((a) => {
+    l(() => {
+      i((b) => {
+        const o = new Set(b);
+        return o.has(a) ? o.delete(a) : o.add(a), o;
       });
     });
-  }, []), p = N((a) => {
-    c(() => {
-      i((l) => {
-        const n = new Set(l);
-        return n.has(a) || n.add(a), n;
+  }, []), p = F((a) => {
+    l(() => {
+      i((b) => {
+        const o = new Set(b);
+        return o.has(a) || o.add(a), o;
       });
     });
-  }, []), E = N((a) => {
-    c(() => {
-      i((l) => {
-        const n = new Set(l);
-        return n.has(a) && n.delete(a), n;
+  }, []), R = F((a) => {
+    l(() => {
+      i((b) => {
+        const o = new Set(b);
+        return o.has(a) && o.delete(a), o;
       });
     });
-  }, []), k = N((a) => {
-    c(() => {
-      i((l) => {
-        const n = new Set(l);
-        for (const d of a)
-          n.has(d) && n.delete(d);
-        return 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;
       });
     });
-  }, []), C = N((a) => {
-    c(() => {
-      i((l) => {
-        const n = new Set(l);
-        for (const d of a)
-          n.has(d) || n.add(d);
-        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;
       });
     });
-  }, []), T = N(() => {
-    c(() => {
+  }, []), w = F(() => {
+    l(() => {
       i(/* @__PURE__ */ new Set());
     });
-  }, []), w = N((a) => s.has(a), [s]);
+  }, []), T = F((a) => s.has(a), [s]);
   return {
     expanded: s,
-    toggle: f,
+    toggle: m,
     expand: p,
-    collapse: E,
-    collapseMultiple: k,
-    expandMultiple: C,
-    collapseAll: T,
-    isExpanded: w,
+    collapse: R,
+    collapseMultiple: D,
+    expandMultiple: $,
+    collapseAll: w,
+    isExpanded: T,
     isPending: u
   };
 };
 export {
-  Ze as DirectoryTree,
-  Me as TreeLine,
-  _ as directoryTreeClasses,
-  Ye as getEntryClasses,
-  Ve as getExpandIconClasses,
-  Ue as getNameClasses,
-  ze as getTypeIconClasses,
-  Qe as useDirectoryTreeState
+  et as DirectoryTree,
+  Ve as TreeLine,
+  A as directoryTreeClasses,
+  Ue as getEntryClasses,
+  Be as getExpandIconClasses,
+  We as getNameClasses,
+  Je as getTypeIconClasses,
+  tt as useDirectoryTreeState
 };
 //# sourceMappingURL=index.js.map