@smwb/ui-solid 0.12.1 → 0.13.0

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 { hasOverlayLayerAbove } from \"../../../primitives/overlayLayer\";\nimport { createCssTransition } from \"../../../primitives/createCssTransition\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { mergeStyle } from \"../../../primitives/mergeStyle\";\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  /** Test id of the window's root `<div>`; `floating-window` unless given. */\n  \"data-testid\"?: string | undefined;\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    \"data-testid\",\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. An open layer above it, such as a select menu\n  // opened from inside it, takes the Escape first; other windows never do.\n  createEffect(() => {\n    if (isServer || !local.open || !local.closeOnEsc || !local.onClose) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      // An Escape handled inside the window, e.g. by a menu closing on it, is not the window's.\n      if (event.defaultPrevented) return;\n      if (event.key !== \"Escape\") return;\n      if (!rootEl || !rootEl.contains(document.activeElement) || hasOverlayLayerAbove(rootEl)) 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={local[\"data-testid\"] ?? \"floating-window\"}\n          role=\"dialog\"\n          tabindex={-1}\n          // Labelled by its title when it has one; without (undefined), the\n          // caller's own stays.\n          aria-labelledby={local.title ? titleId : undefined}\n          class={cn(\"smwb-floating-window\", local.class, transition.classes(), {\n            \"smwb-collapsed\": collapsed(),\n          })}\n          style={mergeStyle(\n            {\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            },\n            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","defaultPrevented","key","contains","document","activeElement","hasOverlayLayerAbove","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","mergeStyle","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":";;;;;;;;;;;;;AAkIA,MAAMA,KAAyG;AAAA,EAC7GC,GAAG;AAAA,IAAEC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,EAAA;AAAA,EAC9BC,GAAG;AAAA,IAAEJ,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,EAAA;AAAA,EAC9BE,GAAG;AAAA,IAAEL,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,EAAA;AAAA,EAC9BG,GAAG;AAAA,IAAEN,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAIC,IAAI;AAAA,EAAA;AAAA,EAC/BI,IAAI;AAAA,IAAEP,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,EAAA;AAAA,EAC/BK,IAAI;AAAA,IAAER,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAIC,IAAI;AAAA,EAAA;AAAA,EAChCM,IAAI;AAAA,IAAET,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,EAAA;AAAA,EAC/BO,IAAI;AAAA,IAAEV,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAGC,IAAI;AAAA,IAAIC,IAAI;AAAA,EAAA;AAClC,GAEMQ,KAA0C,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,MAAM,IAAI,GAErFC,IAAaA,MACjB,OAAOC,SAAW,MAAc;AAAA,EAAEC,OAAO;AAAA,EAAGC,QAAQ;AAAE,IAAI;AAAA,EAAED,OAAOD,OAAOG;AAAAA,EAAYD,QAAQF,OAAOI;AAAY;AAY5G,SAASC,GAAeC,GAAsD;AACnF,QAAMC,IAASC,GACb;AAAA,IACEC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,aAAa;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,IACZC,aAAa;AAAA,IACbC,SAAS;AAAA,IACTC,WAAW;AAAA,IACXC,YAAY;AAAA,IACZC,iBAAiB;AAAA,MAAEC,GAAG;AAAA,MAAIC,GAAG;AAAA,IAAA;AAAA,IAC7BC,aAAa;AAAA,MAAEpB,OAAO;AAAA,MAAKC,QAAQ;AAAA,IAAA;AAAA,IACnCoB,kBAAkB;AAAA,IAClBC,qBAAqB;AAAA,IACrBC,uBAAuB;AAAA,IACvBC,gBAAgB;AAAA,IAChBC,mBAAmB;AAAA,IACnBC,iBAAiB;AAAA,EAAA,GAEnBrB,CACF,GACM,CAACsB,GAAOC,CAAI,IAAIC,GAAWvB,GAAQ,CACvC,QACA,SACA,iBACA,YACA,mBACA,oBACA,aACA,QACA,eACA,YACA,eACA,YACA,aACA,YACA,aACA,eACA,YACA,cACA,UACA,cACA,aACA,oBACA,qBACA,eACA,WACA,aACA,cACA,WACA,uBACA,yBACA,kBACA,qBACA,mBACA,SACA,SACA,YACA,OACA,aAAa,CACd;AAED,MAAIwB;AACJ,QAAMC,IAAUC,GAASC,QAAW,4BAA4B,GAE1DC,IAAaC,GAAoB;AAAA,IACrCC,IAAIA,MAAMT,EAAMU;AAAAA,IAChBC,SAAS;AAAA,MAAEC,OAAO;AAAA,MAAKC,MAAM;AAAA,IAAA;AAAA,IAC7BC,YAAY;AAAA,MAAEC,WAAW;AAAA,IAAA;AAAA,IACzBC,QAAQ;AAAA,EAAA,CACT,GAEK,CAACC,GAAUC,CAAW,IAAIC,EAAgD;AAAA,IAC9EC,OAAOA,MAAMpB,EAAMiB;AAAAA,IACnBI,cAAcrB,EAAMV;AAAAA,IACpBgC,UAAWC,CAAAA,MAASvB,EAAMwB,mBAAmBD,CAAI;AAAA,EAAA,CAClD,GACK,CAACE,GAAMC,CAAO,IAAIP,EAA4C;AAAA,IAClEC,OAAOA,MAAMpB,EAAMyB;AAAAA,IACnBJ,cAAcrB,EAAMP;AAAAA,IACpB6B,UAAWC,CAAAA,MAASvB,EAAM2B,WAAWJ,CAAI;AAAA,EAAA,CAC1C,GACK,CAACK,GAAWC,CAAY,IAAIV,EAAiC;AAAA,IACjEC,OAAOA,MAAMpB,EAAM4B;AAAAA,IACnBP,cAAcrB,EAAMN;AAAAA,IACpB4B,UAAWC,CAAAA,MAASvB,EAAM8B,oBAAoBP,CAAI;AAAA,EAAA,CACnD,GAOKQ,IAAYA,CAACC,GAAYC,MAAuB;AACpD,UAAMC,IAAOlC,EAAMmC,YAAYF,EAAG5D,OAC5B+D,IAAOpC,EAAMqC,aAAaJ,EAAG3D,QAC7BD,IAAQiE,KAAKC,IAAIvC,EAAMnB,UAAUyD,KAAKE,IAAIN,GAAMF,EAAK3D,KAAK,CAAC,GAC3DC,IAASgE,KAAKC,IAAIvC,EAAMlB,WAAWwD,KAAKE,IAAIJ,GAAMJ,EAAK1D,MAAM,CAAC,GAC9DmE,IAAOH,KAAKE,IAAIxC,EAAMjB,aAAaV,CAAK,GACxCkB,IAAI+C,KAAKC,IAAIE,IAAOpE,GAAOiE,KAAKE,IAAIP,EAAG5D,QAAQoE,GAAMT,EAAKzC,CAAC,CAAC,GAC5DC,IAAI8C,KAAKC,IAAI,GAAGD,KAAKE,IAAIF,KAAKC,IAAI,GAAGN,EAAG3D,SAASmE,CAAI,GAAGT,EAAKxC,CAAC,CAAC;AACrE,WAAO;AAAA,MAAED,GAAAA;AAAAA,MAAGC,GAAAA;AAAAA,MAAGnB,OAAAA;AAAAA,MAAOC,QAAAA;AAAAA,IAAAA;AAAAA,EACxB,GAQMoE,IAAUA,CAACV,GAAYC,MAAuB;AAClD,UAAMU,IAAUZ,EAAUC,GAAMC,CAAE;AAClC,WAAO;AAAA,MACL,GAAGU;AAAAA,MACHpD,GAAG+C,KAAKC,IAAI,GAAGD,KAAKE,IAAIG,EAAQpD,GAAG0C,EAAG5D,QAAQsE,EAAQtE,KAAK,CAAC;AAAA,MAC5DmB,GAAG8C,KAAKC,IAAI,GAAGD,KAAKE,IAAIG,EAAQnD,GAAGyC,EAAG3D,SAASqE,EAAQrE,MAAM,CAAC;AAAA,IAAA;AAAA,EAElE,GAIM,CAACsE,GAAQC,CAAS,IAAIC,GAAa,EAAK,GAIxCd,IAAuBe,GAAW,MAAM;AAC5C,UAAMC,IAAU;AAAA,MAAEzD,GAAG0B,IAAW1B;AAAAA,MAAGC,GAAGyB,IAAWzB;AAAAA,MAAGnB,OAAOoD,IAAOpD;AAAAA,MAAOC,QAAQmD,IAAOnD;AAAAA,IAAAA;AACxF,WAAOsE,EAAAA,IAAWb,EAAUiB,GAAS7E,EAAAA,CAAY,IAAIuE,EAAQM,GAAS7E,GAAY;AAAA,EACpF,CAAC,GAEK8E,IAAaA,CAAC1B,GAAY2B,IAAU,OAAe;AACvD,IAAIA,OAAmB,EAAI;AAC3B,UAAMP,IAAUZ,EAAUR,GAAMpD,EAAAA,CAAY,GACtCgF,IAAMlC,EAAAA,GACNmC,IAAM3B,EAAAA;AACZ,KAAIkB,EAAQpD,MAAM4D,EAAI5D,KAAKoD,EAAQnD,MAAM2D,EAAI3D,MAAG0B,EAAY;AAAA,MAAE3B,GAAGoD,EAAQpD;AAAAA,MAAGC,GAAGmD,EAAQnD;AAAAA,IAAAA,CAAG,IACtFmD,EAAQtE,UAAU+E,EAAI/E,SAASsE,EAAQrE,WAAW8E,EAAI9E,WACxDoD,EAAQ;AAAA,MAAErD,OAAOsE,EAAQtE;AAAAA,MAAOC,QAAQqE,EAAQrE;AAAAA,IAAAA,CAAQ;AAAA,EAE5D;AAIA+E,EAAAA,EAAa,MAAM;AACjB,IAAKrD,EAAMU,QAAMmC,EAAU,EAAK;AAAA,EAClC,CAAC,GAKDQ,EAAa,MAAM;AACjB,QAAIC,KAAY,CAACtD,EAAMU,KAAM;AAC7B,UAAM6C,IAAmBA,MAAYN,EAAWjB,EAAAA,GAAQ,EAAK;AAC7D5D,WAAOoF,iBAAiB,UAAUD,CAAgB,GAClDE,EAAU,MAAMrF,OAAOsF,oBAAoB,UAAUH,CAAgB,CAAC;AAAA,EACxE,CAAC,GAMDF,EAAa,MAAM;AACjB,QAAIC,KAAY,CAACtD,EAAMU,QAAQ,CAACV,EAAMX,cAAc,CAACW,EAAM2D,QAAS;AACpE,UAAMC,IAAYA,CAACC,MAA+B;AAEhD,MAAIA,EAAMC,oBACND,EAAME,QAAQ,aACd,CAAC5D,KAAU,CAACA,EAAO6D,SAASC,SAASC,aAAa,KAAKC,GAAqBhE,CAAM,KACtFH,EAAM2D,UAAAA;AAAAA,IACR;AACAM,aAAST,iBAAiB,WAAWI,CAAS,GAC9CH,EAAU,MAAMQ,SAASP,oBAAoB,WAAWE,CAAS,CAAC;AAAA,EACpE,CAAC;AAED,QAAMQ,IAAWA,MAAY;AAC3BpE,IAAAA,EAAMqE,aAAAA,GAGFlE,KAAU,CAACA,EAAO6D,SAASC,SAASC,aAAa,OAAUI,MAAM;AAAA,MAAEC,eAAe;AAAA,IAAA,CAAM;AAAA,EAC9F;AAIA,MAAIC,IAAgE;AAEpE,QAAMC,IAA0BA,CAACZ,MAAkE;AAGjG,QAFI,CAAC7D,EAAMb,WAEN0E,EAAMa,QAA2BC,QAAQ,uBAAuB,EAAG;AACxEd,IAAAA,EAAMe,eAAAA;AACN,UAAM5B,IAAUhB,EAAAA;AAChBwC,IAAAA,IAAO;AAAA,MAAEK,IAAIhB,EAAMiB;AAAAA,MAASC,IAAIlB,EAAMmB;AAAAA,MAASzF,GAAGyD,EAAQzD;AAAAA,MAAGC,GAAGwD,EAAQxD;AAAAA,IAAAA;AACxE,QAAI;AACFqE,MAAAA,EAAMoB,cAAcC,oBAAoBrB,EAAMsB,SAAS;AAAA,IACzD,QAAQ;AAAA,IACN;AAAA,EAEJ,GAEMC,IAA0BA,CAACvB,MAA8B;AAC7D,QAAI,CAACW,EAAM;AACX,UAAMxB,IAAUhB,EAAAA;AAChBiB,IAAAA,EAAW;AAAA,MACT,GAAGD;AAAAA,MACHzD,GAAGiF,EAAKjF,IAAIsE,EAAMiB,UAAUN,EAAKK;AAAAA,MACjCrF,GAAGgF,EAAKhF,IAAIqE,EAAMmB,UAAUR,EAAKO;AAAAA,IAAAA,CAClC;AAAA,EACH,GAEMM,IAAUA,CAACxB,MAAkE;AACjF,QAAIW,GAAM;AACRA,MAAAA,IAAO;AACP,YAAMxB,IAAUhB,EAAAA;AAChBhC,MAAAA,EAAMsF,YAAY;AAAA,QAAE/F,GAAGyD,EAAQzD;AAAAA,QAAGC,GAAGwD,EAAQxD;AAAAA,MAAAA,CAAG;AAAA,IAClD;AACA,IAAIqE,EAAMoB,cAAcM,oBAAoB1B,EAAMsB,SAAS,KACzDtB,EAAMoB,cAAcO,wBAAwB3B,EAAMsB,SAAS;AAAA,EAE/D;AAEA,MAAIM,IAAsF;AAE1F,QAAMC,IAAsBA,CAC1BC,GACA9B,MACS;AACTA,IAAAA,EAAMe,eAAAA,GACNf,EAAM+B,gBAAAA,GACNH,IAAS;AAAA,MAAEE,KAAAA;AAAAA,MAAKd,IAAIhB,EAAMiB;AAAAA,MAASC,IAAIlB,EAAMmB;AAAAA,MAAShD,MAAMA,EAAAA;AAAAA,IAAK,GAGjEoC,EAAAA;AACA,QAAI;AACFP,MAAAA,EAAMoB,cAAcC,oBAAoBrB,EAAMsB,SAAS;AAAA,IACzD,QAAQ;AAAA,IACN;AAAA,EAEJ,GAEMU,IAAsBA,CAAChC,MAA8B;AACzD,QAAI,CAAC4B,EAAQ;AACb,UAAMK,IAAOzI,GAAYoI,EAAOE,GAAG,GAC7BpI,IAAKsG,EAAMiB,UAAUW,EAAOZ,IAC5BrH,IAAKqG,EAAMmB,UAAUS,EAAOV,IAC5BgB,IAAQN,EAAOzD,MASfC,IAAK9D,EAAAA,GACL+D,IAAOlC,EAAMmC,YAAYF,EAAG5D,OAC5B+D,IAAOpC,EAAMqC,aAAaJ,EAAG3D,QAC7BD,IAAQiE,KAAKE,IAAIN,GAAMI,KAAKC,IAAIvC,EAAMnB,UAAUkH,EAAM1H,QAAQyH,EAAKrI,KAAKF,CAAE,CAAC,GAC3Ee,IAASgE,KAAKE,IAAIJ,GAAME,KAAKC,IAAIvC,EAAMlB,WAAWiH,EAAMzH,SAASwH,EAAKpI,KAAKF,CAAE,CAAC;AACpFyF,IAAAA,EAAW;AAAA,MACT1D,GAAGuG,EAAKvI,KAAKwI,EAAMxG,IAAIwG,EAAM1H,QAAQA,IAAQ0H,EAAMxG;AAAAA,MACnDC,GAAGsG,EAAKtI,KAAKuI,EAAMvG,IAAIuG,EAAMzH,SAASA,IAASyH,EAAMvG;AAAAA,MACrDnB,OAAAA;AAAAA,MACAC,QAAAA;AAAAA,IAAAA,CACD;AAAA,EACH,GAEM0H,IAAYA,CAACnC,MAAkE;AACnF,QAAI4B,GAAQ;AACVA,MAAAA,IAAS;AACT,YAAMzC,IAAUhB,EAAAA;AAChBhC,MAAAA,EAAMiG,cAAc;AAAA,QAAE5H,OAAO2E,EAAQ3E;AAAAA,QAAOC,QAAQ0E,EAAQ1E;AAAAA,MAAAA,CAAQ;AAAA,IACtE;AACA,IAAIuF,EAAMoB,cAAcM,oBAAoB1B,EAAMsB,SAAS,KACzDtB,EAAMoB,cAAcO,wBAAwB3B,EAAMsB,SAAS;AAAA,EAE/D,GAMMe,IAAqBA,CAACC,MAA2B;AACrD,UAAMnD,IAAUhB,EAAAA;AAChB,IAAImE,MAAeF,cAAc;AAAA,MAAE5H,OAAO2E,EAAQ3E;AAAAA,MAAOC,QAAQ0E,EAAQ1E;AAAAA,IAAAA,CAAQ,MACtEgH,YAAY;AAAA,MAAE/F,GAAGyD,EAAQzD;AAAAA,MAAGC,GAAGwD,EAAQxD;AAAAA,IAAAA,CAAG;AAAA,EACvD,GAGM4G,KAAyEvC,CAAAA,MAAU;AACvF,UAAMb,IAAUhB,EAAAA,GACVqE,IAAOxC,EAAMyC,WAAWtG,EAAMf,aAAae,EAAMhB,UAOjDuH,IAN0C;AAAA,MAC9CC,WAAW,CAAC,CAACH,GAAM,CAAC;AAAA,MACpBI,YAAY,CAACJ,GAAM,CAAC;AAAA,MACpBK,SAAS,CAAC,GAAG,CAACL,CAAI;AAAA,MAClBM,WAAW,CAAC,GAAGN,CAAI;AAAA,IAAA,EAELxC,EAAME,GAAG;AACzB,IAAKwC,MACL1C,EAAMe,eAAAA,GACFf,EAAMyC,WACRrD,EAAW;AAAA,MAAE,GAAGD;AAAAA,MAAS3E,OAAO2E,EAAQ3E,QAAQkI,EAAE,CAAC;AAAA,MAAGjI,QAAQ0E,EAAQ1E,SAASiI,EAAE,CAAC;AAAA,IAAA,CAAG,IAErFtD,EAAW;AAAA,MAAE,GAAGD;AAAAA,MAASzD,GAAGyD,EAAQzD,IAAIgH,EAAE,CAAC;AAAA,MAAG/G,GAAGwD,EAAQxD,IAAI+G,EAAE,CAAC;AAAA,IAAA,CAAG,GAErEL,EAAmBrC,EAAMyC,QAAQ;AAAA,EACnC,GAEMM,KAA0E/C,CAAAA,MAAU;AACxF,UAAMb,IAAUhB,EAAAA,GACVC,IAAK9D,EAAAA;AACX,QAAI0F,EAAME,QAAQ,eAAeF,EAAME,QAAQ,cAAc;AAC3DF,MAAAA,EAAMe,eAAAA;AACN,YAAMe,IAAM9B,EAAME,QAAQ,eAAe,IAAI;AAC7Cd,MAAAA,EAAW;AAAA,QAAE,GAAGD;AAAAA,QAAS3E,OAAO2E,EAAQ3E,QAAQsH,IAAM3F,EAAMf;AAAAA,MAAAA,CAAY;AAAA,IAC1E,WAAW4E,EAAME,QAAQ,aAAaF,EAAME,QAAQ,aAAa;AAC/DF,MAAAA,EAAMe,eAAAA;AACN,YAAMe,IAAM9B,EAAME,QAAQ,cAAc,IAAI;AAC5Cd,MAAAA,EAAW;AAAA,QAAE,GAAGD;AAAAA,QAAS1E,QAAQ0E,EAAQ1E,SAASqH,IAAM3F,EAAMf;AAAAA,MAAAA,CAAY;AAAA,IAC5E,WAAW4E,EAAME,QAAQ;AACvBF,MAAAA,EAAMe,eAAAA,GACN3B,EAAW;AAAA,QAAE,GAAGD;AAAAA,QAAS3E,OAAO2B,EAAMnB;AAAAA,QAAUP,QAAQ0B,EAAMlB;AAAAA,MAAAA,CAAW;AAAA,aAChE+E,EAAME,QAAQ;AACvBF,MAAAA,EAAMe,eAAAA,GACN3B,EAAW;AAAA,QAAE,GAAGD;AAAAA,QAAS3E,OAAO2B,EAAMmC,YAAYF,EAAG5D;AAAAA,QAAOC,QAAQ0B,EAAMqC,aAAaJ,EAAG3D;AAAAA,MAAAA,CAAQ;AAAA;AAElG;AAEF4H,IAAAA,EAAmB,EAAI;AAAA,EACzB,GAEMW,KAAkBA,MAAYhF,EAAciF,CAAAA,MAAS,CAACA,CAAI;AAEhE,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAE1G,EAAW2G,QAAAA;AAAAA,IAAS;AAAA,IAAA,IAAAC,WAAA;AAAA,aAAAJ,EAC7BK,IAAM;AAAA,QAAA,IAACC,QAAK;AAAA,iBAAG/D,IAAWhD,SAAY2D,SAASqD;AAAAA,QAAa;AAAA,QAAA,IAAAH,WAAA;AAAA,cAAAI,IAAAC,MAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAAAD,EAAAE,aAAAC,IAGpDC,GAAU/H,EAAMgI,KAAMC,CAAAA,MAAQ9H,IAAS8H,CAAqB;AAAC,wBAAAH,KAAA,cAAAI,GAAAJ,GAAAP,CAAA,GAAAY,EAAAZ,GAAAa,EAD9DnI,GAAI;AAAA,YAAA,IAAA,gBAAA;AAAA,qBAEKD,EAAM,aAAa,KAAK;AAAA,YAAiB;AAAA,YAAA,MACjD;AAAA,YAAQ,UAAA;AAAA,YAAA,IAAA,oBAAA;AAAA,qBAIIA,EAAMqI,QAAQjI,IAAUE;AAAAA,YAAS;AAAA,YAAA,IAAA,QAAA;AAAA,qBAC3CgI,EAAG,wBAAwBtI,EAAMuI,OAAOhI,EAAWiI,WAAW;AAAA,gBACnE,kBAAkB5G,EAAAA;AAAAA,cAAU,CAC7B;AAAA,YAAC;AAAA,YAAA,IACF6G,QAAK;AAAA,qBAAEC,GACL;AAAA,gBACEC,MAAM,GAAG3G,IAAOzC,CAAC;AAAA,gBACjBqJ,KAAK,GAAG5G,IAAOxC,CAAC;AAAA,gBAChBnB,OAAO,GAAG2D,IAAO3D,KAAK;AAAA,gBACtB,GAAIuD,EAAAA,IAAc,KAAK;AAAA,kBAAEtD,QAAQ,GAAG0D,EAAAA,EAAO1D,MAAM;AAAA,gBAAA;AAAA,gBACjD,GAAI0B,EAAM6I,WAAWvI,SAAY,KAAK;AAAA,kBAAE,WAAWN,EAAM6I;AAAAA,gBAAAA;AAAAA,cAAO,GAElE7I,EAAMyI,KACR;AAAA,YAAC;AAAA,YAAA,kBAOerE;AAAAA,UAAAA,CAAQ,GAAA,IAAA,EAAA,GAAAqD,EAAAjE,iBAAA,iBAQL6B,CAAO,GAAAoC,EAAAqB,cADXzD,GAAOoC,EAAAsB,gBADL3D,GAAuBqC,EAAAuB,gBADvBvE,GAAuBkD,EAAAsB,YAezB7C,IAAmB8C,EAAAvB,GAAAZ,EAE7BoC,GAAI;AAAA,YAACC,MAAI;AAAA,UAAA,CAAA,CAAA,GAAAF,EAAAzB,GAAAV,EAEXC,GAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEjH,EAAMqI;AAAAA,YAAK;AAAA,YAAA,IAAAlB,WAAA;AAAA,kBAAAkC,IAAAC,GAAAA;AAAAC,qBAAAA,EAAAF,GAAA,MACyBjJ,CAAO,GAAA8I,EAAAG,GAAA,MAClDrJ,EAAMqI,KAAK,GAAAgB;AAAAA,YAAA;AAAA,UAAA,CAAA,GAAAzB,CAAA,GAAAsB,EAAAtB,GAAA,MAIb5H,EAAMwJ,eAAa,IAAA,GAAAN,EAAAtB,GAAAb,EACnBC,GAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEjH,EAAMd;AAAAA,YAAW;AAAA,YAAA,IAAAiI,WAAA;AAAA,kBAAAsC,IAAAC,GAAAA;AAAAD,qBAAAA,EAAAE,UAOhB9C,IAAeqC,EAAAO,GAAA1C,EAEvBoC,GAAI;AAAA,gBAAA,IAACC,OAAI;AAAA,yBAAExH,EAAAA,IAAc,iBAAiB;AAAA,gBAAkB;AAAA,cAAA,CAAA,CAAA,GAAAgI,EAAAC,CAAAA,MAAA;AAAA,oBAAAC,IAJjDlI,MAAc5B,EAAMD,kBAAkBC,EAAMF,mBAAiBiK,IAC1D,CAACnI,EAAAA;AAAWkI,uBAAAA,MAAAD,EAAAjM,KAAA2L,EAAAE,GAAA,cAAAI,EAAAjM,IAAAkM,CAAA,GAAAC,MAAAF,EAAAG,KAAAT,EAAAE,GAAA,iBAAAI,EAAAG,IAAAD,CAAA,GAAAF;AAAAA,cAAA,GAAA;AAAA,gBAAAjM,GAAA0C;AAAAA,gBAAA0J,GAAA1J;AAAAA,cAAAA,CAAA,GAAAmJ;AAAAA,YAAA;AAAA,UAAA,CAAA,GAAA,IAAA,GAAAP,EAAAtB,GAAAb,EAM9BC,GAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEjH,EAAM2D;AAAAA,YAAO;AAAA,YAAA,IAAAwD,WAAA;AAAA,kBAAA8C,IAAAC,GAAAA;AAAAD,qBAAAA,EAAAN,UAMZ,MAAM3J,EAAM2D,UAAAA,GAAWuF,EAAAe,GAAAlD,EAE/BoC,GAAI;AAAA,gBAACC,MAAI;AAAA,cAAA,CAAA,CAAA,GAAAQ,QAAAL,EAAAU,GAAA,cAHEjK,EAAMH,cAAc,CAAA,GAAAoK;AAAAA,YAAA;AAAA,UAAA,CAAA,GAAA,IAAA,GAAAf,EAAA3B,GAAAR,EASvCC,GAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAE,CAACrF,EAAAA;AAAAA,YAAW;AAAA,YAAA,IAAAuF,WAAA;AAAA,kBAAAgD,IAAAC,GAAAA;AAAAlB,qBAAAA,EAAAiB,GAAA,MAEnBnK,EAAMmH,QAAQ,GAAAgD;AAAAA,YAAA;AAAA,UAAA,CAAA,GAAA,IAAA,GAAAjB,EAAA3B,GAAAR,EAIlBC,GAAI;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEoD,WAAArK,EAAMZ,SAAS,EAAA,KAAI,CAACwC,EAAAA;AAAAA,YAAW;AAAA,YAAA,IAAAuF,WAAA;AAAA,qBAAAJ,EACxCuD,IAAG;AAAA,gBAACC,MAAMrM;AAAAA,gBAAYiJ,UACnBxB,QAAG,MAAA;AAAA,sBAAA6E,IAAAC,GAAAA;AAAAlB,yBAAAA,EAAAiB,GAAA,eAGY,0BAA0B7E,CAAG,EAAE,GAAAwC,EAAAqC,GAAApC,EAAA;AAAA,oBAAA,IAAA,QAAA;AAAA,6BADrCE,EAAG,gCAAgC,gCAAgC3C,CAAG,EAAE;AAAA,oBAAC;AAAA,kBAAA,GAAA,MAI3EA,MAAQ,OACT;AAAA,oBACE+E,MAAM;AAAA,oBACNC,UAAU;AAAA,oBACV,cAAc3K,EAAMJ;AAAAA,oBACpB,iBAAiBI,EAAMnB;AAAAA,oBACvB,iBAAiByD,KAAKsI,MAAM5K,EAAMmC,YAAYhE,EAAAA,EAAaE,KAAK;AAAA,oBAChE,iBAAiBiE,KAAKsI,MAAM5I,EAAAA,EAAO3D,KAAK;AAAA,oBACxCuF,WAAWgD;AAAAA,kBAAAA,IAEb;AAAA,oBAAE,eAAe;AAAA,oBAAM+D,UAAU;AAAA,kBAAA,GAAI;AAAA,oBAAA,eACzB9G,CAAAA,MAAU6B,EAAoBC,GAAK9B,CAAK;AAAA,oBAAC,eAC1CgC;AAAAA,oBAAmB,aACrBG;AAAAA,oBAAS,iBACLA;AAAAA,kBAAAA,CAAS,GAAA,IAAA,EAAA,GAAAwE;AAAAA,gBAAA,GAAA;AAAA,cAAA,CAE7B;AAAA,YAAA;AAAA,UAAA,CAAA,GAAA,IAAA,GAAAZ,QAAAL,EAAA5B,GAAA,cApEW3H,EAAML,mBAAmB,CAAA,GAAA4H;AAAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AA2EnD;AAE8BsD,GAAA,CAAA,eAAA,eAAA,aAAA,WAAA,OAAA,CAAA;"}

