@k2b/ui 0.1.0-rc.0

package/dist/ssr/layout/FloatingWindow.js

@@ -0,0 +1,259 @@
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrStyle as _$ssrStyle } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<section class=\"", "\"", " style=\"", "\" 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>", "</section>"],
+  _tmpl$2 = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$3 = ["<button type=\"button\" class=\"k2b-floating-window__resize\"", " style=\"", "\"", "></button>"],
+  _tmpl$4 = ["<div class=\"k2b-floating-window__resize\"", " style=\"", "\" aria-hidden=\"true\"></div>"];
+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 = _$ssr(_tmpl$, `k2b-floating-window ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-mobile", mobile() ? "true" : _$escape(undefined, true), false), _$ssrStyle(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()
+  }), _$ssrAttribute("aria-labelledby", _$escape(titleId, true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.icon;
+    },
+    children: icon => _$ssr(_tmpl$2, _$ssrAttribute("class", _$escape(icon(), true), false))
+  })), _$ssrAttribute("aria-label", _$escape(messages().moveWindow({
+    title: props.title
+  }), true), false), _$ssrAttribute("id", _$escape(titleId, true), false), _$escape(props.title), _$ssrAttribute("aria-label", _$escape(messages().closeWindow, true), false), _$escape(props.children), _$escape(_$createComponent(Show, {
+    get when() {
+      return !mobile();
+    },
+    get children() {
+      return handles.map(([edge, cursor]) => edge === "bottom-right" ? _$ssr(_tmpl$3, _$ssrAttribute("data-edge", _$escape(edge, true), false), _$ssrStyleProperty("cursor:", _$escape(cursor, true)), _$ssrAttribute("aria-label", _$escape(messages().resizeWindow, true), false)) : // Cloud exposes a single keyboard-resizable corner; the remaining
+      // edges stay pointer-only so the window adds one tab stop, not eight.
+      _$ssr(_tmpl$4, _$ssrAttribute("data-edge", _$escape(edge, true), false), _$ssrStyleProperty("cursor:", _$escape(cursor, true))));
+    }
+  })));
+  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;
+};
+//# sourceMappingURL=FloatingWindow.js.map

package/dist/ssr/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","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","_$ssrStyle","accent","inset","left","top","_$createComponent","when","icon","children","_tmpl$2","moveWindow","title","closeWindow","map","cursor","_tmpl$3","_$ssrStyleProperty","resizeWindow","_tmpl$4","mount","document","resolveScope","openFloatingWindow","options","Error","previousFocus","activeElement","HTMLElement","createElement","className","body","appendChild","dispose","closed","remove","_$mergeProps"],"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/ssr/layout/PanelDialog.js

@@ -0,0 +1,136 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<p>", "</p>"],
+  _tmpl$2 = ["<div class=\"k2b-panel-dialog__actions\">", "</div>"],
+  _tmpl$3 = ["<button type=\"button\" class=\"k2b-dialog__close\"", "", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button>"],
+  _tmpl$4 = ["<header class=\"k2b-panel-dialog__header\"", ">", "<div class=\"k2b-panel-dialog__heading\"><h2>", "</h2>", "</div>", "", "</header>"],
+  _tmpl$5 = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$6 = ["<div class=\"k2b-panel-dialog__body\"", ">", "</div>"],
+  _tmpl$7 = ["<footer class=\"k2b-panel-dialog__footer\"", ">", "</footer>"],
+  _tmpl$8 = ["<section class=\"k2b-panel-dialog__section\"", "><header>", "<div><h3>", "</h3>", "</div>", "</header><div class=\"k2b-panel-dialog__section-body\">", "</div></section>"],
+  _tmpl$9 = ["<span class=\"k2b-panel-dialog__section-icon\"><i", " aria-hidden=\"true\"></i></span>"],
+  _tmpl$0 = ["<div class=\"k2b-panel-dialog\"", ">", "</div>"];
+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 _$ssr(_tmpl$4, _$ssrAttribute("data-surface", _$escape(usePanelDialogSurface(), true), false), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.icon;
+    },
+    children: icon => _$ssr(_tmpl$5, _$ssrAttribute("class", _$escape(icon(), true), false))
+  })), _$escape(props.title), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.subtitle;
+    },
+    get children() {
+      return _$ssr(_tmpl$, _$escape(props.subtitle));
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.actions;
+    },
+    get children() {
+      return _$ssr(_tmpl$2, _$escape(props.actions));
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.close;
+    },
+    get children() {
+      return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(props.closeLabel ?? messages().closeDialog, true), false), _$ssrAttribute("disabled", props.closeDisabled, true));
+    }
+  })));
+};
+const PanelDialogBody = props => _$ssr(_tmpl$6, _$ssrAttribute("data-scroll-preserve", _$escape(props.scrollPreserveKey, true), false) + _$ssrAttribute("data-surface", _$escape(usePanelDialogSurface(), true), false), _$escape(props.children));
+const PanelDialogFooter = props => _$ssr(_tmpl$7, _$ssrAttribute("data-surface", _$escape(usePanelDialogSurface(), true), false), _$escape(props.children));
+const PanelDialogSection = props => _$ssr(_tmpl$8, _$ssrAttribute("data-surface", _$escape(usePanelDialogSurface(), true), false), _$escape(_$createComponent(Show, {
+  get when() {
+    return props.icon;
+  },
+  children: icon => _$ssr(_tmpl$9, _$ssrAttribute("class", _$escape(icon(), true), false))
+})), _$escape(props.title), _$escape(_$createComponent(Show, {
+  get when() {
+    return props.subtitle;
+  },
+  get children() {
+    return _$ssr(_tmpl$, _$escape(props.subtitle));
+  }
+})), _$escape(_$createComponent(Show, {
+  get when() {
+    return props.actions;
+  },
+  get children() {
+    return _$ssr(_tmpl$2, _$escape(props.actions));
+  }
+})), _$escape(props.children));
+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() {
+      return _$ssr(_tmpl$0, _$ssrAttribute("data-surface", _$escape(surface, true), false), _$escape(props.children));
+    }
+  });
+};
+PanelDialog.Header = PanelDialogHeader;
+PanelDialog.Body = PanelDialogBody;
+PanelDialog.Footer = PanelDialogFooter;
+PanelDialog.Section = PanelDialogSection;
+PanelDialog.Tabs = PanelDialogTabs;
+export default PanelDialog;
+//# sourceMappingURL=PanelDialog.js.map

package/dist/ssr/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","_$ssr","_tmpl$4","_$ssrAttribute","_$escape","_$createComponent","when","icon","children","_tmpl$5","subtitle","_tmpl$","actions","_tmpl$2","close","_tmpl$3","closeLabel","closeDialog","closeDisabled","PanelDialogBody","_tmpl$6","scrollPreserveKey","PanelDialogFooter","_tmpl$7","PanelDialogSection","_tmpl$8","_tmpl$9","PanelDialogTabs","value","onValueChange","ariaLabel","label","dialogTabs","options","PanelDialog","surface","Provider","_tmpl$0","Header","Body","Footer","Section"],"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":";;;;;;;;;;;;;;AAAA,SAASA,aAAa,EAAYC,IAAI,EAAEC,UAAU,QAAQ,UAAU;AACpE,SAASC,IAAI,QAAQ,iBAAiB;AAEtC,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,kBAAkB;AA2DnE,MAAMC,yBAAyB,GAAGP,aAAa,CAAqB,WAAW,CAAC;AAChF,MAAMQ,qBAAqB,GAAGA,CAAA,KAAMN,UAAU,CAACK,yBAAyB,CAAC;AAEzE,MAAME,yBAAyB,GAAG,mCAAmC;AAErE,OAAO,MAAMC,qBAAqB,GAAG,GAAGD,yBAAyB,cAAc;AAC/E,OAAO,MAAME,kBAAkB,GAAG;EAChCC,cAAc,EAAEF,qBAAqB;EACrCG,gBAAgB,EAAE;AACpB,CAA6B;AAE7B,OAAO,MAAMC,yBAAyB,GAAG,GAAGL,yBAAyB,UAAU;AAC/E,OAAO,MAAMM,sBAAsB,GAAG;EACpCH,cAAc,EAAEE,yBAAyB;EACzCD,gBAAgB,EAAE;AACpB,CAA6B;AAE7B,OAAO,MAAMG,0BAA0B,GAAG,GAAGP,yBAAyB,WAAW;AACjF,OAAO,MAAMQ,uBAAuB,GAAG;EACrCL,cAAc,EAAEI,0BAA0B;EAC1CH,gBAAgB,EAAE;AACpB,CAA6B;AAE7B,OAAO,MAAMK,8BAA8B,GAAG,GAAGT,yBAAyB,eAAe;AACzF,OAAO,MAAMU,2BAA2B,GAAG;EACzCP,cAAc,EAAEM,8BAA8B;EAC9CL,gBAAgB,EAAE;AACpB,CAA6B;AAE7B,OAAO,MAAMO,qBAAqB,GAAG,MAAOC,KAAgC,IAAuB;EACjG,MAAMC,UAAU,GAAG,OAAOD,KAAK,KAAK,UAAU,GAAGA,KAAK,CAAC,CAAC,GAAGA,KAAK;EAChE,IAAI,CAACC,UAAU,EAAE,OAAO,IAAI;EAC5B,OAAOC,OAAO,CACZ,MAAMnB,OAAO,CAACoB,OAAO,CAACnB,iBAAiB,CAAC,CAAC,CAACoB,qBAAqB,EAAE;IAC/DC,KAAK,EAAErB,iBAAiB,CAAC,CAAC,CAACsB,mBAAmB;IAC9CC,OAAO,EAAE,QAAQ;IACjBC,WAAW,EAAExB,iBAAiB,CAAC,CAAC,CAACyB;EACnC,CAAC,CACH,CAAC;AACH,CAAC;AAED,MAAMC,iBAAiB,GAAIC,KAA6B,IAAkB;EACxE,MAAMC,QAAQ,GAAG3B,aAAa,CAAC,CAAC;EAChC,OAAA4B,KAAA,CAAAC,OAAA,EAAAC,cAAA,iBAAAC,QAAA,CACyD7B,qBAAqB,CAAC,CAAC,iBAAA6B,QAAA,CAAAC,iBAAA,CAC3ErC,IAAI;IAAA,IAACsC,IAAIA,CAAA;MAAA,OAAEP,KAAK,CAACQ,IAAI;IAAA;IAAAC,QAAA,EAAID,IAAI,IAAAN,KAAA,CAAAQ,OAAA,EAAAN,cAAA,UAAAC,QAAA,CAAeG,IAAI,CAAC,CAAC;EAAuB,KAAAH,QAAA,CAEnEL,KAAK,CAACN,KAAK,GAAAW,QAAA,CAAAC,iBAAA,CACfrC,IAAI;IAAA,IAACsC,IAAIA,CAAA;MAAA,OAAEP,KAAK,CAACW,QAAQ;IAAA;IAAA,IAAAF,SAAA;MAAA,OAAAP,KAAA,CAAAU,MAAA,EAAAP,QAAA,CACpBL,KAAK,CAACW,QAAQ;IAAA;EAAA,KAAAN,QAAA,CAAAC,iBAAA,CAGrBrC,IAAI;IAAA,IAACsC,IAAIA,CAAA;MAAA,OAAEP,KAAK,CAACa,OAAO;IAAA;IAAA,IAAAJ,SAAA;MAAA,OAAAP,KAAA,CAAAY,OAAA,EAAAT,QAAA,CACiBL,KAAK,CAACa,OAAO;IAAA;EAAA,KAAAR,QAAA,CAAAC,iBAAA,CAEtDrC,IAAI;IAAA,IAACsC,IAAIA,CAAA;MAAA,OAAEP,KAAK,CAACe,KAAK;IAAA;IAAA,IAAAN,SAAA;MAAA,OAAAP,KAAA,CAAAc,OAAA,EAAAZ,cAAA,eAAAC,QAAA,CAIPL,KAAK,CAACiB,UAAU,IAAIhB,QAAQ,CAAC,CAAC,CAACiB,WAAW,iBAAAd,cAAA,aAC5CJ,KAAK,CAACmB,aAAa;IAAA;EAAA;AAQvC,CAAC;AAED,MAAMC,eAAe,GAAIpB,KAA2B,IAAAE,KAAA,CAAAmB,OAAA,EAAAjB,cAAA,yBAAAC,QAAA,CACQL,KAAK,CAACsB,iBAAiB,kBAAAlB,cAAA,iBAAAC,QAAA,CAAgB7B,qBAAqB,CAAC,CAAC,iBAAA6B,QAAA,CACrHL,KAAK,CAACS,QAAQ,EAElB;AAED,MAAMc,iBAAiB,GAAIvB,KAA6B,IAAAE,KAAA,CAAAsB,OAAA,EAAApB,cAAA,iBAAAC,QAAA,CACC7B,qBAAqB,CAAC,CAAC,iBAAA6B,QAAA,CAC3EL,KAAK,CAACS,QAAQ,EAElB;AAED,MAAMgB,kBAAkB,GAAIzB,KAA8B,IAAAE,KAAA,CAAAwB,OAAA,EAAAtB,cAAA,iBAAAC,QAAA,CACC7B,qBAAqB,CAAC,CAAC,iBAAA6B,QAAA,CAAAC,iBAAA,CAE3ErC,IAAI;EAAA,IAACsC,IAAIA,CAAA;IAAA,OAAEP,KAAK,CAACQ,IAAI;EAAA;EAAAC,QAAA,EAClBD,IAAI,IAAAN,KAAA,CAAAyB,OAAA,EAAAvB,cAAA,UAAAC,QAAA,CAEQG,IAAI,CAAC,CAAC;AAEnB,KAAAH,QAAA,CAGIL,KAAK,CAACN,KAAK,GAAAW,QAAA,CAAAC,iBAAA,CACfrC,IAAI;EAAA,IAACsC,IAAIA,CAAA;IAAA,OAAEP,KAAK,CAACW,QAAQ;EAAA;EAAA,IAAAF,SAAA;IAAA,OAAAP,KAAA,CAAAU,MAAA,EAAAP,QAAA,CACpBL,KAAK,CAACW,QAAQ;EAAA;AAAA,KAAAN,QAAA,CAAAC,iBAAA,CAGrBrC,IAAI;EAAA,IAACsC,IAAIA,CAAA;IAAA,OAAEP,KAAK,CAACa,OAAO;EAAA;EAAA,IAAAJ,SAAA;IAAA,OAAAP,KAAA,CAAAY,OAAA,EAAAT,QAAA,CACiBL,KAAK,CAACa,OAAO;EAAA;AAAA,KAAAR,QAAA,CAGZL,KAAK,CAACS,QAAQ,EAE9D;AAED,MAAMmB,eAAe,GAAsB5B,KAA8B,IAAkB;EACzF,MAAMC,QAAQ,GAAG3B,aAAa,CAAC,CAAC;EAChC,OAAAgC,iBAAA,CACGnC,IAAI;IAAA;IAAA,IAEH0D,KAAKA,CAAA;MAAA,OAAE7B,KAAK,CAAC6B,KAAK;IAAA;IAAA,IAClBC,aAAaA,CAAA;MAAA,OAAE9B,KAAK,CAAC8B,aAAa;IAAA;IAAA,IAClCC,SAASA,CAAA;MAAA,OAAE/B,KAAK,CAAC+B,SAAS,IAAI/B,KAAK,CAACgC,KAAK,IAAI/B,QAAQ,CAAC,CAAC,CAACgC,UAAU;IAAA;IAAA,IAClEC,OAAOA,CAAA;MAAA,OAAElC,KAAK,CAACkC,OAAO;IAAA;EAAA;AAG5B,CAAC;AAED,MAAMC,WAAW,GAAKnC,KAAuB,IAAkB;EAC7D,MAAMoC,OAAO,GAAGpC,KAAK,CAACoC,OAAO,IAAI,WAAW;EAC5C,OAAA9B,iBAAA,CACG/B,yBAAyB,CAAC8D,QAAQ;IAACR,KAAK,EAAEO,OAAO;IAAA,IAAA3B,SAAA;MAAA,OAAAP,KAAA,CAAAoC,OAAA,EAAAlC,cAAA,iBAAAC,QAAA,CACJ+B,OAAO,iBAAA/B,QAAA,CAChDL,KAAK,CAACS,QAAQ;IAAA;EAAA;AAIvB,CAA0B;AAE1B0B,WAAW,CAACI,MAAM,GAAGxC,iBAAiB;AACtCoC,WAAW,CAACK,IAAI,GAAGpB,eAAe;AAClCe,WAAW,CAACM,MAAM,GAAGlB,iBAAiB;AACtCY,WAAW,CAACO,OAAO,GAAGjB,kBAAkB;AACxCU,WAAW,CAAChE,IAAI,GAAGyD,eAAe;AAElC,eAAeO,WAAW","ignoreList":[]}

package/dist/ssr/layout/PanelHeader.js

@@ -0,0 +1,45 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<h1", ">", "</h1>"],
+  _tmpl$2 = ["<h3", ">", "</h3>"],
+  _tmpl$3 = ["<h2", ">", "</h2>"],
+  _tmpl$4 = ["<p class=\"k2b-panel-header__subtitle\">", "</p>"],
+  _tmpl$5 = ["<div class=\"k2b-panel-header__actions\">", "</div>"],
+  _tmpl$6 = ["<div class=\"", "\"", "><div class=\"k2b-panel-header__copy\">", "", "</div>", "</div>"];
+import { Show } from "solid-js";
+const Heading = props => {
+  const className = `k2b-panel-header__title ${props.size === "md" ? "is-medium" : ""}`;
+  if (props.as === "h1") return _$ssr(_tmpl$, _$ssrAttribute("class", _$escape(className, true), false), _$escape(props.title));
+  if (props.as === "h3") return _$ssr(_tmpl$2, _$ssrAttribute("class", _$escape(className, true), false), _$escape(props.title));
+  return _$ssr(_tmpl$3, _$ssrAttribute("class", _$escape(className, true), false), _$escape(props.title));
+};
+export function PanelHeader(props) {
+  return _$ssr(_tmpl$6, `k2b-panel-header ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-size", _$escape(props.size ?? "sm", true), false), _$escape(_$createComponent(Heading, {
+    get as() {
+      return props.as;
+    },
+    get size() {
+      return props.size;
+    },
+    get title() {
+      return props.title;
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.subtitle;
+    },
+    get children() {
+      return _$ssr(_tmpl$4, _$escape(props.subtitle));
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.actions;
+    },
+    get children() {
+      return _$ssr(_tmpl$5, _$escape(props.actions));
+    }
+  })));
+}
+//# sourceMappingURL=PanelHeader.js.map

