@aiquants/directory-tree 0.1.0

package/dist/index.js

@@ -0,0 +1,694 @@
+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 = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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 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) {
+      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,
+      ref: s !== void 0 ? s : null,
+      props: i
+    };
+  }
+  return G.Fragment = r, G.jsx = u, G.jsxs = u, G;
+}
+var X = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Y ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case h:
+          return "Fragment";
+        case x:
+          return "Profiler";
+        case _:
+          return "StrictMode";
+        case $:
+          return "Suspense";
+        case N:
+          return "SuspenseList";
+        case I:
+          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:
+            return "Portal";
+          case P:
+            return e.displayName || "Context";
+          case v:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case M:
+            var o = e.render;
+            return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case U:
+            return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
+          case z:
+            o = e._payload, e = e._init;
+            try {
+              return t(e(o));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(e) {
+      return "" + e;
+    }
+    function u(e) {
+      try {
+        r(e);
+        var o = !1;
+      } catch {
+        o = !0;
+      }
+      if (o) {
+        o = console;
+        var d = o.error, y = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return d.call(
+          o,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          y
+        ), r(e);
+      }
+    }
+    function c(e) {
+      if (e === h) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === z)
+        return "<...>";
+      try {
+        var o = t(e);
+        return o ? "<" + o + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = W.A;
+      return e === null ? null : e.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function f(e) {
+      if (q.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(
+          "%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,
+        configurable: !0
+      });
+    }
+    function E() {
+      var e = t(this.type);
+      return S[e] || (S[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;
+      return e = {
+        $$typeof: l,
+        type: e,
+        key: o,
+        props: d,
+        _owner: y
+      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: E
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: B
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: te
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function O(e, o, d, y, B, te) {
+      var g = o.children;
+      if (g !== void 0)
+        if (y)
+          if (m(g)) {
+            for (y = 0; y < g.length; y++)
+              j(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")) {
+        g = t(e);
+        var J = Object.keys(o).filter(function(fe) {
+          return fe !== "key";
+        });
+        y = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", V[g + y] || (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,
+          J,
+          g
+        ), V[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;
+      return g && p(
+        d,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), k(
+        e,
+        g,
+        d,
+        s(),
+        B,
+        te
+      );
+    }
+    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 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() {
+      return null;
+    };
+    a = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var C, S = {}, A = 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(
+        e,
+        o,
+        d,
+        !1,
+        y ? Error("react-stack-top-frame") : A,
+        y ? T(c(e)) : F
+      );
+    }, X.jsxs = function(e, o, d) {
+      var y = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return O(
+        e,
+        o,
+        d,
+        !0,
+        y ? Error("react-stack-top-frame") : A,
+        y ? T(c(e)) : F
+      );
+    };
+  })()), X;
+}
+var ce;
+function Te() {
+  return ce || (ce = 1, process.env.NODE_ENV === "production" ? Q.exports = _e() : Q.exports = Ie()), Q.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;
+          break;
+        }
+        if (t[$].indentLevel === v && $ > a)
+          break;
+      }
+      M && l.ancestorIsLast.length > v && !l.ancestorIsLast[v] && E.push(`M ${P},${n} L ${P},${n + r}`);
+    }
+    const _ = l.indentLevel * c, x = _ + c / 2;
+    if (l.isDirectory) {
+      const v = c / 1.5;
+      E.push(`M ${x},${n} L ${x},${h - v}`);
+    } else
+      E.push(`M ${x},${n} L ${x},${h}`);
+    if (l.isDirectory || l.isLastChild && E.push(`M ${x},${h} L ${_ + c},${h}`), !l.isLastChild)
+      if (l.isDirectory) {
+        const v = c / 1.5;
+        E.push(`M ${x},${h + v} L ${x},${n + r}`);
+      } else
+        E.push(`M ${x},${h} L ${x},${n + r}`);
+  }
+  const w = t.length * r;
+  return /* @__PURE__ */ b.jsxs(
+    "svg",
+    {
+      width: u,
+      height: p ?? w,
+      viewBox: `0 ${f} ${u} ${p ?? w}`,
+      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}`))
+      ]
+    }
+  );
+}, 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(
+    "hover:bg-gray-400/15",
+    "dark:hover:bg-gray-200/10"
+  ),
+  // 選択時のスタイル（ライト/ダークモード対応）
+  entrySelected: L(
+    "bg-blue-400/10",
+    "dark:bg-blue-400/15"
+  ),
+  // アイテム選択時のスタイル（ライト/ダークモード対応）
+  entryItemSelected: L(
+    "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(
+    "w-5 h-5 flex-shrink-0 flex items-center justify-center",
+    "text-gray-500",
+    "dark:text-gray-400"
+  ),
+  expandIconSelected: L(
+    "text-blue-700",
+    "dark:text-blue-400"
+  ),
+  typeIcon: L(
+    "w-5 h-5 flex-shrink-0 flex items-center justify-center",
+    "text-gray-500",
+    "dark:text-gray-400"
+  ),
+  typeIconSelected: L(
+    "text-blue-700",
+    "dark:text-blue-400"
+  ),
+  // テキストのスタイル
+  name: L(
+    "overflow-hidden text-ellipsis whitespace-nowrap ml-1",
+    "text-gray-700",
+    "dark:text-gray-200"
+  ),
+  nameDirectory: "font-bold",
+  nameSelected: L(
+    "text-blue-800 font-medium",
+    "dark:text-blue-300"
+  )
+}, ie = {
+  msOverflowStyle: "none",
+  /* IE and Edge */
+  scrollbarWidth: "none"
+  /* Firefox */
+}, Re = () => {
+  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(
+  ({
+    entry: t,
+    indentLevel: r,
+    isDirOpen: u,
+    onFileSelect: c,
+    toggleDirectory: s,
+    onToggleDirectoryRecursive: i,
+    selectedPath: f,
+    parentIsLast: p,
+    renderChildren: E = !0,
+    selectionMode: k = "none",
+    selectedItems: O,
+    onSelectionChange: j
+  }) => {
+    const w = ne(null), [a, l] = H(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);
+    ee(() => {
+      h && 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(() => {
+          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: [
+      /* @__PURE__ */ b.jsxs(
+        "div",
+        {
+          className: $,
+          style: {
+            paddingLeft: `${r * ae}px`,
+            height: `${K}px`
+          },
+          onClick: v,
+          onMouseEnter: () => M(!0),
+          onMouseLeave: () => M(!1),
+          onKeyDown: (I) => {
+            I.key === "Enter" && v(I);
+          },
+          tabIndex: 0,
+          role: "treeitem",
+          "aria-expanded": n ? h : 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)) {
+                case "md":
+                  return /* @__PURE__ */ b.jsx(ge, { className: "h-4 w-4" });
+                default:
+                  return /* @__PURE__ */ b.jsx(we, { className: "h-4 w-4" });
+              }
+            })() }),
+            /* @__PURE__ */ b.jsx("span", { className: z, children: t.name })
+          ]
+        }
+      ),
+      h && a && E && /* @__PURE__ */ b.jsx("fieldset", { children: a.map((I, Y) => /* @__PURE__ */ b.jsx(
+        oe,
+        {
+          entry: I,
+          indentLevel: r + 1,
+          isDirOpen: u,
+          onFileSelect: c,
+          toggleDirectory: s,
+          onToggleDirectoryRecursive: i,
+          selectedPath: f,
+          parentIsLast: [...p, Y === (a || []).length - 1],
+          selectionMode: k,
+          selectedItems: O,
+          onSelectionChange: j
+        },
+        I.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);
+    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])
+        return !1;
+    return !0;
+  }
+);
+oe.displayName = "DirectoryEntryItem";
+const K = 20, ae = 16, ue = (t) => {
+  const r = [];
+  if (t.children)
+    for (const u of t.children)
+      u.type === "directory" && (r.push(u.absolutePath), r.push(...ue(u)));
+  return r;
+}, de = (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 = ({
+  entries: t,
+  onFileSelect: r,
+  className: u,
+  style: c,
+  selectedPath: s,
+  toggle: i,
+  isExpanded: f,
+  expandMultiple: p,
+  collapseMultiple: E,
+  isPending: k,
+  doubleClickAction: O = "recursive",
+  selectionMode: j = "none",
+  selectedItems: w,
+  onSelectionChange: a,
+  lineColor: l = "#A0AEC0"
+}) => {
+  const [n, h] = H(!1), _ = ne(null), x = ne(null), [v, P] = H(0), [M, $] = H(0);
+  ee(() => {
+    if (h(!0), Re(), _.current) {
+      P(_.current.clientHeight);
+      const m = new ResizeObserver((T) => {
+        for (const C of T)
+          P(C.contentRect.height);
+      });
+      return m.observe(_.current), () => m.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.`);
+    },
+    [N, p, E, O]
+  ), I = Z(() => {
+    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]
+          // 祖先の状態をコピーして渡す
+        };
+        m.push(y), e && d && F.children && T(F.children, S + 1, [...A, V === C.length - 1]);
+      });
+    }
+    return T(t, 0, []), m;
+  }, [t, N]), Y = Z(() => de(t, N), [t, N]), W = Z(() => Y.length * K, [Y]), q = Z(() => {
+    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
+      );
+    } })
+  ] }) });
+}, Fe = ({
+  initialExpanded: t = /* @__PURE__ */ new Set(),
+  storageKey: r
+} = {}) => {
+  const [u, c] = ve(), [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);
+        }
+      } catch (a) {
+        console.error("[useDirectoryTreeState] Error reading from localStorage", a);
+      }
+    return t;
+  });
+  ee(() => {
+    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);
+      }
+  }, [s, r]);
+  const f = D((a) => {
+    c(() => {
+      i((l) => {
+        const n = new Set(l);
+        return n.has(a) ? n.delete(a) : n.add(a), n;
+      });
+    });
+  }, []), p = D((a) => {
+    c(() => {
+      i((l) => {
+        const n = new Set(l);
+        return n.has(a) || n.add(a), n;
+      });
+    });
+  }, []), E = D((a) => {
+    c(() => {
+      i((l) => {
+        const n = new Set(l);
+        return n.has(a) && n.delete(a), n;
+      });
+    });
+  }, []), k = D((a) => {
+    c(() => {
+      i((l) => {
+        const n = new Set(l);
+        for (const h of a)
+          n.has(h) && n.delete(h);
+        return n;
+      });
+    });
+  }, []), O = D((a) => {
+    c(() => {
+      i((l) => {
+        const n = new Set(l);
+        for (const h of a)
+          n.has(h) || n.add(h);
+        return n;
+      });
+    });
+  }, []), j = D(() => {
+    c(() => {
+      i(/* @__PURE__ */ new Set());
+    });
+  }, []), w = D((a) => s.has(a), [s]);
+  return {
+    expanded: s,
+    toggle: f,
+    expand: p,
+    collapse: E,
+    collapseMultiple: k,
+    expandMultiple: O,
+    collapseAll: j,
+    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
+};
+//# sourceMappingURL=index.js.map