react-panel-layout 0.6.1 → 0.7.0

package/dist/GridLayout-UWNxXw77.js

@@ -1,926 +0,0 @@
-import { jsx as w, Fragment as Z, jsxs as K } from "react/jsx-runtime";
-import * as d from "react";
-import { e as zt, F as Tt, u as wt, L as Mt, P as Pt, f as xt, G as kt, b as Ht } from "./FloatingWindow-CUXnEtrb.js";
-import { G as $, v as L, w as j } from "./styles-NkjuMOVS.js";
-import { u as Nt } from "./SwipePivotTabBar-DWrCuwEI.js";
-import { R as Dt } from "./ResizeHandle-CXjc1meV.js";
-import { u as St } from "./useIsomorphicLayoutEffect-DhmEnmZ_.js";
-import { u as st, b as it } from "./useDocumentPointerEvents-DXxw3qWj.js";
-const Gt = () => {
-  const t = /* @__PURE__ */ new Map();
-  return (e) => {
-    if (!e)
-      return;
-    const n = t.get(e);
-    if (n !== void 0)
-      return n;
-    const r = t.size;
-    return t.set(e, r), r;
-  };
-}, At = Gt(), V = /* @__PURE__ */ new Map(), $t = (t) => {
-  const e = `ovs-threshold:${t.threshold}-rootMargin:${t.rootMargin}-root:${At(t.root)}`;
-  if (V.has(e))
-    return V.get(e);
-  const n = new class {
-    #t = /* @__PURE__ */ new Map();
-    #e = new IntersectionObserver((r) => {
-      r.forEach((o) => {
-        const s = this.#t.get(o.target);
-        s && s(o);
-      });
-    }, t);
-    observe(r, o) {
-      return this.#t.set(r, o), this.#e.observe(r), () => {
-        this.#t.delete(r), this.#e.unobserve(r);
-      };
-    }
-  }();
-  return V.set(e, n), n;
-}, at = Object.freeze({
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0
-});
-function Ft(t, { threshold: e = 0, rootMargin: n = "0px", root: r = null }) {
-  const [o, s] = d.useState(null);
-  return d.useEffect(() => {
-    const a = t.current;
-    return a ? $t({
-      threshold: e,
-      rootMargin: n,
-      root: r
-    }).observe(a, (u) => {
-      s({
-        isIntersecting: u.isIntersecting,
-        boundingClientRect: u.boundingClientRect,
-        intersectionRatio: u.intersectionRatio,
-        intersectionRect: u.intersectionRect,
-        rootBounds: u.rootBounds,
-        target: u.target,
-        time: u.time
-      });
-    }) : void 0;
-  }, [t, e, n, r]), d.useMemo(() => ({
-    isIntersecting: o?.isIntersecting ?? !1,
-    boundingClientRect: o?.boundingClientRect ?? at,
-    intersectionRatio: o?.intersectionRatio ?? 0,
-    intersectionRect: o?.intersectionRect ?? at,
-    rootBounds: o?.rootBounds ?? null,
-    target: o?.target ?? t.current,
-    time: o?.time ?? 0
-  }), [o, t]);
-}
-const vt = {
-  position: "absolute",
-  pointerEvents: "auto",
-  boxSizing: "border-box",
-  background: "transparent",
-  border: "none"
-}, Ot = {
-  ...vt,
-  width: L,
-  height: L,
-  zIndex: 2
-}, Yt = {
-  ...vt,
-  zIndex: 1
-}, _t = {
-  "top-left": {
-    top: 0,
-    left: 0,
-    transform: "translate(-50%, -50%)",
-    cursor: "nwse-resize"
-  },
-  "top-right": {
-    top: 0,
-    right: 0,
-    transform: "translate(50%, -50%)",
-    cursor: "nesw-resize"
-  },
-  "bottom-left": {
-    bottom: 0,
-    left: 0,
-    transform: "translate(-50%, 50%)",
-    cursor: "nesw-resize"
-  },
-  "bottom-right": {
-    bottom: 0,
-    right: 0,
-    transform: "translate(50%, 50%)",
-    cursor: "nwse-resize"
-  }
-}, Bt = {
-  left: {
-    top: L,
-    bottom: L,
-    left: 0,
-    width: $,
-    transform: "translateX(-50%)",
-    cursor: "ew-resize"
-  },
-  right: {
-    top: L,
-    bottom: L,
-    right: 0,
-    width: $,
-    transform: "translateX(50%)",
-    cursor: "ew-resize"
-  },
-  top: {
-    left: L,
-    right: L,
-    top: 0,
-    height: $,
-    transform: "translateY(-50%)",
-    cursor: "ns-resize"
-  },
-  bottom: {
-    left: L,
-    right: L,
-    bottom: 0,
-    height: $,
-    transform: "translateY(50%)",
-    cursor: "ns-resize"
-  }
-}, Wt = [
-  { key: "top-left", variant: "corner", horizontal: "left", vertical: "top" },
-  { key: "top-right", variant: "corner", horizontal: "right", vertical: "top" },
-  { key: "bottom-left", variant: "corner", horizontal: "left", vertical: "bottom" },
-  { key: "bottom-right", variant: "corner", horizontal: "right", vertical: "bottom" },
-  { key: "left", variant: "edge", horizontal: "left" },
-  { key: "right", variant: "edge", horizontal: "right" },
-  { key: "top", variant: "edge", vertical: "top" },
-  { key: "bottom", variant: "edge", vertical: "bottom" }
-], Xt = ({ layerId: t, onPointerDown: e }) => /* @__PURE__ */ w(Z, { children: Wt.map((n) => {
-  const r = n.variant === "corner" ? Ot : Yt, o = n.variant === "corner" ? _t[n.key] : Bt[n.key], s = { ...r, ...o }, a = n.variant === "corner" ? { "data-resize-corner": n.key } : { "data-resize-edge": n.key };
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      role: "presentation",
-      "aria-hidden": "true",
-      style: s,
-      ...a,
-      "data-layer-id": t,
-      onPointerDown: (l) => e(n, l)
-    },
-    n.key
-  );
-}) }), jt = ({ pivot: t }) => {
-  const { Outlet: e } = Nt({
-    items: t.items,
-    activeId: t.activeId,
-    defaultActiveId: t.defaultActiveId,
-    onActiveChange: t.onActiveChange,
-    transitionMode: t.transitionMode
-  });
-  return /* @__PURE__ */ w(e, {});
-}, Vt = (t, e) => t.pivot ? /* @__PURE__ */ w(jt, { pivot: t.pivot }) : t.cache ? e(t.id) : t.component, Ct = d.memo(({ layer: t, onClose: e }) => {
-  const { getCachedContent: n } = zt(), r = Vt(t, n);
-  return t.floating?.chrome ? /* @__PURE__ */ w(Tt, { id: t.id, config: t.floating, onClose: e, children: r }) : r;
-});
-Ct.displayName = "LayerContentRenderer";
-const Rt = d.memo(({ layerId: t, isResizable: e, onPointerDown: n }) => e ? /* @__PURE__ */ w(Xt, { layerId: t, onPointerDown: n }) : null);
-Rt.displayName = "LayerResizeHandles";
-const Kt = (t, e) => t ? "auto" : e ? "visible" : "hidden", Et = d.memo(({ layer: t, handleLayerPointerDown: e }) => {
-  const { getLayerRenderState: n } = wt(), { style: r, isResizable: o, isResizing: s, onResizeHandlePointerDown: a } = n(t), l = d.useMemo(() => {
-    const f = {};
-    return t.gridArea && (f.gridArea = t.gridArea), t.gridRow && (f.gridRow = t.gridRow), t.gridColumn && (f.gridColumn = t.gridColumn), f;
-  }, [t.gridArea, t.gridRow, t.gridColumn]), u = d.useMemo(() => {
-    const f = !!t.floating, g = Kt(t.scrollable, f), b = {
-      ...r,
-      ...l,
-      minWidth: 0,
-      minHeight: 0,
-      overflow: g
-    };
-    return o ? { ...b, position: "relative" } : b;
-  }, [r, l, o, t.scrollable, t.floating]), p = d.useCallback(() => {
-    t.floating?.onClose?.();
-  }, [t.floating]);
-  return /* @__PURE__ */ K(
-    "div",
-    {
-      "data-layer-id": t.id,
-      "data-draggable": !!t.floating?.draggable,
-      "data-resizable": o,
-      "data-resizing": s,
-      style: u,
-      onPointerDown: e,
-      children: [
-        /* @__PURE__ */ w(Mt, { layerId: t.id, children: /* @__PURE__ */ w(Ct, { layer: t, onClose: p }) }),
-        /* @__PURE__ */ w(Rt, { layerId: t.id, isResizable: o, onPointerDown: a })
-      ]
-    }
-  );
-});
-Et.displayName = "EmbeddedLayer";
-const Ut = ({ layers: t }) => {
-  const { handleLayerPointerDown: e } = wt();
-  return /* @__PURE__ */ w(Z, { children: t.map((n) => {
-    const r = n.floating?.mode ?? "embedded";
-    return n.floating && r === "popup" ? /* @__PURE__ */ w(Pt, { layer: n }, n.id) : /* @__PURE__ */ w(Et, { layer: n, handleLayerPointerDown: e }, n.id);
-  }) });
-}, ct = {
-  position: "absolute",
-  pointerEvents: "auto"
-}, lt = ({
-  direction: t,
-  trackIndex: e,
-  align: n,
-  gap: r,
-  span: o,
-  onResize: s
-}) => {
-  const a = t === "col" ? "vertical" : "horizontal", l = d.useCallback(
-    (f) => {
-      const g = n === "start" ? -f : f;
-      s(t, e, g);
-    },
-    [n, t, e, s]
-  ), u = d.useMemo(() => t === "col" ? {
-    gridColumn: `${e + 1} / ${e + 2}`,
-    gridRow: `${o.start} / ${o.end}`
-  } : {
-    gridRow: `${e + 1} / ${e + 2}`,
-    gridColumn: `${o.start} / ${o.end}`
-  }, [t, e, o]), p = d.useMemo(() => {
-    const g = Math.max(0, r) / 2 + j / 2;
-    return t === "col" ? {
-      ...ct,
-      width: j,
-      height: "100%",
-      top: 0,
-      bottom: 0,
-      ...n === "start" ? { left: -g } : { right: -g }
-    } : {
-      ...ct,
-      width: "100%",
-      height: j,
-      left: 0,
-      right: 0,
-      ...n === "start" ? { top: -g } : { bottom: -g }
-    };
-  }, [n, t, r]);
-  return /* @__PURE__ */ w("div", { "data-resizable": "true", style: { ...u, position: "relative", pointerEvents: "none" }, children: /* @__PURE__ */ w("div", { "data-direction": a, "data-align": n, "data-handle": "true", style: p, children: /* @__PURE__ */ w(Dt, { direction: a, onResize: l }) }) });
-}, Zt = (t) => {
-  const e = /* @__PURE__ */ new Map();
-  t.forEach((r, o) => {
-    r.forEach((s, a) => {
-      if (!s || s === ".")
-        return;
-      const l = e.get(s);
-      if (l) {
-        const p = {
-          rowStart: Math.min(l.rowStart, o),
-          rowEnd: Math.max(l.rowEnd, o),
-          colStart: Math.min(l.colStart, a),
-          colEnd: Math.max(l.colEnd, a)
-        };
-        e.set(s, p);
-        return;
-      }
-      const u = {
-        rowStart: o,
-        rowEnd: o,
-        colStart: a,
-        colEnd: a
-      };
-      e.set(s, u);
-    });
-  });
-  const n = /* @__PURE__ */ new Map();
-  return e.forEach((r, o) => {
-    const s = r.rowStart + 1, a = r.rowEnd + 2, l = r.colStart + 1, u = r.colEnd + 2, p = {
-      gridArea: o,
-      gridRow: `${s} / ${a}`,
-      gridColumn: `${l} / ${u}`
-    };
-    n.set(o, p);
-  }), n;
-}, qt = (t, e) => {
-  if ((t.positionMode ?? "grid") !== "grid")
-    return t;
-  const r = t.gridArea ?? t.id, o = e.get(r);
-  if (!o)
-    return t;
-  const s = !t.gridArea, a = !t.gridRow, l = !t.gridColumn;
-  return !s && !a && !l ? t : {
-    ...t,
-    gridArea: s ? o.gridArea : t.gridArea,
-    gridRow: a ? o.gridRow : t.gridRow,
-    gridColumn: l ? o.gridColumn : t.gridColumn
-  };
-}, Jt = (t, e) => {
-  const n = d.useMemo(() => Zt(t.areas), [t.areas]), r = d.useMemo(() => e.map((l) => qt(l, n)), [e, n]), o = d.useMemo(
-    () => r.filter((l) => l.visible !== !1),
-    [r]
-  ), s = d.useMemo(
-    () => o.filter((l) => !l.drawer),
-    [o]
-  ), a = d.useMemo(() => {
-    const l = /* @__PURE__ */ new Map();
-    return r.forEach((u) => {
-      l.set(u.id, u);
-    }), l;
-  }, [r]);
-  return {
-    normalizedLayers: r,
-    visibleLayers: o,
-    regularLayers: s,
-    layerById: a
-  };
-}, Qt = (t) => {
-  if (!t)
-    return { rowGap: 0, columnGap: 0 };
-  const e = t.split(/\s+/).map((r) => r.trim()).filter(Boolean), n = (r) => {
-    const o = r.match(/^(-?\d+(?:\.\d+)?)px$/);
-    return o ? Number.parseFloat(o[1]) : 0;
-  };
-  if (e.length === 1) {
-    const r = n(e[0]);
-    return { rowGap: r, columnGap: r };
-  }
-  return {
-    rowGap: n(e[0]),
-    columnGap: n(e[1])
-  };
-}, te = (t, e) => {
-  if (!t)
-    return [];
-  const n = getComputedStyle(t);
-  return (e === "col" ? n.gridTemplateColumns : n.gridTemplateRows).split(/\s+/).map((o) => parseFloat(o)).filter((o) => !Number.isNaN(o));
-}, yt = (t, e = Number.NEGATIVE_INFINITY, n = Number.POSITIVE_INFINITY) => Math.min(Math.max(t, e), n), je = (t, e) => typeof t != "number" || !Number.isFinite(t) ? e : t, _ = (t, e) => `${t}-${e}`, ee = (t, e, n, r) => {
-  const o = _(n, r), s = e[o];
-  return s !== void 0 ? `minmax(${t.minSize ?? 0}px, ${s}px)` : t.size;
-}, ut = (t, e, n) => t.map((r, o) => ee(r, e, n, o)).join(" "), F = (t, e) => t.reduce((n, r, o) => (r.resizable && r.size.endsWith("px") && (n[_(e, o)] = parseInt(r.size, 10)), n), {}), ne = ({
-  trackSizes: t,
-  track: e,
-  direction: n,
-  trackIndex: r,
-  containerRef: o
-}) => {
-  const s = _(n, r), a = t[s];
-  if (a !== void 0)
-    return a;
-  const u = te(o?.current ?? null, n)[r];
-  return u !== void 0 && u > 0 ? u : e.size.endsWith("px") ? Number.parseInt(e.size, 10) : 300;
-}, re = (t, e) => t.reduce((n, r, o) => o === e ? n : r.size.includes("fr") ? n + 100 : n + (r.minSize ?? 50), 0), oe = ({
-  track: t,
-  tracks: e,
-  trackIndex: n,
-  direction: r,
-  containerRef: o,
-  gapSizes: s
-}) => {
-  if (!o?.current)
-    return t.maxSize;
-  const a = r === "col" ? o.current.offsetWidth : o.current.offsetHeight, l = re(e, n), u = e.length - 1, p = r === "col" ? s.columnGap : s.rowGap, f = u * p, g = a - l - f;
-  return t.maxSize !== void 0 ? Math.min(t.maxSize, g) : g;
-}, se = (t, e, n) => yt(t, e ?? Number.NEGATIVE_INFINITY, n ?? Number.POSITIVE_INFINITY), dt = (t, e) => {
-  const n = t.length, r = [];
-  for (let a = 0; a < n; a++) {
-    const l = t[a], u = l[e], p = l[e + 1];
-    u !== p && r.push(a);
-  }
-  if (r.length === 0)
-    return { start: 1, end: n + 1 };
-  const o = Math.min(...r), s = Math.max(...r);
-  return { start: o + 1, end: s + 2 };
-}, gt = (t, e) => {
-  const n = t[e], r = t[e + 1], o = n?.length ?? 0, s = [];
-  for (let u = 0; u < o; u++) {
-    const p = n?.[u], f = r?.[u];
-    p !== f && s.push(u);
-  }
-  if (s.length === 0)
-    return { start: 1, end: o + 1 };
-  const a = Math.min(...s), l = Math.max(...s);
-  return { start: a + 1, end: l + 2 };
-}, ie = (t, e) => {
-  if (t.length === 0)
-    return [];
-  const n = e.length;
-  if (t.length === 1)
-    return t[0]?.resizable ? [{ trackIndex: 0, align: "end", span: { start: 1, end: n + 1 } }] : [];
-  const r = [];
-  return Array.from({ length: t.length - 1 }, (s, a) => a).forEach((s) => {
-    const a = t[s];
-    if (t[s + 1]?.resizable) {
-      const u = dt(e, s);
-      r.push({ trackIndex: s + 1, align: "start", span: u });
-      return;
-    }
-    if (a?.resizable) {
-      const u = dt(e, s);
-      r.push({ trackIndex: s, align: "end", span: u });
-    }
-  }), r;
-}, ae = (t, e) => {
-  if (t.length === 0)
-    return [];
-  const n = e[0]?.length ?? 0;
-  if (t.length === 1)
-    return t[0]?.resizable ? [{ trackIndex: 0, align: "end", span: { start: 1, end: n + 1 } }] : [];
-  const r = [];
-  return Array.from({ length: t.length - 1 }, (s, a) => a).forEach((s) => {
-    const a = t[s];
-    if (t[s + 1]?.resizable) {
-      const u = gt(e, s);
-      r.push({ trackIndex: s + 1, align: "start", span: u });
-      return;
-    }
-    if (a?.resizable) {
-      const u = gt(e, s);
-      r.push({ trackIndex: s, align: "end", span: u });
-    }
-  }), r;
-}, ce = (t) => t !== void 0 ? { gap: t } : {}, le = (t, e) => {
-  const n = Object.keys(e), r = {};
-  for (const f of n)
-    r[f] = t[f] ?? e[f];
-  const o = Object.keys(t), s = o.length !== n.length, a = o.some(
-    (f) => !Object.prototype.hasOwnProperty.call(r, f)
-  ), l = s ? !0 : a, u = n.some((f) => t[f] !== r[f]);
-  return (l ? !0 : u) ? r : null;
-}, ue = (t, e, n) => {
-  const [r, o] = d.useState(() => ({
-    ...F(t.columns, "col"),
-    ...F(t.rows, "row")
-  }));
-  St(() => {
-    const g = {
-      ...F(t.columns, "col"),
-      ...F(t.rows, "row")
-    };
-    o((b) => le(b, g) ?? b);
-  }, [t.columns, t.rows]);
-  const s = d.useMemo(() => t.areas.map((g) => `"${g.join(" ")}"`).join(" "), [t.areas]), a = d.useMemo(() => Qt(t.gap), [t.gap]), l = d.useMemo(
-    () => ie(t.columns, t.areas),
-    [t.columns, t.areas]
-  ), u = d.useMemo(
-    () => ae(t.rows, t.areas),
-    [t.rows, t.areas]
-  ), p = d.useMemo(() => ({
-    ...t.style,
-    ...e,
-    gridTemplateAreas: s,
-    gridTemplateRows: ut(t.rows, r, "row"),
-    gridTemplateColumns: ut(t.columns, r, "col"),
-    ...ce(t.gap)
-  }), [s, t.columns, t.gap, t.rows, t.style, e, r]), f = d.useCallback(
-    (g, b, v) => {
-      const E = g === "row" ? t.rows : t.columns, R = E[b];
-      if (!R || !R.resizable)
-        return;
-      const M = ne({
-        trackSizes: r,
-        track: R,
-        direction: g,
-        trackIndex: b,
-        containerRef: n
-      }), P = oe({
-        track: R,
-        tracks: E,
-        trackIndex: b,
-        direction: g,
-        containerRef: n,
-        gapSizes: a
-      }), x = _(g, b);
-      o((D) => {
-        const y = M + v, I = se(y, R.minSize, P);
-        return { ...D, [x]: I };
-      });
-    },
-    [t.columns, t.rows, r, n, a]
-  );
-  return {
-    columnHandles: l,
-    rowHandles: u,
-    gapSizes: a,
-    gridStyle: p,
-    handleResize: f
-  };
-}, de = (t) => t.positionMode ? t.positionMode : t.floating ? (t.floating.mode ?? "embedded") === "embedded" ? "absolute" : "relative" : "grid", ge = (t) => ({ position: t === "grid" ? "relative" : t }), he = (t, e) => e !== "grid" ? {} : {
-  gridArea: t.gridArea,
-  gridRow: t.gridRow,
-  gridColumn: t.gridColumn
-}, fe = (t) => t ? {
-  top: t.top,
-  right: t.right,
-  bottom: t.bottom,
-  left: t.left
-} : {}, me = (t) => t !== void 0 ? { zIndex: t } : {}, pe = (t, e) => ({
-  width: t,
-  height: e
-}), be = (t, e) => t.pointerEvents !== void 0 ? typeof t.pointerEvents == "boolean" ? { pointerEvents: t.pointerEvents ? "auto" : "none" } : { pointerEvents: t.pointerEvents } : e === "absolute" || e === "fixed" ? { pointerEvents: "auto" } : {}, ze = (t) => t.floating ? t.floating.position ?? t.floating.defaultPosition ?? t.position : t.position, we = (t) => {
-  if (t.floating) {
-    const e = t.floating.size ?? t.floating.defaultSize;
-    if (e)
-      return {
-        width: e.width,
-        height: e.height
-      };
-  }
-  return {
-    width: t.width,
-    height: t.height
-  };
-}, Se = (t) => t.floating?.zIndex !== void 0 ? t.floating.zIndex : t.zIndex, ve = (t) => {
-  const e = de(t), n = ze(t), r = we(t), o = Se(t);
-  return {
-    ...t.style,
-    ...ge(e),
-    ...he(t, e),
-    ...fe(n),
-    ...me(o),
-    ...pe(r.width, r.height),
-    ...be(t, e)
-  };
-}, Ce = (t) => {
-  const e = t.floating;
-  return e ? e.mode ?? "embedded" : null;
-}, H = (t) => Ce(t) !== "embedded" ? null : t.floating ?? null, ht = (t) => t instanceof HTMLElement ? ["INPUT", "TEXTAREA", "SELECT", "BUTTON"].includes(t.tagName) : !1, ft = (t, e, n) => {
-  const r = e ?? Number.NEGATIVE_INFINITY, o = n ?? Number.POSITIVE_INFINITY;
-  return yt(t, r, o);
-}, mt = (t, e, n) => {
-  if (typeof t == "number" && Number.isFinite(t))
-    return t;
-  throw new Error(
-    `Floating layer "${n}" must provide a numeric "${e}" value when draggable mode is enabled.`
-  );
-}, pt = (t) => {
-  const e = H(t);
-  if (!e)
-    throw new Error(`Floating layer "${t.id}" is missing floating configuration required for dragging.`);
-  const n = e.position ?? e.defaultPosition ?? t.position;
-  if (!n)
-    throw new Error(`Floating layer "${t.id}" must define position with left and top values.`);
-  return {
-    left: mt(n.left, "left", t.id),
-    top: mt(n.top, "top", t.id)
-  };
-}, Re = (t) => {
-  const e = H(t);
-  return e ? e.constraints ?? {} : {};
-}, Ee = (t, e, n) => t ? t === "left" ? e - n : e + n : e, ye = (t, e, n) => t ? t === "top" ? e - n : e + n : e, Ie = (t, e, n) => !t || t === "right" ? e : e + n, Le = (t, e, n) => !t || t === "bottom" ? e : e + n, U = (t, e) => t ? t.dataset.layerId === e ? t : U(t.parentElement, e) : null, q = (t, e, n) => !t || n?.(t) ? null : e(t) ? t : q(t.parentElement, e, n), Te = (t) => t instanceof HTMLElement ? q(
-  t,
-  (e) => e.dataset.dragHandle === "true",
-  (e) => e.dataset.dragIgnore === "true"
-) : null, bt = (t) => t instanceof HTMLElement ? q(
-  t,
-  (e) => e.dataset.resizeCorner !== void 0 || e.dataset.resizeEdge !== void 0
-) !== null : !1, O = (t) => {
-  const e = H(t);
-  return e ? e.resizable === !0 : !1;
-}, Y = (t) => {
-  if (!H(t))
-    return null;
-  const n = xe(t);
-  if (!n)
-    throw new Error(`Floating layer "${t.id}" must define width and height when resizable or draggable.`);
-  return {
-    width: n.width,
-    height: n.height
-  };
-}, Me = (t, e, n) => {
-  const r = t.filter(O).reduce((g, b) => {
-    if (n === b.id) {
-      const E = e[b.id];
-      if (E)
-        return g[b.id] = E, g;
-    }
-    const v = Y(b);
-    return v && (g[b.id] = v), g;
-  }, {}), o = Object.keys(e), s = Object.keys(r), a = o.length !== s.length, l = o.some((g) => !Object.prototype.hasOwnProperty.call(r, g)), u = a ? !0 : l, p = s.some((g) => {
-    const b = e[g], v = r[g];
-    return !b || !v ? !0 : b.width !== v.width || b.height !== v.height;
-  });
-  return {
-    sizes: r,
-    changed: u ? !0 : p
-  };
-}, Pe = ({
-  layers: t,
-  layerById: e,
-  isRootLevel: n
-}) => {
-  const [r, o] = d.useState(null), [s, a] = d.useState(null), [l, u] = d.useState({}), [p, f] = d.useState({}), g = d.useRef(null), b = d.useRef(null), v = st((c, i) => {
-    e.get(c)?.floating?.onMove?.(i);
-  }), E = st((c, i) => {
-    e.get(c)?.floating?.onResize?.(i);
-  });
-  St(() => {
-    const { sizes: c, changed: i } = Me(t, p, s);
-    i && f(c);
-  }, [t, s]);
-  const R = d.useCallback(
-    (c, i, h, m) => {
-      const z = pt(i), C = l[c] ?? { x: 0, y: 0 }, S = {
-        pointerStartX: m.clientX,
-        pointerStartY: m.clientY,
-        initialTranslationX: C.x,
-        initialTranslationY: C.y,
-        baseLeft: z.left,
-        baseTop: z.top,
-        layerId: c,
-        pointerId: m.pointerId,
-        target: h
-      };
-      if (S.target.setPointerCapture)
-        try {
-          S.target.setPointerCapture(S.pointerId);
-        } catch {
-        }
-      g.current = S, o(c);
-    },
-    [l]
-  ), M = d.useCallback(
-    (c) => {
-      const i = c.target, h = Te(i);
-      if (!h)
-        return;
-      const m = h.closest("[data-layer-id]")?.getAttribute("data-layer-id");
-      if (!m)
-        return;
-      const z = e.get(m);
-      if (!z)
-        return;
-      const C = H(z);
-      if (!(!C || C.draggable !== !0) && !ht(c.target) && !bt(c.target) && h) {
-        const S = U(h, m);
-        if (!S)
-          return;
-        R(m, z, S, c);
-        return;
-      }
-    },
-    [R, e]
-  ), P = d.useCallback(
-    (c, i) => {
-      const h = e.get(c), m = h ? H(h) : null;
-      if (!h || !m || m.draggable !== !0 || ht(i.target) || bt(i.target))
-        return;
-      const z = U(i.currentTarget, c);
-      z && R(c, h, z, i);
-    },
-    [R, e]
-  ), x = d.useCallback(
-    (c, i, h) => {
-      const m = e.get(c);
-      if (!m || !O(m))
-        return;
-      const z = p[c] ?? Y(m);
-      if (!z)
-        return;
-      const C = pt(m), S = Re(m), T = l[c] ?? { x: 0, y: 0 };
-      if (h.stopPropagation(), h.preventDefault(), h.currentTarget.setPointerCapture)
-        try {
-          h.currentTarget.setPointerCapture(h.pointerId);
-        } catch {
-        }
-      b.current = {
-        layerId: c,
-        pointerId: h.pointerId,
-        horizontalEdge: i.horizontal,
-        verticalEdge: i.vertical,
-        startX: h.clientX,
-        startY: h.clientY,
-        startWidth: z.width,
-        startHeight: z.height,
-        startPosition: T,
-        baseLeft: C.left,
-        baseTop: C.top,
-        minWidth: S.minWidth,
-        maxWidth: S.maxWidth,
-        minHeight: S.minHeight,
-        maxHeight: S.maxHeight,
-        target: h.currentTarget
-      }, a(c);
-    },
-    [e, l, p]
-  ), D = d.useCallback(
-    (c) => {
-      const i = g.current;
-      if (!i)
-        return;
-      const h = c.clientX - i.pointerStartX, m = c.clientY - i.pointerStartY, z = {
-        x: i.initialTranslationX + h,
-        y: i.initialTranslationY + m
-      };
-      u((C) => ({ ...C, [i.layerId]: z })), v(i.layerId, {
-        left: i.baseLeft + z.x,
-        top: i.baseTop + z.y
-      });
-    },
-    [v]
-  ), y = d.useCallback(
-    (c) => {
-      const i = b.current;
-      if (!i || i.pointerId !== c.pointerId || !e.get(i.layerId))
-        return;
-      const m = c.clientX - i.startX, z = c.clientY - i.startY, C = Ee(i.horizontalEdge, i.startWidth, m), S = ye(i.verticalEdge, i.startHeight, z), T = ft(C, i.minWidth, i.maxWidth), k = ft(S, i.minHeight, i.maxHeight), G = i.startWidth - T, B = i.startHeight - k, nt = Ie(
-        i.horizontalEdge,
-        i.startPosition.x,
-        G
-      ), Lt = Le(i.verticalEdge, i.startPosition.y, B), W = p[i.layerId], rt = { width: T, height: k };
-      (!W || W.width !== T || W.height !== k) && (f((X) => ({
-        ...X,
-        [i.layerId]: rt
-      })), E(i.layerId, rt));
-      const ot = l[i.layerId] ?? { x: 0, y: 0 }, A = { x: nt, y: Lt };
-      (ot.x !== A.x || ot.y !== A.y) && (u((X) => ({
-        ...X,
-        [i.layerId]: A
-      })), v(i.layerId, {
-        left: i.baseLeft + A.x,
-        top: i.baseTop + A.y
-      }));
-    },
-    [e, l, p, v, E]
-  ), I = d.useCallback((c) => {
-    const i = g.current;
-    if (i) {
-      if (i.pointerId === c.pointerId && i.target.releasePointerCapture)
-        try {
-          i.target.releasePointerCapture(i.pointerId);
-        } catch {
-        }
-      g.current = null;
-    }
-    o(null);
-  }, []), N = d.useCallback((c) => {
-    const i = b.current;
-    if (i) {
-      if (i.pointerId === c.pointerId && i.target.releasePointerCapture)
-        try {
-          i.target.releasePointerCapture(i.pointerId);
-        } catch {
-        }
-      b.current = null;
-    }
-    a(null);
-  }, []);
-  it(r !== null, {
-    onMove: D,
-    onUp: I,
-    onCancel: I
-  }), it(s !== null, {
-    onMove: y,
-    onUp: N,
-    onCancel: N
-  });
-  const J = d.useCallback(
-    (c) => {
-      const i = ve(c), h = H(c);
-      if (!h || h.draggable !== !0)
-        return i;
-      const m = l[c.id], z = r === c.id, C = s === c.id, S = m ? { transform: `translate(${m.x}px, ${m.y}px)` } : {}, T = p[c.id], k = O(c) ? Y(c) : null, G = T ?? k, B = G ? { width: `${G.width}px`, height: `${G.height}px` } : {};
-      return {
-        ...i,
-        ...B,
-        ...S,
-        ...z || C ? { cursor: "grabbing" } : {}
-      };
-    },
-    [r, l, p, s]
-  ), Q = d.useCallback(
-    (c) => {
-      if (!O(c))
-        return { isResizable: !1 };
-      const h = p[c.id], m = Y(c);
-      return (h ?? m) !== null ? { isResizable: !0, onPointerDown: (T, k) => {
-        x(c.id, T, k);
-      } } : { isResizable: !1 };
-    },
-    [x, p]
-  ), tt = d.useCallback(
-    (c) => {
-      const { isResizable: i, onPointerDown: h } = Q(c), m = J(c), z = s === c.id;
-      return {
-        style: m,
-        isResizable: i,
-        isResizing: z,
-        onResizeHandlePointerDown: (C, S) => {
-          h && h(C, S);
-        }
-      };
-    },
-    [J, Q, s]
-  ), et = d.useCallback(
-    (c) => ({
-      "data-drag-handle": "true",
-      role: "button",
-      "aria-roledescription": "Drag handle",
-      "aria-label": "Drag layer",
-      onPointerDown: (i) => {
-        P(c, i);
-      }
-    }),
-    [P]
-  );
-  return {
-    providerValue: d.useMemo(
-      () => ({
-        handleLayerPointerDown: M,
-        getLayerRenderState: tt,
-        getLayerHandleProps: et,
-        isRootLevel: n
-      }),
-      [et, tt, M, n]
-    ),
-    draggingLayerId: r,
-    resizingLayerId: s
-  };
-}, xe = (t) => {
-  if (t.floating) {
-    const e = t.floating.size ?? t.floating.defaultSize;
-    if (e)
-      return { width: e.width, height: e.height };
-  }
-  if (typeof t.width == "number" && typeof t.height == "number")
-    return { width: t.width, height: t.height };
-}, It = {
-  display: "grid",
-  width: "100%",
-  height: "100%",
-  overflow: "hidden"
-}, ke = {
-  touchAction: "none",
-  WebkitTouchCallout: "none",
-  WebkitUserSelect: "none",
-  userSelect: "none"
-}, He = {
-  ...It,
-  overflow: "visible",
-  height: "auto",
-  minHeight: "100%"
-}, Ne = (t) => t ? He : It, Ve = ({ config: t, layers: e, style: n, root: r = !1 }) => {
-  const o = d.useRef(null), { isIntersecting: s } = Ft(o, { threshold: 0 });
-  return /* @__PURE__ */ w(xt, { config: t, layers: e, style: n, children: /* @__PURE__ */ w(De, { gridRef: o, isIntersecting: s, isRoot: r }) });
-}, De = ({ gridRef: t, isIntersecting: e, isRoot: n }) => {
-  const { config: r, style: o, layers: s } = zt(), { normalizedLayers: a, visibleLayers: l, regularLayers: u, layerById: p } = Jt(r, s.defs), { columnHandles: f, rowHandles: g, gapSizes: b, gridStyle: v, handleResize: E } = ue(r, o, t), { providerValue: R, draggingLayerId: M, resizingLayerId: P } = Pe({
-    layers: a,
-    layerById: p,
-    isRootLevel: n
-  }), x = M ? !0 : !!P, D = d.useMemo(() => ({
-    ...Ne(n),
-    ...v,
-    ...x ? ke : {}
-  }), [v, x, n]);
-  return /* @__PURE__ */ K(Z, { children: [
-    /* @__PURE__ */ K(
-      "div",
-      {
-        ref: t,
-        style: D,
-        "data-dragging": !!M,
-        "data-resizing": !!P,
-        "data-visible": e,
-        children: [
-          /* @__PURE__ */ w(kt, { value: R, children: /* @__PURE__ */ w(Ut, { layers: u }) }),
-          f.map(({ trackIndex: y, align: I, span: N }) => /* @__PURE__ */ w(
-            lt,
-            {
-              direction: "col",
-              trackIndex: y,
-              align: I,
-              gap: b.columnGap,
-              span: N,
-              onResize: E
-            },
-            `col-${y}:${I}`
-          )),
-          g.map(({ trackIndex: y, align: I, span: N }) => /* @__PURE__ */ w(
-            lt,
-            {
-              direction: "row",
-              trackIndex: y,
-              align: I,
-              gap: b.rowGap,
-              span: N,
-              onResize: E
-            },
-            `row-${y}:${I}`
-          ))
-        ]
-      }
-    ),
-    /* @__PURE__ */ w(Ht, { layers: l })
-  ] });
-};
-export {
-  Ve as G,
-  Ut as a,
-  Xt as b,
-  lt as c,
-  ue as d,
-  yt as e,
-  je as t,
-  Jt as u
-};
-//# sourceMappingURL=GridLayout-UWNxXw77.js.map