package/dist/components/layout/grid/grid.d.ts

@@ -1,6 +1,8 @@
 import { type JSX } from "solid-js";
 import { type Ref } from "../../../primitives/mergeRefs";
 type DivProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    /** Test id of the root `<div>`; `grid` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLDivElement>;
 };
 export declare function Grid(props: DivProps): JSX.Element;
@@ -21,6 +23,8 @@ export interface RowProps extends JSX.HTMLAttributes<HTMLDivElement> {
     alignItems?: (typeof alignItemsOptions)[number];
     direction?: (typeof directionOptions)[number];
     spacing?: number;
+    /** Test id of the root `<div>`; `grid-row` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLDivElement>;
 }
 export declare function Row(props: RowProps): JSX.Element;
@@ -37,6 +41,8 @@ export interface ColumnProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "h
     xlOffset?: OffsetType;
     /** Hide column: boolean (always) or per breakpoint `{ xs:true, md:false }`. */
     hidden?: ResponsiveBool;
+    /** Test id of the root `<div>`; `grid-col` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLDivElement>;
 }
 export declare function Column(props: ColumnProps): JSX.Element;
@@ -46,6 +52,8 @@ export interface ContainerProps extends JSX.HTMLAttributes<HTMLDivElement> {
     maxWidth?: ContainerMaxWidth;
     /** Remove horizontal gutters. */
     disableGutters?: boolean;
