@smwb/ui-solid 0.11.1 → 0.12.0

package/dist/components/layout/floatingWindow/floatingWindow.js

@@ -1,5 +1,6 @@
-import { isServer as $, createComponent as d, Portal as ie, use as oe, spread as K, mergeProps as T, insert as c, setAttribute as x, effect as M, memo as ae, template as _, delegateEvents as re } from "solid-js/web";
-import '../../../assets/styles/less/components/floatingWindow/floatingWindow.entry.css';/* empty css                                                                       */
+import { isServer as $, createComponent as d, Portal as ne, use as oe, spread as K, mergeProps as T, insert as c, setAttribute as x, effect as M, memo as ae, template as _, delegateEvents as re } from "solid-js/web";
+import '../../../assets/styles/less/components/floatingWindow/floatingWindow.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                                       */
 import { mergeProps as le, splitProps as se, createSignal as de, createMemo as ce, createEffect as A, onCleanup as V, Show as y, For as he } from "solid-js";
 import O from "clsx";
 import { createCssTransition as we } from "../../../primitives/createCssTransition.js";
@@ -64,7 +65,7 @@ const _e = {
   width: window.innerWidth,
   height: window.innerHeight
 };
-function Le(X) {
+function ke(X) {
   const Y = le({
     minWidth: 200,
     minHeight: 120,
@@ -113,20 +114,20 @@ function Le(X) {
     value: () => t.collapsed,
     defaultValue: t.defaultCollapsed,
     onChange: (e) => t.onCollapsedChange?.(e)
-  }), C = (e, n) => {
-    const i = t.maxWidth ?? n.width, r = t.maxHeight ?? n.height, a = Math.max(t.minWidth, Math.min(i, e.width)), o = Math.max(t.minHeight, Math.min(r, e.height)), l = Math.min(t.keepVisible, a), u = Math.max(l - a, Math.min(n.width - l, e.x)), g = Math.max(0, Math.min(Math.max(0, n.height - l), e.y));
+  }), C = (e, i) => {
+    const n = t.maxWidth ?? i.width, r = t.maxHeight ?? i.height, a = Math.max(t.minWidth, Math.min(n, e.width)), o = Math.max(t.minHeight, Math.min(r, e.height)), l = Math.min(t.keepVisible, a), u = Math.max(l - a, Math.min(i.width - l, e.x)), g = Math.max(0, Math.min(Math.max(0, i.height - l), e.y));
     return {
       x: u,
       y: g,
       width: a,
       height: o
     };
-  }, G = (e, n) => {
-    const i = C(e, n);
+  }, G = (e, i) => {
+    const n = C(e, i);
     return {
-      ...i,
-      x: Math.max(0, Math.min(i.x, n.width - i.width)),
-      y: Math.max(0, Math.min(i.y, n.height - i.height))
+      ...n,
+      x: Math.max(0, Math.min(n.x, i.width - n.width)),
+      y: Math.max(0, Math.min(n.y, i.height - n.height))
     };
   }, [N, L] = de(!1), s = ce(() => {
     const e = {
@@ -136,15 +137,15 @@ function Le(X) {
       height: z().height
     };
     return N() ? C(e, b()) : G(e, b());
-  }), h = (e, n = !0) => {
-    n && L(!0);
-    const i = C(e, b()), r = v(), a = z();
-    (i.x !== r.x || i.y !== r.y) && F({
-      x: i.x,
-      y: i.y
-    }), (i.width !== a.width || i.height !== a.height) && Z({
-      width: i.width,
-      height: i.height
+  }), h = (e, i = !0) => {
+    i && L(!0);
+    const n = C(e, b()), r = v(), a = z();
+    (n.x !== r.x || n.y !== r.y) && F({
+      x: n.x,
+      y: n.y
+    }), (n.width !== a.width || n.height !== a.height) && Z({
+      width: n.width,
+      height: n.height
     });
   };
   A(() => {
@@ -155,8 +156,8 @@ function Le(X) {
     window.addEventListener("resize", e), V(() => window.removeEventListener("resize", e));
   }), A(() => {
     if ($ || !t.open || !t.closeOnEsc || !t.onClose) return;
-    const e = (n) => {
-      n.key === "Escape" && (!f || !f.contains(document.activeElement) || t.onClose?.());
+    const e = (i) => {
+      i.key === "Escape" && (!f || !f.contains(document.activeElement) || t.onClose?.());
     };
     document.addEventListener("keydown", e), V(() => document.removeEventListener("keydown", e));
   });
@@ -169,12 +170,12 @@ function Le(X) {
   const q = (e) => {
     if (!t.movable || e.target?.closest("button,[data-no-drag]")) return;
     e.preventDefault();
-    const n = s();
+    const i = s();
     w = {
       px: e.clientX,
       py: e.clientY,
-      x: n.x,
-      y: n.y
+      x: i.x,
+      y: i.y
     };
     try {
       e.currentTarget.setPointerCapture?.(e.pointerId);
@@ -182,122 +183,122 @@ function Le(X) {
     }
   }, B = (e) => {
     if (!w) return;
-    const n = s();
+    const i = s();
     h({
-      ...n,
+      ...i,
       x: w.x + e.clientX - w.px,
       y: w.y + e.clientY - w.py
     });
   }, S = (e) => {
     if (w) {
       w = null;
-      const n = s();
+      const i = s();
       t.onMoveEnd?.({
-        x: n.x,
-        y: n.y
+        x: i.x,
+        y: i.y
       });
     }
     e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture?.(e.pointerId);
   };
   let p = null;
-  const J = (e, n) => {
-    n.preventDefault(), n.stopPropagation(), p = {
+  const J = (e, i) => {
+    i.preventDefault(), i.stopPropagation(), p = {
       dir: e,
-      px: n.clientX,
-      py: n.clientY,
+      px: i.clientX,
+      py: i.clientY,
       rect: s()
     }, k();
     try {
-      n.currentTarget.setPointerCapture?.(n.pointerId);
+      i.currentTarget.setPointerCapture?.(i.pointerId);
     } catch {
     }
   }, Q = (e) => {
     if (!p) return;
-    const n = _e[p.dir], i = e.clientX - p.px, r = e.clientY - p.py, a = p.rect, o = b(), l = t.maxWidth ?? o.width, u = t.maxHeight ?? o.height, g = Math.min(l, Math.max(t.minWidth, a.width + n.dw * i)), W = Math.min(u, Math.max(t.minHeight, a.height + n.dh * r));
+    const i = _e[p.dir], n = e.clientX - p.px, r = e.clientY - p.py, a = p.rect, o = b(), l = t.maxWidth ?? o.width, u = t.maxHeight ?? o.height, g = Math.min(l, Math.max(t.minWidth, a.width + i.dw * n)), W = Math.min(u, Math.max(t.minHeight, a.height + i.dh * r));
     h({
-      x: n.dx ? a.x + a.width - g : a.x,
-      y: n.dy ? a.y + a.height - W : a.y,
+      x: i.dx ? a.x + a.width - g : a.x,
+      y: i.dy ? a.y + a.height - W : a.y,
       width: g,
       height: W
     });
   }, D = (e) => {
     if (p) {
       p = null;
-      const n = s();
+      const i = s();
       t.onResizeEnd?.({
-        width: n.width,
-        height: n.height
+        width: i.width,
+        height: i.height
       });
     }
     e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture?.(e.pointerId);
   }, I = (e) => {
-    const n = s();
+    const i = s();
     e ? t.onResizeEnd?.({
-      width: n.width,
-      height: n.height
+      width: i.width,
+      height: i.height
     }) : t.onMoveEnd?.({
-      x: n.x,
-      y: n.y
+      x: i.x,
+      y: i.y
     });
   }, ee = (e) => {
-    const n = s(), i = e.shiftKey ? t.resizeStep : t.moveStep, a = {
-      ArrowLeft: [-i, 0],
-      ArrowRight: [i, 0],
-      ArrowUp: [0, -i],
-      ArrowDown: [0, i]
+    const i = s(), n = e.shiftKey ? t.resizeStep : t.moveStep, a = {
+      ArrowLeft: [-n, 0],
+      ArrowRight: [n, 0],
+      ArrowUp: [0, -n],
+      ArrowDown: [0, n]
     }[e.key];
     a && (e.preventDefault(), e.shiftKey ? h({
-      ...n,
-      width: n.width + a[0],
-      height: n.height + a[1]
+      ...i,
+      width: i.width + a[0],
+      height: i.height + a[1]
     }) : h({
-      ...n,
-      x: n.x + a[0],
-      y: n.y + a[1]
+      ...i,
+      x: i.x + a[0],
+      y: i.y + a[1]
     }), I(e.shiftKey));
   }, te = (e) => {
-    const n = s(), i = b();
+    const i = s(), n = b();
     if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
       e.preventDefault();
       const r = e.key === "ArrowRight" ? 1 : -1;
       h({
-        ...n,
-        width: n.width + r * t.resizeStep
+        ...i,
+        width: i.width + r * t.resizeStep
       });
     } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
       e.preventDefault();
       const r = e.key === "ArrowDown" ? 1 : -1;
       h({
-        ...n,
-        height: n.height + r * t.resizeStep
+        ...i,
+        height: i.height + r * t.resizeStep
       });
     } else if (e.key === "Home")
       e.preventDefault(), h({
-        ...n,
+        ...i,
         width: t.minWidth,
         height: t.minHeight
       });
     else if (e.key === "End")
       e.preventDefault(), h({
-        ...n,
-        width: t.maxWidth ?? i.width,
-        height: t.maxHeight ?? i.height
+        ...i,
+        width: t.maxWidth ?? n.width,
+        height: t.maxHeight ?? n.height
       });
     else
       return;
     I(!0);
-  }, ne = () => j((e) => !e);
+  }, ie = () => j((e) => !e);
   return d(y, {
     get when() {
       return R.mounted();
     },
     get children() {
-      return d(ie, {
+      return d(ne, {
         get mount() {
           return $ ? void 0 : document.body;
         },
         get children() {
-          var e = ye(), n = e.firstChild, i = n.firstChild, r = i.nextSibling, a = ue(t.ref, (o) => f = o);
+          var e = ye(), i = e.firstChild, n = i.firstChild, r = n.nextSibling, a = ue(t.ref, (o) => f = o);
           return typeof a == "function" && oe(a, e), K(e, T(U, {
             "data-testid": "floating-window",
             role: "dialog",
@@ -325,9 +326,9 @@ function Le(X) {
               };
             },
             "on:pointerdown": k
-          }), !1, !0), n.addEventListener("pointercancel", S), n.$$pointerup = S, n.$$pointermove = B, n.$$pointerdown = q, i.$$keydown = ee, c(i, d(P, {
+          }), !1, !0), i.addEventListener("pointercancel", S), i.$$pointerup = S, i.$$pointermove = B, i.$$pointerdown = q, n.$$keydown = ee, c(n, d(P, {
             name: "drag_indicator"
-          })), c(n, d(y, {
+          })), c(i, d(y, {
             get when() {
               return t.title;
             },
@@ -341,7 +342,7 @@ function Le(X) {
             },
             get children() {
               var o = ge();
-              return o.$$click = ne, c(o, d(P, {
+              return o.$$click = ie, c(o, d(P, {
                 get name() {
                   return m() ? "open_in_full" : "close_fullscreen";
                 }
@@ -404,7 +405,7 @@ function Le(X) {
                 })()
               });
             }
-          }), null), M(() => x(i, "aria-label", t.moveHandleAriaLabel)), e;
+          }), null), M(() => x(n, "aria-label", t.moveHandleAriaLabel)), e;
         }
       });
     }
@@ -412,6 +413,6 @@ function Le(X) {
 }
 re(["pointerdown", "pointermove", "pointerup", "keydown", "click"]);
 export {
-  Le as FloatingWindow
+  ke as FloatingWindow
 };
 //# sourceMappingURL=floatingWindow.js.map

package/dist/components/layout/floatingWindow/floatingWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"floatingWindow.js","sources":["../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import {\n  type Accessor,\n  For,\n  type JSX,\n  type ParentProps,\n  Show,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FloatingWindowPosition {\n  x: number;\n  y: number;\n}\n\nexport interface FloatingWindowSize {\n  width: number;\n  height: number;\n}\n\n/** The eight edge/corner resize directions. */\nexport type FloatingWindowResizeDir = \"n\" | \"s\" | \"e\" | \"w\" | \"ne\" | \"nw\" | \"se\" | \"sw\";\n\nexport interface FloatingWindowProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onResize\" | \"title\"> {\n  /** Controlled open state of the window. */\n  open: boolean;\n  /** Title bar content. When given, the window is labelled by it. */\n  title?: JSX.Element;\n  /** Extra header controls, rendered before the built-in collapse/close buttons. */\n  headerActions?: JSX.Element;\n\n  /** Controlled top-left position in viewport px. */\n  position?: FloatingWindowPosition;\n  /** Initial position when uncontrolled. */\n  defaultPosition?: FloatingWindowPosition;\n  /** Called on every move frame and on viewport re-clamp, with the clamped position. */\n  onPositionChange?: ((position: FloatingWindowPosition) => void) | undefined;\n  /** Called once when a move gesture ends — the point at which to persist. */\n  onMoveEnd?: ((position: FloatingWindowPosition) => void) | undefined;\n\n  /** Controlled size in px. */\n  size?: FloatingWindowSize;\n  /** Initial size when uncontrolled. */\n  defaultSize?: FloatingWindowSize;\n  /** Called on every resize frame and on viewport re-clamp, with the clamped size. */\n  onResize?: ((size: FloatingWindowSize) => void) | undefined;\n  /** Called once when a resize gesture ends — the point at which to persist. */\n  onResizeEnd?: ((size: FloatingWindowSize) => void) | undefined;\n\n  /** Minimum width in px (default 200). */\n  minWidth?: number;\n  /** Minimum height in px (default 120). */\n  minHeight?: number;\n  /** Maximum width in px (default: viewport width). */\n  maxWidth?: number;\n  /** Maximum height in px (default: viewport height). */\n  maxHeight?: number;\n  /** Px of the window that must stay inside the viewport (default 56). */\n  keepVisible?: number;\n  /** Step in px for keyboard moving (default 24). */\n  moveStep?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n\n  /** Inline stacking order. The host owns z-order across several windows. */\n  zIndex?: number;\n  /** Called on pointerdown anywhere in the window, so the host can raise it. */\n  onActivate?: (() => void) | undefined;\n\n  /** Shade the window down to its title bar. */\n  collapsed?: boolean;\n  /** Initial collapsed state when uncontrolled. */\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: ((collapsed: boolean) => void) | undefined;\n  /** Render the built-in collapse toggle (default true). */\n  collapsible?: boolean;\n\n  /** Allow drag-to-move by the title bar (default true). */\n  movable?: boolean;\n  /** Allow drag-to-resize from the edges and corners (default true). */\n  resizable?: boolean;\n  /** Close on Escape while focus is inside the window (default false). */\n  closeOnEsc?: boolean;\n  onClose?: (() => void) | undefined;\n\n  /** Accessible label for the move handle. */\n  moveHandleAriaLabel?: string;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  /** Accessible label for the collapse toggle while expanded. */\n  collapseAriaLabel?: string;\n  /** Accessible label for the collapse toggle while collapsed. */\n  expandAriaLabel?: string;\n\n  \"aria-label\"?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface Viewport {\n  width: number;\n  height: number;\n}\n\n/** Sign vector per resize direction: how the pointer delta maps onto x/y/width/height. */\nconst RESIZE_DIRS: Record<FloatingWindowResizeDir, { dx: 0 | 1; dy: 0 | 1; dw: -1 | 0 | 1; dh: -1 | 0 | 1 }> = {\n  n: { dx: 0, dy: 1, dw: 0, dh: -1 },\n  s: { dx: 0, dy: 0, dw: 0, dh: 1 },\n  e: { dx: 0, dy: 0, dw: 1, dh: 0 },\n  w: { dx: 1, dy: 0, dw: -1, dh: 0 },\n  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },\n  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },\n  se: { dx: 0, dy: 0, dw: 1, dh: 1 },\n  sw: { dx: 1, dy: 0, dw: -1, dh: 1 },\n};\n\nconst RESIZE_ORDER: FloatingWindowResizeDir[] = [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"];\n\nconst viewportOf = (): Viewport =>\n  typeof window === \"undefined\" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight };\n\n/**\n * Free-floating, non-modal window: draggable by its title bar, resizable from every\n * edge and corner, clamped so a grabbable strip always stays on screen.\n *\n * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus\n * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable\n * at once alongside the page behind them, so it must not trap focus, swallow clicks,\n * or steal Escape from a Modal stacked above it. Stacking order is the host's job —\n * pass `zIndex` and raise the window from `onActivate`.\n */\nexport function FloatingWindow(props: ParentProps<FloatingWindowProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      minWidth: 200,\n      minHeight: 120,\n      keepVisible: 56,\n      moveStep: 24,\n      resizeStep: 24,\n      collapsible: true,\n      movable: true,\n      resizable: true,\n      closeOnEsc: false,\n      defaultPosition: { x: 24, y: 24 },\n      defaultSize: { width: 360, height: 420 },\n      defaultCollapsed: false,\n      moveHandleAriaLabel: \"Move window\",\n      resizeHandleAriaLabel: \"Resize window\",\n      closeAriaLabel: \"Close window\",\n      collapseAriaLabel: \"Collapse window\",\n      expandAriaLabel: \"Expand window\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"open\",\n    \"title\",\n    \"headerActions\",\n    \"position\",\n    \"defaultPosition\",\n    \"onPositionChange\",\n    \"onMoveEnd\",\n    \"size\",\n    \"defaultSize\",\n    \"onResize\",\n    \"onResizeEnd\",\n    \"minWidth\",\n    \"minHeight\",\n    \"maxWidth\",\n    \"maxHeight\",\n    \"keepVisible\",\n    \"moveStep\",\n    \"resizeStep\",\n    \"zIndex\",\n    \"onActivate\",\n    \"collapsed\",\n    \"defaultCollapsed\",\n    \"onCollapsedChange\",\n    \"collapsible\",\n    \"movable\",\n    \"resizable\",\n    \"closeOnEsc\",\n    \"onClose\",\n    \"moveHandleAriaLabel\",\n    \"resizeHandleAriaLabel\",\n    \"closeAriaLabel\",\n    \"collapseAriaLabel\",\n    \"expandAriaLabel\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  let rootEl: HTMLDivElement | undefined;\n  const titleId = createId(undefined, \"smwb-floating-window-title\");\n\n  const transition = createCssTransition({\n    in: () => local.open,\n    timeout: { enter: 120, exit: 120 },\n    classNames: { enterDone: \"smwb-floating-window_entered\" },\n    appear: true,\n  });\n\n  const [position, setPosition] = createControllableState<FloatingWindowPosition>({\n    value: () => local.position,\n    defaultValue: local.defaultPosition,\n    onChange: (next) => local.onPositionChange?.(next),\n  });\n  const [size, setSize] = createControllableState<FloatingWindowSize>({\n    value: () => local.size,\n    defaultValue: local.defaultSize,\n    onChange: (next) => local.onResize?.(next),\n  });\n  const [collapsed, setCollapsed] = createControllableState<boolean>({\n    value: () => local.collapsed,\n    defaultValue: local.defaultCollapsed,\n    onChange: (next) => local.onCollapsedChange?.(next),\n  });\n\n  /**\n   * Size first, then position against the clamped size. `y` is never negative, so the\n   * title bar can never be dragged above the top edge and become ungrabbable — the gap\n   * that makes an off-screen Sheet unrecoverable.\n   */\n  const clampRect = (rect: Rect, vp: Viewport): Rect => {\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.max(local.minWidth, Math.min(maxW, rect.width));\n    const height = Math.max(local.minHeight, Math.min(maxH, rect.height));\n    const keep = Math.min(local.keepVisible, width);\n    const x = Math.max(keep - width, Math.min(vp.width - keep, rect.x));\n    const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rect.y));\n    return { x, y, width, height };\n  };\n\n  /**\n   * Where a window is placed before anyone touches it: fully inside the viewport when\n   * it fits at all. `clampRect` alone only keeps `keepVisible` px reachable, which is\n   * right for a window the user parked at an edge but wrong on opening — a 760px\n   * default on a 375px phone opened a quarter of a screen off to the right.\n   */\n  const fitRect = (rect: Rect, vp: Viewport): Rect => {\n    const clamped = clampRect(rect, vp);\n    return {\n      ...clamped,\n      x: Math.max(0, Math.min(clamped.x, vp.width - clamped.width)),\n      y: Math.max(0, Math.min(clamped.y, vp.height - clamped.height)),\n    };\n  };\n\n  // Set by the first move/resize: from then on the user's placement wins and only the\n  // reachability clamp applies, so a window can still be parked half off-screen.\n  const [placed, setPlaced] = createSignal(false);\n\n  /** The geometry actually rendered. Clamping the CONTROLLED value (not just drag\n   *  frames) means a rect restored from a larger monitor lands on screen immediately. */\n  const rect: Accessor<Rect> = createMemo(() => {\n    const current = { x: position().x, y: position().y, width: size().width, height: size().height };\n    return placed() ? clampRect(current, viewportOf()) : fitRect(current, viewportOf());\n  });\n\n  const commitRect = (next: Rect, gesture = true): void => {\n    if (gesture) setPlaced(true);\n    const clamped = clampRect(next, viewportOf());\n    const pos = position();\n    const dim = size();\n    if (clamped.x !== pos.x || clamped.y !== pos.y) setPosition({ x: clamped.x, y: clamped.y });\n    if (clamped.width !== dim.width || clamped.height !== dim.height) {\n      setSize({ width: clamped.width, height: clamped.height });\n    }\n  };\n\n  // A closed window forgets that it was moved: opening it again should land on screen\n  // like the first time, whatever the viewport is now.\n  createEffect(() => {\n    if (!local.open) setPlaced(false);\n  });\n\n  // Re-clamp when the viewport shrinks, so a window parked near an edge on a large\n  // screen stays reachable on a small one. Sheet has no such listener, which is why a\n  // dragged sheet survives a viewport shrink oversized.\n  createEffect(() => {\n    if (isServer || !local.open) return;\n    const onViewportResize = (): void => commitRect(rect(), false);\n    window.addEventListener(\"resize\", onViewportResize);\n    onCleanup(() => window.removeEventListener(\"resize\", onViewportResize));\n  });\n\n  // Escape only while focus is inside this window. FloatingWindow is not an overlay\n  // layer, so `isTopOverlayLayer` (document order, not z-index) would be the wrong\n  // arbiter with several windows open.\n  createEffect(() => {\n    if (isServer || !local.open || !local.closeOnEsc || !local.onClose) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key !== \"Escape\") return;\n      if (!rootEl || !rootEl.contains(document.activeElement)) return;\n      local.onClose?.();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const activate = (): void => {\n    local.onActivate?.();\n    // Only when focus is elsewhere — an unconditional focus() would steal the caret\n    // from an input inside the window on every raise.\n    if (rootEl && !rootEl.contains(document.activeElement)) rootEl.focus({ preventScroll: true });\n  };\n\n  // Pointer capture keeps `pointermove` flowing to the handle even outside it, so there\n  // are no document-level listeners to leak (Sheet's pattern, not screenDivider's).\n  let move: { px: number; py: number; x: number; y: number } | null = null;\n\n  const onMoveHandlePointerDown = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (!local.movable) return;\n    // Header buttons stay clickable.\n    if ((event.target as Element | null)?.closest(\"button,[data-no-drag]\")) return;\n    event.preventDefault();\n    const current = rect();\n    move = { px: event.clientX, py: event.clientY, x: current.x, y: current.y };\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onMoveHandlePointerMove = (event: PointerEvent): void => {\n    if (!move) return;\n    const current = rect();\n    commitRect({\n      ...current,\n      x: move.x + event.clientX - move.px,\n      y: move.y + event.clientY - move.py,\n    });\n  };\n\n  const endMove = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (move) {\n      move = null;\n      const current = rect();\n      local.onMoveEnd?.({ x: current.x, y: current.y });\n    }\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  };\n\n  let resize: { dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null = null;\n\n  const onResizePointerDown = (\n    dir: FloatingWindowResizeDir,\n    event: PointerEvent & { currentTarget: HTMLDivElement }\n  ): void => {\n    event.preventDefault();\n    event.stopPropagation();\n    resize = { dir, px: event.clientX, py: event.clientY, rect: rect() };\n    // Grabbing a resize grip is an interaction with the window, so raise it too. (The root\n    // listener cannot be relied on here — see the `on:pointerdown` note on the root.)\n    activate();\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onResizePointerMove = (event: PointerEvent): void => {\n    if (!resize) return;\n    const sign = RESIZE_DIRS[resize.dir];\n    const dx = event.clientX - resize.px;\n    const dy = event.clientY - resize.py;\n    const start = resize.rect;\n    // A west/north drag moves the origin AND changes the size, so width is recomputed from\n    // the moved edge rather than from the delta alone — otherwise dragging past minWidth\n    // would keep sliding the window instead of stopping at the minimum.\n    //\n    // The size must be clamped to BOTH bounds here, before the origin is derived from it.\n    // Clamping only the minimum and leaving the maximum to commitRect's own clamp would\n    // compute the origin from a width that then gets shrunk, so the edge the user is NOT\n    // dragging would drift away under the cursor.\n    const vp = viewportOf();\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.min(maxW, Math.max(local.minWidth, start.width + sign.dw * dx));\n    const height = Math.min(maxH, Math.max(local.minHeight, start.height + sign.dh * dy));\n    commitRect({\n      x: sign.dx ? start.x + start.width - width : start.x,\n      y: sign.dy ? start.y + start.height - height : start.y,\n      width,\n      height,\n    });\n  };\n\n  const endResize = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (resize) {\n      resize = null;\n      const current = rect();\n      local.onResizeEnd?.({ width: current.width, height: current.height });\n    }\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  };\n\n  /** A keypress is a COMPLETE gesture, so it reports move/resize end as well as the\n   *  per-frame change — otherwise a consumer that persists only on `*End` (the documented\n   *  way to avoid thrashing storage during a drag) would silently never save\n   *  keyboard-driven geometry. */\n  const endKeyboardGesture = (resized: boolean): void => {\n    const current = rect();\n    if (resized) local.onResizeEnd?.({ width: current.width, height: current.height });\n    else local.onMoveEnd?.({ x: current.x, y: current.y });\n  };\n\n  /** Arrows move; Shift+Arrows resize. */\n  const onMoveHandleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const step = event.shiftKey ? local.resizeStep : local.moveStep;\n    const delta: Record<string, [number, number]> = {\n      ArrowLeft: [-step, 0],\n      ArrowRight: [step, 0],\n      ArrowUp: [0, -step],\n      ArrowDown: [0, step],\n    };\n    const d = delta[event.key];\n    if (!d) return;\n    event.preventDefault();\n    if (event.shiftKey) {\n      commitRect({ ...current, width: current.width + d[0], height: current.height + d[1] });\n    } else {\n      commitRect({ ...current, x: current.x + d[0], y: current.y + d[1] });\n    }\n    endKeyboardGesture(event.shiftKey);\n  };\n\n  const onResizeHandleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const vp = viewportOf();\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowRight\" ? 1 : -1;\n      commitRect({ ...current, width: current.width + dir * local.resizeStep });\n    } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowDown\" ? 1 : -1;\n      commitRect({ ...current, height: current.height + dir * local.resizeStep });\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.minWidth, height: local.minHeight });\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.maxWidth ?? vp.width, height: local.maxHeight ?? vp.height });\n    } else {\n      return;\n    }\n    endKeyboardGesture(true);\n  };\n\n  const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n  return (\n    <Show when={transition.mounted()}>\n      <Portal mount={(isServer ? undefined : document.body) as Node}>\n        <div\n          {...rest}\n          ref={mergeRefs(local.ref, (el) => (rootEl = el as HTMLDivElement))}\n          data-testid=\"floating-window\"\n          role=\"dialog\"\n          tabindex={-1}\n          aria-labelledby={local.title ? titleId : undefined}\n          class={cn(\"smwb-floating-window\", local.class, transition.classes(), {\n            \"smwb-collapsed\": collapsed(),\n          })}\n          style={{\n            left: `${rect().x}px`,\n            top: `${rect().y}px`,\n            width: `${rect().width}px`,\n            ...(collapsed() ? {} : { height: `${rect().height}px` }),\n            ...(local.zIndex === undefined ? {} : { \"z-index\": local.zIndex }),\n            ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n          }}\n          // `on:pointerdown` (native listener), NOT `onPointerDown` (delegated). Solid's\n          // delegated dispatcher walks `_$host`, the LOGICAL owner chain, and Portal sets\n          // `_$host` to its marker's parent — so an event raised inside content a consumer\n          // portals into this window never reaches this handler, and clicking such a panel\n          // would silently fail to raise the window. A native listener follows the real DOM\n          // tree, where the portaled container genuinely is a descendant.\n          on:pointerdown={activate}\n        >\n          <div\n            class=\"smwb-floating-window__header\"\n            data-testid=\"floating-window-header\"\n            onPointerDown={onMoveHandlePointerDown}\n            onPointerMove={onMoveHandlePointerMove}\n            onPointerUp={endMove}\n            onPointerCancel={endMove}\n          >\n            {/* The move affordance is the grip, not the header: the header also hosts the\n                collapse/close buttons and any consumer `headerActions`, and nesting those\n                inside a role=\"button\" is an a11y violation. Pointer drag still works\n                anywhere on the header; only the keyboard affordance lives here. */}\n            <span\n              class=\"smwb-floating-window__grip\"\n              data-testid=\"floating-window-move\"\n              role=\"button\"\n              tabindex={0}\n              aria-label={local.moveHandleAriaLabel}\n              onKeyDown={onMoveHandleKeyDown}\n            >\n              <Icon name=\"drag_indicator\" />\n            </span>\n            <Show when={local.title}>\n              <span class=\"smwb-floating-window__title\" id={titleId}>\n                {local.title}\n              </span>\n            </Show>\n            <div class=\"smwb-floating-window__actions\" data-no-drag>\n              {local.headerActions}\n              <Show when={local.collapsible}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-collapse\"\n                  aria-label={collapsed() ? local.expandAriaLabel : local.collapseAriaLabel}\n                  aria-expanded={!collapsed()}\n                  onClick={toggleCollapsed}\n                >\n                  <Icon name={collapsed() ? \"open_in_full\" : \"close_fullscreen\"} />\n                </button>\n              </Show>\n              <Show when={local.onClose}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-close\"\n                  aria-label={local.closeAriaLabel}\n                  onClick={() => local.onClose?.()}\n                >\n                  <Icon name=\"close\" />\n                </button>\n              </Show>\n            </div>\n          </div>\n\n          <Show when={!collapsed()}>\n            <div class=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n              {local.children}\n            </div>\n          </Show>\n\n          <Show when={local.resizable && !collapsed()}>\n            <For each={RESIZE_ORDER}>\n              {(dir) => (\n                <div\n                  class={cn(\"smwb-floating-window__resize\", `smwb-floating-window__resize_${dir}`)}\n                  data-testid={`floating-window-resize-${dir}`}\n                  // Only the south-east grip is reachable by keyboard: eight tab stops per\n                  // window would make Tab unusable once a few windows are open.\n                  {...(dir === \"se\"\n                    ? {\n                        role: \"separator\",\n                        tabindex: 0,\n                        \"aria-label\": local.resizeHandleAriaLabel,\n                        \"aria-valuemin\": local.minWidth,\n                        \"aria-valuemax\": Math.round(local.maxWidth ?? viewportOf().width),\n                        \"aria-valuenow\": Math.round(rect().width),\n                        onKeyDown: onResizeHandleKeyDown,\n                      }\n                    : { \"aria-hidden\": true, tabindex: -1 })}\n                  onPointerDown={(event) => onResizePointerDown(dir, event)}\n                  onPointerMove={onResizePointerMove}\n                  onPointerUp={endResize}\n                  onPointerCancel={endResize}\n                />\n              )}\n            </For>\n          </Show>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n\nexport default FloatingWindow;\n"],"names":["RESIZE_DIRS","n","dx","dy","dw","dh","s","e","w","ne","nw","se","sw","RESIZE_ORDER","viewportOf","window","width","height","innerWidth","innerHeight","FloatingWindow","props","merged","mergeProps","minWidth","minHeight","keepVisible","moveStep","resizeStep","collapsible","movable","resizable","closeOnEsc","defaultPosition","x","y","defaultSize","defaultCollapsed","moveHandleAriaLabel","resizeHandleAriaLabel","closeAriaLabel","collapseAriaLabel","expandAriaLabel","local","rest","splitProps","rootEl","titleId","createId","undefined","transition","createCssTransition","in","open","timeout","enter","exit","classNames","enterDone","appear","position","setPosition","createControllableState","value","defaultValue","onChange","next","onPositionChange","size","setSize","onResize","collapsed","setCollapsed","onCollapsedChange","clampRect","rect","vp","maxW","maxWidth","maxH","maxHeight","Math","max","min","keep","fitRect","clamped","placed","setPlaced","createSignal","createMemo","current","commitRect","gesture","pos","dim","createEffect","isServer","onViewportResize","addEventListener","onCleanup","removeEventListener","onClose","onKeyDown","event","key","contains","document","activeElement","activate","onActivate","focus","preventScroll","move","onMoveHandlePointerDown","target","closest","preventDefault","px","clientX","py","clientY","currentTarget","setPointerCapture","pointerId","onMoveHandlePointerMove","endMove","onMoveEnd","hasPointerCapture","releasePointerCapture","resize","onResizePointerDown","dir","stopPropagation","onResizePointerMove","sign","start","endResize","onResizeEnd","endKeyboardGesture","resized","onMoveHandleKeyDown","step","shiftKey","d","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","onResizeHandleKeyDown","toggleCollapsed","prev","_$createComponent","Show","when","mounted","children","Portal","mount","body","_el$","_tmpl$5","_el$2","firstChild","_el$3","_el$5","nextSibling","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","title","cn","class","classes","style","left","top","zIndex","$$pointerup","$$pointermove","$$pointerdown","$$keydown","_$insert","Icon","name","_el$4","_tmpl$","_$setAttribute","headerActions","_el$6","_tmpl$2","$$click","_$effect","_p$","_v$","_v$2","t","_el$7","_tmpl$3","_el$8","_tmpl$4","_$memo","For","each","_el$9","_tmpl$6","role","tabindex","round","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"floatingWindow.js","sources":["../../../../src/components/layout/floatingWindow/floatingWindow.tsx"],"sourcesContent":["import {\n  type Accessor,\n  For,\n  type JSX,\n  type ParentProps,\n  Show,\n  createEffect,\n  createMemo,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n} from \"solid-js\";\nimport { Portal, isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface FloatingWindowPosition {\n  x: number;\n  y: number;\n}\n\nexport interface FloatingWindowSize {\n  width: number;\n  height: number;\n}\n\n/** The eight edge/corner resize directions. */\nexport type FloatingWindowResizeDir = \"n\" | \"s\" | \"e\" | \"w\" | \"ne\" | \"nw\" | \"se\" | \"sw\";\n\nexport interface FloatingWindowProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onResize\" | \"title\"> {\n  /** Controlled open state of the window. */\n  open: boolean;\n  /** Title bar content. When given, the window is labelled by it. */\n  title?: JSX.Element;\n  /** Extra header controls, rendered before the built-in collapse/close buttons. */\n  headerActions?: JSX.Element;\n\n  /** Controlled top-left position in viewport px. */\n  position?: FloatingWindowPosition;\n  /** Initial position when uncontrolled. */\n  defaultPosition?: FloatingWindowPosition;\n  /** Called on every move frame and on viewport re-clamp, with the clamped position. */\n  onPositionChange?: ((position: FloatingWindowPosition) => void) | undefined;\n  /** Called once when a move gesture ends — the point at which to persist. */\n  onMoveEnd?: ((position: FloatingWindowPosition) => void) | undefined;\n\n  /** Controlled size in px. */\n  size?: FloatingWindowSize;\n  /** Initial size when uncontrolled. */\n  defaultSize?: FloatingWindowSize;\n  /** Called on every resize frame and on viewport re-clamp, with the clamped size. */\n  onResize?: ((size: FloatingWindowSize) => void) | undefined;\n  /** Called once when a resize gesture ends — the point at which to persist. */\n  onResizeEnd?: ((size: FloatingWindowSize) => void) | undefined;\n\n  /** Minimum width in px (default 200). */\n  minWidth?: number;\n  /** Minimum height in px (default 120). */\n  minHeight?: number;\n  /** Maximum width in px (default: viewport width). */\n  maxWidth?: number;\n  /** Maximum height in px (default: viewport height). */\n  maxHeight?: number;\n  /** Px of the window that must stay inside the viewport (default 56). */\n  keepVisible?: number;\n  /** Step in px for keyboard moving (default 24). */\n  moveStep?: number;\n  /** Step in px for keyboard resizing (default 24). */\n  resizeStep?: number;\n\n  /** Inline stacking order. The host owns z-order across several windows. */\n  zIndex?: number;\n  /** Called on pointerdown anywhere in the window, so the host can raise it. */\n  onActivate?: (() => void) | undefined;\n\n  /** Shade the window down to its title bar. */\n  collapsed?: boolean;\n  /** Initial collapsed state when uncontrolled. */\n  defaultCollapsed?: boolean;\n  onCollapsedChange?: ((collapsed: boolean) => void) | undefined;\n  /** Render the built-in collapse toggle (default true). */\n  collapsible?: boolean;\n\n  /** Allow drag-to-move by the title bar (default true). */\n  movable?: boolean;\n  /** Allow drag-to-resize from the edges and corners (default true). */\n  resizable?: boolean;\n  /** Close on Escape while focus is inside the window (default false). */\n  closeOnEsc?: boolean;\n  onClose?: (() => void) | undefined;\n\n  /** Accessible label for the move handle. */\n  moveHandleAriaLabel?: string;\n  /** Accessible label for the resize handle. */\n  resizeHandleAriaLabel?: string;\n  /** Accessible label for the close button. */\n  closeAriaLabel?: string;\n  /** Accessible label for the collapse toggle while expanded. */\n  collapseAriaLabel?: string;\n  /** Accessible label for the collapse toggle while collapsed. */\n  expandAriaLabel?: string;\n\n  \"aria-label\"?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface Rect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface Viewport {\n  width: number;\n  height: number;\n}\n\n/** Sign vector per resize direction: how the pointer delta maps onto x/y/width/height. */\nconst RESIZE_DIRS: Record<FloatingWindowResizeDir, { dx: 0 | 1; dy: 0 | 1; dw: -1 | 0 | 1; dh: -1 | 0 | 1 }> = {\n  n: { dx: 0, dy: 1, dw: 0, dh: -1 },\n  s: { dx: 0, dy: 0, dw: 0, dh: 1 },\n  e: { dx: 0, dy: 0, dw: 1, dh: 0 },\n  w: { dx: 1, dy: 0, dw: -1, dh: 0 },\n  ne: { dx: 0, dy: 1, dw: 1, dh: -1 },\n  nw: { dx: 1, dy: 1, dw: -1, dh: -1 },\n  se: { dx: 0, dy: 0, dw: 1, dh: 1 },\n  sw: { dx: 1, dy: 0, dw: -1, dh: 1 },\n};\n\nconst RESIZE_ORDER: FloatingWindowResizeDir[] = [\"n\", \"s\", \"e\", \"w\", \"ne\", \"nw\", \"se\", \"sw\"];\n\nconst viewportOf = (): Viewport =>\n  typeof window === \"undefined\" ? { width: 0, height: 0 } : { width: window.innerWidth, height: window.innerHeight };\n\n/**\n * Free-floating, non-modal window: draggable by its title bar, resizable from every\n * edge and corner, clamped so a grabbable strip always stays on screen.\n *\n * Unlike Sheet/Modal it is deliberately NOT an overlay layer: no backdrop, no focus\n * trap, no `data-smwb-overlay-layer`. Several windows are meant to be open and usable\n * at once alongside the page behind them, so it must not trap focus, swallow clicks,\n * or steal Escape from a Modal stacked above it. Stacking order is the host's job —\n * pass `zIndex` and raise the window from `onActivate`.\n */\nexport function FloatingWindow(props: ParentProps<FloatingWindowProps>): JSX.Element {\n  const merged = mergeProps(\n    {\n      minWidth: 200,\n      minHeight: 120,\n      keepVisible: 56,\n      moveStep: 24,\n      resizeStep: 24,\n      collapsible: true,\n      movable: true,\n      resizable: true,\n      closeOnEsc: false,\n      defaultPosition: { x: 24, y: 24 },\n      defaultSize: { width: 360, height: 420 },\n      defaultCollapsed: false,\n      moveHandleAriaLabel: \"Move window\",\n      resizeHandleAriaLabel: \"Resize window\",\n      closeAriaLabel: \"Close window\",\n      collapseAriaLabel: \"Collapse window\",\n      expandAriaLabel: \"Expand window\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"open\",\n    \"title\",\n    \"headerActions\",\n    \"position\",\n    \"defaultPosition\",\n    \"onPositionChange\",\n    \"onMoveEnd\",\n    \"size\",\n    \"defaultSize\",\n    \"onResize\",\n    \"onResizeEnd\",\n    \"minWidth\",\n    \"minHeight\",\n    \"maxWidth\",\n    \"maxHeight\",\n    \"keepVisible\",\n    \"moveStep\",\n    \"resizeStep\",\n    \"zIndex\",\n    \"onActivate\",\n    \"collapsed\",\n    \"defaultCollapsed\",\n    \"onCollapsedChange\",\n    \"collapsible\",\n    \"movable\",\n    \"resizable\",\n    \"closeOnEsc\",\n    \"onClose\",\n    \"moveHandleAriaLabel\",\n    \"resizeHandleAriaLabel\",\n    \"closeAriaLabel\",\n    \"collapseAriaLabel\",\n    \"expandAriaLabel\",\n    \"class\",\n    \"style\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  let rootEl: HTMLDivElement | undefined;\n  const titleId = createId(undefined, \"smwb-floating-window-title\");\n\n  const transition = createCssTransition({\n    in: () => local.open,\n    timeout: { enter: 120, exit: 120 },\n    classNames: { enterDone: \"smwb-floating-window_entered\" },\n    appear: true,\n  });\n\n  const [position, setPosition] = createControllableState<FloatingWindowPosition>({\n    value: () => local.position,\n    defaultValue: local.defaultPosition,\n    onChange: (next) => local.onPositionChange?.(next),\n  });\n  const [size, setSize] = createControllableState<FloatingWindowSize>({\n    value: () => local.size,\n    defaultValue: local.defaultSize,\n    onChange: (next) => local.onResize?.(next),\n  });\n  const [collapsed, setCollapsed] = createControllableState<boolean>({\n    value: () => local.collapsed,\n    defaultValue: local.defaultCollapsed,\n    onChange: (next) => local.onCollapsedChange?.(next),\n  });\n\n  /**\n   * Size first, then position against the clamped size. `y` is never negative, so the\n   * title bar can never be dragged above the top edge and become ungrabbable — the gap\n   * that makes an off-screen Sheet unrecoverable.\n   */\n  const clampRect = (rect: Rect, vp: Viewport): Rect => {\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.max(local.minWidth, Math.min(maxW, rect.width));\n    const height = Math.max(local.minHeight, Math.min(maxH, rect.height));\n    const keep = Math.min(local.keepVisible, width);\n    const x = Math.max(keep - width, Math.min(vp.width - keep, rect.x));\n    const y = Math.max(0, Math.min(Math.max(0, vp.height - keep), rect.y));\n    return { x, y, width, height };\n  };\n\n  /**\n   * Where a window is placed before anyone touches it: fully inside the viewport when\n   * it fits at all. `clampRect` alone only keeps `keepVisible` px reachable, which is\n   * right for a window the user parked at an edge but wrong on opening — a 760px\n   * default on a 375px phone opened a quarter of a screen off to the right.\n   */\n  const fitRect = (rect: Rect, vp: Viewport): Rect => {\n    const clamped = clampRect(rect, vp);\n    return {\n      ...clamped,\n      x: Math.max(0, Math.min(clamped.x, vp.width - clamped.width)),\n      y: Math.max(0, Math.min(clamped.y, vp.height - clamped.height)),\n    };\n  };\n\n  // Set by the first move/resize: from then on the user's placement wins and only the\n  // reachability clamp applies, so a window can still be parked half off-screen.\n  const [placed, setPlaced] = createSignal(false);\n\n  /** The geometry actually rendered. Clamping the CONTROLLED value (not just drag\n   *  frames) means a rect restored from a larger monitor lands on screen immediately. */\n  const rect: Accessor<Rect> = createMemo(() => {\n    const current = { x: position().x, y: position().y, width: size().width, height: size().height };\n    return placed() ? clampRect(current, viewportOf()) : fitRect(current, viewportOf());\n  });\n\n  const commitRect = (next: Rect, gesture = true): void => {\n    if (gesture) setPlaced(true);\n    const clamped = clampRect(next, viewportOf());\n    const pos = position();\n    const dim = size();\n    if (clamped.x !== pos.x || clamped.y !== pos.y) setPosition({ x: clamped.x, y: clamped.y });\n    if (clamped.width !== dim.width || clamped.height !== dim.height) {\n      setSize({ width: clamped.width, height: clamped.height });\n    }\n  };\n\n  // A closed window forgets that it was moved: opening it again should land on screen\n  // like the first time, whatever the viewport is now.\n  createEffect(() => {\n    if (!local.open) setPlaced(false);\n  });\n\n  // Re-clamp when the viewport shrinks, so a window parked near an edge on a large\n  // screen stays reachable on a small one. Sheet has no such listener, which is why a\n  // dragged sheet survives a viewport shrink oversized.\n  createEffect(() => {\n    if (isServer || !local.open) return;\n    const onViewportResize = (): void => commitRect(rect(), false);\n    window.addEventListener(\"resize\", onViewportResize);\n    onCleanup(() => window.removeEventListener(\"resize\", onViewportResize));\n  });\n\n  // Escape only while focus is inside this window. FloatingWindow is not an overlay\n  // layer, so `isTopOverlayLayer` (document order, not z-index) would be the wrong\n  // arbiter with several windows open.\n  createEffect(() => {\n    if (isServer || !local.open || !local.closeOnEsc || !local.onClose) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key !== \"Escape\") return;\n      if (!rootEl || !rootEl.contains(document.activeElement)) return;\n      local.onClose?.();\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const activate = (): void => {\n    local.onActivate?.();\n    // Only when focus is elsewhere — an unconditional focus() would steal the caret\n    // from an input inside the window on every raise.\n    if (rootEl && !rootEl.contains(document.activeElement)) rootEl.focus({ preventScroll: true });\n  };\n\n  // Pointer capture keeps `pointermove` flowing to the handle even outside it, so there\n  // are no document-level listeners to leak (Sheet's pattern, not screenDivider's).\n  let move: { px: number; py: number; x: number; y: number } | null = null;\n\n  const onMoveHandlePointerDown = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (!local.movable) return;\n    // Header buttons stay clickable.\n    if ((event.target as Element | null)?.closest(\"button,[data-no-drag]\")) return;\n    event.preventDefault();\n    const current = rect();\n    move = { px: event.clientX, py: event.clientY, x: current.x, y: current.y };\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onMoveHandlePointerMove = (event: PointerEvent): void => {\n    if (!move) return;\n    const current = rect();\n    commitRect({\n      ...current,\n      x: move.x + event.clientX - move.px,\n      y: move.y + event.clientY - move.py,\n    });\n  };\n\n  const endMove = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (move) {\n      move = null;\n      const current = rect();\n      local.onMoveEnd?.({ x: current.x, y: current.y });\n    }\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  };\n\n  let resize: { dir: FloatingWindowResizeDir; px: number; py: number; rect: Rect } | null = null;\n\n  const onResizePointerDown = (\n    dir: FloatingWindowResizeDir,\n    event: PointerEvent & { currentTarget: HTMLDivElement }\n  ): void => {\n    event.preventDefault();\n    event.stopPropagation();\n    resize = { dir, px: event.clientX, py: event.clientY, rect: rect() };\n    // Grabbing a resize grip is an interaction with the window, so raise it too. (The root\n    // listener cannot be relied on here — see the `on:pointerdown` note on the root.)\n    activate();\n    try {\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    } catch {\n      /* best-effort */\n    }\n  };\n\n  const onResizePointerMove = (event: PointerEvent): void => {\n    if (!resize) return;\n    const sign = RESIZE_DIRS[resize.dir];\n    const dx = event.clientX - resize.px;\n    const dy = event.clientY - resize.py;\n    const start = resize.rect;\n    // A west/north drag moves the origin AND changes the size, so width is recomputed from\n    // the moved edge rather than from the delta alone — otherwise dragging past minWidth\n    // would keep sliding the window instead of stopping at the minimum.\n    //\n    // The size must be clamped to BOTH bounds here, before the origin is derived from it.\n    // Clamping only the minimum and leaving the maximum to commitRect's own clamp would\n    // compute the origin from a width that then gets shrunk, so the edge the user is NOT\n    // dragging would drift away under the cursor.\n    const vp = viewportOf();\n    const maxW = local.maxWidth ?? vp.width;\n    const maxH = local.maxHeight ?? vp.height;\n    const width = Math.min(maxW, Math.max(local.minWidth, start.width + sign.dw * dx));\n    const height = Math.min(maxH, Math.max(local.minHeight, start.height + sign.dh * dy));\n    commitRect({\n      x: sign.dx ? start.x + start.width - width : start.x,\n      y: sign.dy ? start.y + start.height - height : start.y,\n      width,\n      height,\n    });\n  };\n\n  const endResize = (event: PointerEvent & { currentTarget: HTMLDivElement }): void => {\n    if (resize) {\n      resize = null;\n      const current = rect();\n      local.onResizeEnd?.({ width: current.width, height: current.height });\n    }\n    if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n      event.currentTarget.releasePointerCapture?.(event.pointerId);\n    }\n  };\n\n  /** A keypress is a COMPLETE gesture, so it reports move/resize end as well as the\n   *  per-frame change — otherwise a consumer that persists only on `*End` (the documented\n   *  way to avoid thrashing storage during a drag) would silently never save\n   *  keyboard-driven geometry. */\n  const endKeyboardGesture = (resized: boolean): void => {\n    const current = rect();\n    if (resized) local.onResizeEnd?.({ width: current.width, height: current.height });\n    else local.onMoveEnd?.({ x: current.x, y: current.y });\n  };\n\n  /** Arrows move; Shift+Arrows resize. */\n  const onMoveHandleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const step = event.shiftKey ? local.resizeStep : local.moveStep;\n    const delta: Record<string, [number, number]> = {\n      ArrowLeft: [-step, 0],\n      ArrowRight: [step, 0],\n      ArrowUp: [0, -step],\n      ArrowDown: [0, step],\n    };\n    const d = delta[event.key];\n    if (!d) return;\n    event.preventDefault();\n    if (event.shiftKey) {\n      commitRect({ ...current, width: current.width + d[0], height: current.height + d[1] });\n    } else {\n      commitRect({ ...current, x: current.x + d[0], y: current.y + d[1] });\n    }\n    endKeyboardGesture(event.shiftKey);\n  };\n\n  const onResizeHandleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    const current = rect();\n    const vp = viewportOf();\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowRight\" ? 1 : -1;\n      commitRect({ ...current, width: current.width + dir * local.resizeStep });\n    } else if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      const dir = event.key === \"ArrowDown\" ? 1 : -1;\n      commitRect({ ...current, height: current.height + dir * local.resizeStep });\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.minWidth, height: local.minHeight });\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commitRect({ ...current, width: local.maxWidth ?? vp.width, height: local.maxHeight ?? vp.height });\n    } else {\n      return;\n    }\n    endKeyboardGesture(true);\n  };\n\n  const toggleCollapsed = (): void => setCollapsed((prev) => !prev);\n\n  return (\n    <Show when={transition.mounted()}>\n      <Portal mount={(isServer ? undefined : document.body) as Node}>\n        <div\n          {...rest}\n          ref={mergeRefs(local.ref, (el) => (rootEl = el as HTMLDivElement))}\n          data-testid=\"floating-window\"\n          role=\"dialog\"\n          tabindex={-1}\n          aria-labelledby={local.title ? titleId : undefined}\n          class={cn(\"smwb-floating-window\", local.class, transition.classes(), {\n            \"smwb-collapsed\": collapsed(),\n          })}\n          style={{\n            left: `${rect().x}px`,\n            top: `${rect().y}px`,\n            width: `${rect().width}px`,\n            ...(collapsed() ? {} : { height: `${rect().height}px` }),\n            ...(local.zIndex === undefined ? {} : { \"z-index\": local.zIndex }),\n            ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n          }}\n          // `on:pointerdown` (native listener), NOT `onPointerDown` (delegated). Solid's\n          // delegated dispatcher walks `_$host`, the LOGICAL owner chain, and Portal sets\n          // `_$host` to its marker's parent — so an event raised inside content a consumer\n          // portals into this window never reaches this handler, and clicking such a panel\n          // would silently fail to raise the window. A native listener follows the real DOM\n          // tree, where the portaled container genuinely is a descendant.\n          on:pointerdown={activate}\n        >\n          <div\n            class=\"smwb-floating-window__header\"\n            data-testid=\"floating-window-header\"\n            onPointerDown={onMoveHandlePointerDown}\n            onPointerMove={onMoveHandlePointerMove}\n            onPointerUp={endMove}\n            onPointerCancel={endMove}\n          >\n            {/* The move affordance is the grip, not the header: the header also hosts the\n                collapse/close buttons and any consumer `headerActions`, and nesting those\n                inside a role=\"button\" is an a11y violation. Pointer drag still works\n                anywhere on the header; only the keyboard affordance lives here. */}\n            <span\n              class=\"smwb-floating-window__grip\"\n              data-testid=\"floating-window-move\"\n              role=\"button\"\n              tabindex={0}\n              aria-label={local.moveHandleAriaLabel}\n              onKeyDown={onMoveHandleKeyDown}\n            >\n              <Icon name=\"drag_indicator\" />\n            </span>\n            <Show when={local.title}>\n              <span class=\"smwb-floating-window__title\" id={titleId}>\n                {local.title}\n              </span>\n            </Show>\n            <div class=\"smwb-floating-window__actions\" data-no-drag>\n              {local.headerActions}\n              <Show when={local.collapsible}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-collapse\"\n                  aria-label={collapsed() ? local.expandAriaLabel : local.collapseAriaLabel}\n                  aria-expanded={!collapsed()}\n                  onClick={toggleCollapsed}\n                >\n                  <Icon name={collapsed() ? \"open_in_full\" : \"close_fullscreen\"} />\n                </button>\n              </Show>\n              <Show when={local.onClose}>\n                <button\n                  type=\"button\"\n                  class=\"smwb-floating-window__action\"\n                  data-testid=\"floating-window-close\"\n                  aria-label={local.closeAriaLabel}\n                  onClick={() => local.onClose?.()}\n                >\n                  <Icon name=\"close\" />\n                </button>\n              </Show>\n            </div>\n          </div>\n\n          <Show when={!collapsed()}>\n            <div class=\"smwb-floating-window__body\" data-testid=\"floating-window-body\">\n              {local.children}\n            </div>\n          </Show>\n\n          <Show when={local.resizable && !collapsed()}>\n            <For each={RESIZE_ORDER}>\n              {(dir) => (\n                <div\n                  class={cn(\"smwb-floating-window__resize\", `smwb-floating-window__resize_${dir}`)}\n                  data-testid={`floating-window-resize-${dir}`}\n                  // Only the south-east grip is reachable by keyboard: eight tab stops per\n                  // window would make Tab unusable once a few windows are open.\n                  {...(dir === \"se\"\n                    ? {\n                        role: \"separator\",\n                        tabindex: 0,\n                        \"aria-label\": local.resizeHandleAriaLabel,\n                        \"aria-valuemin\": local.minWidth,\n                        \"aria-valuemax\": Math.round(local.maxWidth ?? viewportOf().width),\n                        \"aria-valuenow\": Math.round(rect().width),\n                        onKeyDown: onResizeHandleKeyDown,\n                      }\n                    : { \"aria-hidden\": true, tabindex: -1 })}\n                  onPointerDown={(event) => onResizePointerDown(dir, event)}\n                  onPointerMove={onResizePointerMove}\n                  onPointerUp={endResize}\n                  onPointerCancel={endResize}\n                />\n              )}\n            </For>\n          </Show>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n\nexport default FloatingWindow;\n"],"names":["RESIZE_DIRS","n","dx","dy","dw","dh","s","e","w","ne","nw","se","sw","RESIZE_ORDER","viewportOf","window","width","height","innerWidth","innerHeight","FloatingWindow","props","merged","mergeProps","minWidth","minHeight","keepVisible","moveStep","resizeStep","collapsible","movable","resizable","closeOnEsc","defaultPosition","x","y","defaultSize","defaultCollapsed","moveHandleAriaLabel","resizeHandleAriaLabel","closeAriaLabel","collapseAriaLabel","expandAriaLabel","local","rest","splitProps","rootEl","titleId","createId","undefined","transition","createCssTransition","in","open","timeout","enter","exit","classNames","enterDone","appear","position","setPosition","createControllableState","value","defaultValue","onChange","next","onPositionChange","size","setSize","onResize","collapsed","setCollapsed","onCollapsedChange","clampRect","rect","vp","maxW","maxWidth","maxH","maxHeight","Math","max","min","keep","fitRect","clamped","placed","setPlaced","createSignal","createMemo","current","commitRect","gesture","pos","dim","createEffect","isServer","onViewportResize","addEventListener","onCleanup","removeEventListener","onClose","onKeyDown","event","key","contains","document","activeElement","activate","onActivate","focus","preventScroll","move","onMoveHandlePointerDown","target","closest","preventDefault","px","clientX","py","clientY","currentTarget","setPointerCapture","pointerId","onMoveHandlePointerMove","endMove","onMoveEnd","hasPointerCapture","releasePointerCapture","resize","onResizePointerDown","dir","stopPropagation","onResizePointerMove","sign","start","endResize","onResizeEnd","endKeyboardGesture","resized","onMoveHandleKeyDown","step","shiftKey","d","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","onResizeHandleKeyDown","toggleCollapsed","prev","_$createComponent","Show","when","mounted","children","Portal","mount","body","_el$","_tmpl$5","_el$2","firstChild","_el$3","_el$5","nextSibling","_ref$","mergeRefs","ref","el","_$use","_$spread","_$mergeProps","title","cn","class","classes","style","left","top","zIndex","$$pointerup","$$pointermove","$$pointerdown","$$keydown","_$insert","Icon","name","_el$4","_tmpl$","_$setAttribute","headerActions","_el$6","_tmpl$2","$$click","_$effect","_p$","_v$","_v$2","t","_el$7","_tmpl$3","_el$8","_tmpl$4","_$memo","For","each","_el$9","_tmpl$6","role","tabindex","round","_$delegateEvents"],"mappings":"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"}

package/dist/components/layout/grid/grid.js

@@ -1,10 +1,11 @@
 import { use as f, spread as a, mergeProps as c, template as _ } from "solid-js/web";
-import '../../../assets/styles/less/components/grid/grid.entry.css';/* empty css                                                   */
+import '../../../assets/styles/less/components/grid/grid.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                   */
 import { splitProps as m } from "solid-js";
 import d from "clsx";
 import { mergeRefs as u } from "../../../primitives/mergeRefs.js";
 var g = /* @__PURE__ */ _("<div>");
-function I(r) {
+function h(r) {
   const [s, e] = m(r, ["class", "ref"]);
   return (() => {
     var n = g(), t = u(s.ref);
@@ -17,7 +18,7 @@ function I(r) {
   })();
 }
 const w = ["wrap", "nowrap", "wrap-reverse"], p = ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"], b = ["flex-start", "center", "flex-end", "stretch", "baseline"], x = ["row", "row-reverse", "column", "column-reverse"];
-function h(r) {
+function W(r) {
   const [s, e] = m(r, ["class", "justifyContent", "alignItems", "direction", "wrap", "spacing", "ref"]), n = () => {
     const t = s.justifyContent && p.includes(s.justifyContent) && s.justifyContent !== "flex-start", o = s.alignItems && b.includes(s.alignItems) && s.alignItems !== "flex-start", i = s.direction && x.includes(s.direction) && s.direction !== "row", l = s.wrap && w.includes(s.wrap) && s.wrap !== "wrap";
     return d("smwb-grid__row", s.class, {
@@ -41,7 +42,7 @@ function h(r) {
 const $ = (r) => r === void 0 ? {} : typeof r == "boolean" ? {
   "smwb-grid__column--hidden": r
 } : Object.keys(r).reduce((s, e) => (s[`smwb-grid__column--hidden-${e}`] = r[e] === !0, s[`smwb-grid__column--visible-${e}`] = r[e] === !1, s), {});
-function W(r) {
+function G(r) {
   const [s, e] = m(r, ["class", "xs", "sm", "md", "lg", "xl", "xsOffset", "smOffset", "mdOffset", "lgOffset", "xlOffset", "hidden", "ref"]), n = () => d("smwb-grid__column", s.class, {
     [`smwb-grid__column--xs-${s.xs}`]: s.xs,
     [`smwb-grid__column--sm-${s.sm}`]: s.sm,
@@ -65,7 +66,7 @@ function W(r) {
     }), !1, !1), t;
   })();
 }
-function G(r) {
+function P(r) {
   const s = r, [e, n] = m(s, ["class", "maxWidth", "disableGutters", "ref"]), t = () => e.maxWidth ?? "lg", o = () => d("smwb-container", {
     [`smwb-container--${t()}`]: t() !== !1,
     "smwb-container--gutterless": e.disableGutters
@@ -81,10 +82,10 @@ function G(r) {
   })();
 }
 export {
-  W as Column,
-  G as Container,
-  I as Grid,
-  h as Row,
+  G as Column,
+  P as Container,
+  h as Grid,
+  W as Row,
   b as alignItemsOptions,
   x as directionOptions,
   p as justifyContentOptions,

package/dist/components/layout/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../../src/components/layout/grid/grid.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype DivProps = JSX.HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> };\n\nexport function Grid(props: DivProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"ref\"]);\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid\" class={cn(\"smwb-grid\", local.class)} />;\n}\n\nexport type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n/** Column width per breakpoint: 1–12 grid units, `\"auto\"` (fit content) or `true` (fill remaining). */\nexport type BreakpointType = ColumnSpan | \"auto\" | true;\n/** Column offset (empty leading columns) per breakpoint: 0–11. */\nexport type OffsetType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\nexport type Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveBool = boolean | Partial<Record<Breakpoint, boolean>>;\n\nexport const wrapOptions = [\"wrap\", \"nowrap\", \"wrap-reverse\"] as const;\nexport const justifyContentOptions = [\n  \"flex-start\",\n  \"center\",\n  \"flex-end\",\n  \"space-between\",\n  \"space-around\",\n  \"space-evenly\",\n] as const;\nexport const alignItemsOptions = [\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"] as const;\nexport const directionOptions = [\"row\", \"row-reverse\", \"column\", \"column-reverse\"] as const;\n\nexport interface RowProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  wrap?: (typeof wrapOptions)[number];\n  justifyContent?: (typeof justifyContentOptions)[number];\n  alignItems?: (typeof alignItemsOptions)[number];\n  direction?: (typeof directionOptions)[number];\n  spacing?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Row(props: RowProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"justifyContent\",\n    \"alignItems\",\n    \"direction\",\n    \"wrap\",\n    \"spacing\",\n    \"ref\",\n  ]);\n\n  const classes = (): string => {\n    const isJustifyContent =\n      local.justifyContent && justifyContentOptions.includes(local.justifyContent) && local.justifyContent !== \"flex-start\";\n    const isAlignItems = local.alignItems && alignItemsOptions.includes(local.alignItems) && local.alignItems !== \"flex-start\";\n    const isDirection = local.direction && directionOptions.includes(local.direction) && local.direction !== \"row\";\n    const isFlexWrap = local.wrap && wrapOptions.includes(local.wrap) && local.wrap !== \"wrap\";\n    return cn(\"smwb-grid__row\", local.class, {\n      [`smwb-grid__row--spacing-${local.spacing}`]: local.spacing,\n      [`smwb-grid__row--justifyContent-${local.justifyContent}`]: isJustifyContent,\n      [`smwb-grid__row--alignItems-${local.alignItems}`]: isAlignItems,\n      [`smwb-grid__row--direction-${local.direction}`]: isDirection,\n      [`smwb-grid__row--${local.wrap}`]: isFlexWrap,\n    });\n  };\n\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid-row\" class={classes()} />;\n}\n\nexport interface ColumnProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"hidden\"> {\n  xs?: BreakpointType;\n  sm?: BreakpointType;\n  md?: BreakpointType;\n  lg?: BreakpointType;\n  xl?: BreakpointType;\n  xsOffset?: OffsetType;\n  smOffset?: OffsetType;\n  mdOffset?: OffsetType;\n  lgOffset?: OffsetType;\n  xlOffset?: OffsetType;\n  /** Hide column: boolean (always) or per breakpoint `{ xs:true, md:false }`. */\n  hidden?: ResponsiveBool;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst hiddenClasses = (hidden?: ResponsiveBool): Record<string, boolean> => {\n  if (hidden === undefined) {\n    return {};\n  }\n  if (typeof hidden === \"boolean\") {\n    return { \"smwb-grid__column--hidden\": hidden };\n  }\n  return (Object.keys(hidden) as Breakpoint[]).reduce<Record<string, boolean>>((acc, bp) => {\n    acc[`smwb-grid__column--hidden-${bp}`] = hidden[bp] === true;\n    acc[`smwb-grid__column--visible-${bp}`] = hidden[bp] === false;\n    return acc;\n  }, {});\n};\n\nexport function Column(props: ColumnProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"xs\",\n    \"sm\",\n    \"md\",\n    \"lg\",\n    \"xl\",\n    \"xsOffset\",\n    \"smOffset\",\n    \"mdOffset\",\n    \"lgOffset\",\n    \"xlOffset\",\n    \"hidden\",\n    \"ref\",\n  ]);\n\n  const classes = (): string =>\n    cn(\"smwb-grid__column\", local.class, {\n      [`smwb-grid__column--xs-${local.xs}`]: local.xs,\n      [`smwb-grid__column--sm-${local.sm}`]: local.sm,\n      [`smwb-grid__column--md-${local.md}`]: local.md,\n      [`smwb-grid__column--lg-${local.lg}`]: local.lg,\n      [`smwb-grid__column--xl-${local.xl}`]: local.xl,\n      [`smwb-grid__column--xs-offset-${local.xsOffset}`]: local.xsOffset,\n      [`smwb-grid__column--sm-offset-${local.smOffset}`]: local.smOffset,\n      [`smwb-grid__column--md-offset-${local.mdOffset}`]: local.mdOffset,\n      [`smwb-grid__column--lg-offset-${local.lgOffset}`]: local.lgOffset,\n      [`smwb-grid__column--xl-offset-${local.xlOffset}`]: local.xlOffset,\n      ...hiddenClasses(local.hidden),\n    });\n\n  return <div {...rest} ref={mergeRefs(local.ref)} class={classes()} data-testid=\"grid-col\" />;\n}\n\nexport type ContainerMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | false;\nexport interface ContainerProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /** Max-width breakpoint cap; `false` = fluid full width. */\n  maxWidth?: ContainerMaxWidth;\n  /** Remove horizontal gutters. */\n  disableGutters?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Container(props: ContainerProps): JSX.Element {\n  const merged = props;\n  const [local, rest] = splitProps(merged, [\"class\", \"maxWidth\", \"disableGutters\", \"ref\"]);\n  const maxWidth = (): ContainerMaxWidth => local.maxWidth ?? \"lg\";\n  const classes = (): string =>\n    cn(\n      \"smwb-container\",\n      {\n        [`smwb-container--${maxWidth()}`]: maxWidth() !== false,\n        \"smwb-container--gutterless\": local.disableGutters,\n      },\n      local.class\n    );\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid-container\" class={classes()} />;\n}\n"],"names":["Grid","props","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","wrapOptions","justifyContentOptions","alignItemsOptions","directionOptions","Row","classes","isJustifyContent","justifyContent","includes","isAlignItems","alignItems","isDirection","direction","isFlexWrap","wrap","spacing","_el$2","_ref$2","hiddenClasses","hidden","undefined","Object","keys","reduce","acc","bp","Column","xs","sm","md","lg","xl","xsOffset","smOffset","mdOffset","lgOffset","xlOffset","_el$3","_ref$3","Container","merged","maxWidth","disableGutters","_el$4","_ref$4"],"mappings":";;;;;;AAOO,SAASA,EAAKC,GAA8B;AACjD,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CAAC,SAAS,KAAK,CAAC;AACxD,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA,GAAAC,IAA2BC,EAAUN,EAAMO,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EAA/BT,GAAI;AAAA,MAAA,eAAyC;AAAA,MAAM,IAAA,QAAA;AAAA,eAAQU,EAAG,aAAaX,EAAMY,KAAK;AAAA,MAAC;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAT;AAAAA,EAAA,GAAA;AACzG;AAUO,MAAMU,IAAc,CAAC,QAAQ,UAAU,cAAc,GAC/CC,IAAwB,CACnC,cACA,UACA,YACA,iBACA,gBACA,cAAc,GAEHC,IAAoB,CAAC,cAAc,UAAU,YAAY,WAAW,UAAU,GAC9EC,IAAmB,CAAC,OAAO,eAAe,UAAU,gBAAgB;AAW1E,SAASC,EAAIlB,GAA8B;AAChD,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,kBACA,cACA,aACA,QACA,WACA,KAAK,CACN,GAEKmB,IAAUA,MAAc;AAC5B,UAAMC,IACJnB,EAAMoB,kBAAkBN,EAAsBO,SAASrB,EAAMoB,cAAc,KAAKpB,EAAMoB,mBAAmB,cACrGE,IAAetB,EAAMuB,cAAcR,EAAkBM,SAASrB,EAAMuB,UAAU,KAAKvB,EAAMuB,eAAe,cACxGC,IAAcxB,EAAMyB,aAAaT,EAAiBK,SAASrB,EAAMyB,SAAS,KAAKzB,EAAMyB,cAAc,OACnGC,IAAa1B,EAAM2B,QAAQd,EAAYQ,SAASrB,EAAM2B,IAAI,KAAK3B,EAAM2B,SAAS;AACpF,WAAOhB,EAAG,kBAAkBX,EAAMY,OAAO;AAAA,MACvC,CAAC,2BAA2BZ,EAAM4B,OAAO,EAAE,GAAG5B,EAAM4B;AAAAA,MACpD,CAAC,kCAAkC5B,EAAMoB,cAAc,EAAE,GAAGD;AAAAA,MAC5D,CAAC,8BAA8BnB,EAAMuB,UAAU,EAAE,GAAGD;AAAAA,MACpD,CAAC,6BAA6BtB,EAAMyB,SAAS,EAAE,GAAGD;AAAAA,MAClD,CAAC,mBAAmBxB,EAAM2B,IAAI,EAAE,GAAGD;AAAAA,IAAAA,CACpC;AAAA,EACH;AAEA,UAAA,MAAA;AAAA,QAAAG,IAAAzB,EAAAA,GAAA0B,IAA2BxB,EAAUN,EAAMO,GAAG;AAAC,kBAAAuB,KAAA,cAAAtB,EAAAsB,GAAAD,CAAA,GAAApB,EAAAoB,GAAAnB,EAA/BT,GAAI;AAAA,MAAA,eAAyC;AAAA,MAAU,IAAA,QAAA;AAAA,eAAQiB,EAAAA;AAAAA,MAAS;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAW;AAAAA,EAAA,GAAA;AAC1F;AAkBA,MAAME,IAAgBA,CAACC,MACjBA,MAAWC,SACN,CAAA,IAEL,OAAOD,KAAW,YACb;AAAA,EAAE,6BAA6BA;AAAAA,IAEhCE,OAAOC,KAAKH,CAAM,EAAmBI,OAAgC,CAACC,GAAKC,OACjFD,EAAI,6BAA6BC,CAAE,EAAE,IAAIN,EAAOM,CAAE,MAAM,IACxDD,EAAI,8BAA8BC,CAAE,EAAE,IAAIN,EAAOM,CAAE,MAAM,IAClDD,IACN,CAAA,CAAE;AAGA,SAASE,EAAOxC,GAAiC;AACtD,QAAM,CAACC,GAAOC,CAAI,IAAIC,EAAWH,GAAO,CACtC,SACA,MACA,MACA,MACA,MACA,MACA,YACA,YACA,YACA,YACA,YACA,UACA,KAAK,CACN,GAEKmB,IAAUA,MACdP,EAAG,qBAAqBX,EAAMY,OAAO;AAAA,IACnC,CAAC,yBAAyBZ,EAAMwC,EAAE,EAAE,GAAGxC,EAAMwC;AAAAA,IAC7C,CAAC,yBAAyBxC,EAAMyC,EAAE,EAAE,GAAGzC,EAAMyC;AAAAA,IAC7C,CAAC,yBAAyBzC,EAAM0C,EAAE,EAAE,GAAG1C,EAAM0C;AAAAA,IAC7C,CAAC,yBAAyB1C,EAAM2C,EAAE,EAAE,GAAG3C,EAAM2C;AAAAA,IAC7C,CAAC,yBAAyB3C,EAAM4C,EAAE,EAAE,GAAG5C,EAAM4C;AAAAA,IAC7C,CAAC,gCAAgC5C,EAAM6C,QAAQ,EAAE,GAAG7C,EAAM6C;AAAAA,IAC1D,CAAC,gCAAgC7C,EAAM8C,QAAQ,EAAE,GAAG9C,EAAM8C;AAAAA,IAC1D,CAAC,gCAAgC9C,EAAM+C,QAAQ,EAAE,GAAG/C,EAAM+C;AAAAA,IAC1D,CAAC,gCAAgC/C,EAAMgD,QAAQ,EAAE,GAAGhD,EAAMgD;AAAAA,IAC1D,CAAC,gCAAgChD,EAAMiD,QAAQ,EAAE,GAAGjD,EAAMiD;AAAAA,IAC1D,GAAGlB,EAAc/B,EAAMgC,MAAM;AAAA,EAAA,CAC9B;AAEH,UAAA,MAAA;AAAA,QAAAkB,IAAA9C,EAAAA,GAAA+C,IAA2B7C,EAAUN,EAAMO,GAAG;AAAC,kBAAA4C,KAAA,cAAA3C,EAAA2C,GAAAD,CAAA,GAAAzC,EAAAyC,GAAAxC,EAA/BT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAAoCiB,EAAAA;AAAAA,MAAS;AAAA,MAAA,eAAc;AAAA,IAAA,CAAU,GAAA,IAAA,EAAA,GAAAgC;AAAAA,EAAA,GAAA;AAC3F;AAWO,SAASE,EAAUrD,GAAoC;AAC5D,QAAMsD,IAAStD,GACT,CAACC,GAAOC,CAAI,IAAIC,EAAWmD,GAAQ,CAAC,SAAS,YAAY,kBAAkB,KAAK,CAAC,GACjFC,IAAWA,MAAyBtD,EAAMsD,YAAY,MACtDpC,IAAUA,MACdP,EACE,kBACA;AAAA,IACE,CAAC,mBAAmB2C,EAAAA,CAAU,EAAE,GAAGA,QAAe;AAAA,IAClD,8BAA8BtD,EAAMuD;AAAAA,EAAAA,GAEtCvD,EAAMY,KACR;AACF,UAAA,MAAA;AAAA,QAAA4C,IAAApD,EAAAA,GAAAqD,IAA2BnD,EAAUN,EAAMO,GAAG;AAAC,kBAAAkD,KAAA,cAAAjD,EAAAiD,GAAAD,CAAA,GAAA/C,EAAA+C,GAAA9C,EAA/BT,GAAI;AAAA,MAAA,eAAyC;AAAA,MAAgB,IAAA,QAAA;AAAA,eAAQiB,EAAAA;AAAAA,MAAS;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAsC;AAAAA,EAAA,GAAA;AAChG;"}
+{"version":3,"file":"grid.js","sources":["../../../../src/components/layout/grid/grid.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype DivProps = JSX.HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> };\n\nexport function Grid(props: DivProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"ref\"]);\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid\" class={cn(\"smwb-grid\", local.class)} />;\n}\n\nexport type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n/** Column width per breakpoint: 1–12 grid units, `\"auto\"` (fit content) or `true` (fill remaining). */\nexport type BreakpointType = ColumnSpan | \"auto\" | true;\n/** Column offset (empty leading columns) per breakpoint: 0–11. */\nexport type OffsetType = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;\nexport type Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveBool = boolean | Partial<Record<Breakpoint, boolean>>;\n\nexport const wrapOptions = [\"wrap\", \"nowrap\", \"wrap-reverse\"] as const;\nexport const justifyContentOptions = [\n  \"flex-start\",\n  \"center\",\n  \"flex-end\",\n  \"space-between\",\n  \"space-around\",\n  \"space-evenly\",\n] as const;\nexport const alignItemsOptions = [\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"] as const;\nexport const directionOptions = [\"row\", \"row-reverse\", \"column\", \"column-reverse\"] as const;\n\nexport interface RowProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  wrap?: (typeof wrapOptions)[number];\n  justifyContent?: (typeof justifyContentOptions)[number];\n  alignItems?: (typeof alignItemsOptions)[number];\n  direction?: (typeof directionOptions)[number];\n  spacing?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Row(props: RowProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"justifyContent\",\n    \"alignItems\",\n    \"direction\",\n    \"wrap\",\n    \"spacing\",\n    \"ref\",\n  ]);\n\n  const classes = (): string => {\n    const isJustifyContent =\n      local.justifyContent && justifyContentOptions.includes(local.justifyContent) && local.justifyContent !== \"flex-start\";\n    const isAlignItems = local.alignItems && alignItemsOptions.includes(local.alignItems) && local.alignItems !== \"flex-start\";\n    const isDirection = local.direction && directionOptions.includes(local.direction) && local.direction !== \"row\";\n    const isFlexWrap = local.wrap && wrapOptions.includes(local.wrap) && local.wrap !== \"wrap\";\n    return cn(\"smwb-grid__row\", local.class, {\n      [`smwb-grid__row--spacing-${local.spacing}`]: local.spacing,\n      [`smwb-grid__row--justifyContent-${local.justifyContent}`]: isJustifyContent,\n      [`smwb-grid__row--alignItems-${local.alignItems}`]: isAlignItems,\n      [`smwb-grid__row--direction-${local.direction}`]: isDirection,\n      [`smwb-grid__row--${local.wrap}`]: isFlexWrap,\n    });\n  };\n\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid-row\" class={classes()} />;\n}\n\nexport interface ColumnProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"hidden\"> {\n  xs?: BreakpointType;\n  sm?: BreakpointType;\n  md?: BreakpointType;\n  lg?: BreakpointType;\n  xl?: BreakpointType;\n  xsOffset?: OffsetType;\n  smOffset?: OffsetType;\n  mdOffset?: OffsetType;\n  lgOffset?: OffsetType;\n  xlOffset?: OffsetType;\n  /** Hide column: boolean (always) or per breakpoint `{ xs:true, md:false }`. */\n  hidden?: ResponsiveBool;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst hiddenClasses = (hidden?: ResponsiveBool): Record<string, boolean> => {\n  if (hidden === undefined) {\n    return {};\n  }\n  if (typeof hidden === \"boolean\") {\n    return { \"smwb-grid__column--hidden\": hidden };\n  }\n  return (Object.keys(hidden) as Breakpoint[]).reduce<Record<string, boolean>>((acc, bp) => {\n    acc[`smwb-grid__column--hidden-${bp}`] = hidden[bp] === true;\n    acc[`smwb-grid__column--visible-${bp}`] = hidden[bp] === false;\n    return acc;\n  }, {});\n};\n\nexport function Column(props: ColumnProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"xs\",\n    \"sm\",\n    \"md\",\n    \"lg\",\n    \"xl\",\n    \"xsOffset\",\n    \"smOffset\",\n    \"mdOffset\",\n    \"lgOffset\",\n    \"xlOffset\",\n    \"hidden\",\n    \"ref\",\n  ]);\n\n  const classes = (): string =>\n    cn(\"smwb-grid__column\", local.class, {\n      [`smwb-grid__column--xs-${local.xs}`]: local.xs,\n      [`smwb-grid__column--sm-${local.sm}`]: local.sm,\n      [`smwb-grid__column--md-${local.md}`]: local.md,\n      [`smwb-grid__column--lg-${local.lg}`]: local.lg,\n      [`smwb-grid__column--xl-${local.xl}`]: local.xl,\n      [`smwb-grid__column--xs-offset-${local.xsOffset}`]: local.xsOffset,\n      [`smwb-grid__column--sm-offset-${local.smOffset}`]: local.smOffset,\n      [`smwb-grid__column--md-offset-${local.mdOffset}`]: local.mdOffset,\n      [`smwb-grid__column--lg-offset-${local.lgOffset}`]: local.lgOffset,\n      [`smwb-grid__column--xl-offset-${local.xlOffset}`]: local.xlOffset,\n      ...hiddenClasses(local.hidden),\n    });\n\n  return <div {...rest} ref={mergeRefs(local.ref)} class={classes()} data-testid=\"grid-col\" />;\n}\n\nexport type ContainerMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | false;\nexport interface ContainerProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /** Max-width breakpoint cap; `false` = fluid full width. */\n  maxWidth?: ContainerMaxWidth;\n  /** Remove horizontal gutters. */\n  disableGutters?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function Container(props: ContainerProps): JSX.Element {\n  const merged = props;\n  const [local, rest] = splitProps(merged, [\"class\", \"maxWidth\", \"disableGutters\", \"ref\"]);\n  const maxWidth = (): ContainerMaxWidth => local.maxWidth ?? \"lg\";\n  const classes = (): string =>\n    cn(\n      \"smwb-container\",\n      {\n        [`smwb-container--${maxWidth()}`]: maxWidth() !== false,\n        \"smwb-container--gutterless\": local.disableGutters,\n      },\n      local.class\n    );\n  return <div {...rest} ref={mergeRefs(local.ref)} data-testid=\"grid-container\" class={classes()} />;\n}\n"],"names":["Grid","props","local","rest","splitProps","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","wrapOptions","justifyContentOptions","alignItemsOptions","directionOptions","Row","classes","isJustifyContent","justifyContent","includes","isAlignItems","alignItems","isDirection","direction","isFlexWrap","wrap","spacing","_el$2","_ref$2","hiddenClasses","hidden","undefined","Object","keys","reduce","acc","bp","Column","xs","sm","md","lg","xl","xsOffset","smOffset","mdOffset","lgOffset","xlOffset","_el$3","_ref$3","Container","merged","maxWidth","disableGutters","_el$4","_ref$4"],"mappings":"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"}