@aiquants/resize-panels 2.1.0 → 2.2.0

package/dist/index-DlQDkOjq.js

@@ -1,1332 +0,0 @@
-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
-};