@aiquants/resize-panels 2.1.0 → 2.3.0

package/dist/index-BLe_thse.js

@@ -0,0 +1,1500 @@
+import { createContext as ft, useContext as ht, useCallback as k, useMemo as P, useReducer as mt, useState as Ne, useRef as F, useLayoutEffect as Se, useEffect as Q, memo as pn, useId as fn, Suspense as gt, lazy as bt } from "react";
+import { jsxs as he, jsx as ie } from "react/jsx-runtime";
+import { twMerge as De } from "tailwind-merge";
+import { flushSync as An } from "react-dom";
+const xt = 12, L = 1e-6, St = 8, yt = 6, Et = 48, zt = 80, Pt = 2, wt = 32, vt = 64, Nt = 8, Rt = 8, It = 4, _n = 10, Hn = 0.05, Gn = 10, Lt = 0.05, At = 20, _t = 0.05, Ot = (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;
+}, Dt = 6, jn = (e, n) => n <= 0 ? 0 : Ot(e / n * 100, Dt), qr = (e, n) => n <= 0 ? 0 : e / 100 * n, Tt = (e, n = "percentage") => {
+  if (e !== void 0)
+    return typeof e == "number" ? { value: e, unit: n } : e;
+}, tn = (e, n, t) => e === void 0 ? n : typeof e == "number" ? e / 100 * t : e.unit === "pixels" ? e.value : e.value / 100 * t, Te = (e, n, t) => Math.min(Math.max(e, n), t), Un = (e) => !Number.isFinite(e) || e <= 0 ? 0 : Math.max(0, Math.min(xt, Gn, e * Hn)), xe = (e) => {
+  if (!e)
+    return 0;
+  const n = Number.parseFloat(e);
+  return Number.isFinite(n) ? n : 0;
+}, Ce = (e, n, t) => {
+  const r = n === "horizontal", o = typeof window < "u" ? window.getComputedStyle(e) : null, i = o ? r ? xe(o.paddingLeft) + xe(o.paddingRight) : xe(o.paddingTop) + xe(o.paddingBottom) : 0, s = o ? r ? xe(o.borderLeftWidth) + xe(o.borderRightWidth) : xe(o.borderTopWidth) + xe(o.borderBottomWidth) : 0, l = t?.contentBoxSize?.[0], c = l ? r ? l.inlineSize : l.blockSize : void 0, a = r ? e.clientWidth : e.clientHeight, g = a > 0 ? Math.max(0, a - i) : Math.max(0, (r ? e.offsetWidth : e.offsetHeight) - i - s), d = c ?? g;
+  return { content: Math.max(0, d), border: Math.max(0, d + i + s) };
+}, Ct = "[data-panel-group-direction]", rn = "[data-panel-id], [data-resize-handle-anchor]", Mt = "[data-panel-id]", Be = (e) => e?.closest(Ct) ?? null, Wn = (e) => Array.from(e.querySelectorAll(rn)).filter((n) => {
+  if (Be(n) !== e)
+    return !1;
+  const t = n.parentElement?.closest(Mt);
+  return !(t && e.contains(t));
+}), Ft = (e) => {
+  const n = (t) => {
+    for (const r of Array.from(t))
+      if (r instanceof Element && (r.matches(rn) || r.querySelector(rn) !== null))
+        return !0;
+    return !1;
+  };
+  return e.some((t) => n(t.addedNodes) || n(t.removedNodes));
+}, kt = (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 l = Number.parseFloat(s);
+  return o > 0 && Number.isFinite(l) && l > 0 ? o / l : 1;
+}, On = (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;
+  }
+}, on = 0, Vn = 1, $e = (e) => Number.isFinite(e) && e > 0 ? e : 0, te = (e) => e.sizeUnit === "pixels", Pe = (e, n) => {
+  const t = Math.max(0, $e(tn(e.minSize, 0, n))), r = Math.max(t, $e(tn(e.maxSize, n, n)));
+  return { min: t, max: r };
+}, $t = (e, n) => {
+  const t = e.map((o) => o.min), r = e.map(() => !1);
+  for (; ; ) {
+    let o = 0, i = 0, s = 0;
+    for (let d = 0; d < e.length; d += 1) {
+      if (r[d]) {
+        i += t[d];
+        continue;
+      }
+      s += 1, o += e[d].weight;
+    }
+    if (s === 0)
+      return t;
+    const l = n - i;
+    if (o <= 0) {
+      for (let d = 0; d < e.length; d += 1)
+        r[d] || (t[d] = e[d].min);
+      return t;
+    }
+    const c = Math.max(0, l / o);
+    let a = 0;
+    for (let d = 0; d < e.length; d += 1) {
+      if (r[d])
+        continue;
+      const x = c * e[d].weight, h = Te(x, e[d].min, e[d].max);
+      t[d] = h, a += h - x;
+    }
+    let g = !1;
+    for (let d = 0; d < e.length; d += 1) {
+      if (r[d])
+        continue;
+      const x = c * e[d].weight;
+      a > L && t[d] > x + L ? (r[d] = !0, t[d] = e[d].min, g = !0) : a < -L && t[d] < x - L && (r[d] = !0, t[d] = e[d].max, g = !0);
+    }
+    if (!g)
+      return t;
+  }
+}, Ht = (e, n, t) => {
+  const { min: r, max: o } = Pe(e, t);
+  if (te(e))
+    return {
+      index: n,
+      weight: 0,
+      target: Te($e(e.preferredPixelSize), r, o),
+      priority: e.pixelAdjustPriority ?? 0,
+      tier: on,
+      min: r,
+      max: o
+    };
+  const i = $e(e.preferredPercentageSize), s = e.flexAdjustPriority !== void 0;
+  return {
+    index: n,
+    weight: i,
+    target: s ? Te(i / 100 * t, r, o) : null,
+    priority: e.flexAdjustPriority ?? 0,
+    tier: Vn,
+    min: r,
+    max: o
+  };
+}, Dn = (e, n, t, r) => {
+  let o = r;
+  for (const i of e) {
+    if (o <= L)
+      break;
+    const s = t(i) - n[i.index];
+    if (s <= 0)
+      continue;
+    const l = Math.min(s, o);
+    n[i.index] += l, o -= l;
+  }
+  return o;
+}, sn = (e, n, t) => {
+  if (e.length === 0 || t <= L)
+    return t;
+  const r = e.map((s) => ({ ...s, min: n[s.index] })), o = $t(r, t + r.reduce((s, l) => s + l.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;
+}, Gt = (e, n, t) => sn(
+  e.map((r) => ({ ...r, weight: 1 })),
+  n,
+  t
+), jt = (e, n) => e.tier !== n.tier ? e.tier - n.tier : e.priority !== n.priority ? n.priority - e.priority : e.index - n.index, Ut = (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 h = 0; h < e.length; h += 1) {
+    const U = e[h];
+    U.collapsed || r.push(Ht(U, h, n));
+  }
+  if (r.length === 0)
+    return { sizes: t, violation: null };
+  let o = 0, i = 0;
+  for (const h of r)
+    t[h.index] = h.min, o += h.min, i += h.max;
+  const s = Wt(o, i, n);
+  let l = n - o;
+  if (l <= L)
+    return { sizes: t, violation: s };
+  const c = r.filter((h) => h.target !== null).sort(jt), a = r.filter((h) => h.target === null && h.weight > 0), g = r.filter((h) => h.tier !== on && h.weight <= 0), d = c.filter((h) => h.tier === Vn), x = c.filter((h) => h.tier === on);
+  return l = Dn(c, t, (h) => h.target ?? h.min, l), l = sn(a, t, l), l = sn(d, t, l), l = Dn(x, t, (h) => h.max, l), l = Gt(g, t, l), { sizes: t, violation: s };
+}, Wt = (e, n, t) => e - t > L ? {
+  reason: "minimum-exceeded",
+  totalMinimumSize: e,
+  totalMaximumSize: n,
+  availableContainerSize: t
+} : t - n > L ? {
+  reason: "maximum-insufficient",
+  totalMinimumSize: e,
+  totalMaximumSize: n,
+  availableContainerSize: t
+} : null, Yn = ft(null), hn = () => {
+  const e = ht(Yn);
+  if (!e)
+    throw new Error("usePanelGroup must be used within a PanelGroup");
+  return e;
+};
+var je = /* @__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))(je || {});
+const J = class J {
+  /**
+   * @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, J.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 J.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 J.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 J.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) {
+    J.instance.debug(n, ...t);
+  }
+  debug(n, ...t) {
+    this.level <= 0 && this.impl.debug(...this.formatMessage(n), ...t);
+  }
+  static info(n, ...t) {
+    J.instance.info(n, ...t);
+  }
+  info(n, ...t) {
+    this.level <= 1 && this.impl.info(...this.formatMessage(n), ...t);
+  }
+  static warn(n, ...t) {
+    J.instance.warn(n, ...t);
+  }
+  warn(n, ...t) {
+    this.level <= 2 && this.impl.warn(...this.formatMessage(n), ...t);
+  }
+  static error(n, ...t) {
+    J.instance.error(n, ...t);
+  }
+  error(n, ...t) {
+    this.level <= 3 && this.impl.error(...this.formatMessage(n), ...t);
+  }
+};
+J.instances = /* @__PURE__ */ new Set(), J.instance = new J(2, "[resize-panels]");
+let Me = J;
+const Kn = new Me(je.INFO, "[resize-panels]"), Vt = {
+  containerSize: 0,
+  panels: [],
+  violation: null
+}, Tn = (e, n) => e === null || n === null ? e === n : e.reason === n.reason && Math.abs(e.totalMinimumSize - n.totalMinimumSize) <= L && Math.abs(e.totalMaximumSize - n.totalMaximumSize) <= L && Math.abs(e.availableContainerSize - n.availableContainerSize) <= L, pe = (e, n) => {
+  const { sizes: t, violation: r } = Ut(e, n);
+  let o = !1;
+  const i = e.map((l, c) => {
+    const a = l.collapsed ? 0 : t[c];
+    return Math.abs(l.size - a) <= L ? l : (o = !0, { ...l, size: a });
+  }), s = { containerSize: n, panels: o ? i : e, violation: r };
+  return Kt(s), s;
+}, Yt = (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 = L * Math.max(1, e.containerSize);
+  return !Number.isFinite(n) || Math.abs(n - e.containerSize) > r ? { allocatedTotal: n, containerSize: e.containerSize } : null;
+}, Kt = (e) => {
+  const n = Yt(e);
+  n && Kn.error("Allocated sizes do not fill the container.", {
+    ...n,
+    panels: e.panels.map((t) => ({ id: t.id, size: t.size, collapsed: t.collapsed }))
+  });
+}, fe = (e, n) => e.panels === n.panels && e.containerSize === n.containerSize && Tn(e.violation, n.violation) ? e : {
+  containerSize: n.containerSize,
+  panels: n.panels,
+  violation: Tn(e.violation, n.violation) ? e.violation : n.violation
+}, qt = (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
+  };
+}, Je = (e) => e.collapseFromStart ? "start" : e.collapseFromEnd ? "end" : null, Xt = (e, n) => {
+  if (n <= 0)
+    return e;
+  const t = Un(n);
+  return e.map((r) => {
+    if (r.collapsed)
+      return r;
+    const o = te(r) ? r.size : r.size / n * 100, i = te(r) ? r.preferredPixelSize : r.preferredPercentageSize, s = r.size > t ? o : r.preferenceBeforeCollapse;
+    return i === o && s === r.preferenceBeforeCollapse ? r : te(r) ? { ...r, preferredPixelSize: o, preferenceBeforeCollapse: s } : { ...r, preferredPercentageSize: o, preferenceBeforeCollapse: s };
+  });
+}, ln = (e, n, t) => {
+  if (te(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 };
+}, Zt = (e, n) => {
+  const t = e.collapsed ? e.preferenceBeforeCollapse : te(e) ? e.preferredPixelSize : e.preferredPercentageSize;
+  return te(e) ? t : t / 100 * n;
+}, Jt = (e, n, t, r) => {
+  const o = Math.max(0, Math.min(t, r)), i = e.filter((a) => a.id !== n && !a.collapsed && !te(a)), s = e.reduce((a, g) => g.id !== n && !g.collapsed && te(g) ? a + g.size : a, 0), l = i.reduce((a, g) => a + g.size, 0), c = Math.max(0, r - o - s);
+  return e.map((a) => {
+    if (a.id === n)
+      return ln(a, o, r);
+    if (a.collapsed || te(a) || i.length === 0)
+      return a;
+    const g = l > 0 ? a.size / l * c : c / i.length;
+    return ln(a, g, r);
+  });
+}, Qt = (e, n) => {
+  switch (n.type) {
+    case "SET_CONTAINER_SIZE":
+      return !Number.isFinite(n.containerSize) || n.containerSize < 0 || n.containerSize === e.containerSize ? e : fe(e, pe(e.panels, n.containerSize));
+    case "REGISTER_PANEL": {
+      const t = e.panels.findIndex((d) => d.id === n.panel.id);
+      if (t === -1) {
+        const d = [...e.panels, qt(n.panel, Je(n.panel))];
+        return fe(e, pe(d, 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, l = n.panel.collapseFromStart || n.panel.collapseFromEnd, c = r.collapsed && l, a = {
+        ...r,
+        ...n.panel,
+        collapsed: c,
+        collapsedByDirection: c ? s ? r.collapsedByDirection : Je(n.panel) : null,
+        preferredPercentageSize: i ? n.panel.preferredPercentageSize : r.preferredPercentageSize,
+        preferredPixelSize: i ? n.panel.preferredPixelSize : r.preferredPixelSize,
+        preferenceBeforeCollapse: i ? o : r.preferenceBeforeCollapse,
+        authoredPreference: o
+      }, g = [...e.panels];
+      return g[t] = a, fe(e, pe(g, e.containerSize));
+    }
+    case "UNREGISTER_PANEL": {
+      const t = e.panels.filter((r) => r.id !== n.id);
+      return t.length === e.panels.length ? e : fe(e, pe(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 : fe(e, pe(r, e.containerSize));
+    }
+    case "RESIZE_PANELS": {
+      const t = e.panels.findIndex((U) => U.id === n.startId), r = e.panels.findIndex((U) => U.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, l = Pe(o, e.containerSize), c = Pe(i, e.containerSize), a = Math.max(l.min, s - c.max), g = Math.min(l.max, s - c.min);
+      if (a - g > L)
+        return e;
+      const d = Te(n.startSize, a, Math.max(a, g)), x = s - d;
+      if (Math.abs(d - o.size) <= L)
+        return e;
+      const h = [...e.panels];
+      return h[t] = { ...o, size: d }, h[r] = { ...i, size: x }, fe(e, pe(Xt(h, 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
+      }, fe(e, pe(i, e.containerSize));
+    }
+    case "EXPAND_PANEL": {
+      const t = e.panels.findIndex((c) => c.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: te(r) ? r.preferenceBeforeCollapse : r.preferredPixelSize,
+        preferredPercentageSize: te(r) ? r.preferredPercentageSize : r.preferenceBeforeCollapse
+      }, s = [...e.panels];
+      s[t] = i;
+      const l = n.targetSize === void 0 ? s : Jt(s, n.id, n.targetSize, e.containerSize);
+      return fe(e, pe(l, 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 = ln(o, i.size, e.containerSize), l = o.collapseFromStart || o.collapseFromEnd;
+        return i.collapsed && l ? { ...s, collapsed: !0, collapsedByDirection: o.collapsedByDirection ?? Je(o) } : s.collapsed ? { ...s, collapsed: !1, collapsedByDirection: null } : s;
+      });
+      return Kn.debug("restore layout", { containerSize: e.containerSize, entries: n.entries }), fe(e, pe(r, e.containerSize));
+    }
+    default:
+      return e;
+  }
+}, er = {
+  layout: Vt,
+  source: null
+}, nr = (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;
+  }
+}, tr = (e, n) => {
+  const t = Qt(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 ? nr(n) : e.source };
+}, rr = new Me(je.INFO, "[resize-panels]"), or = { pointer: !0, keyboard: !0, api: !0 }, ir = (e) => typeof e == "string" && Object.hasOwn(or, e), Qe = (e) => {
+  if (!ir(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;
+}, sr = 200, lr = "\0handle", ar = ({ direction: e, style: n, onLayout: t, autoSaveId: r, showDebugInfo: o = !1 }) => {
+  const [{ layout: i, source: s }, l] = mt(tr, er), [c, a] = Ne({}), [g, d] = Ne({}), x = F(null), [h, U] = Ne(""), X = F({}), se = F(t);
+  se.current = t, Se(() => {
+    const u = x.current;
+    if (!u || typeof ResizeObserver > "u")
+      return;
+    let p = Number.NaN;
+    const f = (I) => {
+      I !== p && (p = I, l({ type: "SET_CONTAINER_SIZE", containerSize: I }));
+    }, b = new ResizeObserver((I) => {
+      f(Ce(u, e, I[0]).content);
+    });
+    return b.observe(u), f(Ce(u, e).content), () => {
+      b.disconnect(), l({ type: "SET_CONTAINER_SIZE", containerSize: 0 });
+    };
+  }, [e]);
+  const E = i.panels, G = F(E);
+  G.current = E;
+  const B = k(() => {
+    const u = x.current, p = G.current;
+    if (!u)
+      return;
+    const f = Wn(u);
+    if (U((I) => {
+      const le = f.map((Ue) => Ue.dataset.panelId ?? lr).join("\0");
+      return I === le ? I : le;
+    }), p.length === 0)
+      return;
+    const b = [];
+    for (const I of f) {
+      const le = I.dataset.panelId;
+      le !== void 0 && b.push(le);
+    }
+    if (new Set(b).size !== b.length) {
+      rr.error("Duplicate panel id in one group.", { ids: b });
+      return;
+    }
+    b.length !== p.length || b.every((I, le) => I === p[le].id) || l({ type: "REORDER_PANELS", ids: b });
+  }, []);
+  Se(() => {
+    const u = x.current;
+    if (!u || (B(), typeof MutationObserver > "u"))
+      return;
+    const p = new MutationObserver((f) => {
+      Ft(f) && B();
+    });
+    return p.observe(u, { childList: !0, subtree: !0 }), () => {
+      p.disconnect();
+    };
+  }, [B]), Se(() => {
+    B();
+  }, [B, E]);
+  const T = P(() => E.map((u) => u.size), [E]), C = i.containerSize > 0;
+  Se(() => {
+    !C || T.length === 0 || s === null || se.current?.(T, { source: s });
+  }, [T, C, s]);
+  const $ = F(null);
+  Q(() => {
+    if (!r || $.current === r || !C || E.length === 0)
+      return;
+    $.current = r;
+    const u = Bt(r);
+    u && l({ type: "RESTORE_LAYOUT", entries: u });
+  }, [r, C, E.length]);
+  const M = F(null);
+  Q(() => {
+    if (!(r && $.current === r && C) || E.length === 0)
+      return;
+    const u = E.map((f) => ({ id: f.id, size: Zt(f, i.containerSize), collapsed: f.collapsed }));
+    M.current = { id: r, entries: u };
+    const p = setTimeout(() => {
+      M.current = null, On(r, u);
+    }, sr);
+    return () => {
+      clearTimeout(p);
+    };
+  }, [r, E, i.containerSize, C]), Q(() => () => {
+    const u = M.current;
+    u && (M.current = null, On(u.id, u.entries));
+  }, []);
+  const v = k((u) => {
+    const p = JSON.stringify(u);
+    X.current[u.id] !== p && (X.current[u.id] = p, l({ type: "REGISTER_PANEL", panel: u }));
+  }, []), S = k((u) => {
+    delete X.current[u], l({ type: "UNREGISTER_PANEL", id: u }), a((p) => {
+      if (!(u in p))
+        return p;
+      const f = { ...p };
+      return delete f[u], f;
+    });
+  }, []), A = k((u, p, f, b = "api") => {
+    l({ type: "RESIZE_PANELS", startId: u, endId: p, startSize: f, source: Qe(b) });
+  }, []), ee = k((u, p, f = "api") => {
+    l({ type: "COLLAPSE_PANEL", id: u, from: p, source: Qe(f) });
+  }, []), j = k((u, p, f, b = "api") => {
+    l({ type: "EXPAND_PANEL", id: u, from: p, targetSize: f, source: Qe(b) });
+  }, []), W = k((u) => E.find((p) => p.id === u), [E]), K = k((u, p) => {
+    a((f) => {
+      if (p === null) {
+        if (!(u in f))
+          return f;
+        const I = { ...f };
+        return delete I[u], I;
+      }
+      const b = f[u];
+      return b && b.pixelSize === p.pixelSize && b.percentageSize === p.percentageSize ? f : { ...f, [u]: p };
+    });
+  }, []), R = k((u, p) => {
+    d((f) => {
+      if (p === null) {
+        if (!(u in f))
+          return f;
+        const I = { ...f };
+        return delete I[u], I;
+      }
+      const b = f[u];
+      return b && b.thickness === p.thickness && b.visible === p.visible && b.direction === p.direction && b.startPanelId === p.startPanelId && b.endPanelId === p.endPanelId ? f : { ...f, [u]: p };
+    });
+  }, []), z = P(
+    () => ({
+      direction: e,
+      panels: E,
+      containerSize: i.containerSize,
+      layoutOrderKey: h,
+      showDebugInfo: o,
+      registerPanel: v,
+      unregisterPanel: S,
+      resizePanels: A,
+      collapsePanel: ee,
+      expandPanel: j,
+      getPanel: W,
+      reportPanelMeasurement: K,
+      panelMeasurements: c,
+      reportHandleMeasurement: R,
+      handleMeasurements: g,
+      layoutConstraintViolation: i.violation
+    }),
+    [e, E, i.containerSize, h, i.violation, o, v, S, A, ee, j, W, K, c, R, g]
+  ), _ = P(
+    () => ({
+      // 見た目に関わる既定値は利用者が上書きできる
+      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: x, contextValue: z, groupStyle: _ };
+}, Xr = (e) => {
+  const { getPanel: n, collapsePanel: t, expandPanel: r } = hn(), o = n(e), i = k(
+    (c) => {
+      t(e, c, "api");
+    },
+    [t, e]
+  ), s = k(
+    (c, a) => {
+      r(e, c, a, "api");
+    },
+    [r, e]
+  ), l = k(
+    (c, a) => {
+      o?.collapsed ? s(c, a) : i(c);
+    },
+    [o?.collapsed, i, s]
+  );
+  return P(
+    () => ({
+      panel: o,
+      isCollapsed: o?.collapsed ?? !1,
+      canCollapseFromStart: o?.collapseFromStart ?? !1,
+      canCollapseFromEnd: o?.collapseFromEnd ?? !1,
+      collapse: i,
+      expand: s,
+      toggle: l
+    }),
+    [o, i, s, l]
+  );
+}, cr = "en", an = Object.freeze({
+  minimumExceededSummary: "Layout unavailable: minimum panel sizes exceed the container.",
+  minimumExceededDetail: "Min required: {required}px | Available: {available}px",
+  maximumInsufficientSummary: "Layout unavailable: panels cannot fill the container with their maximum sizes.",
+  maximumInsufficientDetail: "Max total: {total}px | Needed: {needed}px"
+}), ur = Object.freeze({
+  minimumExceededDetail: Object.freeze(["required", "available"]),
+  maximumInsufficientDetail: Object.freeze(["total", "needed"])
+}), en = Object.freeze(Object.keys(an)), Cn = Object.freeze({
+  "minimum-exceeded": Object.freeze({ summary: "minimumExceededSummary", detail: "minimumExceededDetail" }),
+  "maximum-insufficient": Object.freeze({ summary: "maximumInsufficientSummary", detail: "maximumInsufficientDetail" })
+}), dr = /\{(\w+)\}/g, pr = /\{(\w+)\}|[{}]/g, fr = (e) => {
+  if (e !== void 0) {
+    const o = e, i = o !== null && typeof o == "object" ? Object.getPrototypeOf(o) : void 0;
+    if (i !== Object.prototype && i !== null)
+      throw new TypeError(`[resize-panels] Labels must be a plain object; received ${Mn(o)}.`);
+    for (const s of Object.keys(o))
+      if (!en.includes(s))
+        throw new RangeError(`[resize-panels] Labels hold the unknown key ${JSON.stringify(s)}; the labels are ${en.join(", ")}.`);
+  }
+  const n = e ?? {}, t = {};
+  for (const o of en) {
+    const i = n[o];
+    if (i === void 0)
+      continue;
+    if (typeof i != "string")
+      throw new TypeError(`[resize-panels] The label "${o}" must be a string; received ${Mn(i)}.`);
+    if (i.trim() === "")
+      throw new RangeError(`[resize-panels] The label "${o}" must not be blank.`);
+    const s = ur[o];
+    if (s !== void 0) {
+      const l = s.map((c) => `{${c}}`).join(", ");
+      for (const c of i.matchAll(pr)) {
+        const a = c[1];
+        if (a === void 0)
+          throw new RangeError(`[resize-panels] The label "${o}" holds a brace outside a placeholder at index ${c.index}; it accepts ${l}, and no other braces.`);
+        if (!s.includes(a))
+          throw new RangeError(`[resize-panels] The label "${o}" uses the unknown placeholder {${a}}; it accepts ${l}.`);
+      }
+    }
+    t[o] = i;
+  }
+  const r = {};
+  for (const o of Object.keys(Cn))
+    r[o] = hr(t, Cn[o]);
+  return Object.freeze(r);
+}, hr = (e, n) => {
+  const t = e[n.summary], r = e[n.detail];
+  if (t === void 0 && r === void 0)
+    return Object.freeze({ summary: an[n.summary], detail: an[n.detail], lang: cr });
+  if (t === void 0 || r === void 0) {
+    const [o, i] = t === void 0 ? [n.detail, n.summary] : [n.summary, n.detail];
+    throw new RangeError(`[resize-panels] The labels "${n.summary}" and "${n.detail}" go together: pass both or neither; received "${o}" without "${i}".`);
+  }
+  return Object.freeze({ summary: t, detail: r, lang: void 0 });
+}, mr = (e, n) => e.replace(dr, (t, r) => {
+  if (!Object.hasOwn(n, r))
+    throw new RangeError(`[resize-panels] No value for the placeholder {${r}} of ${JSON.stringify(e)}.`);
+  return String(n[r]);
+}), gr = (e, n) => {
+  const t = e[n.reason], r = n.reason === "minimum-exceeded" ? { required: Math.ceil(n.totalMinimumSize), available: Math.floor(n.availableContainerSize) } : { total: Math.floor(n.totalMaximumSize), needed: Math.ceil(n.availableContainerSize) };
+  return Object.freeze({ summary: t.summary, detail: mr(t.detail, r), lang: t.lang });
+}, Mn = (e) => e === null ? "null" : Array.isArray(e) ? "an array" : typeof e, br = ({ 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 / ${jn(e.size, n).toFixed(3)}%`, i = r ? `${e.preferredPixelSize.toFixed(3)}px` : `${e.preferredPercentageSize.toFixed(3)}%`, s = Pe(e, n), l = `${s.min.toFixed(1)} - ${s.max.toFixed(1)}px`, c = Number.isFinite(n) ? `${n.toFixed(3)}px` : "-", a = r ? "Fixed" : "Flexible", g = [a, `${t}: ${c}`, `size: ${o}`, `preference: ${i}`, `bounds: ${l}`].join(`
+`);
+  return { sizeDisplay: o, preferenceDisplay: i, boundsDisplay: l, containerDisplay: c, headlineLabel: a, titleText: g };
+}, xr = pn(({ panel: e, containerAxisSize: n, direction: t }) => {
+  const r = t === "horizontal" ? "container width" : "container height", { sizeDisplay: o, preferenceDisplay: i, boundsDisplay: s, containerDisplay: l, headlineLabel: c, titleText: a } = P(() => br({ panel: e, containerAxisSize: n, containerLabel: r }), [e, n, r]);
+  return /* @__PURE__ */ he("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: a, "data-panel-debug-info": "", children: [
+    /* @__PURE__ */ he("div", { children: [
+      c,
+      " · ",
+      r,
+      ": ",
+      l
+    ] }),
+    /* @__PURE__ */ he("div", { children: [
+      "size: ",
+      o
+    ] }),
+    /* @__PURE__ */ he("div", { children: [
+      "preference: ",
+      i
+    ] }),
+    /* @__PURE__ */ he("div", { children: [
+      "bounds: ",
+      s
+    ] })
+  ] });
+}), Fn = new Me(je.INFO, "[resize-panels]"), Sr = {
+  both: { collapseFromStart: !0, collapseFromEnd: !0 },
+  start: { collapseFromStart: !0, collapseFromEnd: !1 },
+  end: { collapseFromStart: !1, collapseFromEnd: !0 }
+}, yr = (e) => {
+  if (!e)
+    return { collapseFromStart: !1, collapseFromEnd: !1 };
+  const n = Sr[e.from];
+  if (!n)
+    throw new Error("Invalid collapsible configuration: unsupported 'from' value");
+  return n;
+}, Er = (e) => {
+  const n = Math.max(0, e.value);
+  return e.unit === "pixels" ? { sizeUnit: "pixels", preferredPixelSize: n, preferredPercentageSize: 0 } : { sizeUnit: "percentage", preferredPercentageSize: n, preferredPixelSize: 0 };
+}, zr = ({ size: e, panel: n, registration: t, containerSize: r, isCollapsed: o }) => {
+  if (o)
+    return { flexBasis: "0px", flexGrow: 0, flexShrink: 0 };
+  if (!n || r <= 0) {
+    const c = t.sizeUnit === "pixels";
+    return {
+      flexBasis: c ? `${t.preferredPixelSize}px` : `${t.preferredPercentageSize}%`,
+      flexGrow: c ? 0 : t.preferredPercentageSize,
+      flexShrink: c ? 0 : 1
+    };
+  }
+  if (n.sizeUnit === "pixels")
+    return { flexBasis: `${e}px`, flexGrow: 0, flexShrink: 0 };
+  const i = Pe(n, r), s = e < i.max - L, l = s && e > i.min + L;
+  return { flexBasis: `${e}px`, flexGrow: s ? n.preferredPercentageSize : 0, flexShrink: l ? 1 : 0 };
+}, Zr = pn(
+  ({ id: e, defaultSize: n = { value: 50, unit: "percentage" }, minSize: t, maxSize: r, className: o, style: i, children: s, collapsible: l, defaultCollapsed: c = !1, pixelAdjustPriority: a, flexAdjustPriority: g, contentOverflow: d = "auto", ...x }) => {
+    const { direction: h, registerPanel: U, unregisterPanel: X, getPanel: se, containerSize: E, showDebugInfo: G, reportPanelMeasurement: B, layoutConstraintViolation: T } = hn(), C = F(null), $ = fn(), v = F(e || `panel-${$}`).current;
+    Q(() => {
+      e && e !== v && Fn.warn("Panel id prop change after mount is ignored.", { currentId: v, attemptedId: e });
+    }, [e, v]);
+    const S = P(() => yr(l), [l]), A = S.collapseFromStart || S.collapseFromEnd;
+    Q(() => {
+      c && !A && Fn.warn("Panel defaultCollapsed is ignored because collapsible configuration is not provided.", { panelId: v });
+    }, [c, A, v]);
+    const ee = P(() => {
+      const p = Tt(n) ?? { value: 50, unit: "percentage" };
+      return {
+        id: v,
+        ...Er(p),
+        minSize: t,
+        maxSize: r,
+        ...S,
+        collapsed: A && c,
+        pixelAdjustPriority: a,
+        flexAdjustPriority: g
+      };
+    }, [v, n, t, r, S, A, c, a, g]);
+    Se(() => {
+      U(ee);
+    }, [U, ee]), Se(() => () => {
+      X(v);
+    }, [X, v]);
+    const j = se(v), W = j?.size ?? 0, K = j?.collapsed ?? !1, R = F(E);
+    R.current = E;
+    const z = k(() => {
+      const p = C.current;
+      if (!p)
+        return;
+      const f = Ce(p, h).border;
+      B(v, { pixelSize: f, percentageSize: jn(f, R.current) });
+    }, [h, v, B]);
+    Q(() => {
+      if (!G) {
+        B(v, null);
+        return;
+      }
+      const p = C.current;
+      if (!p || typeof ResizeObserver > "u") {
+        z();
+        return;
+      }
+      const f = new ResizeObserver(z);
+      return f.observe(p), z(), () => {
+        f.disconnect(), B(v, null);
+      };
+    }, [G, z, v, B]);
+    const _ = P(() => {
+      const p = { overflow: "hidden", isolation: "isolate" }, f = K ? { ...h === "horizontal" ? { width: "0px" } : { height: "0px" }, pointerEvents: "none", visibility: "hidden", display: "none" } : {};
+      return {
+        ...p,
+        ...i,
+        // ここから下はレイアウトの前提そのもの。利用者のスタイルやクラスで変わると配分結果と
+        // 描画が一致しなくなるため、最後に適用して上書きを受け付けない:
+        // flex の三つ組は配分器が決めた長さそのもの、margin はパネルの合計に含まれない隙間を作り、
+        // order は DOM 順と視覚順をずらす
+        ...zr({ size: W, panel: j, registration: ee, containerSize: E, isCollapsed: K }),
+        order: 0,
+        margin: 0,
+        // 内容を通常フローで内容ボックスいっぱいに伸ばすための入れ物 (パディングを効かせる唯一の形)
+        display: "flex",
+        flexDirection: "column",
+        position: "relative",
+        boxSizing: "border-box",
+        // 主軸の縮小をコンテンツの固有幅に妨げられないようにし、
+        // 上限側のクランプ (max-w-* のようなユーティリティクラスを含む) も受け付けない。
+        // 配分器が配った長さより短く描くと、状態と描画が食い違ったままハンドルが動かなくなる
+        minWidth: 0,
+        minHeight: 0,
+        maxWidth: "none",
+        maxHeight: "none",
+        ...h === "horizontal" ? { height: "100%" } : { width: "100%" },
+        ...f
+      };
+    }, [W, h, K, j, ee, E, i]), u = P(
+      () => ({
+        // 内容は通常フローの伸縮子として置く。絶対配置にするとパディングボックスを基準にしてしまい、
+        // 利用者がパネルへ与えたパディングが何の効果も持たなくなる
+        flex: "1 1 auto",
+        position: "relative",
+        overflow: d,
+        display: "flex",
+        flexDirection: "column",
+        minWidth: "0px",
+        minHeight: "0px"
+      }),
+      [d]
+    );
+    return /* @__PURE__ */ he(
+      "div",
+      {
+        ...x,
+        ref: C,
+        className: De("panel", o),
+        style: _,
+        "data-panel-id": v,
+        "data-panel-size": W,
+        "data-panel-size-unit": j?.sizeUnit ?? "percentage",
+        "data-panel-collapsible": A,
+        "data-panel-collapse-start": S.collapseFromStart,
+        "data-panel-collapse-end": S.collapseFromEnd,
+        "data-panel-collapsed": K,
+        "aria-hidden": K,
+        inert: T !== null ? !0 : x.inert,
+        children: [
+          /* @__PURE__ */ ie("div", { style: u, children: s }),
+          G && /* @__PURE__ */ ie(xr, { panel: j, containerAxisSize: E, direction: h })
+        ]
+      }
+    );
+  }
+), He = /* @__PURE__ */ new WeakMap(), cn = /* @__PURE__ */ new WeakMap(), Pr = (e) => typeof e.focus == "function", qn = (e) => "activeElement" in e, wr = (e) => e.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in e, un = (e) => e.parentNode !== null ? e.parentNode : wr(e) ? e.host : null, vr = (e, n) => {
+  for (let t = e; t !== null; t = un(t))
+    if (t === n)
+      return !0;
+  return !1;
+}, Nr = (e) => {
+  if (!qn(e))
+    return null;
+  let n = e.activeElement;
+  for (; n !== null && n.shadowRoot !== null && n.shadowRoot.activeElement !== null; )
+    n = n.shadowRoot.activeElement;
+  return n;
+}, Xn = (e) => {
+  const n = e.getRootNode();
+  return qn(n) && n.activeElement === e;
+}, Rr = (e) => {
+  const n = e.activeElement;
+  return n === null || n === e.body || n === e.documentElement;
+}, dn = (e) => (e.focus({ preventScroll: !0 }), Xn(e)), Ir = (e) => {
+  const n = He.get(e);
+  return n === void 0 ? e : n;
+}, Lr = (e) => {
+  if (!dn(e))
+    for (let n = un(e); n !== null; n = un(n)) {
+      const t = cn.get(n);
+      if (t !== void 0 && dn(t)) {
+        He.set(t, e);
+        return;
+      }
+    }
+}, Ar = (e, n) => {
+  const t = F(null), r = F(!1), o = k((i) => (t.current = i, r.current = !1, () => {
+    r.current = Xn(i), t.current = null;
+  }), []);
+  return Se(() => {
+    if (!n)
+      return;
+    const i = e.current, s = t.current;
+    if (i === null || s === null)
+      return;
+    cn.set(i, s);
+    const l = Nr(i.getRootNode());
+    if (l !== null && Pr(l) && vr(l, i)) {
+      const c = Ir(l);
+      dn(s) && He.set(s, c);
+    }
+    return () => {
+      if (cn.delete(i), s.isConnected)
+        return;
+      const c = He.get(s);
+      c === void 0 || !r.current || !Rr(i.ownerDocument) || Lr(c);
+    };
+  }, [n, e]), o;
+}, _r = bt(() => import("./GlobalDebugOverlay-CbqXJA1A.js").then((e) => ({ default: e.GlobalDebugOverlayGate }))), Or = [], Dr = {};
+let kn = 0;
+const Tr = () => (kn += 1, `panel-group-${kn}`), Cr = Object.freeze({
+  position: "absolute",
+  inset: 0,
+  zIndex: 60,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  backdropFilter: "blur(2px)"
+}), Mr = Object.freeze({
+  display: "flex",
+  flexDirection: "column",
+  flex: "1 1 0%",
+  width: "100%",
+  minHeight: 0,
+  overflow: "auto",
+  alignItems: "safe center",
+  justifyContent: "safe center",
+  overflowWrap: "anywhere"
+}), Fr = (e, n) => e.map((t) => {
+  const r = n[t.id];
+  return r ? { ...t, measuredPixelSize: r.pixelSize, measuredPercentageSize: r.percentageSize } : t;
+}), Bn = (e, n, t) => {
+  const r = Ce(e, "horizontal"), o = Ce(e, "vertical"), i = e.getBoundingClientRect(), s = r.content > 0 ? r.content : n ?? i.width, l = o.content > 0 ? o.content : t ?? i.height;
+  return { width: s, height: l };
+}, Jr = (e) => {
+  const { id: n, className: t, style: r, children: o, direction: i, onLayout: s, autoSaveId: l, showDebugInfo: c, labels: a, ...g } = e, { groupRef: d, contextValue: x, groupStyle: h } = ar(e), U = P(() => fr(a), [a]), X = fn(), [se, E] = Ne({ width: 0, height: 0 }), G = x.layoutConstraintViolation, T = Ar(d, G !== null), C = P(() => {
+    if (G === null)
+      return null;
+    const { summary: z, detail: _, lang: u } = gr(U, G);
+    return /* @__PURE__ */ he(
+      "section",
+      {
+        ref: T,
+        "aria-labelledby": X,
+        lang: u,
+        tabIndex: 0,
+        className: "gap-2 rounded-lg border border-slate-300 border-dashed bg-slate-100 px-6 py-8 text-center text-slate-800 text-sm focus-visible:outline-2 focus-visible:outline-slate-900 focus-visible:-outline-offset-2 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-200 dark:focus-visible:outline-slate-100",
+        style: Mr,
+        "data-panel-group-placeholder": "constraint-violation",
+        children: [
+          /* @__PURE__ */ ie("span", { id: X, className: "max-w-[40ic] leading-normal", children: z }),
+          /* @__PURE__ */ ie("span", { className: "max-w-[40ic] text-slate-700 text-xs leading-normal dark:text-slate-300", children: _ })
+        ]
+      }
+    );
+  }, [G, U, X, T]), $ = F(null);
+  $.current === null && ($.current = n ?? Tr());
+  const M = $.current, v = n ?? M, S = x.showDebugInfo && x.panels.length > 0, A = S ? x.panels : Or, ee = S ? x.panelMeasurements : Dr, j = P(() => {
+    if (!S)
+      return [];
+    const z = Object.values(x.handleMeasurements);
+    return z.length <= 1 ? z : z.slice().sort((_, u) => _.id.localeCompare(u.id));
+  }, [x.handleMeasurements, S]), W = se.width, K = se.height;
+  Se(() => {
+    if (!S) {
+      E({ width: 0, height: 0 });
+      return;
+    }
+    if (typeof window > "u" || typeof ResizeObserver > "u")
+      return;
+    const z = d.current;
+    if (!z)
+      return;
+    const _ = (p) => {
+      E((f) => f.width === p.width && f.height === p.height ? f : p);
+    }, u = new ResizeObserver((p) => {
+      for (const f of p) {
+        if (f.target !== z)
+          continue;
+        const b = Bn(z, f.contentRect.width, f.contentRect.height);
+        _(b);
+      }
+    });
+    return u.observe(z), _(Bn(z)), () => {
+      u.disconnect();
+    };
+  }, [d, S]);
+  const R = P(() => Fr(A, ee), [A, ee]);
+  return Q(() => {
+    if (!S)
+      return;
+    let z = !1, _ = null;
+    return import("./debugOverlayStore-D7FT6zPE.js").then((u) => {
+      z || (_ = u, u.enableDebugOverlayGroup(M));
+    }), () => {
+      z = !0, _ && (_.disableDebugOverlayGroup(M), _.removeDebugOverlayGroup(M));
+    };
+  }, [S, M]), Q(() => {
+    if (!S)
+      return;
+    let z = !1;
+    return import("./debugOverlayStore-D7FT6zPE.js").then((_) => {
+      z || _.updateDebugOverlayGroup(M, {
+        displayName: v,
+        direction: i,
+        containerSize: {
+          width: W,
+          height: K
+        },
+        panels: R,
+        handles: j
+      });
+    }), () => {
+      z = !0;
+    };
+  }, [S, M, v, i, W, K, R, j]), /* @__PURE__ */ he(Yn.Provider, { value: x, children: [
+    /* @__PURE__ */ he("div", { ...g, ref: d, className: De("panel-group", i === "horizontal" ? "flex-row" : "flex-col", t), style: h, "data-panel-group-id": n, "data-panel-group-direction": i, children: [
+      o,
+      C !== null ? /* @__PURE__ */ ie("div", { className: "pointer-events-auto bg-slate-50/82 dark:bg-slate-950/82", style: Cr, children: C }) : null
+    ] }),
+    S && /* @__PURE__ */ ie(gt, { fallback: null, children: /* @__PURE__ */ ie(_r, { groupId: M }) })
+  ] });
+}, kr = {
+  display: "none",
+  pointerEvents: "none",
+  visibility: "hidden"
+}, Br = {
+  display: "none"
+}, Oe = (e, n) => typeof e != "number" || !Number.isFinite(e) || e <= 0 ? n : e, $r = (e) => {
+  const n = Math.round(e);
+  return n % 2 === 0 ? n : n + 1;
+}, $n = (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 = Pe(e, t), l = Pe(n, t), c = Math.max(s.min, i - l.max), a = Math.max(c, Math.min(s.max, i - l.min));
+  if (e.collapsed)
+    return { position: 0, lower: 0, upper: e.collapsedByDirection === "end" ? Math.max(0, a) : 0, resizeLower: c, resizeUpper: a };
+  if (n.collapsed) {
+    const x = n.collapsedByDirection === "start";
+    return { position: i, lower: x ? Math.min(i, c) : i, upper: i, resizeLower: c, resizeUpper: a };
+  }
+  const g = Math.min(r, e.collapseFromEnd ? 0 : c), d = Math.max(r, g, n.collapseFromStart ? i : a);
+  return { position: r, lower: g, upper: d, resizeLower: c, resizeUpper: a };
+}, Hr = Object.freeze([]), Gr = (e) => {
+  if (typeof e == "number")
+    return Number.isFinite(e) && e >= 0;
+  if (typeof e != "object" || e === null)
+    return !1;
+  const { value: n, unit: t } = e;
+  return (t === "pixels" || t === "percentage") && typeof n == "number" && Number.isFinite(n) && n >= 0;
+}, Ge = (e) => {
+  if (typeof e == "string")
+    return JSON.stringify(e);
+  if (typeof e != "object" || e === null || Array.isArray(e))
+    return String(e);
+  const { value: n, unit: t } = e;
+  return `{ value: ${Ge(n)}, unit: ${Ge(t)} }`;
+}, jr = (e) => {
+  if (e === void 0)
+    return Hr;
+  if (!Array.isArray(e))
+    throw new RangeError(`[resize-panels] activationSizes must be an array of sizes; received ${Ge(e)}.`);
+  for (const [n, t] of e.entries())
+    if (!Gr(t))
+      throw new RangeError(`[resize-panels] activationSizes[${n}] must be a non-negative finite percentage or { value, unit: "pixels" | "percentage" } with a non-negative finite value; received ${Ge(t)}.`);
+  return e;
+}, Ur = (e, n, t) => {
+  let r, o;
+  for (const i of e) {
+    const s = Te(tn(i, 0, t), n.resizeLower, n.resizeUpper);
+    Math.abs(s - n.position) <= L || ((o === void 0 || s < o) && (o = s), s > n.position && (r === void 0 || s < r) && (r = s));
+  }
+  return r === void 0 ? o : r;
+}, Qr = pn((e) => {
+  const { id: n, disabled: t = !1, className: r, style: o, children: i, onDragging: s, activationSizes: l, thickness: c, indicator: a = !0, indicatorThickness: g, indicatorLength: d, indicatorBarThickness: x, indicatorBarLength: h, title: U, onPointerDown: X, onKeyDown: se, ...E } = e, { direction: G, resizePanels: B, getPanel: T, collapsePanel: C, expandPanel: $, panels: M, layoutOrderKey: v, reportHandleMeasurement: S, containerSize: A, layoutConstraintViolation: ee } = hn(), j = P(() => jr(l), [l]), [W, K] = Ne(!1), [R, z] = Ne({ start: null, end: null }), _ = F(null), u = F(null), p = F({ getPanel: T, containerSize: A });
+  p.current = { getPanel: T, containerSize: A };
+  const f = F(""), b = F(""), I = F(null), le = F(null), Ue = fn(), Re = F(n ?? `resize-handle-${Ue}`), ye = n ?? Re.current, w = G === "horizontal", We = !!ee, ne = t || We, gn = k(() => {
+    const m = _.current, Z = Be(m);
+    if (!(m && Z))
+      return;
+    const H = Wn(Z), O = H.indexOf(m);
+    let D = "", Y = "";
+    for (let V = O - 1; V >= 0; V -= 1) {
+      const N = H[V].dataset.panelId;
+      if (N !== void 0) {
+        D = N;
+        break;
+      }
+    }
+    for (let V = O + 1; V < H.length; V += 1) {
+      const N = H[V].dataset.panelId;
+      if (N !== void 0) {
+        Y = N;
+        break;
+      }
+    }
+    D === f.current && Y === b.current || (f.current = D, b.current = Y, z({ start: D || null, end: Y || null }));
+  }, []);
+  Q(() => {
+    gn();
+  }, [gn, v]), Q(() => () => {
+    I.current?.();
+  }, []);
+  const bn = k(
+    (m) => {
+      if (ne || I.current || m.button !== 0)
+        return;
+      const Z = T(f.current), H = T(b.current);
+      if (!(Z && H))
+        return;
+      m.preventDefault(), m.stopPropagation();
+      const O = f.current, D = b.current, Y = Z.size, V = Z.size + H.size, N = m.clientX, oe = m.clientY, ve = w ? N : oe, q = Be(_.current), ct = w && $n(q) ? -1 : 1, ut = q ? kt(q, G) : 1, Ee = m.pointerId, Ae = m.currentTarget;
+      Ae.setPointerCapture?.(Ee), K(!0), s?.(!0);
+      let En = 0, _e = null, Ke = j.length > 0;
+      const zn = (y) => Math.hypot(y.clientX - N, y.clientY - oe) >= It, dt = (y) => {
+        const ce = ((w ? y.clientX : y.clientY) - ve) * ct / ut, de = Y + ce, be = V - de, ze = p.current, Xe = ze.getPanel(O), Ze = ze.getPanel(D);
+        if (!(Xe && Ze))
+          return;
+        const In = Math.min(ze.containerSize * Hn, Gn), Ln = Math.min(ze.containerSize * Lt, At);
+        if (Ze.collapsed) {
+          be > Ln && $(D, "start", be, "pointer");
+          return;
+        }
+        if (Xe.collapsed) {
+          de > Ln && $(O, "end", de, "pointer");
+          return;
+        }
+        if (Ze.collapseFromStart && be <= In) {
+          C(D, "start", "pointer");
+          return;
+        }
+        if (Xe.collapseFromEnd && de <= In) {
+          C(O, "end", "pointer");
+          return;
+        }
+        B(O, D, de, "pointer");
+      }, qe = (y) => {
+        An(() => {
+          dt(y);
+        });
+      }, pt = () => {
+        const y = p.current, ce = y.getPanel(O), de = y.getPanel(D);
+        if (!(ce && de))
+          return;
+        const be = nn(ce, de, y.containerSize);
+        if (!be || be.upper - be.lower <= L)
+          return;
+        const ze = Ur(j, be, y.containerSize);
+        ze !== void 0 && An(() => {
+          ce.collapsed ? $(O, "end", void 0, "pointer") : de.collapsed && $(D, "start", void 0, "pointer"), B(O, D, ze, "pointer");
+        });
+      }, Pn = (y) => {
+        if (y.pointerId !== Ee)
+          return;
+        if (y.preventDefault(), y.stopPropagation(), Ke) {
+          if (!zn(y))
+            return;
+          Ke = !1;
+        }
+        const ce = performance.now();
+        if (ce - En < Rt) {
+          _e = y;
+          return;
+        }
+        En = ce, _e = null, qe(y);
+      };
+      let wn = !0;
+      const ke = () => {
+        wn && (wn = !1, I.current = null, K(!1), s?.(!1), document.removeEventListener("pointermove", Pn), document.removeEventListener("pointerup", vn), document.removeEventListener("pointercancel", Nn), Ae.removeEventListener("lostpointercapture", Rn), Ae.hasPointerCapture?.(Ee) && Ae.releasePointerCapture(Ee));
+      }, vn = (y) => {
+        if (y.pointerId === Ee) {
+          if (Ke)
+            zn(y) ? qe(y) : pt();
+          else if (_e) {
+            const ce = _e;
+            _e = null, qe(ce);
+          }
+          ke();
+        }
+      }, Nn = (y) => {
+        y.pointerId === Ee && ke();
+      }, Rn = (y) => {
+        y.pointerId === Ee && ke();
+      };
+      document.addEventListener("pointermove", Pn), document.addEventListener("pointerup", vn), document.addEventListener("pointercancel", Nn), Ae.addEventListener("lostpointercapture", Rn), I.current = ke;
+    },
+    [ne, w, G, T, B, C, $, s, j]
+  ), xn = k(
+    (m) => {
+      if (ne)
+        return;
+      const Z = w ? "ArrowLeft" : "ArrowUp", H = w ? "ArrowRight" : "ArrowDown";
+      if (m.key !== Z && m.key !== H)
+        return;
+      const O = f.current, D = b.current, Y = T(O), V = T(D);
+      if (!(Y && V))
+        return;
+      const N = nn(Y, V, A);
+      if (!N || N.upper - N.lower <= L)
+        return;
+      m.preventDefault(), m.stopPropagation();
+      const oe = m.shiftKey ? _n * 5 : _n, ve = w && $n(Be(_.current)) ? -1 : 1, q = (m.key === H ? oe : -oe) * ve;
+      if (Y.collapsed) {
+        q > 0 && $(O, "end", void 0, "keyboard");
+        return;
+      }
+      if (V.collapsed) {
+        q < 0 && $(D, "start", void 0, "keyboard");
+        return;
+      }
+      if (q < 0 && Y.collapseFromEnd && N.position <= N.resizeLower + L) {
+        C(O, "end", "keyboard");
+        return;
+      }
+      if (q > 0 && V.collapseFromStart && N.position >= N.resizeUpper - L) {
+        C(D, "start", "keyboard");
+        return;
+      }
+      B(O, D, Y.size + q, "keyboard");
+    },
+    [ne, w, T, B, C, $, A]
+  ), ue = typeof a == "object" && a !== null ? a : void 0, Ve = a === !1 || ue?.visible === !1, re = Math.max(1, Oe(c, St)), Zn = w ? Et : zt, Jn = w ? wt : vt, me = Math.min(re, Math.max(1, Oe(g ?? ue?.thickness, yt))), we = Math.max(1, Oe(d ?? ue?.length, Zn)), Ie = Math.min(me, Math.max(1, Oe(x ?? ue?.barThickness, Pt))), Le = Math.min(we, Math.max(1, Oe(h ?? ue?.barLength, Jn))), ge = P(() => {
+    const m = Un(A), Z = (N) => {
+      const oe = M[N];
+      return oe ? oe.collapsed || oe.size <= m : !1;
+    }, H = (N, oe) => {
+      let ve = 0;
+      for (let q = N; q >= 0 && q < M.length && Z(q); q += oe)
+        ve += 1;
+      return ve;
+    }, O = M.findIndex((N) => N.id === R.start), D = M.findIndex((N) => N.id === R.end), Y = O >= 0 ? H(O, -1) : 0, V = D >= 0 ? H(D, 1) : 0;
+    return { groupSize: Y + V + 1, overlapIndex: Y };
+  }, [R.start, R.end, M, A]), ae = P(() => We ? !0 : ge.groupSize <= 1 ? !1 : ge.overlapIndex > 0 && ge.overlapIndex < ge.groupSize - 1, [ge, We]), Fe = P(() => {
+    if (ge.groupSize <= 1 || ae)
+      return 0;
+    const m = $r(Math.max(Nt, me + 4));
+    return (ge.overlapIndex === 0 ? -0.5 : 0.5) * m;
+  }, [ge, ae, me]), Qn = P(() => {
+    const m = {
+      // 長さ 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 ae ? { ...m, ...kr } : m;
+  }, [w, ae]), Sn = P(
+    () => ({
+      "--rp-handle-thickness": `${re}px`,
+      "--rp-indicator-thickness": `${me}px`,
+      "--rp-indicator-length": `${we}px`,
+      "--rp-indicator-bar-thickness": `${Ie}px`,
+      "--rp-indicator-bar-length": `${Le}px`
+    }),
+    [re, me, we, Ie, Le]
+  ), et = P(() => ({
+    ...Sn,
+    ...o,
+    // ここから下は境界に載るという前提そのもの。利用者のスタイルやクラスで変わると
+    // 操作領域の中心が境界から外れ、touch-action が戻るとタッチではスクロールが優先されてしまう
+    position: "absolute",
+    zIndex: 20,
+    touchAction: "none",
+    // 位置は論理プロパティで与える。アンカーは寸法 0 なので RTL でも同じ点に重なるが、
+    // 「境界からの距離」という意図をそのまま表せる
+    ...w ? { insetBlockStart: 0, insetInlineStart: `${-re / 2}px`, width: `${re}px`, height: "100%" } : { insetInlineStart: 0, insetBlockStart: `${-re / 2}px`, height: `${re}px`, width: "100%" }
+  }), [w, re, Sn, o]), nt = P(() => {
+    if (ae || Ve)
+      return Br;
+    const m = {
+      width: `${w ? me : we}px`,
+      height: `${w ? we : me}px`,
+      flexShrink: 0
+    };
+    return Fe !== 0 && (m.position = "relative", w ? m.insetInlineStart = `${Fe}px` : m.insetBlockStart = `${Fe}px`), m;
+  }, [ae, Ve, w, me, we, Fe]), tt = P(
+    () => ({
+      width: `${w ? Ie : Le}px`,
+      height: `${w ? Le : Ie}px`,
+      flexShrink: 0
+    }),
+    [w, Ie, Le]
+  ), rt = P(
+    () => De(
+      "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",
+      !ne && "hover:bg-gray-200/70 dark:hover:bg-gray-700/70",
+      !ne && "active:bg-blue-300/60 dark:active:bg-blue-700/60",
+      W && "bg-blue-200/80 dark:bg-blue-800/60",
+      ne && "cursor-not-allowed opacity-50",
+      "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+      r
+    ),
+    [w, ne, W, r]
+  ), ot = P(
+    () => De(
+      "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)]",
+      W && "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)]",
+      ue?.className
+    ),
+    [W, ue?.className]
+  ), it = P(
+    () => De(
+      "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)]",
+      W && "bg-blue-500 dark:bg-blue-300",
+      !ne && "group-hover:bg-slate-700 dark:group-hover:bg-slate-100",
+      ue?.barClassName
+    ),
+    [W, ne, ue?.barClassName]
+  );
+  Q(() => {
+    if (ye === Re.current)
+      return;
+    const m = Re.current;
+    Re.current = ye, le.current = null, S(m, null);
+  }, [S, ye]), Q(() => {
+    const m = {
+      id: ye,
+      thickness: ae ? 0 : re,
+      direction: G,
+      visible: !ae && re > _t,
+      startPanelId: R.start,
+      endPanelId: R.end
+    };
+    le.current = m, S(ye, m);
+  }, [ye, re, ae, G, R.start, R.end, S]), Q(() => () => {
+    S(Re.current, null);
+  }, [S]);
+  const st = k(
+    (m) => {
+      X?.(m), m.defaultPrevented || bn(m);
+    },
+    [X, bn]
+  ), lt = k(
+    (m) => {
+      se?.(m), m.defaultPrevented || xn(m);
+    },
+    [se, xn]
+  ), at = j.length > 0 ? "click to cycle through preset sizes, " : "", yn = `Resize ${w ? "columns" : "rows"} - Drag or use arrow keys to resize, ${at}drag to the edge to collapse/expand panels`, Ye = P(() => {
+    const m = R.start === null ? void 0 : T(R.start), Z = R.end === null ? void 0 : T(R.end);
+    if (!(m && Z) || A <= 0)
+      return;
+    const H = nn(m, Z, A);
+    if (!H)
+      return;
+    const O = (D) => Math.round(D / A * 100);
+    return { now: O(H.position), min: O(H.lower), max: O(H.upper) };
+  }, [R.start, R.end, T, A]);
+  return /* @__PURE__ */ ie("div", { ref: _, style: Qn, "data-resize-handle-anchor": "", children: /* @__PURE__ */ ie(
+    "button",
+    {
+      ...E,
+      type: "button",
+      ref: u,
+      className: rt,
+      style: et,
+      onPointerDown: st,
+      onKeyDown: lt,
+      disabled: ne,
+      role: "separator",
+      "aria-orientation": w ? "vertical" : "horizontal",
+      "aria-valuenow": Ye?.now,
+      "aria-valuemin": Ye?.min,
+      "aria-valuemax": Ye?.max,
+      "aria-disabled": ne || void 0,
+      "aria-hidden": ae || void 0,
+      "aria-label": E["aria-label"] ?? yn,
+      "data-resize-handle-id": ye,
+      title: U ?? yn,
+      children: i || !Ve && /* @__PURE__ */ ie("div", { className: ot, style: nt, "data-resize-handle-indicator": "", "aria-hidden": "true", children: /* @__PURE__ */ ie("span", { className: it, style: tt, "data-resize-handle-indicator-bar": "", "aria-hidden": "true" }) })
+    }
+  ) });
+}), mn = (e) => typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&"), eo = (e) => typeof document > "u" ? null : document.querySelector(`[data-panel-id="${mn(e)}"]`), no = (e) => typeof document > "u" ? null : document.querySelector(`[data-panel-group-id="${mn(e)}"]`), to = (e) => typeof document > "u" ? null : document.querySelector(`[data-resize-handle-id="${mn(e)}"]`);
+export {
+  Xr as A,
+  hn as B,
+  ar as C,
+  an as D,
+  xt as P,
+  ur as a,
+  Zr as b,
+  Jr as c,
+  Yn as d,
+  Qr as e,
+  Ut as f,
+  Un as g,
+  Te as h,
+  Yt as i,
+  Be as j,
+  tn as k,
+  Ce as l,
+  Wn as m,
+  eo as n,
+  no as o,
+  Zt as p,
+  to as q,
+  Vt as r,
+  te as s,
+  Bt as t,
+  Tt as u,
+  Qt as v,
+  qr as w,
+  Pe as x,
+  On as y,
+  jn as z
+};