+    /** Test id of the root `<div>`; `grid-container` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLDivElement>;
 }
 export declare function Container(props: ContainerProps): JSX.Element;

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

@@ -1,4 +1,4 @@
-import { use as f, spread as a, mergeProps as c, template as _ } from "solid-js/web";
+import { use as l, spread as f, mergeProps as c, template as _ } from "solid-js/web";
 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";
@@ -6,79 +6,87 @@ import d from "clsx";
 import { mergeRefs as u } from "../../../primitives/mergeRefs.js";
 var g = /* @__PURE__ */ _("<div>");
 function h(r) {
-  const [s, e] = m(r, ["class", "ref"]);
+  const [t, s] = m(r, ["class", "ref", "data-testid"]);
   return (() => {
-    var n = g(), t = u(s.ref);
-    return typeof t == "function" && f(t, n), a(n, c(e, {
-      "data-testid": "grid",
+    var n = g(), e = u(t.ref);
+    return typeof e == "function" && l(e, n), f(n, c(s, {
+      get "data-testid"() {
+        return t["data-testid"] ?? "grid";
+      },
       get class() {
-        return d("smwb-grid", s.class);
+        return d("smwb-grid", t.class);
       }
     }), !1, !1), n;
   })();
 }
 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 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, {
-      [`smwb-grid__row--spacing-${s.spacing}`]: s.spacing,
-      [`smwb-grid__row--justifyContent-${s.justifyContent}`]: t,
-      [`smwb-grid__row--alignItems-${s.alignItems}`]: o,
-      [`smwb-grid__row--direction-${s.direction}`]: i,
-      [`smwb-grid__row--${s.wrap}`]: l
+  const [t, s] = m(r, ["class", "justifyContent", "alignItems", "direction", "wrap", "spacing", "ref", "data-testid"]), n = () => {
+    const e = t.justifyContent && p.includes(t.justifyContent) && t.justifyContent !== "flex-start", i = t.alignItems && b.includes(t.alignItems) && t.alignItems !== "flex-start", o = t.direction && x.includes(t.direction) && t.direction !== "row", a = t.wrap && w.includes(t.wrap) && t.wrap !== "wrap";
+    return d("smwb-grid__row", t.class, {
+      [`smwb-grid__row--spacing-${t.spacing}`]: t.spacing,
+      [`smwb-grid__row--justifyContent-${t.justifyContent}`]: e,
+      [`smwb-grid__row--alignItems-${t.alignItems}`]: i,
+      [`smwb-grid__row--direction-${t.direction}`]: o,
+      [`smwb-grid__row--${t.wrap}`]: a
     });
   };
   return (() => {
-    var t = g(), o = u(s.ref);
-    return typeof o == "function" && f(o, t), a(t, c(e, {
-      "data-testid": "grid-row",
+    var e = g(), i = u(t.ref);
+    return typeof i == "function" && l(i, e), f(e, c(s, {
+      get "data-testid"() {
+        return t["data-testid"] ?? "grid-row";
+      },
       get class() {
         return n();
       }
-    }), !1, !1), t;
+    }), !1, !1), e;
   })();
 }
 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), {});
+} : Object.keys(r).reduce((t, s) => (t[`smwb-grid__column--hidden-${s}`] = r[s] === !0, t[`smwb-grid__column--visible-${s}`] = r[s] === !1, t), {});
 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,
