react-panel-layout 0.6.0 → 0.6.1

package/dist/FloatingWindow-BpdOpg_L.js

@@ -1,400 +0,0 @@
-import { jsxs as S, Fragment as R, jsx as l } from "react/jsx-runtime";
-import * as u from "react";
-import { F as A, e as F, a as T, b as W, f as $, d as Y } from "./FloatingPanelFrame-SgYLc6Ud.js";
-import { s as j, t as q, u as O, v as U, w as K, x as J, y as Q } from "./styles-DPPuJ0sf.js";
-import { createPortal as Z } from "react-dom";
-import { u as tt } from "./useContentCache-CO3LYNmz.js";
-const L = {
-  position: "fixed",
-  inset: 0,
-  background: j
-}, et = {
-  willChange: "transform"
-}, x = {
-  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%)"
-  }
-}, ot = (t, e, n) => t === "none" ? void 0 : `transform ${e ?? q} ${n ?? O}`, nt = (t, e) => t ? e : !1, rt = ({ chrome: t, frameStyle: e, header: n, dismissible: s, onClose: o, children: i }) => t ? /* @__PURE__ */ S(A, { style: e, children: [
-  /* @__PURE__ */ l(st, { header: n, dismissible: s, onClose: o }),
-  /* @__PURE__ */ l(
-    F,
-    {
-      style: { padding: U, flex: 1, display: "flex", flexDirection: "column" },
-      children: i
-    }
-  )
-] }) : /* @__PURE__ */ l(R, { children: i }), st = ({ header: t, dismissible: e, onClose: n }) => {
-  if (!t)
-    return null;
-  const s = t.showCloseButton ?? !0, o = nt(e, s);
-  return /* @__PURE__ */ l(u.Activity, { mode: t ? "visible" : "hidden", children: /* @__PURE__ */ S(
-    T,
-    {
-      style: { padding: `${J} ${Q}`, gap: K },
-      children: [
-        /* @__PURE__ */ l(u.Activity, { mode: t ? "visible" : "hidden", children: /* @__PURE__ */ l(W, { children: t.title }) }),
-        /* @__PURE__ */ l(u.Activity, { mode: o ? "visible" : "hidden", children: /* @__PURE__ */ l(
-          $,
-          {
-            onClick: n,
-            "aria-label": "Close drawer",
-            style: { marginLeft: "auto" }
-          }
-        ) })
-      ]
-    }
-  ) });
-}, it = ({
-  id: t,
-  config: e,
-  isOpen: n,
-  onClose: s,
-  children: o,
-  zIndex: i,
-  width: d,
-  height: f,
-  position: a
-}) => {
-  const {
-    dismissible: r = !0,
-    header: c,
-    chrome: p = !0,
-    inline: h = !1,
-    transitionMode: w = "css",
-    transitionDuration: C,
-    transitionEasing: P
-  } = e, g = u.useCallback(
-    (v, m) => v || (m ? m.left !== void 0 ? "left" : m.right !== void 0 ? "right" : m.top !== void 0 ? "top" : m.bottom !== void 0 ? "bottom" : "right" : "right"),
-    []
-  )(e.anchor, a), I = {
-    left: "translateX(0)",
-    right: "translateX(0)",
-    top: "translateY(0)",
-    bottom: "translateY(0)"
-  }, H = u.useMemo(() => {
-    const v = ot(w, C, P), m = {
-      ...et,
-      ...h ? { position: "absolute" } : { position: "fixed" },
-      ...x[g],
-      transform: n ? I[g] : x[g].transform,
-      transition: v
-    };
-    return i !== void 0 && (m.zIndex = i), d !== void 0 && (m.width = typeof d == "number" ? `${d}px` : d), f !== void 0 && (m.height = typeof f == "number" ? `${f}px` : f), m;
-  }, [f, h, n, g, C, P, w, d, i]), V = c?.title ?? e.ariaLabel ?? "Drawer", z = u.useMemo(() => {
-    const v = h ? { ...L, position: "absolute" } : L, m = w === "none" ? void 0 : `opacity ${C ?? "220ms"} ease`;
-    return {
-      ...v,
-      opacity: n ? 1 : 0,
-      pointerEvents: n ? "auto" : "none",
-      transition: m,
-      zIndex: i !== void 0 ? i - 1 : void 0
-    };
-  }, [h, n, C, w, i]), X = u.useMemo(() => {
-    const v = g === "left" || g === "right", m = { borderRadius: 0 };
-    return v && (m.height = "100%"), m;
-  }, [g]);
-  return /* @__PURE__ */ S(R, { children: [
-    /* @__PURE__ */ l("div", { style: z, onClick: r ? s : void 0 }),
-    /* @__PURE__ */ l(
-      "div",
-      {
-        "data-layer-id": t,
-        "data-placement": g,
-        style: H,
-        role: "dialog",
-        "aria-modal": r ? !0 : void 0,
-        "aria-hidden": n ? void 0 : !0,
-        "aria-label": V,
-        children: /* @__PURE__ */ l(
-          rt,
-          {
-            chrome: p,
-            frameStyle: X,
-            header: c,
-            dismissible: r,
-            onClose: s,
-            children: o
-          }
-        )
-      }
-    )
-  ] });
-}, at = (t, e) => new Promise((n) => {
-  let s = !1;
-  const o = () => {
-    s || (s = !0, t.removeEventListener("transitionend", i), n());
-  }, i = (d) => {
-    d.target === t && o();
-  };
-  t.addEventListener("transitionend", i), setTimeout(o, e + 50);
-}), k = async (t, e, n, s) => {
-  switch (e) {
-    case "none":
-      t();
-      return;
-    case "css":
-      t(), n && await at(n, s);
-      return;
-  }
-}, Et = (t) => {
-  const [e, n] = u.useState({}), s = u.useRef(t);
-  s.current = t;
-  const o = u.useCallback(
-    async (a, r, c) => {
-      const { mode: p = "none", element: h, duration: w = 300 } = c ?? {};
-      await k(() => {
-        n((b) => b[a] === r ? b : { ...b, [a]: r });
-      }, p, h?.current, w);
-      const P = s.current;
-      r ? P?.onOpen?.(a) : P?.onClose?.(a), P?.onTransitionEnd?.(a, r);
-    },
-    []
-  ), i = u.useCallback((a) => e[a] ?? !1, [e]), d = u.useCallback(
-    (a, r) => o(a, !0, r),
-    [o]
-  ), f = u.useCallback(
-    (a, r) => o(a, !1, r),
-    [o]
-  );
-  return { state: i, open: d, close: f };
-}, ut = (t) => {
-  if (!t)
-    return 300;
-  const e = t.match(/(\d+)/);
-  return e ? parseInt(e[1], 10) : 300;
-}, ct = (t) => {
-  const [e, n] = u.useState(() => {
-    const a = {};
-    return t.forEach((r) => {
-      r.drawer && (a[r.id] = r.drawer.defaultOpen ?? !1);
-    }), a;
-  }), s = u.useMemo(() => {
-    const a = /* @__PURE__ */ new Map();
-    return t.forEach((r) => a.set(r.id, r)), a;
-  }, [t]), o = u.useCallback(
-    async (a, r, c) => {
-      const p = s.get(a);
-      if (!p?.drawer)
-        return;
-      const h = c?.mode ?? p.drawer.transitionMode ?? "css", w = c?.duration ?? ut(p.drawer.transitionDuration), C = c?.element?.current;
-      await k(() => {
-        p.drawer?.open === void 0 && n((b) => b[a] === r ? b : { ...b, [a]: r }), p.drawer?.onStateChange?.(r);
-      }, h, C, w);
-    },
-    [s]
-  ), i = u.useCallback(
-    (a) => {
-      const r = s.get(a);
-      return r?.drawer?.open !== void 0 ? r.drawer.open : e[a] ?? !1;
-    },
-    [s, e]
-  ), d = u.useCallback(
-    (a, r) => o(a, !0, r),
-    [o]
-  ), f = u.useCallback(
-    (a, r) => o(a, !1, r),
-    [o]
-  );
-  return { state: i, open: d, close: f };
-}, St = ({ layers: t }) => {
-  const e = ct(t), n = u.useMemo(() => t.filter((o) => o.drawer), [t]), s = u.useMemo(() => {
-    const o = /* @__PURE__ */ new Map();
-    return n.forEach((i) => {
-      o.set(i.id, () => e.close(i.id));
-    }), o;
-  }, [n, e.close]);
-  return /* @__PURE__ */ l(R, { children: n.map((o) => {
-    if (!o.drawer)
-      return null;
-    const i = e.state(o.id), d = s.get(o.id);
-    return d ? /* @__PURE__ */ l(
-      it,
-      {
-        id: o.id,
-        config: o.drawer,
-        isOpen: i,
-        onClose: d,
-        zIndex: o.zIndex,
-        width: o.width,
-        height: o.height,
-        position: o.position,
-        children: o.component
-      },
-      o.id
-    ) : null;
-  }) });
-}, _ = u.createContext(null), Dt = ({ value: t, children: e }) => /* @__PURE__ */ l(_.Provider, { value: t, children: e }), Rt = () => {
-  const t = u.useContext(_);
-  if (!t)
-    throw new Error("useGridLayoutContext must be used within a GridLayoutProvider.");
-  return t;
-}, N = u.createContext(null), Lt = () => {
-  const t = u.useContext(N);
-  if (!t)
-    throw new Error("usePanelSystem must be used within a PanelSystemProvider.");
-  return t;
-}, xt = ({ config: t, layers: e, style: n, children: s }) => {
-  const o = u.useMemo(() => {
-    const r = /* @__PURE__ */ new Map();
-    return e.forEach((c) => {
-      r.set(c.id, c);
-    }), r;
-  }, [e]), i = u.useCallback(
-    (r) => o.get(r)?.component ?? null,
-    [o]
-  ), d = u.useMemo(() => e.map((r) => r.id), [e]), { getCachedContent: f } = tt({
-    resolveContent: i,
-    validIds: d
-  }), a = u.useMemo(
-    () => ({
-      config: t,
-      style: n,
-      layers: {
-        defs: e,
-        layerById: o
-      },
-      getCachedContent: f
-    }),
-    [t, n, e, o, f]
-  );
-  return /* @__PURE__ */ l(N.Provider, { value: a, children: s });
-}, B = u.createContext(null), lt = ({ layerId: t, children: e }) => {
-  const n = u.useMemo(() => ({ layerId: t }), [t]);
-  return /* @__PURE__ */ l(B.Provider, { value: n, children: e });
-}, yt = () => {
-  const t = u.useContext(B);
-  if (!t)
-    throw new Error("useLayerInstance must be used within a LayerInstanceProvider.");
-  return t;
-}, y = (t, e, n) => {
-  if (typeof t == "number" && Number.isFinite(t))
-    return t;
-  throw new Error(`Popup layer "${n}" requires a numeric "${e}" value.`);
-}, G = (t, e) => {
-  if (!t)
-    throw new Error(`Popup layer "${e}" must define position (left/top).`);
-  return {
-    left: y(t.left, "left", e),
-    top: y(t.top, "top", e)
-  };
-}, D = (t) => `${Math.round(t)}`, E = (t) => {
-  if (t !== void 0)
-    return t ? "yes" : "no";
-}, dt = (t, e, n, s, o) => {
-  const i = {}, d = G(e, t);
-  if (typeof n != "number" || typeof s != "number")
-    throw new Error(`Popup layer "${t}" requires numeric width/height.`);
-  i.width = D(n), i.height = D(s), i.left = D(d.left), i.top = D(d.top);
-  const f = o?.features;
-  if (f) {
-    const a = E(f.toolbar), r = E(f.menubar), c = E(f.location), p = E(f.status), h = E(f.resizable), w = E(f.scrollbars);
-    a !== void 0 && (i.toolbar = a), r !== void 0 && (i.menubar = r), c !== void 0 && (i.location = c), p !== void 0 && (i.status = p), h !== void 0 && (i.resizable = h), w !== void 0 && (i.scrollbars = w);
-  }
-  return Object.entries(i).map(([a, r]) => `${a}=${r}`).join(",");
-}, M = (t, e, n, s, o) => {
-  const i = G(n, e);
-  if (typeof s != "number" || typeof o != "number")
-    throw new Error(`Popup layer "${e}" requires numeric width/height.`);
-  t.moveTo(Math.round(i.left), Math.round(i.top)), t.resizeTo(Math.round(s), Math.round(o));
-}, Mt = ({ layer: t }) => {
-  const e = t.floating;
-  if (!e)
-    throw new Error(`Layer "${t.id}" is missing floating configuration required for popup mode.`);
-  if ((e.mode ?? "embedded") !== "popup")
-    throw new Error(`PopupLayerPortal received layer "${t.id}" that is not configured for popup mode.`);
-  const s = u.useRef(null), o = u.useRef(null), [i, d] = u.useState(!1);
-  return u.useEffect(() => {
-    if (typeof window > "u")
-      return;
-    const f = dt(t.id, t.position, t.width, t.height, e.popup), a = e.popup?.name ?? t.id, r = ft(
-      a,
-      f,
-      {
-        position: t.position,
-        size: { width: t.width, height: t.height }
-      },
-      e.popup
-    );
-    if (!r)
-      throw new Error(`Failed to open popup window for layer "${t.id}".`);
-    const c = r;
-    o.current = c, e.popup?.focus !== !1 && c.focus(), c.document.title || (c.document.title = t.id), c.document.body.innerHTML = "";
-    const p = c.document.createElement("div");
-    p.dataset.layerId = t.id, c.document.body.appendChild(p), s.current = p, d(!0), M(c, t.id, t.position, t.width, t.height);
-    const h = () => {
-      o.current = null, s.current = null, d(!1);
-    };
-    return c.addEventListener("beforeunload", h), () => {
-      c.removeEventListener("beforeunload", h), e.popup?.closeOnUnmount !== !1 && c.close(), o.current = null, s.current = null, d(!1);
-    };
-  }, [
-    e.popup?.closeOnUnmount,
-    e.popup?.features?.location,
-    e.popup?.features?.menubar,
-    e.popup?.features?.resizable,
-    e.popup?.features?.scrollbars,
-    e.popup?.features?.status,
-    e.popup?.features?.toolbar,
-    e.popup?.focus,
-    e.popup?.name,
-    t.id
-  ]), u.useEffect(() => {
-    const f = o.current;
-    f && M(f, t.id, t.position, t.width, t.height);
-  }, [t.position?.left, t.position?.top, t.height, t.width, t.id]), !i || !s.current ? null : Z(/* @__PURE__ */ l(lt, { layerId: t.id, children: t.component }), s.current);
-}, ft = (t, e, n, s) => {
-  const o = s?.createWindow;
-  return o ? o({ name: t, features: e, bounds: n }) : window.open("", t, e);
-}, pt = ({ onClick: t }) => /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l($, { onClick: t, "aria-label": "Close window", "data-drag-ignore": "true" }) }), mt = ({ header: t, draggable: e, onClose: n }) => {
-  if (!t)
-    return null;
-  const s = t.showCloseButton ?? !1;
-  return /* @__PURE__ */ S(T, { ...e ? { "data-drag-handle": "true" } : {}, style: { cursor: e ? "grab" : void 0 }, children: [
-    t.title ? /* @__PURE__ */ l(W, { children: t.title }) : null,
-    s ? /* @__PURE__ */ l(pt, { onClick: n }) : null
-  ] });
-}, ht = ({ header: t, draggable: e, chrome: n, onClose: s, children: o }) => n ? /* @__PURE__ */ S(A, { style: { height: "100%", width: "100%" }, children: [
-  /* @__PURE__ */ l(mt, { header: t, draggable: e, onClose: s }),
-  /* @__PURE__ */ l(F, { style: { flex: 1, display: "flex", flexDirection: "column" }, children: o })
-] }) : /* @__PURE__ */ l(R, { children: o }), wt = ({ id: t, config: e, onClose: n, children: s }) => {
-  const o = e.chrome ?? !1, i = e.draggable ?? !1, d = e.header?.title ?? e.ariaLabel ?? "Floating window";
-  return /* @__PURE__ */ l("div", { "data-floating-window": t, role: "dialog", "aria-label": d, style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ l(ht, { header: e.header, draggable: i, chrome: o, onClose: n, children: s }) });
-};
-wt.displayName = "FloatingWindow";
-export {
-  it as D,
-  wt as F,
-  Dt as G,
-  lt as L,
-  Mt as P,
-  yt as a,
-  St as b,
-  Et as c,
-  ct as d,
-  Lt as e,
-  xt as f,
-  k as r,
-  Rt as u
-};
-//# sourceMappingURL=FloatingWindow-BpdOpg_L.js.map

