@k2b/ui 0.1.0-rc.0

package/dist/browser/layout/FloatingWindow.js

@@ -0,0 +1,332 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<section role=dialog aria-modal=false tabindex=-1><header><!$><!/><button type=button data-window-move class=k2b-floating-window__title><span></span></button><button type=button class=k2b-icon-button><i class="ti ti-x"aria-hidden=true></i></button></header><div class=k2b-floating-window__body></div><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<button type=button class=k2b-floating-window__resize>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<div class=k2b-floating-window__resize aria-hidden=true>`);
+import { createSignal, createUniqueId, onCleanup, onMount, Show } from "solid-js";
+import { Portal, render } from "solid-js/web";
+import { getK2bPortalRoot } from "../internal/portal";
+import { useUiMessages } from "../intl/messages";
+import { FLOATING_WINDOW_VIEWPORT_GAP, fitFloatingWindowRect } from "./floating-window-geometry";
+export { fitFloatingWindowRect } from "./floating-window-geometry";
+const MOBILE_BREAKPOINT = 640;
+const FLOATING_WINDOW_LAYER_BASE = 80;
+const activeLayers = [];
+const syncLayers = () => {
+  activeLayers.forEach((owner, index) => owner.setLayer(FLOATING_WINDOW_LAYER_BASE + index));
+};
+const registerLayer = owner => {
+  activeLayers.push(owner);
+  syncLayers();
+};
+const releaseLayer = owner => {
+  const index = activeLayers.indexOf(owner);
+  if (index < 0) return;
+  activeLayers.splice(index, 1);
+  syncLayers();
+};
+const bringLayerToFront = owner => {
+  const index = activeLayers.indexOf(owner);
+  if (index < 0 || index === activeLayers.length - 1) return;
+  activeLayers.splice(index, 1);
+  activeLayers.push(owner);
+  syncLayers();
+};
+const isTopLayer = owner => activeLayers.at(-1) === owner;
+const clamp = (value, min, max) => Math.min(Math.max(value, min), Math.max(min, max));
+export default function FloatingWindow(props) {
+  const messages = useUiMessages();
+  const minWidth = () => props.minWidth ?? 360;
+  const minHeight = () => props.minHeight ?? 320;
+  const [mobile, setMobile] = createSignal(false);
+  const [layer, setLayer] = createSignal(FLOATING_WINDOW_LAYER_BASE);
+  const layerOwner = {
+    setLayer
+  };
+  const [rect, setRect] = createSignal({
+    x: FLOATING_WINDOW_VIEWPORT_GAP,
+    y: FLOATING_WINDOW_VIEWPORT_GAP,
+    width: props.initialWidth ?? 720,
+    height: props.initialHeight ?? 640
+  });
+  const titleId = `k2b-floating-window-${createUniqueId()}`;
+  let frame;
+  let stopPointerInteraction;
+  const fit = value => fitFloatingWindowRect(value, minWidth(), minHeight(), {
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+  const front = () => bringLayerToFront(layerOwner);
+  const stopActivePointerInteraction = () => stopPointerInteraction?.();
+  const close = () => {
+    stopActivePointerInteraction();
+    props.onClose();
+  };
+  const trackPointerInteraction = (start, move) => {
+    stopActivePointerInteraction();
+    const pointerId = start.pointerId;
+    const captureTarget = start.currentTarget;
+    captureTarget.setPointerCapture?.(pointerId);
+    const stop = () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onEnd);
+      window.removeEventListener("pointercancel", onEnd);
+      if (captureTarget.hasPointerCapture?.(pointerId)) captureTarget.releasePointerCapture(pointerId);
+      if (stopPointerInteraction === stop) stopPointerInteraction = undefined;
+    };
+    const onMove = event => {
+      if (event.pointerId === pointerId) move(event);
+    };
+    const onEnd = event => {
+      if (event.pointerId === pointerId) stop();
+    };
+    stopPointerInteraction = stop;
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onEnd);
+    window.addEventListener("pointercancel", onEnd);
+  };
+  onMount(() => {
+    registerLayer(layerOwner);
+    const viewport = () => {
+      const compact = window.innerWidth < MOBILE_BREAKPOINT;
+      setMobile(compact);
+      if (!compact) setRect(current => fit(current));
+    };
+    setRect(current => fit({
+      ...current,
+      x: (window.innerWidth - current.width) / 2,
+      y: (window.innerHeight - current.height) / 2
+    }));
+    viewport();
+    const escape = event => {
+      if (event.defaultPrevented || event.key !== "Escape" || !isTopLayer(layerOwner)) return;
+      event.preventDefault();
+      close();
+    };
+    window.addEventListener("resize", viewport);
+    window.addEventListener("keydown", escape);
+    const focus = requestAnimationFrame(() => frame?.focus());
+    onCleanup(() => {
+      stopActivePointerInteraction();
+      releaseLayer(layerOwner);
+      cancelAnimationFrame(focus);
+      window.removeEventListener("resize", viewport);
+      window.removeEventListener("keydown", escape);
+    });
+  });
+  const moveBy = (deltaX, deltaY) => setRect(current => fit({
+    ...current,
+    x: current.x + deltaX,
+    y: current.y + deltaY
+  }));
+  const beginMove = event => {
+    if (mobile() || event.button !== 0 || event.target.closest("button:not([data-window-move])")) return;
+    const origin = rect();
+    const start = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    front();
+    const move = next => setRect(fit({
+      ...origin,
+      x: origin.x + next.clientX - start.x,
+      y: origin.y + next.clientY - start.y
+    }));
+    trackPointerInteraction(event, move);
+    event.preventDefault();
+  };
+  const resizeBy = (edge, deltaX, deltaY) => {
+    const current = rect();
+    let {
+      x,
+      y,
+      width,
+      height
+    } = current;
+    if (edge.includes("left")) {
+      const next = clamp(width - deltaX, minWidth(), window.innerWidth - FLOATING_WINDOW_VIEWPORT_GAP - x);
+      x += width - next;
+      width = next;
+    }
+    if (edge.includes("right")) width += deltaX;
+    if (edge.includes("top")) {
+      const next = clamp(height - deltaY, minHeight(), window.innerHeight - FLOATING_WINDOW_VIEWPORT_GAP - y);
+      y += height - next;
+      height = next;
+    }
+    if (edge.includes("bottom")) height += deltaY;
+    setRect(fit({
+      x,
+      y,
+      width,
+      height
+    }));
+  };
+  const beginResize = (edge, event) => {
+    if (mobile() || event.button !== 0) return;
+    let previous = {
+      x: event.clientX,
+      y: event.clientY
+    };
+    front();
+    const move = next => {
+      resizeBy(edge, next.clientX - previous.x, next.clientY - previous.y);
+      previous = {
+        x: next.clientX,
+        y: next.clientY
+      };
+    };
+    trackPointerInteraction(event, move);
+    event.preventDefault();
+  };
+  const arrows = (event, action) => {
+    const step = event.shiftKey ? 24 : 8;
+    const delta = event.key === "ArrowLeft" ? [-step, 0] : event.key === "ArrowRight" ? [step, 0] : event.key === "ArrowUp" ? [0, -step] : event.key === "ArrowDown" ? [0, step] : undefined;
+    if (!delta) return;
+    action(delta[0], delta[1]);
+    event.preventDefault();
+  };
+  const handles = [["left", "ew-resize"], ["right", "ew-resize"], ["top", "ns-resize"], ["bottom", "ns-resize"], ["top-left", "nwse-resize"], ["top-right", "nesw-resize"], ["bottom-left", "nesw-resize"], ["bottom-right", "nwse-resize"]];
+  const view = (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild,
+      _el$6 = _el$2.firstChild,
+      [_el$7, _co$] = _$getNextMarker(_el$6.nextSibling),
+      _el$3 = _el$7.nextSibling,
+      _el$4 = _el$3.firstChild,
+      _el$5 = _el$3.nextSibling,
+      _el$8 = _el$2.nextSibling,
+      _el$9 = _el$8.nextSibling,
+      [_el$0, _co$2] = _$getNextMarker(_el$9.nextSibling);
+    _el$.$$pointerdown = front;
+    var _ref$ = frame;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$) : frame = _el$;
+    _$setAttribute(_el$, "aria-labelledby", titleId);
+    _el$2.$$pointerdown = beginMove;
+    _$insert(_el$2, _$createComponent(Show, {
+      get when() {
+        return props.icon;
+      },
+      children: icon => (() => {
+        var _el$1 = _$getNextElement(_tmpl$2);
+        _$effect(() => _$className(_el$1, icon()));
+        return _el$1;
+      })()
+    }), _el$7, _co$);
+    _el$3.$$keydown = event => arrows(event, moveBy);
+    _$setAttribute(_el$4, "id", titleId);
+    _$insert(_el$4, () => props.title);
+    _el$5.$$click = close;
+    _$insert(_el$8, () => props.children);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return !mobile();
+      },
+      get children() {
+        return handles.map(([edge, cursor]) => edge === "bottom-right" ? (() => {
+          var _el$10 = _$getNextElement(_tmpl$3);
+          _el$10.$$keydown = event => arrows(event, (x, y) => resizeBy(edge, x, y));
+          _el$10.$$pointerdown = event => beginResize(edge, event);
+          _$setAttribute(_el$10, "data-edge", edge);
+          _$setStyleProperty(_el$10, "cursor", cursor);
+          _$effect(() => _$setAttribute(_el$10, "aria-label", messages().resizeWindow));
+          _$runHydrationEvents();
+          return _el$10;
+        })() : // Cloud exposes a single keyboard-resizable corner; the remaining
+        // edges stay pointer-only so the window adds one tab stop, not eight.
+        (() => {
+          var _el$11 = _$getNextElement(_tmpl$4);
+          _el$11.$$pointerdown = event => beginResize(edge, event);
+          _$setAttribute(_el$11, "data-edge", edge);
+          _$setStyleProperty(_el$11, "cursor", cursor);
+          _$runHydrationEvents();
+          return _el$11;
+        })());
+      }
+    }), _el$0, _co$2);
+    _$effect(_p$ => {
+      var _v$ = `k2b-floating-window ${props.class ?? ""}`,
+        _v$2 = mobile() ? "true" : undefined,
+        _v$3 = mobile() ? {
+          "--k2b-window-accent": props.accent,
+          inset: "0.5rem",
+          width: "auto",
+          height: "auto",
+          "z-index": layer()
+        } : {
+          "--k2b-window-accent": props.accent,
+          left: `${rect().x}px`,
+          top: `${rect().y}px`,
+          width: `${rect().width}px`,
+          height: `${rect().height}px`,
+          "z-index": layer()
+        },
+        _v$4 = messages().moveWindow({
+          title: props.title
+        }),
+        _v$5 = messages().closeWindow;
+      _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$, "data-mobile", _p$.t = _v$2);
+      _p$.a = _$style(_el$, _v$3, _p$.a);
+      _v$4 !== _p$.o && _$setAttribute(_el$3, "aria-label", _p$.o = _v$4);
+      _v$5 !== _p$.i && _$setAttribute(_el$5, "aria-label", _p$.i = _v$5);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined
+    });
+    _$runHydrationEvents();
+    return _el$;
+  })();
+  return _$createComponent(Portal, {
+    get mount() {
+      return typeof document === "undefined" ? undefined : getK2bPortalRoot(props.resolveScope?.());
+    },
+    children: view
+  });
+}
+export const openFloatingWindow = (view, options) => {
+  if (typeof document === "undefined") throw new Error("Floating windows are browser-only");
+  const previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  const owner = document.createElement("div");
+  owner.className = "k2b-ui";
+  document.body.appendChild(owner);
+  let dispose;
+  let closed = false;
+  const close = () => {
+    if (closed) return;
+    closed = true;
+    dispose?.();
+    owner.remove();
+    previousFocus?.focus();
+  };
+  dispose = render(() => _$createComponent(FloatingWindow, _$mergeProps(options, {
+    get resolveScope() {
+      return options.resolveScope ?? (() => owner);
+    },
+    onClose: close,
+    get children() {
+      return view(close);
+    }
+  })), owner);
+  return close;
+};
+_$delegateEvents(["pointerdown", "keydown", "click"]);
+//# sourceMappingURL=FloatingWindow.js.map

package/dist/browser/layout/FloatingWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createSignal","createUniqueId","onCleanup","onMount","Show","Portal","render","getK2bPortalRoot","useUiMessages","FLOATING_WINDOW_VIEWPORT_GAP","fitFloatingWindowRect","MOBILE_BREAKPOINT","FLOATING_WINDOW_LAYER_BASE","activeLayers","syncLayers","forEach","owner","index","setLayer","registerLayer","push","releaseLayer","indexOf","splice","bringLayerToFront","length","isTopLayer","at","clamp","value","min","max","Math","FloatingWindow","props","messages","minWidth","minHeight","mobile","setMobile","layer","layerOwner","rect","setRect","x","y","width","initialWidth","height","initialHeight","titleId","frame","stopPointerInteraction","fit","window","innerWidth","innerHeight","front","stopActivePointerInteraction","close","onClose","trackPointerInteraction","start","move","pointerId","captureTarget","currentTarget","setPointerCapture","stop","removeEventListener","onMove","onEnd","hasPointerCapture","releasePointerCapture","undefined","event","addEventListener","viewport","compact","current","escape","defaultPrevented","key","preventDefault","focus","requestAnimationFrame","cancelAnimationFrame","moveBy","deltaX","deltaY","beginMove","button","target","closest","origin","clientX","clientY","next","resizeBy","edge","includes","beginResize","previous","arrows","action","step","shiftKey","delta","handles","view","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$6","_el$7","_co$","_$getNextMarker","nextSibling","_el$3","_el$4","_el$5","_el$8","_el$9","_el$0","_co$2","$$pointerdown","_ref$","_$use","_$setAttribute","_$insert","_$createComponent","when","icon","children","_el$1","_tmpl$2","_$effect","_$className","$$keydown","title","$$click","map","cursor","_el$10","_tmpl$3","_$setStyleProperty","resizeWindow","_$runHydrationEvents","_el$11","_tmpl$4","_p$","_v$","class","_v$2","_v$3","accent","inset","left","top","_v$4","moveWindow","_v$5","closeWindow","e","t","a","_$style","o","i","mount","document","resolveScope","openFloatingWindow","options","Error","previousFocus","activeElement","HTMLElement","createElement","className","body","appendChild","dispose","closed","remove","_$mergeProps","_$delegateEvents"],"sources":["layout/FloatingWindow.tsx"],"sourcesContent":["import { createSignal, createUniqueId, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { Portal, render } from \"solid-js/web\";\nimport { getK2bPortalRoot } from \"../internal/portal\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { FLOATING_WINDOW_VIEWPORT_GAP, type FloatingWindowRect, fitFloatingWindowRect } from \"./floating-window-geometry\";\n\nexport { type FloatingWindowRect, fitFloatingWindowRect } from \"./floating-window-geometry\";\n\ntype ResizeEdge = \"left\" | \"right\" | \"top\" | \"bottom\" | \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n\nexport type FloatingWindowProps = {\n  title: string;\n  icon?: string;\n  children: JSX.Element;\n  onClose: () => void;\n  initialWidth?: number;\n  initialHeight?: number;\n  minWidth?: number;\n  minHeight?: number;\n  accent?: string;\n  class?: string;\n  resolveScope?: () => HTMLElement | null | undefined;\n};\nexport type OpenFloatingWindowOptions = Omit<FloatingWindowProps, \"children\" | \"onClose\">;\nexport type FloatingWindowClose = () => void;\n\nconst MOBILE_BREAKPOINT = 640;\nconst FLOATING_WINDOW_LAYER_BASE = 80;\ntype LayerOwner = { setLayer: (layer: number) => void };\nconst activeLayers: LayerOwner[] = [];\nconst syncLayers = () => {\n  activeLayers.forEach((owner, index) => owner.setLayer(FLOATING_WINDOW_LAYER_BASE + index));\n};\nconst registerLayer = (owner: LayerOwner) => {\n  activeLayers.push(owner);\n  syncLayers();\n};\nconst releaseLayer = (owner: LayerOwner) => {\n  const index = activeLayers.indexOf(owner);\n  if (index < 0) return;\n  activeLayers.splice(index, 1);\n  syncLayers();\n};\nconst bringLayerToFront = (owner: LayerOwner) => {\n  const index = activeLayers.indexOf(owner);\n  if (index < 0 || index === activeLayers.length - 1) return;\n  activeLayers.splice(index, 1);\n  activeLayers.push(owner);\n  syncLayers();\n};\nconst isTopLayer = (owner: LayerOwner) => activeLayers.at(-1) === owner;\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), Math.max(min, max));\n\nexport default function FloatingWindow(props: FloatingWindowProps): JSX.Element {\n  const messages = useUiMessages();\n  const minWidth = () => props.minWidth ?? 360;\n  const minHeight = () => props.minHeight ?? 320;\n  const [mobile, setMobile] = createSignal(false);\n  const [layer, setLayer] = createSignal(FLOATING_WINDOW_LAYER_BASE);\n  const layerOwner: LayerOwner = { setLayer };\n  const [rect, setRect] = createSignal<FloatingWindowRect>({\n    x: FLOATING_WINDOW_VIEWPORT_GAP,\n    y: FLOATING_WINDOW_VIEWPORT_GAP,\n    width: props.initialWidth ?? 720,\n    height: props.initialHeight ?? 640,\n  });\n  const titleId = `k2b-floating-window-${createUniqueId()}`;\n  let frame: HTMLElement | undefined;\n  let stopPointerInteraction: (() => void) | undefined;\n  const fit = (value: FloatingWindowRect) =>\n    fitFloatingWindowRect(value, minWidth(), minHeight(), { width: window.innerWidth, height: window.innerHeight });\n  const front = () => bringLayerToFront(layerOwner);\n  const stopActivePointerInteraction = () => stopPointerInteraction?.();\n  const close = () => {\n    stopActivePointerInteraction();\n    props.onClose();\n  };\n  const trackPointerInteraction = (start: PointerEvent, move: (event: PointerEvent) => void) => {\n    stopActivePointerInteraction();\n    const pointerId = start.pointerId;\n    const captureTarget = start.currentTarget as HTMLElement;\n    captureTarget.setPointerCapture?.(pointerId);\n    const stop = () => {\n      window.removeEventListener(\"pointermove\", onMove);\n      window.removeEventListener(\"pointerup\", onEnd);\n      window.removeEventListener(\"pointercancel\", onEnd);\n      if (captureTarget.hasPointerCapture?.(pointerId)) captureTarget.releasePointerCapture(pointerId);\n      if (stopPointerInteraction === stop) stopPointerInteraction = undefined;\n    };\n    const onMove = (event: PointerEvent) => {\n      if (event.pointerId === pointerId) move(event);\n    };\n    const onEnd = (event: PointerEvent) => {\n      if (event.pointerId === pointerId) stop();\n    };\n    stopPointerInteraction = stop;\n    window.addEventListener(\"pointermove\", onMove);\n    window.addEventListener(\"pointerup\", onEnd);\n    window.addEventListener(\"pointercancel\", onEnd);\n  };\n\n  onMount(() => {\n    registerLayer(layerOwner);\n    const viewport = () => {\n      const compact = window.innerWidth < MOBILE_BREAKPOINT;\n      setMobile(compact);\n      if (!compact) setRect((current) => fit(current));\n    };\n    setRect((current) => fit({ ...current, x: (window.innerWidth - current.width) / 2, y: (window.innerHeight - current.height) / 2 }));\n    viewport();\n    const escape = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || event.key !== \"Escape\" || !isTopLayer(layerOwner)) return;\n      event.preventDefault();\n      close();\n    };\n    window.addEventListener(\"resize\", viewport);\n    window.addEventListener(\"keydown\", escape);\n    const focus = requestAnimationFrame(() => frame?.focus());\n    onCleanup(() => {\n      stopActivePointerInteraction();\n      releaseLayer(layerOwner);\n      cancelAnimationFrame(focus);\n      window.removeEventListener(\"resize\", viewport);\n      window.removeEventListener(\"keydown\", escape);\n    });\n  });\n\n  const moveBy = (deltaX: number, deltaY: number) =>\n    setRect((current) => fit({ ...current, x: current.x + deltaX, y: current.y + deltaY }));\n  const beginMove = (event: PointerEvent) => {\n    if (mobile() || event.button !== 0 || (event.target as Element).closest(\"button:not([data-window-move])\")) return;\n    const origin = rect();\n    const start = { x: event.clientX, y: event.clientY };\n    front();\n    const move = (next: PointerEvent) =>\n      setRect(fit({ ...origin, x: origin.x + next.clientX - start.x, y: origin.y + next.clientY - start.y }));\n    trackPointerInteraction(event, move);\n    event.preventDefault();\n  };\n  const resizeBy = (edge: ResizeEdge, deltaX: number, deltaY: number) => {\n    const current = rect();\n    let { x, y, width, height } = current;\n    if (edge.includes(\"left\")) {\n      const next = clamp(width - deltaX, minWidth(), window.innerWidth - FLOATING_WINDOW_VIEWPORT_GAP - x);\n      x += width - next;\n      width = next;\n    }\n    if (edge.includes(\"right\")) width += deltaX;\n    if (edge.includes(\"top\")) {\n      const next = clamp(height - deltaY, minHeight(), window.innerHeight - FLOATING_WINDOW_VIEWPORT_GAP - y);\n      y += height - next;\n      height = next;\n    }\n    if (edge.includes(\"bottom\")) height += deltaY;\n    setRect(fit({ x, y, width, height }));\n  };\n  const beginResize = (edge: ResizeEdge, event: PointerEvent) => {\n    if (mobile() || event.button !== 0) return;\n    let previous = { x: event.clientX, y: event.clientY };\n    front();\n    const move = (next: PointerEvent) => {\n      resizeBy(edge, next.clientX - previous.x, next.clientY - previous.y);\n      previous = { x: next.clientX, y: next.clientY };\n    };\n    trackPointerInteraction(event, move);\n    event.preventDefault();\n  };\n  const arrows = (event: KeyboardEvent, action: (x: number, y: number) => void) => {\n    const step = event.shiftKey ? 24 : 8;\n    const delta =\n      event.key === \"ArrowLeft\"\n        ? [-step, 0]\n        : event.key === \"ArrowRight\"\n          ? [step, 0]\n          : event.key === \"ArrowUp\"\n            ? [0, -step]\n            : event.key === \"ArrowDown\"\n              ? [0, step]\n              : undefined;\n    if (!delta) return;\n    action(delta[0]!, delta[1]!);\n    event.preventDefault();\n  };\n  const handles: readonly [ResizeEdge, string][] = [\n    [\"left\", \"ew-resize\"],\n    [\"right\", \"ew-resize\"],\n    [\"top\", \"ns-resize\"],\n    [\"bottom\", \"ns-resize\"],\n    [\"top-left\", \"nwse-resize\"],\n    [\"top-right\", \"nesw-resize\"],\n    [\"bottom-left\", \"nesw-resize\"],\n    [\"bottom-right\", \"nwse-resize\"],\n  ];\n\n  const view = (\n    <section\n      ref={frame}\n      class={`k2b-floating-window ${props.class ?? \"\"}`}\n      data-mobile={mobile() ? \"true\" : undefined}\n      style={\n        mobile()\n          ? {\n              \"--k2b-window-accent\": props.accent,\n              inset: \"0.5rem\",\n              width: \"auto\",\n              height: \"auto\",\n              \"z-index\": layer(),\n            }\n          : {\n              \"--k2b-window-accent\": props.accent,\n              left: `${rect().x}px`,\n              top: `${rect().y}px`,\n              width: `${rect().width}px`,\n              height: `${rect().height}px`,\n              \"z-index\": layer(),\n            }\n      }\n      role=\"dialog\"\n      aria-modal=\"false\"\n      aria-labelledby={titleId}\n      tabIndex={-1}\n      onPointerDown={front}\n    >\n      <header onPointerDown={beginMove}>\n        <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n        <button\n          type=\"button\"\n          data-window-move\n          class=\"k2b-floating-window__title\"\n          aria-label={messages().moveWindow({ title: props.title })}\n          onKeyDown={(event) => arrows(event, moveBy)}\n        >\n          <span id={titleId}>{props.title}</span>\n        </button>\n        <button type=\"button\" class=\"k2b-icon-button\" aria-label={messages().closeWindow} onClick={close}>\n          <i class=\"ti ti-x\" aria-hidden=\"true\" />\n        </button>\n      </header>\n      <div class=\"k2b-floating-window__body\">{props.children}</div>\n      <Show when={!mobile()}>\n        {handles.map(([edge, cursor]) =>\n          edge === \"bottom-right\" ? (\n            <button\n              type=\"button\"\n              class=\"k2b-floating-window__resize\"\n              data-edge={edge}\n              style={{ cursor }}\n              aria-label={messages().resizeWindow}\n              onPointerDown={(event) => beginResize(edge, event)}\n              onKeyDown={(event) => arrows(event, (x, y) => resizeBy(edge, x, y))}\n            />\n          ) : (\n            // Cloud exposes a single keyboard-resizable corner; the remaining\n            // edges stay pointer-only so the window adds one tab stop, not eight.\n            <div\n              class=\"k2b-floating-window__resize\"\n              data-edge={edge}\n              style={{ cursor }}\n              aria-hidden=\"true\"\n              onPointerDown={(event) => beginResize(edge, event)}\n            />\n          ),\n        )}\n      </Show>\n    </section>\n  );\n  return <Portal mount={typeof document === \"undefined\" ? undefined : getK2bPortalRoot(props.resolveScope?.())}>{view}</Portal>;\n}\n\nexport const openFloatingWindow = (\n  view: (close: FloatingWindowClose) => JSX.Element,\n  options: OpenFloatingWindowOptions,\n): FloatingWindowClose => {\n  if (typeof document === \"undefined\") throw new Error(\"Floating windows are browser-only\");\n  const previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n  const owner = document.createElement(\"div\");\n  owner.className = \"k2b-ui\";\n  document.body.appendChild(owner);\n  let dispose: (() => void) | undefined;\n  let closed = false;\n  const close = () => {\n    if (closed) return;\n    closed = true;\n    dispose?.();\n    owner.remove();\n    previousFocus?.focus();\n  };\n  dispose = render(\n    () => (\n      <FloatingWindow {...options} resolveScope={options.resolveScope ?? (() => owner)} onClose={close}>\n        {view(close)}\n      </FloatingWindow>\n    ),\n    owner,\n  );\n  return close;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/layout/PanelDialog.js

@@ -0,0 +1,236 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { addEventListener as _$addEventListener } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<p>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<div class=k2b-panel-dialog__actions>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<button type=button class=k2b-dialog__close><i class="ti ti-x"aria-hidden=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<header class=k2b-panel-dialog__header><!$><!/><div class=k2b-panel-dialog__heading><h2></h2><!$><!/></div><!$><!/><!$><!/>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-panel-dialog__body>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<footer class=k2b-panel-dialog__footer>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<section class=k2b-panel-dialog__section><header><!$><!/><div><h3></h3><!$><!/></div><!$><!/></header><div class=k2b-panel-dialog__section-body>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<span class=k2b-panel-dialog__section-icon><i aria-hidden=true>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<div class=k2b-panel-dialog>`);
+import { createContext, Show, useContext } from "solid-js";
+import { Tabs } from "../actions/Tabs";
+import { prompts } from "../feedback/prompts";
+import { resolveUiMessages, useUiMessages } from "../intl/messages";
+const PanelDialogSurfaceContext = createContext("contained");
+const usePanelDialogSurface = () => useContext(PanelDialogSurfaceContext);
+const panelDialogBasePanelClass = "k2b-dialog k2b-panel-dialog-frame";
+export const panelDialogPanelClass = `${panelDialogBasePanelClass} is-standard`;
+export const panelDialogOptions = {
+  panelClassName: panelDialogPanelClass,
+  contentClassName: "k2b-panel-dialog-viewport"
+};
+export const panelDialogWidePanelClass = `${panelDialogBasePanelClass} is-wide`;
+export const panelDialogWideOptions = {
+  panelClassName: panelDialogWidePanelClass,
+  contentClassName: "k2b-panel-dialog-viewport"
+};
+export const panelDialogFixedPanelClass = `${panelDialogBasePanelClass} is-fixed`;
+export const panelDialogFixedOptions = {
+  panelClassName: panelDialogFixedPanelClass,
+  contentClassName: "k2b-panel-dialog-viewport is-fixed"
+};
+export const panelDialogWorkspacePanelClass = `${panelDialogBasePanelClass} is-workspace`;
+export const panelDialogWorkspaceOptions = {
+  panelClassName: panelDialogWorkspacePanelClass,
+  contentClassName: "k2b-panel-dialog-viewport is-workspace"
+};
+export const confirmDiscardIfDirty = async dirty => {
+  const hasChanges = typeof dirty === "function" ? dirty() : dirty;
+  if (!hasChanges) return true;
+  return Boolean(await prompts.confirm(resolveUiMessages().discardUnsavedChanges, {
+    title: resolveUiMessages().unsavedChangesTitle,
+    variant: "danger",
+    confirmText: resolveUiMessages().discard
+  }));
+};
+const PanelDialogHeader = props => {
+  const messages = useUiMessages();
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$4),
+      _el$9 = _el$.firstChild,
+      [_el$0, _co$2] = _$getNextMarker(_el$9.nextSibling),
+      _el$2 = _el$0.nextSibling,
+      _el$3 = _el$2.firstChild,
+      _el$5 = _el$3.nextSibling,
+      [_el$6, _co$] = _$getNextMarker(_el$5.nextSibling),
+      _el$1 = _el$2.nextSibling,
+      [_el$10, _co$3] = _$getNextMarker(_el$1.nextSibling),
+      _el$11 = _el$10.nextSibling,
+      [_el$12, _co$4] = _$getNextMarker(_el$11.nextSibling);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.icon;
+      },
+      children: icon => (() => {
+        var _el$13 = _$getNextElement(_tmpl$5);
+        _$effect(() => _$className(_el$13, icon()));
+        return _el$13;
+      })()
+    }), _el$0, _co$2);
+    _$insert(_el$3, () => props.title);
+    _$insert(_el$2, _$createComponent(Show, {
+      get when() {
+        return props.subtitle;
+      },
+      get children() {
+        var _el$4 = _$getNextElement(_tmpl$);
+        _$insert(_el$4, () => props.subtitle);
+        return _el$4;
+      }
+    }), _el$6, _co$);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.actions;
+      },
+      get children() {
+        var _el$7 = _$getNextElement(_tmpl$2);
+        _$insert(_el$7, () => props.actions);
+        return _el$7;
+      }
+    }), _el$10, _co$3);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return props.close;
+      },
+      get children() {
+        var _el$8 = _$getNextElement(_tmpl$3);
+        _$addEventListener(_el$8, "click", props.close, true);
+        _$effect(_p$ => {
+          var _v$ = props.closeLabel ?? messages().closeDialog,
+            _v$2 = props.closeDisabled;
+          _v$ !== _p$.e && _$setAttribute(_el$8, "aria-label", _p$.e = _v$);
+          _v$2 !== _p$.t && _$setProperty(_el$8, "disabled", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        _$runHydrationEvents();
+        return _el$8;
+      }
+    }), _el$12, _co$4);
+    _$effect(() => _$setAttribute(_el$, "data-surface", usePanelDialogSurface()));
+    return _el$;
+  })();
+};
+const PanelDialogBody = props => (() => {
+  var _el$14 = _$getNextElement(_tmpl$6);
+  _$insert(_el$14, () => props.children);
+  _$effect(_p$ => {
+    var _v$3 = props.scrollPreserveKey,
+      _v$4 = usePanelDialogSurface();
+    _v$3 !== _p$.e && _$setAttribute(_el$14, "data-scroll-preserve", _p$.e = _v$3);
+    _v$4 !== _p$.t && _$setAttribute(_el$14, "data-surface", _p$.t = _v$4);
+    return _p$;
+  }, {
+    e: undefined,
+    t: undefined
+  });
+  return _el$14;
+})();
+const PanelDialogFooter = props => (() => {
+  var _el$15 = _$getNextElement(_tmpl$7);
+  _$insert(_el$15, () => props.children);
+  _$effect(() => _$setAttribute(_el$15, "data-surface", usePanelDialogSurface()));
+  return _el$15;
+})();
+const PanelDialogSection = props => (() => {
+  var _el$16 = _$getNextElement(_tmpl$8),
+    _el$17 = _el$16.firstChild,
+    _el$24 = _el$17.firstChild,
+    [_el$25, _co$6] = _$getNextMarker(_el$24.nextSibling),
+    _el$18 = _el$25.nextSibling,
+    _el$19 = _el$18.firstChild,
+    _el$21 = _el$19.nextSibling,
+    [_el$22, _co$5] = _$getNextMarker(_el$21.nextSibling),
+    _el$26 = _el$18.nextSibling,
+    [_el$27, _co$7] = _$getNextMarker(_el$26.nextSibling),
+    _el$28 = _el$17.nextSibling;
+  _$insert(_el$17, _$createComponent(Show, {
+    get when() {
+      return props.icon;
+    },
+    children: icon => (() => {
+      var _el$29 = _$getNextElement(_tmpl$9),
+        _el$30 = _el$29.firstChild;
+      _$effect(() => _$className(_el$30, icon()));
+      return _el$29;
+    })()
+  }), _el$25, _co$6);
+  _$insert(_el$19, () => props.title);
+  _$insert(_el$18, _$createComponent(Show, {
+    get when() {
+      return props.subtitle;
+    },
+    get children() {
+      var _el$20 = _$getNextElement(_tmpl$);
+      _$insert(_el$20, () => props.subtitle);
+      return _el$20;
+    }
+  }), _el$22, _co$5);
+  _$insert(_el$17, _$createComponent(Show, {
+    get when() {
+      return props.actions;
+    },
+    get children() {
+      var _el$23 = _$getNextElement(_tmpl$2);
+      _$insert(_el$23, () => props.actions);
+      return _el$23;
+    }
+  }), _el$27, _co$7);
+  _$insert(_el$28, () => props.children);
+  _$effect(() => _$setAttribute(_el$16, "data-surface", usePanelDialogSurface()));
+  return _el$16;
+})();
+const PanelDialogTabs = props => {
+  const messages = useUiMessages();
+  return _$createComponent(Tabs, {
+    "class": "k2b-panel-dialog__tabs",
+    get value() {
+      return props.value;
+    },
+    get onValueChange() {
+      return props.onValueChange;
+    },
+    get ariaLabel() {
+      return props.ariaLabel ?? props.label ?? messages().dialogTabs;
+    },
+    get options() {
+      return props.options;
+    }
+  });
+};
+const PanelDialog = props => {
+  const surface = props.surface ?? "contained";
+  return _$createComponent(PanelDialogSurfaceContext.Provider, {
+    value: surface,
+    get children() {
+      var _el$31 = _$getNextElement(_tmpl$0);
+      _$setAttribute(_el$31, "data-surface", surface);
+      _$insert(_el$31, () => props.children);
+      return _el$31;
+    }
+  });
+};
+PanelDialog.Header = PanelDialogHeader;
+PanelDialog.Body = PanelDialogBody;
+PanelDialog.Footer = PanelDialogFooter;
+PanelDialog.Section = PanelDialogSection;
+PanelDialog.Tabs = PanelDialogTabs;
+export default PanelDialog;
+_$delegateEvents(["click"]);
+//# sourceMappingURL=PanelDialog.js.map

package/dist/browser/layout/PanelDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","Show","useContext","Tabs","prompts","resolveUiMessages","useUiMessages","PanelDialogSurfaceContext","usePanelDialogSurface","panelDialogBasePanelClass","panelDialogPanelClass","panelDialogOptions","panelClassName","contentClassName","panelDialogWidePanelClass","panelDialogWideOptions","panelDialogFixedPanelClass","panelDialogFixedOptions","panelDialogWorkspacePanelClass","panelDialogWorkspaceOptions","confirmDiscardIfDirty","dirty","hasChanges","Boolean","confirm","discardUnsavedChanges","title","unsavedChangesTitle","variant","confirmText","discard","PanelDialogHeader","props","messages","_el$","_$getNextElement","_tmpl$4","_el$9","firstChild","_el$0","_co$2","_$getNextMarker","nextSibling","_el$2","_el$3","_el$5","_el$6","_co$","_el$1","_el$10","_co$3","_el$11","_el$12","_co$4","_$insert","_$createComponent","when","icon","children","_el$13","_tmpl$5","_$effect","_$className","subtitle","_el$4","_tmpl$","actions","_el$7","_tmpl$2","close","_el$8","_tmpl$3","_$addEventListener","_p$","_v$","closeLabel","closeDialog","_v$2","closeDisabled","e","_$setAttribute","t","_$setProperty","undefined","_$runHydrationEvents","PanelDialogBody","_el$14","_tmpl$6","_v$3","scrollPreserveKey","_v$4","PanelDialogFooter","_el$15","_tmpl$7","PanelDialogSection","_el$16","_tmpl$8","_el$17","_el$24","_el$25","_co$6","_el$18","_el$19","_el$21","_el$22","_co$5","_el$26","_el$27","_co$7","_el$28","_el$29","_tmpl$9","_el$30","_el$20","_el$23","PanelDialogTabs","value","onValueChange","ariaLabel","label","dialogTabs","options","PanelDialog","surface","Provider","_el$31","_tmpl$0","Header","Body","Footer","Section","_$delegateEvents"],"sources":["layout/PanelDialog.tsx"],"sourcesContent":["import { createContext, type JSX, Show, useContext } from \"solid-js\";\nimport { Tabs } from \"../actions/Tabs\";\nimport type { OpenDialogOptions } from \"../feedback/dialog-core\";\nimport { prompts } from \"../feedback/prompts\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport type PanelDialogSurface = \"contained\" | \"floating\";\n\nexport type PanelDialogProps = {\n  children: JSX.Element;\n  surface?: PanelDialogSurface;\n};\n\nexport type PanelDialogHeaderProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  close?: () => void;\n  closeDisabled?: boolean;\n  closeLabel?: string;\n};\n\nexport type PanelDialogBodyProps = {\n  children: JSX.Element;\n  scrollPreserveKey?: string;\n};\n\nexport type PanelDialogFooterProps = {\n  children: JSX.Element;\n};\n\nexport type PanelDialogSectionProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  icon?: string;\n  actions?: JSX.Element;\n  children: JSX.Element;\n};\n\nexport type PanelDialogTabOption<T extends string = string> = {\n  value: T;\n  label: JSX.Element;\n  icon?: string;\n  disabled?: boolean;\n};\n\nexport type PanelDialogTabsProps<T extends string = string> = {\n  options: readonly PanelDialogTabOption<T>[];\n  value: T | (() => T);\n  onValueChange: (value: T) => void;\n  ariaLabel?: string;\n  label?: string;\n};\n\ntype PanelDialogComponent = ((props: PanelDialogProps) => JSX.Element) & {\n  Header: (props: PanelDialogHeaderProps) => JSX.Element;\n  Body: (props: PanelDialogBodyProps) => JSX.Element;\n  Footer: (props: PanelDialogFooterProps) => JSX.Element;\n  Section: (props: PanelDialogSectionProps) => JSX.Element;\n  Tabs: <T extends string>(props: PanelDialogTabsProps<T>) => JSX.Element;\n};\n\nconst PanelDialogSurfaceContext = createContext<PanelDialogSurface>(\"contained\");\nconst usePanelDialogSurface = () => useContext(PanelDialogSurfaceContext);\n\nconst panelDialogBasePanelClass = \"k2b-dialog k2b-panel-dialog-frame\";\n\nexport const panelDialogPanelClass = `${panelDialogBasePanelClass} is-standard`;\nexport const panelDialogOptions = {\n  panelClassName: panelDialogPanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogWidePanelClass = `${panelDialogBasePanelClass} is-wide`;\nexport const panelDialogWideOptions = {\n  panelClassName: panelDialogWidePanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogFixedPanelClass = `${panelDialogBasePanelClass} is-fixed`;\nexport const panelDialogFixedOptions = {\n  panelClassName: panelDialogFixedPanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport is-fixed\",\n} satisfies OpenDialogOptions;\n\nexport const panelDialogWorkspacePanelClass = `${panelDialogBasePanelClass} is-workspace`;\nexport const panelDialogWorkspaceOptions = {\n  panelClassName: panelDialogWorkspacePanelClass,\n  contentClassName: \"k2b-panel-dialog-viewport is-workspace\",\n} satisfies OpenDialogOptions;\n\nexport const confirmDiscardIfDirty = async (dirty: boolean | (() => boolean)): Promise<boolean> => {\n  const hasChanges = typeof dirty === \"function\" ? dirty() : dirty;\n  if (!hasChanges) return true;\n  return Boolean(\n    await prompts.confirm(resolveUiMessages().discardUnsavedChanges, {\n      title: resolveUiMessages().unsavedChangesTitle,\n      variant: \"danger\",\n      confirmText: resolveUiMessages().discard,\n    }),\n  );\n};\n\nconst PanelDialogHeader = (props: PanelDialogHeaderProps): JSX.Element => {\n  const messages = useUiMessages();\n  return (\n    <header class=\"k2b-panel-dialog__header\" data-surface={usePanelDialogSurface()}>\n      <Show when={props.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      <div class=\"k2b-panel-dialog__heading\">\n        <h2>{props.title}</h2>\n        <Show when={props.subtitle}>\n          <p>{props.subtitle}</p>\n        </Show>\n      </div>\n      <Show when={props.actions}>\n        <div class=\"k2b-panel-dialog__actions\">{props.actions}</div>\n      </Show>\n      <Show when={props.close}>\n        <button\n          type=\"button\"\n          class=\"k2b-dialog__close\"\n          aria-label={props.closeLabel ?? messages().closeDialog}\n          disabled={props.closeDisabled}\n          onClick={props.close}\n        >\n          <i class=\"ti ti-x\" aria-hidden=\"true\" />\n        </button>\n      </Show>\n    </header>\n  );\n};\n\nconst PanelDialogBody = (props: PanelDialogBodyProps): JSX.Element => (\n  <div class=\"k2b-panel-dialog__body\" data-scroll-preserve={props.scrollPreserveKey} data-surface={usePanelDialogSurface()}>\n    {props.children}\n  </div>\n);\n\nconst PanelDialogFooter = (props: PanelDialogFooterProps): JSX.Element => (\n  <footer class=\"k2b-panel-dialog__footer\" data-surface={usePanelDialogSurface()}>\n    {props.children}\n  </footer>\n);\n\nconst PanelDialogSection = (props: PanelDialogSectionProps): JSX.Element => (\n  <section class=\"k2b-panel-dialog__section\" data-surface={usePanelDialogSurface()}>\n    <header>\n      <Show when={props.icon}>\n        {(icon) => (\n          <span class=\"k2b-panel-dialog__section-icon\">\n            <i class={icon()} aria-hidden=\"true\" />\n          </span>\n        )}\n      </Show>\n      <div>\n        <h3>{props.title}</h3>\n        <Show when={props.subtitle}>\n          <p>{props.subtitle}</p>\n        </Show>\n      </div>\n      <Show when={props.actions}>\n        <div class=\"k2b-panel-dialog__actions\">{props.actions}</div>\n      </Show>\n    </header>\n    <div class=\"k2b-panel-dialog__section-body\">{props.children}</div>\n  </section>\n);\n\nconst PanelDialogTabs = <T extends string>(props: PanelDialogTabsProps<T>): JSX.Element => {\n  const messages = useUiMessages();\n  return (\n    <Tabs\n      class=\"k2b-panel-dialog__tabs\"\n      value={props.value}\n      onValueChange={props.onValueChange}\n      ariaLabel={props.ariaLabel ?? props.label ?? messages().dialogTabs}\n      options={props.options}\n    />\n  );\n};\n\nconst PanelDialog = ((props: PanelDialogProps): JSX.Element => {\n  const surface = props.surface ?? \"contained\";\n  return (\n    <PanelDialogSurfaceContext.Provider value={surface}>\n      <div class=\"k2b-panel-dialog\" data-surface={surface}>\n        {props.children}\n      </div>\n    </PanelDialogSurfaceContext.Provider>\n  );\n}) as PanelDialogComponent;\n\nPanelDialog.Header = PanelDialogHeader;\nPanelDialog.Body = PanelDialogBody;\nPanelDialog.Footer = PanelDialogFooter;\nPanelDialog.Section = PanelDialogSection;\nPanelDialog.Tabs = PanelDialogTabs;\n\nexport default PanelDialog;\n"],"mappings":"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","ignoreList":[]}