-    [`smwb-grid__column--md-${s.md}`]: s.md,
-    [`smwb-grid__column--lg-${s.lg}`]: s.lg,
-    [`smwb-grid__column--xl-${s.xl}`]: s.xl,
-    [`smwb-grid__column--xs-offset-${s.xsOffset}`]: s.xsOffset,
-    [`smwb-grid__column--sm-offset-${s.smOffset}`]: s.smOffset,
-    [`smwb-grid__column--md-offset-${s.mdOffset}`]: s.mdOffset,
-    [`smwb-grid__column--lg-offset-${s.lgOffset}`]: s.lgOffset,
-    [`smwb-grid__column--xl-offset-${s.xlOffset}`]: s.xlOffset,
-    ...$(s.hidden)
+  const [t, s] = m(r, ["class", "xs", "sm", "md", "lg", "xl", "xsOffset", "smOffset", "mdOffset", "lgOffset", "xlOffset", "hidden", "ref", "data-testid"]), n = () => d("smwb-grid__column", t.class, {
+    [`smwb-grid__column--xs-${t.xs}`]: t.xs,
+    [`smwb-grid__column--sm-${t.sm}`]: t.sm,
+    [`smwb-grid__column--md-${t.md}`]: t.md,
+    [`smwb-grid__column--lg-${t.lg}`]: t.lg,
+    [`smwb-grid__column--xl-${t.xl}`]: t.xl,
+    [`smwb-grid__column--xs-offset-${t.xsOffset}`]: t.xsOffset,
+    [`smwb-grid__column--sm-offset-${t.smOffset}`]: t.smOffset,
+    [`smwb-grid__column--md-offset-${t.mdOffset}`]: t.mdOffset,
+    [`smwb-grid__column--lg-offset-${t.lgOffset}`]: t.lgOffset,
+    [`smwb-grid__column--xl-offset-${t.xlOffset}`]: t.xlOffset,
+    ...$(t.hidden)
   });
   return (() => {
-    var t = g(), o = u(s.ref);
-    return typeof o == "function" && f(o, t), a(t, c(e, {
+    var e = g(), i = u(t.ref);
+    return typeof i == "function" && l(i, e), f(e, c(s, {
       get class() {
         return n();
       },
-      "data-testid": "grid-col"
-    }), !1, !1), t;
+      get "data-testid"() {
+        return t["data-testid"] ?? "grid-col";
+      }
+    }), !1, !1), e;
   })();
 }
 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