package/dist/FloatingWindow-BpdOpg_L.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingWindow-BpdOpg_L.js","sources":["../src/components/window/Drawer.tsx","../src/hooks/useTransitionState.ts","../src/modules/window/useDrawerState.ts","../src/components/window/DrawerLayers.tsx","../src/modules/grid/GridLayoutContext.tsx","../src/PanelSystemContext.tsx","../src/modules/grid/LayerInstanceContext.tsx","../src/components/window/PopupLayerPortal.tsx","../src/components/window/FloatingWindow.tsx"],"sourcesContent":["/**\n * @file Drawer component\n *\n * Mobile-friendly slide-in panel with backdrop support.\n */\nimport * as React from \"react\";\nimport type { DrawerBehavior, WindowPosition } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelContent,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n} from \"../paneling/FloatingPanelFrame\";\nimport {\n  DRAWER_HEADER_PADDING_Y,\n  DRAWER_HEADER_PADDING_X,\n  DRAWER_HEADER_GAP,\n  DRAWER_CONTENT_PADDING,\n  COLOR_DRAWER_BACKDROP,\n  DRAWER_TRANSITION_DURATION,\n  DRAWER_TRANSITION_EASING,\n} from \"../../constants/styles\";\n\nconst drawerBackdropStyle: React.CSSProperties = {\n  position: \"fixed\",\n  inset: 0,\n  background: COLOR_DRAWER_BACKDROP,\n};\n\nconst drawerBaseStyle: React.CSSProperties = {\n  willChange: \"transform\",\n};\n\nconst drawerPlacementStyles: Record<string, React.CSSProperties> = {\n  left: {\n    top: 0,\n    bottom: 0,\n    left: 0,\n    transform: \"translateX(-100%)\",\n  },\n  right: {\n    top: 0,\n    bottom: 0,\n    right: 0,\n    transform: \"translateX(100%)\",\n  },\n  top: {\n    top: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(-100%)\",\n  },\n  bottom: {\n    bottom: 0,\n    left: 0,\n    right: 0,\n    transform: \"translateY(100%)\",\n  },\n};\n\nconst computeTransitionValue = (\n  mode: DrawerBehavior[\"transitionMode\"] | undefined,\n  duration: DrawerBehavior[\"transitionDuration\"],\n  easing: DrawerBehavior[\"transitionEasing\"],\n): string | undefined => {\n  if (mode === \"none\") {\n    return undefined;\n  }\n\n  const durationValue = duration ?? DRAWER_TRANSITION_DURATION;\n  const easingValue = easing ?? DRAWER_TRANSITION_EASING;\n\n  return `transform ${durationValue} ${easingValue}`;\n};\n\nexport type DrawerProps = {\n  id: string;\n  config: DrawerBehavior;\n  isOpen: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n  zIndex?: number;\n  width?: string | number;\n  height?: string | number;\n  position?: WindowPosition;\n};\n\nconst shouldShowCloseButton = (dismissible: boolean, showClose: boolean): boolean => {\n  if (!dismissible) {\n    return false;\n  }\n  return showClose;\n};\n\ntype DrawerContentProps = {\n  chrome: boolean;\n  frameStyle: React.CSSProperties;\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst DrawerContent: React.FC<DrawerContentProps> = ({ chrome, frameStyle, header, dismissible, onClose, children }) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n  return (\n    <FloatingPanelFrame style={frameStyle}>\n      <DrawerHeaderView header={header} dismissible={dismissible} onClose={onClose} />\n      <FloatingPanelContent\n        style={{ padding: DRAWER_CONTENT_PADDING, flex: 1, display: \"flex\", flexDirection: \"column\" }}\n      >\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\nconst DrawerHeaderView: React.FC<{\n  header?: DrawerBehavior[\"header\"];\n  dismissible: boolean;\n  onClose: () => void;\n}> = ({ header, dismissible, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? true;\n  const shouldShowClose = shouldShowCloseButton(dismissible, showCloseButton);\n\n  return (\n    <React.Activity mode={header ? \"visible\" : \"hidden\"}>\n      <FloatingPanelHeader\n        style={{ padding: `${DRAWER_HEADER_PADDING_Y} ${DRAWER_HEADER_PADDING_X}`, gap: DRAWER_HEADER_GAP }}\n      >\n        <React.Activity mode={header ? \"visible\" : \"hidden\"}>\n          <FloatingPanelTitle>{header.title}</FloatingPanelTitle>\n        </React.Activity>\n        <React.Activity mode={shouldShowClose ? \"visible\" : \"hidden\"}>\n          <FloatingPanelCloseButton\n            onClick={onClose}\n            aria-label=\"Close drawer\"\n            style={{ marginLeft: \"auto\" }}\n          />\n        </React.Activity>\n      </FloatingPanelHeader>\n    </React.Activity>\n  );\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  id,\n  config,\n  isOpen,\n  onClose,\n  children,\n  zIndex,\n  width,\n  height,\n  position,\n}) => {\n  const {\n    dismissible = true,\n    header,\n    chrome = true,\n    inline = false,\n    transitionMode = \"css\",\n    transitionDuration,\n    transitionEasing,\n  } = config;\n\n  const resolvePlacement = React.useCallback(\n    (anchor?: DrawerBehavior[\"anchor\"], pos?: WindowPosition): \"left\" | \"right\" | \"top\" | \"bottom\" => {\n      // Prefer explicit anchor from config\n      if (anchor) {\n        return anchor;\n      }\n      // Fall back to inferring from position\n      if (!pos) {\n        return \"right\";\n      }\n      if (pos.left !== undefined) {\n        return \"left\";\n      }\n      if (pos.right !== undefined) {\n        return \"right\";\n      }\n      if (pos.top !== undefined) {\n        return \"top\";\n      }\n      if (pos.bottom !== undefined) {\n        return \"bottom\";\n      }\n      return \"right\";\n    },\n    [],\n  );\n\n  const placement = resolvePlacement(config.anchor, position);\n\n  const openTransforms: Record<string, string> = {\n    left: \"translateX(0)\",\n    right: \"translateX(0)\",\n    top: \"translateY(0)\",\n    bottom: \"translateY(0)\",\n  };\n\n  const drawerStyle = React.useMemo((): React.CSSProperties => {\n    const transitionValue = computeTransitionValue(transitionMode, transitionDuration, transitionEasing);\n\n    const style: React.CSSProperties = {\n      ...drawerBaseStyle,\n      ...(inline ? { position: \"absolute\" } : { position: \"fixed\" }),\n      ...drawerPlacementStyles[placement],\n      transform: isOpen ? openTransforms[placement] : drawerPlacementStyles[placement].transform,\n      transition: transitionValue,\n    };\n\n    if (zIndex !== undefined) {\n      style.zIndex = zIndex;\n    }\n\n    if (width !== undefined) {\n      style.width = typeof width === \"number\" ? `${width}px` : width;\n    }\n    if (height !== undefined) {\n      style.height = typeof height === \"number\" ? `${height}px` : height;\n    }\n\n    return style;\n  }, [height, inline, isOpen, placement, transitionDuration, transitionEasing, transitionMode, width, zIndex]);\n\n  const ariaLabel = header?.title ?? config.ariaLabel ?? \"Drawer\";\n\n  const backdropStyle = React.useMemo((): React.CSSProperties => {\n    const base = inline ? { ...drawerBackdropStyle, position: \"absolute\" as const } : drawerBackdropStyle;\n    const transitionValue = transitionMode === \"none\" ? undefined : `opacity ${transitionDuration ?? \"220ms\"} ease`;\n    return {\n      ...base,\n      opacity: isOpen ? 1 : 0,\n      pointerEvents: isOpen ? \"auto\" : \"none\",\n      transition: transitionValue,\n      zIndex: zIndex !== undefined ? zIndex - 1 : undefined,\n    };\n  }, [inline, isOpen, transitionDuration, transitionMode, zIndex]);\n\n  const frameStyle = React.useMemo((): React.CSSProperties => {\n    const isVertical = placement === \"left\" || placement === \"right\";\n    const style: React.CSSProperties = { borderRadius: 0 };\n    if (isVertical) {\n      style.height = \"100%\";\n    }\n    return style;\n  }, [placement]);\n\n  return (\n    <>\n      <div style={backdropStyle} onClick={dismissible ? onClose : undefined} />\n      <div\n        data-layer-id={id}\n        data-placement={placement}\n        style={drawerStyle}\n        role=\"dialog\"\n        aria-modal={dismissible ? true : undefined}\n        aria-hidden={isOpen ? undefined : true}\n        aria-label={ariaLabel}\n      >\n        <DrawerContent\n          chrome={chrome}\n          frameStyle={frameStyle}\n          header={header}\n          dismissible={dismissible}\n          onClose={onClose}\n        >\n          {children}\n        </DrawerContent>\n      </div>\n    </>\n  );\n};\n","/**\n * @file Generic transition state management with animation support.\n */\nimport * as React from \"react\";\n\nexport type TransitionMode = \"none\" | \"css\";\n\nexport type TransitionOptions = {\n  mode?: TransitionMode;\n  element?: React.RefObject<HTMLElement>;\n  duration?: number;\n};\n\nexport type UseTransitionStateOptions = {\n  onOpen?: (id: string) => void;\n  onClose?: (id: string) => void;\n  onTransitionEnd?: (id: string, isOpen: boolean) => void;\n};\n\nconst waitForTransitionEnd = (el: HTMLElement, timeout: number): Promise<void> =>\n  new Promise((resolve) => {\n    // eslint-disable-next-line no-restricted-syntax -- mutable flag needed for deduplication\n    let resolved = false;\n    const done = () => {\n      if (resolved) {return;}\n      resolved = true;\n      el.removeEventListener(\"transitionend\", handler);\n      resolve();\n    };\n    const handler = (e: TransitionEvent) => {\n      if (e.target === el) {done();}\n    };\n    el.addEventListener(\"transitionend\", handler);\n    setTimeout(done, timeout + 50);\n  });\n\nexport const runTransition = async (\n  update: () => void,\n  mode: TransitionMode,\n  el: HTMLElement | null | undefined,\n  duration: number,\n): Promise<void> => {\n  switch (mode) {\n    case \"none\":\n      update();\n      return;\n\n    case \"css\":\n      update();\n      if (el) {await waitForTransitionEnd(el, duration);}\n      return;\n  }\n};\n\nexport const useTransitionState = (options?: UseTransitionStateOptions) => {\n  const [states, setStates] = React.useState<Record<string, boolean>>({});\n  const optionsRef = React.useRef(options);\n  optionsRef.current = options;\n\n  const update = React.useCallback(\n    async (id: string, isOpen: boolean, transitionOptions?: TransitionOptions) => {\n      const { mode = \"none\", element, duration = 300 } = transitionOptions ?? {};\n\n      const applyState = () => {\n        setStates((prev) => {\n          if (prev[id] === isOpen) {return prev;}\n          return { ...prev, [id]: isOpen };\n        });\n      };\n\n      await runTransition(applyState, mode, element?.current, duration);\n\n      const opts = optionsRef.current;\n      if (isOpen) {\n        opts?.onOpen?.(id);\n      } else {\n        opts?.onClose?.(id);\n      }\n      opts?.onTransitionEnd?.(id, isOpen);\n    },\n    [],\n  );\n\n  const state = React.useCallback((id: string): boolean => states[id] ?? false, [states]);\n  const open = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, true, opts),\n    [update],\n  );\n  const close = React.useCallback(\n    (id: string, opts?: TransitionOptions) => update(id, false, opts),\n    [update],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file Hook for managing drawer state (controlled/uncontrolled)\n */\nimport * as React from \"react\";\nimport {\n  type TransitionMode,\n  type TransitionOptions,\n  runTransition,\n} from \"../../hooks/useTransitionState\";\nimport type { LayerDefinition } from \"../../types\";\n\nconst parseDuration = (value: string | undefined): number => {\n  if (!value) {return 300;}\n  const match = value.match(/(\\d+)/);\n  return match ? parseInt(match[1], 10) : 300;\n};\n\nexport const useDrawerState = (layers: LayerDefinition[]) => {\n  const [drawerStates, setDrawerStates] = React.useState<Record<string, boolean>>(() => {\n    const initial: Record<string, boolean> = {};\n    layers.forEach((layer) => {\n      if (layer.drawer) {\n        initial[layer.id] = layer.drawer.defaultOpen ?? false;\n      }\n    });\n    return initial;\n  });\n\n  const layerMap = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => map.set(layer.id, layer));\n    return map;\n  }, [layers]);\n\n  const updateState = React.useCallback(\n    async (layerId: string, isOpen: boolean, options?: TransitionOptions) => {\n      const layer = layerMap.get(layerId);\n      if (!layer?.drawer) {return;}\n\n      const mode: TransitionMode = options?.mode ?? layer.drawer.transitionMode ?? \"css\";\n      const duration = options?.duration ?? parseDuration(layer.drawer.transitionDuration);\n      const element = options?.element?.current;\n\n      const applyState = () => {\n        if (layer.drawer?.open === undefined) {\n          setDrawerStates((prev) => {\n            if (prev[layerId] === isOpen) {return prev;}\n            return { ...prev, [layerId]: isOpen };\n          });\n        }\n        layer.drawer?.onStateChange?.(isOpen);\n      };\n\n      await runTransition(applyState, mode, element, duration);\n    },\n    [layerMap],\n  );\n\n  const state = React.useCallback(\n    (layerId: string): boolean => {\n      const layer = layerMap.get(layerId);\n      if (layer?.drawer?.open !== undefined) {\n        return layer.drawer.open;\n      }\n      return drawerStates[layerId] ?? false;\n    },\n    [layerMap, drawerStates],\n  );\n\n  const open = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, true, options),\n    [updateState],\n  );\n\n  const close = React.useCallback(\n    (id: string, options?: TransitionOptions) => updateState(id, false, options),\n    [updateState],\n  );\n\n  return { state, open, close };\n};\n","/**\n * @file DrawerLayers component\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\nimport { Drawer } from \"./Drawer\";\nimport { useDrawerState } from \"../../modules/window/useDrawerState\";\n\nexport type DrawerLayersProps = {\n  layers: LayerDefinition[];\n};\n\nexport const DrawerLayers: React.FC<DrawerLayersProps> = ({ layers }) => {\n  const drawer = useDrawerState(layers);\n\n  const drawerLayers = React.useMemo(() => layers.filter((layer) => layer.drawer), [layers]);\n\n  const closeHandlers = React.useMemo(() => {\n    const handlers = new Map<string, () => void>();\n    drawerLayers.forEach((layer) => {\n      handlers.set(layer.id, () => drawer.close(layer.id));\n    });\n    return handlers;\n  }, [drawerLayers, drawer.close]);\n\n  return (\n    <>\n      {drawerLayers.map((layer) => {\n        if (!layer.drawer) {\n          return null;\n        }\n\n        const isOpen = drawer.state(layer.id);\n        const onClose = closeHandlers.get(layer.id);\n\n        if (!onClose) {\n          return null;\n        }\n\n        return (\n          <Drawer\n            key={layer.id}\n            id={layer.id}\n            config={layer.drawer}\n            isOpen={isOpen}\n            onClose={onClose}\n            zIndex={layer.zIndex}\n            width={layer.width}\n            height={layer.height}\n            position={layer.position}\n          >\n            {layer.component}\n          </Drawer>\n        );\n      })}\n    </>\n  );\n};\n","/**\n * @file Context provider for grid layer rendering helpers.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\n\nexport type GridLayerHandleProps = React.HTMLAttributes<HTMLElement> & {\n  \"data-drag-handle\": \"true\";\n};\n\nexport type ResizeHandleConfig =\n  | {\n      key: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n      variant: \"corner\";\n      horizontal: \"left\" | \"right\";\n      vertical: \"top\" | \"bottom\";\n    }\n  | {\n      key: \"left\" | \"right\" | \"top\" | \"bottom\";\n      variant: \"edge\";\n      horizontal?: \"left\" | \"right\";\n      vertical?: \"top\" | \"bottom\";\n    };\n\nexport type GridLayerRenderState = {\n  style: React.CSSProperties;\n  isResizable: boolean;\n  isResizing: boolean;\n  onResizeHandlePointerDown: (config: ResizeHandleConfig, event: React.PointerEvent<HTMLDivElement>) => void;\n};\n\nexport type GridLayoutContextValue = {\n  handleLayerPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;\n  getLayerRenderState: (layer: LayerDefinition) => GridLayerRenderState;\n  getLayerHandleProps: (layerId: string) => GridLayerHandleProps;\n  /**\n   * Whether the GridLayout is mounted at root level.\n   * When true, scrollable layers should delegate to browser's native scroll.\n   */\n  isRootLevel: boolean;\n};\n\nconst GridLayoutContext = React.createContext<GridLayoutContextValue | null>(null);\n\nexport const GridLayoutProvider: React.FC<\n  React.PropsWithChildren<{ value: GridLayoutContextValue }>\n> = ({ value, children }) => {\n  return <GridLayoutContext.Provider value={value}>{children}</GridLayoutContext.Provider>;\n};\n\nexport const useGridLayoutContext = (): GridLayoutContextValue => {\n  const context = React.useContext(GridLayoutContext);\n  if (!context) {\n    throw new Error(\"useGridLayoutContext must be used within a GridLayoutProvider.\");\n  }\n  return context;\n};\n","/**\n * @file PanelSystemContext\n *\n * Core provider for panel definitions and registry. Grid-specific layout and\n * interactions are composed by UI layers (e.g., GridLayout) on top of this.\n *\n * Includes content caching to preserve React component state across re-renders.\n * This is essential for maintaining internal state when parent components\n * re-create the layers array.\n */\nimport * as React from \"react\";\nimport type { PanelLayoutConfig, LayerDefinition } from \"./types\";\nimport { useContentCache } from \"./hooks/useContentCache\";\n\nexport type PanelSystemContextValue = {\n  config: PanelLayoutConfig;\n  style?: React.CSSProperties;\n  layers: {\n    /** Raw panel definitions (no grid normalization). */\n    defs: LayerDefinition[];\n    /** Fast lookup map by id for consumers. */\n    layerById: Map<string, LayerDefinition>;\n  };\n  /**\n   * Get cached content for a layer. Returns the same ReactNode reference\n   * for the same layer ID to prevent remounting on parent re-renders.\n   */\n  getCachedContent: (layerId: string) => React.ReactNode | null;\n};\n\nconst PanelSystemContext = React.createContext<PanelSystemContextValue | null>(null);\n\nexport const usePanelSystem = (): PanelSystemContextValue => {\n  const ctx = React.useContext(PanelSystemContext);\n  if (!ctx) {\n    throw new Error(\"usePanelSystem must be used within a PanelSystemProvider.\");\n  }\n  return ctx;\n};\n\nexport type PanelSystemProviderProps = React.PropsWithChildren<{\n  config: PanelLayoutConfig;\n  layers: LayerDefinition[];\n  style?: React.CSSProperties;\n}>;\n\nexport const PanelSystemProvider: React.FC<PanelSystemProviderProps> = ({ config, layers, style, children }) => {\n  const layerById = React.useMemo(() => {\n    const map = new Map<string, LayerDefinition>();\n    layers.forEach((layer) => {\n      map.set(layer.id, layer);\n    });\n    return map;\n  }, [layers]);\n\n  // Content resolver for useContentCache\n  const resolveContent = React.useCallback(\n    (layerId: string): React.ReactNode | null => {\n      const layer = layerById.get(layerId);\n      return layer?.component ?? null;\n    },\n    [layerById],\n  );\n\n  // Valid IDs for cache cleanup\n  const validIds = React.useMemo(() => layers.map((l) => l.id), [layers]);\n\n  // Use shared content cache hook\n  const { getCachedContent } = useContentCache({\n    resolveContent,\n    validIds,\n  });\n\n  const value = React.useMemo<PanelSystemContextValue>(\n    () => ({\n      config,\n      style,\n      layers: {\n        defs: layers,\n        layerById,\n      },\n      getCachedContent,\n    }),\n    [config, style, layers, layerById, getCachedContent],\n  );\n\n  return <PanelSystemContext.Provider value={value}>{children}</PanelSystemContext.Provider>;\n};\n","/**\n * @file Context exposing the current grid layer id and helpers to child components.\n */\nimport * as React from \"react\";\nimport type { LayerDefinition } from \"../../types\";\nimport { usePanelSystem } from \"../../PanelSystemContext\";\nimport { useGridLayoutContext, type GridLayerHandleProps } from \"./GridLayoutContext\";\n\ntype LayerInstanceContextValue = {\n  layerId: string;\n};\n\nconst LayerInstanceContext = React.createContext<LayerInstanceContextValue | null>(null);\n\nexport type LayerInstanceProviderProps = React.PropsWithChildren<LayerInstanceContextValue>;\n\nexport const LayerInstanceProvider: React.FC<LayerInstanceProviderProps> = ({ layerId, children }) => {\n  const value = React.useMemo(() => ({ layerId }), [layerId]);\n  return <LayerInstanceContext.Provider value={value}>{children}</LayerInstanceContext.Provider>;\n};\n\nexport const useLayerInstance = (): LayerInstanceContextValue => {\n  const value = React.useContext(LayerInstanceContext);\n  if (!value) {\n    throw new Error(\"useLayerInstance must be used within a LayerInstanceProvider.\");\n  }\n  return value;\n};\n\n/**\n * Convenience: read the current layer definition from the core registry.\n */\nexport const useCurrentLayerDefinition = (): LayerDefinition => {\n  const { layerId } = useLayerInstance();\n  const { layers } = usePanelSystem();\n  const def = layers.layerById.get(layerId);\n  if (!def) {\n    throw new Error(`Layer definition not found for id: ${layerId}`);\n  }\n  return def;\n};\n\n/**\n * Convenience: get drag handle props, pre-bound to the current layer.\n */\nexport const useCurrentLayerHandleProps = (): GridLayerHandleProps => {\n  const { layerId } = useLayerInstance();\n  const { getLayerHandleProps } = useGridLayoutContext();\n  return React.useMemo(() => getLayerHandleProps(layerId), [getLayerHandleProps, layerId]);\n};\n\n/**\n * Compatibility helper for existing code using useLayerDragHandle.\n * Prefer useCurrentLayerHandleProps for direct access.\n */\nexport const useLayerDragHandleProps = useCurrentLayerHandleProps;\n","/**\n * @file Renders floating layers inside a dedicated browser popup window.\n */\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport type { LayerDefinition, PopupWindowOptions, WindowPosition, WindowBounds } from \"../../types\";\nimport { LayerInstanceProvider } from \"../../modules/grid/LayerInstanceContext\";\n\nconst ensureNumericOffset = (value: number | string | undefined, key: keyof WindowPosition, layerId: string): number => {\n  if (typeof value === \"number\" && Number.isFinite(value)) {\n    return value;\n  }\n  throw new Error(`Popup layer \"${layerId}\" requires a numeric \"${key}\" value.`);\n};\n\nconst resolvePopupAnchor = (position: WindowPosition | undefined, layerId: string): { left: number; top: number } => {\n  if (!position) {\n    throw new Error(`Popup layer \"${layerId}\" must define position (left/top).`);\n  }\n  return {\n    left: ensureNumericOffset(position.left, \"left\", layerId),\n    top: ensureNumericOffset(position.top, \"top\", layerId),\n  };\n};\n\nconst numericFeature = (value: number): string => {\n  return `${Math.round(value)}`;\n};\n\nconst booleanFeature = (value: boolean | undefined): string | undefined => {\n  if (value === undefined) {\n    return undefined;\n  }\n  return value ? \"yes\" : \"no\";\n};\n\nconst buildWindowFeatures = (\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n  options: PopupWindowOptions | undefined,\n): string => {\n  const features: Record<string, string> = {};\n  const anchor = resolvePopupAnchor(position, layerId);\n\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  features.width = numericFeature(width);\n  features.height = numericFeature(height);\n  features.left = numericFeature(anchor.left);\n  features.top = numericFeature(anchor.top);\n\n  const overrides = options?.features;\n  if (overrides) {\n    const toolbar = booleanFeature(overrides.toolbar);\n    const menubar = booleanFeature(overrides.menubar);\n    const location = booleanFeature(overrides.location);\n    const status = booleanFeature(overrides.status);\n    const resizable = booleanFeature(overrides.resizable);\n    const scrollbars = booleanFeature(overrides.scrollbars);\n\n    if (toolbar !== undefined) {\n      features.toolbar = toolbar;\n    }\n    if (menubar !== undefined) {\n      features.menubar = menubar;\n    }\n    if (location !== undefined) {\n      features.location = location;\n    }\n    if (status !== undefined) {\n      features.status = status;\n    }\n    if (resizable !== undefined) {\n      features.resizable = resizable;\n    }\n    if (scrollbars !== undefined) {\n      features.scrollbars = scrollbars;\n    }\n  }\n\n  return Object.entries(features)\n    .map(([key, value]) => `${key}=${value}`)\n    .join(\",\");\n};\n\nconst applyBoundsToWindow = (\n  popupWindow: Window,\n  layerId: string,\n  position: WindowPosition | undefined,\n  width: number | string | undefined,\n  height: number | string | undefined,\n) => {\n  const anchor = resolvePopupAnchor(position, layerId);\n  if (typeof width !== \"number\" || typeof height !== \"number\") {\n    throw new Error(`Popup layer \"${layerId}\" requires numeric width/height.`);\n  }\n  popupWindow.moveTo(Math.round(anchor.left), Math.round(anchor.top));\n  popupWindow.resizeTo(Math.round(width), Math.round(height));\n};\n\ntype PopupLayerPortalProps = {\n  layer: LayerDefinition;\n};\n\nexport const PopupLayerPortal: React.FC<PopupLayerPortalProps> = ({ layer }) => {\n  const floating = layer.floating;\n  if (!floating) {\n    throw new Error(`Layer \"${layer.id}\" is missing floating configuration required for popup mode.`);\n  }\n  const mode = floating.mode ?? \"embedded\";\n  if (mode !== \"popup\") {\n    throw new Error(`PopupLayerPortal received layer \"${layer.id}\" that is not configured for popup mode.`);\n  }\n\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const popupWindowRef = React.useRef<Window | null>(null);\n  const [isMounted, setIsMounted] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const features = buildWindowFeatures(layer.id, layer.position, layer.width, layer.height, floating.popup);\n    const windowName = floating.popup?.name ?? layer.id;\n    const createdWindow = resolvePopupWindow(\n      windowName,\n      features,\n      {\n        position: layer.position,\n        size: { width: layer.width as number, height: layer.height as number },\n      },\n      floating.popup,\n    );\n\n    if (!createdWindow) {\n      throw new Error(`Failed to open popup window for layer \"${layer.id}\".`);\n    }\n\n    const openedWindow = createdWindow;\n\n    popupWindowRef.current = openedWindow;\n\n    if (floating.popup?.focus !== false) {\n      openedWindow.focus();\n    }\n\n    if (!openedWindow.document.title) {\n      openedWindow.document.title = layer.id;\n    }\n    openedWindow.document.body.innerHTML = \"\";\n    const mountNode = openedWindow.document.createElement(\"div\");\n    mountNode.dataset.layerId = layer.id;\n    openedWindow.document.body.appendChild(mountNode);\n    containerRef.current = mountNode;\n    setIsMounted(true);\n\n    applyBoundsToWindow(openedWindow, layer.id, layer.position, layer.width, layer.height);\n\n    const handleBeforeUnload = () => {\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n    openedWindow.addEventListener(\"beforeunload\", handleBeforeUnload);\n\n    return () => {\n      openedWindow.removeEventListener(\"beforeunload\", handleBeforeUnload);\n      if (floating.popup?.closeOnUnmount !== false) {\n        openedWindow.close();\n      }\n      popupWindowRef.current = null;\n      containerRef.current = null;\n      setIsMounted(false);\n    };\n  }, [\n    floating.popup?.closeOnUnmount,\n    floating.popup?.features?.location,\n    floating.popup?.features?.menubar,\n    floating.popup?.features?.resizable,\n    floating.popup?.features?.scrollbars,\n    floating.popup?.features?.status,\n    floating.popup?.features?.toolbar,\n    floating.popup?.focus,\n    floating.popup?.name,\n    layer.id,\n  ]);\n\n  React.useEffect(() => {\n    const popupWindow = popupWindowRef.current;\n    if (!popupWindow) {\n      return;\n    }\n    applyBoundsToWindow(popupWindow, layer.id, layer.position, layer.width, layer.height);\n  }, [layer.position?.left, layer.position?.top, layer.height, layer.width, layer.id]);\n\n  if (!isMounted || !containerRef.current) {\n    return null;\n  }\n\n  return createPortal(<LayerInstanceProvider layerId={layer.id}>{layer.component}</LayerInstanceProvider>, containerRef.current);\n};\n\nconst resolvePopupWindow = (\n  windowName: string,\n  features: string,\n  bounds: WindowBounds,\n  options: PopupWindowOptions | undefined,\n): Window | null => {\n  const customFactory = options?.createWindow;\n  if (customFactory) {\n    return customFactory({ name: windowName, features, bounds });\n  }\n  return window.open(\"\", windowName, features);\n};\n","/**\n * @file FloatingWindow component with chrome support\n *\n * Renders floating panel content with optional built-in chrome (FloatingPanelFrame).\n * When chrome is enabled and header is provided, header becomes the drag handle.\n */\nimport * as React from \"react\";\nimport type { FloatingBehavior } from \"../../types\";\nimport {\n  FloatingPanelCloseButton,\n  FloatingPanelFrame,\n  FloatingPanelHeader,\n  FloatingPanelTitle,\n  FloatingPanelControls,\n  FloatingPanelContent,\n} from \"../paneling/FloatingPanelFrame\";\n\nexport type FloatingWindowProps = {\n  id: string;\n  config: FloatingBehavior;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\ntype CloseButtonProps = {\n  onClick: () => void;\n};\n\nconst CloseButton: React.FC<CloseButtonProps> = ({ onClick }) => (\n  <FloatingPanelControls>\n    <FloatingPanelCloseButton onClick={onClick} aria-label=\"Close window\" data-drag-ignore=\"true\" />\n  </FloatingPanelControls>\n);\n\ntype FloatingWindowHeaderProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  onClose: () => void;\n};\n\nconst FloatingWindowHeader: React.FC<FloatingWindowHeaderProps> = ({ header, draggable, onClose }) => {\n  if (!header) {\n    return null;\n  }\n\n  const showCloseButton = header.showCloseButton ?? false;\n  const dragHandleProps = draggable ? { \"data-drag-handle\": \"true\" } : {};\n  const cursorStyle = draggable ? \"grab\" : undefined;\n\n  return (\n    <FloatingPanelHeader {...dragHandleProps} style={{ cursor: cursorStyle }}>\n      {header.title ? <FloatingPanelTitle>{header.title}</FloatingPanelTitle> : null}\n      {showCloseButton ? <CloseButton onClick={onClose} /> : null}\n    </FloatingPanelHeader>\n  );\n};\n\ntype FloatingWindowViewProps = {\n  header?: FloatingBehavior[\"header\"];\n  draggable?: boolean;\n  chrome: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n};\n\nconst FloatingWindowView: React.FC<FloatingWindowViewProps> = ({ header, draggable, chrome, onClose, children }) => {\n  if (!chrome) {\n    return <>{children}</>;\n  }\n\n  return (\n    <FloatingPanelFrame style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowHeader header={header} draggable={draggable} onClose={onClose} />\n      <FloatingPanelContent style={{ flex: 1, display: \"flex\", flexDirection: \"column\" }}>\n        {children}\n      </FloatingPanelContent>\n    </FloatingPanelFrame>\n  );\n};\n\nexport const FloatingWindow: React.FC<FloatingWindowProps> = ({ id, config, onClose, children }) => {\n  const chrome = config.chrome ?? false;\n  const draggable = config.draggable ?? false;\n  const ariaLabel = config.header?.title ?? config.ariaLabel ?? \"Floating window\";\n\n  return (\n    <div data-floating-window={id} role=\"dialog\" aria-label={ariaLabel} style={{ height: \"100%\", width: \"100%\" }}>\n      <FloatingWindowView header={config.header} draggable={draggable} chrome={chrome} onClose={onClose}>\n        {children}\n      </FloatingWindowView>\n    </div>\n  );\n};\n\nFloatingWindow.displayName = \"FloatingWindow\";\n"],"names":["drawerBackdropStyle","COLOR_DRAWER_BACKDROP","drawerBaseStyle","drawerPlacementStyles","computeTransitionValue","mode","duration","easing","DRAWER_TRANSITION_DURATION","DRAWER_TRANSITION_EASING","shouldShowCloseButton","dismissible","showClose","DrawerContent","chrome","frameStyle","header","onClose","children","jsxs","FloatingPanelFrame","jsx","DrawerHeaderView","FloatingPanelContent","DRAWER_CONTENT_PADDING","showCloseButton","shouldShowClose","React","FloatingPanelHeader","DRAWER_HEADER_PADDING_Y","DRAWER_HEADER_PADDING_X","DRAWER_HEADER_GAP","FloatingPanelTitle","FloatingPanelCloseButton","Drawer","id","config","isOpen","zIndex","width","height","position","inline","transitionMode","transitionDuration","transitionEasing","placement","anchor","pos","openTransforms","drawerStyle","transitionValue","style","ariaLabel","backdropStyle","base","isVertical","Fragment","waitForTransitionEnd","el","timeout","resolve","resolved","done","handler","e","runTransition","update","useTransitionState","options","states","setStates","optionsRef","transitionOptions","element","prev","opts","state","open","close","parseDuration","value","match","useDrawerState","layers","drawerStates","setDrawerStates","initial","layer","layerMap","map","updateState","layerId","DrawerLayers","drawer","drawerLayers","closeHandlers","handlers","GridLayoutContext","GridLayoutProvider","useGridLayoutContext","context","PanelSystemContext","usePanelSystem","ctx","PanelSystemProvider","layerById","resolveContent","validIds","l","getCachedContent","useContentCache","LayerInstanceContext","LayerInstanceProvider","useLayerInstance","ensureNumericOffset","key","resolvePopupAnchor","numericFeature","booleanFeature","buildWindowFeatures","features","overrides","toolbar","menubar","location","status","resizable","scrollbars","applyBoundsToWindow","popupWindow","PopupLayerPortal","floating","containerRef","popupWindowRef","isMounted","setIsMounted","windowName","createdWindow","resolvePopupWindow","openedWindow","mountNode","handleBeforeUnload","createPortal","bounds","customFactory","CloseButton","onClick","FloatingPanelControls","FloatingWindowHeader","draggable","FloatingWindowView","FloatingWindow"],"mappings":"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"}