package/dist/ssr/layout/PanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Show","Heading","props","className","size","as","_$ssr","_tmpl$","_$ssrAttribute","_$escape","title","_tmpl$2","_tmpl$3","PanelHeader","_tmpl$6","class","_$createComponent","when","subtitle","children","_tmpl$4","actions","_tmpl$5"],"sources":["layout/PanelHeader.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\n\nexport type PanelHeaderProps = {\n  title: JSX.Element;\n  subtitle?: JSX.Element;\n  actions?: JSX.Element;\n  as?: \"h1\" | \"h2\" | \"h3\";\n  size?: \"sm\" | \"md\";\n  class?: string;\n};\n\nconst Heading = (props: Pick<PanelHeaderProps, \"as\" | \"size\" | \"title\">): JSX.Element => {\n  const className = `k2b-panel-header__title ${props.size === \"md\" ? \"is-medium\" : \"\"}`;\n  if (props.as === \"h1\") return <h1 class={className}>{props.title}</h1>;\n  if (props.as === \"h3\") return <h3 class={className}>{props.title}</h3>;\n  return <h2 class={className}>{props.title}</h2>;\n};\n\nexport function PanelHeader(props: PanelHeaderProps): JSX.Element {\n  return (\n    <div class={`k2b-panel-header ${props.class ?? \"\"}`} data-size={props.size ?? \"sm\"}>\n      <div class=\"k2b-panel-header__copy\">\n        <Heading as={props.as} size={props.size} title={props.title} />\n        <Show when={props.subtitle}>\n          <p class=\"k2b-panel-header__subtitle\">{props.subtitle}</p>\n        </Show>\n      </div>\n      <Show when={props.actions}>\n        <div class=\"k2b-panel-header__actions\">{props.actions}</div>\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAmBA,IAAI,QAAQ,UAAU;AAWzC,MAAMC,OAAO,GAAIC,KAAsD,IAAkB;EACvF,MAAMC,SAAS,GAAG,2BAA2BD,KAAK,CAACE,IAAI,KAAK,IAAI,GAAG,WAAW,GAAG,EAAE,EAAE;EACrF,IAAIF,KAAK,CAACG,EAAE,KAAK,IAAI,EAAE,OAAAC,KAAA,CAAAC,MAAA,EAAAC,cAAA,UAAAC,QAAA,CAAkBN,SAAS,iBAAAM,QAAA,CAAGP,KAAK,CAACQ,KAAK;EAChE,IAAIR,KAAK,CAACG,EAAE,KAAK,IAAI,EAAE,OAAAC,KAAA,CAAAK,OAAA,EAAAH,cAAA,UAAAC,QAAA,CAAkBN,SAAS,iBAAAM,QAAA,CAAGP,KAAK,CAACQ,KAAK;EAChE,OAAAJ,KAAA,CAAAM,OAAA,EAAAJ,cAAA,UAAAC,QAAA,CAAkBN,SAAS,iBAAAM,QAAA,CAAGP,KAAK,CAACQ,KAAK;AAC3C,CAAC;AAED,OAAO,SAASG,WAAWA,CAACX,KAAuB,EAAe;EAChE,OAAAI,KAAA,CAAAQ,OAAA,EACc,oBAAAL,QAAA,CAAoBP,KAAK,CAACa,KAAK,IAAI,EAAE,SAAE,EAAAP,cAAA,cAAAC,QAAA,CAAaP,KAAK,CAACE,IAAI,IAAI,IAAI,iBAAAK,QAAA,CAAAO,iBAAA,CAE7Ef,OAAO;IAAA,IAACI,EAAEA,CAAA;MAAA,OAAEH,KAAK,CAACG,EAAE;IAAA;IAAA,IAAED,IAAIA,CAAA;MAAA,OAAEF,KAAK,CAACE,IAAI;IAAA;IAAA,IAAEM,KAAKA,CAAA;MAAA,OAAER,KAAK,CAACQ,KAAK;IAAA;EAAA,KAAAD,QAAA,CAAAO,iBAAA,CAC1DhB,IAAI;IAAA,IAACiB,IAAIA,CAAA;MAAA,OAAEf,KAAK,CAACgB,QAAQ;IAAA;IAAA,IAAAC,SAAA;MAAA,OAAAb,KAAA,CAAAc,OAAA,EAAAX,QAAA,CACeP,KAAK,CAACgB,QAAQ;IAAA;EAAA,KAAAT,QAAA,CAAAO,iBAAA,CAGxDhB,IAAI;IAAA,IAACiB,IAAIA,CAAA;MAAA,OAAEf,KAAK,CAACmB,OAAO;IAAA;IAAA,IAAAF,SAAA;MAAA,OAAAb,KAAA,CAAAgB,OAAA,EAAAb,QAAA,CACiBP,KAAK,CAACmB,OAAO;IAAA;EAAA;AAI7D","ignoreList":[]}