-  }, e.class);
+  const t = r, [s, n] = m(t, ["class", "maxWidth", "disableGutters", "ref", "data-testid"]), e = () => s.maxWidth ?? "lg", i = () => d("smwb-container", {
+    [`smwb-container--${e()}`]: e() !== !1,
+    "smwb-container--gutterless": s.disableGutters
+  }, s.class);
   return (() => {
-    var i = g(), l = u(e.ref);
-    return typeof l == "function" && f(l, i), a(i, c(n, {
-      "data-testid": "grid-container",
+    var o = g(), a = u(s.ref);
+    return typeof a == "function" && l(a, o), f(o, c(n, {
+      get "data-testid"() {
+        return s["data-testid"] ?? "grid-container";
+      },
       get class() {
-        return o();
+        return i();
       }
-    }), !1, !1), i;
+    }), !1, !1), o;
   })();
 }
 export {

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":"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"}
+{"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> & {\n  /** Test id of the root `<div>`; `grid` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLDivElement>;\n};\n\nexport function Grid(props: DivProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"class\", \"ref\", \"data-testid\"]);\n  return (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid={local[\"data-testid\"] ?? \"grid\"}\n      class={cn(\"smwb-grid\", local.class)}\n    />\n  );\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  /** Test id of the root `<div>`; `grid-row` unless given. */\n  \"data-testid\"?: string | undefined;\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    \"data-testid\",\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 (\n    <div {...rest} ref={mergeRefs(local.ref)} data-testid={local[\"data-testid\"] ?? \"grid-row\"} class={classes()} />\n  );\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  /** Test id of the root `<div>`; `grid-col` unless given. */\n  \"data-testid\"?: string | undefined;\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    \"data-testid\",\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 (\n    <div {...rest} ref={mergeRefs(local.ref)} class={classes()} data-testid={local[\"data-testid\"] ?? \"grid-col\"} />\n  );\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  /** Test id of the root `<div>`; `grid-container` unless given. */\n  \"data-testid\"?: string | undefined;\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\", \"data-testid\"]);\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 (\n    <div\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid={local[\"data-testid\"] ?? \"grid-container\"}\n      class={classes()}\n    />\n  );\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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"}

package/dist/components/layout/page/page.d.ts

@@ -8,6 +8,8 @@ export interface PageProps extends JSX.HTMLAttributes<HTMLElement> {
     disableGutters?: boolean;
     /** Render as a different element (default `main`). */
     component?: string;
+    /** Test id of the root element; `page` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLElement>;
 }
 export declare function Page(props: ParentProps<PageProps>): JSX.Element;

package/dist/components/layout/page/page.js

@@ -1,33 +1,35 @@
 import { createComponent as o, Dynamic as n, mergeProps as i, insert as p, template as l } from "solid-js/web";
 import '../../../assets/styles/less/components/page/page.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                   */
-import { mergeProps as c, splitProps as g } from "solid-js";
-import d from "clsx";
+import { mergeProps as c, splitProps as d } from "solid-js";
+import g from "clsx";
 import { mergeRefs as f } from "../../../primitives/mergeRefs.js";
 var u = /* @__PURE__ */ l("<div class=smwb-page__inner>");
 function v(s) {
-  const m = c({
+  const a = c({
     maxWidth: "lg",
     disableGutters: !1
-  }, s), [e, a] = g(m, ["maxWidth", "disableGutters", "component", "class", "children", "ref"]);
+  }, s), [e, m] = d(a, ["maxWidth", "disableGutters", "component", "class", "children", "ref", "data-testid"]);
   return o(n, i({
     get component() {
       return e.component ?? "main";
     }
-  }, a, {
-    ref(r) {
-      var t = f(e.ref);
-      typeof t == "function" && t(r);
+  }, m, {
+    ref(t) {
+      var r = f(e.ref);
+      typeof r == "function" && r(t);
+    },
+    get "data-testid"() {
+      return e["data-testid"] ?? "page";
     },
-    "data-testid": "page",
     get class() {
-      return d("smwb-page", `smwb-page_max-${e.maxWidth}`, {
+      return g("smwb-page", `smwb-page_max-${e.maxWidth}`, {
         "smwb-page_gutterless": e.disableGutters
       }, e.class);
     },
     get children() {
-      var r = u();
-      return p(r, () => e.children), r;
+      var t = u();
+      return p(t, () => e.children), t;
     }
   }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"page.js","sources":["../../../../src/components/layout/page/page.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type PageMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface PageProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Content max-width cap; `full` = fluid. */\n  maxWidth?: PageMaxWidth;\n  /** Remove the page padding. */\n  disableGutters?: boolean;\n  /** Render as a different element (default `main`). */\n  component?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Page(props: ParentProps<PageProps>): JSX.Element {\n  const merged = mergeProps({ maxWidth: \"lg\" as PageMaxWidth, disableGutters: false }, props);\n  const [local, rest] = splitProps(merged, [\"maxWidth\", \"disableGutters\", \"component\", \"class\", \"children\", \"ref\"]);\n  return (\n    <Dynamic\n      component={local.component ?? \"main\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid=\"page\"\n      class={cn(\n        \"smwb-page\",\n        `smwb-page_max-${local.maxWidth}`,\n        { \"smwb-page_gutterless\": local.disableGutters },\n        local.class\n      )}\n    >\n      <div class=\"smwb-page__inner\">{local.children}</div>\n    </Dynamic>\n  );\n}\n\nexport default Page;\n"],"names":["Page","props","merged","mergeProps","maxWidth","disableGutters","local","rest","splitProps","_$createComponent","Dynamic","_$mergeProps","component","ref","r$","_ref$","mergeRefs","cn","class","children","_el$","_tmpl$","_$insert"],"mappings":";;;;;;;AAmBO,SAASA,EAAKC,GAA4C;AAC/D,QAAMC,IAASC,EAAW;AAAA,IAAEC,UAAU;AAAA,IAAsBC,gBAAgB;AAAA,EAAA,GAASJ,CAAK,GACpF,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CAAC,YAAY,kBAAkB,aAAa,SAAS,YAAY,KAAK,CAAC;AAChH,SAAAO,EACGC,GAAOC,EAAA;AAAA,IAAA,IACNC,YAAS;AAAA,aAAEN,EAAMM,aAAa;AAAA,IAAM;AAAA,EAAA,GAChCL,GAAI;AAAA,IAAAM,IAAAC,GAAA;AAAA,UAAAC,IACHC,EAAUV,EAAMO,GAAG;AAAC,aAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,IAAA;AAAA,IAAA,eAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAElBG,EACL,aACA,iBAAiBX,EAAMF,QAAQ,IAC/B;AAAA,QAAE,wBAAwBE,EAAMD;AAAAA,MAAAA,GAChCC,EAAMY,KACR;AAAA,IAAC;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAA,MAE8Bd,EAAMa,QAAQ,GAAAC;AAAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGnD;"}
+{"version":3,"file":"page.js","sources":["../../../../src/components/layout/page/page.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type PageMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport interface PageProps extends JSX.HTMLAttributes<HTMLElement> {\n  /** Content max-width cap; `full` = fluid. */\n  maxWidth?: PageMaxWidth;\n  /** Remove the page padding. */\n  disableGutters?: boolean;\n  /** Render as a different element (default `main`). */\n  component?: string;\n  /** Test id of the root element; `page` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLElement>;\n}\n\nexport function Page(props: ParentProps<PageProps>): JSX.Element {\n  const merged = mergeProps({ maxWidth: \"lg\" as PageMaxWidth, disableGutters: false }, props);\n  const [local, rest] = splitProps(merged, [\n    \"maxWidth\",\n    \"disableGutters\",\n    \"component\",\n    \"class\",\n    \"children\",\n    \"ref\",\n    \"data-testid\",\n  ]);\n  return (\n    <Dynamic\n      component={local.component ?? \"main\"}\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      data-testid={local[\"data-testid\"] ?? \"page\"}\n      class={cn(\n        \"smwb-page\",\n        `smwb-page_max-${local.maxWidth}`,\n        { \"smwb-page_gutterless\": local.disableGutters },\n        local.class\n      )}\n    >\n      <div class=\"smwb-page__inner\">{local.children}</div>\n    </Dynamic>\n  );\n}\n\nexport default Page;\n"],"names":["Page","props","merged","mergeProps","maxWidth","disableGutters","local","rest","splitProps","_$createComponent","Dynamic","_$mergeProps","component","ref","r$","_ref$","mergeRefs","cn","class","children","_el$","_tmpl$","_$insert"],"mappings":";;;;;;;AAqBO,SAASA,EAAKC,GAA4C;AAC/D,QAAMC,IAASC,EAAW;AAAA,IAAEC,UAAU;AAAA,IAAsBC,gBAAgB;AAAA,EAAA,GAASJ,CAAK,GACpF,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CACvC,YACA,kBACA,aACA,SACA,YACA,OACA,aAAa,CACd;AACD,SAAAO,EACGC,GAAOC,EAAA;AAAA,IAAA,IACNC,YAAS;AAAA,aAAEN,EAAMM,aAAa;AAAA,IAAM;AAAA,EAAA,GAChCL,GAAI;AAAA,IAAAM,IAAAC,GAAA;AAAA,UAAAC,IACHC,EAAUV,EAAMO,GAAG;AAAC,aAAAE,KAAA,cAAAA,EAAAD,CAAA;AAAA,IAAA;AAAA,IAAA,IAAA,gBAAA;AAAA,aACZR,EAAM,aAAa,KAAK;AAAA,IAAM;AAAA,IAAA,IAAA,QAAA;AAAA,aACpCW,EACL,aACA,iBAAiBX,EAAMF,QAAQ,IAC/B;AAAA,QAAE,wBAAwBE,EAAMD;AAAAA,MAAAA,GAChCC,EAAMY,KACR;AAAA,IAAC;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAA,MAE8Bd,EAAMa,QAAQ,GAAAC;AAAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGnD;"}

package/dist/components/layout/pageHeader/pageHeader.d.ts

@@ -9,6 +9,8 @@ export interface PageHeaderProps extends Omit<JSX.HTMLAttributes<HTMLElement>, "
     actions?: JSX.Element;
     /** Render a divider below the header. */
     divider?: boolean;
+    /** Test id of the root `<header>`; `page-header` unless given. */
+    "data-testid"?: string | undefined;
     ref?: Ref<HTMLElement>;
 }
 export declare function PageHeader(props: PageHeaderProps): JSX.Element;