package/dist/FloatingWindow-TCDNY5gE.cjs

@@ -1,2 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),O=require("react"),b=require("./FloatingPanelFrame-CEmXDvUA.cjs"),E=require("./styles-qf6ptVLD.cjs"),V=require("react-dom"),z=require("./useContentCache-DqXtLrLs.cjs");function X(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const u=X(O),y={position:"fixed",inset:0,background:E.COLOR_DRAWER_BACKDROP},Y={willChange:"transform"},F={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%)"}},U=(t,e,o)=>{if(t==="none")return;const r=e??E.DRAWER_TRANSITION_DURATION,n=o??E.DRAWER_TRANSITION_EASING;return`transform ${r} ${n}`},K=(t,e)=>t?e:!1,J=({chrome:t,frameStyle:e,header:o,dismissible:r,onClose:n,children:i})=>t?c.jsxs(b.FloatingPanelFrame,{style:e,children:[c.jsx(Q,{header:o,dismissible:r,onClose:n}),c.jsx(b.FloatingPanelContent,{style:{padding:E.DRAWER_CONTENT_PADDING,flex:1,display:"flex",flexDirection:"column"},children:i})]}):c.jsx(c.Fragment,{children:i}),Q=({header:t,dismissible:e,onClose:o})=>{if(!t)return null;const r=t.showCloseButton??!0,n=K(e,r);return c.jsx(u.Activity,{mode:t?"visible":"hidden",children:c.jsxs(b.FloatingPanelHeader,{style:{padding:`${E.DRAWER_HEADER_PADDING_Y} ${E.DRAWER_HEADER_PADDING_X}`,gap:E.DRAWER_HEADER_GAP},children:[c.jsx(u.Activity,{mode:t?"visible":"hidden",children:c.jsx(b.FloatingPanelTitle,{children:t.title})}),c.jsx(u.Activity,{mode:n?"visible":"hidden",children:c.jsx(b.FloatingPanelCloseButton,{onClick:o,"aria-label":"Close drawer",style:{marginLeft:"auto"}})})]})})},M=({id:t,config:e,isOpen:o,onClose:r,children:n,zIndex:i,width:d,height:f,position:a})=>{const{dismissible:s=!0,header:l,chrome:p=!0,inline:w=!1,transitionMode:h="css",transitionDuration:x,transitionEasing:C}=e,v=u.useCallback((P,m)=>P||(m?m.left!==void 0?"left":m.right!==void 0?"right":m.top!==void 0?"top":m.bottom!==void 0?"bottom":"right":"right"),[])(e.anchor,a),B={left:"translateX(0)",right:"translateX(0)",top:"translateY(0)",bottom:"translateY(0)"},I=u.useMemo(()=>{const P=U(h,x,C),m={...Y,...w?{position:"absolute"}:{position:"fixed"},...F[v],transform:o?B[v]:F[v].transform,transition:P};return i!==void 0&&(m.zIndex=i),d!==void 0&&(m.width=typeof d=="number"?`${d}px`:d),f!==void 0&&(m.height=typeof f=="number"?`${f}px`:f),m},[f,w,o,v,x,C,h,d,i]),G=l?.title??e.ariaLabel??"Drawer",q=u.useMemo(()=>{const P=w?{...y,position:"absolute"}:y,m=h==="none"?void 0:`opacity ${x??"220ms"} ease`;return{...P,opacity:o?1:0,pointerEvents:o?"auto":"none",transition:m,zIndex:i!==void 0?i-1:void 0}},[w,o,x,h,i]),H=u.useMemo(()=>{const P=v==="left"||v==="right",m={borderRadius:0};return P&&(m.height="100%"),m},[v]);return c.jsxs(c.Fragment,{children:[c.jsx("div",{style:q,onClick:s?r:void 0}),c.jsx("div",{"data-layer-id":t,"data-placement":v,style:I,role:"dialog","aria-modal":s?!0:void 0,"aria-hidden":o?void 0:!0,"aria-label":G,children:c.jsx(J,{chrome:p,frameStyle:H,header:l,dismissible:s,onClose:r,children:n})})]})},Z=(t,e)=>new Promise(o=>{let r=!1;const n=()=>{r||(r=!0,t.removeEventListener("transitionend",i),o())},i=d=>{d.target===t&&n()};t.addEventListener("transitionend",i),setTimeout(n,e+50)}),D=async(t,e,o,r)=>{switch(e){case"none":t();return;case"css":t(),o&&await Z(o,r);return}},tt=t=>{const[e,o]=u.useState({}),r=u.useRef(t);r.current=t;const n=u.useCallback(async(a,s,l)=>{const{mode:p="none",element:w,duration:h=300}=l??{};await D(()=>{o(g=>g[a]===s?g:{...g,[a]:s})},p,w?.current,h);const C=r.current;s?C?.onOpen?.(a):C?.onClose?.(a),C?.onTransitionEnd?.(a,s)},[]),i=u.useCallback(a=>e[a]??!1,[e]),d=u.useCallback((a,s)=>n(a,!0,s),[n]),f=u.useCallback((a,s)=>n(a,!1,s),[n]);return{state:i,open:d,close:f}},et=t=>{if(!t)return 300;const e=t.match(/(\d+)/);return e?parseInt(e[1],10):300},A=t=>{const[e,o]=u.useState(()=>{const a={};return t.forEach(s=>{s.drawer&&(a[s.id]=s.drawer.defaultOpen??!1)}),a}),r=u.useMemo(()=>{const a=new Map;return t.forEach(s=>a.set(s.id,s)),a},[t]),n=u.useCallback(async(a,s,l)=>{const p=r.get(a);if(!p?.drawer)return;const w=l?.mode??p.drawer.transitionMode??"css",h=l?.duration??et(p.drawer.transitionDuration),x=l?.element?.current;await D(()=>{p.drawer?.open===void 0&&o(g=>g[a]===s?g:{...g,[a]:s}),p.drawer?.onStateChange?.(s)},w,x,h)},[r]),i=u.useCallback(a=>{const s=r.get(a);return s?.drawer?.open!==void 0?s.drawer.open:e[a]??!1},[r,e]),d=u.useCallback((a,s)=>n(a,!0,s),[n]),f=u.useCallback((a,s)=>n(a,!1,s),[n]);return{state:i,open:d,close:f}},nt=({layers:t})=>{const e=A(t),o=u.useMemo(()=>t.filter(n=>n.drawer),[t]),r=u.useMemo(()=>{const n=new Map;return o.forEach(i=>{n.set(i.id,()=>e.close(i.id))}),n},[o,e.close]);return c.jsx(c.Fragment,{children:o.map(n=>{if(!n.drawer)return null;const i=e.state(n.id),d=r.get(n.id);return d?c.jsx(M,{id:n.id,config:n.drawer,isOpen:i,onClose:d,zIndex:n.zIndex,width:n.width,height:n.height,position:n.position,children:n.component},n.id):null})})},T=u.createContext(null),ot=({value:t,children:e})=>c.jsx(T.Provider,{value:t,children:e}),rt=()=>{const t=u.useContext(T);if(!t)throw new Error("useGridLayoutContext must be used within a GridLayoutProvider.");return t},W=u.createContext(null),st=()=>{const t=u.useContext(W);if(!t)throw new Error("usePanelSystem must be used within a PanelSystemProvider.");return t},it=({config:t,layers:e,style:o,children:r})=>{const n=u.useMemo(()=>{const s=new Map;return e.forEach(l=>{s.set(l.id,l)}),s},[e]),i=u.useCallback(s=>n.get(s)?.component??null,[n]),d=u.useMemo(()=>e.map(s=>s.id),[e]),{getCachedContent:f}=z.useContentCache({resolveContent:i,validIds:d}),a=u.useMemo(()=>({config:t,style:o,layers:{defs:e,layerById:n},getCachedContent:f}),[t,o,e,n,f]);return c.jsx(W.Provider,{value:a,children:r})},_=u.createContext(null),$=({layerId:t,children:e})=>{const o=u.useMemo(()=>({layerId:t}),[t]);return c.jsx(_.Provider,{value:o,children:e})},at=()=>{const t=u.useContext(_);if(!t)throw new Error("useLayerInstance must be used within a LayerInstanceProvider.");return t},L=(t,e,o)=>{if(typeof t=="number"&&Number.isFinite(t))return t;throw new Error(`Popup layer "${o}" requires a numeric "${e}" value.`)},k=(t,e)=>{if(!t)throw new Error(`Popup layer "${e}" must define position (left/top).`);return{left:L(t.left,"left",e),top:L(t.top,"top",e)}},S=t=>`${Math.round(t)}`,j=t=>{if(t!==void 0)return t?"yes":"no"},ut=(t,e,o,r,n)=>{const i={},d=k(e,t);if(typeof o!="number"||typeof r!="number")throw new Error(`Popup layer "${t}" requires numeric width/height.`);i.width=S(o),i.height=S(r),i.left=S(d.left),i.top=S(d.top);const f=n?.features;if(f){const a=j(f.toolbar),s=j(f.menubar),l=j(f.location),p=j(f.status),w=j(f.resizable),h=j(f.scrollbars);a!==void 0&&(i.toolbar=a),s!==void 0&&(i.menubar=s),l!==void 0&&(i.location=l),p!==void 0&&(i.status=p),w!==void 0&&(i.resizable=w),h!==void 0&&(i.scrollbars=h)}return Object.entries(i).map(([a,s])=>`${a}=${s}`).join(",")},R=(t,e,o,r,n)=>{const i=k(o,e);if(typeof r!="number"||typeof n!="number")throw new Error(`Popup layer "${e}" requires numeric width/height.`);t.moveTo(Math.round(i.left),Math.round(i.top)),t.resizeTo(Math.round(r),Math.round(n))},ct=({layer:t})=>{const e=t.floating;if(!e)throw new Error(`Layer "${t.id}" is missing floating configuration required for popup mode.`);if((e.mode??"embedded")!=="popup")throw new Error(`PopupLayerPortal received layer "${t.id}" that is not configured for popup mode.`);const r=u.useRef(null),n=u.useRef(null),[i,d]=u.useState(!1);return u.useEffect(()=>{if(typeof window>"u")return;const f=ut(t.id,t.position,t.width,t.height,e.popup),a=e.popup?.name??t.id,s=lt(a,f,{position:t.position,size:{width:t.width,height:t.height}},e.popup);if(!s)throw new Error(`Failed to open popup window for layer "${t.id}".`);const l=s;n.current=l,e.popup?.focus!==!1&&l.focus(),l.document.title||(l.document.title=t.id),l.document.body.innerHTML="";const p=l.document.createElement("div");p.dataset.layerId=t.id,l.document.body.appendChild(p),r.current=p,d(!0),R(l,t.id,t.position,t.width,t.height);const w=()=>{n.current=null,r.current=null,d(!1)};return l.addEventListener("beforeunload",w),()=>{l.removeEventListener("beforeunload",w),e.popup?.closeOnUnmount!==!1&&l.close(),n.current=null,r.current=null,d(!1)}},[e.popup?.closeOnUnmount,e.popup?.features?.location,e.popup?.features?.menubar,e.popup?.features?.resizable,e.popup?.features?.scrollbars,e.popup?.features?.status,e.popup?.features?.toolbar,e.popup?.focus,e.popup?.name,t.id]),u.useEffect(()=>{const f=n.current;f&&R(f,t.id,t.position,t.width,t.height)},[t.position?.left,t.position?.top,t.height,t.width,t.id]),!i||!r.current?null:V.createPortal(c.jsx($,{layerId:t.id,children:t.component}),r.current)},lt=(t,e,o,r)=>{const n=r?.createWindow;return n?n({name:t,features:e,bounds:o}):window.open("",t,e)},dt=({onClick:t})=>c.jsx(b.FloatingPanelControls,{children:c.jsx(b.FloatingPanelCloseButton,{onClick:t,"aria-label":"Close window","data-drag-ignore":"true"})}),ft=({header:t,draggable:e,onClose:o})=>{if(!t)return null;const r=t.showCloseButton??!1,n=e?{"data-drag-handle":"true"}:{},i=e?"grab":void 0;return c.jsxs(b.FloatingPanelHeader,{...n,style:{cursor:i},children:[t.title?c.jsx(b.FloatingPanelTitle,{children:t.title}):null,r?c.jsx(dt,{onClick:o}):null]})},pt=({header:t,draggable:e,chrome:o,onClose:r,children:n})=>o?c.jsxs(b.FloatingPanelFrame,{style:{height:"100%",width:"100%"},children:[c.jsx(ft,{header:t,draggable:e,onClose:r}),c.jsx(b.FloatingPanelContent,{style:{flex:1,display:"flex",flexDirection:"column"},children:n})]}):c.jsx(c.Fragment,{children:n}),N=({id:t,config:e,onClose:o,children:r})=>{const n=e.chrome??!1,i=e.draggable??!1,d=e.header?.title??e.ariaLabel??"Floating window";return c.jsx("div",{"data-floating-window":t,role:"dialog","aria-label":d,style:{height:"100%",width:"100%"},children:c.jsx(pt,{header:e.header,draggable:i,chrome:n,onClose:o,children:r})})};N.displayName="FloatingWindow";exports.Drawer=M;exports.DrawerLayers=nt;exports.FloatingWindow=N;exports.GridLayoutProvider=ot;exports.LayerInstanceProvider=$;exports.PanelSystemProvider=it;exports.PopupLayerPortal=ct;exports.runTransition=D;exports.useDrawerState=A;exports.useGridLayoutContext=rt;exports.useLayerInstance=at;exports.usePanelSystem=st;exports.useTransitionState=tt;
-//# sourceMappingURL=FloatingWindow-TCDNY5gE.cjs.map