@aiquants/markdown-explorer 0.0.0-stage → 0.2.0

package/dist/ExplorerSplit-DB37U7Kh.js

@@ -0,0 +1,1362 @@
+import { jsx as m, jsxs as S, Fragment as _e } from "react/jsx-runtime";
+import { u as k, F as ct, d as ge, f as Ie, g as it, E as dt, h as ut, i as mt, L as pt, j as ft } from "./index-BfuAu2GV.js";
+import * as p from "react";
+import { use as ie, createContext as ve, useState as N, useCallback as x, useMemo as C, useRef as v, useLayoutEffect as P, useSyncExternalStore as de, useEffect as H, Suspense as De, useId as ue } from "react";
+import { C as ht, k as xt, l as He, v as wt, m as gt, n as vt, E as bt, o as qe, q as Et, s as yt, S as ce, t as Rt, F as St, A as Tt } from "./location-fVl2R1ee.js";
+import { useDirectoryTreeState as Lt, DirectoryTree as Nt } from "@aiquants/directory-tree";
+import { tapScrollCircleSampleVisual as kt } from "@aiquants/virtualscroll";
+import { s as qt } from "./storage-DA4ItHzl.js";
+import { PanelGroup as At, Panel as Ae, PanelResizeHandle as Ot } from "@aiquants/resize-panels";
+import { useLocation as Ct } from "react-router";
+function Pt({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M19.5 21a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-5.379a.75.75 0 0 1-.53-.22L11.47 3.66A2.25 2.25 0 0 0 9.879 3H4.5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h15ZM9 12.75a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5H9Z",
+    clipRule: "evenodd"
+  }));
+}
+const Mt = /* @__PURE__ */ p.forwardRef(Pt);
+function Ft({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M19.5 21a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-5.379a.75.75 0 0 1-.53-.22L11.47 3.66A2.25 2.25 0 0 0 9.879 3H4.5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h15Zm-6.75-10.5a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25v2.25a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25V10.5Z",
+    clipRule: "evenodd"
+  }));
+}
+const _t = /* @__PURE__ */ p.forwardRef(Ft);
+function It({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    d: "M16.5 6a3 3 0 0 0-3-3H6a3 3 0 0 0-3 3v7.5a3 3 0 0 0 3 3v-6A4.5 4.5 0 0 1 10.5 6h6Z"
+  }), /* @__PURE__ */ p.createElement("path", {
+    d: "M18 7.5a3 3 0 0 1 3 3V18a3 3 0 0 1-3 3h-7.5a3 3 0 0 1-3-3v-7.5a3 3 0 0 1 3-3H18Z"
+  }));
+}
+const Dt = /* @__PURE__ */ p.forwardRef(It);
+function Ht({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 6a3 3 0 0 1 3-3h2.25a3 3 0 0 1 3 3v2.25a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm9.75 0a3 3 0 0 1 3-3H18a3 3 0 0 1 3 3v2.25a3 3 0 0 1-3 3h-2.25a3 3 0 0 1-3-3V6ZM3 15.75a3 3 0 0 1 3-3h2.25a3 3 0 0 1 3 3V18a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-2.25Zm9.75 0a3 3 0 0 1 3-3H18a3 3 0 0 1 3 3V18a3 3 0 0 1-3 3h-2.25a3 3 0 0 1-3-3v-2.25Z",
+    clipRule: "evenodd"
+  }));
+}
+const Zt = /* @__PURE__ */ p.forwardRef(Ht), $t = () => {
+  const { notices: e } = k(), t = ie(e);
+  return t.length === 0 ? null : /* @__PURE__ */ m("div", { className: "aqmx-explorer-notices", children: t.map((n) => /* @__PURE__ */ S("div", { className: "aqmx-callout", "data-aqmx-tone": n.tone, "data-testid": "markdown-explorer-notice", "data-aqmx-notice": n.id, children: [
+    /* @__PURE__ */ m("p", { className: "aqmx-callout-title", children: n.title }),
+    n.body === void 0 ? null : /* @__PURE__ */ m("p", { className: "aqmx-callout-body", children: n.body }),
+    n.action === void 0 ? null : (
+      /* @__PURE__ */ m("a", { className: "aqmx-callout-action", href: n.action.href, children: n.action.label })
+    )
+  ] }, n.id)) });
+};
+function Bt({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.912 3a3 3 0 0 0-2.868 2.118l-2.411 7.838a3 3 0 0 0-.133.882V18a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3v-4.162c0-.299-.045-.596-.133-.882l-2.412-7.838A3 3 0 0 0 17.088 3H6.912Zm13.823 9.75-2.213-7.191A1.5 1.5 0 0 0 17.088 4.5H6.912a1.5 1.5 0 0 0-1.434 1.059L3.265 12.75H6.11a3 3 0 0 1 2.684 1.658l.256.513a1.5 1.5 0 0 0 1.342.829h3.218a1.5 1.5 0 0 0 1.342-.83l.256-.512a3 3 0 0 1 2.684-1.658h2.844Z",
+    clipRule: "evenodd"
+  }));
+}
+const zt = /* @__PURE__ */ p.forwardRef(Bt), be = ve(!0), Ze = "\0loop\0", $e = "\0", Vt = () => {
+  const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = (a) => {
+    const l = e.get(a);
+    if (l !== void 0) return l;
+    const s = Object.freeze({ type: "loop", name: a.name, path: a.path });
+    return e.set(a, s), s;
+  }, o = (a, l, s) => {
+    let u = !1;
+    const d = a.map((f) => {
+      const h = c(f, l, s);
+      return h !== f && (u = !0), h;
+    });
+    if (!u) return a;
+    const i = n.get(a);
+    return i !== void 0 && i.length === d.length && i.every((f, h) => f === d[h]) ? i : (n.set(a, d), d);
+  }, c = (a, l, s) => {
+    if (a.type !== "directory") return a;
+    if (s.has(a.path)) return r(a);
+    const u = a.lazy === !0 ? l(a.path) : void 0, d = u?.status === "loaded", i = d ? u.entries : a.children;
+    if (i === void 0) return a;
+    s.add(a.path);
+    const f = o(i, l, s);
+    if (s.delete(a.path), !d && f === a.children) return a;
+    const h = t.get(a);
+    if (h !== void 0 && h.state === u && h.children === f) return h.grafted;
+    const w = { ...a, children: f, lazy: d ? !1 : a.lazy };
+    return t.set(a, { state: u, children: f, grafted: w }), w;
+  };
+  return (a, l) => o(a, l, /* @__PURE__ */ new Set());
+}, jt = (e, t) => `${Ze}${e}${$e}${t}`, ae = (e) => e.startsWith(Ze), Kt = (e) => e.slice(e.lastIndexOf($e) + 1), te = "data-aqmx-path", Ut = (e, t, n, r, o) => {
+  const c = { aqmxPath: e.path };
+  return n && (c.aqmxOpen = !0), (r === "loading" || r === "failed") && (c.aqmxChildren = r), {
+    name: e.name,
+    type: e.type,
+    absolutePath: e.path,
+    relativePath: e.path,
+    mimeType: e.mimeType,
+    children: t,
+    label: o,
+    data: c
+  };
+}, Xt = (e, t, n, r) => {
+  const o = jt(t, e.path);
+  return { name: n, type: "directory", absolutePath: o, relativePath: o, children: r, data: { aqmxLoop: e.path } };
+}, Gt = () => {
+  const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = [], o = (l, s, u) => {
+    const d = l.map((f) => f.type === "loop" ? c(f, s, u) : a(f, s)), i = n.get(l);
+    return i !== void 0 && i.length === d.length && i.every((f, h) => f === d[h]) ? i : (n.set(l, d), d);
+  }, c = (l, s, u) => {
+    const d = t.get(l);
+    if (d !== void 0 && d.parentKey === u && d.loopFolderName === s.loopFolderName) return d.row;
+    const i = Xt(l, u, s.loopFolderName(l.name), r);
+    return t.set(l, { row: i, parentKey: u, loopFolderName: s.loopFolderName }), i;
+  }, a = (l, s) => {
+    const u = l.type === "directory" ? l.children === void 0 ? r : o(l.children, s, l.path) : void 0, d = s.openPaths.has(l.path), i = l.type === "directory" && l.lazy === !0 ? s.childrenOf(l.path)?.status : void 0, f = i === "failed" ? s.renderFailedFolder : void 0, h = e.get(l);
+    if (h !== void 0 && h.open === d && h.childrenStatus === i && h.children === u && h.renderFailedFolder === f)
+      return h.row;
+    const w = Ut(l, u, d, i, f === void 0 ? void 0 : f(l));
+    return e.set(l, { row: w, open: d, childrenStatus: i, children: u, renderFailedFolder: f }), w;
+  };
+  return (l, s) => o(l, s, "");
+}, Wt = (e) => {
+  if (e === void 0) return;
+  const t = (n) => ({ name: n.name, path: n.absolutePath, type: n.type });
+  return (n, r) => e(t(n), t(r));
+}, we = (e, t) => {
+  const n = e.filter((r) => r.type === "directory");
+  return t === void 0 ? n : n.sort(t);
+}, Yt = (e, t) => {
+  const n = /* @__PURE__ */ new Map();
+  let r = 0;
+  const o = (c) => {
+    for (const a of we(c, t.compare))
+      if (t.isShownExpanded(a.path)) {
+        if (a.lazy !== !0) {
+          a.children !== void 0 && o(a.children);
+          continue;
+        }
+        n.has(a.path) || (n.set(a.path, t.isDirect(a.path) ? "direct" : "bulk"), t.childrenOf(a.path)?.status !== "failed" && (r += 1));
+      }
+  };
+  return o(e), { folders: n, waiting: r };
+}, Qt = (e) => {
+  const t = /* @__PURE__ */ new Set(), n = (r) => {
+    for (const o of r)
+      o.type === "directory" && (o.lazy === !0 && t.add(o.path), o.children !== void 0 && n(o.children));
+  };
+  return n(e), t;
+}, Be = (e, t) => {
+  for (const n of e) {
+    if (n.type !== "directory") continue;
+    if (n.path === t) return n;
+    const r = n.children === void 0 ? null : Be(n.children, t);
+    if (r !== null) return r;
+  }
+  return null;
+}, Oe = /* @__PURE__ */ new Set(), Jt = (e, t) => e.has(t) ? e : new Set(e).add(t), en = (e, t) => {
+  if (!t.some((r) => e.has(r))) return e;
+  const n = new Set(t);
+  return new Set([...e].filter((r) => !n.has(r)));
+}, tn = (e, t) => [...e].every((n) => t.has(n)) ? e : new Set([...e].filter((n) => t.has(n))), nn = () => {
+  const [e, t] = N(Oe), n = x((a) => t((l) => Jt(l, a)), []), r = x((a) => t((l) => en(l, a)), []), o = x((a) => t((l) => tn(l, a)), []), c = x(() => t(Oe), []);
+  return C(() => ({ direct: e, markDirect: n, unmarkDirect: r, pruneDirect: o, clearDirect: c }), [e, n, r, o, c]);
+}, rn = (e) => ({
+  budget: e,
+  handled: /* @__PURE__ */ new Set(),
+  loads: /* @__PURE__ */ new Set(),
+  opened: 0,
+  folderLimited: !1,
+  depthLimited: !1,
+  announcedStart: !1,
+  issuedAgainst: null
+}), an = (e, t) => {
+  const n = [];
+  let r = we(t.entries, t.compare);
+  for (let o = 1; r.length > 0; o += 1) {
+    const c = [];
+    for (const a of r) {
+      const { path: l } = a;
+      if (t.isShownExpanded(l))
+        e.handled.add(l);
+      else {
+        if (e.handled.has(l)) continue;
+        if (e.handled.add(l), a.lazy === !0 && t.childrenOf(l) === void 0) {
+          if (o > e.budget.maxDepth) {
+            e.depthLimited = !0;
+            continue;
+          }
+          if (e.loads.size >= e.budget.maxFolders) {
+            e.folderLimited = !0;
+            continue;
+          }
+          e.loads.add(l);
+        }
+        n.push(l), e.opened += 1;
+      }
+      a.lazy !== !0 && a.children !== void 0 && c.push(...we(a.children, t.compare));
+    }
+    r = c;
+  }
+  return n;
+}, ze = (e, t) => e.every((n) => n.type !== "directory" || t(n.path) && (n.lazy === !0 || n.children === void 0 || ze(n.children, t))), ln = (e, t) => {
+  if (e.folderLimited) return { kind: "folder-limit", opened: e.opened };
+  if (e.depthLimited) return { kind: "depth-limit", opened: e.opened };
+  let n = 0;
+  for (const r of e.loads) t.childrenOf(r)?.status === "failed" && (n += 1);
+  return { kind: "done", opened: e.opened, failed: n, complete: ze(t.entries, t.isShownExpanded) };
+}, he = Object.freeze({ state: "idle" }), on = (e) => {
+  const t = v(null), n = v(e), [r, o] = N(he);
+  P(() => {
+    n.current = e;
+  });
+  const c = x(() => {
+    t.current === null && (t.current = rn(n.current.budget), o({ state: "running", opened: 0 }));
+  }, []), a = x(() => {
+    t.current = null, o(he);
+  }, []), l = x((s) => {
+    const u = t.current;
+    if (u === null) return;
+    const d = an(u, s);
+    if (d.length > 0 && (u.issuedAgainst = s.expanded, n.current.expandMultiple([...d])), !u.announcedStart && (u.loads.size > 0 || s.waiting > 0) && (u.announcedStart = !0, n.current.onStart()), d.length === 0 && !s.expansionPending && s.expanded !== u.issuedAgainst && s.waiting === 0) {
+      t.current = null;
+      const f = ln(u, s);
+      o(f.kind === "done" ? he : { state: "stopped", stop: f.kind, opened: f.opened }), n.current.onFinish(f);
+      return;
+    }
+    const { opened: i } = u;
+    o((f) => f.state === "running" && f.opened === i ? f : { state: "running", opened: i });
+  }, []);
+  return C(() => ({ status: r, start: c, end: a, advance: l }), [r, c, a, l]);
+}, sn = "--aqmx-tree-line", cn = Object.freeze(["(forced-colors: active)", "(prefers-color-scheme: dark)"]), dn = "data-aqmx-tree-probe", un = Object.freeze({ rowHeight: ht, lineColor: null }), mn = /^rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)$/u, pn = (e) => {
+  const t = mn.exec(e);
+  return t === null ? e : `#${t.slice(1).map((n) => Number(n).toString(16).padStart(2, "0")).join("")}`;
+}, fn = (e, t) => {
+  const [n, r] = N(un);
+  return P(() => {
+    const o = e.current;
+    if (o === null) return;
+    const c = () => {
+      const s = Math.round(o.getBoundingClientRect().height), u = getComputedStyle(o), d = u.getPropertyValue(sn).trim() === "" ? null : pn(u.color);
+      r((i) => {
+        const f = Number.isFinite(s) && s > 0 ? s : i.rowHeight;
+        return i.rowHeight === f && i.lineColor === d ? i : { rowHeight: f, lineColor: d };
+      });
+    };
+    c();
+    const a = cn.map((s) => window.matchMedia(s));
+    for (const s of a) s.addEventListener("change", c);
+    const l = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
+    return l?.observe(o), () => {
+      for (const s of a) s.removeEventListener("change", c);
+      l?.disconnect();
+    };
+  }, [e, t]), n;
+}, hn = { renderVisual: kt, minSpeedMultiplier: 0.25, maxSpeedMultiplier: 18 }, xn = "markdown-explorer-tree-scroll", wn = {
+  testId: xn,
+  overscanCount: 13,
+  callbackThrottleMs: 13,
+  scrollBarOptions: {
+    width: 8,
+    enableTrackClick: !0,
+    enableThumbDrag: !0,
+    enableArrowButtons: !0,
+    enableArrowButtonTabStops: !1,
+    enableScrollToTopBottomButtons: !0,
+    tapScrollCircleOptions: hn
+  },
+  behaviorOptions: { enablePointerDrag: !0 }
+}, gn = { hoverClassName: "", directorySelectedClassName: "", itemSelectedClassName: "" }, vn = { color: "inherit" }, bn = { paddingBlock: 0 }, En = /* @__PURE__ */ new Set(), yn = /* @__PURE__ */ new Map(), Rn = { color: "var(--aqmx-tree-line)" }, Ce = ["pointerdown", "wheel", "touchstart", "keydown", "focusin"], Sn = (e, t, n) => {
+  const r = v(null), o = v(null), c = x(() => {
+    const a = t.current;
+    r.current === null || o.current !== null || a === null || a.getClientRects().length === 0 || (o.current = requestAnimationFrame(() => {
+      o.current = null;
+      const l = r.current;
+      l !== null && e.current?.scrollToPath(l, { align: "nearest" }) === !1 && (r.current = null);
+    }));
+  }, [e, t]);
+  H(() => {
+    const a = t.current;
+    if (a === null) return;
+    const l = () => {
+      r.current = null;
+    }, s = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
+    s?.observe(a);
+    for (const u of Ce) a.addEventListener(u, l, { passive: !0 });
+    return () => {
+      s?.disconnect();
+      for (const u of Ce) a.removeEventListener(u, l);
+      o.current !== null && cancelAnimationFrame(o.current), o.current = null;
+    };
+  }, [t, c]), H(() => {
+    const a = t.current;
+    r.current = n === null || a === null || a.contains(a.ownerDocument.activeElement) ? null : n, c();
+  }, [n, t, c]);
+}, Tn = (e) => {
+  const t = e instanceof Element ? e.closest(`[${te}]`) : null;
+  return t === null || t.getAttribute("data-entry-type") !== "file" ? null : t.getAttribute(te);
+}, Ve = (e, t, n, r) => n === "folder-limit" ? e.expandAllFolderLimit(r, t.maxFolders, e.expandAll) : e.expandAllDepthLimit(r, t.maxDepth), Ln = (e, t, n) => n.kind === "done" ? e.expandAllDone(n.opened, n.failed, n.complete) : Ve(e, t, n.kind, n.opened), je = () => {
+  const { labels: e } = k();
+  return /* @__PURE__ */ S("div", { className: "aqmx-explorer-loading", "aria-busy": "true", "data-testid": "markdown-explorer-tree-loading", children: [
+    /* @__PURE__ */ m("p", { className: "aqmx-explorer-loading-text", children: e.treeLoading }),
+    /* @__PURE__ */ S("div", { className: "aqmx-skeleton", "aria-hidden": "true", children: [
+      /* @__PURE__ */ m("span", {}),
+      /* @__PURE__ */ m("span", {}),
+      /* @__PURE__ */ m("span", {}),
+      /* @__PURE__ */ m("span", {}),
+      /* @__PURE__ */ m("span", {})
+    ] })
+  ] });
+}, Nn = () => {
+  const { labels: e } = k();
+  return /* @__PURE__ */ S("div", { className: "aqmx-empty", "data-testid": "markdown-explorer-tree-empty", children: [
+    /* @__PURE__ */ m(zt, { className: "aqmx-explorer-empty-icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ m("p", { className: "aqmx-empty-title", children: e.treeEmptyTitle }),
+    /* @__PURE__ */ m("p", { className: "aqmx-explorer-empty-body", children: e.treeEmptyBody })
+  ] });
+}, kn = ({ name: e, onRetry: t }) => {
+  const { labels: n } = k(), r = ue();
+  return /* @__PURE__ */ S("span", { className: "aqmx-explorer-folder-failed", children: [
+    /* @__PURE__ */ m("span", { className: "aqmx-explorer-folder-name", children: e }),
+    /* @__PURE__ */ m("span", { id: r, className: "aqmx-explorer-folder-error", children: n.folderLoadFailed }),
+    /* @__PURE__ */ S(
+      "button",
+      {
+        type: "button",
+        className: "aqmx-explorer-folder-retry",
+        "aria-describedby": r,
+        "data-testid": "markdown-explorer-folder-retry",
+        onClick: (o) => {
+          o.stopPropagation();
+          const c = o.currentTarget, a = c.ownerDocument.activeElement === c ? c.closest('[role="treeitem"]') : null;
+          a instanceof HTMLElement && Ie(a), t();
+        },
+        onKeyDown: (o) => {
+          o.key !== "Escape" && o.stopPropagation();
+        },
+        children: [
+          /* @__PURE__ */ m(ge, { className: "aqmx-explorer-folder-retry-icon", "aria-hidden": "true" }),
+          /* @__PURE__ */ m("span", { className: "aqmx-explorer-folder-retry-text", children: n.retry })
+        ]
+      }
+    )
+  ] });
+}, qn = ({ entries: e, version: t, mode: n, sourceId: r, settings: o, openPaths: c, selection: a, onOpenDocument: l, expansion: s, onShown: u, marks: d, claimsHeld: i, expandAll: f }) => {
+  const { trees: h, documents: w, labels: y, locale: q, theme: T } = k(), Z = ie(be), [L] = N(Gt), B = v(null), { rowHeight: V, lineColor: z } = fn(B, T), { isExpanded: E, toggle: A, expandMultiple: b, collapseMultiple: M, expanded: _, isPending: G } = s, { alwaysExpanded: W, sortMode: I, directoriesFirst: ne } = o, { direct: Y, markDirect: j, unmarkDirect: $, pruneDirect: D } = d, { running: K, advance: le } = f, re = v(null), ee = v(null);
+  Sn(re, ee, a.shownPath);
+  const Q = C(() => xt({ sortMode: I, directoriesFirst: ne }), [I, ne]), me = C(() => Wt(Q), [Q]), U = x((g) => h.children(r, g), [h, r]), R = C(() => Qt(e), [e]), O = x((g) => !ae(g) && (E(g) || W && !R.has(g)), [E, W, R]), X = v({ shownExpanded: O, isExpanded: E, unloadedFolders: R });
+  P(() => {
+    X.current = { shownExpanded: O, isExpanded: E, unloadedFolders: R };
+  }, [O, E, R]);
+  const Se = x((g) => {
+    re.current?.scrollToPath(g, { align: "nearest" }), requestAnimationFrame(() => {
+      const F = ee.current;
+      if (F === null) return;
+      const J = [...F.querySelectorAll(`[role="treeitem"][${te}]`)].find((st) => st.getAttribute(te) === g);
+      J !== void 0 && Ie(J);
+    });
+  }, []), Qe = x(
+    (g) => {
+      if (ae(g)) {
+        Se(Kt(g));
+        return;
+      }
+      X.current.isExpanded(g) ? $([g]) : X.current.unloadedFolders.has(g) && j(g), A(g);
+    },
+    [Se, j, $, A]
+  ), pe = x(
+    (g) => {
+      const F = g.filter((J) => !ae(J));
+      F.length !== 0 && ($(F), M(F));
+    },
+    [$, M]
+  ), Je = x(
+    (g) => {
+      const F = g.filter((J) => !ae(J));
+      F.length !== 0 && (F.length < g.length && F.every((J) => X.current.shownExpanded(J)) ? pe(F) : b(F));
+    },
+    [b, pe]
+  ), Te = x(
+    (g) => /* @__PURE__ */ m(
+      kn,
+      {
+        name: g.name,
+        onRetry: () => {
+          j(g.path), h.retryChildren(r, g.path), X.current.shownExpanded(g.path) || b([g.path]);
+        }
+      }
+    ),
+    [h, r, j, b]
+  ), Le = n === "multi" ? c : En, { loopFolderName: Ne } = y, et = C(() => L(e, { openPaths: Le, childrenOf: U, renderFailedFolder: Te, loopFolderName: Ne }), [L, e, Le, U, Te, Ne, t]), tt = it(w, Tn), ke = x((g) => Y.has(g), [Y]), oe = C(() => Yt(e, { isShownExpanded: O, childrenOf: U, compare: Q, isDirect: ke }), [e, O, U, Q, ke, t]), se = Z && i;
+  P(() => {
+    u(e);
+  }, [e, u]), P(() => () => u(null), [u]), H(() => h.claimChildren(r, se ? oe.folders : yn), [h, r, se, oe]), H(() => D(R), [D, R]), H(() => {
+    se && K && le({ entries: e, isShownExpanded: O, childrenOf: U, compare: Q, expanded: _, waiting: oe.waiting, expansionPending: G });
+  }, [se, K, le, e, O, U, Q, _, oe, G]);
+  const nt = x(
+    (g) => {
+      g.isDirectory || l(g.entry.absolutePath);
+    },
+    [l]
+  ), { onChange: fe } = a, rt = C(
+    () => fe === null ? void 0 : (g, F) => {
+      ae(g.absolutePath) || fe({ path: g.absolutePath, name: g.name, selected: F });
+    },
+    [fe]
+  ), at = C(() => new Set(a.items), [a.items]), lt = C(
+    () => ({
+      entryKindDirectory: y.treeEntryKindDirectory,
+      entryKindFile: y.treeEntryKindFile,
+      scrollUp: y.treeScrollUp,
+      scrollDown: y.treeScrollDown,
+      scrollToTop: y.treeScrollToTop,
+      scrollToBottom: y.treeScrollToBottom
+    }),
+    [y]
+  ), ot = z === null ? { showTreeLines: !1 } : { showTreeLines: o.lines, lineColor: z };
+  return /* @__PURE__ */ S("div", { ref: ee, className: "aqmx-explorer-tree", "data-testid": "markdown-explorer-tree", ...tt, children: [
+    /* @__PURE__ */ m("span", { ref: B, className: "aqmx-explorer-tree-probe", "aria-hidden": "true", [dn]: "" }),
+    /* @__PURE__ */ m(
+      Nt,
+      {
+        ref: re,
+        entries: et,
+        expansion: {
+          toggle: Qe,
+          isExpanded: O,
+          expandMultiple: Je,
+          collapseMultiple: pe,
+          isPending: G && !K,
+          doubleClickAction: o.doubleClickAction
+        },
+        selection: { mode: a.mode, selectedPath: a.shownPath, currentPath: a.shownPath, selectedItems: at, onEntryClick: nt, onSelectionChange: rt },
+        visual: {
+          className: "aqmx-explorer-tree-view",
+          ariaLabel: y.treeRegion,
+          ...ot,
+          showExpandIcons: o.expandIcons,
+          expandIconStyle: Rn,
+          showDirectoryIcons: o.directoryIcons,
+          showFileIcons: o.fileIcons,
+          expandIconSize: o.expandIconSize,
+          itemHeight: V,
+          removeRootIndent: o.removeRootIndent,
+          highlightStyles: gn,
+          entryStyle: bn,
+          nameStyle: vn
+        },
+        virtualScroll: wn,
+        sort: me,
+        locale: q,
+        labels: lt
+      }
+    )
+  ] });
+}, An = ({ pending: e, status: t }) => {
+  const { labels: n } = k(), r = t.state !== "running", [o, c] = N(0), a = v(!0);
+  P(() => {
+    const s = a.current;
+    if (a.current = r, !r || e > 0 && !s) {
+      c(0);
+      return;
+    }
+    if (e > 0) {
+      c(e);
+      return;
+    }
+    if (o === 0) return;
+    const u = setTimeout(() => c(0), 0);
+    return () => clearTimeout(u);
+  }, [r, e, o]);
+  const l = r && e === 0 ? o : e;
+  return l === 0 && r ? null : /* @__PURE__ */ S("p", { className: "aqmx-explorer-tree-progress", "data-testid": "markdown-explorer-tree-progress", "data-aqmx-loading": String(l), "data-aqmx-expand-all": t.state, children: [
+    l > 0 ? /* @__PURE__ */ m(ge, { className: "aqmx-explorer-tree-progress-icon", "aria-hidden": "true" }) : null,
+    /* @__PURE__ */ m("span", { children: t.state === "running" ? n.expandAllProgress(t.opened, l) : n.foldersLoading(l) })
+  ] });
+}, On = ({ stop: e, opened: t, budget: n }) => {
+  const { labels: r } = k();
+  return /* @__PURE__ */ m("p", { className: "aqmx-explorer-expand-all-stop", "data-testid": "markdown-explorer-expand-all-stop", "data-aqmx-stop": e, children: Ve(r, n, e, t) });
+}, Cn = ({ entries: e, ...t }) => {
+  const { trees: n } = k(), r = de(n.subscribe, n.version, n.version), { sourceId: o } = t, [c] = N(Vt), a = C(() => c(e, (l) => n.children(o, l)), [c, e, n, o, r]);
+  return a.length === 0 ? /* @__PURE__ */ m(Nn, {}) : /* @__PURE__ */ m(qn, { entries: a, version: r, ...t });
+}, Pn = ({ result: e, onRetry: t, ...n }) => {
+  const { renderTreeFailure: r } = k(), o = ie(e);
+  if (o.status === "deferred") return /* @__PURE__ */ m(je, {});
+  if (o.status === "ok") return /* @__PURE__ */ m(Cn, { entries: o.entries, ...n });
+  const c = r?.(o.failure);
+  return /* @__PURE__ */ m("div", { className: "aqmx-explorer-tree-message", "data-testid": "markdown-explorer-tree-failure", "data-aqmx-failure": o.failure.reason, children: c !== void 0 ? c : /* @__PURE__ */ m(ct, { failure: o.failure, alert: !0, onRetry: t, testId: null }) });
+}, Mn = ({ onControls: e, ...t }) => {
+  const { trees: n, storageNamespace: r, labels: o, announcer: c, config: a } = k(), { sourceId: l } = t, s = Lt({ storageKey: qt(r).treeExpansion(l) });
+  de(n.subscribe, n.version, n.version);
+  const u = n.read(l), d = x(() => n.retry(l), [n, l]);
+  P(() => n.open(l), [n, l]);
+  const i = nn(), { expanded: f, expandMultiple: h, collapseAll: w } = s, [y, q] = N(null), T = y !== f, Z = v(f);
+  P(() => {
+    Z.current = f;
+  }, [f]);
+  const L = a.expandAll, B = x(() => c.announce(o.expandAllStarted), [c, o]), V = x((D) => c.announce(Ln(o, L, D)), [c, o, L]), z = on({ budget: L, expandMultiple: h, onStart: B, onFinish: V }), { status: E, start: A, end: b, advance: M } = z, _ = E.state === "running", G = C(() => ({ running: _, advance: M }), [_, M]), W = v(null), [I, ne] = N(!1), Y = x((D) => {
+    W.current = D, ne(D !== null);
+  }, []);
+  H(
+    () => n.subscribeChildrenFailures((D) => {
+      const K = D.sourceId === l && W.current !== null ? Be(W.current, D.path) : null;
+      K !== null && c.announce({ list: o.foldersLoadFailedNamed, item: K.name });
+    }),
+    [n, l, c, o]
+  );
+  const { clearDirect: j } = i, $ = x(() => {
+    b(), j(), q(Z.current), w();
+  }, [b, j, w]);
+  return H(() => {
+    e({ collapseAll: $, expandAll: I ? A : null, expanding: _ });
+  }, [e, $, A, I, _]), H(() => () => e(null), [e]), H(() => {
+    I || b();
+  }, [I, b]), /* @__PURE__ */ S(_e, { children: [
+    E.state === "stopped" ? /* @__PURE__ */ m(On, { stop: E.stop, opened: E.opened, budget: L }) : null,
+    /* @__PURE__ */ S("div", { className: "aqmx-explorer-tree-area", children: [
+      /* @__PURE__ */ m(De, { fallback: /* @__PURE__ */ m(je, {}), children: /* @__PURE__ */ m(Pn, { result: u, onRetry: d, expansion: s, onShown: Y, marks: i, claimsHeld: T, expandAll: G, ...t }) }),
+      /* @__PURE__ */ m(An, { pending: n.pendingChildren(l), status: E })
+    ] })
+  ] });
+};
+function Fn({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
+    clipRule: "evenodd"
+  }));
+}
+const Ke = /* @__PURE__ */ p.forwardRef(Fn), Pe = "markdown-explorer-selection-remove", _n = ({ selection: e, onRemove: t, onClear: n, onOpenSelection: r, onLeave: o }) => {
+  const { labels: c } = k(), a = ue(), l = v(null), s = [...e], u = (i, f) => {
+    if (f.ownerDocument.activeElement === f) {
+      const h = l.current === null ? [] : [...l.current.querySelectorAll(`[data-testid="${Pe}"]`)], w = h.indexOf(f), y = [h[w + 1], h[w - 1]].find((q) => q !== void 0);
+      y === void 0 ? o() : y.focus();
+    }
+    t(i);
+  }, d = () => {
+    const i = l.current;
+    i !== null && i.contains(i.ownerDocument.activeElement) && o(), n();
+  };
+  return /* @__PURE__ */ S("section", { ref: l, className: "aqmx-explorer-tray", "aria-labelledby": a, "data-testid": "markdown-explorer-selection-tray", children: [
+    /* @__PURE__ */ S("div", { className: "aqmx-explorer-tray-header", children: [
+      /* @__PURE__ */ m("p", { id: a, className: "aqmx-explorer-tray-title", children: c.selectionTitle(s.length) }),
+      /* @__PURE__ */ m("button", { type: "button", className: "aqmx-explorer-tray-button", "data-testid": "markdown-explorer-selection-clear", onClick: d, children: c.clearSelection })
+    ] }),
+    /* @__PURE__ */ m("ul", { className: "aqmx-explorer-tray-list", children: s.map(([i, f]) => /* @__PURE__ */ S("li", { className: "aqmx-explorer-tray-item", children: [
+      /* @__PURE__ */ m("span", { className: "aqmx-explorer-tray-name", title: i, children: f }),
+      /* @__PURE__ */ m(
+        "button",
+        {
+          type: "button",
+          className: "aqmx-icon-button aqmx-explorer-tray-remove",
+          "aria-label": c.removeFromSelection(f),
+          title: c.removeFromSelection(f),
+          "data-testid": Pe,
+          "data-aqmx-path": i,
+          onClick: (h) => u(i, h.currentTarget),
+          children: /* @__PURE__ */ m(Ke, { "aria-hidden": "true" })
+        }
+      )
+    ] }, i)) }),
+    r === void 0 ? null : /* @__PURE__ */ m("button", { type: "button", className: "aqmx-explorer-tray-open", "data-testid": "markdown-explorer-selection-open", onClick: () => r(s.map(([i]) => i)), children: c.openSelectionInMulti(s.length) })
+  ] });
+}, xe = /* @__PURE__ */ new Map(), In = (e, t) => {
+  if (t.selected === e.has(t.path)) return e;
+  const n = new Map(e);
+  return t.selected ? n.set(t.path, t.name) : n.delete(t.path), n;
+}, Dn = (e, t) => {
+  if (!e.has(t)) return e;
+  const n = new Map(e);
+  return n.delete(t), n;
+}, Ue = ve(null), Hn = (e) => {
+  const t = ie(Ue);
+  P(() => {
+    if (t !== null)
+      return t(e), () => t(!1);
+  }, [t, e]);
+};
+function Zn({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15 3.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0V5.56l-3.97 3.97a.75.75 0 1 1-1.06-1.06l3.97-3.97h-2.69a.75.75 0 0 1-.75-.75Zm-12 0A.75.75 0 0 1 3.75 3h4.5a.75.75 0 0 1 0 1.5H5.56l3.97 3.97a.75.75 0 0 1-1.06 1.06L4.5 5.56v2.69a.75.75 0 0 1-1.5 0v-4.5Zm11.47 11.78a.75.75 0 1 1 1.06-1.06l3.97 3.97v-2.69a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75h-4.5a.75.75 0 0 1 0-1.5h2.69l-3.97-3.97Zm-4.94-1.06a.75.75 0 0 1 0 1.06L5.56 19.5h2.69a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 1 1.5 0v2.69l3.97-3.97a.75.75 0 0 1 1.06 0Z",
+    clipRule: "evenodd"
+  }));
+}
+const $n = /* @__PURE__ */ p.forwardRef(Zn);
+function Bn({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.97 2.47a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.25 4.81V16.5a.75.75 0 0 1-1.5 0V4.81L3.53 8.03a.75.75 0 0 1-1.06-1.06l4.5-4.5Zm9.53 4.28a.75.75 0 0 1 .75.75v11.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 1 1 1.06-1.06l3.22 3.22V7.5a.75.75 0 0 1 .75-.75Z",
+    clipRule: "evenodd"
+  }));
+}
+const zn = /* @__PURE__ */ p.forwardRef(Bn);
+function Vn({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
+    clipRule: "evenodd"
+  }));
+}
+const jn = /* @__PURE__ */ p.forwardRef(Vn);
+function Kn({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z",
+    clipRule: "evenodd"
+  }));
+}
+const Un = /* @__PURE__ */ p.forwardRef(Kn);
+function Xn({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.47 4.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06L12 6.31 8.78 9.53a.75.75 0 0 1-1.06-1.06l3.75-3.75Zm-3.75 9.75a.75.75 0 0 1 1.06 0L12 17.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 0-1.06Z",
+    clipRule: "evenodd"
+  }));
+}
+const Gn = /* @__PURE__ */ p.forwardRef(Xn);
+function Wn({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.078 2.25c-.917 0-1.699.663-1.85 1.567L9.05 4.889c-.02.12-.115.26-.297.348a7.493 7.493 0 0 0-.986.57c-.166.115-.334.126-.45.083L6.3 5.508a1.875 1.875 0 0 0-2.282.819l-.922 1.597a1.875 1.875 0 0 0 .432 2.385l.84.692c.095.078.17.229.154.43a7.598 7.598 0 0 0 0 1.139c.015.2-.059.352-.153.43l-.841.692a1.875 1.875 0 0 0-.432 2.385l.922 1.597a1.875 1.875 0 0 0 2.282.818l1.019-.382c.115-.043.283-.031.45.082.312.214.641.405.985.57.182.088.277.228.297.35l.178 1.071c.151.904.933 1.567 1.85 1.567h1.844c.916 0 1.699-.663 1.85-1.567l.178-1.072c.02-.12.114-.26.297-.349.344-.165.673-.356.985-.57.167-.114.335-.125.45-.082l1.02.382a1.875 1.875 0 0 0 2.28-.819l.923-1.597a1.875 1.875 0 0 0-.432-2.385l-.84-.692c-.095-.078-.17-.229-.154-.43a7.614 7.614 0 0 0 0-1.139c-.016-.2.059-.352.153-.43l.84-.692c.708-.582.891-1.59.433-2.385l-.922-1.597a1.875 1.875 0 0 0-2.282-.818l-1.02.382c-.114.043-.282.031-.449-.083a7.49 7.49 0 0 0-.985-.57c-.183-.087-.277-.227-.297-.348l-.179-1.072a1.875 1.875 0 0 0-1.85-1.567h-1.843ZM12 15.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z",
+    clipRule: "evenodd"
+  }));
+}
+const Yn = /* @__PURE__ */ p.forwardRef(Wn);
+function Qn({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 1.5a.75.75 0 0 1 .75.75V4.5a.75.75 0 0 1-1.5 0V2.25A.75.75 0 0 1 12 1.5ZM5.636 4.136a.75.75 0 0 1 1.06 0l1.592 1.591a.75.75 0 0 1-1.061 1.06l-1.591-1.59a.75.75 0 0 1 0-1.061Zm12.728 0a.75.75 0 0 1 0 1.06l-1.591 1.592a.75.75 0 0 1-1.06-1.061l1.59-1.591a.75.75 0 0 1 1.061 0Zm-6.816 4.496a.75.75 0 0 1 .82.311l5.228 7.917a.75.75 0 0 1-.777 1.148l-2.097-.43 1.045 3.9a.75.75 0 0 1-1.45.388l-1.044-3.899-1.601 1.42a.75.75 0 0 1-1.247-.606l.569-9.47a.75.75 0 0 1 .554-.68ZM3 10.5a.75.75 0 0 1 .75-.75H6a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 10.5Zm14.25 0a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5H18a.75.75 0 0 1-.75-.75Zm-8.962 3.712a.75.75 0 0 1 0 1.061l-1.591 1.591a.75.75 0 1 1-1.061-1.06l1.591-1.592a.75.75 0 0 1 1.06 0Z",
+    clipRule: "evenodd"
+  }));
+}
+const Jn = /* @__PURE__ */ p.forwardRef(Qn);
+function er({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625ZM7.5 15a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 7.5 15Zm.75 2.25a.75.75 0 0 0 0 1.5H12a.75.75 0 0 0 0-1.5H8.25Z",
+    clipRule: "evenodd"
+  }), /* @__PURE__ */ p.createElement("path", {
+    d: "M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z"
+  }));
+}
+const tr = /* @__PURE__ */ p.forwardRef(er);
+function nr({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    d: "M19.5 21a3 3 0 0 0 3-3v-4.5a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3V18a3 3 0 0 0 3 3h15ZM1.5 10.146V6a3 3 0 0 1 3-3h5.379a2.25 2.25 0 0 1 1.59.659l2.122 2.121c.14.141.331.22.53.22H19.5a3 3 0 0 1 3 3v1.146A4.483 4.483 0 0 0 19.5 9h-15a4.483 4.483 0 0 0-3 1.146Z"
+  }));
+}
+const rr = /* @__PURE__ */ p.forwardRef(nr);
+function ar({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    d: "M19.906 9c.382 0 .749.057 1.094.162V9a3 3 0 0 0-3-3h-3.879a.75.75 0 0 1-.53-.22L11.47 3.66A2.25 2.25 0 0 0 9.879 3H6a3 3 0 0 0-3 3v3.162A3.756 3.756 0 0 1 4.094 9h15.812ZM4.094 10.5a2.25 2.25 0 0 0-2.227 2.568l.857 6A2.25 2.25 0 0 0 4.951 21H19.05a2.25 2.25 0 0 0 2.227-1.932l.857-6a2.25 2.25 0 0 0-2.227-2.568H4.094Z"
+  }));
+}
+const lr = /* @__PURE__ */ p.forwardRef(ar);
+function or({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.5 3.75a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Zm8.25-3.75a.75.75 0 0 1 .75.75v2.25h2.25a.75.75 0 0 1 0 1.5h-2.25v2.25a.75.75 0 0 1-1.5 0v-2.25H7.5a.75.75 0 0 1 0-1.5h2.25V7.5a.75.75 0 0 1 .75-.75Z",
+    clipRule: "evenodd"
+  }));
+}
+const sr = /* @__PURE__ */ p.forwardRef(or);
+function cr({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    d: "M5.625 3.75a2.625 2.625 0 1 0 0 5.25h12.75a2.625 2.625 0 0 0 0-5.25H5.625ZM3.75 11.25a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75ZM3 15.75a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75ZM3.75 18.75a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Z"
+  }));
+}
+const ir = /* @__PURE__ */ p.forwardRef(cr), Ee = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, dr = Object.freeze({
+  sortMode: zn,
+  directoriesFirst: rr,
+  selectionMode: jn,
+  doubleClickAction: Jn,
+  expandIconSize: sr,
+  alwaysExpanded: $n,
+  removeRootIndent: Un,
+  lines: ir,
+  expandIcons: Gn,
+  directoryIcons: lr,
+  fileIcons: tr
+}), Xe = (e, t) => {
+  const n = e[t.labelKey];
+  if (typeof n != "string") throw new TypeError(`[markdown-explorer] the tree setting ${t.key} must name a string label; labels.${t.labelKey} is a ${typeof n}`);
+  return n;
+}, ur = ({ id: e, settings: t, descriptors: n, onAdvance: r, onClose: o, ref: c }) => {
+  const { labels: a } = k(), l = v([]);
+  H(() => {
+    l.current[0]?.focus();
+  }, []);
+  const s = x(
+    (d) => {
+      const i = n.length;
+      l.current[(d % i + i) % i]?.focus();
+    },
+    [n.length]
+  ), u = x(
+    (d, i) => {
+      switch (d.key) {
+        case "ArrowDown":
+          d.preventDefault(), s(i + 1);
+          break;
+        case "ArrowUp":
+          d.preventDefault(), s(i - 1);
+          break;
+        case "Home":
+          d.preventDefault(), s(0);
+          break;
+        case "End":
+          d.preventDefault(), s(n.length - 1);
+          break;
+        case "Escape":
+          Ee(d), o();
+          break;
+        case "Tab":
+          o();
+          break;
+      }
+    },
+    [n.length, s, o]
+  );
+  return /* @__PURE__ */ m("div", { ref: c, id: e, role: "menu", "aria-label": a.treeSettings, className: "aqmx-explorer-menu", "data-testid": "markdown-explorer-tree-settings-menu", children: n.map((d, i) => {
+    const f = dr[d.key], h = Xe(a, d), w = He(a, t, d.key), y = t[d.key], q = typeof y == "boolean" ? { role: "menuitemcheckbox", "aria-checked": y, "aria-label": h } : { role: "menuitem", "aria-label": `${h}: ${w}` };
+    return /* @__PURE__ */ S(
+      "button",
+      {
+        ref: (T) => {
+          l.current[i] = T;
+        },
+        type: "button",
+        tabIndex: -1,
+        ...q,
+        title: `${h}: ${w}`,
+        className: "aqmx-explorer-menu-item",
+        "data-testid": "markdown-explorer-tree-settings-item",
+        "data-aqmx-setting": d.key,
+        onClick: () => r(d),
+        onKeyDown: (T) => u(T, i),
+        children: [
+          /* @__PURE__ */ m(f, { className: "aqmx-explorer-menu-icon", "aria-hidden": "true" }),
+          /* @__PURE__ */ m("span", { className: "aqmx-explorer-menu-name", children: h }),
+          /* @__PURE__ */ m("span", { className: "aqmx-explorer-menu-value", children: w })
+        ]
+      },
+      d.key
+    );
+  }) });
+}, mr = ({ settings: e, descriptors: t, onAdvance: n }) => {
+  const { labels: r, announcer: o } = k(), [c, a] = N(!1), l = v(null), s = v(null), u = v(null), d = ue(), i = x(() => {
+    l.current?.focus(), a(!1);
+  }, []);
+  H(() => {
+    if (!c) return;
+    const w = (y) => {
+      y.target instanceof Node && (l.current?.contains(y.target) === !0 || s.current?.contains(y.target) === !0) || (a(!1), u.current !== null && window.clearTimeout(u.current), u.current = window.setTimeout(() => {
+        u.current = null, (document.activeElement === null || document.activeElement === document.body) && l.current?.focus();
+      }, 0));
+    };
+    return document.addEventListener("pointerdown", w), () => document.removeEventListener("pointerdown", w);
+  }, [c]), H(
+    () => () => {
+      u.current !== null && window.clearTimeout(u.current);
+    },
+    []
+  );
+  const f = x(
+    (w) => {
+      w.key !== "Escape" || !c || (Ee(w), i());
+    },
+    [c, i]
+  ), h = x(
+    (w) => {
+      const y = n(w.key);
+      o.announce(r.settingAnnouncement(Xe(r, w), He(r, y, w.key)));
+    },
+    [o, r, n]
+  );
+  return {
+    trigger: /* @__PURE__ */ m(
+      "button",
+      {
+        ref: l,
+        type: "button",
+        className: "aqmx-icon-button",
+        "aria-haspopup": "menu",
+        "aria-expanded": c,
+        "aria-controls": c ? d : void 0,
+        "aria-label": r.treeSettings,
+        title: r.treeSettings,
+        "data-testid": "markdown-explorer-tree-settings",
+        onClick: () => a((w) => !w),
+        onKeyDown: f,
+        children: /* @__PURE__ */ m(Yn, { "aria-hidden": "true" })
+      }
+    ),
+    menu: c ? /* @__PURE__ */ m(ur, { ref: s, id: d, settings: e, descriptors: t, onAdvance: h, onClose: i }) : null
+  };
+}, pr = () => {
+  const { treeSettings: e } = k();
+  return { settings: de(e.subscribe, e.getSnapshot, e.getServerSnapshot), advance: e.advance };
+}, Me = /* @__PURE__ */ new Set(), fr = '[role="tree"] [role="treeitem"][tabindex="0"]', hr = "[data-directory-tree-tab-stop]", Hr = (e) => {
+  const { mode: t, sourceId: n, currentPath: r, openPaths: o, onOpenDocument: c, onSourceChange: a, viewSwitch: l } = e, { labels: s, sources: u, trees: d, documents: i, announcer: f } = k(), { settings: h, advance: w } = pr(), y = C(() => wt(t === "tree"), [t]), q = t === "tree" && h.selectionMode === "multiple";
+  Hn(q);
+  const T = e.mode === "tree" ? e.tray.onGatheredChange : null, Z = e.mode === "tree" ? e.onOpenSelection : void 0, L = e.mode === "tree" && q ? e.tray.gathered : xe, B = x(
+    (R) => {
+      const O = w(R);
+      return O.selectionMode !== "multiple" && T?.(xe), O;
+    },
+    [w, T]
+  ), V = mr({ settings: h, descriptors: y, onAdvance: B }), z = x((R) => T?.((O) => In(O, R)), [T]), E = x((R) => T?.((O) => Dn(O, R)), [T]), A = x(() => T?.(xe), [T]), b = v(null), M = x(() => {
+    const R = b.current;
+    if (R === null) return;
+    [fr, hr, '[data-testid="markdown-explorer-tree-settings"]'].map((X) => R.querySelector(X)).find((X) => X !== null)?.focus();
+  }, []), _ = C(() => new Set(L.keys()), [L]), G = C(() => r === null ? Me : /* @__PURE__ */ new Set([r]), [r]), W = C(() => {
+    if (t === "multi") return { mode: "multiple", items: o, shownPath: null, onChange: null };
+    switch (h.selectionMode) {
+      case "single":
+        return { mode: "single", items: G, shownPath: r, onChange: null };
+      case "multiple":
+        return { mode: "multiple", items: _, shownPath: r, onChange: z };
+      case "none":
+        return { mode: "none", items: Me, shownPath: null, onChange: null };
+    }
+  }, [t, o, h.selectionMode, G, r, _, z]), [I, ne] = N(null), [Y, j] = N(!1), [$, D] = N(null), K = v(!1), le = x(async () => {
+    if (!K.current) {
+      K.current = !0, j(!0), D(null);
+      try {
+        const R = await d.refresh(n);
+        if (R.status === "superseded") return;
+        i.invalidate(), R.status === "failed" ? D({ sourceId: n, failure: R.failure }) : f.announce(s.treeRefreshed);
+      } finally {
+        K.current = !1, j(!1);
+      }
+    }
+  }, [d, i, n, f, s]), re = I === null ? null : I.expandAll, ee = I?.expanding === !0, Q = u.find((R) => R.id === n), me = l.target === "multi" ? Zt : Dt, U = l.target === "multi" ? s.switchToMulti : s.switchToTree;
+  return /* @__PURE__ */ S("nav", { ref: b, "aria-label": s.explorerRegion, className: "aqmx-explorer", "data-testid": "markdown-explorer-explorer", "data-aqmx-mode": t, children: [
+    /* @__PURE__ */ S("div", { className: "aqmx-explorer-header", children: [
+      u.length > 1 ? /* @__PURE__ */ m("select", { className: "aqmx-explorer-source", "aria-label": s.sourceLabel, title: Q?.label, value: n, onChange: (R) => a(R.currentTarget.value), "data-testid": "markdown-explorer-source-select", children: u.map((R) => /* @__PURE__ */ m("option", { value: R.id, children: R.label }, R.id)) }) : null,
+      /* @__PURE__ */ S("div", { className: "aqmx-explorer-actions", children: [
+        /* @__PURE__ */ m(dt, { to: l.href, navigation: "switch-view", className: "aqmx-icon-button", "aria-label": U, title: U, "data-testid": "markdown-explorer-view-switch", "data-aqmx-target": l.target, children: /* @__PURE__ */ m(me, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ S(
+          "button",
+          {
+            type: "button",
+            className: "aqmx-icon-button aqmx-labelled-button",
+            title: s.refreshTree,
+            "aria-disabled": Y,
+            "aria-busy": Y,
+            "data-aqmx-busy": Y ? "true" : void 0,
+            "data-testid": "markdown-explorer-refresh",
+            onClick: () => {
+              le();
+            },
+            children: [
+              /* @__PURE__ */ m(ge, { "aria-hidden": "true" }),
+              /* @__PURE__ */ m("span", { children: s.refreshTreeLabel })
+            ]
+          }
+        ),
+        /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            className: "aqmx-icon-button",
+            "aria-label": s.expandAll,
+            title: s.expandAll,
+            "aria-disabled": re === null || ee,
+            "aria-busy": ee,
+            "data-aqmx-busy": ee ? "true" : void 0,
+            "data-testid": "markdown-explorer-expand-all",
+            onClick: () => re?.(),
+            children: /* @__PURE__ */ m(_t, { "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ m("button", { type: "button", className: "aqmx-icon-button", "aria-label": s.collapseAll, title: s.collapseAll, "aria-disabled": I === null, "data-testid": "markdown-explorer-collapse-all", onClick: () => I?.collapseAll(), children: /* @__PURE__ */ m(Mt, { "aria-hidden": "true" }) }),
+        V.trigger
+      ] })
+    ] }),
+    /* @__PURE__ */ S("div", { className: "aqmx-explorer-body", "data-aqmx-explorer-body": "", children: [
+      $ !== null && $.sourceId === n ? /* @__PURE__ */ m("p", { role: "alert", className: "aqmx-explorer-refresh-failure", "data-testid": "markdown-explorer-refresh-failure", "data-aqmx-failure": $.failure.reason, children: s.treeRefreshFailed(ut(s, $.failure.reason)) }) : null,
+      /* @__PURE__ */ m(De, { fallback: null, children: /* @__PURE__ */ m($t, {}) }),
+      /* @__PURE__ */ m(Mn, { mode: t, sourceId: n, settings: h, openPaths: o, selection: W, onOpenDocument: c, onControls: ne }, n),
+      q && L.size > 0 ? /* @__PURE__ */ m(_n, { selection: L, onRemove: E, onClear: A, onOpenSelection: Z, onLeave: M }) : null,
+      V.menu
+    ] })
+  ] });
+}, Ge = "(pointer: coarse)", xr = (e) => {
+  const t = window.matchMedia(Ge);
+  return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}, wr = () => window.matchMedia(Ge).matches, gr = () => !1, vr = () => de(xr, wr, gr);
+function br({
+  title: e,
+  titleId: t,
+  ...n
+}, r) {
+  return /* @__PURE__ */ p.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": t
+  }, n), e ? /* @__PURE__ */ p.createElement("title", {
+    id: t
+  }, e) : null, /* @__PURE__ */ p.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z",
+    clipRule: "evenodd"
+  }));
+}
+const Er = /* @__PURE__ */ p.forwardRef(br), yr = ({ explorer: e, toggleRef: t, covered: n, onNoticeSlotChange: r, dismissals: o }) => {
+  const { labels: c } = k(), a = Ct(), { location: l } = mt(), [s, u] = N(!1), [d, i] = N({ navigated: a, source: l.source }), [f, h] = N(!1);
+  d.navigated !== a && (i({ navigated: a, source: l.source }), d.source === l.source && !f && u(!1));
+  const [w, y] = N(o);
+  w !== o && (y(o), u(!1));
+  const q = v(null), T = v(null), Z = v(null), L = v(!1), B = ue();
+  P(() => {
+    const b = q.current;
+    b !== null && (s && !b.open ? (b.showModal(), T.current?.focus()) : !s && b.open && (b.close(), t.current?.focus()), r(s ? Z.current : null));
+  }, [s, t, r]), P(() => () => r(null), [r]);
+  const V = x((b) => {
+    b.key !== "Escape" || b.defaultPrevented || (Ee(b), u(!1));
+  }, []), z = x((b) => {
+    L.current = b.target === b.currentTarget;
+  }, []), E = x((b) => {
+    const M = L.current;
+    L.current = !1, M && b.target === b.currentTarget && u(!1);
+  }, []), A = x(() => {
+    u(!1);
+  }, []);
+  return /* @__PURE__ */ S(_e, { children: [
+    /* @__PURE__ */ m("div", { className: "aqmx-sheet-bar", inert: n, children: /* @__PURE__ */ S("button", { ref: t, type: "button", className: "aqmx-sheet-toggle", "aria-haspopup": "dialog", "aria-expanded": s, "aria-controls": B, "data-testid": "markdown-explorer-sheet-toggle", onClick: () => u(!0), children: [
+      /* @__PURE__ */ m(Er, { "aria-hidden": "true" }),
+      /* @__PURE__ */ m("span", { children: c.showExplorer })
+    ] }) }),
+    /* @__PURE__ */ m("dialog", { ref: q, id: B, className: "aqmx-sheet", "aria-label": c.explorerRegion, "data-testid": "markdown-explorer-sheet", onKeyDown: V, onPointerDown: z, onClick: E, onClose: A, children: /* @__PURE__ */ S("div", { className: "aqmx-sheet-panel", children: [
+      /* @__PURE__ */ S("div", { className: "aqmx-sheet-header", children: [
+        /* @__PURE__ */ m("div", { ref: Z, className: "aqmx-sheet-notice-slot" }),
+        /* @__PURE__ */ m("button", { ref: T, type: "button", className: "aqmx-sheet-close", "aria-label": c.hideExplorer, title: c.hideExplorer, "data-testid": "markdown-explorer-sheet-close", onClick: () => u(!1), children: /* @__PURE__ */ m(Ke, { "aria-hidden": "true" }) })
+      ] }),
+      /* @__PURE__ */ m("div", { className: "aqmx-sheet-body", children: /* @__PURE__ */ m(be, { value: s, children: /* @__PURE__ */ m(Ue, { value: h, children: e }) }) }),
+      /* @__PURE__ */ m(pt, { holds: s, testId: "markdown-explorer-sheet-announcer" })
+    ] }) })
+  ] });
+}, Rr = ve(null), ye = "aqmx-explorer", We = "aqmx-content", Re = '[role="tree"] [role="treeitem"]', Sr = `${Re}[tabindex="0"]`, Tr = "[data-directory-tree-tab-stop]", Lr = (e, t) => {
+  for (const n of e.querySelectorAll(`[data-panel-id="${ye}"] ${Re}`)) if (n.getAttribute(te) === t) return n;
+  return null;
+}, Fe = (e, t) => ({
+  inlineSize: e > 0 ? e : null,
+  rootFontPixels: t > 0 ? t : Tt
+}), Nr = (e, t) => {
+  const [n, r] = N(() => Fe(0, 0));
+  return P(() => {
+    const o = e.current, c = t.current;
+    if (o === null || c === null) throw new Error("[markdown-explorer] the split frame is not mounted");
+    const a = { frame: o.getBoundingClientRect().width, rem: c.getBoundingClientRect().width }, l = () => {
+      const u = Fe(a.frame, a.rem);
+      r((d) => d.inlineSize === u.inlineSize && d.rootFontPixels === u.rootFontPixels ? d : u);
+    };
+    l();
+    const s = new ResizeObserver((u) => {
+      for (const d of u) {
+        const [i] = d.borderBoxSize;
+        i !== void 0 && (d.target === o && (a.frame = i.inlineSize), d.target === c && (a.rem = i.inlineSize));
+      }
+      l();
+    });
+    return s.observe(o), s.observe(c), () => s.disconnect();
+  }, [e, t]), n;
+}, Ye = (e) => `aqmx-split-handle-${e}`, kr = (e, { frameRef: t, sheetToggleRef: n, handleId: r }) => {
+  const o = v(!1), c = v(null), a = v(!1);
+  P(() => {
+    const s = t.current;
+    if (s === null) throw new Error("[markdown-explorer] the split frame is not mounted");
+    const u = (i) => {
+      const f = i.target instanceof Element ? i.target : null;
+      o.current = f !== null && f.closest(`[data-panel-id="${We}"]`) === null, !a.current && (c.current = f?.closest(`${Re}[${te}]`)?.getAttribute(te) ?? null);
+    }, d = (i) => {
+      i.relatedTarget instanceof Node && !s.contains(i.relatedTarget) && (o.current = !1);
+    };
+    return s.addEventListener("focusin", u), s.addEventListener("focusout", d), () => {
+      s.removeEventListener("focusin", u), s.removeEventListener("focusout", d);
+    };
+  }, [t]);
+  const l = v(e);
+  P(() => {
+    if (l.current === e) return;
+    l.current = e;
+    const s = t.current;
+    if (s === null || !o.current) return;
+    const u = (d) => {
+      const { activeElement: i, body: f } = s.ownerDocument;
+      if (i !== null && i !== f) return;
+      const h = d.find((w) => w !== null);
+      if (h != null) {
+        a.current = !0;
+        try {
+          h.focus();
+        } finally {
+          a.current = !1;
+        }
+      }
+    };
+    if (e) {
+      u([n.current]);
+      return;
+    }
+    queueMicrotask(() => {
+      if (l.current !== e || !o.current) return;
+      const d = c.current, i = `[data-panel-id="${ye}"]`;
+      u([
+        d === null ? null : Lr(s, d),
+        s.querySelector(`${i} ${Sr}`),
+        s.querySelector(`${i} ${Tr}`),
+        s.querySelector(`[data-resize-handle-id="${r}"]`)
+      ]);
+    });
+  }, [e, t, n, r]);
+}, Zr = ({ view: e, explorer: t, content: n, contentCoversPage: r = !1, sheetDismissals: o = 0, onDraggingChange: c }) => {
+  const a = v(null), [l, s] = N(null), u = v(null), d = v(null), { inlineSize: i, rootFontPixels: f } = Nr(a, u), h = i !== null && i < gt(f);
+  return kr(h, { frameRef: a, sheetToggleRef: d, handleId: Ye(e) }), /* @__PURE__ */ S("div", { ref: a, className: "aqmx-split-frame", "data-aqmx-explorer-mode": h ? "sheet" : "split", children: [
+    /* @__PURE__ */ m("span", { ref: u, className: "aqmx-rem-probe", "aria-hidden": "true", "data-aqmx-rem-probe": "" }),
+    h ? /* @__PURE__ */ m(yr, { explorer: t, toggleRef: d, covered: r, onNoticeSlotChange: s, dismissals: o }) : null,
+    /* @__PURE__ */ m(Rr, { value: h ? l : null, children: /* @__PURE__ */ m(qr, { view: e, sheet: h, explorer: t, content: n, contentCoversPage: r, onDraggingChange: c, explorerMinPixels: vt(f) }) })
+  ] });
+}, qr = ({
+  view: e,
+  sheet: t,
+  explorer: n,
+  content: r,
+  contentCoversPage: o,
+  onDraggingChange: c,
+  explorerMinPixels: a
+}) => {
+  const { viewSettings: l, labels: s } = k(), d = ft((E) => e === "tree" ? E.treeExplorer : E.multiExplorer) ?? (e === "tree" ? Et : yt), i = v(null), f = v(null), h = v(!1), w = v(!1), [y, q] = N(!1), T = v(c);
+  P(() => {
+    T.current = c;
+  }, [c]);
+  const Z = x(() => {
+    const E = i.current;
+    if (E === null || E.length !== 2) return;
+    const [A = 0, b = 0] = E, M = A + b;
+    if (M <= 0 || A <= 0) return;
+    const _ = Math.min(qe, A / M * 100);
+    l.update(e === "tree" ? { treeExplorer: _ } : { multiExplorer: _ });
+  }, [l, e]), L = x(() => {
+    f.current !== null && clearTimeout(f.current), f.current = setTimeout(() => {
+      f.current = null, Z();
+    }, bt);
+  }, [Z]);
+  H(
+    () => () => {
+      f.current !== null && clearTimeout(f.current), w.current && T.current?.(!1);
+    },
+    []
+  );
+  const B = vr(), V = x(
+    (E, A) => {
+      i.current = E;
+      const [b = 0, M = 0] = E;
+      E.length === 2 && M > 0 && q(b <= 0), A.source === "keyboard" ? L() : A.source === "pointer" && (h.current = !0);
+    },
+    [L]
+  ), z = x(
+    (E) => {
+      if (w.current = E, c?.(E), E) {
+        h.current = !1;
+        return;
+      }
+      h.current && (h.current = !1, L());
+    },
+    [c, L]
+  );
+  return /* @__PURE__ */ S(At, { id: `aqmx-split-${e}`, direction: "horizontal", onLayout: V, className: "aqmx-split", "data-aqmx-split": e, children: [
+    t ? null : /* @__PURE__ */ m(
+      Ae,
+      {
+        id: ye,
+        defaultSize: { value: d, unit: "percentage" },
+        minSize: { value: a, unit: "pixels" },
+        maxSize: { value: qe, unit: "percentage" },
+        collapsible: { from: "end" },
+        pixelAdjustPriority: 1,
+        inert: o,
+        className: "aqmx-split-explorer",
+        children: /* @__PURE__ */ m(be, { value: !y, children: n })
+      }
+    ),
+    t ? null : /* @__PURE__ */ m(
+      Ot,
+      {
+        id: Ye(e),
+        thickness: B ? Rt : St,
+        indicator: { visible: !0, thickness: ce.gripThickness, length: ce.gripLength, barThickness: ce.barThickness, barLength: ce.barLength },
+        title: s.resizeExplorer,
+        "aria-label": s.resizeExplorer,
+        onDragging: z,
+        inert: o,
+        className: "aqmx-split-handle"
+      }
+    ),
+    /* @__PURE__ */ m(Ae, { id: We, defaultSize: { value: 100 - d, unit: "percentage" }, contentOverflow: "hidden", className: "aqmx-split-content", ...o ? { style: { isolation: "auto" } } : {}, children: r })
+  ] });
+};
+export {
+  xe as E,
+  Rr as S,
+  Zr as a,
+  Hr as b
+};