@aiquants/resize-panels 0.2.0

package/dist/index.es.js

@@ -0,0 +1,4824 @@
+import Vt, { createContext as Yt, useContext as qt, useCallback as fe, useMemo as de, useReducer as Xt, useState as ze, useRef as pe, useLayoutEffect as Ye, useEffect as ue, memo as nt, useSyncExternalStore as Et } from "react";
+import { createPortal as Jt } from "react-dom";
+const Mt = Yt(null), it = () => {
+  const e = qt(Mt);
+  if (!e)
+    throw new Error("usePanelGroup must be used within a PanelGroup");
+  return e;
+}, Rt = (e, t = 0) => {
+  if (!Number.isFinite(e))
+    return e;
+  const r = 10 ** t, o = e * r, i = Math.floor(o), s = o - i, a = Number.EPSILON * Math.max(1, Math.abs(o));
+  return s < 0.5 - a ? i / r : s > 0.5 + a ? (i + 1) / r : (i % 2 === 0 ? i : i + 1) / r;
+}, _t = 12, dt = 8, Zt = 8, Qt = 8, It = 0.05, At = 10, Kt = 0.05, er = 20, tr = 0.05, Xe = 0, ut = 0, Nt = 6, me = (e, t) => t <= 0 ? 0 : Rt(e / t * 100, Nt), Be = (e, t) => !e || t <= 0 ? 0 : e / 100 * t, Le = (e, t = "percentage") => {
+  if (e !== void 0)
+    return typeof e == "number" ? { value: e, unit: t } : e;
+}, ft = (e, t) => e ? e.unit === "percentage" ? e.value / 100 * t : e.value : 0, oe = (e, t, r) => e ? typeof e == "number" ? e / 100 * r : e.unit === "pixels" ? e.value : e.value / 100 * r : t, he = (e, t, r) => Math.min(Math.max(e, t), r), Ke = (e) => {
+  if (!Number.isFinite(e) || e <= 0)
+    return ut;
+  const t = e * It, r = Math.min(_t, At, t);
+  return Math.max(ut, r);
+}, ot = (e, t, r) => {
+  if (Math.abs(t) <= 0)
+    return t;
+  const o = e.map((l, c) => ({ panel: l, index: c })).filter(({ panel: l }) => !l.collapsed && (l.sizeUnit === "pixels" || l.originalPixelSize !== void 0));
+  if (o.length === 0)
+    return t;
+  const i = [...o].sort((l, c) => {
+    const S = l.panel.pixelAdjustPriority ?? l.index + 1, b = c.panel.pixelAdjustPriority ?? c.index + 1;
+    return S === b ? l.index - c.index : S - b;
+  });
+  let s = t;
+  return (() => {
+    for (const { index: l } of i) {
+      if (Math.abs(s) <= 0)
+        break;
+      const c = e[l];
+      if (!c || c.collapsed)
+        continue;
+      const S = Le(c.minSize, "pixels"), b = Le(c.maxSize, "pixels"), d = S ? ft(S, r) : 0, u = b ? ft(b, r) : r;
+      if (s > 0) {
+        if (Math.abs(c.size) <= 0 && (c.percentageSize ?? 0) <= 0)
+          continue;
+        const w = Math.max(0, u - c.size);
+        if (w <= 0)
+          continue;
+        const C = Math.min(w, s);
+        if (C <= 0)
+          continue;
+        const v = c.size + C, p = me(v, r), m = c.collapsible ? v : c.sizeBeforeCollapse, R = c.collapsible ? c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? v : c.measuredPixelSizeBeforeCollapse;
+        e[l] = {
+          ...c,
+          size: v,
+          percentageSize: p,
+          originalPixelSize: c.originalPixelSize !== void 0 ? c.originalPixelSize : v,
+          sizeBeforeCollapse: m,
+          measuredPixelSizeBeforeCollapse: R
+        }, s -= C;
+      } else {
+        const h = Math.max(0, c.size - d);
+        if (h <= 0)
+          continue;
+        const w = Math.min(h, Math.abs(s));
+        if (w <= 0)
+          continue;
+        const C = c.size - w, v = me(C, r), p = c.collapsible ? C : c.sizeBeforeCollapse, m = c.collapsible ? c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? C : c.measuredPixelSizeBeforeCollapse;
+        e[l] = {
+          ...c,
+          size: C,
+          percentageSize: v,
+          originalPixelSize: c.originalPixelSize !== void 0 ? c.originalPixelSize : C,
+          sizeBeforeCollapse: p,
+          measuredPixelSizeBeforeCollapse: m
+        }, s += w;
+      }
+    }
+  })(), s;
+}, Fe = (e) => {
+  if (!e)
+    return 0;
+  const t = parseFloat(e);
+  return Number.isFinite(t) ? t : 0;
+}, we = (e, t) => {
+  const r = e.getBoundingClientRect(), o = typeof window < "u" ? window.getComputedStyle(e) : null, i = o ? Fe(o.borderLeftWidth) + Fe(o.borderRightWidth) : 0, s = o ? Fe(o.borderTopWidth) + Fe(o.borderBottomWidth) : 0;
+  if (t === "horizontal") {
+    const S = r.width > 0 ? r.width : e.offsetWidth, b = r.width > 0 ? Math.max(0, r.width - i) : e.clientWidth, d = e.offsetWidth > 0 ? e.offsetWidth : e.clientWidth + i;
+    return {
+      inner: b > 0 ? b : Math.max(0, e.clientWidth),
+      outer: S > 0 ? S : Math.max(0, d)
+    };
+  }
+  const a = r.height > 0 ? r.height : e.offsetHeight, l = r.height > 0 ? Math.max(0, r.height - s) : e.clientHeight, c = e.offsetHeight > 0 ? e.offsetHeight : e.clientHeight + s;
+  return {
+    inner: l > 0 ? l : Math.max(0, e.clientHeight),
+    outer: a > 0 ? a : Math.max(0, c)
+  };
+};
+let pt = 0, mt = 0;
+const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-${Date.now()}-${Math.random().toString(36).substr(2, 5)}`, nr = () => typeof window > "u" ? (mt += 1, `resize-handle-server-${mt}`) : `resize-handle-${Date.now()}-${Math.random().toString(36).substr(2, 5)}`, ir = (e, t) => {
+  try {
+    localStorage.setItem(`panel-layout-${e}`, JSON.stringify(t));
+  } catch (r) {
+    console.warn("Failed to save panel layout:", r);
+  }
+}, or = (e) => {
+  try {
+    const t = localStorage.getItem(`panel-layout-${e}`);
+    return t ? JSON.parse(t) : null;
+  } catch (t) {
+    return console.warn("Failed to load panel layout:", t), null;
+  }
+}, Je = (e, t) => {
+  const r = e.map((u) => {
+    if (u.collapsed)
+      return {
+        ...u,
+        size: 0,
+        percentageSize: 0
+      };
+    if (u.sizeUnit === "pixels" || u.originalPixelSize !== void 0) {
+      const h = oe(u.minSize, 0, t), w = oe(u.maxSize, t, t), C = he(u.size, h, w);
+      let v = C, p = Math.abs(C - u.size) > Xe, m = u.size;
+      if (u.originalPixelSize !== void 0 && Math.abs(u.size - u.originalPixelSize) <= Xe && (m = u.originalPixelSize), m !== void 0) {
+        const R = he(m, h, w);
+        R > v + Xe && (v = R, p = !0);
+      }
+      if (p) {
+        const R = me(v, t), F = u.collapsible ? v : u.sizeBeforeCollapse, V = u.collapsible ? u.measuredPixelSizeBeforeCollapse ?? u.measuredPixelSize ?? v : u.measuredPixelSizeBeforeCollapse;
+        return {
+          ...u,
+          size: v,
+          percentageSize: R,
+          sizeBeforeCollapse: F,
+          measuredPixelSizeBeforeCollapse: V
+        };
+      }
+    }
+    if (u.sizeUnit === "percentage" && (!u.percentageSize || u.percentageSize <= 0) && u.size > 0) {
+      const h = me(u.size, t);
+      return {
+        ...u,
+        percentageSize: h
+      };
+    }
+    return u;
+  }), o = r.reduce((u, h) => h.collapsed ? u : h.sizeUnit === "pixels" || h.originalPixelSize !== void 0 ? u + h.size : u, 0), i = () => {
+    const u = r.map((p, m) => ({ panel: p, index: m })).filter(({ panel: p }) => !p.collapsed && (p.sizeUnit === "pixels" || p.originalPixelSize !== void 0));
+    if (u.length === 0)
+      return r;
+    const h = u.reduce((p, { panel: m }) => p + m.size, 0), w = t - h;
+    if (Math.abs(w) <= 0.1)
+      return r;
+    const C = [...u].sort((p, m) => {
+      const R = p.panel.pixelAdjustPriority ?? p.index + 1, F = m.panel.pixelAdjustPriority ?? m.index + 1;
+      return R === F ? p.index - m.index : R - F;
+    });
+    let v = w;
+    for (const { panel: p, index: m } of C) {
+      if (Math.abs(v) <= 0.1)
+        break;
+      const R = oe(p.minSize, 0, t), F = oe(p.maxSize, t, t), V = p.size;
+      if (v > 0) {
+        const I = Math.max(0, F - V);
+        if (I <= 0)
+          continue;
+        const ee = Math.min(I, v), M = V + ee, $ = me(M, t), W = p.collapsible ? M : p.sizeBeforeCollapse, X = p.collapsible ? p.measuredPixelSizeBeforeCollapse ?? p.measuredPixelSize ?? M : p.measuredPixelSizeBeforeCollapse;
+        r[m] = {
+          ...p,
+          size: M,
+          percentageSize: $,
+          sizeBeforeCollapse: W,
+          measuredPixelSizeBeforeCollapse: X
+        }, v -= ee;
+      } else {
+        const I = Math.max(0, V - R);
+        if (I <= 0)
+          continue;
+        const ee = Math.min(I, Math.abs(v)), M = V - ee, $ = me(M, t), W = p.collapsible ? M : p.sizeBeforeCollapse, X = p.collapsible ? p.measuredPixelSizeBeforeCollapse ?? p.measuredPixelSize ?? M : p.measuredPixelSizeBeforeCollapse;
+        r[m] = {
+          ...p,
+          size: M,
+          percentageSize: $,
+          sizeBeforeCollapse: W,
+          measuredPixelSizeBeforeCollapse: X
+        }, v += ee;
+      }
+    }
+    return r;
+  }, s = r.reduce((u, h, w) => (!h.collapsed && h.sizeUnit === "percentage" && h.originalPixelSize === void 0 && u.push(w), u), []);
+  if (s.length === 0)
+    return i();
+  const a = Math.max(0, t - o), l = s.map((u) => {
+    const h = r[u];
+    return h.percentageSize !== void 0 && h.percentageSize > 0 ? Be(h.percentageSize, t) : h.size > 0 ? h.size : 0;
+  }), c = l.reduce((u, h) => h > 0 ? u + h : u, 0);
+  if (c <= 0)
+    return i();
+  const S = [...r];
+  let b = 0;
+  s.forEach((u, h) => {
+    const w = S[u], C = l[h];
+    let v;
+    if (C > 0) {
+      const I = C / c;
+      v = a * I;
+    } else
+      v = w.size;
+    const p = oe(w.minSize, 0, t), m = oe(w.maxSize, t, t);
+    v = he(v, p, m), b += v;
+    const R = me(v, t), F = w.collapsible ? v : w.sizeBeforeCollapse, V = w.collapsible ? w.measuredPixelSizeBeforeCollapse ?? w.measuredPixelSize ?? v : w.measuredPixelSizeBeforeCollapse;
+    S[u] = {
+      ...w,
+      size: v,
+      percentageSize: R,
+      sizeBeforeCollapse: F,
+      measuredPixelSizeBeforeCollapse: V
+    };
+  });
+  const d = a - b;
+  return Math.abs(d) > 0.1 && ot(S, d, t), Re(S);
+}, Re = (e) => {
+  let t = 0;
+  for (const i of e)
+    i.collapsed || (t += Math.max(i.size, 0));
+  if (t <= 0) {
+    let i = !1;
+    const s = e.map((a) => (a.percentageSize ?? 0) !== 0 ? (i = !0, {
+      ...a,
+      percentageSize: 0,
+      measuredPercentageSize: a.measuredPercentageSize !== void 0 ? 0 : a.measuredPercentageSize
+    }) : !a.collapsed && a.sizeBeforeCollapse !== a.size ? (i = !0, {
+      ...a,
+      sizeBeforeCollapse: a.size
+    }) : a);
+    return i ? s : e;
+  }
+  let r = !1;
+  const o = e.map((i) => {
+    if (i.collapsed)
+      return (i.percentageSize ?? 0) !== 0 ? (r = !0, {
+        ...i,
+        percentageSize: 0,
+        measuredPercentageSize: i.measuredPercentageSize !== void 0 ? 0 : i.measuredPercentageSize
+      }) : i;
+    const s = me(i.size, t), a = i.measuredPercentageSize, S = (a !== void 0 ? Math.abs(a - s) : 1 / 0) < 1e-4 && a !== void 0 ? a : s, b = Rt(S, Nt), u = Math.abs((i.percentageSize ?? 0) - b) > 0 || i.percentageSize === void 0, h = i.sizeBeforeCollapse === void 0 || i.sizeBeforeCollapse !== i.size, w = i.collapsible && h, C = i.measuredPixelSize ?? i.size, v = i.collapsible && (i.measuredPixelSizeBeforeCollapse === void 0 || i.measuredPixelSizeBeforeCollapse !== C);
+    if (!(u || w || v))
+      return i;
+    r = !0;
+    const p = w ? i.size : i.sizeBeforeCollapse, m = v ? C : i.measuredPixelSizeBeforeCollapse;
+    return {
+      ...i,
+      percentageSize: b,
+      sizeBeforeCollapse: p,
+      measuredPixelSizeBeforeCollapse: m
+    };
+  });
+  return r ? o : e;
+}, He = (e, t) => {
+  if (t <= 0)
+    return !1;
+  const r = [];
+  let o = 0;
+  for (let b = 0; b < e.length; b += 1) {
+    const d = e[b];
+    !d || d.collapsed || (r.push(b), o += d.size);
+  }
+  if (r.length === 0)
+    return !1;
+  let i = t - o;
+  if (Math.abs(i) <= 0)
+    return !1;
+  let s = !1;
+  const a = (b) => {
+    const d = e[b], u = oe(d.minSize, 0, t), h = oe(d.maxSize, t, t), w = d.sizeUnit === "percentage" && d.originalPixelSize === void 0;
+    return {
+      index: b,
+      minSize: u,
+      maxSize: h,
+      isFlexible: w
+    };
+  }, l = (b, d) => {
+    if (!Number.isFinite(d) || Math.abs(d) <= 0)
+      return;
+    const u = e[b];
+    if (!u)
+      return;
+    const h = Math.max(0, u.size + d);
+    if (Math.abs(h - u.size) <= 0)
+      return;
+    const w = me(h, t), C = u.collapsible ? h : u.sizeBeforeCollapse, v = u.collapsible ? u.measuredPixelSizeBeforeCollapse ?? u.measuredPixelSize ?? h : u.measuredPixelSizeBeforeCollapse;
+    e[b] = {
+      ...u,
+      size: h,
+      percentageSize: w,
+      sizeBeforeCollapse: C,
+      measuredPixelSizeBeforeCollapse: v,
+      measuredPixelSize: void 0,
+      measuredPercentageSize: void 0
+    }, i -= d, s = !0;
+  }, c = (b) => {
+    for (const d of b) {
+      if (Math.abs(i) <= 0)
+        break;
+      const u = e[d.index];
+      if (!u || u.collapsed)
+        continue;
+      const h = u.size;
+      if (i > 0) {
+        const w = Math.max(0, d.maxSize - h);
+        if (w <= 0)
+          continue;
+        const C = Math.min(w, i);
+        if (C <= 0)
+          continue;
+        l(d.index, C);
+      } else {
+        const w = Math.max(0, h - d.minSize);
+        if (w <= 0)
+          continue;
+        const C = Math.min(w, Math.abs(i));
+        if (C <= 0)
+          continue;
+        l(d.index, -C);
+      }
+    }
+  }, S = r.map((b) => a(b)).filter((b) => b.isFlexible);
+  if (S.length > 0 && c(S), Math.abs(i) > 0) {
+    const b = i;
+    i = ot(e, i, t), Math.abs(i - b) > 0 && (s = !0);
+  }
+  return s;
+}, gt = (e, t, r) => {
+  if (!(e.sizeUnit === "pixels" || e.originalPixelSize !== void 0) || e.pixelAdjustPriority !== void 0)
+    return e;
+  const i = t.filter((a, l) => l !== r && (a.sizeUnit === "pixels" || a.originalPixelSize !== void 0)).map((a) => a.pixelAdjustPriority).filter((a) => a !== void 0), s = i.length > 0 ? Math.max(...i) + 1 : 1;
+  return {
+    ...e,
+    pixelAdjustPriority: s
+  };
+}, sr = (e, t) => {
+  switch (t.type) {
+    case "REGISTER_PANEL": {
+      console.log("REGISTER_PANEL", t.panel);
+      const r = e.findIndex((s) => s.id === t.panel.id);
+      if (r >= 0) {
+        const s = [...e], a = e[r], l = {
+          ...a,
+          minSize: t.panel.minSize,
+          maxSize: t.panel.maxSize,
+          collapsible: t.panel.collapsible,
+          sizeUnit: t.panel.sizeUnit,
+          originalPixelSize: t.panel.originalPixelSize,
+          pixelAdjustPriority: t.panel.pixelAdjustPriority !== void 0 ? t.panel.pixelAdjustPriority : a.pixelAdjustPriority
+        }, c = gt(l, e, r);
+        return s[r] = c, s;
+      }
+      const o = { ...t.panel }, i = gt(o, e);
+      return [...e, i];
+    }
+    case "UNREGISTER_PANEL": {
+      console.log("UNREGISTER_PANEL", t.id);
+      const r = e.filter((o) => o.id !== t.id);
+      return Re(r);
+    }
+    case "RESIZE_PANELS": {
+      console.log("RESIZE_PANELS", t.leftId, t.rightId, t.leftSize, t.rightSize);
+      const r = e.findIndex((A) => A.id === t.leftId), o = e.findIndex((A) => A.id === t.rightId);
+      if (r === -1 || o === -1) return e;
+      const i = [...e], s = i[r], a = i[o];
+      if (s.collapsed || a.collapsed || t.leftSize === s.size && t.rightSize === a.size)
+        return e;
+      const l = t.containerSize ?? e.reduce((A, D) => A + D.size, 0), c = oe(s.minSize, 0, l), S = oe(s.maxSize, l, l), b = oe(a.minSize, 0, l), d = oe(a.maxSize, l, l), u = s.size + a.size, h = e.reduce((A, D) => D.collapsed ? A : A + D.size, 0), w = h - u, C = c + b, v = S + d, p = he(t.leftSize + t.rightSize, C, v);
+      let m = l > 0 ? l - w : p;
+      Number.isFinite(m) || (m = p);
+      const R = he(Math.max(p, m), C, v), F = (A) => ({
+        min: Math.max(c, A - d),
+        max: Math.min(S, A - b)
+      }), V = (A) => ({
+        min: Math.max(b, A - S),
+        max: Math.min(d, A - c)
+      }), I = Math.abs(t.leftSize - s.size), ee = Math.abs(t.rightSize - a.size), M = I >= ee;
+      let $ = s.size, W = a.size;
+      if (M) {
+        const A = F(R);
+        if (A.min > A.max)
+          return e;
+        const D = he(t.leftSize, A.min, A.max), k = R - D;
+        if (k < b || k > d)
+          return e;
+        $ = D, W = k;
+      } else {
+        const A = V(R);
+        if (A.min > A.max)
+          return e;
+        const D = he(t.rightSize, A.min, A.max), k = R - D;
+        if (k < c || k > S)
+          return e;
+        W = D, $ = k;
+      }
+      const X = $ + W;
+      if (R !== X)
+        return e;
+      const te = h - s.size - a.size + X, Y = l > 0 ? l : te, Z = Y > 0 ? me($, Y) : 0, H = Y > 0 ? me(W, Y) : 0;
+      return i[r] = {
+        ...s,
+        size: $,
+        percentageSize: Z,
+        sizeBeforeCollapse: s.collapsible ? $ : s.sizeBeforeCollapse,
+        measuredPixelSize: void 0,
+        measuredPercentageSize: void 0
+      }, i[o] = {
+        ...a,
+        size: W,
+        percentageSize: H,
+        sizeBeforeCollapse: a.collapsible ? W : a.sizeBeforeCollapse,
+        measuredPixelSize: void 0,
+        measuredPercentageSize: void 0
+      }, l > 0 && He(i, l) ? Re(i) : i;
+    }
+    case "SET_PANELS":
+      return console.log("SET_PANELS", t.panels), Re(t.panels);
+    case "CONTAINER_RESIZED": {
+      console.log("CONTAINER_RESIZED", t.containerSize);
+      const r = Je(e, t.containerSize);
+      return t.containerSize > 0 && He(r, t.containerSize) ? Re(r) : r;
+    }
+    case "COLLAPSE_PANEL": {
+      console.log("COLLAPSE_PANEL", t.id);
+      const r = e.findIndex((S) => S.id === t.id);
+      if (r === -1)
+        return e;
+      const o = e[r];
+      if (!o.collapsible || o.collapsed)
+        return e;
+      const i = o.size, s = o.measuredPixelSize ?? i, a = {
+        ...o,
+        collapsed: !0,
+        sizeBeforeCollapse: i,
+        measuredPixelSizeBeforeCollapse: s,
+        size: 0,
+        percentageSize: 0,
+        measuredPixelSize: o.measuredPixelSize !== void 0 ? 0 : o.measuredPixelSize,
+        measuredPercentageSize: o.measuredPercentageSize !== void 0 ? 0 : o.measuredPercentageSize
+      }, l = [...e];
+      l[r] = a;
+      const c = Je(l, t.containerSize);
+      return t.containerSize > 0 && He(c, t.containerSize) ? Re(c) : c;
+    }
+    case "EXPAND_PANEL": {
+      console.log("EXPAND_PANEL", t.id, t.targetSize);
+      const r = e.findIndex((v) => v.id === t.id);
+      if (r === -1)
+        return e;
+      const o = t.containerSize, i = e[r];
+      if (!(i.collapsible && i.collapsed))
+        return e;
+      const a = [t.targetSize, i.sizeBeforeCollapse, i.measuredPixelSizeBeforeCollapse, i.originalPixelSize].find((v) => v !== void 0) ?? 0, l = oe(i.minSize, 0, o), c = oe(i.maxSize, o, o), S = he(a, l, c), b = me(S, o), d = i.measuredPixelSizeBeforeCollapse ?? S, u = me(d, o), h = {
+        ...i,
+        collapsed: !1,
+        size: S,
+        percentageSize: b,
+        sizeBeforeCollapse: S,
+        measuredPixelSize: S,
+        measuredPixelSizeBeforeCollapse: d,
+        measuredPercentageSize: u
+      }, w = [...e];
+      w[r] = h;
+      const C = Je(w, o);
+      return o > 0 && He(C, o) ? Re(C) : C;
+    }
+    default:
+      return e;
+  }
+}, ar = ({ direction: e, style: t, onLayout: r, autoSaveId: o, showDebugInfo: i = !1 }) => {
+  const [s, a] = Xt(sr, []), [l, c] = ze({ width: 0, height: 0 }), [S, b] = ze(!1), [d, u] = ze(!1), [h, w] = ze(null), [C, v] = ze({}), [p, m] = ze({}), R = pe(null), F = pe(r), V = pe(!1), I = pe(0), ee = pe(l);
+  Ye(() => {
+    if (!R.current) return;
+    const _ = new ResizeObserver((n) => {
+      for (const z of n) {
+        const E = z.target, N = E ? we(E, "horizontal") : null, U = E ? we(E, "vertical") : null, P = N ? N.inner : 0, x = U ? U.inner : 0, g = z.contentRect.width, y = z.contentRect.height, B = P > 0 ? P : g, j = x > 0 ? x : y;
+        c((G) => (!S && B > 0 && j > 0 && b(!0), G.width === B && G.height === j ? G : { width: B, height: j }));
+      }
+    });
+    return _.observe(R.current), () => _.disconnect();
+  }, [S]), Ye(() => {
+    const _ = ee.current, n = l, z = e === "horizontal" ? Math.abs(_.width - n.width) > 0 : Math.abs(_.height - n.height) > 0;
+    if (d && z) {
+      const E = e === "horizontal" ? n.width : n.height;
+      a({ type: "CONTAINER_RESIZED", containerSize: E, direction: e });
+    }
+    ee.current = n;
+  }, [l, d, e]);
+  const M = fe(() => {
+    console.log("panels[0]?.id", s[0]?.id);
+    const _ = s.some((f) => {
+      if (f.collapsed || f.sizeUnit !== "percentage")
+        return !1;
+      const q = f.collapsible ? f.sizeBeforeCollapse ?? f.measuredPixelSizeBeforeCollapse ?? f.originalPixelSize ?? f.measuredPixelSize ?? 0 : f.measuredPixelSize ?? f.originalPixelSize ?? f.size, ae = f.percentageSize !== void 0 && f.percentageSize > 0;
+      return f.size <= 0 && (q > 0 || ae);
+    }), n = e === "horizontal" ? l.width : l.height, z = n > 0;
+    if (h || !z || !(s.length > 0 && (s.length !== I.current || !d || _)))
+      return;
+    const U = s.filter((f) => !f.collapsed && (f.originalPixelSize !== void 0 || f.sizeUnit === "pixels")).reduce((f, q) => q.originalPixelSize !== void 0 ? f + q.originalPixelSize : f + q.size, 0), P = s.filter((f) => f.sizeUnit === "percentage" && !f.collapsed), x = P.map((f) => f.id), g = P.map((f) => f.percentageSize !== void 0 && f.percentageSize > 0 ? Be(f.percentageSize, n) : f.size > 0 ? f.size : 0), y = g.reduce((f, q) => f + q, 0), B = n - U, j = Math.max(0, B), G = j > 0, re = s.map((f) => {
+      if (f.collapsed) {
+        const q = f.sizeBeforeCollapse ?? f.measuredPixelSizeBeforeCollapse ?? f.originalPixelSize ?? (f.sizeUnit === "pixels" ? f.size : void 0), ae = f.sizeUnit === "percentage" && f.percentageSize !== void 0 ? Be(f.percentageSize, n) : void 0, ie = q ?? ae ?? 0, ce = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? ie;
+        return {
+          ...f,
+          size: 0,
+          percentageSize: 0,
+          sizeBeforeCollapse: ie,
+          measuredPixelSizeBeforeCollapse: ce
+        };
+      }
+      if (f.sizeUnit === "pixels" || f.originalPixelSize !== void 0) {
+        const q = f.size, ae = n > 0 ? me(q, n) : 0, ie = {
+          ...f,
+          size: q,
+          percentageSize: ae
+        };
+        if (f.collapsible) {
+          const ce = f.sizeBeforeCollapse ?? q, be = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? ce;
+          ie.sizeBeforeCollapse = ce, ie.measuredPixelSizeBeforeCollapse = be;
+        }
+        return ie;
+      }
+      if (f.sizeUnit === "percentage") {
+        const q = x.indexOf(f.id), ae = q !== -1 ? g[q] : 0, ie = oe(f.minSize, 0, n), ce = oe(f.maxSize, n, n), be = Math.max(
+          ie,
+          f.sizeBeforeCollapse ?? 0,
+          f.measuredPixelSizeBeforeCollapse ?? 0,
+          f.measuredPixelSize ?? 0,
+          f.originalPixelSize ?? 0,
+          f.size > 0 ? f.size : 0,
+          f.percentageSize !== void 0 ? Be(f.percentageSize, n) : 0,
+          1
+        ), xe = ae > 0 ? ae : be;
+        let ge;
+        if (!G)
+          ge = ie;
+        else if (q !== -1 && y > 0) {
+          const Pe = xe / y, Ce = j * Pe;
+          ge = he(Ce, ie, ce);
+        } else {
+          const Pe = f.percentageSize !== void 0 ? Be(f.percentageSize, n) : f.size, Ce = Pe > 0 ? Pe : xe;
+          ge = he(Ce, ie, ce);
+        }
+        const Se = n > 0 ? me(ge, n) : 0, Ee = {
+          ...f,
+          size: ge,
+          percentageSize: Se
+        };
+        if (f.collapsible) {
+          const Pe = f.sizeBeforeCollapse ?? ge, Ce = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? Pe;
+          Ee.sizeBeforeCollapse = Pe, Ee.measuredPixelSizeBeforeCollapse = Ce;
+        }
+        return Ee;
+      }
+      return f;
+    }), K = [];
+    for (let f = 0; f < re.length; f += 1) {
+      const q = re[f];
+      q.sizeUnit === "percentage" && !q.collapsed && K.push(f);
+    }
+    const Q = K.reduce((f, q) => f + re[q].size, 0), se = B - Q;
+    Math.abs(se) > 0 && ot(re, se, n), a({ type: "SET_PANELS", panels: re }), I.current = s.length, u(!0);
+  }, [s, e, l.width, l.height, d, h]);
+  ue(() => {
+    const _ = e === "horizontal" ? l.width : l.height, n = _ > 0, z = n && s.length > 0, E = z ? s.reduce((y, B) => {
+      if (B.collapsed)
+        return y;
+      const j = oe(B.minSize, 0, _);
+      return y + Math.max(0, j);
+    }, 0) : null, N = z ? s.reduce((y, B) => {
+      if (B.collapsed)
+        return y;
+      const j = oe(B.maxSize, _, _);
+      return y + Math.max(0, j);
+    }, 0) : null, U = E ?? h?.totalMinimumSize ?? null, P = N ?? h?.totalMaximumSize ?? null;
+    if (!n) {
+      h && w((y) => !y || y.availableContainerSize === _ ? y : {
+        reason: y.reason,
+        // totalMinimumSize: previous.totalMinimumSize,
+        // totalMaximumSize: previous.totalMaximumSize,
+        totalMinimumSize: null,
+        totalMaximumSize: null,
+        availableContainerSize: _
+      });
+      return;
+    }
+    const x = U !== null && U - _ > Number.EPSILON, g = P !== null && _ - P > Number.EPSILON;
+    if (x || g) {
+      const B = {
+        reason: x ? "minimum-exceeded" : "maximum-insufficient",
+        totalMinimumSize: U,
+        totalMaximumSize: P,
+        availableContainerSize: _
+      };
+      w((j) => j && j.reason === B.reason && Math.abs((j.totalMinimumSize ?? 0) - (B.totalMinimumSize ?? 0)) <= Number.EPSILON && Math.abs((j.totalMaximumSize ?? 0) - (B.totalMaximumSize ?? 0)) <= Number.EPSILON && Math.abs(j.availableContainerSize - B.availableContainerSize) <= Number.EPSILON ? j : B);
+      return;
+    }
+    if (h) {
+      const y = h.reason === "minimum-exceeded", B = h.reason === "maximum-insufficient";
+      (!y || U !== null) && (!B || P !== null) && !x && !g && w((Q) => Q && null);
+    }
+  }, [s, e, l.width, l.height, h]), ue(() => {
+    M();
+  }, [M]), ue(() => {
+    F.current = r;
+  }, [r]);
+  const $ = de(() => s.map((_) => _.size), [s]);
+  Ye(() => {
+    $.length > 0 && F.current && F.current($);
+  }, [$]), ue(() => {
+    if (o && $.length > 0) {
+      const _ = setTimeout(() => {
+        ir(o, $);
+      }, 200);
+      return () => clearTimeout(_);
+    }
+  }, [o, $]), ue(() => {
+    if (!o || s.length === 0 || V.current)
+      return;
+    const _ = e === "horizontal" ? l.width : l.height;
+    if (_ <= 0)
+      return;
+    const n = or(o);
+    if (n && n.length === s.length) {
+      const z = s.map((E, N) => {
+        const U = oe(E.minSize, 0, _), P = oe(E.maxSize, _, _), x = he(n[N], U, P), g = me(x, _);
+        return {
+          ...E,
+          size: x,
+          percentageSize: g
+        };
+      });
+      a({ type: "SET_PANELS", panels: z }), V.current = !0;
+    }
+  }, [o, s, l.width, l.height, e]);
+  const W = fe((_) => {
+    a({ type: "REGISTER_PANEL", panel: _ });
+  }, []), X = fe((_) => {
+    a({ type: "UNREGISTER_PANEL", id: _ }), v((n) => {
+      if (!(_ in n))
+        return n;
+      const z = { ...n };
+      return delete z[_], z;
+    });
+  }, []), te = fe(
+    (_, n, z, E) => {
+      const N = e === "horizontal" ? l.width : l.height, U = s.find((Q) => Q.id === _), P = s.find((Q) => Q.id === n);
+      if (!(U && P)) {
+        a({ type: "RESIZE_PANELS", leftId: _, rightId: n, leftSize: z, rightSize: E, containerSize: N });
+        return;
+      }
+      if (U.collapsed || P.collapsed)
+        return;
+      const x = oe(U.minSize, 0, N), g = oe(U.maxSize, N, N), y = oe(P.minSize, 0, N), B = oe(P.maxSize, N, N);
+      let j = he(z, x, g), G = he(E, y, B);
+      const re = j + G, K = z + E;
+      if (re !== K) {
+        const Q = K - re;
+        if (Q > 0) {
+          const se = g - j, f = B - G, q = se + f;
+          if (q > 0) {
+            const ae = Math.min(Q * (se / q), se), ie = Math.min(Q - ae, f);
+            j += ae, G += ie;
+          }
+        } else if (Q < 0) {
+          const se = Math.abs(Q), f = j - x, q = G - y, ae = f + q;
+          if (ae > 0) {
+            const ie = Math.min(se * (f / ae), f), ce = Math.min(se - ie, q);
+            j -= ie, G -= ce;
+          }
+        }
+      }
+      j = he(j, x, g), G = he(G, y, B), console.assert(j + G === K, "Total size after constraints should be close to the original total size.", { constrainedLeftSize: j, constrainedRightSize: G, originalTotalSize: K }), a({ type: "RESIZE_PANELS", leftId: _, rightId: n, leftSize: j, rightSize: G, containerSize: N });
+    },
+    [e, l.width, l.height, s]
+  ), Y = fe(
+    (_) => {
+      const n = e === "horizontal" ? l.width : l.height;
+      a({ type: "COLLAPSE_PANEL", id: _, containerSize: n });
+    },
+    [e, l.width, l.height]
+  ), Z = fe(
+    (_, n) => {
+      const z = e === "horizontal" ? l.width : l.height;
+      a({ type: "EXPAND_PANEL", id: _, containerSize: z, targetSize: n });
+    },
+    [e, l.width, l.height]
+  ), H = fe(
+    (_) => s.find((n) => n.id === _),
+    [s]
+  ), A = fe((_, n) => {
+    v((z) => {
+      if (n === null) {
+        if (!(_ in z))
+          return z;
+        const N = { ...z };
+        return delete N[_], N;
+      }
+      const E = z[_];
+      return E && E.pixelSize === n.pixelSize && E.percentageSize === n.percentageSize ? z : {
+        ...z,
+        [_]: n
+      };
+    });
+  }, []), D = fe((_, n) => {
+    m((z) => {
+      if (n === null) {
+        if (!(_ in z))
+          return z;
+        const N = { ...z };
+        return delete N[_], N;
+      }
+      const E = z[_];
+      return E && Math.abs(E.thickness - n.thickness) <= 0.25 && E.visible === n.visible && E.direction === n.direction && E.startPanelId === n.startPanelId && E.endPanelId === n.endPanelId ? z : {
+        ...z,
+        [_]: n
+      };
+    });
+  }, []), k = de(
+    () => ({
+      direction: e,
+      panels: s,
+      containerSize: l,
+      isContainerReady: S,
+      showDebugInfo: i,
+      registerPanel: W,
+      unregisterPanel: X,
+      resizePanels: te,
+      collapsePanel: Y,
+      expandPanel: Z,
+      getPanel: H,
+      reportPanelMeasurement: A,
+      panelMeasurements: C,
+      reportHandleMeasurement: D,
+      handleMeasurements: p,
+      layoutConstraintViolation: h
+    }),
+    [
+      e,
+      s,
+      l,
+      S,
+      i,
+      W,
+      X,
+      te,
+      Y,
+      Z,
+      H,
+      A,
+      C,
+      D,
+      p,
+      h
+    ]
+  ), ne = de(
+    () => ({
+      display: "flex",
+      flexDirection: e === "horizontal" ? "row" : "column",
+      alignItems: "stretch",
+      width: "100%",
+      height: "100%",
+      minWidth: "0px",
+      minHeight: "0px",
+      position: "relative",
+      overflow: "hidden",
+      // リサイズハンドルのはみ出しでスクロールバーを表示させない
+      ...t
+    }),
+    [e, t]
+  );
+  return {
+    groupRef: R,
+    contextValue: k,
+    groupStyle: ne
+  };
+}, nn = (e) => {
+  const { getPanel: t, collapsePanel: r, expandPanel: o } = it(), i = t(e), s = fe(() => {
+    r(e);
+  }, [r, e]), a = fe(
+    (c) => {
+      o(e, c);
+    },
+    [o, e]
+  ), l = fe(() => {
+    i?.collapsed ? a() : s();
+  }, [i?.collapsed, s, a]);
+  return de(
+    () => ({
+      panel: i,
+      isCollapsed: i?.collapsed ?? !1,
+      collapse: s,
+      expand: a,
+      toggle: l
+    }),
+    [i, s, a, l]
+  );
+};
+var $e = { exports: {} }, Te = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ht;
+function lr() {
+  if (ht) return Te;
+  ht = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function r(o, i, s) {
+    var a = null;
+    if (s !== void 0 && (a = "" + s), i.key !== void 0 && (a = "" + i.key), "key" in i) {
+      s = {};
+      for (var l in i)
+        l !== "key" && (s[l] = i[l]);
+    } else s = i;
+    return i = s.ref, {
+      $$typeof: e,
+      type: o,
+      key: a,
+      ref: i !== void 0 ? i : null,
+      props: s
+    };
+  }
+  return Te.Fragment = t, Te.jsx = r, Te.jsxs = r, Te;
+}
+var Oe = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var xt;
+function cr() {
+  return xt || (xt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === X ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case v:
+          return "Fragment";
+        case m:
+          return "Profiler";
+        case p:
+          return "StrictMode";
+        case I:
+          return "Suspense";
+        case ee:
+          return "SuspenseList";
+        case W:
+          return "Activity";
+      }
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), n.$$typeof) {
+          case C:
+            return "Portal";
+          case F:
+            return n.displayName || "Context";
+          case R:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case V:
+            var z = n.render;
+            return n = n.displayName, n || (n = z.displayName || z.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case M:
+            return z = n.displayName || null, z !== null ? z : e(n.type) || "Memo";
+          case $:
+            z = n._payload, n = n._init;
+            try {
+              return e(n(z));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(n) {
+      return "" + n;
+    }
+    function r(n) {
+      try {
+        t(n);
+        var z = !1;
+      } catch {
+        z = !0;
+      }
+      if (z) {
+        z = console;
+        var E = z.error, N = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return E.call(
+          z,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          N
+        ), t(n);
+      }
+    }
+    function o(n) {
+      if (n === v) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === $)
+        return "<...>";
+      try {
+        var z = e(n);
+        return z ? "<" + z + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function i() {
+      var n = te.A;
+      return n === null ? null : n.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function a(n) {
+      if (Y.call(n, "key")) {
+        var z = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (z && z.isReactWarning) return !1;
+      }
+      return n.key !== void 0;
+    }
+    function l(n, z) {
+      function E() {
+        A || (A = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          z
+        ));
+      }
+      E.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: E,
+        configurable: !0
+      });
+    }
+    function c() {
+      var n = e(this.type);
+      return D[n] || (D[n] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), n = this.props.ref, n !== void 0 ? n : null;
+    }
+    function S(n, z, E, N, U, P) {
+      var x = E.ref;
+      return n = {
+        $$typeof: w,
+        type: n,
+        key: z,
+        props: E,
+        _owner: N
+      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(n, "ref", {
+        enumerable: !1,
+        get: c
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(n, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(n, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: U
+      }), Object.defineProperty(n, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: P
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+    }
+    function b(n, z, E, N, U, P) {
+      var x = z.children;
+      if (x !== void 0)
+        if (N)
+          if (Z(x)) {
+            for (N = 0; N < x.length; N++)
+              d(x[N]);
+            Object.freeze && Object.freeze(x);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else d(x);
+      if (Y.call(z, "key")) {
+        x = e(n);
+        var g = Object.keys(z).filter(function(B) {
+          return B !== "key";
+        });
+        N = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", _[x + N] || (g = 0 < g.length ? "{" + g.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          N,
+          x,
+          g,
+          x
+        ), _[x + N] = !0);
+      }
+      if (x = null, E !== void 0 && (r(E), x = "" + E), a(z) && (r(z.key), x = "" + z.key), "key" in z) {
+        E = {};
+        for (var y in z)
+          y !== "key" && (E[y] = z[y]);
+      } else E = z;
+      return x && l(
+        E,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), S(
+        n,
+        x,
+        E,
+        i(),
+        U,
+        P
+      );
+    }
+    function d(n) {
+      u(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === $ && (n._payload.status === "fulfilled" ? u(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    }
+    function u(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === w;
+    }
+    var h = Vt, w = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), F = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), te = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, Z = Array.isArray, H = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    h = {
+      react_stack_bottom_frame: function(n) {
+        return n();
+      }
+    };
+    var A, D = {}, k = h.react_stack_bottom_frame.bind(
+      h,
+      s
+    )(), ne = H(o(s)), _ = {};
+    Oe.Fragment = v, Oe.jsx = function(n, z, E) {
+      var N = 1e4 > te.recentlyCreatedOwnerStacks++;
+      return b(
+        n,
+        z,
+        E,
+        !1,
+        N ? Error("react-stack-top-frame") : k,
+        N ? H(o(n)) : ne
+      );
+    }, Oe.jsxs = function(n, z, E) {
+      var N = 1e4 > te.recentlyCreatedOwnerStacks++;
+      return b(
+        n,
+        z,
+        E,
+        !0,
+        N ? Error("react-stack-top-frame") : k,
+        N ? H(o(n)) : ne
+      );
+    };
+  })()), Oe;
+}
+var bt;
+function dr() {
+  return bt || (bt = 1, process.env.NODE_ENV === "production" ? $e.exports = lr() : $e.exports = cr()), $e.exports;
+}
+var L = dr();
+const st = "-", ur = (e) => {
+  const t = pr(e), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: o
+  } = e;
+  return {
+    getClassGroupId: (a) => {
+      const l = a.split(st);
+      return l[0] === "" && l.length !== 1 && l.shift(), Tt(l, t) || fr(a);
+    },
+    getConflictingClassGroupIds: (a, l) => {
+      const c = r[a] || [];
+      return l && o[a] ? [...c, ...o[a]] : c;
+    }
+  };
+}, Tt = (e, t) => {
+  if (e.length === 0)
+    return t.classGroupId;
+  const r = e[0], o = t.nextPart.get(r), i = o ? Tt(e.slice(1), o) : void 0;
+  if (i)
+    return i;
+  if (t.validators.length === 0)
+    return;
+  const s = e.join(st);
+  return t.validators.find(({
+    validator: a
+  }) => a(s))?.classGroupId;
+}, zt = /^\[(.+)\]$/, fr = (e) => {
+  if (zt.test(e)) {
+    const t = zt.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
+  }
+}, pr = (e) => {
+  const {
+    theme: t,
+    classGroups: r
+  } = e, o = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  for (const i in r)
+    et(r[i], o, i, t);
+  return o;
+}, et = (e, t, r, o) => {
+  e.forEach((i) => {
+    if (typeof i == "string") {
+      const s = i === "" ? t : St(t, i);
+      s.classGroupId = r;
+      return;
+    }
+    if (typeof i == "function") {
+      if (mr(i)) {
+        et(i(o), t, r, o);
+        return;
+      }
+      t.validators.push({
+        validator: i,
+        classGroupId: r
+      });
+      return;
+    }
+    Object.entries(i).forEach(([s, a]) => {
+      et(a, St(t, s), r, o);
+    });
+  });
+}, St = (e, t) => {
+  let r = e;
+  return t.split(st).forEach((o) => {
+    r.nextPart.has(o) || r.nextPart.set(o, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), r = r.nextPart.get(o);
+  }), r;
+}, mr = (e) => e.isThemeGetter, gr = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const i = (s, a) => {
+    r.set(s, a), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
+  };
+  return {
+    get(s) {
+      let a = r.get(s);
+      if (a !== void 0)
+        return a;
+      if ((a = o.get(s)) !== void 0)
+        return i(s, a), a;
+    },
+    set(s, a) {
+      r.has(s) ? r.set(s, a) : i(s, a);
+    }
+  };
+}, tt = "!", rt = ":", hr = rt.length, xr = (e) => {
+  const {
+    prefix: t,
+    experimentalParseClassName: r
+  } = e;
+  let o = (i) => {
+    const s = [];
+    let a = 0, l = 0, c = 0, S;
+    for (let w = 0; w < i.length; w++) {
+      let C = i[w];
+      if (a === 0 && l === 0) {
+        if (C === rt) {
+          s.push(i.slice(c, w)), c = w + hr;
+          continue;
+        }
+        if (C === "/") {
+          S = w;
+          continue;
+        }
+      }
+      C === "[" ? a++ : C === "]" ? a-- : C === "(" ? l++ : C === ")" && l--;
+    }
+    const b = s.length === 0 ? i : i.substring(c), d = br(b), u = d !== b, h = S && S > c ? S - c : void 0;
+    return {
+      modifiers: s,
+      hasImportantModifier: u,
+      baseClassName: d,
+      maybePostfixModifierPosition: h
+    };
+  };
+  if (t) {
+    const i = t + rt, s = o;
+    o = (a) => a.startsWith(i) ? s(a.substring(i.length)) : {
+      isExternal: !0,
+      modifiers: [],
+      hasImportantModifier: !1,
+      baseClassName: a,
+      maybePostfixModifierPosition: void 0
+    };
+  }
+  if (r) {
+    const i = o;
+    o = (s) => r({
+      className: s,
+      parseClassName: i
+    });
+  }
+  return o;
+}, br = (e) => e.endsWith(tt) ? e.substring(0, e.length - 1) : e.startsWith(tt) ? e.substring(1) : e, zr = (e) => {
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
+  return (o) => {
+    if (o.length <= 1)
+      return o;
+    const i = [];
+    let s = [];
+    return o.forEach((a) => {
+      a[0] === "[" || t[a] ? (i.push(...s.sort(), a), s = []) : s.push(a);
+    }), i.push(...s.sort()), i;
+  };
+}, Sr = (e) => ({
+  cache: gr(e.cacheSize),
+  parseClassName: xr(e),
+  sortModifiers: zr(e),
+  ...ur(e)
+}), Pr = /\s+/, yr = (e, t) => {
+  const {
+    parseClassName: r,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: i,
+    sortModifiers: s
+  } = t, a = [], l = e.trim().split(Pr);
+  let c = "";
+  for (let S = l.length - 1; S >= 0; S -= 1) {
+    const b = l[S], {
+      isExternal: d,
+      modifiers: u,
+      hasImportantModifier: h,
+      baseClassName: w,
+      maybePostfixModifierPosition: C
+    } = r(b);
+    if (d) {
+      c = b + (c.length > 0 ? " " + c : c);
+      continue;
+    }
+    let v = !!C, p = o(v ? w.substring(0, C) : w);
+    if (!p) {
+      if (!v) {
+        c = b + (c.length > 0 ? " " + c : c);
+        continue;
+      }
+      if (p = o(w), !p) {
+        c = b + (c.length > 0 ? " " + c : c);
+        continue;
+      }
+      v = !1;
+    }
+    const m = s(u).join(":"), R = h ? m + tt : m, F = R + p;
+    if (a.includes(F))
+      continue;
+    a.push(F);
+    const V = i(p, v);
+    for (let I = 0; I < V.length; ++I) {
+      const ee = V[I];
+      a.push(R + ee);
+    }
+    c = b + (c.length > 0 ? " " + c : c);
+  }
+  return c;
+};
+function vr() {
+  let e = 0, t, r, o = "";
+  for (; e < arguments.length; )
+    (t = arguments[e++]) && (r = Ot(t)) && (o && (o += " "), o += r);
+  return o;
+}
+const Ot = (e) => {
+  if (typeof e == "string")
+    return e;
+  let t, r = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (t = Ot(e[o])) && (r && (r += " "), r += t);
+  return r;
+};
+function wr(e, ...t) {
+  let r, o, i, s = a;
+  function a(c) {
+    const S = t.reduce((b, d) => d(b), e());
+    return r = Sr(S), o = r.cache.get, i = r.cache.set, s = l, l(c);
+  }
+  function l(c) {
+    const S = o(c);
+    if (S)
+      return S;
+    const b = yr(c, r);
+    return i(c, b), b;
+  }
+  return function() {
+    return s(vr.apply(null, arguments));
+  };
+}
+const le = (e) => {
+  const t = (r) => r[e] || [];
+  return t.isThemeGetter = !0, t;
+}, jt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Bt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Cr = /^\d+\/\d+$/, kr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Er = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Mr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Rr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _r = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, _e = (e) => Cr.test(e), J = (e) => !!e && !Number.isNaN(Number(e)), ke = (e) => !!e && Number.isInteger(Number(e)), Ze = (e) => e.endsWith("%") && J(e.slice(0, -1)), ve = (e) => kr.test(e), Ir = () => !0, Ar = (e) => (
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  Er.test(e) && !Mr.test(e)
+), Lt = () => !1, Nr = (e) => Rr.test(e), Tr = (e) => _r.test(e), Or = (e) => !T(e) && !O(e), jr = (e) => Ie(e, Ft, Lt), T = (e) => jt.test(e), Me = (e) => Ie(e, Ht, Ar), Qe = (e) => Ie(e, Fr, J), Pt = (e) => Ie(e, Dt, Lt), Br = (e) => Ie(e, Gt, Tr), We = (e) => Ie(e, $t, Nr), O = (e) => Bt.test(e), je = (e) => Ae(e, Ht), Lr = (e) => Ae(e, Hr), yt = (e) => Ae(e, Dt), Dr = (e) => Ae(e, Ft), Gr = (e) => Ae(e, Gt), Ue = (e) => Ae(e, $t, !0), Ie = (e, t, r) => {
+  const o = jt.exec(e);
+  return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
+}, Ae = (e, t, r = !1) => {
+  const o = Bt.exec(e);
+  return o ? o[1] ? t(o[1]) : r : !1;
+}, Dt = (e) => e === "position" || e === "percentage", Gt = (e) => e === "image" || e === "url", Ft = (e) => e === "length" || e === "size" || e === "bg-size", Ht = (e) => e === "length", Fr = (e) => e === "number", Hr = (e) => e === "family-name", $t = (e) => e === "shadow", $r = () => {
+  const e = le("color"), t = le("font"), r = le("text"), o = le("font-weight"), i = le("tracking"), s = le("leading"), a = le("breakpoint"), l = le("container"), c = le("spacing"), S = le("radius"), b = le("shadow"), d = le("inset-shadow"), u = le("text-shadow"), h = le("drop-shadow"), w = le("blur"), C = le("perspective"), v = le("aspect"), p = le("ease"), m = le("animate"), R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [
+    "center",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "top-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-top",
+    "top-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-top",
+    "bottom-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-bottom",
+    "bottom-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-bottom"
+  ], V = () => [...F(), O, T], I = () => ["auto", "hidden", "clip", "visible", "scroll"], ee = () => ["auto", "contain", "none"], M = () => [O, T, c], $ = () => [_e, "full", "auto", ...M()], W = () => [ke, "none", "subgrid", O, T], X = () => ["auto", {
+    span: ["full", ke, O, T]
+  }, ke, O, T], te = () => [ke, "auto", O, T], Y = () => ["auto", "min", "max", "fr", O, T], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], A = () => ["auto", ...M()], D = () => [_e, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...M()], k = () => [e, O, T], ne = () => [...F(), yt, Pt, {
+    position: [O, T]
+  }], _ = () => ["no-repeat", {
+    repeat: ["", "x", "y", "space", "round"]
+  }], n = () => ["auto", "cover", "contain", Dr, jr, {
+    size: [O, T]
+  }], z = () => [Ze, je, Me], E = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    "full",
+    S,
+    O,
+    T
+  ], N = () => ["", J, je, Me], U = () => ["solid", "dashed", "dotted", "double"], P = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [J, Ze, yt, Pt], g = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    w,
+    O,
+    T
+  ], y = () => ["none", J, O, T], B = () => ["none", J, O, T], j = () => [J, O, T], G = () => [_e, "full", ...M()];
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [ve],
+      breakpoint: [ve],
+      color: [Ir],
+      container: [ve],
+      "drop-shadow": [ve],
+      ease: ["in", "out", "in-out"],
+      font: [Or],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [ve],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [ve],
+      shadow: [ve],
+      spacing: ["px", J],
+      text: [ve],
+      "text-shadow": [ve],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      // --------------
+      // --- Layout ---
+      // --------------
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", _e, T, O, v]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       * @deprecated since Tailwind CSS v4.0.0
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [J, T, O, l]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": R()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": R()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Screen Reader Only
+       * @see https://tailwindcss.com/docs/display#screen-reader-only
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: V()
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: I()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": I()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": I()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: ee()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": ee()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": ee()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: $()
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": $()
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": $()
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: $()
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: $()
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: $()
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: $()
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: $()
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: $()
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: [ke, "auto", O, T]
+      }],
+      // ------------------------
+      // --- Flexbox and Grid ---
+      // ------------------------
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [_e, "full", "auto", l, ...M()]
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["nowrap", "wrap", "wrap-reverse"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: [J, _e, "auto", "initial", "none", T]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: ["", J, O, T]
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: ["", J, O, T]
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: [ke, "first", "last", "none", O, T]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": W()
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: X()
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": te()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": te()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": W()
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: X()
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": te()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": te()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": Y()
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": Y()
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: M()
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": M()
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": M()
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: [...Z(), "normal"]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": [...H(), "normal"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", ...H()]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...Z()]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: [...H(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", ...H(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": Z()
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": [...H(), "baseline"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", ...H()]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: M()
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: M()
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: M()
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: M()
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: M()
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: M()
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: M()
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: M()
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: M()
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: A()
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: A()
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: A()
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: A()
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: A()
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: A()
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: A()
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: A()
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: A()
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x": [{
+        "space-x": M()
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y": [{
+        "space-y": M()
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // --------------
+      // --- Sizing ---
+      // --------------
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
+       */
+      size: [{
+        size: D()
+      }],
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: [l, "screen", ...D()]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [
+          l,
+          "screen",
+          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "none",
+          ...D()
+        ]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [
+          l,
+          "screen",
+          "none",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "prose",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          {
+            screen: [a]
+          },
+          ...D()
+        ]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: ["screen", "lh", ...D()]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["screen", "lh", "none", ...D()]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": ["screen", "lh", ...D()]
+      }],
+      // ------------------
+      // --- Typography ---
+      // ------------------
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", r, je, Me]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: [o, O, Qe]
+      }],
+      /**
+       * Font Stretch
+       * @see https://tailwindcss.com/docs/font-stretch
+       */
+      "font-stretch": [{
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ze, T]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [Lr, T, t]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: [i, O, T]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": [J, "none", O, Qe]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: [
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          s,
+          ...M()
+        ]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", O, T]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["disc", "decimal", "none", O, T]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://v3.tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: k()
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: k()
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...U(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: [J, "from-font", "auto", O, Me]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: k()
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": [J, "auto", O, T]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: M()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", O, T]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Overflow Wrap
+       * @see https://tailwindcss.com/docs/overflow-wrap
+       */
+      wrap: [{
+        wrap: ["break-word", "anywhere", "normal"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", O, T]
+      }],
+      // -------------------
+      // --- Backgrounds ---
+      // -------------------
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: ne()
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: _()
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: n()
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, ke, O, T],
+          radial: ["", O, T],
+          conic: [ke, O, T]
+        }, Gr, Br]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: k()
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: z()
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: z()
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: z()
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: k()
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: k()
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: k()
+      }],
+      // ---------------
+      // --- Borders ---
+      // ---------------
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: E()
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": E()
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": E()
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": E()
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": E()
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": E()
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": E()
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": E()
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": E()
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": E()
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": E()
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": E()
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": E()
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": E()
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": E()
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: N()
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": N()
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": N()
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": N()
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": N()
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": N()
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": N()
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": N()
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": N()
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x": [{
+        "divide-x": N()
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y": [{
+        "divide-y": N()
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...U(), "hidden", "none"]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+       */
+      "divide-style": [{
+        divide: [...U(), "hidden", "none"]
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: k()
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": k()
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": k()
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": k()
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": k()
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": k()
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": k()
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": k()
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": k()
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: k()
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [...U(), "none", "hidden"]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [J, O, T]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: ["", J, je, Me]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: k()
+      }],
+      // ---------------
+      // --- Effects ---
+      // ---------------
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          b,
+          Ue,
+          We
+        ]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+       */
+      "shadow-color": [{
+        shadow: k()
+      }],
+      /**
+       * Inset Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+       */
+      "inset-shadow": [{
+        "inset-shadow": ["none", d, Ue, We]
+      }],
+      /**
+       * Inset Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+       */
+      "inset-shadow-color": [{
+        "inset-shadow": k()
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+       */
+      "ring-w": [{
+        ring: N()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
+       */
+      "ring-color": [{
+        ring: k()
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://v3.tailwindcss.com/docs/ring-offset-width
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-w": [{
+        "ring-offset": [J, Me]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://v3.tailwindcss.com/docs/ring-offset-color
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-color": [{
+        "ring-offset": k()
+      }],
+      /**
+       * Inset Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+       */
+      "inset-ring-w": [{
+        "inset-ring": N()
+      }],
+      /**
+       * Inset Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+       */
+      "inset-ring-color": [{
+        "inset-ring": k()
+      }],
+      /**
+       * Text Shadow
+       * @see https://tailwindcss.com/docs/text-shadow
+       */
+      "text-shadow": [{
+        "text-shadow": ["none", u, Ue, We]
+      }],
+      /**
+       * Text Shadow Color
+       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
+       */
+      "text-shadow-color": [{
+        "text-shadow": k()
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [J, O, T]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...P(), "plus-darker", "plus-lighter"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": P()
+      }],
+      /**
+       * Mask Clip
+       * @see https://tailwindcss.com/docs/mask-clip
+       */
+      "mask-clip": [{
+        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
+      }, "mask-no-clip"],
+      /**
+       * Mask Composite
+       * @see https://tailwindcss.com/docs/mask-composite
+       */
+      "mask-composite": [{
+        mask: ["add", "subtract", "intersect", "exclude"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image-linear-pos": [{
+        "mask-linear": [J]
+      }],
+      "mask-image-linear-from-pos": [{
+        "mask-linear-from": x()
+      }],
+      "mask-image-linear-to-pos": [{
+        "mask-linear-to": x()
+      }],
+      "mask-image-linear-from-color": [{
+        "mask-linear-from": k()
+      }],
+      "mask-image-linear-to-color": [{
+        "mask-linear-to": k()
+      }],
+      "mask-image-t-from-pos": [{
+        "mask-t-from": x()
+      }],
+      "mask-image-t-to-pos": [{
+        "mask-t-to": x()
+      }],
+      "mask-image-t-from-color": [{
+        "mask-t-from": k()
+      }],
+      "mask-image-t-to-color": [{
+        "mask-t-to": k()
+      }],
+      "mask-image-r-from-pos": [{
+        "mask-r-from": x()
+      }],
+      "mask-image-r-to-pos": [{
+        "mask-r-to": x()
+      }],
+      "mask-image-r-from-color": [{
+        "mask-r-from": k()
+      }],
+      "mask-image-r-to-color": [{
+        "mask-r-to": k()
+      }],
+      "mask-image-b-from-pos": [{
+        "mask-b-from": x()
+      }],
+      "mask-image-b-to-pos": [{
+        "mask-b-to": x()
+      }],
+      "mask-image-b-from-color": [{
+        "mask-b-from": k()
+      }],
+      "mask-image-b-to-color": [{
+        "mask-b-to": k()
+      }],
+      "mask-image-l-from-pos": [{
+        "mask-l-from": x()
+      }],
+      "mask-image-l-to-pos": [{
+        "mask-l-to": x()
+      }],
+      "mask-image-l-from-color": [{
+        "mask-l-from": k()
+      }],
+      "mask-image-l-to-color": [{
+        "mask-l-to": k()
+      }],
+      "mask-image-x-from-pos": [{
+        "mask-x-from": x()
+      }],
+      "mask-image-x-to-pos": [{
+        "mask-x-to": x()
+      }],
+      "mask-image-x-from-color": [{
+        "mask-x-from": k()
+      }],
+      "mask-image-x-to-color": [{
+        "mask-x-to": k()
+      }],
+      "mask-image-y-from-pos": [{
+        "mask-y-from": x()
+      }],
+      "mask-image-y-to-pos": [{
+        "mask-y-to": x()
+      }],
+      "mask-image-y-from-color": [{
+        "mask-y-from": k()
+      }],
+      "mask-image-y-to-color": [{
+        "mask-y-to": k()
+      }],
+      "mask-image-radial": [{
+        "mask-radial": [O, T]
+      }],
+      "mask-image-radial-from-pos": [{
+        "mask-radial-from": x()
+      }],
+      "mask-image-radial-to-pos": [{
+        "mask-radial-to": x()
+      }],
+      "mask-image-radial-from-color": [{
+        "mask-radial-from": k()
+      }],
+      "mask-image-radial-to-color": [{
+        "mask-radial-to": k()
+      }],
+      "mask-image-radial-shape": [{
+        "mask-radial": ["circle", "ellipse"]
+      }],
+      "mask-image-radial-size": [{
+        "mask-radial": [{
+          closest: ["side", "corner"],
+          farthest: ["side", "corner"]
+        }]
+      }],
+      "mask-image-radial-pos": [{
+        "mask-radial-at": F()
+      }],
+      "mask-image-conic-pos": [{
+        "mask-conic": [J]
+      }],
+      "mask-image-conic-from-pos": [{
+        "mask-conic-from": x()
+      }],
+      "mask-image-conic-to-pos": [{
+        "mask-conic-to": x()
+      }],
+      "mask-image-conic-from-color": [{
+        "mask-conic-from": k()
+      }],
+      "mask-image-conic-to-color": [{
+        "mask-conic-to": k()
+      }],
+      /**
+       * Mask Mode
+       * @see https://tailwindcss.com/docs/mask-mode
+       */
+      "mask-mode": [{
+        mask: ["alpha", "luminance", "match"]
+      }],
+      /**
+       * Mask Origin
+       * @see https://tailwindcss.com/docs/mask-origin
+       */
+      "mask-origin": [{
+        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
+      }],
+      /**
+       * Mask Position
+       * @see https://tailwindcss.com/docs/mask-position
+       */
+      "mask-position": [{
+        mask: ne()
+      }],
+      /**
+       * Mask Repeat
+       * @see https://tailwindcss.com/docs/mask-repeat
+       */
+      "mask-repeat": [{
+        mask: _()
+      }],
+      /**
+       * Mask Size
+       * @see https://tailwindcss.com/docs/mask-size
+       */
+      "mask-size": [{
+        mask: n()
+      }],
+      /**
+       * Mask Type
+       * @see https://tailwindcss.com/docs/mask-type
+       */
+      "mask-type": [{
+        "mask-type": ["alpha", "luminance"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image": [{
+        mask: ["none", O, T]
+      }],
+      // ---------------
+      // --- Filters ---
+      // ---------------
+      /**
+       * Filter
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          O,
+          T
+        ]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: g()
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [J, O, T]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [J, O, T]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          h,
+          Ue,
+          We
+        ]
+      }],
+      /**
+       * Drop Shadow Color
+       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
+       */
+      "drop-shadow-color": [{
+        "drop-shadow": k()
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: ["", J, O, T]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [J, O, T]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: ["", J, O, T]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [J, O, T]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: ["", J, O, T]
+      }],
+      /**
+       * Backdrop Filter
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          O,
+          T
+        ]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": g()
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [J, O, T]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [J, O, T]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", J, O, T]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [J, O, T]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": ["", J, O, T]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [J, O, T]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [J, O, T]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", J, O, T]
+      }],
+      // --------------
+      // --- Tables ---
+      // --------------
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": M()
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": M()
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": M()
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // ---------------------------------
+      // --- Transitions and Animation ---
+      // ---------------------------------
+      /**
+       * Transition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", O, T]
+      }],
+      /**
+       * Transition Behavior
+       * @see https://tailwindcss.com/docs/transition-behavior
+       */
+      "transition-behavior": [{
+        transition: ["normal", "discrete"]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: [J, "initial", O, T]
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "initial", p, O, T]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: [J, O, T]
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", m, O, T]
+      }],
+      // ------------------
+      // --- Transforms ---
+      // ------------------
+      /**
+       * Backface Visibility
+       * @see https://tailwindcss.com/docs/backface-visibility
+       */
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      /**
+       * Perspective
+       * @see https://tailwindcss.com/docs/perspective
+       */
+      perspective: [{
+        perspective: [C, O, T]
+      }],
+      /**
+       * Perspective Origin
+       * @see https://tailwindcss.com/docs/perspective-origin
+       */
+      "perspective-origin": [{
+        "perspective-origin": V()
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: y()
+      }],
+      /**
+       * Rotate X
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-x": [{
+        "rotate-x": y()
+      }],
+      /**
+       * Rotate Y
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-y": [{
+        "rotate-y": y()
+      }],
+      /**
+       * Rotate Z
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-z": [{
+        "rotate-z": y()
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: B()
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": B()
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": B()
+      }],
+      /**
+       * Scale Z
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-z": [{
+        "scale-z": B()
+      }],
+      /**
+       * Scale 3D
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-3d": ["scale-3d"],
+      /**
+       * Skew
+       * @see https://tailwindcss.com/docs/skew
+       */
+      skew: [{
+        skew: j()
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": j()
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": j()
+      }],
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: [O, T, "", "none", "gpu", "cpu"]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: V()
+      }],
+      /**
+       * Transform Style
+       * @see https://tailwindcss.com/docs/transform-style
+       */
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      /**
+       * Translate
+       * @see https://tailwindcss.com/docs/translate
+       */
+      translate: [{
+        translate: G()
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": G()
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": G()
+      }],
+      /**
+       * Translate Z
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-z": [{
+        "translate-z": G()
+      }],
+      /**
+       * Translate None
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-none": ["translate-none"],
+      // ---------------------
+      // --- Interactivity ---
+      // ---------------------
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: k()
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: k()
+      }],
+      /**
+       * Color Scheme
+       * @see https://tailwindcss.com/docs/color-scheme
+       */
+      "color-scheme": [{
+        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
+      }],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", O, T]
+      }],
+      /**
+       * Field Sizing
+       * @see https://tailwindcss.com/docs/field-sizing
+       */
+      "field-sizing": [{
+        "field-sizing": ["fixed", "content"]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["auto", "none"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "", "y", "x"]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": M()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": M()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": M()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": M()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": M()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": M()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": M()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": M()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": M()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": M()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": M()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": M()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": M()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": M()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": M()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": M()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": M()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": M()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", O, T]
+      }],
+      // -----------
+      // --- SVG ---
+      // -----------
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: ["none", ...k()]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [J, je, Me, Qe]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: ["none", ...k()]
+      }],
+      // ---------------------
+      // --- Accessibility ---
+      // ---------------------
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      translate: ["translate-x", "translate-y", "translate-none"],
+      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    },
+    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
+  };
+}, De = /* @__PURE__ */ wr($r), Wr = ({ panel: e, isLastFlexiblePanel: t, measuredPixelSize: r, measuredPercentageSize: o, containerAxisSize: i, containerLabel: s }) => {
+  const a = e?.size, l = typeof a == "number" && Number.isFinite(a) ? `${a.toFixed(3)}px` : "-", c = e?.percentageSize !== void 0 ? `${e.percentageSize.toFixed(3)}%` : "-", S = Number.isFinite(r) ? `${r.toFixed(3)}px` : "-", b = Number.isFinite(o) ? `${o.toFixed(3)}%` : "-", d = Number.isFinite(i) ? `${i.toFixed(3)}px` : "-", u = `${l} / ${c}`, h = `${S} / ${b}`, w = `${e?.sizeUnit === "pixels" ? "Fixed" : "Flexible"}${t ? " (Grow)" : ""}`, C = [w, `${s}: ${d}`, `size (state): ${u}`, `size (measured): ${h}`];
+  return {
+    stateValueDisplay: u,
+    measuredValueDisplay: h,
+    containerDisplay: d,
+    headlineLabel: w,
+    titleText: C.join(`
+`)
+  };
+}, Ur = nt(({ panel: e, isLastFlexiblePanel: t, measuredPixelSize: r, measuredPercentageSize: o, containerAxisSize: i, direction: s }) => {
+  const a = s === "horizontal" ? "container width" : "container height", { stateValueDisplay: l, measuredValueDisplay: c, containerDisplay: S, headlineLabel: b, titleText: d } = de(
+    () => Wr({
+      panel: e,
+      isLastFlexiblePanel: t,
+      measuredPixelSize: r,
+      measuredPercentageSize: o,
+      containerAxisSize: i,
+      containerLabel: a
+    }),
+    [e, t, r, o, i, a]
+  ), u = {
+    position: "absolute",
+    top: "2px",
+    right: "4px",
+    backgroundColor: "rgba(30, 41, 59, 0.6)",
+    color: "#fff",
+    padding: "4px 8px",
+    borderRadius: "6px",
+    fontSize: "11px",
+    fontFamily: "monospace",
+    pointerEvents: "auto",
+    zIndex: 10,
+    boxShadow: "0 2px 4px rgba(0,0,0,0.3)",
+    border: "1px solid rgba(255,255,255,0.1)",
+    maxWidth: "calc(100% - 12px)",
+    minWidth: "60px",
+    width: "fit-content",
+    overflow: "hidden"
+  }, h = {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1px",
+    minWidth: "0",
+    width: "100%"
+  }, w = {
+    display: "flex",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    gap: "6px",
+    fontSize: "10px",
+    color: "#ccc",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    minWidth: "0",
+    width: "100%"
+  }, C = {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    gap: "6px",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    minWidth: "0",
+    width: "100%"
+  }, v = {
+    marginLeft: "auto",
+    fontVariantNumeric: "tabular-nums",
+    whiteSpace: "nowrap"
+  };
+  return /* @__PURE__ */ L.jsx("div", { style: u, title: d, children: /* @__PURE__ */ L.jsxs("div", { style: h, children: [
+    /* @__PURE__ */ L.jsx("div", { style: w, children: /* @__PURE__ */ L.jsx("span", { children: b }) }),
+    /* @__PURE__ */ L.jsxs("div", { style: C, children: [
+      /* @__PURE__ */ L.jsx("span", { children: a }),
+      /* @__PURE__ */ L.jsx("span", { style: v, children: S })
+    ] }),
+    /* @__PURE__ */ L.jsxs("div", { style: C, children: [
+      /* @__PURE__ */ L.jsx("span", { children: "size (state)" }),
+      /* @__PURE__ */ L.jsx("span", { style: v, children: l })
+    ] }),
+    /* @__PURE__ */ L.jsxs("div", { style: C, children: [
+      /* @__PURE__ */ L.jsx("span", { children: "size (measured)" }),
+      /* @__PURE__ */ L.jsx("span", { style: v, children: c })
+    ] })
+  ] }) });
+}), on = nt(({ id: e, defaultSize: t = { value: 50, unit: "percentage" }, minSize: r, maxSize: o, className: i, style: s, children: a, order: l = 0, collapsible: c = !1, defaultCollapsed: S = !1, pixelAdjustPriority: b }) => {
+  const { direction: d, registerPanel: u, unregisterPanel: h, getPanel: w, showDebugInfo: C, panels: v, isContainerReady: p, reportPanelMeasurement: m, containerSize: R } = it(), F = pe(null), V = pe(e || rr()), I = w(V.current), ee = !!I?.collapsed, M = (I?.size ?? 0) <= 0, $ = ee || M, [W, X] = ze(() => {
+    const g = Le(t);
+    return g?.unit === "pixels" ? g.value : I?.size !== void 0 ? I.size : 0;
+  }), [te, Y] = ze(() => {
+    const g = Le(t);
+    return g?.unit === "percentage" ? g.value : I?.percentageSize !== void 0 ? I.percentageSize : 0;
+  }), Z = pe(te);
+  Z.current = te;
+  const H = pe(W);
+  H.current = W;
+  const A = fe((g) => {
+    if (!Number.isFinite(g))
+      return;
+    const y = g < 0 ? 0 : g;
+    H.current !== y && (H.current = y, console.debug("[resize-panels] commit pixel", { panelId: V.current, pixel: y }), X(y));
+  }, []), D = fe((g) => {
+    if (!Number.isFinite(g))
+      return;
+    const y = g < 0 ? 0 : g;
+    Z.current !== y && (Z.current = y, console.debug("[resize-panels] commit percentage", { panelId: V.current, percentage: y }), Y(y));
+  }, []);
+  ue(() => {
+    e || console.warn("Panel component should have an explicit 'id' prop to avoid hydration issues. Auto-generated ID may cause SSR/client mismatch.");
+  }, [e]), ue(() => {
+    if (!p)
+      return;
+    const g = Le(t), y = g?.unit === "pixels";
+    let B = 0;
+    if (y) {
+      let f = g.value;
+      r && typeof r == "object" && r.unit === "pixels" && (f = Math.max(f, r.value)), o && typeof o == "object" && o.unit === "pixels" && (f = Math.min(f, o.value)), B = f;
+    }
+    const j = y ? void 0 : g?.value, G = S, re = c && G && y ? B : void 0, K = c ? j : void 0, Q = {
+      id: V.current,
+      size: G ? 0 : B,
+      percentageSize: G ? 0 : j,
+      sizeUnit: g?.unit || "percentage",
+      originalPixelSize: y ? B : void 0,
+      minSize: r,
+      maxSize: o,
+      collapsible: c,
+      collapsed: G,
+      sizeBeforeCollapse: re,
+      percentageSizeBeforeCollapse: K,
+      pixelAdjustPriority: b
+    };
+    return u(Q), () => {
+      h(V.current), m(V.current, null);
+    };
+  }, [t, r, o, u, h, c, S, b, m, p]);
+  const k = I?.size ?? 0;
+  ue(() => {
+    const g = F.current;
+    if (!g) return;
+    const y = () => {
+      if (!I)
+        return;
+      const K = g.parentElement;
+      if (!K) return;
+      const { width: Q, height: se } = g.getBoundingClientRect(), { inner: f } = we(K, "horizontal"), { inner: q } = we(K, "vertical"), ae = d === "horizontal" ? Q : se, ie = d === "horizontal" ? f : q, ce = Ke(ie);
+      if ($) {
+        H.current !== 0 && (H.current = 0, X(0)), Z.current !== 0 && (Z.current = 0, Y(0));
+        return;
+      }
+      const be = I?.size ?? 0, xe = Math.max(2, ce * 0.5);
+      if (!$ && be > ce && ae < xe) {
+        console.debug("[resize-panels] skip noisy measurement", {
+          panelId: V.current,
+          expectedPanelSize: be,
+          measured: ae,
+          noiseThreshold: xe
+        });
+        return;
+      }
+      if (ae > 0) {
+        if (A(ae), ie > 0) {
+          const Se = ae / ie * 100;
+          D(Se);
+        }
+      } else if (I?.size !== void 0 && A(I.size), I?.percentageSize !== void 0) {
+        const Se = I.percentageSize;
+        D(Se);
+      } else if (I?.sizeUnit === "pixels" && I?.size !== void 0 && ie > 0) {
+        const Se = I.size / ie * 100;
+        D(Se);
+      }
+    }, B = new ResizeObserver(() => {
+      y();
+    });
+    B.observe(g), y();
+    const j = [], G = new MutationObserver(() => {
+      (() => {
+        if (!F.current) return !1;
+        const Q = F.current.getBoundingClientRect();
+        return (d === "horizontal" ? Q.width : Q.height) !== H.current;
+      })() && setTimeout(y, 0);
+    }), re = g.parentElement;
+    return re && G.observe(re, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["style", "class"]
+    }), () => {
+      B.disconnect(), G.disconnect();
+      for (const K of j)
+        clearTimeout(K);
+    };
+  }, [d, I, $, A, D]);
+  const ne = I?.size, _ = I?.percentageSize, n = I?.sizeUnit;
+  ue(() => {
+    if (I) {
+      if ($) {
+        H.current !== 0 && (H.current = 0, X(0)), Z.current !== 0 && (Z.current = 0, Y(0));
+        return;
+      }
+      if (ne !== void 0 && A(ne), _ !== void 0)
+        D(_);
+      else if (n === "pixels" && ne !== void 0) {
+        const g = F.current, y = g?.parentElement;
+        if (g && y) {
+          const { width: B, height: j } = g.getBoundingClientRect(), G = y.clientWidth, re = y.clientHeight, K = d === "horizontal" ? B : j, Q = d === "horizontal" ? G : re;
+          if (K > 0 && Q > 0) {
+            const se = K / Q * 100;
+            D(se);
+          }
+        }
+      }
+    }
+  }, [ne, _, n, d, $, A, D, I]), ue(() => {
+    m(V.current, {
+      pixelSize: W,
+      percentageSize: te
+    });
+  }, [m, W, te]);
+  const z = () => $ ? "0px" : I?.originalPixelSize !== void 0 ? `${k}px` : I?.percentageSize !== void 0 ? `${I.percentageSize}%` : `${k}px`, E = (() => {
+    if (!v || v.length === 0) return !1;
+    const g = v.filter((j) => j.sizeUnit === "percentage");
+    if (g.length === 0 || g[g.length - 1]?.id !== V.current) return !1;
+    const B = I?.percentageSize;
+    return !(B !== void 0 && g.filter((G) => Math.abs((G.percentageSize || 0) - B) < 0.01).length > 1);
+  })(), N = I?.sizeUnit === "percentage" && !I?.collapsed ? 1 : 0, U = {
+    flexBasis: z(),
+    flexGrow: E ? 1 : 0,
+    flexShrink: N,
+    overflow: "hidden",
+    position: "relative",
+    boxSizing: "border-box",
+    minHeight: "0px",
+    minWidth: "0px",
+    ...s
+  };
+  d === "horizontal" ? (U.height = "100%", U.minWidth = 0) : (U.width = "100%", U.minHeight = 0), $ && (d === "horizontal" ? (U.width = "0px", U.minWidth = "0px") : (U.height = "0px", U.minHeight = "0px"), U.flexGrow = 0, U.flexShrink = 0, U.pointerEvents = "none", U.visibility = "hidden", ee && (U.display = "none"));
+  const P = d === "horizontal" ? R.width : R.height, x = de(
+    () => ({
+      position: "absolute",
+      inset: "0px",
+      overflow: "auto",
+      display: "flex",
+      flexDirection: "column",
+      width: "100%",
+      height: "100%",
+      minWidth: "0px",
+      minHeight: "0px"
+    }),
+    []
+  );
+  return /* @__PURE__ */ L.jsxs(
+    "div",
+    {
+      ref: F,
+      className: De("panel", i),
+      style: U,
+      "data-panel-id": V.current,
+      "data-panel-size": k,
+      "data-panel-size-unit": I?.sizeUnit || "percentage",
+      "data-panel-pixel-size": I?.sizeUnit === "pixels" ? I?.originalPixelSize : null,
+      "data-panel-order": l,
+      "data-panel-collapsible": c,
+      "data-panel-collapsed": I?.collapsed,
+      "aria-hidden": $,
+      children: [
+        /* @__PURE__ */ L.jsx("div", { style: x, children: a }),
+        C && /* @__PURE__ */ L.jsx(Ur, { panel: I, isLastFlexiblePanel: E, measuredPixelSize: W, measuredPercentageSize: te, containerAxisSize: P, direction: d })
+      ]
+    }
+  );
+}), Vr = (e) => JSON.stringify(
+  e.map((t) => ({
+    id: t.id,
+    size: t.size,
+    percentageSize: t.percentageSize ?? null,
+    sizeUnit: t.sizeUnit,
+    originalPixelSize: t.originalPixelSize ?? null,
+    minSize: t.minSize ?? null,
+    maxSize: t.maxSize ?? null,
+    collapsible: t.collapsible ?? !1,
+    collapsed: t.collapsed ?? !1,
+    sizeBeforeCollapse: t.sizeBeforeCollapse ?? null,
+    measuredPixelSizeBeforeCollapse: t.measuredPixelSizeBeforeCollapse ?? null,
+    pixelAdjustPriority: t.pixelAdjustPriority ?? null,
+    measuredPixelSize: t.measuredPixelSize ?? null,
+    measuredPercentageSize: t.measuredPercentageSize ?? null
+  }))
+), Yr = (e) => JSON.stringify(
+  e.map((t) => ({
+    id: t.id,
+    thickness: t.thickness,
+    visible: t.visible,
+    direction: t.direction,
+    startPanelId: t.startPanelId ?? null,
+    endPanelId: t.endPanelId ?? null
+  }))
+), qr = () => {
+  const e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set();
+  let o = null, i = 0, s = !0, a = [], l = {
+    ownerId: null,
+    groups: a
+  };
+  const c = () => {
+    for (const p of e)
+      p();
+  }, S = () => {
+    s = !0, c();
+  }, b = () => {
+    const p = o;
+    if (p && r.has(p))
+      return !1;
+    o = null;
+    const m = r.values().next();
+    return m.done || (o = m.value), p !== o;
+  };
+  return {
+    subscribe: (p) => (e.add(p), () => {
+      e.delete(p);
+    }),
+    getSnapshot: () => (b() && (s = !0), s && (a = Array.from(t.values()).sort((m, R) => m.index - R.index).map(({ serializedPanels: m, serializedHandles: R, ...F }) => F), l = {
+      ownerId: o,
+      groups: a
+    }, s = !1), l),
+    getOwnerId: () => (b() && (s = !0), o),
+    enableGroup: (p) => {
+      const m = r.size;
+      r.add(p), r.size !== m && b() && S();
+    },
+    disableGroup: (p) => {
+      r.delete(p) && b() && S();
+    },
+    updateGroup: (p, m) => {
+      const R = t.get(p), F = R?.index ?? i++, V = Vr(m.panels), I = Yr(m.handles), ee = R?.displayName !== m.displayName, M = R?.direction !== m.direction, $ = R ? R.containerSize.width !== m.containerSize.width || R.containerSize.height !== m.containerSize.height : !0;
+      let W = R?.serializedPanels !== V;
+      if (!W && R)
+        if (R.panels.length !== m.panels.length)
+          W = !0;
+        else
+          for (let H = 0; H < m.panels.length; H += 1) {
+            const A = R.panels[H], D = m.panels[H];
+            if (!(A && D)) {
+              W = !0;
+              break;
+            }
+            if (A.id !== D.id || A.size !== D.size || A.percentageSize !== D.percentageSize || A.collapsed !== D.collapsed || A.measuredPixelSize !== D.measuredPixelSize || A.measuredPercentageSize !== D.measuredPercentageSize) {
+              W = !0;
+              break;
+            }
+          }
+      let X = R?.serializedHandles !== I;
+      if (!X && R)
+        if (R.handles.length !== m.handles.length)
+          X = !0;
+        else
+          for (let H = 0; H < m.handles.length; H += 1) {
+            const A = R.handles[H], D = m.handles[H];
+            if (!(A && D)) {
+              X = !0;
+              break;
+            }
+            if (A.id !== D.id || A.thickness !== D.thickness || A.visible !== D.visible || A.direction !== D.direction || A.startPanelId !== D.startPanelId || A.endPanelId !== D.endPanelId) {
+              X = !0;
+              break;
+            }
+          }
+      if (!R && m.panels.length === 0 && m.handles.length === 0 || R && !ee && !M && !$ && !W && !X)
+        return;
+      const te = m.panels.map((H) => ({ ...H })), Y = m.handles.map((H) => ({ ...H })), Z = { ...m.containerSize };
+      t.set(p, {
+        groupId: p,
+        displayName: m.displayName,
+        direction: m.direction,
+        containerSize: Z,
+        panels: te,
+        handles: Y,
+        index: F,
+        serializedPanels: V,
+        serializedHandles: I
+      }), S();
+    },
+    removeGroup: (p) => {
+      const m = t.delete(p), R = r.delete(p), F = b();
+      (m || R || F) && S();
+    }
+  };
+}, ye = qr(), Xr = () => Et(ye.subscribe, ye.getOwnerId, ye.getOwnerId), Jr = () => Et(ye.subscribe, ye.getSnapshot, ye.getSnapshot), Zr = (e) => {
+  ye.enableGroup(e);
+}, vt = (e) => {
+  ye.disableGroup(e);
+}, Qr = (e, t) => {
+  ye.updateGroup(e, t);
+}, wt = (e) => {
+  ye.removeGroup(e);
+};
+let Ct = 0;
+const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "number" || !Number.isFinite(e) ? "—" : `${(e < 0 ? 0 : e).toFixed(8)}${t}`, Ve = (e) => Wt(e, "px"), kt = (e) => Wt(e, "%"), sn = (e) => {
+  const { id: t, className: r, style: o, children: i, direction: s } = e, { groupRef: a, contextValue: l, groupStyle: c } = ar(e), [S, b] = ze({ width: 0, height: 0 }), d = l.layoutConstraintViolation, u = !!d, h = u && d ? /* @__PURE__ */ L.jsxs(
+    "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__ */ L.jsx("span", { children: d.reason === "minimum-exceeded" ? "Layout unavailable: minimum panel sizes exceed the container." : "Layout unavailable: panels cannot fill the container with their maximum sizes." }),
+        /* @__PURE__ */ L.jsx("span", { className: "text-slate-500 text-xs dark:text-slate-400", children: d.reason === "minimum-exceeded" ? `Min required: ${Math.ceil(d.totalMinimumSize ?? 0)}px | Available: ${Math.floor(d.availableContainerSize)}px` : `Max total: ${Math.floor(d.totalMaximumSize ?? 0)}px | Needed: ${Math.floor(d.availableContainerSize)}px` })
+      ]
+    }
+  ) : null, C = pe(t ?? Kr()).current, v = t ?? C, p = l.showDebugInfo && l.panels.length > 0, m = p ? l.panels : [], R = p ? l.panelMeasurements : {}, F = de(() => {
+    if (!p)
+      return [];
+    const X = Object.values(l.handleMeasurements);
+    return X.length <= 1 ? X : X.slice().sort((te, Y) => te.id.localeCompare(Y.id));
+  }, [l.handleMeasurements, p]), V = l.containerSize, I = S.width > 0 ? S.width : V.width, ee = S.height > 0 ? S.height : V.height, M = Xr(), $ = p && M === C;
+  Ye(() => {
+    if (!p) {
+      b({ width: 0, height: 0 });
+      return;
+    }
+    if (typeof window > "u" || typeof ResizeObserver > "u")
+      return;
+    const X = a.current;
+    if (!X)
+      return;
+    const te = new ResizeObserver((k) => {
+      for (const ne of k) {
+        if (ne.target !== X)
+          continue;
+        const _ = ne.target, n = _ ? we(_, "horizontal") : null, z = _ ? we(_, "vertical") : null, E = n ? n.inner : 0, N = z ? z.inner : 0, U = ne.contentRect.width, P = ne.contentRect.height, x = E > 0 ? E : U, g = N > 0 ? N : P;
+        b((y) => y.width === x && y.height === g ? y : { width: x, height: g });
+      }
+    });
+    te.observe(X);
+    const { inner: Y } = we(X, "horizontal"), { inner: Z } = we(X, "vertical"), H = X.getBoundingClientRect(), A = Y > 0 ? Y : H.width, D = Z > 0 ? Z : H.height;
+    return b({ width: A, height: D }), () => {
+      te.disconnect();
+    };
+  }, [a, p]);
+  const W = de(() => {
+    if (m.length === 0)
+      return m;
+    let X = !1;
+    const te = m.map((Y) => {
+      const Z = R[Y.id];
+      return !Z || Y.measuredPixelSize === Z.pixelSize && Y.measuredPercentageSize === Z.percentageSize ? Y : (X = !0, {
+        ...Y,
+        measuredPixelSize: Z.pixelSize,
+        measuredPercentageSize: Z.percentageSize
+      });
+    });
+    return X ? te : m;
+  }, [m, R]);
+  return ue(() => {
+    if (!p) {
+      vt(C), wt(C);
+      return;
+    }
+    return Zr(C), () => {
+      vt(C), wt(C);
+    };
+  }, [p, C]), ue(() => {
+    p && Qr(C, {
+      displayName: v,
+      direction: s,
+      containerSize: {
+        width: I,
+        height: ee
+      },
+      panels: W,
+      handles: F
+    });
+  }, [p, C, v, s, I, ee, W, F]), /* @__PURE__ */ L.jsxs(Mt.Provider, { value: l, children: [
+    /* @__PURE__ */ L.jsx("div", { ref: a, className: De("panel-group", s === "horizontal" ? "flex-row" : "flex-col", r), style: { ...c, ...o }, "data-panel-group-id": t, "data-panel-group-direction": s, children: u ? h : i }),
+    $ && /* @__PURE__ */ L.jsx(en, {})
+  ] });
+}, en = () => {
+  const t = Jr().groups, [r, o] = ze(!0);
+  if (t.length === 0 || typeof document > "u")
+    return null;
+  const i = t.reduce((c, S) => c + S.panels.length, 0), s = t.reduce((c, S) => c + (S.handles?.length ?? 0), 0), a = () => {
+    o((c) => !c);
+  }, l = /* @__PURE__ */ L.jsxs(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        left: "50%",
+        bottom: "20px",
+        transform: "translate(-50%, 0)",
+        zIndex: 100,
+        maxWidth: "min(90vw, 1120px)",
+        width: "100%",
+        padding: r ? "10px 18px" : "14px 18px",
+        borderRadius: "14px",
+        backgroundColor: "rgba(15, 23, 42, 0.72)",
+        color: "#e2e8f0",
+        fontFamily: "monospace",
+        fontSize: "11px",
+        lineHeight: 1.6,
+        boxShadow: "0 22px 45px rgba(15,23,42,0.45)",
+        border: "1px solid rgba(148, 163, 184, 0.22)",
+        backdropFilter: "blur(10px)",
+        WebkitBackdropFilter: "blur(10px)",
+        pointerEvents: "auto",
+        overflow: "auto",
+        maxHeight: r ? "52px" : "min(65vh, 520px)",
+        transition: "max-height 0.24s ease, padding 0.24s ease"
+      },
+      children: [
+        /* @__PURE__ */ L.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              flexWrap: "wrap",
+              gap: "12px",
+              marginBottom: r ? 0 : "12px"
+            },
+            children: [
+              /* @__PURE__ */ L.jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "4px"
+                  },
+                  children: [
+                    /* @__PURE__ */ L.jsx(
+                      "span",
+                      {
+                        style: {
+                          fontWeight: 700,
+                          fontSize: "12px",
+                          letterSpacing: "0.03em"
+                        },
+                        children: "Panel Overview"
+                      }
+                    ),
+                    /* @__PURE__ */ L.jsxs("span", { style: { color: "#cbd5f5" }, children: [
+                      "groups: ",
+                      t.length,
+                      " / panels: ",
+                      i,
+                      " / resizers: ",
+                      s
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ L.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => a(),
+                  style: {
+                    padding: "6px 10px",
+                    borderRadius: "9999px",
+                    border: "1px solid rgba(148, 163, 184, 0.35)",
+                    backgroundColor: r ? "rgba(59, 130, 246, 0.2)" : "rgba(71, 85, 105, 0.45)",
+                    color: "#e2e8f0",
+                    fontWeight: 600,
+                    fontSize: "10px",
+                    letterSpacing: "0.03em",
+                    textTransform: "uppercase",
+                    cursor: "pointer",
+                    transition: "background-color 0.18s ease, 0.18s ease border-color"
+                  },
+                  title: r ? "Panel Overview を開く" : "Panel Overview を閉じる",
+                  children: r ? "開く" : "閉じる"
+                }
+              )
+            ]
+          }
+        ),
+        !r && /* @__PURE__ */ L.jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: "12px",
+              maxHeight: "45vh",
+              overflowY: "auto",
+              paddingRight: "6px"
+            },
+            children: t.map((c, S) => {
+              const b = c.direction === "horizontal" ? c.containerSize.width : c.containerSize.height;
+              return /* @__PURE__ */ L.jsxs(
+                "div",
+                {
+                  style: {
+                    padding: "10px 12px",
+                    borderRadius: "10px",
+                    backgroundColor: "rgba(30, 41, 59, 0.55)",
+                    border: "1px solid rgba(148, 163, 184, 0.18)",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "10px"
+                  },
+                  children: [
+                    /* @__PURE__ */ L.jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          justifyContent: "space-between",
+                          alignItems: "center",
+                          flexWrap: "wrap",
+                          gap: "10px",
+                          color: "#dbeafe"
+                        },
+                        children: [
+                          /* @__PURE__ */ L.jsxs(
+                            "span",
+                            {
+                              style: {
+                                fontWeight: 600,
+                                fontSize: "11px",
+                                letterSpacing: "0.02em",
+                                textTransform: "uppercase"
+                              },
+                              children: [
+                                "group ",
+                                S + 1,
+                                ": ",
+                                c.displayName
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ L.jsxs("span", { children: [
+                            "direction: ",
+                            c.direction,
+                            " / container: ",
+                            Ve(c.containerSize.width),
+                            " × ",
+                            Ve(c.containerSize.height)
+                          ] })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ L.jsx(
+                      "div",
+                      {
+                        style: {
+                          display: "grid",
+                          gridTemplateColumns: "repeat(auto-fill, minmax(220px, 1fr))",
+                          gap: "10px"
+                        },
+                        children: c.panels.map((d, u) => {
+                          const h = d.measuredPixelSize ?? d.size, w = d.size, C = Ve(w), v = d.percentageSize ?? (b > 0 ? d.size / b * 100 : void 0), p = d.measuredPercentageSize !== void 0 ? d.measuredPercentageSize : b > 0 ? h / b * 100 : void 0, m = d.collapsed || h <= _t, R = d.collapsed ? "collapsed" : m ? "hidden" : "visible", F = kt(v), V = kt(p), I = Ve(h);
+                          return /* @__PURE__ */ L.jsxs(
+                            "div",
+                            {
+                              style: {
+                                padding: "8px 10px",
+                                borderRadius: "8px",
+                                backgroundColor: "rgba(15, 23, 42, 0.55)",
+                                border: "1px solid rgba(148, 163, 184, 0.16)",
+                                display: "flex",
+                                flexDirection: "column",
+                                gap: "4px"
+                              },
+                              children: [
+                                /* @__PURE__ */ L.jsxs(
+                                  "div",
+                                  {
+                                    style: {
+                                      display: "flex",
+                                      justifyContent: "space-between",
+                                      alignItems: "center",
+                                      gap: "6px"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ L.jsx("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis" }, children: d.id }),
+                                      /* @__PURE__ */ L.jsx(
+                                        "span",
+                                        {
+                                          style: {
+                                            padding: "2px 6px",
+                                            borderRadius: "9999px",
+                                            fontSize: "10px",
+                                            textTransform: "uppercase",
+                                            backgroundColor: d.collapsed ? "rgba(251, 113, 133, 0.25)" : m ? "rgba(250, 204, 21, 0.25)" : "rgba(74, 222, 128, 0.25)",
+                                            color: d.collapsed ? "#fecdd3" : m ? "#fef08a" : "#bbf7d0"
+                                          },
+                                          children: R
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ L.jsxs(
+                                  "div",
+                                  {
+                                    style: {
+                                      display: "grid",
+                                      gridTemplateColumns: "auto 1fr",
+                                      gap: "2px 10px",
+                                      color: "#e2e8f0"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ L.jsx("span", { children: "size (state):" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: C }),
+                                      /* @__PURE__ */ L.jsx("span", { children: "size (measured):" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: I }),
+                                      /* @__PURE__ */ L.jsx("span", { children: "percentage (state):" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: F }),
+                                      /* @__PURE__ */ L.jsx("span", { children: "percentage (measured):" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: V }),
+                                      /* @__PURE__ */ L.jsx("span", { children: "unit:" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: d.sizeUnit }),
+                                      /* @__PURE__ */ L.jsx("span", { children: "min:" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: d.minSize !== void 0 ? JSON.stringify(d.minSize) : "—" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: "max:" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: d.maxSize !== void 0 ? JSON.stringify(d.maxSize) : "—" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: "priority:" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: d.pixelAdjustPriority ?? "—" })
+                                    ]
+                                  }
+                                )
+                              ]
+                            },
+                            d.id || u
+                          );
+                        })
+                      }
+                    )
+                  ]
+                },
+                c.groupId
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+  return Jt(l, document.body);
+}, an = nt(({ id: e, disabled: t = !1, className: r, style: o, children: i, onDragging: s }) => {
+  const { direction: a, resizePanels: l, getPanel: c, collapsePanel: S, expandPanel: b, panels: d, reportHandleMeasurement: u, containerSize: h } = it(), [w, C] = ze(!1), v = pe(null), p = pe(null), m = pe(""), R = pe(""), [F, V] = ze({ left: null, right: null }), I = pe(e ?? nr()), ee = pe(null), M = e ?? I.current;
+  ue(() => {
+    if (v.current) {
+      const P = v.current.parentElement;
+      if (P) {
+        p.current = P;
+        const x = Array.from(P.children), g = v.current, y = x.indexOf(g);
+        if (y > 0 && y < x.length - 1) {
+          let B = null, j = null;
+          for (let G = y - 1; G >= 0; G -= 1) {
+            const re = x[G];
+            if (re.dataset.panelId) {
+              B = re;
+              break;
+            }
+          }
+          for (let G = y + 1; G < x.length; G += 1) {
+            const re = x[G];
+            if (re.dataset.panelId) {
+              j = re;
+              break;
+            }
+          }
+          m.current = B?.dataset.panelId || "", R.current = j?.dataset.panelId || "", V({
+            left: m.current || null,
+            right: R.current || null
+          });
+        }
+      }
+    }
+  }, []), ue(() => {
+    if (M === I.current)
+      return;
+    const P = I.current;
+    I.current = M, ee.current = null, P !== M && u(P, null);
+  }, [u, M]), ue(() => {
+    const P = I.current;
+    return () => {
+      u(P, null);
+    };
+  }, [u]);
+  const $ = fe(
+    (P) => {
+      if (t || !p.current) return;
+      P.preventDefault(), P.stopPropagation();
+      const x = p.current, { inner: g } = we(x, a), y = { x: P.clientX, y: P.clientY }, B = c(m.current), j = c(R.current);
+      if (!(B && j)) return;
+      const G = B.size, re = j.size;
+      let K = 0;
+      const Q = Qt;
+      C(!0), s?.(!0), P.currentTarget.setPointerCapture(P.pointerId);
+      const se = (q) => {
+        if (!v.current) return;
+        q.preventDefault(), q.stopPropagation();
+        const ae = performance.now();
+        if (ae - K < Q) return;
+        K = ae;
+        const ie = a === "horizontal" ? q.clientX - y.x : q.clientY - y.y;
+        if (ie === 0)
+          return;
+        const ce = G + ie, be = re - ie, xe = c(m.current), ge = c(R.current);
+        if (xe && ge && m.current && R.current) {
+          const Se = oe(xe.minSize, 0, g), Ee = oe(ge.minSize, 0, g), Pe = Se, Ce = Ee, at = Math.min(g * It, At), lt = Math.min(g * Kt, er);
+          if (ge.collapsible && !ge.collapsed && be <= Math.max(Ee * 0.3, at)) {
+            S(R.current);
+            return;
+          }
+          if (xe.collapsible && !xe.collapsed && ce <= Math.max(Se * 0.3, at)) {
+            S(m.current);
+            return;
+          }
+          if (ge.collapsed && be > Math.max(Ee * 0.3, lt)) {
+            b(R.current, be);
+            return;
+          }
+          if (xe.collapsed && ce > Math.max(Se * 0.3, lt)) {
+            b(m.current, ce);
+            return;
+          }
+          if (g > 0) {
+            const ct = xe.size + ge.size, Ge = Ke(g);
+            let qe = !1;
+            if (Pe <= Ge && ce <= Ge && G !== 0) {
+              const Ne = Math.max(0, ct - 0);
+              Ne >= Ce && (l(m.current, R.current, 0, Ne), qe = !0);
+            } else if (Ce <= Ge && be <= Ge && re !== 0) {
+              const Ne = Math.max(0, ct - 0);
+              Ne >= Pe && (l(m.current, R.current, Ne, 0), qe = !0);
+            }
+            if (qe)
+              return;
+          }
+          if (xe.collapsed || ge.collapsed)
+            return;
+          l(m.current, R.current, ce, be);
+        }
+      }, f = () => {
+        C(!1), s?.(!1), document.removeEventListener("pointermove", se), document.removeEventListener("pointerup", f);
+      };
+      document.addEventListener("pointermove", se), document.addEventListener("pointerup", f);
+    },
+    [t, a, l, c, S, b, s]
+  ), W = a === "horizontal", te = 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" : "cursor-row-resize",
+    W ? "h-full" : "w-full",
+    !t && "hover:bg-gray-200/70 dark:hover:bg-gray-700/70",
+    !t && "active:bg-blue-300/60 dark:active:bg-blue-700/60",
+    w && "bg-blue-200/80 dark:bg-blue-800/60",
+    t && "cursor-not-allowed opacity-50",
+    "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+    r
+  ), Y = de(() => {
+    const P = (x) => {
+      if (!x)
+        return -1;
+      for (let g = 0; g < d.length; g += 1)
+        if (d[g].id === x)
+          return g;
+      return -1;
+    };
+    return {
+      left: P(F.left),
+      right: P(F.right)
+    };
+  }, [F.left, F.right, d]), Z = W ? h.width : h.height, H = de(() => {
+    const P = (x, g) => {
+      if (x > g)
+        return 0;
+      let y = 0;
+      for (let B = x; B <= g; B += 1) {
+        const j = d[B];
+        if (!j)
+          continue;
+        const G = j.size ?? 0, re = Math.max(0, G);
+        y += j.collapsed ? 0 : re;
+      }
+      return y;
+    };
+    return Y.left >= 0 ? P(0, Y.left) : Y.right > 0 ? P(0, Y.right - 1) : 0;
+  }, [Y.left, Y.right, d]), A = de(() => !Number.isFinite(H) || H < 0 ? 0 : Z > 0 && H > Z ? Z : H, [H, Z]), D = de(() => {
+    const P = {
+      position: "absolute",
+      zIndex: 20,
+      touchAction: "none"
+    };
+    return W ? (P.top = 0, P.left = `${A}px`, P.transform = "translateX(-50%)", P.width = `${dt}px`, P.height = "100%") : (P.left = 0, P.top = `${A}px`, P.transform = "translateY(-50%)", P.height = `${dt}px`, P.width = "100%"), P;
+  }, [A, W]), k = de(() => {
+    const P = Ke(Z), x = (Q) => {
+      if (Q < 0 || Q >= d.length)
+        return !1;
+      const se = d[Q];
+      return se ? se.collapsed ? !0 : se.size <= P : !1;
+    }, g = (Q, se) => {
+      if (!x(Q))
+        return 0;
+      let f = 0;
+      for (let q = Q; q >= 0 && q < d.length && x(q); q += se)
+        f += 1;
+      return f;
+    }, y = Y.left, B = Y.right, j = y >= 0 ? g(y, -1) : 0, G = B >= 0 ? g(B, 1) : 0;
+    return {
+      groupSize: j + G + 1,
+      overlapIndex: j
+    };
+  }, [Y.left, Y.right, d, Z]), ne = de(() => {
+    if (k.groupSize <= 1)
+      return !1;
+    const P = k.groupSize - 1;
+    return k.overlapIndex > 0 && k.overlapIndex < P;
+  }, [k]), _ = de(() => {
+    if (k.groupSize <= 1 || ne)
+      return 0;
+    const P = k.groupSize > 1 ? 2 : 1;
+    if (P === 1)
+      return 0;
+    const x = k.overlapIndex === 0 ? 0 : P - 1, g = (P - 1) / 2;
+    return (x - g) * Zt;
+  }, [k, ne]), n = de(() => {
+    if (ne)
+      return { display: "none" };
+    if (_ !== 0)
+      return W ? { transform: `translateX(${_}px)` } : { transform: `translateY(${_}px)` };
+  }, [_, W, ne]), z = De(
+    "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 ? "h-12 w-[6px] px-[2px]" : "h-[6px] w-20 py-[2px]",
+    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)]"
+  ), E = De(
+    "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 ? "h-8 w-[2px]" : "h-[2px] w-16",
+    w && "bg-blue-500 dark:bg-blue-300",
+    !t && "group-hover:bg-slate-700 dark:group-hover:bg-slate-100"
+  ), N = fe(() => {
+    const P = v.current;
+    if (!P)
+      return;
+    let x = 0;
+    if (!ne) {
+      const B = a === "horizontal" ? P.offsetWidth : P.offsetHeight;
+      let j = 0, G = 0;
+      if (typeof window < "u") {
+        const K = window.getComputedStyle(P);
+        a === "horizontal" ? (j = Number.parseFloat(K.marginLeft || "0"), G = Number.parseFloat(K.marginRight || "0")) : (j = Number.parseFloat(K.marginTop || "0"), G = Number.parseFloat(K.marginBottom || "0"));
+      }
+      x = [B, j, G].reduce((K, Q) => Number.isFinite(Q) ? K + Q : K, 0);
+    }
+    (!Number.isFinite(x) || x < 0) && (x = 0);
+    const g = {
+      id: M,
+      thickness: x,
+      direction: a,
+      visible: !ne && x > tr,
+      startPanelId: F.left,
+      endPanelId: F.right
+    }, y = ee.current;
+    y && Math.abs(y.thickness - g.thickness) <= 0.25 && y.visible === g.visible && y.direction === g.direction && y.startPanelId === g.startPanelId && y.endPanelId === g.endPanelId || (ee.current = g, u(M, g));
+  }, [a, F.left, F.right, u, M, ne]);
+  ue(() => {
+    N();
+  }, [N]), ue(() => {
+    const P = v.current;
+    if (!P)
+      return;
+    if (typeof ResizeObserver > "u") {
+      N();
+      return;
+    }
+    const x = new ResizeObserver(() => {
+      N();
+    });
+    return x.observe(P), () => {
+      x.disconnect();
+    };
+  }, [N]);
+  const U = de(() => {
+    const P = o ? { ...D, ...o } : D;
+    return ne ? {
+      ...P,
+      display: "none",
+      pointerEvents: "none",
+      visibility: "hidden"
+    } : P;
+  }, [D, ne, o]);
+  return /* @__PURE__ */ L.jsx(
+    "button",
+    {
+      type: "button",
+      ref: v,
+      className: te,
+      style: U,
+      onPointerDown: $,
+      disabled: t,
+      "aria-hidden": ne || void 0,
+      "aria-label": `Resize ${W ? "columns" : "rows"} - Drag to collapse/expand panels`,
+      "data-resize-handle-id": M,
+      title: `ドラッグして${W ? "列" : "行"}をリサイズ、端まで移動して折りたたみ/展開`,
+      children: i || /* @__PURE__ */ L.jsx("div", { className: z, style: n, children: /* @__PURE__ */ L.jsx("span", { className: E }) })
+    }
+  );
+}), ln = (e) => document.querySelector(`[data-panel-id="${e}"]`), cn = (e) => document.querySelector(`[data-panel-group-id="${e}"]`), dn = (e) => document.querySelector(`[data-resize-handle-id="${e}"]`);
+export {
+  on as Panel,
+  sn as PanelGroup,
+  Mt as PanelGroupContext,
+  an as PanelResizeHandle,
+  he as clamp,
+  rr as generatePanelId,
+  oe as getConstraintInPixels,
+  we as getContainerSize,
+  ln as getPanelElement,
+  cn as getPanelGroupElement,
+  dn as getResizeHandleElement,
+  or as loadLayout,
+  Le as normalizeSizeConfig,
+  ir as saveLayout,
+  nn as usePanelControls,
+  it as usePanelGroup,
+  ar as useResizablePanels
+};