@aiquants/resize-panels 2.0.0 → 2.1.0

package/dist/index-DlQDkOjq.js

@@ -0,0 +1,1332 @@
+import { createContext as Kn, useContext as Yn, useCallback as F, useMemo as N, useReducer as qn, useState as Ee, useRef as B, useLayoutEffect as Se, useEffect as J, memo as Je, useId as Rn, Suspense as Xn, lazy as Zn } from "react";
+import { jsxs as pe, jsx as ie } from "react/jsx-runtime";
+import { twMerge as Le } from "tailwind-merge";
+import { flushSync as Jn } from "react-dom";
+const Qn = 12, _ = 1e-6, et = 8, nt = 6, tt = 48, rt = 80, ot = 2, it = 32, st = 64, at = 8, lt = 8, gn = 10, In = 0.05, vn = 10, ct = 0.05, dt = 20, ut = 0.05, pt = (e, n = 0) => {
+  if (!Number.isFinite(e))
+    return e;
+  const t = 10 ** n, r = e * t, o = Math.floor(r), i = r - o, s = Number.EPSILON * Math.max(1, Math.abs(r));
+  return i < 0.5 - s ? o / t : i > 0.5 + s ? (o + 1) / t : (o % 2 === 0 ? o : o + 1) / t;
+}, ft = 6, _n = (e, n) => n <= 0 ? 0 : pt(e / n * 100, ft), lr = (e, n) => n <= 0 ? 0 : e / 100 * n, ht = (e, n = "percentage") => {
+  if (e !== void 0)
+    return typeof e == "number" ? { value: e, unit: n } : e;
+}, xn = (e, n, t) => e === void 0 ? n : typeof e == "number" ? e / 100 * t : e.unit === "pixels" ? e.value : e.value / 100 * t, Fe = (e, n, t) => Math.min(Math.max(e, n), t), Ln = (e) => !Number.isFinite(e) || e <= 0 ? 0 : Math.max(0, Math.min(Qn, vn, e * In)), ge = (e) => {
+  if (!e)
+    return 0;
+  const n = Number.parseFloat(e);
+  return Number.isFinite(n) ? n : 0;
+}, Ae = (e, n, t) => {
+  const r = n === "horizontal", o = typeof window < "u" ? window.getComputedStyle(e) : null, i = o ? r ? ge(o.paddingLeft) + ge(o.paddingRight) : ge(o.paddingTop) + ge(o.paddingBottom) : 0, s = o ? r ? ge(o.borderLeftWidth) + ge(o.borderRightWidth) : ge(o.borderTopWidth) + ge(o.borderBottomWidth) : 0, a = t?.contentBoxSize?.[0], u = a ? r ? a.inlineSize : a.blockSize : void 0, d = r ? e.clientWidth : e.clientHeight, m = d > 0 ? Math.max(0, d - i) : Math.max(0, (r ? e.offsetWidth : e.offsetHeight) - i - s), c = u ?? m;
+  return { content: Math.max(0, c), border: Math.max(0, c + i + s) };
+}, mt = "[data-panel-group-direction]", Ye = "[data-panel-id], [data-resize-handle-anchor]", gt = "[data-panel-id]", Te = (e) => e?.closest(mt) ?? null, An = (e) => Array.from(e.querySelectorAll(Ye)).filter((n) => {
+  if (Te(n) !== e)
+    return !1;
+  const t = n.parentElement?.closest(gt);
+  return !(t && e.contains(t));
+}), xt = (e) => {
+  const n = (t) => {
+    for (const r of Array.from(t))
+      if (r instanceof Element && (r.matches(Ye) || r.querySelector(Ye) !== null))
+        return !0;
+    return !1;
+  };
+  return e.some((t) => n(t.addedNodes) || n(t.removedNodes));
+}, St = (e, n) => {
+  if (typeof window > "u")
+    return 1;
+  const t = n === "horizontal", r = e.getBoundingClientRect(), o = t ? r.width : r.height, i = window.getComputedStyle(e), s = t ? i.width : i.height;
+  if (!s.endsWith("px"))
+    return 1;
+  const a = Number.parseFloat(s);
+  return o > 0 && Number.isFinite(a) && a > 0 ? o / a : 1;
+}, Sn = (e, n) => {
+  try {
+    localStorage.setItem(`panel-layout-${e}`, JSON.stringify(n));
+  } catch (t) {
+    console.warn("Failed to save panel layout:", t);
+  }
+}, bt = (e) => {
+  try {
+    const n = localStorage.getItem(`panel-layout-${e}`);
+    if (!n)
+      return null;
+    const t = JSON.parse(n);
+    if (!Array.isArray(t))
+      return null;
+    const r = (o) => typeof o == "object" && o !== null && typeof o.id == "string" && Number.isFinite(o.size);
+    return t.every(r) ? t : null;
+  } catch (n) {
+    return console.warn("Failed to load panel layout:", n), null;
+  }
+}, qe = 0, Cn = 1, Be = (e) => Number.isFinite(e) && e > 0 ? e : 0, re = (e) => e.sizeUnit === "pixels", be = (e, n) => {
+  const t = Math.max(0, Be(xn(e.minSize, 0, n))), r = Math.max(t, Be(xn(e.maxSize, n, n)));
+  return { min: t, max: r };
+}, yt = (e, n) => {
+  const t = e.map((o) => o.min), r = e.map(() => !1);
+  for (; ; ) {
+    let o = 0, i = 0, s = 0;
+    for (let c = 0; c < e.length; c += 1) {
+      if (r[c]) {
+        i += t[c];
+        continue;
+      }
+      s += 1, o += e[c].weight;
+    }
+    if (s === 0)
+      return t;
+    const a = n - i;
+    if (o <= 0) {
+      for (let c = 0; c < e.length; c += 1)
+        r[c] || (t[c] = e[c].min);
+      return t;
+    }
+    const u = Math.max(0, a / o);
+    let d = 0;
+    for (let c = 0; c < e.length; c += 1) {
+      if (r[c])
+        continue;
+      const R = u * e[c].weight, f = Fe(R, e[c].min, e[c].max);
+      t[c] = f, d += f - R;
+    }
+    let m = !1;
+    for (let c = 0; c < e.length; c += 1) {
+      if (r[c])
+        continue;
+      const R = u * e[c].weight;
+      d > _ && t[c] > R + _ ? (r[c] = !0, t[c] = e[c].min, m = !0) : d < -_ && t[c] < R - _ && (r[c] = !0, t[c] = e[c].max, m = !0);
+    }
+    if (!m)
+      return t;
+  }
+}, zt = (e, n, t) => {
+  const { min: r, max: o } = be(e, t);
+  if (re(e))
+    return {
+      index: n,
+      weight: 0,
+      target: Fe(Be(e.preferredPixelSize), r, o),
+      priority: e.pixelAdjustPriority ?? 0,
+      tier: qe,
+      min: r,
+      max: o
+    };
+  const i = Be(e.preferredPercentageSize), s = e.flexAdjustPriority !== void 0;
+  return {
+    index: n,
+    weight: i,
+    target: s ? Fe(i / 100 * t, r, o) : null,
+    priority: e.flexAdjustPriority ?? 0,
+    tier: Cn,
+    min: r,
+    max: o
+  };
+}, bn = (e, n, t, r) => {
+  let o = r;
+  for (const i of e) {
+    if (o <= _)
+      break;
+    const s = t(i) - n[i.index];
+    if (s <= 0)
+      continue;
+    const a = Math.min(s, o);
+    n[i.index] += a, o -= a;
+  }
+  return o;
+}, Xe = (e, n, t) => {
+  if (e.length === 0 || t <= _)
+    return t;
+  const r = e.map((s) => ({ ...s, min: n[s.index] })), o = yt(r, t + r.reduce((s, a) => s + a.min, 0));
+  let i = 0;
+  for (let s = 0; s < e.length; s += 1)
+    i += o[s] - n[e[s].index], n[e[s].index] = o[s];
+  return t - i;
+}, Pt = (e, n, t) => Xe(
+  e.map((r) => ({ ...r, weight: 1 })),
+  n,
+  t
+), Et = (e, n) => e.tier !== n.tier ? e.tier - n.tier : e.priority !== n.priority ? n.priority - e.priority : e.index - n.index, wt = (e, n) => {
+  const t = e.map(() => 0);
+  if (!Number.isFinite(n) || n <= 0 || e.length === 0)
+    return { sizes: t, violation: null };
+  const r = [];
+  for (let f = 0; f < e.length; f += 1) {
+    const k = e[f];
+    k.collapsed || r.push(zt(k, f, n));
+  }
+  if (r.length === 0)
+    return { sizes: t, violation: null };
+  let o = 0, i = 0;
+  for (const f of r)
+    t[f.index] = f.min, o += f.min, i += f.max;
+  const s = Nt(o, i, n);
+  let a = n - o;
+  if (a <= _)
+    return { sizes: t, violation: s };
+  const u = r.filter((f) => f.target !== null).sort(Et), d = r.filter((f) => f.target === null && f.weight > 0), m = r.filter((f) => f.tier !== qe && f.weight <= 0), c = u.filter((f) => f.tier === Cn), R = u.filter((f) => f.tier === qe);
+  return a = bn(u, t, (f) => f.target ?? f.min, a), a = Xe(d, t, a), a = Xe(c, t, a), a = bn(R, t, (f) => f.max, a), a = Pt(m, t, a), { sizes: t, violation: s };
+}, Nt = (e, n, t) => e - t > _ ? {
+  reason: "minimum-exceeded",
+  totalMinimumSize: e,
+  totalMaximumSize: n,
+  availableContainerSize: t
+} : t - n > _ ? {
+  reason: "maximum-insufficient",
+  totalMinimumSize: e,
+  totalMaximumSize: n,
+  availableContainerSize: t
+} : null, Mn = Kn(null), Qe = () => {
+  const e = Yn(Mn);
+  if (!e)
+    throw new Error("usePanelGroup must be used within a PanelGroup");
+  return e;
+};
+var ke = /* @__PURE__ */ ((e) => (e[e.DEBUG = 0] = "DEBUG", e[e.INFO = 1] = "INFO", e[e.WARN = 2] = "WARN", e[e.ERROR = 3] = "ERROR", e[e.NONE = 4] = "NONE", e))(ke || {});
+const Z = class Z {
+  /**
+   * @constructor
+   * @param {LogLevel} [level=LogLevel.WARN] - The minimum log level to output.
+   * @param {string} [prefix="[resize-panels]"] - The prefix to add to all log messages.
+   * @param {ILogger} [impl=console] - The implementation to use for logging.
+   */
+  constructor(n = 2, t = "[resize-panels]", r = console) {
+    this.level = n, this.prefix = t, this.impl = r, Z.instances.add(this);
+  }
+  /**
+   * @method setLevel
+   * @description Updates the log level for every constructed logger (module-level loggers included).
+   * @description 生成済みのすべてのロガー (モジュールレベルのロガーを含む) のログレベルを更新します。
+   * @param {LogLevel} level - The new log level.
+   */
+  static setLevel(n) {
+    for (const t of Z.instances)
+      t.setLevel(n);
+  }
+  /**
+   * @method setLevel
+   * @description Updates the current log level.
+   * @description 現在のログレベルを更新します。
+   * @param {LogLevel} level - The new log level.
+   */
+  setLevel(n) {
+    this.level = n;
+  }
+  /**
+   * @method setImplementation
+   * @description Updates the logger implementation for every constructed logger.
+   * @description 生成済みのすべてのロガーの実装を更新します。
+   * @param {ILogger} impl - The new logger implementation.
+   */
+  static setImplementation(n) {
+    for (const t of Z.instances)
+      t.setImplementation(n);
+  }
+  /**
+   * @method setImplementation
+   * @description Updates the logger implementation.
+   * @description ロガーの実装を更新します。
+   * @param {ILogger} impl - The new logger implementation.
+   */
+  setImplementation(n) {
+    this.impl = n;
+  }
+  /**
+   * @method setPrefix
+   * @description Updates the log prefix for every constructed logger.
+   * @description 生成済みのすべてのロガーのログのプレフィックスを更新します。
+   * @param {string} prefix - The new prefix.
+   */
+  static setPrefix(n) {
+    for (const t of Z.instances)
+      t.setPrefix(n);
+  }
+  /**
+   * @method setPrefix
+   * @description Updates the log prefix.
+   * @description ログのプレフィックスを更新します。
+   * @param {string} prefix - The new prefix.
+   */
+  setPrefix(n) {
+    this.prefix = n;
+  }
+  /**
+   * @method enabledFor
+   * @description Returns whether messages at the given level would be emitted.
+   * @description 指定レベルのメッセージが出力対象かどうかを返します。
+   * 高コストなログ引数 (スナップショット等) の組み立てを抑制中に省略するために使用します。
+   * @param {LogLevel} level - The message level to test.
+   */
+  enabledFor(n) {
+    return this.level <= n;
+  }
+  formatMessage(n) {
+    return typeof n == "string" ? [`${this.prefix} ${n}`] : [this.prefix, n];
+  }
+  static debug(n, ...t) {
+    Z.instance.debug(n, ...t);
+  }
+  debug(n, ...t) {
+    this.level <= 0 && this.impl.debug(...this.formatMessage(n), ...t);
+  }
+  static info(n, ...t) {
+    Z.instance.info(n, ...t);
+  }
+  info(n, ...t) {
+    this.level <= 1 && this.impl.info(...this.formatMessage(n), ...t);
+  }
+  static warn(n, ...t) {
+    Z.instance.warn(n, ...t);
+  }
+  warn(n, ...t) {
+    this.level <= 2 && this.impl.warn(...this.formatMessage(n), ...t);
+  }
+  static error(n, ...t) {
+    Z.instance.error(n, ...t);
+  }
+  error(n, ...t) {
+    this.level <= 3 && this.impl.error(...this.formatMessage(n), ...t);
+  }
+};
+Z.instances = /* @__PURE__ */ new Set(), Z.instance = new Z(2, "[resize-panels]");
+let Ce = Z;
+const Dn = new Ce(ke.INFO, "[resize-panels]"), Rt = {
+  containerSize: 0,
+  panels: [],
+  violation: null
+}, yn = (e, n) => e === null || n === null ? e === n : e.reason === n.reason && Math.abs(e.totalMinimumSize - n.totalMinimumSize) <= _ && Math.abs(e.totalMaximumSize - n.totalMaximumSize) <= _ && Math.abs(e.availableContainerSize - n.availableContainerSize) <= _, de = (e, n) => {
+  const { sizes: t, violation: r } = wt(e, n);
+  let o = !1;
+  const i = e.map((a, u) => {
+    const d = a.collapsed ? 0 : t[u];
+    return Math.abs(a.size - d) <= _ ? a : (o = !0, { ...a, size: d });
+  }), s = { containerSize: n, panels: o ? i : e, violation: r };
+  return vt(s), s;
+}, It = (e) => {
+  if (e.containerSize <= 0 || e.violation !== null)
+    return null;
+  let n = 0, t = 0;
+  for (const o of e.panels)
+    o.collapsed || (n += o.size, t += 1);
+  if (t === 0)
+    return null;
+  const r = _ * Math.max(1, e.containerSize);
+  return !Number.isFinite(n) || Math.abs(n - e.containerSize) > r ? { allocatedTotal: n, containerSize: e.containerSize } : null;
+}, vt = (e) => {
+  const n = It(e);
+  n && Dn.error("Allocated sizes do not fill the container.", {
+    ...n,
+    panels: e.panels.map((t) => ({ id: t.id, size: t.size, collapsed: t.collapsed }))
+  });
+}, ue = (e, n) => e.panels === n.panels && e.containerSize === n.containerSize && yn(e.violation, n.violation) ? e : {
+  containerSize: n.containerSize,
+  panels: n.panels,
+  violation: yn(e.violation, n.violation) ? e.violation : n.violation
+}, _t = (e, n) => {
+  const t = e.sizeUnit === "pixels" ? e.preferredPixelSize : e.preferredPercentageSize;
+  return {
+    ...e,
+    size: 0,
+    collapsed: e.collapsed,
+    collapsedByDirection: e.collapsed ? n : null,
+    preferenceBeforeCollapse: t,
+    authoredPreference: t
+  };
+}, Ve = (e) => e.collapseFromStart ? "start" : e.collapseFromEnd ? "end" : null, Lt = (e, n) => {
+  if (n <= 0)
+    return e;
+  const t = Ln(n);
+  return e.map((r) => {
+    if (r.collapsed)
+      return r;
+    const o = re(r) ? r.size : r.size / n * 100, i = re(r) ? r.preferredPixelSize : r.preferredPercentageSize, s = r.size > t ? o : r.preferenceBeforeCollapse;
+    return i === o && s === r.preferenceBeforeCollapse ? r : re(r) ? { ...r, preferredPixelSize: o, preferenceBeforeCollapse: s } : { ...r, preferredPercentageSize: o, preferenceBeforeCollapse: s };
+  });
+}, Ze = (e, n, t) => {
+  if (re(e)) {
+    const o = Math.max(0, n);
+    return { ...e, preferredPixelSize: o, preferenceBeforeCollapse: o };
+  }
+  if (t <= 0)
+    return e;
+  const r = Math.max(0, n / t * 100);
+  return { ...e, preferredPercentageSize: r, preferenceBeforeCollapse: r };
+}, At = (e, n) => {
+  const t = e.collapsed ? e.preferenceBeforeCollapse : re(e) ? e.preferredPixelSize : e.preferredPercentageSize;
+  return re(e) ? t : t / 100 * n;
+}, Ct = (e, n, t, r) => {
+  const o = Math.max(0, Math.min(t, r)), i = e.filter((d) => d.id !== n && !d.collapsed && !re(d)), s = e.reduce((d, m) => m.id !== n && !m.collapsed && re(m) ? d + m.size : d, 0), a = i.reduce((d, m) => d + m.size, 0), u = Math.max(0, r - o - s);
+  return e.map((d) => {
+    if (d.id === n)
+      return Ze(d, o, r);
+    if (d.collapsed || re(d) || i.length === 0)
+      return d;
+    const m = a > 0 ? d.size / a * u : u / i.length;
+    return Ze(d, m, r);
+  });
+}, Mt = (e, n) => {
+  switch (n.type) {
+    case "SET_CONTAINER_SIZE":
+      return !Number.isFinite(n.containerSize) || n.containerSize < 0 || n.containerSize === e.containerSize ? e : ue(e, de(e.panels, n.containerSize));
+    case "REGISTER_PANEL": {
+      const t = e.panels.findIndex((c) => c.id === n.panel.id);
+      if (t === -1) {
+        const c = [...e.panels, _t(n.panel, Ve(n.panel))];
+        return ue(e, de(c, e.containerSize));
+      }
+      const r = e.panels[t], o = n.panel.sizeUnit === "pixels" ? n.panel.preferredPixelSize : n.panel.preferredPercentageSize, i = o !== r.authoredPreference || n.panel.sizeUnit !== r.sizeUnit, s = r.collapsedByDirection === "start" ? n.panel.collapseFromStart : r.collapsedByDirection === "end" ? n.panel.collapseFromEnd : !1, a = n.panel.collapseFromStart || n.panel.collapseFromEnd, u = r.collapsed && a, d = {
+        ...r,
+        ...n.panel,
+        collapsed: u,
+        collapsedByDirection: u ? s ? r.collapsedByDirection : Ve(n.panel) : null,
+        preferredPercentageSize: i ? n.panel.preferredPercentageSize : r.preferredPercentageSize,
+        preferredPixelSize: i ? n.panel.preferredPixelSize : r.preferredPixelSize,
+        preferenceBeforeCollapse: i ? o : r.preferenceBeforeCollapse,
+        authoredPreference: o
+      }, m = [...e.panels];
+      return m[t] = d, ue(e, de(m, e.containerSize));
+    }
+    case "UNREGISTER_PANEL": {
+      const t = e.panels.filter((r) => r.id !== n.id);
+      return t.length === e.panels.length ? e : ue(e, de(t, e.containerSize));
+    }
+    case "REORDER_PANELS": {
+      if (n.ids.length !== e.panels.length || new Set(n.ids).size !== n.ids.length)
+        return e;
+      const t = new Map(e.panels.map((o) => [o.id, o])), r = [];
+      for (const o of n.ids) {
+        const i = t.get(o);
+        if (!i)
+          return e;
+        r.push(i);
+      }
+      return r.every((o, i) => o === e.panels[i]) ? e : ue(e, de(r, e.containerSize));
+    }
+    case "RESIZE_PANELS": {
+      const t = e.panels.findIndex((k) => k.id === n.startId), r = e.panels.findIndex((k) => k.id === n.endId);
+      if (t === -1 || r === -1)
+        return e;
+      const o = e.panels[t], i = e.panels[r];
+      if (o.collapsed || i.collapsed || e.containerSize <= 0 || !Number.isFinite(n.startSize))
+        return e;
+      const s = o.size + i.size, a = be(o, e.containerSize), u = be(i, e.containerSize), d = Math.max(a.min, s - u.max), m = Math.min(a.max, s - u.min);
+      if (d - m > _)
+        return e;
+      const c = Fe(n.startSize, d, Math.max(d, m)), R = s - c;
+      if (Math.abs(c - o.size) <= _)
+        return e;
+      const f = [...e.panels];
+      return f[t] = { ...o, size: c }, f[r] = { ...i, size: R }, ue(e, de(Lt(f, e.containerSize), e.containerSize));
+    }
+    case "COLLAPSE_PANEL": {
+      const t = e.panels.findIndex((s) => s.id === n.id);
+      if (t === -1)
+        return e;
+      const r = e.panels[t];
+      if (!(n.from === "start" ? r.collapseFromStart : r.collapseFromEnd) || r.collapsed)
+        return e;
+      const i = [...e.panels];
+      return i[t] = {
+        ...r,
+        collapsed: !0,
+        collapsedByDirection: n.from
+      }, ue(e, de(i, e.containerSize));
+    }
+    case "EXPAND_PANEL": {
+      const t = e.panels.findIndex((u) => u.id === n.id);
+      if (t === -1 || n.targetSize !== void 0 && e.containerSize <= 0)
+        return e;
+      const r = e.panels[t];
+      if (!((n.from === "start" ? r.collapseFromStart : r.collapseFromEnd) && r.collapsed) || r.collapsedByDirection !== null && r.collapsedByDirection !== n.from)
+        return e;
+      const i = {
+        ...r,
+        collapsed: !1,
+        collapsedByDirection: null,
+        preferredPixelSize: re(r) ? r.preferenceBeforeCollapse : r.preferredPixelSize,
+        preferredPercentageSize: re(r) ? r.preferredPercentageSize : r.preferenceBeforeCollapse
+      }, s = [...e.panels];
+      s[t] = i;
+      const a = n.targetSize === void 0 ? s : Ct(s, n.id, n.targetSize, e.containerSize);
+      return ue(e, de(a, e.containerSize));
+    }
+    case "RESTORE_LAYOUT": {
+      if (n.entries.length !== e.panels.length || e.containerSize <= 0)
+        return e;
+      const t = new Map(n.entries.map((o) => [o.id, o]));
+      if (e.panels.some((o) => !t.has(o.id)))
+        return e;
+      const r = e.panels.map((o) => {
+        const i = t.get(o.id);
+        if (!i)
+          return o;
+        const s = Ze(o, i.size, e.containerSize), a = o.collapseFromStart || o.collapseFromEnd;
+        return i.collapsed && a ? { ...s, collapsed: !0, collapsedByDirection: o.collapsedByDirection ?? Ve(o) } : s.collapsed ? { ...s, collapsed: !1, collapsedByDirection: null } : s;
+      });
+      return Dn.debug("restore layout", { containerSize: e.containerSize, entries: n.entries }), ue(e, de(r, e.containerSize));
+    }
+    default:
+      return e;
+  }
+}, Dt = {
+  layout: Rt,
+  source: null
+}, Ot = (e) => {
+  switch (e.type) {
+    case "SET_CONTAINER_SIZE":
+      return "container";
+    case "REGISTER_PANEL":
+    case "UNREGISTER_PANEL":
+    case "REORDER_PANELS":
+      return "panels";
+    case "RESTORE_LAYOUT":
+      return "restore";
+    case "RESIZE_PANELS":
+    case "COLLAPSE_PANEL":
+    case "EXPAND_PANEL":
+      return e.source;
+  }
+}, Tt = (e, n) => {
+  const t = Mt(e.layout, n);
+  if (t === e.layout)
+    return e;
+  const r = t.panels !== e.layout.panels || t.containerSize > 0 != e.layout.containerSize > 0;
+  return { layout: t, source: r ? Ot(n) : e.source };
+}, Ft = new Ce(ke.INFO, "[resize-panels]"), Bt = { pointer: !0, keyboard: !0, api: !0 }, kt = (e) => typeof e == "string" && Object.hasOwn(Bt, e), Ke = (e) => {
+  if (!kt(e))
+    throw new RangeError(`[resize-panels] A request source must be "pointer", "keyboard" or "api"; received ${typeof e == "string" ? JSON.stringify(e) : String(e)}.`);
+  return e;
+}, Ht = 200, $t = "\0handle", Gt = ({ direction: e, style: n, onLayout: t, autoSaveId: r, showDebugInfo: o = !1 }) => {
+  const [{ layout: i, source: s }, a] = qn(Tt, Dt), [u, d] = Ee({}), [m, c] = Ee({}), R = B(null), [f, k] = Ee(""), V = B({}), ae = B(t);
+  ae.current = t, Se(() => {
+    const l = R.current;
+    if (!l || typeof ResizeObserver > "u")
+      return;
+    let p = Number.NaN;
+    const g = (L) => {
+      L !== p && (p = L, a({ type: "SET_CONTAINER_SIZE", containerSize: L }));
+    }, y = new ResizeObserver((L) => {
+      g(Ae(l, e, L[0]).content);
+    });
+    return y.observe(l), g(Ae(l, e).content), () => {
+      y.disconnect(), a({ type: "SET_CONTAINER_SIZE", containerSize: 0 });
+    };
+  }, [e]);
+  const b = i.panels, U = B(b);
+  U.current = b;
+  const S = F(() => {
+    const l = R.current, p = U.current;
+    if (!l)
+      return;
+    const g = An(l);
+    if (k((L) => {
+      const q = g.map((le) => le.dataset.panelId ?? $t).join("\0");
+      return L === q ? L : q;
+    }), p.length === 0)
+      return;
+    const y = [];
+    for (const L of g) {
+      const q = L.dataset.panelId;
+      q !== void 0 && y.push(q);
+    }
+    if (new Set(y).size !== y.length) {
+      Ft.error("Duplicate panel id in one group.", { ids: y });
+      return;
+    }
+    y.length !== p.length || y.every((L, q) => L === p[q].id) || a({ type: "REORDER_PANELS", ids: y });
+  }, []);
+  Se(() => {
+    const l = R.current;
+    if (!l || (S(), typeof MutationObserver > "u"))
+      return;
+    const p = new MutationObserver((g) => {
+      xt(g) && S();
+    });
+    return p.observe(l, { childList: !0, subtree: !0 }), () => {
+      p.disconnect();
+    };
+  }, [S]), Se(() => {
+    S();
+  }, [S, b]);
+  const H = N(() => b.map((l) => l.size), [b]), z = i.containerSize > 0;
+  Se(() => {
+    !z || H.length === 0 || s === null || ae.current?.(H, { source: s });
+  }, [H, z, s]);
+  const K = B(null);
+  J(() => {
+    if (!r || K.current === r || !z || b.length === 0)
+      return;
+    K.current = r;
+    const l = bt(r);
+    l && a({ type: "RESTORE_LAYOUT", entries: l });
+  }, [r, z, b.length]);
+  const E = B(null);
+  J(() => {
+    if (!(r && K.current === r && z) || b.length === 0)
+      return;
+    const l = b.map((g) => ({ id: g.id, size: At(g, i.containerSize), collapsed: g.collapsed }));
+    E.current = { id: r, entries: l };
+    const p = setTimeout(() => {
+      E.current = null, Sn(r, l);
+    }, Ht);
+    return () => {
+      clearTimeout(p);
+    };
+  }, [r, b, i.containerSize, z]), J(() => () => {
+    const l = E.current;
+    l && (E.current = null, Sn(l.id, l.entries));
+  }, []);
+  const A = F((l) => {
+    const p = JSON.stringify(l);
+    V.current[l.id] !== p && (V.current[l.id] = p, a({ type: "REGISTER_PANEL", panel: l }));
+  }, []), v = F((l) => {
+    delete V.current[l], a({ type: "UNREGISTER_PANEL", id: l }), d((p) => {
+      if (!(l in p))
+        return p;
+      const g = { ...p };
+      return delete g[l], g;
+    });
+  }, []), Q = F((l, p, g, y = "api") => {
+    a({ type: "RESIZE_PANELS", startId: l, endId: p, startSize: g, source: Ke(y) });
+  }, []), C = F((l, p, g = "api") => {
+    a({ type: "COLLAPSE_PANEL", id: l, from: p, source: Ke(g) });
+  }, []), P = F((l, p, g, y = "api") => {
+    a({ type: "EXPAND_PANEL", id: l, from: p, targetSize: g, source: Ke(y) });
+  }, []), x = F((l) => b.find((p) => p.id === l), [b]), W = F((l, p) => {
+    d((g) => {
+      if (p === null) {
+        if (!(l in g))
+          return g;
+        const L = { ...g };
+        return delete L[l], L;
+      }
+      const y = g[l];
+      return y && y.pixelSize === p.pixelSize && y.percentageSize === p.percentageSize ? g : { ...g, [l]: p };
+    });
+  }, []), O = F((l, p) => {
+    c((g) => {
+      if (p === null) {
+        if (!(l in g))
+          return g;
+        const L = { ...g };
+        return delete L[l], L;
+      }
+      const y = g[l];
+      return y && y.thickness === p.thickness && y.visible === p.visible && y.direction === p.direction && y.startPanelId === p.startPanelId && y.endPanelId === p.endPanelId ? g : { ...g, [l]: p };
+    });
+  }, []), Y = N(
+    () => ({
+      direction: e,
+      panels: b,
+      containerSize: i.containerSize,
+      layoutOrderKey: f,
+      showDebugInfo: o,
+      registerPanel: A,
+      unregisterPanel: v,
+      resizePanels: Q,
+      collapsePanel: C,
+      expandPanel: P,
+      getPanel: x,
+      reportPanelMeasurement: W,
+      panelMeasurements: u,
+      reportHandleMeasurement: O,
+      handleMeasurements: m,
+      layoutConstraintViolation: i.violation
+    }),
+    [e, b, i.containerSize, f, i.violation, o, A, v, Q, C, P, x, W, u, O, m]
+  ), fe = N(
+    () => ({
+      // 見た目に関わる既定値は利用者が上書きできる
+      width: "100%",
+      height: "100%",
+      minWidth: "0px",
+      minHeight: "0px",
+      // ハンドルは境界をまたいで描かれるため、その張り出しでスクロールバーを出さない
+      overflow: "hidden",
+      ...n,
+      // ここから下はレイアウトの前提そのもの。利用者のスタイルやクラスで変わると
+      // 配分結果と描画が一致しなくなるため、最後に適用して上書きを受け付けない:
+      // gap はパネルの合計に含まれない隙間を作り、flex-direction の反転は DOM 順と視覚順をずらし、
+      // writing-mode は主軸の向きそのものを変えてしまう
+      display: "flex",
+      flexDirection: e === "horizontal" ? "row" : "column",
+      alignItems: "stretch",
+      gap: "0px",
+      position: "relative",
+      boxSizing: "border-box",
+      writingMode: "horizontal-tb"
+    }),
+    [e, n]
+  );
+  return { groupRef: R, contextValue: Y, groupStyle: fe };
+}, cr = (e) => {
+  const { getPanel: n, collapsePanel: t, expandPanel: r } = Qe(), o = n(e), i = F(
+    (u) => {
+      t(e, u, "api");
+    },
+    [t, e]
+  ), s = F(
+    (u, d) => {
+      r(e, u, d, "api");
+    },
+    [r, e]
+  ), a = F(
+    (u, d) => {
+      o?.collapsed ? s(u, d) : i(u);
+    },
+    [o?.collapsed, i, s]
+  );
+  return N(
+    () => ({
+      panel: o,
+      isCollapsed: o?.collapsed ?? !1,
+      canCollapseFromStart: o?.collapseFromStart ?? !1,
+      canCollapseFromEnd: o?.collapseFromEnd ?? !1,
+      collapse: i,
+      expand: s,
+      toggle: a
+    }),
+    [o, i, s, a]
+  );
+}, Ut = ({ panel: e, containerAxisSize: n, containerLabel: t }) => {
+  if (!e)
+    return { sizeDisplay: "-", preferenceDisplay: "-", boundsDisplay: "-", containerDisplay: "-", headlineLabel: "Unregistered", titleText: "Unregistered" };
+  const r = e.sizeUnit === "pixels", o = `${e.size.toFixed(3)}px / ${_n(e.size, n).toFixed(3)}%`, i = r ? `${e.preferredPixelSize.toFixed(3)}px` : `${e.preferredPercentageSize.toFixed(3)}%`, s = be(e, n), a = `${s.min.toFixed(1)} - ${s.max.toFixed(1)}px`, u = Number.isFinite(n) ? `${n.toFixed(3)}px` : "-", d = r ? "Fixed" : "Flexible", m = [d, `${t}: ${u}`, `size: ${o}`, `preference: ${i}`, `bounds: ${a}`].join(`
+`);
+  return { sizeDisplay: o, preferenceDisplay: i, boundsDisplay: a, containerDisplay: u, headlineLabel: d, titleText: m };
+}, Wt = Je(({ panel: e, containerAxisSize: n, direction: t }) => {
+  const r = t === "horizontal" ? "container width" : "container height", { sizeDisplay: o, preferenceDisplay: i, boundsDisplay: s, containerDisplay: a, headlineLabel: u, titleText: d } = N(() => Ut({ panel: e, containerAxisSize: n, containerLabel: r }), [e, n, r]);
+  return /* @__PURE__ */ pe("div", { style: {
+    position: "absolute",
+    top: 2,
+    left: 2,
+    zIndex: 30,
+    pointerEvents: "none",
+    maxWidth: "calc(100% - 4px)",
+    padding: "2px 4px",
+    borderRadius: 4,
+    border: "1px solid rgba(255,255,255,0.1)",
+    backgroundColor: "rgba(15, 23, 42, 0.78)",
+    color: "#e2e8f0",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+    fontSize: 10,
+    lineHeight: 1.35,
+    whiteSpace: "pre",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  }, title: d, "data-panel-debug-info": "", children: [
+    /* @__PURE__ */ pe("div", { children: [
+      u,
+      " · ",
+      r,
+      ": ",
+      a
+    ] }),
+    /* @__PURE__ */ pe("div", { children: [
+      "size: ",
+      o
+    ] }),
+    /* @__PURE__ */ pe("div", { children: [
+      "preference: ",
+      i
+    ] }),
+    /* @__PURE__ */ pe("div", { children: [
+      "bounds: ",
+      s
+    ] })
+  ] });
+}), zn = new Ce(ke.INFO, "[resize-panels]"), jt = {
+  both: { collapseFromStart: !0, collapseFromEnd: !0 },
+  start: { collapseFromStart: !0, collapseFromEnd: !1 },
+  end: { collapseFromStart: !1, collapseFromEnd: !0 }
+}, Vt = (e) => {
+  if (!e)
+    return { collapseFromStart: !1, collapseFromEnd: !1 };
+  const n = jt[e.from];
+  if (!n)
+    throw new Error("Invalid collapsible configuration: unsupported 'from' value");
+  return n;
+}, Kt = (e) => {
+  const n = Math.max(0, e.value);
+  return e.unit === "pixels" ? { sizeUnit: "pixels", preferredPixelSize: n, preferredPercentageSize: 0 } : { sizeUnit: "percentage", preferredPercentageSize: n, preferredPixelSize: 0 };
+}, Yt = ({ size: e, panel: n, registration: t, containerSize: r, isCollapsed: o }) => {
+  if (o)
+    return { flexBasis: "0px", flexGrow: 0, flexShrink: 0 };
+  if (!n || r <= 0) {
+    const u = t.sizeUnit === "pixels";
+    return {
+      flexBasis: u ? `${t.preferredPixelSize}px` : `${t.preferredPercentageSize}%`,
+      flexGrow: u ? 0 : t.preferredPercentageSize,
+      flexShrink: u ? 0 : 1
+    };
+  }
+  if (n.sizeUnit === "pixels")
+    return { flexBasis: `${e}px`, flexGrow: 0, flexShrink: 0 };
+  const i = be(n, r), s = e < i.max - _, a = s && e > i.min + _;
+  return { flexBasis: `${e}px`, flexGrow: s ? n.preferredPercentageSize : 0, flexShrink: a ? 1 : 0 };
+}, dr = Je(
+  ({ id: e, defaultSize: n = { value: 50, unit: "percentage" }, minSize: t, maxSize: r, className: o, style: i, children: s, collapsible: a, defaultCollapsed: u = !1, pixelAdjustPriority: d, flexAdjustPriority: m, contentOverflow: c = "auto", ...R }) => {
+    const { direction: f, registerPanel: k, unregisterPanel: V, getPanel: ae, containerSize: b, showDebugInfo: U, reportPanelMeasurement: S } = Qe(), H = B(null), z = Rn(), E = B(e || `panel-${z}`).current;
+    J(() => {
+      e && e !== E && zn.warn("Panel id prop change after mount is ignored.", { currentId: E, attemptedId: e });
+    }, [e, E]);
+    const A = N(() => Vt(a), [a]), v = A.collapseFromStart || A.collapseFromEnd;
+    J(() => {
+      u && !v && zn.warn("Panel defaultCollapsed is ignored because collapsible configuration is not provided.", { panelId: E });
+    }, [u, v, E]);
+    const Q = N(() => {
+      const l = ht(n) ?? { value: 50, unit: "percentage" };
+      return {
+        id: E,
+        ...Kt(l),
+        minSize: t,
+        maxSize: r,
+        ...A,
+        collapsed: v && u,
+        pixelAdjustPriority: d,
+        flexAdjustPriority: m
+      };
+    }, [E, n, t, r, A, v, u, d, m]);
+    Se(() => {
+      k(Q);
+    }, [k, Q]), Se(() => () => {
+      V(E);
+    }, [V, E]);
+    const C = ae(E), P = C?.size ?? 0, x = C?.collapsed ?? !1, W = B(b);
+    W.current = b;
+    const O = F(() => {
+      const l = H.current;
+      if (!l)
+        return;
+      const p = Ae(l, f).border;
+      S(E, { pixelSize: p, percentageSize: _n(p, W.current) });
+    }, [f, E, S]);
+    J(() => {
+      if (!U) {
+        S(E, null);
+        return;
+      }
+      const l = H.current;
+      if (!l || typeof ResizeObserver > "u") {
+        O();
+        return;
+      }
+      const p = new ResizeObserver(O);
+      return p.observe(l), O(), () => {
+        p.disconnect(), S(E, null);
+      };
+    }, [U, O, E, S]);
+    const Y = N(() => {
+      const l = { overflow: "hidden", isolation: "isolate" }, p = x ? { ...f === "horizontal" ? { width: "0px" } : { height: "0px" }, pointerEvents: "none", visibility: "hidden", display: "none" } : {};
+      return {
+        ...l,
+        ...i,
+        // ここから下はレイアウトの前提そのもの。利用者のスタイルやクラスで変わると配分結果と
+        // 描画が一致しなくなるため、最後に適用して上書きを受け付けない:
+        // flex の三つ組は配分器が決めた長さそのもの、margin はパネルの合計に含まれない隙間を作り、
+        // order は DOM 順と視覚順をずらす
+        ...Yt({ size: P, panel: C, registration: Q, containerSize: b, isCollapsed: x }),
+        order: 0,
+        margin: 0,
+        // 内容を通常フローで内容ボックスいっぱいに伸ばすための入れ物 (パディングを効かせる唯一の形)
+        display: "flex",
+        flexDirection: "column",
+        position: "relative",
+        boxSizing: "border-box",
+        // 主軸の縮小をコンテンツの固有幅に妨げられないようにし、
+        // 上限側のクランプ (max-w-* のようなユーティリティクラスを含む) も受け付けない。
+        // 配分器が配った長さより短く描くと、状態と描画が食い違ったままハンドルが動かなくなる
+        minWidth: 0,
+        minHeight: 0,
+        maxWidth: "none",
+        maxHeight: "none",
+        ...f === "horizontal" ? { height: "100%" } : { width: "100%" },
+        ...p
+      };
+    }, [P, f, x, C, Q, b, i]), fe = N(
+      () => ({
+        // 内容は通常フローの伸縮子として置く。絶対配置にするとパディングボックスを基準にしてしまい、
+        // 利用者がパネルへ与えたパディングが何の効果も持たなくなる
+        flex: "1 1 auto",
+        position: "relative",
+        overflow: c,
+        display: "flex",
+        flexDirection: "column",
+        minWidth: "0px",
+        minHeight: "0px"
+      }),
+      [c]
+    );
+    return /* @__PURE__ */ pe(
+      "div",
+      {
+        ...R,
+        ref: H,
+        className: Le("panel", o),
+        style: Y,
+        "data-panel-id": E,
+        "data-panel-size": P,
+        "data-panel-size-unit": C?.sizeUnit ?? "percentage",
+        "data-panel-collapsible": v,
+        "data-panel-collapse-start": A.collapseFromStart,
+        "data-panel-collapse-end": A.collapseFromEnd,
+        "data-panel-collapsed": x,
+        "aria-hidden": x,
+        children: [
+          /* @__PURE__ */ ie("div", { style: fe, children: s }),
+          U && /* @__PURE__ */ ie(Wt, { panel: C, containerAxisSize: b, direction: f })
+        ]
+      }
+    );
+  }
+), qt = Zn(() => import("./GlobalDebugOverlay-CIiVujEL.js").then((e) => ({ default: e.GlobalDebugOverlayGate }))), Xt = [], Zt = {};
+let Pn = 0;
+const Jt = () => (Pn += 1, `panel-group-${Pn}`), Qt = (e) => {
+  const n = e.reason === "minimum-exceeded", t = n ? "Layout unavailable: minimum panel sizes exceed the container." : "Layout unavailable: panels cannot fill the container with their maximum sizes.", r = n ? `Min required: ${Math.ceil(e.totalMinimumSize)}px | Available: ${Math.floor(e.availableContainerSize)}px` : `Max total: ${Math.floor(e.totalMaximumSize)}px | Needed: ${Math.floor(e.availableContainerSize)}px`;
+  return { summary: t, detail: r };
+}, er = (e, n) => e.map((t) => {
+  const r = n[t.id];
+  return r ? { ...t, measuredPixelSize: r.pixelSize, measuredPercentageSize: r.percentageSize } : t;
+}), En = (e, n, t) => {
+  const r = Ae(e, "horizontal"), o = Ae(e, "vertical"), i = e.getBoundingClientRect(), s = r.content > 0 ? r.content : n ?? i.width, a = o.content > 0 ? o.content : t ?? i.height;
+  return { width: s, height: a };
+}, ur = (e) => {
+  const { id: n, className: t, style: r, children: o, direction: i, onLayout: s, autoSaveId: a, showDebugInfo: u, ...d } = e, { groupRef: m, contextValue: c, groupStyle: R } = Gt(e), [f, k] = Ee({ width: 0, height: 0 }), V = c.layoutConstraintViolation, ae = !!V, b = N(() => {
+    if (!V)
+      return null;
+    const { summary: P, detail: x } = Qt(V);
+    return /* @__PURE__ */ pe(
+      "div",
+      {
+        className: "flex w-full flex-1 flex-col items-center justify-center gap-2 rounded-lg border border-slate-300 border-dashed bg-slate-100/70 px-6 py-8 text-center text-slate-600 text-sm dark:border-slate-600 dark:bg-slate-800/50 dark:text-slate-200",
+        "data-panel-group-placeholder": "constraint-violation",
+        children: [
+          /* @__PURE__ */ ie("span", { children: P }),
+          /* @__PURE__ */ ie("span", { className: "text-slate-500 text-xs dark:text-slate-400", children: x })
+        ]
+      }
+    );
+  }, [V]), U = B(null);
+  U.current === null && (U.current = n ?? Jt());
+  const S = U.current, H = n ?? S, z = c.showDebugInfo && c.panels.length > 0, K = z ? c.panels : Xt, E = z ? c.panelMeasurements : Zt, A = N(() => {
+    if (!z)
+      return [];
+    const P = Object.values(c.handleMeasurements);
+    return P.length <= 1 ? P : P.slice().sort((x, W) => x.id.localeCompare(W.id));
+  }, [c.handleMeasurements, z]), v = f.width, Q = f.height;
+  Se(() => {
+    if (!z) {
+      k({ width: 0, height: 0 });
+      return;
+    }
+    if (typeof window > "u" || typeof ResizeObserver > "u")
+      return;
+    const P = m.current;
+    if (!P)
+      return;
+    const x = (O) => {
+      k((Y) => Y.width === O.width && Y.height === O.height ? Y : O);
+    }, W = new ResizeObserver((O) => {
+      for (const Y of O) {
+        if (Y.target !== P)
+          continue;
+        const fe = En(P, Y.contentRect.width, Y.contentRect.height);
+        x(fe);
+      }
+    });
+    return W.observe(P), x(En(P)), () => {
+      W.disconnect();
+    };
+  }, [m, z]);
+  const C = N(() => er(K, E), [K, E]);
+  return J(() => {
+    if (!z)
+      return;
+    let P = !1, x = null;
+    return import("./debugOverlayStore-D7FT6zPE.js").then((W) => {
+      P || (x = W, W.enableDebugOverlayGroup(S));
+    }), () => {
+      P = !0, x && (x.disableDebugOverlayGroup(S), x.removeDebugOverlayGroup(S));
+    };
+  }, [z, S]), J(() => {
+    if (!z)
+      return;
+    let P = !1;
+    return import("./debugOverlayStore-D7FT6zPE.js").then((x) => {
+      P || x.updateDebugOverlayGroup(S, {
+        displayName: H,
+        direction: i,
+        containerSize: {
+          width: v,
+          height: Q
+        },
+        panels: C,
+        handles: A
+      });
+    }), () => {
+      P = !0;
+    };
+  }, [z, S, H, i, v, Q, C, A]), /* @__PURE__ */ pe(Mn.Provider, { value: c, children: [
+    /* @__PURE__ */ pe("div", { ...d, ref: m, className: Le("panel-group", i === "horizontal" ? "flex-row" : "flex-col", t), style: R, "data-panel-group-id": n, "data-panel-group-direction": i, children: [
+      o,
+      ae && b ? /* @__PURE__ */ ie(
+        "div",
+        {
+          className: "pointer-events-auto",
+          style: {
+            position: "absolute",
+            inset: 0,
+            // パネル内部要素 (VirtualScroll のスクロールバー z-50 等) を完全に隠蔽するため zIndex を 60 に設定
+            zIndex: 60,
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: "rgba(248, 250, 252, 0.82)",
+            backdropFilter: "blur(2px)"
+          },
+          children: b
+        }
+      ) : null
+    ] }),
+    z && /* @__PURE__ */ ie(Xn, { fallback: null, children: /* @__PURE__ */ ie(qt, { groupId: S }) })
+  ] });
+}, nr = {
+  display: "none",
+  pointerEvents: "none",
+  visibility: "hidden"
+}, tr = {
+  display: "none"
+}, _e = (e, n) => typeof e != "number" || !Number.isFinite(e) || e <= 0 ? n : e, rr = (e) => {
+  const n = Math.round(e);
+  return n % 2 === 0 ? n : n + 1;
+}, wn = (e) => !e || typeof window > "u" ? !1 : window.getComputedStyle(e).direction === "rtl", Nn = (e, n, t) => {
+  const r = e.collapsed ? 0 : e.size, o = n.collapsed ? 0 : n.size, i = r + o;
+  if (i <= 0)
+    return;
+  const s = be(e, t), a = be(n, t), u = Math.max(s.min, i - a.max), d = Math.max(u, Math.min(s.max, i - a.min));
+  if (e.collapsed)
+    return { position: 0, lower: 0, upper: e.collapsedByDirection === "end" ? Math.max(0, d) : 0, resizeLower: u, resizeUpper: d };
+  if (n.collapsed) {
+    const R = n.collapsedByDirection === "start";
+    return { position: i, lower: R ? Math.min(i, u) : i, upper: i, resizeLower: u, resizeUpper: d };
+  }
+  const m = Math.min(r, e.collapseFromEnd ? 0 : u), c = Math.max(r, m, n.collapseFromStart ? i : d);
+  return { position: r, lower: m, upper: c, resizeLower: u, resizeUpper: d };
+}, pr = Je((e) => {
+  const { id: n, disabled: t = !1, className: r, style: o, children: i, onDragging: s, thickness: a, indicator: u = !0, indicatorThickness: d, indicatorLength: m, indicatorBarThickness: c, indicatorBarLength: R, title: f, onPointerDown: k, onKeyDown: V, ...ae } = e, { direction: b, resizePanels: U, getPanel: S, collapsePanel: H, expandPanel: z, panels: K, layoutOrderKey: E, reportHandleMeasurement: A, containerSize: v, layoutConstraintViolation: Q } = Qe(), [C, P] = Ee(!1), [x, W] = Ee({ start: null, end: null }), O = B(null), Y = B(null), fe = B({ getPanel: S, containerSize: v });
+  fe.current = { getPanel: S, containerSize: v };
+  const l = B(""), p = B(""), g = B(null), y = B(null), L = Rn(), q = B(n ?? `resize-handle-${L}`), le = n ?? q.current, w = b === "horizontal", He = !!Q, ee = t || He, nn = F(() => {
+    const h = O.current, X = Te(h);
+    if (!(h && X))
+      return;
+    const T = An(X), M = T.indexOf(h);
+    let D = "", j = "";
+    for (let $ = M - 1; $ >= 0; $ -= 1) {
+      const I = T[$].dataset.panelId;
+      if (I !== void 0) {
+        D = I;
+        break;
+      }
+    }
+    for (let $ = M + 1; $ < T.length; $ += 1) {
+      const I = T[$].dataset.panelId;
+      if (I !== void 0) {
+        j = I;
+        break;
+      }
+    }
+    D === l.current && j === p.current || (l.current = D, p.current = j, W({ start: D || null, end: j || null }));
+  }, []);
+  J(() => {
+    nn();
+  }, [nn, E]), J(() => () => {
+    g.current?.();
+  }, []);
+  const tn = F(
+    (h) => {
+      if (ee || g.current || h.button !== 0)
+        return;
+      const X = S(l.current), T = S(p.current);
+      if (!(X && T))
+        return;
+      h.preventDefault(), h.stopPropagation();
+      const M = l.current, D = p.current, j = X.size, $ = X.size + T.size, I = w ? h.clientX : h.clientY, ne = Te(O.current), ze = w && wn(ne) ? -1 : 1, te = ne ? St(ne, b) : 1, xe = h.pointerId, Re = h.currentTarget;
+      Re.setPointerCapture?.(xe), P(!0), s?.(!0);
+      let an = 0, Ie = null;
+      const Vn = (G) => {
+        const Pe = ((w ? G.clientX : G.clientY) - I) * ze / te, ve = j + Pe, Ue = $ - ve, Oe = fe.current, We = Oe.getPanel(M), je = Oe.getPanel(D);
+        if (!(We && je))
+          return;
+        const hn = Math.min(Oe.containerSize * In, vn), mn = Math.min(Oe.containerSize * ct, dt);
+        if (je.collapsed) {
+          Ue > mn && z(D, "start", Ue, "pointer");
+          return;
+        }
+        if (We.collapsed) {
+          ve > mn && z(M, "end", ve, "pointer");
+          return;
+        }
+        if (je.collapseFromStart && Ue <= hn) {
+          H(D, "start", "pointer");
+          return;
+        }
+        if (We.collapseFromEnd && ve <= hn) {
+          H(M, "end", "pointer");
+          return;
+        }
+        U(M, D, ve, "pointer");
+      }, ln = (G) => {
+        Jn(() => {
+          Vn(G);
+        });
+      }, cn = (G) => {
+        if (G.pointerId !== xe)
+          return;
+        G.preventDefault(), G.stopPropagation();
+        const Pe = performance.now();
+        if (Pe - an < lt) {
+          Ie = G;
+          return;
+        }
+        an = Pe, Ie = null, ln(G);
+      };
+      let dn = !0;
+      const De = () => {
+        dn && (dn = !1, g.current = null, P(!1), s?.(!1), document.removeEventListener("pointermove", cn), document.removeEventListener("pointerup", un), document.removeEventListener("pointercancel", pn), Re.removeEventListener("lostpointercapture", fn), Re.hasPointerCapture?.(xe) && Re.releasePointerCapture(xe));
+      }, un = (G) => {
+        if (G.pointerId === xe) {
+          if (Ie) {
+            const Pe = Ie;
+            Ie = null, ln(Pe);
+          }
+          De();
+        }
+      }, pn = (G) => {
+        G.pointerId === xe && De();
+      }, fn = (G) => {
+        G.pointerId === xe && De();
+      };
+      document.addEventListener("pointermove", cn), document.addEventListener("pointerup", un), document.addEventListener("pointercancel", pn), Re.addEventListener("lostpointercapture", fn), g.current = De;
+    },
+    [ee, w, b, S, U, H, z, s]
+  ), rn = F(
+    (h) => {
+      if (ee)
+        return;
+      const X = w ? "ArrowLeft" : "ArrowUp", T = w ? "ArrowRight" : "ArrowDown";
+      if (h.key !== X && h.key !== T)
+        return;
+      const M = l.current, D = p.current, j = S(M), $ = S(D);
+      if (!(j && $))
+        return;
+      const I = Nn(j, $, v);
+      if (!I || I.upper - I.lower <= _)
+        return;
+      h.preventDefault(), h.stopPropagation();
+      const ne = h.shiftKey ? gn * 5 : gn, ze = w && wn(Te(O.current)) ? -1 : 1, te = (h.key === T ? ne : -ne) * ze;
+      if (j.collapsed) {
+        te > 0 && z(M, "end", void 0, "keyboard");
+        return;
+      }
+      if ($.collapsed) {
+        te < 0 && z(D, "start", void 0, "keyboard");
+        return;
+      }
+      if (te < 0 && j.collapseFromEnd && I.position <= I.resizeLower + _) {
+        H(M, "end", "keyboard");
+        return;
+      }
+      if (te > 0 && $.collapseFromStart && I.position >= I.resizeUpper - _) {
+        H(D, "start", "keyboard");
+        return;
+      }
+      U(M, D, j.size + te, "keyboard");
+    },
+    [ee, w, S, U, H, z, v]
+  ), ce = typeof u == "object" && u !== null ? u : void 0, $e = u === !1 || ce?.visible === !1, oe = Math.max(1, _e(a, et)), On = w ? tt : rt, Tn = w ? it : st, he = Math.min(oe, Math.max(1, _e(d ?? ce?.thickness, nt))), ye = Math.max(1, _e(m ?? ce?.length, On)), we = Math.min(he, Math.max(1, _e(c ?? ce?.barThickness, ot))), Ne = Math.min(ye, Math.max(1, _e(R ?? ce?.barLength, Tn))), me = N(() => {
+    const h = Ln(v), X = (I) => {
+      const ne = K[I];
+      return ne ? ne.collapsed || ne.size <= h : !1;
+    }, T = (I, ne) => {
+      let ze = 0;
+      for (let te = I; te >= 0 && te < K.length && X(te); te += ne)
+        ze += 1;
+      return ze;
+    }, M = K.findIndex((I) => I.id === x.start), D = K.findIndex((I) => I.id === x.end), j = M >= 0 ? T(M, -1) : 0, $ = D >= 0 ? T(D, 1) : 0;
+    return { groupSize: j + $ + 1, overlapIndex: j };
+  }, [x.start, x.end, K, v]), se = N(() => He ? !0 : me.groupSize <= 1 ? !1 : me.overlapIndex > 0 && me.overlapIndex < me.groupSize - 1, [me, He]), Me = N(() => {
+    if (me.groupSize <= 1 || se)
+      return 0;
+    const h = rr(Math.max(at, he + 4));
+    return (me.overlapIndex === 0 ? -0.5 : 0.5) * h;
+  }, [me, se, he]), Fn = N(() => {
+    const h = {
+      // 長さ 0 のフレックスアイテム: フレックスレイアウトがこれを境界そのものへ配置する
+      position: "relative",
+      flex: "0 0 0px",
+      alignSelf: "stretch",
+      // DOM 順を配置順の真実として扱うため、クラス由来の order で並びが変わらないようにする
+      order: 0,
+      margin: 0,
+      overflow: "visible",
+      ...w ? { width: 0, minWidth: 0 } : { height: 0, minHeight: 0 }
+    };
+    return se ? { ...h, ...nr } : h;
+  }, [w, se]), on = N(
+    () => ({
+      "--rp-handle-thickness": `${oe}px`,
+      "--rp-indicator-thickness": `${he}px`,
+      "--rp-indicator-length": `${ye}px`,
+      "--rp-indicator-bar-thickness": `${we}px`,
+      "--rp-indicator-bar-length": `${Ne}px`
+    }),
+    [oe, he, ye, we, Ne]
+  ), Bn = N(() => ({
+    ...on,
+    ...o,
+    // ここから下は境界に載るという前提そのもの。利用者のスタイルやクラスで変わると
+    // 操作領域の中心が境界から外れ、touch-action が戻るとタッチではスクロールが優先されてしまう
+    position: "absolute",
+    zIndex: 20,
+    touchAction: "none",
+    // 位置は論理プロパティで与える。アンカーは寸法 0 なので RTL でも同じ点に重なるが、
+    // 「境界からの距離」という意図をそのまま表せる
+    ...w ? { insetBlockStart: 0, insetInlineStart: `${-oe / 2}px`, width: `${oe}px`, height: "100%" } : { insetInlineStart: 0, insetBlockStart: `${-oe / 2}px`, height: `${oe}px`, width: "100%" }
+  }), [w, oe, on, o]), kn = N(() => {
+    if (se || $e)
+      return tr;
+    const h = {
+      width: `${w ? he : ye}px`,
+      height: `${w ? ye : he}px`,
+      flexShrink: 0
+    };
+    return Me !== 0 && (h.position = "relative", w ? h.insetInlineStart = `${Me}px` : h.insetBlockStart = `${Me}px`), h;
+  }, [se, $e, w, he, ye, Me]), Hn = N(
+    () => ({
+      width: `${w ? we : Ne}px`,
+      height: `${w ? Ne : we}px`,
+      flexShrink: 0
+    }),
+    [w, we, Ne]
+  ), $n = N(
+    () => Le(
+      "group absolute z-20 flex select-none items-center justify-center border-none bg-transparent transition-colors duration-150 overflow-visible",
+      w ? "cursor-col-resize h-full" : "cursor-row-resize w-full",
+      !ee && "hover:bg-gray-200/70 dark:hover:bg-gray-700/70",
+      !ee && "active:bg-blue-300/60 dark:active:bg-blue-700/60",
+      C && "bg-blue-200/80 dark:bg-blue-800/60",
+      ee && "cursor-not-allowed opacity-50",
+      "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+      r
+    ),
+    [w, ee, C, r]
+  ), Gn = N(
+    () => Le(
+      "pointer-events-none flex items-center justify-center rounded-full bg-white text-slate-700 ring-1 ring-inset ring-white/80 backdrop-blur-sm transition-colors duration-150 shadow-[0_0_0_1px_rgba(255,255,255,0.85),0_1px_3px_rgba(15,23,42,0.18)]",
+      "dark:bg-slate-800/95 dark:text-slate-200 dark:ring-slate-500/60 dark:shadow-[0_0_0_1px_rgba(148,163,184,0.45),0_1px_3px_rgba(2,6,23,0.55)]",
+      C && "bg-blue-200/80 ring-blue-300 shadow-[0_0_0_1px_rgba(191,219,254,0.65),0_1px_4px_rgba(59,130,246,0.45)] dark:bg-blue-900/70 dark:ring-blue-400 dark:shadow-[0_0_0_1px_rgba(147,197,253,0.5),0_1px_4px_rgba(59,130,246,0.55)]",
+      ce?.className
+    ),
+    [C, ce?.className]
+  ), Un = N(
+    () => Le(
+      "pointer-events-none rounded-full bg-slate-600 transition-colors duration-150 shadow-[0_0_0_1px_rgba(255,255,255,0.9)] dark:bg-slate-200 dark:shadow-[0_0_0_1px_rgba(15,23,42,0.55)]",
+      C && "bg-blue-500 dark:bg-blue-300",
+      !ee && "group-hover:bg-slate-700 dark:group-hover:bg-slate-100",
+      ce?.barClassName
+    ),
+    [C, ee, ce?.barClassName]
+  );
+  J(() => {
+    if (le === q.current)
+      return;
+    const h = q.current;
+    q.current = le, y.current = null, A(h, null);
+  }, [A, le]), J(() => {
+    const h = {
+      id: le,
+      thickness: se ? 0 : oe,
+      direction: b,
+      visible: !se && oe > ut,
+      startPanelId: x.start,
+      endPanelId: x.end
+    };
+    y.current = h, A(le, h);
+  }, [le, oe, se, b, x.start, x.end, A]), J(() => () => {
+    A(q.current, null);
+  }, [A]);
+  const Wn = F(
+    (h) => {
+      k?.(h), h.defaultPrevented || tn(h);
+    },
+    [k, tn]
+  ), jn = F(
+    (h) => {
+      V?.(h), h.defaultPrevented || rn(h);
+    },
+    [V, rn]
+  ), sn = `Resize ${w ? "columns" : "rows"} - Drag or use arrow keys to resize, drag to the edge to collapse/expand panels`, Ge = N(() => {
+    const h = x.start === null ? void 0 : S(x.start), X = x.end === null ? void 0 : S(x.end);
+    if (!(h && X) || v <= 0)
+      return;
+    const T = Nn(h, X, v);
+    if (!T)
+      return;
+    const M = (D) => Math.round(D / v * 100);
+    return { now: M(T.position), min: M(T.lower), max: M(T.upper) };
+  }, [x.start, x.end, S, v]);
+  return /* @__PURE__ */ ie("div", { ref: O, style: Fn, "data-resize-handle-anchor": "", children: /* @__PURE__ */ ie(
+    "button",
+    {
+      ...ae,
+      type: "button",
+      ref: Y,
+      className: $n,
+      style: Bn,
+      onPointerDown: Wn,
+      onKeyDown: jn,
+      disabled: ee,
+      role: "separator",
+      "aria-orientation": w ? "vertical" : "horizontal",
+      "aria-valuenow": Ge?.now,
+      "aria-valuemin": Ge?.min,
+      "aria-valuemax": Ge?.max,
+      "aria-disabled": ee || void 0,
+      "aria-hidden": se || void 0,
+      "aria-label": ae["aria-label"] ?? sn,
+      "data-resize-handle-id": le,
+      title: f ?? sn,
+      children: i || !$e && /* @__PURE__ */ ie("div", { className: Gn, style: kn, "data-resize-handle-indicator": "", "aria-hidden": "true", children: /* @__PURE__ */ ie("span", { className: Un, style: Hn, "data-resize-handle-indicator-bar": "", "aria-hidden": "true" }) })
+    }
+  ) });
+}), en = (e) => typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&"), fr = (e) => typeof document > "u" ? null : document.querySelector(`[data-panel-id="${en(e)}"]`), hr = (e) => typeof document > "u" ? null : document.querySelector(`[data-panel-group-id="${en(e)}"]`), mr = (e) => typeof document > "u" ? null : document.querySelector(`[data-resize-handle-id="${en(e)}"]`);
+export {
+  Qe as A,
+  Gt as B,
+  Qn as P,
+  dr as a,
+  ur as b,
+  Mn as c,
+  pr as d,
+  wt as e,
+  Ln as f,
+  Fe as g,
+  It as h,
+  Te as i,
+  xn as j,
+  Ae as k,
+  An as l,
+  fr as m,
+  hr as n,
+  At as o,
+  mr as p,
+  Rt as q,
+  re as r,
+  bt as s,
+  ht as t,
+  Mt as u,
+  lr as v,
+  be as w,
+  Sn as x,
+  _n as y,
+  cr as z
+};