react-panel-layout 0.6.0 → 0.7.0

package/dist/FloatingWindow-Bw2djgpz.js

@@ -0,0 +1,1542 @@
+import { jsx as P, jsxs as U, Fragment as X } from "react/jsx-runtime";
+import * as s from "react";
+import * as Oe from "react-dom";
+import { createPortal as Ce } from "react-dom";
+import { F as ce, e as ue, a as le, b as de, f as pe, d as De } from "./FloatingPanelFrame-3eU9AwPo.js";
+import { x as ve, y as Re, z as xe, A as Te, B as Ae, E as Me, I as _e } from "./styles-NkjuMOVS.js";
+import { u as Le, a as ke, c as Ie, d as Fe, f as Ne, m as We, b as ze, e as He } from "./useAnimationFrame-Bg4e-H8O.js";
+import { u as Be } from "./useContentCache-CO3LYNmz.js";
+const $e = "data-swipe-safe-zone", Sn = ({
+  children: e,
+  className: t,
+  style: n
+}) => /* @__PURE__ */ P(
+  "div",
+  {
+    className: t,
+    style: n,
+    "data-swipe-safe-zone": "true",
+    children: e
+  }
+);
+function Ve(e, t) {
+  let n = e;
+  for (; n && n !== t; ) {
+    if (n.hasAttribute($e))
+      return !0;
+    n = n.parentElement;
+  }
+  return !1;
+}
+function Ge(e) {
+  switch (e) {
+    case "left":
+    case "right":
+      return "x";
+    case "top":
+    case "bottom":
+      return "y";
+  }
+}
+function fe(e) {
+  switch (e) {
+    case "left":
+      return -1;
+    case "right":
+      return 1;
+    case "top":
+      return -1;
+    case "bottom":
+      return 1;
+  }
+}
+function Ue(e) {
+  return fe(e) * -1;
+}
+const Ye = 0.3, Ze = 0.5;
+function Xe(e, t) {
+  return t === "x" ? e.clientWidth : e.clientHeight;
+}
+function je(e, t, n) {
+  return n === "x" ? t.x - e.x : t.y - e.y;
+}
+const qe = {
+  idle: "idle",
+  ended: "ended"
+};
+function Ke(e) {
+  return qe[e] ?? "operating";
+}
+function Je(e, t, n) {
+  const r = e * n;
+  return t === "x" ? { x: r, y: 0 } : { x: 0, y: r };
+}
+function Qe(e, t, n) {
+  return t === "x" ? Math.max(0, n * e.x) : Math.max(0, n * e.y);
+}
+function et(e, t) {
+  return e ? !t : !1;
+}
+function tt(e, t) {
+  return e ? t : !1;
+}
+function nt(e, t) {
+  return e ? !t : !1;
+}
+function rt(e, t) {
+  return e === "idle" ? !1 : t;
+}
+function ot(e, t, n) {
+  if (!e || !t)
+    return 0;
+  const r = Math.max(1, t.timestamp - e.timestamp);
+  return n / r;
+}
+function it(e) {
+  const {
+    edgeContainerRef: t,
+    drawerContentRef: n,
+    direction: r,
+    isOpen: o,
+    onSwipeOpen: i,
+    onSwipeClose: a,
+    enableEdgeSwipeOpen: c = !0,
+    enableSwipeClose: u = !0,
+    edgeWidth: l = 20,
+    dismissThreshold: d = Ye
+  } = e, p = Ge(r), w = fe(r), O = Ue(r), C = s.useRef(0);
+  s.useLayoutEffect(() => {
+    const m = n.current;
+    if (!m)
+      return;
+    const y = () => {
+      C.current = Xe(m, p);
+    };
+    y();
+    const T = new ResizeObserver(y);
+    return T.observe(m), () => T.disconnect();
+  }, [n, p]);
+  const D = s.useCallback(
+    (m) => {
+      m.direction === O && i();
+    },
+    [O, i]
+  ), {
+    isEdgeGesture: b,
+    state: f,
+    containerProps: g
+  } = Le({
+    containerRef: t,
+    edge: r,
+    edgeWidth: l,
+    enabled: et(c, o),
+    onSwipeEnd: D
+  }), { containerProps: $ } = ke({
+    containerRef: t,
+    active: b,
+    preventEdgeBack: !0,
+    preventOverscroll: !0,
+    edgeWidth: l
+  }), { state: S, onPointerDown: k } = Ie({
+    enabled: tt(u, o)
+  }), [x, R] = s.useState("idle"), M = s.useRef(0), N = s.useCallback(
+    (m) => {
+      if (!u || !o)
+        return;
+      const y = n.current;
+      if (!y)
+        return;
+      const T = m.target;
+      Ve(T, y) || Fe(T, y, p, w) || k(m);
+    },
+    [u, o, n, p, w, k]
+  ), E = s.useMemo(() => {
+    if (!S.isDown || !S.start || !S.current)
+      return M.current;
+    const y = je(S.start, S.current, p) * w;
+    return Math.max(0, y);
+  }, [S.isDown, S.start, S.current, p, w]);
+  s.useEffect(() => {
+    S.isDown && S.current && (M.current = E);
+  }, [S.isDown, S.current, E]), s.useEffect(() => {
+    S.isDown && x === "idle" && R("operating");
+  }, [S.isDown, x]), s.useEffect(() => {
+    if (!S.isDown && x === "operating") {
+      const m = M.current;
+      if (m > 1) {
+        R("ended");
+        const T = C.current;
+        if (T > 0) {
+          const A = m / T, I = ot(S.start, S.current, m);
+          (A >= d || I >= Ze) && a();
+        }
+      } else
+        R("idle"), M.current = 0;
+    }
+  }, [S.isDown, x, d, a, S.start, S.current]), s.useEffect(() => {
+    x === "ended" && queueMicrotask(() => {
+      R("idle"), M.current = 0;
+    });
+  }, [x]), s.useEffect(() => {
+    o || (R("idle"), M.current = 0);
+  }, [o]);
+  const v = nt(b, o), _ = rt(x, o), W = s.useMemo(() => v ? Qe(f.displacement, p, O) : _ ? E : 0, [v, _, p, f.displacement, E, O]), L = s.useMemo(() => {
+    const m = C.current;
+    return m <= 0 ? 0 : Math.min(W / m, 1);
+  }, [W]), z = s.useMemo(() => v ? {
+    phase: Ke(f.phase),
+    displacement: f.displacement,
+    velocity: f.velocity
+  } : _ ? {
+    phase: x,
+    displacement: Je(w, p, E),
+    velocity: { x: 0, y: 0 }
+  } : Ne, [v, _, f, x, E, p, w]), H = s.useMemo(
+    () => We(g, $),
+    [g, $]
+  ), h = s.useMemo(() => ({
+    onPointerDown: N,
+    style: {
+      touchAction: "none",
+      userSelect: "none",
+      WebkitUserSelect: "none"
+    }
+  }), [N]);
+  return {
+    state: z,
+    isOpening: v,
+    isClosing: _,
+    progress: L,
+    displacement: W,
+    edgeContainerProps: H,
+    drawerContentProps: h
+  };
+}
+const ne = {
+  position: "fixed",
+  inset: 0,
+  background: ve
+}, re = {
+  willChange: "transform"
+}, st = {
+  left: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    transform: "translateX(-100%)"
+  },
+  right: {
+    top: 0,
+    bottom: 0,
+    right: 0,
+    transform: "translateX(100%)"
+  },
+  top: {
+    top: 0,
+    left: 0,
+    right: 0,
+    transform: "translateY(-100%)"
+  },
+  bottom: {
+    bottom: 0,
+    left: 0,
+    right: 0,
+    transform: "translateY(100%)"
+  }
+}, at = {
+  left: "translateX(0)",
+  right: "translateX(0)",
+  top: "translateY(0)",
+  bottom: "translateY(0)"
+};
+function ct(e) {
+  return st[e];
+}
+function ut(e) {
+  return at[e];
+}
+function lt(e, t, n) {
+  return e === "none" ? void 0 : `transform ${t ?? Re} ${n ?? xe}`;
+}
+function dt(e, t) {
+  if (e !== "none")
+    return `opacity ${t ?? "220ms"} ease`;
+}
+function Y(e) {
+  if (e !== void 0)
+    return typeof e == "number" ? `${e}px` : e;
+}
+function pt(e) {
+  const { placement: t, inline: n, edgeWidth: r, zIndex: o } = e, i = n ? "absolute" : "fixed", a = o !== void 0 ? o - 2 : 1e3;
+  return ft(t, i, r, a);
+}
+function ft(e, t, n, r) {
+  const o = {
+    position: t,
+    zIndex: r,
+    background: "transparent",
+    pointerEvents: "auto"
+  };
+  return e === "left" ? {
+    ...o,
+    top: 0,
+    bottom: 0,
+    left: 0,
+    width: n
+  } : e === "right" ? {
+    ...o,
+    top: 0,
+    bottom: 0,
+    right: 0,
+    width: n
+  } : e === "top" ? {
+    ...o,
+    top: 0,
+    left: 0,
+    right: 0,
+    height: n
+  } : {
+    ...o,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: n
+  };
+}
+const ee = 20, te = 0.3, mt = {
+  enabled: !1,
+  edgeSwipeOpen: !1,
+  swipeClose: !1,
+  edgeWidth: ee,
+  dismissThreshold: te
+}, wt = {
+  enabled: !0,
+  edgeSwipeOpen: !0,
+  swipeClose: !0,
+  edgeWidth: ee,
+  dismissThreshold: te
+};
+function gt(e) {
+  return e === !0 ? wt : e === !1 || e === void 0 ? mt : {
+    enabled: !0,
+    edgeSwipeOpen: e.edgeSwipeOpen ?? !0,
+    swipeClose: e.swipeClose ?? !0,
+    edgeWidth: e.edgeWidth ?? ee,
+    dismissThreshold: e.dismissThreshold ?? te
+  };
+}
+function ht(e, t) {
+  return e || (t ? t.left !== void 0 ? "left" : t.right !== void 0 ? "right" : t.top !== void 0 ? "top" : t.bottom !== void 0 ? "bottom" : "right" : "right");
+}
+function St(e, t, n) {
+  return !e.enabled || !e.edgeSwipeOpen ? !1 : t ? n : !0;
+}
+function F(e, t) {
+  if (!t) {
+    const r = (() => ({ type: e }));
+    return Object.defineProperty(r, "type", {
+      value: e,
+      writable: !1,
+      enumerable: !0
+    }), r;
+  }
+  const n = ((...r) => {
+    const o = t(...r);
+    return typeof o > "u" ? { type: e } : { type: e, payload: o };
+  });
+  return Object.defineProperty(n, "type", {
+    value: e,
+    writable: !1,
+    enumerable: !0
+  }), n;
+}
+const bn = (e, t) => {
+  const n = {};
+  return Object.keys(e).forEach((r) => {
+    const o = e[r];
+    n[r] = ((...i) => {
+      const a = o(...i);
+      return t(a), a;
+    });
+  }), n;
+}, bt = (e, t) => {
+  const n = {};
+  return Object.keys(t).forEach((r) => {
+    const o = t[r];
+    if (!o)
+      return;
+    const i = e[r];
+    if (!i)
+      throw new Error(`Missing action creator for key "${String(r)}"`);
+    n[i.type] = o;
+  }), n;
+}, Et = 100, Pt = 0.3, yt = 30, Ot = 300, Ct = 1;
+function Dt(e, t, n) {
+  if (t <= 0 || n === null)
+    return 0;
+  const r = Math.min(1, Math.max(0, e / t));
+  return n === "opening" ? r : 1 - r;
+}
+function vt(e, t, n) {
+  return n === "opening" ? e >= Et : n === "closing" ? (t > 0 ? e / t : 0) < Pt : !1;
+}
+const B = {
+  /** Start swipe operation */
+  swipeStart: F(
+    "SWIPE_START",
+    (e) => ({ direction: e })
+  ),
+  /** Update swipe displacement */
+  swipeUpdate: F(
+    "SWIPE_UPDATE",
+    (e) => ({ displacement: e })
+  ),
+  /** End swipe operation */
+  swipeEnd: F("SWIPE_END"),
+  /** Animation frame update */
+  animationFrame: F(
+    "ANIMATION_FRAME",
+    (e) => ({ easedProgress: e })
+  ),
+  /** Animation complete */
+  animationComplete: F("ANIMATION_COMPLETE"),
+  /** Button open */
+  buttonOpen: F("BUTTON_OPEN"),
+  /** Button close */
+  buttonClose: F("BUTTON_CLOSE"),
+  /** Sync open state from external prop */
+  syncOpenState: F(
+    "SYNC_OPEN_STATE",
+    (e) => ({ isOpen: e })
+  ),
+  /** Initialize state */
+  initialize: F(
+    "INITIALIZE",
+    (e) => ({ isOpen: e })
+  )
+};
+function J(e, t, n) {
+  return e ? t.getOpenPosition(n) : t.getClosedPosition(n);
+}
+function Q(e, t, n) {
+  const r = J(e, t, n);
+  return {
+    phase: e ? "open" : "closed",
+    targetOpen: e,
+    position: r,
+    isOperating: !1,
+    swipeDirection: null,
+    displacement: 0,
+    animation: null
+  };
+}
+function Rt(e) {
+  const t = bt(
+    B,
+    {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- callback signature requires config
+      swipeStart: (n, r, o) => "payload" in r ? {
+        ...n,
+        isOperating: !0,
+        swipeDirection: r.payload.direction,
+        displacement: 0,
+        animation: null
+      } : n,
+      swipeUpdate: (n, r, o) => {
+        if (!("payload" in r) || !n.isOperating)
+          return n;
+        const i = Dt(
+          r.payload.displacement,
+          o.drawerSize,
+          n.swipeDirection
+        ), a = e.computePositionFromProgress(i, o);
+        return {
+          ...n,
+          displacement: r.payload.displacement,
+          position: a
+        };
+      },
+      swipeEnd: (n, r, o) => {
+        if (!n.isOperating)
+          return n;
+        const i = vt(
+          n.displacement,
+          o.drawerSize,
+          n.swipeDirection
+        ), a = J(
+          i,
+          e,
+          o
+        );
+        if (e.shouldAnimate(n.position, a)) {
+          const c = i ? "opening" : "closing";
+          return {
+            ...n,
+            isOperating: !1,
+            swipeDirection: null,
+            displacement: 0,
+            targetOpen: i,
+            phase: c,
+            animation: {
+              type: c,
+              from: n.position,
+              to: a
+            }
+          };
+        }
+        return {
+          ...n,
+          isOperating: !1,
+          swipeDirection: null,
+          displacement: 0,
+          targetOpen: i,
+          phase: i ? "open" : "closed",
+          position: a,
+          animation: null
+        };
+      },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- callback signature requires config
+      animationFrame: (n, r, o) => {
+        if (!("payload" in r) || !n.animation)
+          return n;
+        const i = e.interpolatePosition(
+          n.animation.from,
+          n.animation.to,
+          r.payload.easedProgress
+        );
+        return {
+          ...n,
+          position: i
+        };
+      },
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars -- callback signature requires action and config
+      animationComplete: (n, r, o) => {
+        if (!n.animation)
+          return n;
+        const i = n.animation.type === "opening";
+        return {
+          ...n,
+          phase: i ? "open" : "closed",
+          position: n.animation.to,
+          animation: null
+        };
+      },
+      buttonOpen: (n, r, o) => {
+        if (n.phase === "open" || n.phase === "opening" || n.isOperating)
+          return n;
+        const i = e.getOpenPosition(o), a = n.position;
+        return e.shouldAnimate(a, i) ? {
+          ...n,
+          targetOpen: !0,
+          phase: "opening",
+          animation: {
+            type: "opening",
+            from: a,
+            to: i
+          }
+        } : {
+          ...n,
+          targetOpen: !0,
+          phase: "open",
+          position: i,
+          animation: null
+        };
+      },
+      buttonClose: (n, r, o) => {
+        if (n.phase === "closed" || n.phase === "closing" || n.isOperating)
+          return n;
+        const i = e.getClosedPosition(o), a = n.position;
+        return e.shouldAnimate(a, i) ? {
+          ...n,
+          targetOpen: !1,
+          phase: "closing",
+          animation: {
+            type: "closing",
+            from: a,
+            to: i
+          }
+        } : {
+          ...n,
+          targetOpen: !1,
+          phase: "closed",
+          position: i,
+          animation: null
+        };
+      },
+      syncOpenState: (n, r, o) => {
+        if (!("payload" in r))
+          return n;
+        const { isOpen: i } = r.payload;
+        if (n.targetOpen === i && !n.isOperating && !n.animation)
+          return n;
+        if (n.isOperating)
+          return {
+            ...n,
+            targetOpen: i
+          };
+        if (n.animation && n.animation.type === "opening" === i)
+          return {
+            ...n,
+            targetOpen: i
+          };
+        if ((n.phase === "open" || n.phase === "opening") === i)
+          return {
+            ...n,
+            targetOpen: i
+          };
+        const c = J(
+          i,
+          e,
+          o
+        ), u = n.position;
+        if (e.shouldAnimate(u, c)) {
+          const l = i ? "opening" : "closing";
+          return {
+            ...n,
+            targetOpen: i,
+            phase: l,
+            animation: {
+              type: l,
+              from: u,
+              to: c
+            }
+          };
+        }
+        return {
+          ...n,
+          targetOpen: i,
+          phase: i ? "open" : "closed",
+          position: c,
+          animation: null
+        };
+      },
+      initialize: (n, r, o) => "payload" in r ? Q(r.payload.isOpen, e, o) : n
+    }
+  );
+  return function(r, o, i) {
+    const a = t[o.type];
+    return a ? a(r, o, i) : r;
+  };
+}
+const xt = {
+  left: { axis: "X", sign: 1 },
+  right: { axis: "X", sign: -1 },
+  top: { axis: "Y", sign: 1 },
+  bottom: { axis: "Y", sign: -1 }
+};
+function G(e) {
+  return xt[e];
+}
+const q = {
+  position: "relative",
+  zIndex: "1",
+  background: "#fff"
+};
+function oe(e) {
+  e.style.position = "", e.style.zIndex = "", e.style.background = "";
+}
+function Tt() {
+  document.body.style.overflow = "hidden";
+}
+function K() {
+  document.body.style.overflow = "";
+}
+function me(e, t) {
+  return e ? t?.current ?? null : document.getElementById("root") ?? document.body.firstElementChild;
+}
+function At(e) {
+  e.style.visibility = "visible", e.style.pointerEvents = "auto";
+}
+function Mt(e) {
+  e.style.visibility = "hidden", e.style.pointerEvents = "none";
+}
+function _t(e) {
+  e.style.visibility = "", e.style.pointerEvents = "";
+}
+function Lt(e, t = q.background) {
+  e.style.position = q.position, e.style.zIndex = q.zIndex, e.style.background = t;
+}
+const kt = {
+  getClosedPosition(e) {
+    return this.computePositionFromProgress(0, e);
+  },
+  getOpenPosition(e) {
+    return this.computePositionFromProgress(1, e);
+  },
+  computePositionFromProgress(e, t) {
+    const { sign: n } = G(t.placement), o = t.drawerSize * (yt / 100) * (1 - e), i = n > 0 ? -o : o, a = n * t.drawerSize * e;
+    return { drawerPx: i, contentPx: a };
+  },
+  interpolatePosition(e, t, n) {
+    return {
+      drawerPx: e.drawerPx + (t.drawerPx - e.drawerPx) * n,
+      contentPx: e.contentPx + (t.contentPx - e.contentPx) * n
+    };
+  },
+  shouldAnimate(e, t) {
+    return Math.abs(e.contentPx - t.contentPx) > Ct;
+  },
+  applyToDOM(e, t, n) {
+    const { drawer: r, content: o } = t, { axis: i } = G(n.placement);
+    r && (r.style.transition = "none", r.style.transform = `translate${i}(${e.drawerPx}px)`), o && (Lt(o, n.contentBackground), o.style.transition = "none", o.style.transform = `translate${i}(${e.contentPx}px)`);
+  },
+  clearFromDOM(e) {
+    const { drawer: t, content: n } = e;
+    t && (t.style.transform = "", t.style.transition = ""), n && (n.style.transform = "", n.style.transition = "", oe(n));
+  },
+  onOpeningStart(e) {
+    e.drawer && At(e.drawer);
+  },
+  onClosingComplete(e) {
+    const { drawer: t, content: n } = e;
+    t && (Mt(t), t.style.transform = "", t.style.transition = ""), n && (n.style.transform = "", n.style.transition = "", oe(n));
+  }
+}, It = 1, Ft = {
+  getClosedPosition(e) {
+    const { sign: t } = G(e.placement);
+    return {
+      drawerPx: -t * e.drawerSize,
+      backdropOpacity: 0
+    };
+  },
+  getOpenPosition() {
+    return {
+      drawerPx: 0,
+      backdropOpacity: 1
+    };
+  },
+  computePositionFromProgress(e, t) {
+    const { sign: n } = G(t.placement);
+    return {
+      drawerPx: -n * t.drawerSize * (1 - e),
+      backdropOpacity: e
+    };
+  },
+  interpolatePosition(e, t, n) {
+    return {
+      drawerPx: e.drawerPx + (t.drawerPx - e.drawerPx) * n,
+      backdropOpacity: e.backdropOpacity + (t.backdropOpacity - e.backdropOpacity) * n
+    };
+  },
+  shouldAnimate(e, t) {
+    return Math.abs(e.drawerPx - t.drawerPx) > It;
+  },
+  applyToDOM(e, t, n) {
+    const { drawer: r, backdrop: o } = t, { axis: i } = G(n.placement);
+    r && (r.style.transition = "none", r.style.transform = `translate${i}(${e.drawerPx}px)`), o && (o.style.opacity = String(e.backdropOpacity), o.style.pointerEvents = e.backdropOpacity > 0 ? "auto" : "none");
+  },
+  clearFromDOM(e) {
+    const { drawer: t, backdrop: n } = e;
+    t && (t.style.transform = "", t.style.transition = ""), n && (n.style.opacity = "", n.style.pointerEvents = "");
+  },
+  onOpeningStart() {
+  },
+  onClosingComplete(e, t) {
+    const { drawer: n, backdrop: r } = e, o = Nt(t);
+    n && (n.style.transform = o, n.style.transition = ""), r && (r.style.opacity = "0", r.style.pointerEvents = "none");
+  }
+};
+function Nt(e) {
+  switch (e.placement) {
+    case "left":
+      return "translateX(-100%)";
+    case "right":
+      return "translateX(100%)";
+    case "top":
+      return "translateY(-100%)";
+    case "bottom":
+      return "translateY(100%)";
+  }
+}
+function Wt(e) {
+  return e === "reveal" ? kt : Ft;
+}
+function we(e) {
+  const {
+    mode: t,
+    drawerRef: n,
+    contentRef: r,
+    backdropRef: o,
+    placement: i,
+    drawerSize: a,
+    isOpen: c,
+    swipeState: u,
+    displacement: l,
+    isOpening: d,
+    isClosing: p,
+    enabled: w,
+    inline: O = !1,
+    gridRef: C,
+    contentBackground: D = "#fff"
+  } = e, b = u.phase === "operating", f = Wt(t), g = s.useMemo(
+    () => ({ placement: i, drawerSize: a, contentBackground: D }),
+    [i, a, D]
+  ), $ = s.useMemo(
+    () => Rt(f),
+    [f]
+  ), S = s.useRef(
+    Q(c, f, g)
+  ), [k, x] = s.useState(
+    c ? "open" : "closed"
+  ), R = s.useRef({
+    isOperating: !1,
+    isOpening: !1,
+    isClosing: !1,
+    isOpen: c,
+    enabled: !1
+  }), M = () => t !== "reveal" ? null : r?.current ?? me(O, C), N = () => t !== "overlay" ? null : o?.current ?? null, E = s.useCallback(() => ({
+    drawer: n.current,
+    content: M(),
+    backdrop: N()
+  }), [t, n, r, o, O, C]), v = s.useCallback(
+    (h) => {
+      const m = $(S.current, h, g);
+      return S.current = m, x(m.phase), m;
+    },
+    [$, g]
+  ), _ = s.useCallback(
+    ({ easedProgress: h }) => {
+      const m = S.current;
+      if (!m.animation)
+        return;
+      const y = f.interpolatePosition(
+        m.animation.from,
+        m.animation.to,
+        h
+      );
+      S.current = { ...m, position: y };
+      const T = E();
+      f.applyToDOM(y, T, g);
+    },
+    [f, E, g]
+  ), W = s.useCallback(() => {
+    const h = v(B.animationComplete()), m = E();
+    h.phase === "closed" && f.onClosingComplete?.(m, g);
+  }, [v, f, E, g]), { isAnimating: L, start: z, cancel: H } = ze({
+    duration: Ot,
+    easing: He.easeOutExpo,
+    onFrame: _,
+    onComplete: W
+  });
+  return s.useLayoutEffect(() => {
+    if (!w) {
+      R.current.enabled = !1;
+      return;
+    }
+    if (R.current.enabled)
+      return;
+    R.current.enabled = !0, S.current = Q(c, f, g), x(c ? "open" : "closed");
+    const h = E();
+    c ? (f.onOpeningStart?.(h, g), f.applyToDOM(S.current.position, h, g)) : f.onClosingComplete?.(h, g);
+  }, [w, c, f, g, E]), s.useLayoutEffect(() => {
+    if (!w)
+      return;
+    const h = R.current, m = h.isOperating, y = h.isOpening, T = h.isClosing;
+    if (h.isOperating = b, h.isOpening = d, h.isClosing = p, !m && b) {
+      H();
+      const A = d ? "opening" : p ? "closing" : null;
+      A && v(B.swipeStart(A));
+      return;
+    }
+    if (m && !b) {
+      const A = v(B.swipeEnd()), I = E();
+      A.animation ? (f.onOpeningStart?.(I, g), z()) : A.phase === "open" ? (f.onOpeningStart?.(I, g), f.applyToDOM(A.position, I, g)) : A.phase === "closed" && f.onClosingComplete?.(I, g);
+      return;
+    }
+    if (b) {
+      const A = d ? "opening" : p ? "closing" : null;
+      A !== (y ? "opening" : T ? "closing" : null) && A && v(B.swipeStart(A));
+    }
+  }, [
+    w,
+    b,
+    d,
+    p,
+    v,
+    H,
+    z,
+    f,
+    g,
+    E
+  ]), s.useLayoutEffect(() => {
+    if (!w || !b || !d && !p)
+      return;
+    const h = v(B.swipeUpdate(l)), m = E();
+    f.onOpeningStart?.(m, g), f.applyToDOM(h.position, m, g);
+  }, [
+    w,
+    b,
+    d,
+    p,
+    l,
+    v,
+    f,
+    g,
+    E
+  ]), s.useLayoutEffect(() => {
+    if (!w)
+      return;
+    const h = R.current;
+    if (h.isOpen === c)
+      return;
+    if (h.isOpen = c, b) {
+      v(B.syncOpenState(c));
+      return;
+    }
+    if (L && S.current.animation?.type === "opening" === c)
+      return;
+    const m = v(B.syncOpenState(c)), y = E();
+    m.animation ? (f.onOpeningStart?.(y, g), f.applyToDOM(m.animation.from, y, g), z()) : L || (m.phase === "open" ? (f.onOpeningStart?.(y, g), f.applyToDOM(m.position, y, g)) : m.phase === "closed" && f.onClosingComplete?.(y, g));
+  }, [
+    w,
+    c,
+    b,
+    L,
+    v,
+    z,
+    f,
+    g,
+    E
+  ]), s.useLayoutEffect(() => {
+    if (w || !R.current.enabled)
+      return;
+    const h = E();
+    f.clearFromDOM(h, g), h.drawer && _t(h.drawer);
+  }, [w, f, g, E]), s.useLayoutEffect(() => {
+    if (!w || t !== "reveal") {
+      t === "reveal" && K();
+      return;
+    }
+    return (c || b ? !0 : L) ? Tt() : K(), () => {
+      K();
+    };
+  }, [w, t, c, b, L]), s.useLayoutEffect(() => {
+    if (!(!w || t !== "reveal"))
+      return () => {
+        const h = E();
+        h.content && f.clearFromDOM({ drawer: null, content: h.content, backdrop: null }, g);
+      };
+  }, [w, t, f, g, E]), {
+    phase: k,
+    isAnimating: L
+  };
+}
+function zt(e) {
+  const {
+    drawerRef: t,
+    backdropRef: n,
+    placement: r,
+    swipeState: o,
+    displacement: i,
+    isOpening: a,
+    isClosing: c,
+    isOpen: u,
+    enabled: l
+  } = e, d = s.useRef(0);
+  s.useLayoutEffect(() => {
+    const p = t.current;
+    if (p) {
+      const w = r === "left" || r === "right";
+      d.current = w ? p.clientWidth : p.clientHeight;
+    }
+  }, [t, r]), we({
+    mode: "overlay",
+    drawerRef: t,
+    backdropRef: n,
+    placement: r,
+    drawerSize: d.current,
+    isOpen: u,
+    swipeState: o,
+    displacement: i,
+    isOpening: a,
+    isClosing: c,
+    enabled: l
+  });
+}
+const Ht = {
+  activeRevealDrawer: null,
+  setRevealState: () => {
+  },
+  gridRef: null,
+  setGridRef: () => {
+  }
+}, ge = s.createContext(Ht), En = ({ children: e }) => {
+  const [t, n] = s.useState(null), [r, o] = s.useState(null), i = s.useCallback((u) => {
+    n(u);
+  }, []), a = s.useCallback((u) => {
+    o(u);
+  }, []), c = s.useMemo(
+    () => ({
+      activeRevealDrawer: t,
+      setRevealState: i,
+      gridRef: r,
+      setGridRef: a
+    }),
+    [t, i, r, a]
+  );
+  return /* @__PURE__ */ P(ge.Provider, { value: c, children: e });
+};
+function Bt() {
+  return s.useContext(ge);
+}
+function j(e) {
+  return e === "reveal";
+}
+function $t(e) {
+  const {
+    drawerRef: t,
+    placement: n,
+    drawerSize: r,
+    isOpen: o,
+    swipeState: i,
+    displacement: a,
+    isOpening: c,
+    isClosing: u,
+    enabled: l,
+    inline: d,
+    gridRef: p,
+    contentBackground: w = "#fff"
+  } = e, O = s.useRef(null);
+  return s.useLayoutEffect(() => {
+    O.current = me(d, p);
+  }, [d, p]), we({
+    mode: "reveal",
+    drawerRef: t,
+    contentRef: O,
+    placement: n,
+    drawerSize: r,
+    isOpen: o,
+    swipeState: i,
+    displacement: a,
+    isOpening: c,
+    isClosing: u,
+    enabled: l,
+    inline: d,
+    gridRef: p,
+    contentBackground: w
+  });
+}
+const Vt = ({
+  chrome: e,
+  frameStyle: t,
+  header: n,
+  dismissible: r,
+  onClose: o,
+  children: i
+}) => e ? /* @__PURE__ */ U(ce, { style: t, children: [
+  /* @__PURE__ */ P(Xt, { header: n, dismissible: r, onClose: o }),
+  /* @__PURE__ */ P(
+    ue,
+    {
+      style: { padding: Te, flex: 1, display: "flex", flexDirection: "column" },
+      children: i
+    }
+  )
+] }) : /* @__PURE__ */ P(X, { children: i });
+function Gt(e, t) {
+  return e ? t : !1;
+}
+function Ut(e, t) {
+  return e ? /* @__PURE__ */ P(
+    pe,
+    {
+      onClick: t,
+      "aria-label": "Close drawer",
+      style: { marginLeft: "auto" }
+    }
+  ) : null;
+}
+function Yt(e, t, n, r, o) {
+  return e ? /* @__PURE__ */ P(
+    "div",
+    {
+      ref: t,
+      style: n,
+      onPointerDown: r,
+      "data-drawer-edge-zone": o
+    }
+  ) : null;
+}
+function Zt(e, t, n) {
+  return e === "left" || e === "right" ? typeof t == "number" ? t : 0 : typeof n == "number" ? n : 0;
+}
+const Xt = ({ header: e, dismissible: t, onClose: n }) => {
+  if (!e)
+    return null;
+  const r = e.showCloseButton ?? !0, o = Gt(t, r);
+  return /* @__PURE__ */ U(
+    le,
+    {
+      style: { padding: `${Me} ${_e}`, gap: Ae },
+      children: [
+        /* @__PURE__ */ P(de, { children: e.title }),
+        Ut(o, n)
+      ]
+    }
+  );
+};
+function jt(e, t, n, r, o) {
+  const i = j(r.animationMode);
+  return s.useMemo(() => {
+    const a = r.inline ? "absolute" : "fixed", c = ct(e);
+    if (i)
+      return {
+        ...re,
+        position: a,
+        // Only position properties from placementStyle, NOT transform
+        top: c.top,
+        bottom: c.bottom,
+        left: c.left,
+        right: c.right,
+        // No transform here - hook manages it
+        // No transition - hook uses requestAnimationFrame
+        // z-index: 0 ensures drawer is behind #root (which has z-index: 1)
+        zIndex: 0,
+        // Hidden by default - hook will show when needed
+        visibility: "hidden",
+        pointerEvents: "none",
+        width: Y(o.width),
+        height: Y(o.height)
+      };
+    const u = n ? "none" : r.transitionMode, l = lt(
+      u,
+      r.transitionDuration,
+      r.transitionEasing
+    ), d = t ? ut(e) : c.transform;
+    return {
+      ...re,
+      position: a,
+      ...c,
+      transform: d,
+      transition: l,
+      zIndex: o.zIndex,
+      width: Y(o.width),
+      height: Y(o.height)
+    };
+  }, [e, t, n, r, o, i]);
+}
+function qt(e, t, n, r, o) {
+  const i = j(n.animationMode);
+  return s.useMemo(() => {
+    if (i)
+      return {
+        display: "none"
+      };
+    const a = n.inline ? "absolute" : "fixed";
+    if (o)
+      return {
+        ...ne,
+        position: a,
+        // Initial state: hidden. Hook will manage opacity dynamically.
+        opacity: 0,
+        pointerEvents: "none",
+        zIndex: r !== void 0 ? r - 1 : void 0
+      };
+    const c = t ? "none" : n.transitionMode, u = dt(c, n.transitionDuration);
+    return {
+      ...ne,
+      position: a,
+      opacity: e ? 1 : 0,
+      pointerEvents: e ? "auto" : "none",
+      transition: u,
+      zIndex: r !== void 0 ? r - 1 : void 0
+    };
+  }, [e, t, n, r, i, o]);
+}
+function Kt(e) {
+  return s.useMemo(() => {
+    const t = { borderRadius: 0 };
+    return (e === "left" || e === "right") && (t.height = "100%"), t;
+  }, [e]);
+}
+const Jt = ({
+  id: e,
+  config: t,
+  isOpen: n,
+  onClose: r,
+  onOpen: o,
+  children: i,
+  zIndex: a,
+  width: c,
+  height: u,
+  position: l
+}) => {
+  const {
+    dismissible: d = !0,
+    header: p,
+    chrome: w = !0,
+    inline: O = !1
+  } = t, C = gt(t.swipeGestures), D = ht(t.anchor, l), b = s.useRef(null), f = s.useRef(null), g = s.useRef(null), $ = s.useCallback(() => {
+    o?.(), t.onStateChange?.(!0);
+  }, [o, t]), S = s.useCallback(() => {
+    r();
+  }, [r]), {
+    state: k,
+    displacement: x,
+    edgeContainerProps: R,
+    drawerContentProps: M,
+    isOpening: N,
+    isClosing: E
+  } = it({
+    edgeContainerRef: g,
+    drawerContentRef: b,
+    direction: D,
+    isOpen: n,
+    onSwipeOpen: $,
+    onSwipeClose: S,
+    enableEdgeSwipeOpen: C.edgeSwipeOpen,
+    enableSwipeClose: C.swipeClose,
+    edgeWidth: C.edgeWidth,
+    dismissThreshold: C.dismissThreshold
+  }), v = k.phase === "operating" || k.phase === "ended", _ = j(t.animationMode), W = C.enabled ? !_ : !1;
+  zt({
+    drawerRef: b,
+    backdropRef: f,
+    placement: D,
+    swipeState: k,
+    displacement: x,
+    isOpening: N,
+    isClosing: E,
+    isOpen: n,
+    enabled: W
+  });
+  const L = Zt(D, c, u), { gridRef: z } = Bt();
+  $t({
+    drawerRef: b,
+    placement: D,
+    drawerSize: L,
+    isOpen: n,
+    swipeState: k,
+    displacement: x,
+    isOpening: N,
+    isClosing: E,
+    enabled: _,
+    inline: O,
+    gridRef: z ?? void 0,
+    contentBackground: t.revealBackground
+  });
+  const H = jt(D, n, v, t, { width: c, height: u, zIndex: a }), h = qt(n, v, t, a, W), m = Kt(D), y = s.useMemo(() => ({ ...pt({
+    placement: D,
+    inline: O,
+    edgeWidth: C.edgeWidth,
+    zIndex: a
+  }), ...R.style }), [D, O, C.edgeWidth, a, R.style]), T = s.useMemo(() => C.enabled ? { ...H, ...M.style } : H, [C.enabled, H, M.style]), A = St(C, n, N), I = p?.title ?? t.ariaLabel ?? "Drawer", ye = Yt(A, g, y, R.onPointerDown, D);
+  return /* @__PURE__ */ U(X, { children: [
+    ye,
+    /* @__PURE__ */ P(
+      "div",
+      {
+        ref: f,
+        style: h,
+        onClick: d ? r : void 0
+      }
+    ),
+    /* @__PURE__ */ P(
+      "div",
+      {
+        ref: b,
+        "data-layer-id": e,
+        "data-placement": D,
+        style: T,
+        role: "dialog",
+        "aria-modal": d ? !0 : void 0,
+        "aria-hidden": n ? void 0 : !0,
+        "aria-label": I,
+        onPointerDown: C.enabled ? M.onPointerDown : void 0,
+        children: /* @__PURE__ */ P(
+          Vt,
+          {
+            chrome: w,
+            frameStyle: m,
+            header: p,
+            dismissible: d,
+            onClose: r,
+            children: i
+          }
+        )
+      }
+    )
+  ] });
+}, Qt = (e, t) => new Promise((n) => {
+  let r = !1;
+  const o = () => {
+    r || (r = !0, e.removeEventListener("transitionend", i), n());
+  }, i = (a) => {
+    a.target === e && o();
+  };
+  e.addEventListener("transitionend", i), setTimeout(o, t + 50);
+}), he = async (e, t, n, r) => {
+  switch (t) {
+    case "none":
+      e();
+      return;
+    case "css":
+      e(), n && await Qt(n, r);
+      return;
+  }
+}, Pn = (e) => {
+  const [t, n] = s.useState({}), r = s.useRef(e);
+  r.current = e;
+  const o = s.useCallback(
+    async (u, l, d) => {
+      const { mode: p = "none", element: w, duration: O = 300 } = d ?? {};
+      await he(() => {
+        n((b) => b[u] === l ? b : { ...b, [u]: l });
+      }, p, w?.current, O);
+      const D = r.current;
+      l ? D?.onOpen?.(u) : D?.onClose?.(u), D?.onTransitionEnd?.(u, l);
+    },
+    []
+  ), i = s.useCallback((u) => t[u] ?? !1, [t]), a = s.useCallback(
+    (u, l) => o(u, !0, l),
+    [o]
+  ), c = s.useCallback(
+    (u, l) => o(u, !1, l),
+    [o]
+  );
+  return { state: i, open: a, close: c };
+}, en = (e) => {
+  if (!e)
+    return 300;
+  const t = e.match(/(\d+)/);
+  return t ? parseInt(t[1], 10) : 300;
+}, tn = (e) => {
+  const [t, n] = s.useState(() => {
+    const u = {};
+    return e.forEach((l) => {
+      l.drawer && (u[l.id] = l.drawer.defaultOpen ?? !1);
+    }), u;
+  }), r = s.useMemo(() => {
+    const u = /* @__PURE__ */ new Map();
+    return e.forEach((l) => u.set(l.id, l)), u;
+  }, [e]), o = s.useCallback(
+    async (u, l, d) => {
+      const p = r.get(u);
+      if (!p?.drawer)
+        return;
+      const w = d?.mode ?? p.drawer.transitionMode ?? "css", O = d?.duration ?? en(p.drawer.transitionDuration), C = d?.element?.current;
+      await he(() => {
+        p.drawer?.open === void 0 && n((b) => b[u] === l ? b : { ...b, [u]: l }), p.drawer?.onStateChange?.(l);
+      }, w, C, O);
+    },
+    [r]
+  ), i = s.useCallback(
+    (u) => {
+      const l = r.get(u);
+      return l?.drawer?.open !== void 0 ? l.drawer.open : t[u] ?? !1;
+    },
+    [r, t]
+  ), a = s.useCallback(
+    (u, l) => o(u, !0, l),
+    [o]
+  ), c = s.useCallback(
+    (u, l) => o(u, !1, l),
+    [o]
+  );
+  return { state: i, open: a, close: c };
+};
+function nn(e) {
+  if (!e.drawer)
+    return !1;
+  const { animationMode: t, inline: n = !1 } = e.drawer;
+  return j(t) ? !n : !1;
+}
+function ie(e, t) {
+  const n = /* @__PURE__ */ new Map();
+  return e.forEach((r) => {
+    n.set(r.id, t(r.id));
+  }), n;
+}
+const yn = ({ layers: e }) => {
+  const t = tn(e), n = s.useMemo(() => e.filter((i) => i.drawer), [e]), r = s.useMemo(
+    () => ie(n, (i) => () => t.close(i)),
+    [n, t.close]
+  ), o = s.useMemo(
+    () => ie(n, (i) => () => t.open(i)),
+    [n, t.open]
+  );
+  return /* @__PURE__ */ P(X, { children: n.map((i) => {
+    if (!i.drawer)
+      return null;
+    const a = t.state(i.id), c = r.get(i.id), u = o.get(i.id);
+    if (!c)
+      return null;
+    const l = /* @__PURE__ */ P(
+      Jt,
+      {
+        id: i.id,
+        config: i.drawer,
+        isOpen: a,
+        onClose: c,
+        onOpen: u,
+        zIndex: i.zIndex,
+        width: i.width,
+        height: i.height,
+        position: i.position,
+        children: i.component
+      },
+      i.id
+    );
+    return nn(i) ? Oe.createPortal(l, document.body) : l;
+  }) });
+}, Se = s.createContext(null), On = ({ value: e, children: t }) => /* @__PURE__ */ P(Se.Provider, { value: e, children: t }), Cn = () => {
+  const e = s.useContext(Se);
+  if (!e)
+    throw new Error("useGridLayoutContext must be used within a GridLayoutProvider.");
+  return e;
+}, be = s.createContext(null), Dn = () => {
+  const e = s.useContext(be);
+  if (!e)
+    throw new Error("usePanelSystem must be used within a PanelSystemProvider.");
+  return e;
+}, vn = ({ config: e, layers: t, style: n, children: r }) => {
+  const o = s.useMemo(() => {
+    const l = /* @__PURE__ */ new Map();
+    return t.forEach((d) => {
+      l.set(d.id, d);
+    }), l;
+  }, [t]), i = s.useCallback(
+    (l) => o.get(l)?.component ?? null,
+    [o]
+  ), a = s.useMemo(() => t.map((l) => l.id), [t]), { getCachedContent: c } = Be({
+    resolveContent: i,
+    validIds: a
+  }), u = s.useMemo(
+    () => ({
+      config: e,
+      style: n,
+      layers: {
+        defs: t,
+        layerById: o
+      },
+      getCachedContent: c
+    }),
+    [e, n, t, o, c]
+  );
+  return /* @__PURE__ */ P(be.Provider, { value: u, children: r });
+}, Ee = s.createContext(null), rn = ({ layerId: e, children: t }) => {
+  const n = s.useMemo(() => ({ layerId: e }), [e]);
+  return /* @__PURE__ */ P(Ee.Provider, { value: n, children: t });
+}, Rn = () => {
+  const e = s.useContext(Ee);
+  if (!e)
+    throw new Error("useLayerInstance must be used within a LayerInstanceProvider.");
+  return e;
+}, se = (e, t, n) => {
+  if (typeof e == "number" && Number.isFinite(e))
+    return e;
+  throw new Error(`Popup layer "${n}" requires a numeric "${t}" value.`);
+}, Pe = (e, t) => {
+  if (!e)
+    throw new Error(`Popup layer "${t}" must define position (left/top).`);
+  return {
+    left: se(e.left, "left", t),
+    top: se(e.top, "top", t)
+  };
+}, Z = (e) => `${Math.round(e)}`, V = (e) => {
+  if (e !== void 0)
+    return e ? "yes" : "no";
+}, on = (e, t, n, r, o) => {
+  const i = {}, a = Pe(t, e);
+  if (typeof n != "number" || typeof r != "number")
+    throw new Error(`Popup layer "${e}" requires numeric width/height.`);
+  i.width = Z(n), i.height = Z(r), i.left = Z(a.left), i.top = Z(a.top);
+  const c = o?.features;
+  if (c) {
+    const u = V(c.toolbar), l = V(c.menubar), d = V(c.location), p = V(c.status), w = V(c.resizable), O = V(c.scrollbars);
+    u !== void 0 && (i.toolbar = u), l !== void 0 && (i.menubar = l), d !== void 0 && (i.location = d), p !== void 0 && (i.status = p), w !== void 0 && (i.resizable = w), O !== void 0 && (i.scrollbars = O);
+  }
+  return Object.entries(i).map(([u, l]) => `${u}=${l}`).join(",");
+}, ae = (e, t, n, r, o) => {
+  const i = Pe(n, t);
+  if (typeof r != "number" || typeof o != "number")
+    throw new Error(`Popup layer "${t}" requires numeric width/height.`);
+  e.moveTo(Math.round(i.left), Math.round(i.top)), e.resizeTo(Math.round(r), Math.round(o));
+}, xn = ({ layer: e }) => {
+  const t = e.floating;
+  if (!t)
+    throw new Error(`Layer "${e.id}" is missing floating configuration required for popup mode.`);
+  if ((t.mode ?? "embedded") !== "popup")
+    throw new Error(`PopupLayerPortal received layer "${e.id}" that is not configured for popup mode.`);
+  const r = s.useRef(null), o = s.useRef(null), [i, a] = s.useState(!1);
+  return s.useEffect(() => {
+    if (typeof window > "u")
+      return;
+    const c = on(e.id, e.position, e.width, e.height, t.popup), u = t.popup?.name ?? e.id, l = sn(
+      u,
+      c,
+      {
+        position: e.position,
+        size: { width: e.width, height: e.height }
+      },
+      t.popup
+    );
+    if (!l)
+      throw new Error(`Failed to open popup window for layer "${e.id}".`);
+    const d = l;
+    o.current = d, t.popup?.focus !== !1 && d.focus(), d.document.title || (d.document.title = e.id), d.document.body.innerHTML = "";
+    const p = d.document.createElement("div");
+    p.dataset.layerId = e.id, d.document.body.appendChild(p), r.current = p, a(!0), ae(d, e.id, e.position, e.width, e.height);
+    const w = () => {
+      o.current = null, r.current = null, a(!1);
+    };
+    return d.addEventListener("beforeunload", w), () => {
+      d.removeEventListener("beforeunload", w), t.popup?.closeOnUnmount !== !1 && d.close(), o.current = null, r.current = null, a(!1);
+    };
+  }, [
+    t.popup?.closeOnUnmount,
+    t.popup?.features?.location,
+    t.popup?.features?.menubar,
+    t.popup?.features?.resizable,
+    t.popup?.features?.scrollbars,
+    t.popup?.features?.status,
+    t.popup?.features?.toolbar,
+    t.popup?.focus,
+    t.popup?.name,
+    e.id
+  ]), s.useEffect(() => {
+    const c = o.current;
+    c && ae(c, e.id, e.position, e.width, e.height);
+  }, [e.position?.left, e.position?.top, e.height, e.width, e.id]), !i || !r.current ? null : Ce(/* @__PURE__ */ P(rn, { layerId: e.id, children: e.component }), r.current);
+}, sn = (e, t, n, r) => {
+  const o = r?.createWindow;
+  return o ? o({ name: e, features: t, bounds: n }) : window.open("", e, t);
+}, an = ({ onClick: e }) => /* @__PURE__ */ P(De, { children: /* @__PURE__ */ P(pe, { onClick: e, "aria-label": "Close window", "data-drag-ignore": "true" }) }), cn = ({ header: e, draggable: t, onClose: n }) => {
+  if (!e)
+    return null;
+  const r = e.showCloseButton ?? !1;
+  return /* @__PURE__ */ U(le, { ...t ? { "data-drag-handle": "true" } : {}, style: { cursor: t ? "grab" : void 0 }, children: [
+    e.title ? /* @__PURE__ */ P(de, { children: e.title }) : null,
+    r ? /* @__PURE__ */ P(an, { onClick: n }) : null
+  ] });
+}, un = ({ header: e, draggable: t, chrome: n, onClose: r, children: o }) => n ? /* @__PURE__ */ U(ce, { style: { height: "100%", width: "100%" }, children: [
+  /* @__PURE__ */ P(cn, { header: e, draggable: t, onClose: r }),
+  /* @__PURE__ */ P(ue, { style: { flex: 1, display: "flex", flexDirection: "column" }, children: o })
+] }) : /* @__PURE__ */ P(X, { children: o }), ln = ({ id: e, config: t, onClose: n, children: r }) => {
+  const o = t.chrome ?? !1, i = t.draggable ?? !1, a = t.header?.title ?? t.ariaLabel ?? "Floating window";
+  return /* @__PURE__ */ P("div", { "data-floating-window": e, role: "dialog", "aria-label": a, style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ P(un, { header: t.header, draggable: i, chrome: o, onClose: n, children: r }) });
+};
+ln.displayName = "FloatingWindow";
+export {
+  Jt as D,
+  ln as F,
+  On as G,
+  rn as L,
+  xn as P,
+  Sn as S,
+  Rn as a,
+  yn as b,
+  Pn as c,
+  tn as d,
+  Dn as e,
+  vn as f,
+  En as g,
+  Bt as h,
+  j as i,
+  bt as j,
+  F as k,
+  bn as l,
+  he as r,
+  Cn as u
+};
+//# sourceMappingURL=FloatingWindow-Bw2djgpz.js.map