@cube-dev/ui-kit 0.145.1 → 0.145.3

package/dist/components/layout/Board/WidgetHost.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetHost.js","names":["mergeProps"],"sources":["../../../../src/components/layout/Board/WidgetHost.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { CSSProperties, useMemo, useRef, useState } from 'react';\nimport { useFocusWithin, useHover, useMove } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\n\nimport {\n  BoardDragState,\n  BoardHost,\n  BoardHostContext,\n  BoardRegistryContextValue,\n  ViewportRect,\n} from './board-context';\nimport { WidgetRegistration } from './board-store';\nimport {\n  calcGridColWidth,\n  calcGridItemPosition,\n  LayoutItem,\n  PositionParams,\n  ResizeHandleAxis,\n} from './grid-core';\n\nexport type ResizePhase = 'start' | 'move' | 'end';\n\n/**\n * Slack (px) absorbed when converting an auto-height widget's content height to\n * whole rows, so sub-pixel measurement/rounding noise never bumps an extra row.\n */\nconst AUTO_HEIGHT_TOLERANCE = 4;\n\nconst WidgetElement = tasty({\n  qa: 'BoardWidget',\n  styles: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    // Widgets always carry a `#surface-2` fill and rounded corners. The `card`\n    // modifier (board-level `widgetProps.isCard` or per-widget `isCard`) adds a\n    // border on top; a non-card widget is borderless so nested boards can align\n    // their columns flush with the parent grid.\n    fill: '#surface-2',\n    radius: '1cr',\n    border: {\n      '': false,\n      card: true,\n    },\n    shadow: {\n      '': false,\n      'hovered & !card & (draggable | resizing)': '0 0 0 1bw #border',\n      // `$dialog-shadow` uses Glaze `#shadow-lg`, which adapts to dark / high-contrast schemes.\n      'drag | resizing': '$dialog-shadow',\n    },\n    zIndex: {\n      '': 1,\n      'drag | resizing': 10,\n    },\n    // The pointer-drag ghost (the clone that floats in the overlay) is slightly\n    // translucent so the user can see through it to whatever it hovers over -\n    // e.g. a Tabs header underneath - and land a precise drop / tab switch. The\n    // in-place host (keyboard drags, which never float) stays fully opaque.\n    opacity: {\n      '': 1,\n      floating: 0.8,\n    },\n    // Reflowing widgets animate their position via the `inset` group (left/top).\n    // The actively dragged/resized element - and the floating overlay clone -\n    // must track the pointer with no lag, so they drop `inset` from the list.\n    transition: {\n      '': 'theme, shadow, opacity, inset',\n      'drag | floating | resizing': 'theme, shadow, opacity',\n    },\n    boxSizing: 'border-box',\n    userSelect: {\n      '': 'auto',\n      'drag | resizing': 'none',\n    },\n    cursor: {\n      '': 'auto',\n      draggable: 'grab',\n      drag: 'grabbing',\n    },\n    touchAction: 'none',\n    overflow: 'hidden',\n  },\n});\n\nconst HandleElement = tasty({\n  qa: 'BoardResizeHandle',\n  styles: {\n    position: 'absolute',\n    zIndex: 20,\n    fill: '#clear',\n    // Overhang: how far the hit-zone extends beyond the widget edge.\n    '--handle-size': '24px',\n    '--handle-overhang': '-8px',\n    '--handle-inset': '8px',\n    width: {\n      '': '$handle-size',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': 'auto',\n    },\n    height: {\n      '': '$handle-size',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': 'auto',\n    },\n    top: {\n      '': 'auto',\n      '[data-axis=\"n\"] | [data-axis=\"ne\"] | [data-axis=\"nw\"]':\n        '$handle-overhang',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': '$handle-inset',\n    },\n    bottom: {\n      '': 'auto',\n      '[data-axis=\"s\"] | [data-axis=\"se\"] | [data-axis=\"sw\"]':\n        '$handle-overhang',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': '$handle-inset',\n    },\n    left: {\n      '': 'auto',\n      '[data-axis=\"w\"] | [data-axis=\"nw\"] | [data-axis=\"sw\"]':\n        '$handle-overhang',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '$handle-inset',\n    },\n    right: {\n      '': 'auto',\n      '[data-axis=\"e\"] | [data-axis=\"ne\"] | [data-axis=\"se\"]':\n        '$handle-overhang',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '$handle-inset',\n    },\n    cursor: {\n      '': 'default',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': 'ns-resize',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': 'ew-resize',\n      '[data-axis=\"ne\"] | [data-axis=\"sw\"]': 'nesw-resize',\n      '[data-axis=\"nw\"] | [data-axis=\"se\"]': 'nwse-resize',\n    },\n    touchAction: 'none',\n  },\n});\n\nconst GripElement = tasty({\n  qa: 'BoardResizeGrip',\n  styles: {\n    position: 'absolute',\n    width: '10px',\n    height: '10px',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    opacity: {\n      '': 0,\n      revealed: 1,\n    },\n    transition: 'opacity 120ms ease-in-out',\n    borderTop: {\n      '': '0',\n      '[data-axis=\"ne\"] | [data-axis=\"nw\"]': '2px solid #dark.40',\n    },\n    borderBottom: {\n      '': '0',\n      '[data-axis=\"se\"] | [data-axis=\"sw\"]': '2px solid #dark.40',\n    },\n    borderLeft: {\n      '': '0',\n      '[data-axis=\"nw\"] | [data-axis=\"sw\"]': '2px solid #dark.40',\n    },\n    borderRight: {\n      '': '0',\n      '[data-axis=\"ne\"] | [data-axis=\"se\"]': '2px solid #dark.40',\n    },\n    radius: {\n      '': '0',\n      '[data-axis=\"se\"]': '0 0 4px 0',\n      '[data-axis=\"sw\"]': '0 0 0 4px',\n      '[data-axis=\"ne\"]': '0 4px 0 0',\n      '[data-axis=\"nw\"]': '4px 0 0 0',\n    },\n    top: {\n      '': 'auto',\n      '[data-axis=\"ne\"] | [data-axis=\"nw\"]': '4px',\n    },\n    bottom: {\n      '': 'auto',\n      '[data-axis=\"se\"] | [data-axis=\"sw\"]': '4px',\n    },\n    left: {\n      '': 'auto',\n      '[data-axis=\"nw\"] | [data-axis=\"sw\"]': '4px',\n    },\n    right: {\n      '': 'auto',\n      '[data-axis=\"ne\"] | [data-axis=\"se\"]': '4px',\n    },\n  },\n});\n\n// Edge axes (n/s/e/w) get a dotted grip affordance, revealed on\n// hover/focus/resize. The dots line up along the edge (a vertical column for the\n// e/w handles, a horizontal row for n/s), matching the design-system pane grip\n// (see `Layout.Pane`). Purely visual - the interaction still lives on the\n// transparent `HandleElement` hit-zone above.\nconst EdgeGripElement = tasty({\n  qa: 'BoardResizeEdgeGrip',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    gap: '2bw',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    opacity: {\n      '': 0,\n      revealed: 1,\n    },\n    transition: 'opacity 120ms ease-in-out',\n    // A column of 5 dots for the vertical edges (e/w), a row of 5 for n/s.\n    gridColumns: {\n      '': '3px',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '3px 3px 3px 3px 3px',\n    },\n    gridRows: {\n      '': '3px 3px 3px 3px 3px',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '3px',\n    },\n    // Anchor to the relevant edge and center along it.\n    top: {\n      '': '50%',\n      '[data-axis=\"n\"]': '3px',\n      '[data-axis=\"s\"]': 'auto',\n    },\n    bottom: {\n      '': 'auto',\n      '[data-axis=\"s\"]': '3px',\n    },\n    left: {\n      '': 'auto',\n      '[data-axis=\"w\"]': '3px',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '50%',\n    },\n    right: {\n      '': 'auto',\n      '[data-axis=\"e\"]': '3px',\n    },\n    transform: {\n      '': 'translate(0, 0)',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': 'translate(0, -50%)',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': 'translate(-50%, 0)',\n    },\n\n    Dot: {\n      width: '3px',\n      height: '3px',\n      radius: 'round',\n      fill: {\n        '': '#dark-03',\n        resizing: '#dark-02',\n      },\n    },\n  },\n});\n\n/** Corner axes get a visible grip affordance on hover/focus/resize. */\nfunction isCornerAxis(axis: ResizeHandleAxis): boolean {\n  return axis.length === 2;\n}\n\n/** Edge axes (n/s/e/w) get a dotted grip affordance. */\nfunction isEdgeAxis(axis: ResizeHandleAxis): boolean {\n  return axis.length === 1;\n}\n\ninterface ResizeHandleProps {\n  axis: ResizeHandleAxis;\n  onResize: (\n    axis: ResizeHandleAxis,\n    phase: ResizePhase,\n    dx: number,\n    dy: number,\n  ) => void;\n}\n\nfunction ResizeHandle({ axis, onResize }: ResizeHandleProps) {\n  const { moveProps } = useMove({\n    onMoveStart() {\n      onResize(axis, 'start', 0, 0);\n    },\n    onMove(e) {\n      onResize(axis, 'move', e.deltaX, e.deltaY);\n    },\n    onMoveEnd() {\n      onResize(axis, 'end', 0, 0);\n    },\n  });\n\n  const stopProps = {\n    onPointerDown: (e: React.PointerEvent) => e.stopPropagation(),\n    onMouseDown: (e: React.MouseEvent) => e.stopPropagation(),\n    onTouchStart: (e: React.TouchEvent) => e.stopPropagation(),\n  };\n\n  return (\n    <HandleElement\n      data-axis={axis}\n      {...mergeProps(stopProps, moveProps)}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\nexport interface WidgetHostProps {\n  boardId: string;\n  item: LayoutItem;\n  positionParams: PositionParams;\n  registration: WidgetRegistration | undefined;\n  /**\n   * Whether this widget renders with card chrome (fill/border/radius). Resolved\n   * by the owning `Board` from the per-widget `isCard` and the board-level\n   * `widgetProps.isCard` default.\n   */\n  isCard: boolean;\n  /**\n   * Resolved style overrides for the rendered widget element (per-widget\n   * `styles` falling back to the board-level `widgetProps.styles`).\n   */\n  styles?: Styles;\n  isDraggable: boolean;\n  isResizable: boolean;\n  resizeHandles: ResizeHandleAxis[];\n  /**\n   * Whether this widget grows to fit its content. Resolved by the owning\n   * `Board` from the per-widget `isAutoHeight` and the board-level\n   * `widgetProps.isAutoHeight` default.\n   */\n  isAutoHeight: boolean;\n  /**\n   * Test id / accessible name for the rendered widget element. Resolved by the\n   * owning `Board` from the per-widget `qa` and the board-level `widgetProps.qa`\n   * default; falls back to the layout id.\n   */\n  qa?: string;\n  /**\n   * CSS selector for elements that must not start a pointer drag (e.g. form\n   * controls inside the widget). A pointer-down whose target matches this\n   * selector never begins a drag.\n   */\n  dragCancel?: string;\n  /**\n   * CSS selector for the only elements from which a pointer drag may start. A\n   * pointer-down outside a matching element never begins a drag.\n   */\n  dragHandle?: string;\n  registry: BoardRegistryContextValue;\n  dragState: BoardDragState | null;\n  onResize: (\n    id: string,\n    axis: ResizeHandleAxis,\n    phase: ResizePhase,\n    dx: number,\n    dy: number,\n  ) => void;\n  /**\n   * Report the minimum number of rows this widget needs to fit its content\n   * (typically a nested board). The owning board grows the item to this height\n   * when it is taller than the current one, and treats it as the resize floor\n   * so the widget cannot be dragged shorter than its content requires.\n   */\n  onAutoHeight: (id: string, neededRows: number) => void;\n  /**\n   * Notify the owning board of a drag gesture's lifecycle so it can emit the\n   * public drag callbacks. Fires after the registry has updated drag state.\n   */\n  onDragLifecycle?: (id: string, phase: ResizePhase) => void;\n}\n\n/**\n * The positioned, interactive wrapper a board renders for each layout item it\n * owns. Content is pulled from the shared store (by id), so any board can host\n * any widget. Dragging uses React Aria `useMove`; during a drag the widget\n * renders into the shared overlay portal so it can float outside its board.\n */\nexport function WidgetHost(props: WidgetHostProps) {\n  const {\n    boardId,\n    item,\n    positionParams,\n    registration,\n    isCard,\n    styles: widgetStyles,\n    isDraggable,\n    isResizable,\n    resizeHandles,\n    isAutoHeight,\n    qa,\n    dragCancel,\n    dragHandle,\n    registry,\n    dragState,\n    onResize,\n    onAutoHeight,\n    onDragLifecycle,\n  } = props;\n\n  const hostRef = useRef<HTMLDivElement | null>(null);\n  const isActiveDrag = dragState?.itemId === item.i;\n\n  // Translate a nested board's reported height deficit (signed px: positive when\n  // it is squeezed, negative when it has slack) into the absolute number of rows\n  // this widget needs, and report it to the owning board. The widget's chrome\n  // cancels out: the needed pixel height is the widget's current pixel height\n  // plus the deficit. A small tolerance keeps sub-pixel rounding from bumping an\n  // extra row. Skipped during a drag (the widget is floating in the overlay).\n  const requestHeightDeficit = useEvent((deficitPx: number) => {\n    if (!isAutoHeight || isActiveDrag) return;\n    const step = positionParams.rowHeight + positionParams.margin[1];\n    if (step <= 0) return;\n    const current = calcGridItemPosition(\n      positionParams,\n      item.x,\n      item.y,\n      item.w,\n      item.h,\n    );\n    const neededPx = current.height + deficitPx;\n    const neededRows = Math.max(\n      1,\n      Math.ceil(\n        (neededPx + positionParams.margin[1] - AUTO_HEIGHT_TOLERANCE) / step,\n      ),\n    );\n    onAutoHeight(item.i, neededRows);\n  });\n\n  const hostValue = useMemo<BoardHost>(\n    () => ({ isAutoHeight, requestHeightDeficit }),\n    [isAutoHeight, requestHeightDeficit],\n  );\n  // Keyboard drags stay in place: moving the focused element into the overlay\n  // portal would unmount it and stop arrow-key move events.\n  const useOverlay = isActiveDrag && dragState?.pointerType !== 'keyboard';\n\n  const [isResizing, setIsResizing] = useState(false);\n  const [isFocusWithin, setIsFocusWithin] = useState(false);\n  const { hoverProps, isHovered } = useHover({ isDisabled: isActiveDrag });\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: setIsFocusWithin,\n  });\n\n  // Reveal the resize grips when the widget is interacted with (but not while it\n  // is being dragged, where the widget floats in the overlay).\n  const gripsRevealed =\n    isResizable &&\n    !item.static &&\n    !isActiveDrag &&\n    (isHovered || isFocusWithin || isResizing);\n\n  const { moveProps } = useMove({\n    onMoveStart(e) {\n      if (!isDraggable) return;\n      const rect = hostRef.current?.getBoundingClientRect();\n      const pos = calcGridItemPosition(\n        positionParams,\n        item.x,\n        item.y,\n        item.w,\n        item.h,\n      );\n      const vr: ViewportRect = rect\n        ? {\n            left: rect.left,\n            top: rect.top,\n            width: rect.width,\n            height: rect.height,\n          }\n        : {\n            left: pos.left,\n            top: pos.top,\n            width: pos.width,\n            height: pos.height,\n          };\n      registry.onDragStart(boardId, item.i, vr, e.pointerType, hostRef.current);\n      onDragLifecycle?.(item.i, 'start');\n    },\n    onMove(e) {\n      if (!isDraggable) return;\n      if (e.pointerType === 'keyboard') {\n        // Amplify arrow-key steps to a full grid cell so items actually move.\n        const colWidth = calcGridColWidth(positionParams);\n        const stepX = colWidth + positionParams.margin[0];\n        const stepY = positionParams.rowHeight + positionParams.margin[1];\n        registry.onDragMove(\n          Math.sign(e.deltaX) * stepX,\n          Math.sign(e.deltaY) * stepY,\n          e.pointerType,\n        );\n        onDragLifecycle?.(item.i, 'move');\n        return;\n      }\n      registry.onDragMove(e.deltaX, e.deltaY, e.pointerType);\n      onDragLifecycle?.(item.i, 'move');\n    },\n    onMoveEnd() {\n      if (!isDraggable) return;\n      registry.onDragEnd();\n      onDragLifecycle?.(item.i, 'end');\n    },\n  });\n\n  const a11yProps = {\n    tabIndex: isDraggable ? 0 : undefined,\n    'aria-roledescription': isDraggable ? 'Draggable widget' : undefined,\n    'aria-label': qa ?? item.i,\n  };\n\n  // When this widget is draggable it owns its gesture, so stop the pointer-down\n  // from bubbling to an ancestor widget host (e.g. a container widget hosting a\n  // nested board / Tabs). Otherwise the ancestor's `useMove` would start a\n  // second drag from the same press and the whole parent widget would move too.\n  // Non-draggable widgets let the event bubble so their container stays grabbable\n  // through their content.\n  const stopBubbleProps = isDraggable\n    ? {\n        onPointerDown: (e: React.PointerEvent) => e.stopPropagation(),\n        onMouseDown: (e: React.MouseEvent) => e.stopPropagation(),\n        onTouchStart: (e: React.TouchEvent) => e.stopPropagation(),\n      }\n    : {};\n\n  // Gate a pointer drag by `dragHandle` / `dragCancel` selectors. Returns true\n  // when the press must NOT start a drag (outside a `dragHandle`, or matching\n  // `dragCancel`).\n  const shouldGateDrag = (target: EventTarget | null) => {\n    if (!(target instanceof Element)) return false;\n    if (dragHandle && !target.closest(dragHandle)) return true;\n    return !!(dragCancel && target.closest(dragCancel));\n  };\n\n  // The gate wraps `useMove`'s own pointer-down handlers rather than a separate\n  // capture-phase listener. When a press is gated we simply do not forward it to\n  // `useMove`, so the drag never begins. This is deliberate: `useMove`'s\n  // pointer-down handler calls both `stopPropagation()` and `preventDefault()`.\n  // Calling it (or pre-empting it with a capture-phase `stopPropagation()`)\n  // would break the very controls `dragCancel` is meant to protect - a\n  // `preventDefault()` on pointer-down cancels a native `<input>`'s focus, and a\n  // capture-phase `stopPropagation()` swallows a `<button>`'s own press events.\n  // Skipping `useMove` entirely leaves the target's default behavior and its own\n  // handlers fully intact. Keyboard moves go through `onKeyDown` and are never\n  // gated.\n  //\n  // A non-draggable widget must not carry `moveProps` at all: `useMove`'s\n  // pointer-down handler calls `preventDefault()`, which cancels native text\n  // selection inside the widget. Read-only boards (`isDraggable={false}`) still\n  // need selectable content, so we drop the handlers entirely instead of relying\n  // on the early-returns inside the `onMove*` callbacks.\n  const gatedMoveProps = !isDraggable\n    ? {}\n    : dragHandle || dragCancel\n      ? {\n          ...moveProps,\n          ...(moveProps.onPointerDown && {\n            onPointerDown: (e: React.PointerEvent) => {\n              if (shouldGateDrag(e.target)) return;\n              moveProps.onPointerDown!(e);\n            },\n          }),\n          ...(moveProps.onMouseDown && {\n            onMouseDown: (e: React.MouseEvent) => {\n              if (shouldGateDrag(e.target)) return;\n              moveProps.onMouseDown!(e);\n            },\n          }),\n          ...(moveProps.onTouchStart && {\n            onTouchStart: (e: React.TouchEvent) => {\n              if (shouldGateDrag(e.target)) return;\n              moveProps.onTouchStart!(e);\n            },\n          }),\n        }\n      : moveProps;\n\n  const handleResize = (\n    axis: ResizeHandleAxis,\n    phase: ResizePhase,\n    dx: number,\n    dy: number,\n  ) => {\n    if (phase === 'start') setIsResizing(true);\n    else if (phase === 'end') setIsResizing(false);\n    onResize(item.i, axis, phase, dx, dy);\n  };\n\n  const mods = {\n    drag: isActiveDrag,\n    draggable: isDraggable && !isActiveDrag,\n    static: !!item.static,\n    resizing: isResizing,\n    card: isCard,\n    hovered: isHovered,\n  };\n\n  const content = (\n    <BoardHostContext.Provider value={hostValue}>\n      {registration?.content}\n      {isResizable && !item.static ? (\n        <>\n          {resizeHandles.map((axis) => (\n            <ResizeHandle key={axis} axis={axis} onResize={handleResize} />\n          ))}\n          {resizeHandles.filter(isCornerAxis).map((axis) => (\n            <GripElement\n              key={`grip-${axis}`}\n              data-axis={axis}\n              mods={{ revealed: gripsRevealed }}\n              aria-hidden=\"true\"\n            />\n          ))}\n          {resizeHandles.filter(isEdgeAxis).map((axis) => (\n            <EdgeGripElement\n              key={`edge-grip-${axis}`}\n              data-axis={axis}\n              mods={{ revealed: gripsRevealed, resizing: isResizing }}\n              aria-hidden=\"true\"\n            >\n              <div data-element=\"Dot\" />\n              <div data-element=\"Dot\" />\n              <div data-element=\"Dot\" />\n              <div data-element=\"Dot\" />\n              <div data-element=\"Dot\" />\n            </EdgeGripElement>\n          ))}\n        </>\n      ) : null}\n    </BoardHostContext.Provider>\n  );\n\n  const pos = calcGridItemPosition(\n    positionParams,\n    item.x,\n    item.y,\n    item.w,\n    item.h,\n  );\n\n  // While dragging with a pointer, the widget's visual floats in the shared\n  // overlay so it is never clipped by an ancestor's `overflow: hidden`. The\n  // gesture-owning element (the one carrying `moveProps`) must NOT be the node\n  // that moves into the overlay: React Aria's `useMove` binds its pointer\n  // move/end listeners relative to the node that received `onPointerDown`, and\n  // relocating that node into the portal tears it down and mounts a fresh one\n  // (inside a `pointerEvents: 'none'` layer), which can drop the in-flight\n  // gesture. Instead we keep a stable, always-mounted in-grid host that owns the\n  // gesture for its whole lifetime, and portal a separate, non-interactive\n  // visual clone into the overlay.\n  const overlayNode = registry.overlayRef.current;\n  const floatInOverlay = useOverlay && !!overlayNode && !!dragState;\n\n  const hostStyle: CSSProperties = {\n    left: `${pos.left}px`,\n    top: `${pos.top}px`,\n    width: `${pos.width}px`,\n    height: `${pos.height}px`,\n    // Kept mounted but hidden while its clone floats, so the gesture stays live\n    // on this node (the pointer listeners never get torn down).\n    ...(floatInOverlay ? { opacity: 0, pointerEvents: 'none' } : null),\n  };\n\n  // The floating clone carries the \"drag\" affordance (raised shadow/z-index);\n  // keep the hidden host flat. Keyboard drags (which never float) still\n  // highlight the in-grid host, so only suppress `drag` when floating.\n  const hostMods = { ...mods, drag: isActiveDrag && !floatInOverlay };\n\n  // The host is always rendered first, with a stable element shape, so React\n  // reuses the same DOM node across the drag transition (never remounts it).\n  const host = (\n    <WidgetElement\n      ref={hostRef}\n      // Marks this element as a board widget host so the registry can find the\n      // container widget a nested board lives in (used to keep a drag anchored to\n      // a nested board while the anchor is still over its host - e.g. the Tabs\n      // header above a nested board - instead of reflowing the ancestor board).\n      data-board-widget-host=\"\"\n      {...mergeProps(\n        gatedMoveProps,\n        stopBubbleProps,\n        hoverProps,\n        focusWithinProps,\n        a11yProps,\n        { style: hostStyle },\n      )}\n      qa={qa}\n      mods={hostMods}\n      styles={widgetStyles as Styles}\n    >\n      {floatInOverlay ? null : content}\n    </WidgetElement>\n  );\n\n  const overlayClone = floatInOverlay\n    ? createPortal(\n        <WidgetElement\n          style={{\n            position: 'absolute',\n            left: `${dragState!.rect.left}px`,\n            top: `${dragState!.rect.top}px`,\n            width: `${dragState!.rect.width}px`,\n            height: `${dragState!.rect.height}px`,\n            pointerEvents: 'none',\n          }}\n          mods={{ ...mods, drag: true, floating: true }}\n          styles={widgetStyles as Styles}\n          aria-hidden=\"true\"\n        >\n          {content}\n        </WidgetElement>,\n        overlayNode!,\n      )\n    : null;\n\n  return (\n    <>\n      {host}\n      {overlayClone}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WidgetHost.js","names":["mergeProps"],"sources":["../../../../src/components/layout/Board/WidgetHost.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { CSSProperties, useMemo, useRef, useState } from 'react';\nimport { useFocusRing, useFocusWithin, useHover, useMove } from 'react-aria';\nimport { createPortal } from 'react-dom';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\n\nimport {\n  BoardDragState,\n  BoardHost,\n  BoardHostContext,\n  BoardRegistryContextValue,\n  ViewportRect,\n} from './board-context';\nimport { WidgetRegistration } from './board-store';\nimport {\n  calcGridColWidth,\n  calcGridItemPosition,\n  LayoutItem,\n  PositionParams,\n  ResizeHandleAxis,\n} from './grid-core';\n\nexport type ResizePhase = 'start' | 'move' | 'end';\n\n/**\n * Slack (px) absorbed when converting an auto-height widget's content height to\n * whole rows, so sub-pixel measurement/rounding noise never bumps an extra row.\n */\nconst AUTO_HEIGHT_TOLERANCE = 4;\n\nconst WidgetElement = tasty({\n  qa: 'BoardWidget',\n  styles: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    // Widgets always carry a `#surface-2` fill and rounded corners. The `card`\n    // modifier (board-level `widgetProps.isCard` or per-widget `isCard`) adds a\n    // border on top; a non-card widget is borderless so nested boards can align\n    // their columns flush with the parent grid.\n    fill: '#surface-2',\n    radius: '1cr',\n    border: {\n      '': false,\n      card: true,\n    },\n    shadow: {\n      '': false,\n      'hovered & !card & (draggable | resizing)': '0 0 0 1bw #border',\n      // `$dialog-shadow` uses Glaze `#shadow-lg`, which adapts to dark / high-contrast schemes.\n      'drag | resizing': '$dialog-shadow',\n    },\n    outline: {\n      '': '1bw #primary-text.0',\n      'focus-visible': '1bw #primary-text',\n    },\n    outlineOffset: '1bw',\n    zIndex: {\n      '': 1,\n      'drag | resizing': 10,\n    },\n    // The pointer-drag ghost (the clone that floats in the overlay) is slightly\n    // translucent so the user can see through it to whatever it hovers over -\n    // e.g. a Tabs header underneath - and land a precise drop / tab switch. The\n    // in-place host (keyboard drags, which never float) stays fully opaque.\n    opacity: {\n      '': 1,\n      floating: 0.8,\n    },\n    // Reflowing widgets animate their position and size. The actively\n    // dragged/resized element - and the floating overlay clone - must track the\n    // pointer with no lag, so they drop geometry from the list. Geometry is also\n    // dropped until the board reports `settled`: on init widgets jump to their\n    // first measured positions, and without this gate they would slide/grow in\n    // from their default box. The board lifts the gate after the first\n    // positioned paint so subsequent reflows animate normally.\n    transition: {\n      '': 'theme, shadow, opacity',\n      settled: 'theme, shadow, opacity, inset, width, height',\n      'drag | floating | resizing': 'theme, shadow, opacity',\n    },\n    boxSizing: 'border-box',\n    userSelect: {\n      '': 'auto',\n      'drag | resizing': 'none',\n    },\n    cursor: {\n      '': 'auto',\n      draggable: 'grab',\n      drag: 'grabbing',\n    },\n    touchAction: 'none',\n    overflow: 'hidden',\n  },\n});\n\nconst HandleElement = tasty({\n  qa: 'BoardResizeHandle',\n  styles: {\n    position: 'absolute',\n    zIndex: 20,\n    fill: '#clear',\n    // Overhang: how far the hit-zone extends beyond the widget edge.\n    '--handle-size': '24px',\n    '--handle-overhang': '-8px',\n    '--handle-inset': '8px',\n    width: {\n      '': '$handle-size',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': 'auto',\n    },\n    height: {\n      '': '$handle-size',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': 'auto',\n    },\n    top: {\n      '': 'auto',\n      '[data-axis=\"n\"] | [data-axis=\"ne\"] | [data-axis=\"nw\"]':\n        '$handle-overhang',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': '$handle-inset',\n    },\n    bottom: {\n      '': 'auto',\n      '[data-axis=\"s\"] | [data-axis=\"se\"] | [data-axis=\"sw\"]':\n        '$handle-overhang',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': '$handle-inset',\n    },\n    left: {\n      '': 'auto',\n      '[data-axis=\"w\"] | [data-axis=\"nw\"] | [data-axis=\"sw\"]':\n        '$handle-overhang',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '$handle-inset',\n    },\n    right: {\n      '': 'auto',\n      '[data-axis=\"e\"] | [data-axis=\"ne\"] | [data-axis=\"se\"]':\n        '$handle-overhang',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '$handle-inset',\n    },\n    cursor: {\n      '': 'default',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': 'ns-resize',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': 'ew-resize',\n      '[data-axis=\"ne\"] | [data-axis=\"sw\"]': 'nesw-resize',\n      '[data-axis=\"nw\"] | [data-axis=\"se\"]': 'nwse-resize',\n    },\n    touchAction: 'none',\n  },\n});\n\nconst GripElement = tasty({\n  qa: 'BoardResizeGrip',\n  styles: {\n    position: 'absolute',\n    width: '10px',\n    height: '10px',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    opacity: {\n      '': 0,\n      revealed: 1,\n    },\n    transition: 'opacity 120ms ease-in-out',\n    borderTop: {\n      '': '0',\n      '[data-axis=\"ne\"] | [data-axis=\"nw\"]': '2px solid #dark.40',\n    },\n    borderBottom: {\n      '': '0',\n      '[data-axis=\"se\"] | [data-axis=\"sw\"]': '2px solid #dark.40',\n    },\n    borderLeft: {\n      '': '0',\n      '[data-axis=\"nw\"] | [data-axis=\"sw\"]': '2px solid #dark.40',\n    },\n    borderRight: {\n      '': '0',\n      '[data-axis=\"ne\"] | [data-axis=\"se\"]': '2px solid #dark.40',\n    },\n    radius: {\n      '': '0',\n      '[data-axis=\"se\"]': '0 0 4px 0',\n      '[data-axis=\"sw\"]': '0 0 0 4px',\n      '[data-axis=\"ne\"]': '0 4px 0 0',\n      '[data-axis=\"nw\"]': '4px 0 0 0',\n    },\n    top: {\n      '': 'auto',\n      '[data-axis=\"ne\"] | [data-axis=\"nw\"]': '4px',\n    },\n    bottom: {\n      '': 'auto',\n      '[data-axis=\"se\"] | [data-axis=\"sw\"]': '4px',\n    },\n    left: {\n      '': 'auto',\n      '[data-axis=\"nw\"] | [data-axis=\"sw\"]': '4px',\n    },\n    right: {\n      '': 'auto',\n      '[data-axis=\"ne\"] | [data-axis=\"se\"]': '4px',\n    },\n  },\n});\n\n// Edge axes (n/s/e/w) get a dotted grip affordance, revealed on\n// hover/focus/resize. The dots line up along the edge (a vertical column for the\n// e/w handles, a horizontal row for n/s), matching the design-system pane grip\n// (see `Layout.Pane`). Purely visual - the interaction still lives on the\n// transparent `HandleElement` hit-zone above.\nconst EdgeGripElement = tasty({\n  qa: 'BoardResizeEdgeGrip',\n  styles: {\n    position: 'absolute',\n    display: 'grid',\n    gap: '2bw',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    opacity: {\n      '': 0,\n      revealed: 1,\n    },\n    transition: 'opacity 120ms ease-in-out',\n    // A column of 5 dots for the vertical edges (e/w), a row of 5 for n/s.\n    gridColumns: {\n      '': '3px',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '3px 3px 3px 3px 3px',\n    },\n    gridRows: {\n      '': '3px 3px 3px 3px 3px',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '3px',\n    },\n    // Anchor to the relevant edge and center along it.\n    top: {\n      '': '50%',\n      '[data-axis=\"n\"]': '3px',\n      '[data-axis=\"s\"]': 'auto',\n    },\n    bottom: {\n      '': 'auto',\n      '[data-axis=\"s\"]': '3px',\n    },\n    left: {\n      '': 'auto',\n      '[data-axis=\"w\"]': '3px',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': '50%',\n    },\n    right: {\n      '': 'auto',\n      '[data-axis=\"e\"]': '3px',\n    },\n    transform: {\n      '': 'translate(0, 0)',\n      '[data-axis=\"e\"] | [data-axis=\"w\"]': 'translate(0, -50%)',\n      '[data-axis=\"n\"] | [data-axis=\"s\"]': 'translate(-50%, 0)',\n    },\n\n    Dot: {\n      width: '3px',\n      height: '3px',\n      radius: 'round',\n      fill: {\n        '': '#dark-03',\n        resizing: '#dark-02',\n      },\n    },\n  },\n});\n\n/** Corner axes get a visible grip affordance on hover/focus/resize. */\nfunction isCornerAxis(axis: ResizeHandleAxis): boolean {\n  return axis.length === 2;\n}\n\n/** Edge axes (n/s/e/w) get a dotted grip affordance. */\nfunction isEdgeAxis(axis: ResizeHandleAxis): boolean {\n  return axis.length === 1;\n}\n\ninterface ResizeHandleProps {\n  axis: ResizeHandleAxis;\n  onResize: (\n    axis: ResizeHandleAxis,\n    phase: ResizePhase,\n    dx: number,\n    dy: number,\n  ) => void;\n}\n\nfunction ResizeHandle({ axis, onResize }: ResizeHandleProps) {\n  const { moveProps } = useMove({\n    onMoveStart() {\n      onResize(axis, 'start', 0, 0);\n    },\n    onMove(e) {\n      onResize(axis, 'move', e.deltaX, e.deltaY);\n    },\n    onMoveEnd() {\n      onResize(axis, 'end', 0, 0);\n    },\n  });\n\n  const stopProps = {\n    onPointerDown: (e: React.PointerEvent) => e.stopPropagation(),\n    onMouseDown: (e: React.MouseEvent) => e.stopPropagation(),\n    onTouchStart: (e: React.TouchEvent) => e.stopPropagation(),\n  };\n\n  return (\n    <HandleElement\n      data-axis={axis}\n      {...mergeProps(stopProps, moveProps)}\n      aria-hidden=\"true\"\n    />\n  );\n}\n\nexport interface WidgetHostProps {\n  boardId: string;\n  item: LayoutItem;\n  positionParams: PositionParams;\n  registration: WidgetRegistration | undefined;\n  /**\n   * Whether this widget renders with card chrome (fill/border/radius). Resolved\n   * by the owning `Board` from the per-widget `isCard` and the board-level\n   * `widgetProps.isCard` default.\n   */\n  isCard: boolean;\n  /**\n   * Resolved style overrides for the rendered widget element (per-widget\n   * `styles` falling back to the board-level `widgetProps.styles`).\n   */\n  styles?: Styles;\n  isDraggable: boolean;\n  isResizable: boolean;\n  resizeHandles: ResizeHandleAxis[];\n  /**\n   * Whether this widget grows to fit its content. Resolved by the owning\n   * `Board` from the per-widget `isAutoHeight` and the board-level\n   * `widgetProps.isAutoHeight` default.\n   */\n  isAutoHeight: boolean;\n  /**\n   * Test id / accessible name for the rendered widget element. Resolved by the\n   * owning `Board` from the per-widget `qa` and the board-level `widgetProps.qa`\n   * default; falls back to the layout id.\n   */\n  qa?: string;\n  /**\n   * CSS selector for elements that must not start a pointer drag (e.g. form\n   * controls inside the widget). A pointer-down whose target matches this\n   * selector never begins a drag.\n   */\n  dragCancel?: string;\n  /**\n   * CSS selector for the only elements from which a pointer drag may start. A\n   * pointer-down outside a matching element never begins a drag.\n   */\n  dragHandle?: string;\n  /**\n   * Whether the owning board has settled its widgets' initial positions. While\n   * false, the widget does not animate `inset` (left/top) so the first\n   * positioned paint isn't seen as a transition. Lifted after the board's first\n   * measured render.\n   */\n  settled?: boolean;\n  registry: BoardRegistryContextValue;\n  dragState: BoardDragState | null;\n  onResize: (\n    id: string,\n    axis: ResizeHandleAxis,\n    phase: ResizePhase,\n    dx: number,\n    dy: number,\n  ) => void;\n  /**\n   * Report the minimum number of rows this widget needs to fit its content\n   * (typically a nested board). The owning board grows the item to this height\n   * when it is taller than the current one, and treats it as the resize floor\n   * so the widget cannot be dragged shorter than its content requires.\n   */\n  onAutoHeight: (id: string, neededRows: number) => void;\n  /**\n   * Notify the owning board of a drag gesture's lifecycle so it can emit the\n   * public drag callbacks. Fires after the registry has updated drag state.\n   */\n  onDragLifecycle?: (id: string, phase: ResizePhase) => void;\n}\n\n/**\n * The positioned, interactive wrapper a board renders for each layout item it\n * owns. Content is pulled from the shared store (by id), so any board can host\n * any widget. Dragging uses React Aria `useMove`; during a drag the widget\n * renders into the shared overlay portal so it can float outside its board.\n */\nexport function WidgetHost(props: WidgetHostProps) {\n  const {\n    boardId,\n    item,\n    positionParams,\n    registration,\n    isCard,\n    styles: widgetStyles,\n    isDraggable,\n    isResizable,\n    resizeHandles,\n    isAutoHeight,\n    qa,\n    dragCancel,\n    dragHandle,\n    registry,\n    dragState,\n    settled,\n    onResize,\n    onAutoHeight,\n    onDragLifecycle,\n  } = props;\n\n  const hostRef = useRef<HTMLDivElement | null>(null);\n  const isActiveDrag = dragState?.itemId === item.i;\n\n  // Translate a nested board's reported height deficit (signed px: positive when\n  // it is squeezed, negative when it has slack) into the absolute number of rows\n  // this widget needs, and report it to the owning board. The widget's chrome\n  // cancels out: the needed pixel height is the widget's current pixel height\n  // plus the deficit. A small tolerance keeps sub-pixel rounding from bumping an\n  // extra row. Skipped during a drag (the widget is floating in the overlay).\n  const requestHeightDeficit = useEvent((deficitPx: number) => {\n    if (!isAutoHeight || isActiveDrag) return;\n    const step = positionParams.rowHeight + positionParams.margin[1];\n    if (step <= 0) return;\n    const current = calcGridItemPosition(\n      positionParams,\n      item.x,\n      item.y,\n      item.w,\n      item.h,\n    );\n    const neededPx = current.height + deficitPx;\n    const neededRows = Math.max(\n      1,\n      Math.ceil(\n        (neededPx + positionParams.margin[1] - AUTO_HEIGHT_TOLERANCE) / step,\n      ),\n    );\n    onAutoHeight(item.i, neededRows);\n  });\n\n  const hostValue = useMemo<BoardHost>(\n    () => ({ isAutoHeight, requestHeightDeficit }),\n    [isAutoHeight, requestHeightDeficit],\n  );\n  // Keyboard drags stay in place: moving the focused element into the overlay\n  // portal would unmount it and stop arrow-key move events.\n  const useOverlay = isActiveDrag && dragState?.pointerType !== 'keyboard';\n\n  const [isResizing, setIsResizing] = useState(false);\n  const [isFocusWithin, setIsFocusWithin] = useState(false);\n  const { hoverProps, isHovered } = useHover({ isDisabled: isActiveDrag });\n  const { focusProps, isFocusVisible } = useFocusRing();\n  const { focusWithinProps } = useFocusWithin({\n    onFocusWithinChange: setIsFocusWithin,\n  });\n\n  // Reveal the resize grips when the widget is interacted with (but not while it\n  // is being dragged, where the widget floats in the overlay).\n  const gripsRevealed =\n    isResizable &&\n    !item.static &&\n    !isActiveDrag &&\n    (isHovered || isFocusWithin || isResizing);\n\n  const { moveProps } = useMove({\n    onMoveStart(e) {\n      if (!isDraggable) return;\n      const rect = hostRef.current?.getBoundingClientRect();\n      const pos = calcGridItemPosition(\n        positionParams,\n        item.x,\n        item.y,\n        item.w,\n        item.h,\n      );\n      const vr: ViewportRect = rect\n        ? {\n            left: rect.left,\n            top: rect.top,\n            width: rect.width,\n            height: rect.height,\n          }\n        : {\n            left: pos.left,\n            top: pos.top,\n            width: pos.width,\n            height: pos.height,\n          };\n      registry.onDragStart(boardId, item.i, vr, e.pointerType, hostRef.current);\n      onDragLifecycle?.(item.i, 'start');\n    },\n    onMove(e) {\n      if (!isDraggable) return;\n      if (e.pointerType === 'keyboard') {\n        // Amplify arrow-key steps to a full grid cell so items actually move.\n        const colWidth = calcGridColWidth(positionParams);\n        const stepX = colWidth + positionParams.margin[0];\n        const stepY = positionParams.rowHeight + positionParams.margin[1];\n        registry.onDragMove(\n          Math.sign(e.deltaX) * stepX,\n          Math.sign(e.deltaY) * stepY,\n          e.pointerType,\n        );\n        onDragLifecycle?.(item.i, 'move');\n        return;\n      }\n      registry.onDragMove(e.deltaX, e.deltaY, e.pointerType);\n      onDragLifecycle?.(item.i, 'move');\n    },\n    onMoveEnd() {\n      if (!isDraggable) return;\n      registry.onDragEnd();\n      onDragLifecycle?.(item.i, 'end');\n    },\n  });\n\n  const a11yProps = {\n    tabIndex: isDraggable ? 0 : undefined,\n    'aria-roledescription': isDraggable ? 'Draggable widget' : undefined,\n    'aria-label': qa ?? item.i,\n  };\n\n  // When this widget is draggable it owns its gesture, so stop the pointer-down\n  // from bubbling to an ancestor widget host (e.g. a container widget hosting a\n  // nested board / Tabs). Otherwise the ancestor's `useMove` would start a\n  // second drag from the same press and the whole parent widget would move too.\n  // Non-draggable widgets let the event bubble so their container stays grabbable\n  // through their content.\n  const stopBubbleProps = isDraggable\n    ? {\n        onPointerDown: (e: React.PointerEvent) => e.stopPropagation(),\n        onMouseDown: (e: React.MouseEvent) => e.stopPropagation(),\n        onTouchStart: (e: React.TouchEvent) => e.stopPropagation(),\n      }\n    : {};\n\n  // Gate a pointer drag by `dragHandle` / `dragCancel` selectors. Returns true\n  // when the press must NOT start a drag (outside a `dragHandle`, or matching\n  // `dragCancel`).\n  const shouldGateDrag = (target: EventTarget | null) => {\n    if (!(target instanceof Element)) return false;\n    if (dragHandle && !target.closest(dragHandle)) return true;\n    return !!(dragCancel && target.closest(dragCancel));\n  };\n\n  // The gate wraps `useMove`'s own pointer-down handlers rather than a separate\n  // capture-phase listener. When a press is gated we simply do not forward it to\n  // `useMove`, so the drag never begins. This is deliberate: `useMove`'s\n  // pointer-down handler calls both `stopPropagation()` and `preventDefault()`.\n  // Calling it (or pre-empting it with a capture-phase `stopPropagation()`)\n  // would break the very controls `dragCancel` is meant to protect - a\n  // `preventDefault()` on pointer-down cancels a native `<input>`'s focus, and a\n  // capture-phase `stopPropagation()` swallows a `<button>`'s own press events.\n  // Skipping `useMove` entirely leaves the target's default behavior and its own\n  // handlers fully intact. Keyboard moves go through `onKeyDown` and are never\n  // gated.\n  //\n  // A non-draggable widget must not carry `moveProps` at all: `useMove`'s\n  // pointer-down handler calls `preventDefault()`, which cancels native text\n  // selection inside the widget. Read-only boards (`isDraggable={false}`) still\n  // need selectable content, so we drop the handlers entirely instead of relying\n  // on the early-returns inside the `onMove*` callbacks.\n  const gatedMoveProps = !isDraggable\n    ? {}\n    : {\n        ...moveProps,\n        ...(moveProps.onPointerDown && {\n          onPointerDown: (e: React.PointerEvent<HTMLDivElement>) => {\n            if (shouldGateDrag(e.target)) return;\n            hostRef.current?.focus({ preventScroll: true });\n            moveProps.onPointerDown!(e);\n          },\n        }),\n        ...(moveProps.onMouseDown && {\n          onMouseDown: (e: React.MouseEvent<HTMLDivElement>) => {\n            if (shouldGateDrag(e.target)) return;\n            hostRef.current?.focus({ preventScroll: true });\n            moveProps.onMouseDown!(e);\n          },\n        }),\n        ...(moveProps.onTouchStart && {\n          onTouchStart: (e: React.TouchEvent<HTMLDivElement>) => {\n            if (shouldGateDrag(e.target)) return;\n            moveProps.onTouchStart!(e);\n          },\n        }),\n      };\n\n  const handleResize = (\n    axis: ResizeHandleAxis,\n    phase: ResizePhase,\n    dx: number,\n    dy: number,\n  ) => {\n    if (phase === 'start') setIsResizing(true);\n    else if (phase === 'end') setIsResizing(false);\n    onResize(item.i, axis, phase, dx, dy);\n  };\n\n  const mods = {\n    drag: isActiveDrag,\n    draggable: isDraggable && !isActiveDrag,\n    static: !!item.static,\n    resizing: isResizing,\n    card: isCard,\n    hovered: isHovered,\n    'focus-visible': isFocusVisible,\n  };\n\n  const content = (\n    <BoardHostContext.Provider value={hostValue}>\n      {registration?.content}\n      {isResizable && !item.static ? (\n        <>\n          {resizeHandles.map((axis) => (\n            <ResizeHandle key={axis} axis={axis} onResize={handleResize} />\n          ))}\n          {resizeHandles.filter(isCornerAxis).map((axis) => (\n            <GripElement\n              key={`grip-${axis}`}\n              data-axis={axis}\n              mods={{ revealed: gripsRevealed }}\n              aria-hidden=\"true\"\n            />\n          ))}\n          {resizeHandles.filter(isEdgeAxis).map((axis) => (\n            <EdgeGripElement\n              key={`edge-grip-${axis}`}\n              data-axis={axis}\n              mods={{ revealed: gripsRevealed, resizing: isResizing }}\n              aria-hidden=\"true\"\n            >\n              <div data-element=\"Dot\" />\n              <div data-element=\"Dot\" />\n              <div data-element=\"Dot\" />\n              <div data-element=\"Dot\" />\n              <div data-element=\"Dot\" />\n            </EdgeGripElement>\n          ))}\n        </>\n      ) : null}\n    </BoardHostContext.Provider>\n  );\n\n  const pos = calcGridItemPosition(\n    positionParams,\n    item.x,\n    item.y,\n    item.w,\n    item.h,\n  );\n\n  // While dragging with a pointer, the widget's visual floats in the shared\n  // overlay so it is never clipped by an ancestor's `overflow: hidden`. The\n  // gesture-owning element (the one carrying `moveProps`) must NOT be the node\n  // that moves into the overlay: React Aria's `useMove` binds its pointer\n  // move/end listeners relative to the node that received `onPointerDown`, and\n  // relocating that node into the portal tears it down and mounts a fresh one\n  // (inside a `pointerEvents: 'none'` layer), which can drop the in-flight\n  // gesture. Instead we keep a stable, always-mounted in-grid host that owns the\n  // gesture for its whole lifetime, and portal a separate, non-interactive\n  // visual clone into the overlay.\n  const overlayNode = registry.overlayRef.current;\n  const floatInOverlay = useOverlay && !!overlayNode && !!dragState;\n\n  const hostStyle: CSSProperties = {\n    left: `${pos.left}px`,\n    top: `${pos.top}px`,\n    width: `${pos.width}px`,\n    height: `${pos.height}px`,\n    // Kept mounted but hidden while its clone floats, so the gesture stays live\n    // on this node (the pointer listeners never get torn down).\n    ...(floatInOverlay ? { opacity: 0, pointerEvents: 'none' } : null),\n  };\n\n  // The floating clone carries the \"drag\" affordance (raised shadow/z-index);\n  // keep the hidden host flat. Keyboard drags (which never float) still\n  // highlight the in-grid host, so only suppress `drag` when floating.\n  const hostMods = { ...mods, drag: isActiveDrag && !floatInOverlay, settled };\n\n  // The host is always rendered first, with a stable element shape, so React\n  // reuses the same DOM node across the drag transition (never remounts it).\n  const host = (\n    <WidgetElement\n      ref={hostRef}\n      // Marks this element as a board widget host so the registry can find the\n      // container widget a nested board lives in (used to keep a drag anchored to\n      // a nested board while the anchor is still over its host - e.g. the Tabs\n      // header above a nested board - instead of reflowing the ancestor board).\n      data-board-widget-host=\"\"\n      {...mergeProps(\n        gatedMoveProps,\n        stopBubbleProps,\n        hoverProps,\n        focusProps,\n        focusWithinProps,\n        a11yProps,\n        { style: hostStyle },\n      )}\n      qa={qa}\n      mods={hostMods}\n      styles={widgetStyles as Styles}\n    >\n      {floatInOverlay ? null : content}\n    </WidgetElement>\n  );\n\n  const overlayClone = floatInOverlay\n    ? createPortal(\n        <WidgetElement\n          style={{\n            position: 'absolute',\n            left: `${dragState!.rect.left}px`,\n            top: `${dragState!.rect.top}px`,\n            width: `${dragState!.rect.width}px`,\n            height: `${dragState!.rect.height}px`,\n            pointerEvents: 'none',\n          }}\n          mods={{ ...mods, drag: true, floating: true }}\n          styles={widgetStyles as Styles}\n          aria-hidden=\"true\"\n        >\n          {content}\n        </WidgetElement>,\n        overlayNode!,\n      )\n    : null;\n\n  return (\n    <>\n      {host}\n      {overlayClone}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/layout/Board/board-context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/layout/Board/board-context.tsx

package/dist/components/layout/Board/board-store.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 //#region src/components/layout/Board/board-store.ts
 /**
 * A tiny external store mapping widget id -> registration.

package/dist/components/layout/Board/grid-core/calculate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/calculate.ts
 /** Calculate the width of a single grid column in pixels. */
 function calcGridColWidth(positionParams) {

package/dist/components/layout/Board/grid-core/collision.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/collision.ts
 /**
 * Check if two layout items collide (overlap).

package/dist/components/layout/Board/grid-core/compactors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/constraints.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/constraints.ts
 function clamp(value, min, max) {
 	return Math.max(min, Math.min(max, value));

package/dist/components/layout/Board/grid-core/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { getAllCollisions, getFirstCollision } from "./collision.js";
 import { sortLayoutItems } from "./sort.js";
 

package/dist/components/layout/Board/grid-core/sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";
 import { aspectRatio, boundedX, boundedY, containerBounds, gridBounds, maxSize, minMaxSize, minSize, snapToGrid } from "./grid-core/constraints.js";
 import { BoardProvider } from "./BoardProvider.js";

package/dist/components/layout/Board/responsive-utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { cloneLayout, correctBounds } from "./grid-core/layout.js";
 
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cloneLayout } from "./grid-core/layout.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/layout/Board/use-board-registry.js

@@ -1,26 +1,32 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
-import { cloneLayout, getLayoutItem, moveElement } from "./grid-core/layout.js";
+import { getAllCollisions } from "./grid-core/collision.js";
+import { bottom, cloneLayout, getLayoutItem, moveElement } from "./grid-core/layout.js";
 import { calcXYRaw } from "./grid-core/calculate.js";
 import { applyPositionConstraints } from "./grid-core/constraints.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 //#region src/components/layout/Board/use-board-registry.ts
 /**
-* The dragged widget's top-left corner in viewport coordinates.
+* The dragged widget's center in viewport coordinates.
 *
-* This is the anchor `computeLanding` maps into a target board's grid, and the
-* same point the floating overlay clone is positioned at (see `WidgetHost`), so
-* the drop-target hit-test must use it too. Picking the target by the widget's
-* center instead lets a wide/tall widget select a board its top-left has not yet
-* entered: `computeLanding` then clamps the landing to that board's edge and the
-* placeholder/drop slot drift away from where the overlay is actually drawn.
+* This is the anchor the drop-target hit-test uses to pick which board a drag is
+* over, so a board (including an empty one) opens as soon as the widget's center
+* enters it rather than only once its whole top-left corner is inside.
+*
+* The landing itself stays anchored to the grabbed top-left (`rect.left/top` in
+* `computeLanding`): that point is this center offset by the widget's own fixed
+* pixel size, so the resolved landing cell keeps corresponding to where the
+* floating overlay clone is drawn (see `WidgetHost`) and the placeholder keeps
+* tracking the ghost. The only unavoidable divergence is while the widget
+* physically overhangs a board edge - a placeholder cannot render outside row 0
+* / column 0 - which is the accepted tradeoff for opening on the center.
 */
-function rectOrigin(rect) {
+function rectCenter(rect) {
 	return {
-		x: rect.left,
-		y: rect.top
+		x: rect.left + rect.width / 2,
+		y: rect.top + rect.height / 2
 	};
 }
 function useBoardRegistry(options) {
@@ -178,6 +184,59 @@ function useBoardRegistry(options) {
 		entry.setPlaceholder(getLayoutItem(compacted, item.i) ?? null);
 	}, []);
 	/**
+	* Move a widget by one logical keyboard step. Unlike pointer movement, this
+	* starts from the live grid coordinates rather than DOM geometry and scans
+	* farther in the requested direction when the adjacent slot cannot produce a
+	* valid move.
+	*/
+	const moveWithKeyboard = useCallback((entry, item, deltaX, deltaY) => {
+		const pp = entry.getPositionParams();
+		const compactor = entry.getCompactor();
+		const layout = entry.getLayout();
+		const live = getLayoutItem(layout, item.i);
+		if (!live) return;
+		const directionX = Math.sign(deltaX);
+		const directionY = Math.sign(deltaY);
+		if (directionX === 0 && directionY === 0) return;
+		const maxRows = entry.getMaxRows();
+		const attempts = directionX < 0 ? live.x : directionX > 0 ? Math.max(0, pp.cols - live.w - live.x) : directionY < 0 ? live.y : Number.isFinite(maxRows) ? Math.max(0, maxRows - live.h - live.y) : Math.max(1, bottom(layout) - live.y);
+		const seen = /* @__PURE__ */ new Set();
+		for (let distance = 1; distance <= attempts; distance++) {
+			const rawX = live.x + directionX * distance;
+			const rawY = live.y + directionY * distance;
+			const candidate = applyPositionConstraints(entry.getConstraints(), item, rawX, rawY, {
+				cols: pp.cols,
+				maxRows,
+				containerWidth: pp.containerWidth,
+				containerHeight: entry.getContainerHeight(),
+				rowHeight: pp.rowHeight,
+				margin: pp.margin,
+				layout
+			});
+			const candidateKey = `${candidate.x}:${candidate.y}`;
+			if (seen.has(candidateKey)) continue;
+			seen.add(candidateKey);
+			if (directionX !== 0 && (Math.sign(candidate.x - live.x) !== directionX || candidate.y !== live.y) || directionY !== 0 && (Math.sign(candidate.y - live.y) !== directionY || candidate.x !== live.x)) continue;
+			const working = cloneLayout(layout);
+			const target = getLayoutItem(working, item.i);
+			if (!target) return;
+			const moved = moveElement(working, target, candidate.x, candidate.y, true, compactor.preventCollision, compactor.type, pp.cols, compactor.allowOverlap);
+			const compacted = [...compactor.compact(moved, pp.cols)];
+			const landed = getLayoutItem(compacted, item.i);
+			if (!landed) continue;
+			const advanced = directionX !== 0 ? Math.sign(landed.x - live.x) === directionX && landed.y === live.y : Math.sign(landed.y - live.y) === directionY && landed.x === live.x;
+			const overlaps = !compactor.allowOverlap && getAllCollisions(compacted, landed).some((other) => other.i !== landed.i);
+			if (!advanced || overlaps) continue;
+			entry.applyLayout(compacted, false);
+			entry.setPlaceholder(landed);
+			lastLandingRef.current = {
+				x: landed.x,
+				y: landed.y
+			};
+			return;
+		}
+	}, []);
+	/**
 	* Live cross-board reflow preview. Pushes the target board's *other* widgets
 	* aside to make room for the incoming item, without ever adding the dragged
 	* item's host to the target (it stays visualized as a placeholder + overlay
@@ -220,16 +279,21 @@ function useBoardRegistry(options) {
 		target.applyLayout(compacted.filter((l) => l.i !== item.i), false);
 		target.setPlaceholder({ ...landed });
 	}, []);
-	const onDragMove = useEvent((deltaX, deltaY, _pointerType) => {
+	const onDragMove = useEvent((deltaX, deltaY, pointerType) => {
 		const ds = dragStateRef.current;
 		if (!ds) return;
+		if (pointerType === "keyboard") {
+			const source = boardsRef.current.get(ds.sourceBoardId);
+			if (source) moveWithKeyboard(source, ds.item, deltaX, deltaY);
+			return;
+		}
 		const newRect = {
 			...ds.rect,
 			left: ds.rect.left + deltaX,
 			top: ds.rect.top + deltaY
 		};
 		const source = boardsRef.current.get(ds.sourceBoardId);
-		const anchor = rectOrigin(newRect);
+		const anchor = rectCenter(newRect);
 		let target = hitTest(anchor) ?? source ?? null;
 		if (target && source && target.id !== source.id && isAncestorBoard(target, source)) {
 			const containerRect = getBoardContainerRect(source);

package/dist/components/layout/Board/use-board-registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-board-registry.js","names":[],"sources":["../../../../src/components/layout/Board/use-board-registry.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport {\n  BoardDragState,\n  BoardEntry,\n  BoardRegistryContextValue,\n  ViewportRect,\n  WidgetTransferInfo,\n} from './board-context';\nimport { BoardWidgetStore } from './board-store';\nimport {\n  applyPositionConstraints,\n  calcXYRaw,\n  cloneLayout,\n  getLayoutItem,\n  LayoutItem,\n  moveElement,\n} from './grid-core';\n\n/**\n * The dragged widget's top-left corner in viewport coordinates.\n *\n * This is the anchor `computeLanding` maps into a target board's grid, and the\n * same point the floating overlay clone is positioned at (see `WidgetHost`), so\n * the drop-target hit-test must use it too. Picking the target by the widget's\n * center instead lets a wide/tall widget select a board its top-left has not yet\n * entered: `computeLanding` then clamps the landing to that board's edge and the\n * placeholder/drop slot drift away from where the overlay is actually drawn.\n */\nfunction rectOrigin(rect: ViewportRect): { x: number; y: number } {\n  return { x: rect.left, y: rect.top };\n}\n\n/**\n * Cross-board drag orchestration.\n *\n * Owns the shared widget-content store, the drag overlay ref, and the registry\n * of boards. Handles moving an item inside a board and transferring it between\n * boards (including nested ones) by hit-testing the pointer against each board's\n * content rectangle.\n */\nexport interface UseBoardRegistryOptions {\n  /** Fired when a widget is dropped from one board into another. */\n  onWidgetTransfer?: (info: WidgetTransferInfo) => void;\n}\n\nexport function useBoardRegistry(\n  options?: UseBoardRegistryOptions,\n): BoardRegistryContextValue {\n  const store = useMemo(() => new BoardWidgetStore(), []);\n  // Latest transfer callback, read from a ref so the stable `onDragEnd` handler\n  // always calls the current one without re-creating the registry.\n  const onTransferRef = useRef(options?.onWidgetTransfer);\n  onTransferRef.current = options?.onWidgetTransfer;\n  const overlayRef = useRef<HTMLDivElement | null>(null);\n  const boardsRef = useRef<Map<string, BoardEntry>>(new Map());\n  const dragStateRef = useRef<BoardDragState | null>(null);\n  const affectedRef = useRef<Set<string>>(new Set());\n  // Snapshot of the source board's layout at drag start, used to restore the\n  // source when the pointer leaves it (the dragged item is never removed from\n  // the source mid-drag, so its gesture host stays mounted).\n  const sourceSnapshotRef = useRef<LayoutItem[]>([]);\n  // Snapshot of each visited target board's layout at the moment the pointer\n  // first entered it. Used to restore a board when the pointer leaves it, and as\n  // the clean seed for the reflow preview on (re-)entry. Never mutated.\n  const targetSnapshotsRef = useRef<Map<string, LayoutItem[]>>(new Map());\n  // The current target board's live working layout (including the incoming\n  // item). Carried across frames so small pointer movements reflow the board\n  // incrementally - exactly like an in-board drag - instead of recomputing from\n  // scratch each frame (which lets collision resolution sink the item to the\n  // bottom of an occupied column).\n  const previewRef = useRef<{ boardId: string; working: LayoutItem[] } | null>(\n    null,\n  );\n  // Board content rects captured at drag start. Reading geometry from here (not\n  // live getBoundingClientRect) means the live-reflow preview can't move the\n  // rects that selection/landing depend on -> no feedback loop.\n  const frozenRectsRef = useRef<Map<string, DOMRect>>(new Map());\n  // Ids of boards nested inside the dragged widget, captured at drag start.\n  // Such a board must never be a drop target: dropping a widget into a board\n  // nested within itself removes it from the tree that renders that board.\n  // The overlay-containment check in `hitTest` only catches these once the\n  // dragged widget has floated into the overlay, but `useMove` fires the first\n  // `onMove` synchronously with `onMoveStart` (before React relocates the\n  // widget into the overlay), so on a tiny one-move drag the nested board is\n  // still in-grid and would be selected. Excluding these ids for the whole\n  // gesture closes that window.\n  const nestedInDraggedRef = useRef<Set<string>>(new Set());\n  // Last landing position computed for the current target board (grid units).\n  const lastLandingRef = useRef<{ x: number; y: number } | null>(null);\n  // Live pointer position (viewport coords) tracked for the whole drag via a\n  // window listener. `useMove` only reports deltas, but the ancestor-handoff gate\n  // needs the actual cursor (not the dragged widget's top-left anchor, which sits\n  // above the cursor by the grab offset) so a nested board hands off to its\n  // ancestor only once the *pointer* truly leaves the container widget. Null for\n  // keyboard drags (no pointer) and until the first pointer move.\n  const pointerPosRef = useRef<{ x: number; y: number } | null>(null);\n  const [dragState, setDragStateInternal] = useState<BoardDragState | null>(\n    null,\n  );\n\n  const setDragState = useCallback((next: BoardDragState | null) => {\n    dragStateRef.current = next;\n    setDragStateInternal(next);\n  }, []);\n\n  // Record the live cursor for the ancestor-handoff gate (see `pointerPosRef`).\n  // Capture phase so it lands before `useMove`'s own window listeners drive the\n  // frame's `onDragMove`.\n  const trackPointer = useCallback((e: PointerEvent) => {\n    pointerPosRef.current = { x: e.clientX, y: e.clientY };\n  }, []);\n\n  // Safety net: drop the window listener if the hook unmounts mid-drag.\n  useEffect(\n    () => () => window.removeEventListener('pointermove', trackPointer, true),\n    [trackPointer],\n  );\n\n  const registerBoard = useCallback((entry: BoardEntry) => {\n    boardsRef.current.set(entry.id, entry);\n    return () => {\n      // Only remove if a newer board instance hasn't already taken over this id\n      // (boards can remount when their host widget is relocated, e.g. dragged).\n      if (boardsRef.current.get(entry.id) === entry) {\n        boardsRef.current.delete(entry.id);\n      }\n    };\n  }, []);\n\n  // Geometry frozen at drag start; falls back to the live rect for boards that\n  // mount (or become visible) mid-drag. A board hidden at drag start - e.g. a\n  // board inside an inactive tab - has a degenerate (0x0) frozen rect; ignore\n  // it and read the live rect instead, freezing that first real measurement so\n  // later frames stay stable (no preview feedback loop). This lets a tab board\n  // revealed by a spring-loaded tab switch become a valid drop/landing target.\n  const getBoardRect = useCallback((entry: BoardEntry): DOMRect | null => {\n    const frozen = frozenRectsRef.current.get(entry.id);\n    if (frozen && frozen.width > 0 && frozen.height > 0) return frozen;\n\n    const live = entry.getContentRect();\n    if (live && live.width > 0 && live.height > 0) {\n      frozenRectsRef.current.set(entry.id, live);\n      return live;\n    }\n\n    return frozen ?? live;\n  }, []);\n\n  /** True when board `outer` DOM-contains board `inner` (outer is an ancestor). */\n  const isAncestorBoard = useCallback(\n    (outer: BoardEntry, inner: BoardEntry): boolean => {\n      const outerNode = outer.getContentNode();\n      const innerNode = inner.getContentNode();\n      return !!outerNode && !!innerNode && outerNode.contains(innerNode);\n    },\n    [],\n  );\n\n  /**\n   * Viewport rect of the widget host a nested board lives in, or null for a\n   * top-level board. Lets a drag stay anchored to a nested board while the anchor\n   * is still within its container widget (e.g. over a Tabs header sitting above\n   * the board), so an ancestor board does not reflow prematurely.\n   */\n  const getBoardContainerRect = useCallback(\n    (entry: BoardEntry): DOMRect | null => {\n      const host = entry\n        .getContentNode()\n        ?.parentElement?.closest<HTMLElement>('[data-board-widget-host]');\n      return host?.getBoundingClientRect() ?? null;\n    },\n    [],\n  );\n\n  /** Whether a point falls within a rect (inclusive of edges). */\n  const pointInRect = useCallback(\n    (point: { x: number; y: number }, rect: DOMRect): boolean =>\n      point.x >= rect.left &&\n      point.x <= rect.right &&\n      point.y >= rect.top &&\n      point.y <= rect.bottom,\n    [],\n  );\n\n  /** Find the most-nested droppable board whose content rect contains a point. */\n  const hitTest = useCallback(\n    (point: { x: number; y: number }): BoardEntry | null => {\n      let best: BoardEntry | null = null;\n      let bestArea = Infinity;\n\n      // During a pointer drag the dragged widget (and any board nested inside it)\n      // lives in the overlay portal. Such boards must never be drop targets -\n      // dropping a widget into a board nested within itself would remove it from\n      // the tree that renders that board.\n      const overlay = overlayRef.current;\n\n      boardsRef.current.forEach((entry) => {\n        if (!entry.isDroppable()) return;\n        if (nestedInDraggedRef.current.has(entry.id)) return;\n        if (overlay && overlay.contains(entry.getContentNode())) return;\n        // Skip boards that are currently hidden - e.g. the board inside an\n        // inactive tab after a spring-loaded tab switch. Such a board keeps the\n        // frozen rect it had while visible, which would otherwise shadow the\n        // sibling board now shown in the exact same screen area (tabs share it),\n        // trapping the drag in the hidden board. A hidden element reports a\n        // zero-sized live rect, so use that as the visibility gate while still\n        // reading geometry from the frozen rect (no preview feedback loop).\n        const liveRect = entry.getContentRect();\n        if (!liveRect || liveRect.width === 0 || liveRect.height === 0) return;\n        const rect = getBoardRect(entry);\n        if (!rect) return;\n        if (\n          point.x >= rect.left &&\n          point.x <= rect.right &&\n          point.y >= rect.top &&\n          point.y <= rect.bottom\n        ) {\n          const area = rect.width * rect.height;\n          if (area < bestArea) {\n            bestArea = area;\n            best = entry;\n          }\n        }\n      });\n\n      return best;\n    },\n    [getBoardRect],\n  );\n\n  const onDragStart = useEvent(\n    (\n      boardId: string,\n      itemId: string,\n      rect: ViewportRect,\n      pointerType: string,\n      widgetNode: HTMLElement | null,\n    ) => {\n      const entry = boardsRef.current.get(boardId);\n      const item = entry ? getLayoutItem(entry.getLayout(), itemId) : undefined;\n      if (!entry || !item) return;\n\n      // Record boards nested inside the dragged widget so they are never picked\n      // as a drop target (dropping a widget into a board nested within itself\n      // would unmount it). Computed here, before the widget floats into the\n      // overlay, while its nested boards are still in-grid descendants.\n      const nested = new Set<string>();\n      if (widgetNode) {\n        boardsRef.current.forEach((e) => {\n          const node = e.getContentNode();\n          if (node && widgetNode.contains(node)) nested.add(e.id);\n        });\n      }\n      nestedInDraggedRef.current = nested;\n\n      // Freeze every board's geometry for the whole gesture so live-reflow\n      // preview writes can't move the rects selection/landing read.\n      const frozen = new Map<string, DOMRect>();\n      boardsRef.current.forEach((e) => {\n        const r = e.getContentRect();\n        if (r) frozen.set(e.id, r);\n      });\n      frozenRectsRef.current = frozen;\n\n      affectedRef.current = new Set([boardId]);\n      sourceSnapshotRef.current = cloneLayout(entry.getLayout());\n      previewRef.current = null;\n      lastLandingRef.current = { x: item.x, y: item.y };\n      // Start tracking the live cursor for the ancestor-handoff gate. Keyboard\n      // drags have no pointer, so the gate falls back to the widget anchor.\n      pointerPosRef.current = null;\n      if (pointerType !== 'keyboard') {\n        window.addEventListener('pointermove', trackPointer, true);\n      }\n      // Layout-item constraints win; otherwise fall back to the ones declared on\n      // the owning `Board.Widget` so position constraints apply during drag.\n      const draggedItem: LayoutItem = {\n        ...item,\n        constraints: item.constraints ?? store.get(itemId)?.constraints,\n      };\n      const next: BoardDragState = {\n        sourceBoardId: boardId,\n        currentBoardId: boardId,\n        itemId,\n        item: draggedItem,\n        rect,\n        pointerType,\n        nestedBoardIds: nested,\n      };\n      setDragState(next);\n      entry.setPlaceholder({ ...item });\n    },\n  );\n\n  /** Compute the constrained landing position of an item on a target board. */\n  const computeLanding = useCallback(\n    (\n      target: BoardEntry,\n      item: LayoutItem,\n      rect: ViewportRect,\n    ): { x: number; y: number } => {\n      const pp = target.getPositionParams();\n      const contentRect = getBoardRect(target);\n      const localLeft = rect.left - (contentRect?.left ?? 0);\n      const localTop = rect.top - (contentRect?.top ?? 0);\n      const raw = calcXYRaw(pp, localTop, localLeft);\n\n      return applyPositionConstraints(\n        target.getConstraints(),\n        item,\n        raw.x,\n        raw.y,\n        {\n          cols: pp.cols,\n          maxRows: target.getMaxRows(),\n          containerWidth: pp.containerWidth,\n          containerHeight: target.getContainerHeight(),\n          rowHeight: pp.rowHeight,\n          margin: pp.margin,\n          layout: target.getLayout(),\n        },\n      );\n    },\n    [getBoardRect],\n  );\n\n  const moveWithinBoard = useCallback(\n    (entry: BoardEntry, item: LayoutItem, x: number, y: number) => {\n      const pp = entry.getPositionParams();\n      const compactor = entry.getCompactor();\n      const layout = entry.getLayout();\n      const live = getLayoutItem(layout, item.i);\n      const working = live ? [...layout] : [...layout, { ...item, x, y }];\n      const target = getLayoutItem(working, item.i);\n      if (!target) return;\n\n      const moved = moveElement(\n        working,\n        target,\n        x,\n        y,\n        true,\n        compactor.preventCollision,\n        compactor.type,\n        pp.cols,\n        compactor.allowOverlap,\n      );\n      const compacted = [...compactor.compact(moved, pp.cols)];\n      entry.applyLayout(compacted, false);\n      entry.setPlaceholder(getLayoutItem(compacted, item.i) ?? null);\n    },\n    [],\n  );\n\n  /**\n   * Live cross-board reflow preview. Pushes the target board's *other* widgets\n   * aside to make room for the incoming item, without ever adding the dragged\n   * item's host to the target (it stays visualized as a placeholder + overlay\n   * clone, and its gesture host remains mounted in the source board).\n   *\n   * Continuity: the working layout (including the incoming item) is carried\n   * across frames via `previewRef`, so a small pointer movement moves the item\n   * one step and reflows the neighbours incrementally - identical to an in-board\n   * drag. Recomputing from the clean snapshot every frame instead lets\n   * `moveElement`/compaction sink the item to the bottom of an occupied column\n   * (the \"pushed too far below\" bug). On (re-)entry the working layout is seeded\n   * from a *clone* of the snapshot so the stored snapshot is never mutated.\n   */\n  const previewOnTarget = useCallback(\n    (target: BoardEntry, item: LayoutItem, x: number, y: number) => {\n      const pp = target.getPositionParams();\n      const compactor = target.getCompactor();\n\n      const carried =\n        previewRef.current?.boardId === target.id\n          ? previewRef.current.working\n          : null;\n      const base = (\n        carried ??\n        cloneLayout(\n          targetSnapshotsRef.current.get(target.id) ?? target.getLayout(),\n        )\n      ).filter((l) => l.i !== item.i);\n\n      // Reuse the item's carried position as the move origin (continuity). On\n      // first entry there is none, so seed it just above (or left of) its target\n      // cell: that makes the first `moveElement` an *active* placement (never a\n      // no-op) that pushes colliding widgets aside instead of the item sinking.\n      const prevItem = carried ? getLayoutItem(carried, item.i) : undefined;\n      const dragged: LayoutItem = prevItem\n        ? { ...prevItem }\n        : compactor.type === 'horizontal'\n          ? { ...item, x: Math.max(0, x) - 1, y }\n          : { ...item, x, y: Math.max(0, y) - 1 };\n      const working = [...base, dragged];\n\n      const moved = moveElement(\n        working,\n        dragged,\n        x,\n        y,\n        true,\n        compactor.preventCollision,\n        compactor.type,\n        pp.cols,\n        compactor.allowOverlap,\n      );\n      const compacted = [...compactor.compact(moved, pp.cols)];\n      previewRef.current = { boardId: target.id, working: compacted };\n\n      const landed = getLayoutItem(compacted, item.i) ?? { ...item, x, y };\n      // Apply only the other widgets so the dragged item is never rendered as a\n      // host on the target board.\n      target.applyLayout(\n        compacted.filter((l) => l.i !== item.i),\n        false,\n      );\n      target.setPlaceholder({ ...landed });\n    },\n    [],\n  );\n\n  const onDragMove = useEvent(\n    (deltaX: number, deltaY: number, _pointerType: string) => {\n      const ds = dragStateRef.current;\n      if (!ds) return;\n\n      const newRect: ViewportRect = {\n        ...ds.rect,\n        left: ds.rect.left + deltaX,\n        top: ds.rect.top + deltaY,\n      };\n\n      const source = boardsRef.current.get(ds.sourceBoardId);\n      // Hit-test with the widget's top-left corner - the same anchor\n      // `computeLanding` and the overlay clone use - so the chosen board always\n      // contains the landing anchor and the placeholder can't diverge from the\n      // floating overlay (see `rectOrigin`). Fall back to the source board so a\n      // pointer outside every board keeps the widget anchored to where it came\n      // from. Frozen rects make this deterministic (no preview-induced flip-flop).\n      const anchor = rectOrigin(newRect);\n      let target = hitTest(anchor) ?? source ?? null;\n\n      // Keep the drag on a nested source board while the cursor is still within\n      // the widget that hosts it, instead of handing off to an ancestor board.\n      // Hit-testing anchors on the dragged widget's top-left corner, which sits\n      // above the cursor by the grab offset, so nudging a widget up inside a\n      // nested board (e.g. toward a Tabs header above it) pushes that anchor into\n      // the ancestor's area while the pointer is still over the container. Gating\n      // on the real cursor (not the anchor) means the ancestor only reflows once\n      // the pointer truly leaves the container widget - no transient shift.\n      // Cross-tab / sibling boards are unaffected: they are not ancestors of the\n      // source, so a real move out still hands off normally.\n      if (\n        target &&\n        source &&\n        target.id !== source.id &&\n        isAncestorBoard(target, source)\n      ) {\n        const containerRect = getBoardContainerRect(source);\n        const gatePoint = pointerPosRef.current ?? anchor;\n        if (containerRect && pointInRect(gatePoint, containerRect)) {\n          target = source;\n        }\n      }\n\n      if (!target) {\n        setDragState({ ...ds, rect: newRect });\n        return;\n      }\n\n      const { x, y } = computeLanding(target, ds.item, newRect);\n      lastLandingRef.current = { x, y };\n\n      // Same board: run the live in-board preview (item stays owned by the\n      // source, so its gesture host is never unmounted).\n      if (target.id === ds.sourceBoardId) {\n        if (ds.currentBoardId !== ds.sourceBoardId) {\n          // Returning from another board: restore that board's pushed widgets\n          // to their pre-hover arrangement and clear its placeholder.\n          const prev = boardsRef.current.get(ds.currentBoardId);\n          const snap = targetSnapshotsRef.current.get(ds.currentBoardId);\n          if (snap) prev?.applyLayout(cloneLayout(snap), false);\n          prev?.setPlaceholder(null);\n          previewRef.current = null;\n        }\n        moveWithinBoard(target, ds.item, x, y);\n        setDragState({\n          ...ds,\n          currentBoardId: ds.sourceBoardId,\n          rect: newRect,\n        });\n        return;\n      }\n\n      // Cross-board: preview the transfer live by pushing the target board's\n      // other widgets aside (see `previewOnTarget`). The dragged item's host\n      // stays mounted in the source board for the entire drag; the actual\n      // transfer is committed on drop.\n      if (ds.currentBoardId !== target.id) {\n        const prev = boardsRef.current.get(ds.currentBoardId);\n        if (ds.currentBoardId === ds.sourceBoardId) {\n          // Leaving the source: restore it to its pre-drag arrangement.\n          prev?.applyLayout(cloneLayout(sourceSnapshotRef.current), false);\n        } else {\n          // Leaving another target board: restore its pushed widgets.\n          const snap = targetSnapshotsRef.current.get(ds.currentBoardId);\n          if (snap) prev?.applyLayout(cloneLayout(snap), false);\n        }\n        prev?.setPlaceholder(null);\n        // Drop the carried working layout so the newly entered target seeds a\n        // fresh preview from its own clean snapshot.\n        previewRef.current = null;\n\n        // Snapshot the newly entered target once, as the stable base for its\n        // reflow preview.\n        if (!targetSnapshotsRef.current.has(target.id)) {\n          targetSnapshotsRef.current.set(\n            target.id,\n            cloneLayout(target.getLayout()),\n          );\n        }\n      }\n\n      previewOnTarget(target, ds.item, x, y);\n      affectedRef.current.add(target.id);\n      setDragState({ ...ds, currentBoardId: target.id, rect: newRect });\n    },\n  );\n\n  const onDragEnd = useEvent(() => {\n    window.removeEventListener('pointermove', trackPointer, true);\n    pointerPosRef.current = null;\n    const ds = dragStateRef.current;\n    if (!ds) return;\n\n    const source = boardsRef.current.get(ds.sourceBoardId);\n    const target = boardsRef.current.get(ds.currentBoardId);\n    const droppedInSource = !target || target.id === ds.sourceBoardId;\n\n    if (droppedInSource) {\n      // Commit a freshly compacted source so the result never depends on the\n      // last preview frame (which may have been mid-reflow).\n      if (source) {\n        const sp = source.getPositionParams();\n        const sc = source.getCompactor();\n        source.applyLayout([...sc.compact(source.getLayout(), sp.cols)], true);\n      }\n    } else {\n      const landing = lastLandingRef.current ?? { x: ds.item.x, y: ds.item.y };\n\n      // Remove the item from the source board and compact.\n      if (source) {\n        const sp = source.getPositionParams();\n        const sc = source.getCompactor();\n        const remaining = source.getLayout().filter((l) => l.i !== ds.itemId);\n        source.applyLayout([...sc.compact(remaining, sp.cols)], true);\n      }\n\n      const tp = target!.getPositionParams();\n      const tc = target!.getCompactor();\n\n      // Prefer committing the exact arrangement the user was previewing (item\n      // already placed with the neighbours reflowed around it via continuity).\n      const carried =\n        previewRef.current?.boardId === target!.id &&\n        getLayoutItem(previewRef.current.working, ds.itemId)\n          ? previewRef.current.working\n          : null;\n\n      let finalLayout: LayoutItem[];\n      if (carried) {\n        finalLayout = [...tc.compact(cloneLayout(carried), tp.cols)];\n      } else {\n        // No preview frame ran (e.g. a teleport drop). Seed the item just above\n        // (or left of) its landing cell so `moveElement` actively places it\n        // rather than no-opping and letting compaction sink it to the bottom.\n        const newItem: LayoutItem =\n          tc.type === 'horizontal'\n            ? { ...ds.item, x: Math.max(0, landing.x) - 1, y: landing.y }\n            : { ...ds.item, x: landing.x, y: Math.max(0, landing.y) - 1 };\n        const base = [\n          ...cloneLayout(\n            (\n              targetSnapshotsRef.current.get(target!.id) ?? target!.getLayout()\n            ).filter((l) => l.i !== ds.itemId),\n          ),\n          newItem,\n        ];\n        const moved = moveElement(\n          base,\n          newItem,\n          landing.x,\n          landing.y,\n          true,\n          tc.preventCollision,\n          tc.type,\n          tp.cols,\n          tc.allowOverlap,\n        );\n        finalLayout = [...tc.compact(moved, tp.cols)];\n      }\n      target!.applyLayout(finalLayout, true);\n\n      // Signal the transfer so a controlled app can move the widget's\n      // declaration into the destination container (positions are already\n      // reported via each board's onLayoutChange).\n      onTransferRef.current?.({\n        widgetId: ds.itemId,\n        fromBoardId: ds.sourceBoardId,\n        toBoardId: target!.id,\n        item: getLayoutItem(finalLayout, ds.itemId) ?? {\n          ...ds.item,\n          x: landing.x,\n          y: landing.y,\n        },\n      });\n    }\n\n    const ids = new Set(affectedRef.current);\n    ids.add(ds.sourceBoardId);\n    ids.add(ds.currentBoardId);\n    ids.forEach((id) => boardsRef.current.get(id)?.setPlaceholder(null));\n\n    affectedRef.current.clear();\n    sourceSnapshotRef.current = [];\n    targetSnapshotsRef.current.clear();\n    frozenRectsRef.current.clear();\n    nestedInDraggedRef.current = new Set();\n    previewRef.current = null;\n    lastLandingRef.current = null;\n    setDragState(null);\n  });\n\n  return useMemo(\n    () => ({\n      store,\n      overlayRef,\n      registerBoard,\n      onDragStart,\n      onDragMove,\n      onDragEnd,\n      dragState,\n    }),\n    [store, registerBoard, onDragStart, onDragMove, onDragEnd, dragState],\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-board-registry.js","names":[],"sources":["../../../../src/components/layout/Board/use-board-registry.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport {\n  BoardDragState,\n  BoardEntry,\n  BoardRegistryContextValue,\n  ViewportRect,\n  WidgetTransferInfo,\n} from './board-context';\nimport { BoardWidgetStore } from './board-store';\nimport {\n  applyPositionConstraints,\n  bottom,\n  calcXYRaw,\n  cloneLayout,\n  getAllCollisions,\n  getLayoutItem,\n  LayoutItem,\n  moveElement,\n} from './grid-core';\n\n/**\n * The dragged widget's center in viewport coordinates.\n *\n * This is the anchor the drop-target hit-test uses to pick which board a drag is\n * over, so a board (including an empty one) opens as soon as the widget's center\n * enters it rather than only once its whole top-left corner is inside.\n *\n * The landing itself stays anchored to the grabbed top-left (`rect.left/top` in\n * `computeLanding`): that point is this center offset by the widget's own fixed\n * pixel size, so the resolved landing cell keeps corresponding to where the\n * floating overlay clone is drawn (see `WidgetHost`) and the placeholder keeps\n * tracking the ghost. The only unavoidable divergence is while the widget\n * physically overhangs a board edge - a placeholder cannot render outside row 0\n * / column 0 - which is the accepted tradeoff for opening on the center.\n */\nfunction rectCenter(rect: ViewportRect): { x: number; y: number } {\n  return { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };\n}\n\n/**\n * Cross-board drag orchestration.\n *\n * Owns the shared widget-content store, the drag overlay ref, and the registry\n * of boards. Handles moving an item inside a board and transferring it between\n * boards (including nested ones) by hit-testing the pointer against each board's\n * content rectangle.\n */\nexport interface UseBoardRegistryOptions {\n  /** Fired when a widget is dropped from one board into another. */\n  onWidgetTransfer?: (info: WidgetTransferInfo) => void;\n}\n\nexport function useBoardRegistry(\n  options?: UseBoardRegistryOptions,\n): BoardRegistryContextValue {\n  const store = useMemo(() => new BoardWidgetStore(), []);\n  // Latest transfer callback, read from a ref so the stable `onDragEnd` handler\n  // always calls the current one without re-creating the registry.\n  const onTransferRef = useRef(options?.onWidgetTransfer);\n  onTransferRef.current = options?.onWidgetTransfer;\n  const overlayRef = useRef<HTMLDivElement | null>(null);\n  const boardsRef = useRef<Map<string, BoardEntry>>(new Map());\n  const dragStateRef = useRef<BoardDragState | null>(null);\n  const affectedRef = useRef<Set<string>>(new Set());\n  // Snapshot of the source board's layout at drag start, used to restore the\n  // source when the pointer leaves it (the dragged item is never removed from\n  // the source mid-drag, so its gesture host stays mounted).\n  const sourceSnapshotRef = useRef<LayoutItem[]>([]);\n  // Snapshot of each visited target board's layout at the moment the pointer\n  // first entered it. Used to restore a board when the pointer leaves it, and as\n  // the clean seed for the reflow preview on (re-)entry. Never mutated.\n  const targetSnapshotsRef = useRef<Map<string, LayoutItem[]>>(new Map());\n  // The current target board's live working layout (including the incoming\n  // item). Carried across frames so small pointer movements reflow the board\n  // incrementally - exactly like an in-board drag - instead of recomputing from\n  // scratch each frame (which lets collision resolution sink the item to the\n  // bottom of an occupied column).\n  const previewRef = useRef<{ boardId: string; working: LayoutItem[] } | null>(\n    null,\n  );\n  // Board content rects captured at drag start. Reading geometry from here (not\n  // live getBoundingClientRect) means the live-reflow preview can't move the\n  // rects that selection/landing depend on -> no feedback loop.\n  const frozenRectsRef = useRef<Map<string, DOMRect>>(new Map());\n  // Ids of boards nested inside the dragged widget, captured at drag start.\n  // Such a board must never be a drop target: dropping a widget into a board\n  // nested within itself removes it from the tree that renders that board.\n  // The overlay-containment check in `hitTest` only catches these once the\n  // dragged widget has floated into the overlay, but `useMove` fires the first\n  // `onMove` synchronously with `onMoveStart` (before React relocates the\n  // widget into the overlay), so on a tiny one-move drag the nested board is\n  // still in-grid and would be selected. Excluding these ids for the whole\n  // gesture closes that window.\n  const nestedInDraggedRef = useRef<Set<string>>(new Set());\n  // Last landing position computed for the current target board (grid units).\n  const lastLandingRef = useRef<{ x: number; y: number } | null>(null);\n  // Live pointer position (viewport coords) tracked for the whole drag via a\n  // window listener. `useMove` only reports deltas, but the ancestor-handoff gate\n  // needs the actual cursor (not the dragged widget's top-left anchor, which sits\n  // above the cursor by the grab offset) so a nested board hands off to its\n  // ancestor only once the *pointer* truly leaves the container widget. Null for\n  // keyboard drags (no pointer) and until the first pointer move.\n  const pointerPosRef = useRef<{ x: number; y: number } | null>(null);\n  const [dragState, setDragStateInternal] = useState<BoardDragState | null>(\n    null,\n  );\n\n  const setDragState = useCallback((next: BoardDragState | null) => {\n    dragStateRef.current = next;\n    setDragStateInternal(next);\n  }, []);\n\n  // Record the live cursor for the ancestor-handoff gate (see `pointerPosRef`).\n  // Capture phase so it lands before `useMove`'s own window listeners drive the\n  // frame's `onDragMove`.\n  const trackPointer = useCallback((e: PointerEvent) => {\n    pointerPosRef.current = { x: e.clientX, y: e.clientY };\n  }, []);\n\n  // Safety net: drop the window listener if the hook unmounts mid-drag.\n  useEffect(\n    () => () => window.removeEventListener('pointermove', trackPointer, true),\n    [trackPointer],\n  );\n\n  const registerBoard = useCallback((entry: BoardEntry) => {\n    boardsRef.current.set(entry.id, entry);\n    return () => {\n      // Only remove if a newer board instance hasn't already taken over this id\n      // (boards can remount when their host widget is relocated, e.g. dragged).\n      if (boardsRef.current.get(entry.id) === entry) {\n        boardsRef.current.delete(entry.id);\n      }\n    };\n  }, []);\n\n  // Geometry frozen at drag start; falls back to the live rect for boards that\n  // mount (or become visible) mid-drag. A board hidden at drag start - e.g. a\n  // board inside an inactive tab - has a degenerate (0x0) frozen rect; ignore\n  // it and read the live rect instead, freezing that first real measurement so\n  // later frames stay stable (no preview feedback loop). This lets a tab board\n  // revealed by a spring-loaded tab switch become a valid drop/landing target.\n  const getBoardRect = useCallback((entry: BoardEntry): DOMRect | null => {\n    const frozen = frozenRectsRef.current.get(entry.id);\n    if (frozen && frozen.width > 0 && frozen.height > 0) return frozen;\n\n    const live = entry.getContentRect();\n    if (live && live.width > 0 && live.height > 0) {\n      frozenRectsRef.current.set(entry.id, live);\n      return live;\n    }\n\n    return frozen ?? live;\n  }, []);\n\n  /** True when board `outer` DOM-contains board `inner` (outer is an ancestor). */\n  const isAncestorBoard = useCallback(\n    (outer: BoardEntry, inner: BoardEntry): boolean => {\n      const outerNode = outer.getContentNode();\n      const innerNode = inner.getContentNode();\n      return !!outerNode && !!innerNode && outerNode.contains(innerNode);\n    },\n    [],\n  );\n\n  /**\n   * Viewport rect of the widget host a nested board lives in, or null for a\n   * top-level board. Lets a drag stay anchored to a nested board while the anchor\n   * is still within its container widget (e.g. over a Tabs header sitting above\n   * the board), so an ancestor board does not reflow prematurely.\n   */\n  const getBoardContainerRect = useCallback(\n    (entry: BoardEntry): DOMRect | null => {\n      const host = entry\n        .getContentNode()\n        ?.parentElement?.closest<HTMLElement>('[data-board-widget-host]');\n      return host?.getBoundingClientRect() ?? null;\n    },\n    [],\n  );\n\n  /** Whether a point falls within a rect (inclusive of edges). */\n  const pointInRect = useCallback(\n    (point: { x: number; y: number }, rect: DOMRect): boolean =>\n      point.x >= rect.left &&\n      point.x <= rect.right &&\n      point.y >= rect.top &&\n      point.y <= rect.bottom,\n    [],\n  );\n\n  /** Find the most-nested droppable board whose content rect contains a point. */\n  const hitTest = useCallback(\n    (point: { x: number; y: number }): BoardEntry | null => {\n      let best: BoardEntry | null = null;\n      let bestArea = Infinity;\n\n      // During a pointer drag the dragged widget (and any board nested inside it)\n      // lives in the overlay portal. Such boards must never be drop targets -\n      // dropping a widget into a board nested within itself would remove it from\n      // the tree that renders that board.\n      const overlay = overlayRef.current;\n\n      boardsRef.current.forEach((entry) => {\n        if (!entry.isDroppable()) return;\n        if (nestedInDraggedRef.current.has(entry.id)) return;\n        if (overlay && overlay.contains(entry.getContentNode())) return;\n        // Skip boards that are currently hidden - e.g. the board inside an\n        // inactive tab after a spring-loaded tab switch. Such a board keeps the\n        // frozen rect it had while visible, which would otherwise shadow the\n        // sibling board now shown in the exact same screen area (tabs share it),\n        // trapping the drag in the hidden board. A hidden element reports a\n        // zero-sized live rect, so use that as the visibility gate while still\n        // reading geometry from the frozen rect (no preview feedback loop).\n        const liveRect = entry.getContentRect();\n        if (!liveRect || liveRect.width === 0 || liveRect.height === 0) return;\n        const rect = getBoardRect(entry);\n        if (!rect) return;\n        if (\n          point.x >= rect.left &&\n          point.x <= rect.right &&\n          point.y >= rect.top &&\n          point.y <= rect.bottom\n        ) {\n          const area = rect.width * rect.height;\n          if (area < bestArea) {\n            bestArea = area;\n            best = entry;\n          }\n        }\n      });\n\n      return best;\n    },\n    [getBoardRect],\n  );\n\n  const onDragStart = useEvent(\n    (\n      boardId: string,\n      itemId: string,\n      rect: ViewportRect,\n      pointerType: string,\n      widgetNode: HTMLElement | null,\n    ) => {\n      const entry = boardsRef.current.get(boardId);\n      const item = entry ? getLayoutItem(entry.getLayout(), itemId) : undefined;\n      if (!entry || !item) return;\n\n      // Record boards nested inside the dragged widget so they are never picked\n      // as a drop target (dropping a widget into a board nested within itself\n      // would unmount it). Computed here, before the widget floats into the\n      // overlay, while its nested boards are still in-grid descendants.\n      const nested = new Set<string>();\n      if (widgetNode) {\n        boardsRef.current.forEach((e) => {\n          const node = e.getContentNode();\n          if (node && widgetNode.contains(node)) nested.add(e.id);\n        });\n      }\n      nestedInDraggedRef.current = nested;\n\n      // Freeze every board's geometry for the whole gesture so live-reflow\n      // preview writes can't move the rects selection/landing read.\n      const frozen = new Map<string, DOMRect>();\n      boardsRef.current.forEach((e) => {\n        const r = e.getContentRect();\n        if (r) frozen.set(e.id, r);\n      });\n      frozenRectsRef.current = frozen;\n\n      affectedRef.current = new Set([boardId]);\n      sourceSnapshotRef.current = cloneLayout(entry.getLayout());\n      previewRef.current = null;\n      lastLandingRef.current = { x: item.x, y: item.y };\n      // Start tracking the live cursor for the ancestor-handoff gate. Keyboard\n      // drags have no pointer, so the gate falls back to the widget anchor.\n      pointerPosRef.current = null;\n      if (pointerType !== 'keyboard') {\n        window.addEventListener('pointermove', trackPointer, true);\n      }\n      // Layout-item constraints win; otherwise fall back to the ones declared on\n      // the owning `Board.Widget` so position constraints apply during drag.\n      const draggedItem: LayoutItem = {\n        ...item,\n        constraints: item.constraints ?? store.get(itemId)?.constraints,\n      };\n      const next: BoardDragState = {\n        sourceBoardId: boardId,\n        currentBoardId: boardId,\n        itemId,\n        item: draggedItem,\n        rect,\n        pointerType,\n        nestedBoardIds: nested,\n      };\n      setDragState(next);\n      entry.setPlaceholder({ ...item });\n    },\n  );\n\n  /** Compute the constrained landing position of an item on a target board. */\n  const computeLanding = useCallback(\n    (\n      target: BoardEntry,\n      item: LayoutItem,\n      rect: ViewportRect,\n    ): { x: number; y: number } => {\n      const pp = target.getPositionParams();\n      const contentRect = getBoardRect(target);\n      const localLeft = rect.left - (contentRect?.left ?? 0);\n      const localTop = rect.top - (contentRect?.top ?? 0);\n      const raw = calcXYRaw(pp, localTop, localLeft);\n\n      return applyPositionConstraints(\n        target.getConstraints(),\n        item,\n        raw.x,\n        raw.y,\n        {\n          cols: pp.cols,\n          maxRows: target.getMaxRows(),\n          containerWidth: pp.containerWidth,\n          containerHeight: target.getContainerHeight(),\n          rowHeight: pp.rowHeight,\n          margin: pp.margin,\n          layout: target.getLayout(),\n        },\n      );\n    },\n    [getBoardRect],\n  );\n\n  const moveWithinBoard = useCallback(\n    (entry: BoardEntry, item: LayoutItem, x: number, y: number) => {\n      const pp = entry.getPositionParams();\n      const compactor = entry.getCompactor();\n      const layout = entry.getLayout();\n      const live = getLayoutItem(layout, item.i);\n      const working = live ? [...layout] : [...layout, { ...item, x, y }];\n      const target = getLayoutItem(working, item.i);\n      if (!target) return;\n\n      const moved = moveElement(\n        working,\n        target,\n        x,\n        y,\n        true,\n        compactor.preventCollision,\n        compactor.type,\n        pp.cols,\n        compactor.allowOverlap,\n      );\n      const compacted = [...compactor.compact(moved, pp.cols)];\n      entry.applyLayout(compacted, false);\n      entry.setPlaceholder(getLayoutItem(compacted, item.i) ?? null);\n    },\n    [],\n  );\n\n  /**\n   * Move a widget by one logical keyboard step. Unlike pointer movement, this\n   * starts from the live grid coordinates rather than DOM geometry and scans\n   * farther in the requested direction when the adjacent slot cannot produce a\n   * valid move.\n   */\n  const moveWithKeyboard = useCallback(\n    (entry: BoardEntry, item: LayoutItem, deltaX: number, deltaY: number) => {\n      const pp = entry.getPositionParams();\n      const compactor = entry.getCompactor();\n      const layout = entry.getLayout();\n      const live = getLayoutItem(layout, item.i);\n      if (!live) return;\n\n      const directionX = Math.sign(deltaX);\n      const directionY = Math.sign(deltaY);\n      if (directionX === 0 && directionY === 0) return;\n\n      const maxRows = entry.getMaxRows();\n      const attempts =\n        directionX < 0\n          ? live.x\n          : directionX > 0\n            ? Math.max(0, pp.cols - live.w - live.x)\n            : directionY < 0\n              ? live.y\n              : Number.isFinite(maxRows)\n                ? Math.max(0, maxRows - live.h - live.y)\n                : Math.max(1, bottom(layout) - live.y);\n      const seen = new Set<string>();\n\n      for (let distance = 1; distance <= attempts; distance++) {\n        const rawX = live.x + directionX * distance;\n        const rawY = live.y + directionY * distance;\n        const candidate = applyPositionConstraints(\n          entry.getConstraints(),\n          item,\n          rawX,\n          rawY,\n          {\n            cols: pp.cols,\n            maxRows,\n            containerWidth: pp.containerWidth,\n            containerHeight: entry.getContainerHeight(),\n            rowHeight: pp.rowHeight,\n            margin: pp.margin,\n            layout,\n          },\n        );\n        const candidateKey = `${candidate.x}:${candidate.y}`;\n        if (seen.has(candidateKey)) continue;\n        seen.add(candidateKey);\n\n        // A custom constraint may jump farther than one cell. It is still a\n        // valid candidate only when it advances in the requested direction and\n        // does not introduce movement on the orthogonal axis.\n        if (\n          (directionX !== 0 &&\n            (Math.sign(candidate.x - live.x) !== directionX ||\n              candidate.y !== live.y)) ||\n          (directionY !== 0 &&\n            (Math.sign(candidate.y - live.y) !== directionY ||\n              candidate.x !== live.x))\n        ) {\n          continue;\n        }\n\n        const working = cloneLayout(layout);\n        const target = getLayoutItem(working, item.i);\n        if (!target) return;\n        const moved = moveElement(\n          working,\n          target,\n          candidate.x,\n          candidate.y,\n          true,\n          compactor.preventCollision,\n          compactor.type,\n          pp.cols,\n          compactor.allowOverlap,\n        );\n        const compacted = [...compactor.compact(moved, pp.cols)];\n        const landed = getLayoutItem(compacted, item.i);\n        if (!landed) continue;\n\n        const advanced =\n          directionX !== 0\n            ? Math.sign(landed.x - live.x) === directionX && landed.y === live.y\n            : Math.sign(landed.y - live.y) === directionY &&\n              landed.x === live.x;\n        const overlaps =\n          !compactor.allowOverlap &&\n          getAllCollisions(compacted, landed).some(\n            (other) => other.i !== landed.i,\n          );\n        if (!advanced || overlaps) continue;\n\n        entry.applyLayout(compacted, false);\n        entry.setPlaceholder(landed);\n        lastLandingRef.current = { x: landed.x, y: landed.y };\n        return;\n      }\n    },\n    [],\n  );\n\n  /**\n   * Live cross-board reflow preview. Pushes the target board's *other* widgets\n   * aside to make room for the incoming item, without ever adding the dragged\n   * item's host to the target (it stays visualized as a placeholder + overlay\n   * clone, and its gesture host remains mounted in the source board).\n   *\n   * Continuity: the working layout (including the incoming item) is carried\n   * across frames via `previewRef`, so a small pointer movement moves the item\n   * one step and reflows the neighbours incrementally - identical to an in-board\n   * drag. Recomputing from the clean snapshot every frame instead lets\n   * `moveElement`/compaction sink the item to the bottom of an occupied column\n   * (the \"pushed too far below\" bug). On (re-)entry the working layout is seeded\n   * from a *clone* of the snapshot so the stored snapshot is never mutated.\n   */\n  const previewOnTarget = useCallback(\n    (target: BoardEntry, item: LayoutItem, x: number, y: number) => {\n      const pp = target.getPositionParams();\n      const compactor = target.getCompactor();\n\n      const carried =\n        previewRef.current?.boardId === target.id\n          ? previewRef.current.working\n          : null;\n      const base = (\n        carried ??\n        cloneLayout(\n          targetSnapshotsRef.current.get(target.id) ?? target.getLayout(),\n        )\n      ).filter((l) => l.i !== item.i);\n\n      // Reuse the item's carried position as the move origin (continuity). On\n      // first entry there is none, so seed it just above (or left of) its target\n      // cell: that makes the first `moveElement` an *active* placement (never a\n      // no-op) that pushes colliding widgets aside instead of the item sinking.\n      const prevItem = carried ? getLayoutItem(carried, item.i) : undefined;\n      const dragged: LayoutItem = prevItem\n        ? { ...prevItem }\n        : compactor.type === 'horizontal'\n          ? { ...item, x: Math.max(0, x) - 1, y }\n          : { ...item, x, y: Math.max(0, y) - 1 };\n      const working = [...base, dragged];\n\n      const moved = moveElement(\n        working,\n        dragged,\n        x,\n        y,\n        true,\n        compactor.preventCollision,\n        compactor.type,\n        pp.cols,\n        compactor.allowOverlap,\n      );\n      const compacted = [...compactor.compact(moved, pp.cols)];\n      previewRef.current = { boardId: target.id, working: compacted };\n\n      const landed = getLayoutItem(compacted, item.i) ?? { ...item, x, y };\n      // Apply only the other widgets so the dragged item is never rendered as a\n      // host on the target board.\n      target.applyLayout(\n        compacted.filter((l) => l.i !== item.i),\n        false,\n      );\n      target.setPlaceholder({ ...landed });\n    },\n    [],\n  );\n\n  const onDragMove = useEvent(\n    (deltaX: number, deltaY: number, pointerType: string) => {\n      const ds = dragStateRef.current;\n      if (!ds) return;\n\n      if (pointerType === 'keyboard') {\n        const source = boardsRef.current.get(ds.sourceBoardId);\n        if (source) moveWithKeyboard(source, ds.item, deltaX, deltaY);\n        return;\n      }\n\n      const newRect: ViewportRect = {\n        ...ds.rect,\n        left: ds.rect.left + deltaX,\n        top: ds.rect.top + deltaY,\n      };\n\n      const source = boardsRef.current.get(ds.sourceBoardId);\n      // Hit-test with the widget's center so a board opens as soon as the center\n      // enters it (see `rectCenter`). The landing still resolves from the grabbed\n      // top-left, which is this center offset by the widget's own size, so the\n      // placeholder keeps tracking the floating overlay. Fall back to the source\n      // board so a pointer outside every board keeps the widget anchored to where\n      // it came from. Frozen rects make this deterministic (no preview-induced\n      // flip-flop).\n      const anchor = rectCenter(newRect);\n      let target = hitTest(anchor) ?? source ?? null;\n\n      // Keep the drag on a nested source board while the cursor is still within\n      // the widget that hosts it, instead of handing off to an ancestor board.\n      // Hit-testing anchors on the dragged widget's top-left corner, which sits\n      // above the cursor by the grab offset, so nudging a widget up inside a\n      // nested board (e.g. toward a Tabs header above it) pushes that anchor into\n      // the ancestor's area while the pointer is still over the container. Gating\n      // on the real cursor (not the anchor) means the ancestor only reflows once\n      // the pointer truly leaves the container widget - no transient shift.\n      // Cross-tab / sibling boards are unaffected: they are not ancestors of the\n      // source, so a real move out still hands off normally.\n      if (\n        target &&\n        source &&\n        target.id !== source.id &&\n        isAncestorBoard(target, source)\n      ) {\n        const containerRect = getBoardContainerRect(source);\n        const gatePoint = pointerPosRef.current ?? anchor;\n        if (containerRect && pointInRect(gatePoint, containerRect)) {\n          target = source;\n        }\n      }\n\n      if (!target) {\n        setDragState({ ...ds, rect: newRect });\n        return;\n      }\n\n      const { x, y } = computeLanding(target, ds.item, newRect);\n      lastLandingRef.current = { x, y };\n\n      // Same board: run the live in-board preview (item stays owned by the\n      // source, so its gesture host is never unmounted).\n      if (target.id === ds.sourceBoardId) {\n        if (ds.currentBoardId !== ds.sourceBoardId) {\n          // Returning from another board: restore that board's pushed widgets\n          // to their pre-hover arrangement and clear its placeholder.\n          const prev = boardsRef.current.get(ds.currentBoardId);\n          const snap = targetSnapshotsRef.current.get(ds.currentBoardId);\n          if (snap) prev?.applyLayout(cloneLayout(snap), false);\n          prev?.setPlaceholder(null);\n          previewRef.current = null;\n        }\n        moveWithinBoard(target, ds.item, x, y);\n        setDragState({\n          ...ds,\n          currentBoardId: ds.sourceBoardId,\n          rect: newRect,\n        });\n        return;\n      }\n\n      // Cross-board: preview the transfer live by pushing the target board's\n      // other widgets aside (see `previewOnTarget`). The dragged item's host\n      // stays mounted in the source board for the entire drag; the actual\n      // transfer is committed on drop.\n      if (ds.currentBoardId !== target.id) {\n        const prev = boardsRef.current.get(ds.currentBoardId);\n        if (ds.currentBoardId === ds.sourceBoardId) {\n          // Leaving the source: restore it to its pre-drag arrangement.\n          prev?.applyLayout(cloneLayout(sourceSnapshotRef.current), false);\n        } else {\n          // Leaving another target board: restore its pushed widgets.\n          const snap = targetSnapshotsRef.current.get(ds.currentBoardId);\n          if (snap) prev?.applyLayout(cloneLayout(snap), false);\n        }\n        prev?.setPlaceholder(null);\n        // Drop the carried working layout so the newly entered target seeds a\n        // fresh preview from its own clean snapshot.\n        previewRef.current = null;\n\n        // Snapshot the newly entered target once, as the stable base for its\n        // reflow preview.\n        if (!targetSnapshotsRef.current.has(target.id)) {\n          targetSnapshotsRef.current.set(\n            target.id,\n            cloneLayout(target.getLayout()),\n          );\n        }\n      }\n\n      previewOnTarget(target, ds.item, x, y);\n      affectedRef.current.add(target.id);\n      setDragState({ ...ds, currentBoardId: target.id, rect: newRect });\n    },\n  );\n\n  const onDragEnd = useEvent(() => {\n    window.removeEventListener('pointermove', trackPointer, true);\n    pointerPosRef.current = null;\n    const ds = dragStateRef.current;\n    if (!ds) return;\n\n    const source = boardsRef.current.get(ds.sourceBoardId);\n    const target = boardsRef.current.get(ds.currentBoardId);\n    const droppedInSource = !target || target.id === ds.sourceBoardId;\n\n    if (droppedInSource) {\n      // Commit a freshly compacted source so the result never depends on the\n      // last preview frame (which may have been mid-reflow).\n      if (source) {\n        const sp = source.getPositionParams();\n        const sc = source.getCompactor();\n        source.applyLayout([...sc.compact(source.getLayout(), sp.cols)], true);\n      }\n    } else {\n      const landing = lastLandingRef.current ?? { x: ds.item.x, y: ds.item.y };\n\n      // Remove the item from the source board and compact.\n      if (source) {\n        const sp = source.getPositionParams();\n        const sc = source.getCompactor();\n        const remaining = source.getLayout().filter((l) => l.i !== ds.itemId);\n        source.applyLayout([...sc.compact(remaining, sp.cols)], true);\n      }\n\n      const tp = target!.getPositionParams();\n      const tc = target!.getCompactor();\n\n      // Prefer committing the exact arrangement the user was previewing (item\n      // already placed with the neighbours reflowed around it via continuity).\n      const carried =\n        previewRef.current?.boardId === target!.id &&\n        getLayoutItem(previewRef.current.working, ds.itemId)\n          ? previewRef.current.working\n          : null;\n\n      let finalLayout: LayoutItem[];\n      if (carried) {\n        finalLayout = [...tc.compact(cloneLayout(carried), tp.cols)];\n      } else {\n        // No preview frame ran (e.g. a teleport drop). Seed the item just above\n        // (or left of) its landing cell so `moveElement` actively places it\n        // rather than no-opping and letting compaction sink it to the bottom.\n        const newItem: LayoutItem =\n          tc.type === 'horizontal'\n            ? { ...ds.item, x: Math.max(0, landing.x) - 1, y: landing.y }\n            : { ...ds.item, x: landing.x, y: Math.max(0, landing.y) - 1 };\n        const base = [\n          ...cloneLayout(\n            (\n              targetSnapshotsRef.current.get(target!.id) ?? target!.getLayout()\n            ).filter((l) => l.i !== ds.itemId),\n          ),\n          newItem,\n        ];\n        const moved = moveElement(\n          base,\n          newItem,\n          landing.x,\n          landing.y,\n          true,\n          tc.preventCollision,\n          tc.type,\n          tp.cols,\n          tc.allowOverlap,\n        );\n        finalLayout = [...tc.compact(moved, tp.cols)];\n      }\n      target!.applyLayout(finalLayout, true);\n\n      // Signal the transfer so a controlled app can move the widget's\n      // declaration into the destination container (positions are already\n      // reported via each board's onLayoutChange).\n      onTransferRef.current?.({\n        widgetId: ds.itemId,\n        fromBoardId: ds.sourceBoardId,\n        toBoardId: target!.id,\n        item: getLayoutItem(finalLayout, ds.itemId) ?? {\n          ...ds.item,\n          x: landing.x,\n          y: landing.y,\n        },\n      });\n    }\n\n    const ids = new Set(affectedRef.current);\n    ids.add(ds.sourceBoardId);\n    ids.add(ds.currentBoardId);\n    ids.forEach((id) => boardsRef.current.get(id)?.setPlaceholder(null));\n\n    affectedRef.current.clear();\n    sourceSnapshotRef.current = [];\n    targetSnapshotsRef.current.clear();\n    frozenRectsRef.current.clear();\n    nestedInDraggedRef.current = new Set();\n    previewRef.current = null;\n    lastLandingRef.current = null;\n    setDragState(null);\n  });\n\n  return useMemo(\n    () => ({\n      store,\n      overlayRef,\n      registerBoard,\n      onDragStart,\n      onDragMove,\n      onDragEnd,\n      dragState,\n    }),\n    [store, registerBoard, onDragStart, onDragMove, onDragEnd, dragState],\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAS,WAAW,MAA8C;AAChE,QAAO;EAAE,GAAG,KAAK,OAAO,KAAK,QAAQ;EAAG,GAAG,KAAK,MAAM,KAAK,SAAS;EAAG;;AAgBzE,SAAgB,iBACd,SAC2B;CAC3B,MAAM,QAAQ,cAAc,IAAI,kBAAkB,EAAE,EAAE,CAAC;CAGvD,MAAM,gBAAgB,OAAO,SAAS,iBAAiB;AACvD,eAAc,UAAU,SAAS;CACjC,MAAM,aAAa,OAA8B,KAAK;CACtD,MAAM,YAAY,uBAAgC,IAAI,KAAK,CAAC;CAC5D,MAAM,eAAe,OAA8B,KAAK;CACxD,MAAM,cAAc,uBAAoB,IAAI,KAAK,CAAC;CAIlD,MAAM,oBAAoB,OAAqB,EAAE,CAAC;CAIlD,MAAM,qBAAqB,uBAAkC,IAAI,KAAK,CAAC;CAMvE,MAAM,aAAa,OACjB,KACD;CAID,MAAM,iBAAiB,uBAA6B,IAAI,KAAK,CAAC;CAU9D,MAAM,qBAAqB,uBAAoB,IAAI,KAAK,CAAC;CAEzD,MAAM,iBAAiB,OAAwC,KAAK;CAOpE,MAAM,gBAAgB,OAAwC,KAAK;CACnE,MAAM,CAAC,WAAW,wBAAwB,SACxC,KACD;CAED,MAAM,eAAe,aAAa,SAAgC;AAChE,eAAa,UAAU;AACvB,uBAAqB,KAAK;IACzB,EAAE,CAAC;CAKN,MAAM,eAAe,aAAa,MAAoB;AACpD,gBAAc,UAAU;GAAE,GAAG,EAAE;GAAS,GAAG,EAAE;GAAS;IACrD,EAAE,CAAC;AAGN,uBACc,OAAO,oBAAoB,eAAe,cAAc,KAAK,EACzE,CAAC,aAAa,CACf;CAED,MAAM,gBAAgB,aAAa,UAAsB;AACvD,YAAU,QAAQ,IAAI,MAAM,IAAI,MAAM;AACtC,eAAa;AAGX,OAAI,UAAU,QAAQ,IAAI,MAAM,GAAG,KAAK,MACtC,WAAU,QAAQ,OAAO,MAAM,GAAG;;IAGrC,EAAE,CAAC;CAQN,MAAM,eAAe,aAAa,UAAsC;EACtE,MAAM,SAAS,eAAe,QAAQ,IAAI,MAAM,GAAG;AACnD,MAAI,UAAU,OAAO,QAAQ,KAAK,OAAO,SAAS,EAAG,QAAO;EAE5D,MAAM,OAAO,MAAM,gBAAgB;AACnC,MAAI,QAAQ,KAAK,QAAQ,KAAK,KAAK,SAAS,GAAG;AAC7C,kBAAe,QAAQ,IAAI,MAAM,IAAI,KAAK;AAC1C,UAAO;;AAGT,SAAO,UAAU;IAChB,EAAE,CAAC;;CAGN,MAAM,kBAAkB,aACrB,OAAmB,UAA+B;EACjD,MAAM,YAAY,MAAM,gBAAgB;EACxC,MAAM,YAAY,MAAM,gBAAgB;AACxC,SAAO,CAAC,CAAC,aAAa,CAAC,CAAC,aAAa,UAAU,SAAS,UAAU;IAEpE,EAAE,CACH;;;;;;;CAQD,MAAM,wBAAwB,aAC3B,UAAsC;AAIrC,UAHa,MACV,gBAAgB,EACf,eAAe,QAAqB,2BAA2B,GACtD,uBAAuB,IAAI;IAE1C,EAAE,CACH;;CAGD,MAAM,cAAc,aACjB,OAAiC,SAChC,MAAM,KAAK,KAAK,QAChB,MAAM,KAAK,KAAK,SAChB,MAAM,KAAK,KAAK,OAChB,MAAM,KAAK,KAAK,QAClB,EAAE,CACH;;CAGD,MAAM,UAAU,aACb,UAAuD;EACtD,IAAI,OAA0B;EAC9B,IAAI,WAAW;EAMf,MAAM,UAAU,WAAW;AAE3B,YAAU,QAAQ,SAAS,UAAU;AACnC,OAAI,CAAC,MAAM,aAAa,CAAE;AAC1B,OAAI,mBAAmB,QAAQ,IAAI,MAAM,GAAG,CAAE;AAC9C,OAAI,WAAW,QAAQ,SAAS,MAAM,gBAAgB,CAAC,CAAE;GAQzD,MAAM,WAAW,MAAM,gBAAgB;AACvC,OAAI,CAAC,YAAY,SAAS,UAAU,KAAK,SAAS,WAAW,EAAG;GAChE,MAAM,OAAO,aAAa,MAAM;AAChC,OAAI,CAAC,KAAM;AACX,OACE,MAAM,KAAK,KAAK,QAChB,MAAM,KAAK,KAAK,SAChB,MAAM,KAAK,KAAK,OAChB,MAAM,KAAK,KAAK,QAChB;IACA,MAAM,OAAO,KAAK,QAAQ,KAAK;AAC/B,QAAI,OAAO,UAAU;AACnB,gBAAW;AACX,YAAO;;;IAGX;AAEF,SAAO;IAET,CAAC,aAAa,CACf;CAED,MAAM,cAAc,UAEhB,SACA,QACA,MACA,aACA,eACG;EACH,MAAM,QAAQ,UAAU,QAAQ,IAAI,QAAQ;EAC5C,MAAM,OAAO,QAAQ,cAAc,MAAM,WAAW,EAAE,OAAO,GAAG;AAChE,MAAI,CAAC,SAAS,CAAC,KAAM;EAMrB,MAAM,yBAAS,IAAI,KAAa;AAChC,MAAI,WACF,WAAU,QAAQ,SAAS,MAAM;GAC/B,MAAM,OAAO,EAAE,gBAAgB;AAC/B,OAAI,QAAQ,WAAW,SAAS,KAAK,CAAE,QAAO,IAAI,EAAE,GAAG;IACvD;AAEJ,qBAAmB,UAAU;EAI7B,MAAM,yBAAS,IAAI,KAAsB;AACzC,YAAU,QAAQ,SAAS,MAAM;GAC/B,MAAM,IAAI,EAAE,gBAAgB;AAC5B,OAAI,EAAG,QAAO,IAAI,EAAE,IAAI,EAAE;IAC1B;AACF,iBAAe,UAAU;AAEzB,cAAY,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC;AACxC,oBAAkB,UAAU,YAAY,MAAM,WAAW,CAAC;AAC1D,aAAW,UAAU;AACrB,iBAAe,UAAU;GAAE,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG;AAGjD,gBAAc,UAAU;AACxB,MAAI,gBAAgB,WAClB,QAAO,iBAAiB,eAAe,cAAc,KAAK;AAiB5D,eAT6B;GAC3B,eAAe;GACf,gBAAgB;GAChB;GACA,MAR8B;IAC9B,GAAG;IACH,aAAa,KAAK,eAAe,MAAM,IAAI,OAAO,EAAE;IACrD;GAMC;GACA;GACA,gBAAgB;GACjB,CACiB;AAClB,QAAM,eAAe,EAAE,GAAG,MAAM,CAAC;GAEpC;;CAGD,MAAM,iBAAiB,aAEnB,QACA,MACA,SAC6B;EAC7B,MAAM,KAAK,OAAO,mBAAmB;EACrC,MAAM,cAAc,aAAa,OAAO;EACxC,MAAM,YAAY,KAAK,QAAQ,aAAa,QAAQ;EAEpD,MAAM,MAAM,UAAU,IADL,KAAK,OAAO,aAAa,OAAO,IACb,UAAU;AAE9C,SAAO,yBACL,OAAO,gBAAgB,EACvB,MACA,IAAI,GACJ,IAAI,GACJ;GACE,MAAM,GAAG;GACT,SAAS,OAAO,YAAY;GAC5B,gBAAgB,GAAG;GACnB,iBAAiB,OAAO,oBAAoB;GAC5C,WAAW,GAAG;GACd,QAAQ,GAAG;GACX,QAAQ,OAAO,WAAW;GAC3B,CACF;IAEH,CAAC,aAAa,CACf;CAED,MAAM,kBAAkB,aACrB,OAAmB,MAAkB,GAAW,MAAc;EAC7D,MAAM,KAAK,MAAM,mBAAmB;EACpC,MAAM,YAAY,MAAM,cAAc;EACtC,MAAM,SAAS,MAAM,WAAW;EAEhC,MAAM,UADO,cAAc,QAAQ,KAAK,EAAE,GACnB,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,QAAQ;GAAE,GAAG;GAAM;GAAG;GAAG,CAAC;EACnE,MAAM,SAAS,cAAc,SAAS,KAAK,EAAE;AAC7C,MAAI,CAAC,OAAQ;EAEb,MAAM,QAAQ,YACZ,SACA,QACA,GACA,GACA,MACA,UAAU,kBACV,UAAU,MACV,GAAG,MACH,UAAU,aACX;EACD,MAAM,YAAY,CAAC,GAAG,UAAU,QAAQ,OAAO,GAAG,KAAK,CAAC;AACxD,QAAM,YAAY,WAAW,MAAM;AACnC,QAAM,eAAe,cAAc,WAAW,KAAK,EAAE,IAAI,KAAK;IAEhE,EAAE,CACH;;;;;;;CAQD,MAAM,mBAAmB,aACtB,OAAmB,MAAkB,QAAgB,WAAmB;EACvE,MAAM,KAAK,MAAM,mBAAmB;EACpC,MAAM,YAAY,MAAM,cAAc;EACtC,MAAM,SAAS,MAAM,WAAW;EAChC,MAAM,OAAO,cAAc,QAAQ,KAAK,EAAE;AAC1C,MAAI,CAAC,KAAM;EAEX,MAAM,aAAa,KAAK,KAAK,OAAO;EACpC,MAAM,aAAa,KAAK,KAAK,OAAO;AACpC,MAAI,eAAe,KAAK,eAAe,EAAG;EAE1C,MAAM,UAAU,MAAM,YAAY;EAClC,MAAM,WACJ,aAAa,IACT,KAAK,IACL,aAAa,IACX,KAAK,IAAI,GAAG,GAAG,OAAO,KAAK,IAAI,KAAK,EAAE,GACtC,aAAa,IACX,KAAK,IACL,OAAO,SAAS,QAAQ,GACtB,KAAK,IAAI,GAAG,UAAU,KAAK,IAAI,KAAK,EAAE,GACtC,KAAK,IAAI,GAAG,OAAO,OAAO,GAAG,KAAK,EAAE;EAChD,MAAM,uBAAO,IAAI,KAAa;AAE9B,OAAK,IAAI,WAAW,GAAG,YAAY,UAAU,YAAY;GACvD,MAAM,OAAO,KAAK,IAAI,aAAa;GACnC,MAAM,OAAO,KAAK,IAAI,aAAa;GACnC,MAAM,YAAY,yBAChB,MAAM,gBAAgB,EACtB,MACA,MACA,MACA;IACE,MAAM,GAAG;IACT;IACA,gBAAgB,GAAG;IACnB,iBAAiB,MAAM,oBAAoB;IAC3C,WAAW,GAAG;IACd,QAAQ,GAAG;IACX;IACD,CACF;GACD,MAAM,eAAe,GAAG,UAAU,EAAE,GAAG,UAAU;AACjD,OAAI,KAAK,IAAI,aAAa,CAAE;AAC5B,QAAK,IAAI,aAAa;AAKtB,OACG,eAAe,MACb,KAAK,KAAK,UAAU,IAAI,KAAK,EAAE,KAAK,cACnC,UAAU,MAAM,KAAK,MACxB,eAAe,MACb,KAAK,KAAK,UAAU,IAAI,KAAK,EAAE,KAAK,cACnC,UAAU,MAAM,KAAK,GAEzB;GAGF,MAAM,UAAU,YAAY,OAAO;GACnC,MAAM,SAAS,cAAc,SAAS,KAAK,EAAE;AAC7C,OAAI,CAAC,OAAQ;GACb,MAAM,QAAQ,YACZ,SACA,QACA,UAAU,GACV,UAAU,GACV,MACA,UAAU,kBACV,UAAU,MACV,GAAG,MACH,UAAU,aACX;GACD,MAAM,YAAY,CAAC,GAAG,UAAU,QAAQ,OAAO,GAAG,KAAK,CAAC;GACxD,MAAM,SAAS,cAAc,WAAW,KAAK,EAAE;AAC/C,OAAI,CAAC,OAAQ;GAEb,MAAM,WACJ,eAAe,IACX,KAAK,KAAK,OAAO,IAAI,KAAK,EAAE,KAAK,cAAc,OAAO,MAAM,KAAK,IACjE,KAAK,KAAK,OAAO,IAAI,KAAK,EAAE,KAAK,cACjC,OAAO,MAAM,KAAK;GACxB,MAAM,WACJ,CAAC,UAAU,gBACX,iBAAiB,WAAW,OAAO,CAAC,MACjC,UAAU,MAAM,MAAM,OAAO,EAC/B;AACH,OAAI,CAAC,YAAY,SAAU;AAE3B,SAAM,YAAY,WAAW,MAAM;AACnC,SAAM,eAAe,OAAO;AAC5B,kBAAe,UAAU;IAAE,GAAG,OAAO;IAAG,GAAG,OAAO;IAAG;AACrD;;IAGJ,EAAE,CACH;;;;;;;;;;;;;;;CAgBD,MAAM,kBAAkB,aACrB,QAAoB,MAAkB,GAAW,MAAc;EAC9D,MAAM,KAAK,OAAO,mBAAmB;EACrC,MAAM,YAAY,OAAO,cAAc;EAEvC,MAAM,UACJ,WAAW,SAAS,YAAY,OAAO,KACnC,WAAW,QAAQ,UACnB;EACN,MAAM,QACJ,WACA,YACE,mBAAmB,QAAQ,IAAI,OAAO,GAAG,IAAI,OAAO,WAAW,CAChE,EACD,QAAQ,MAAM,EAAE,MAAM,KAAK,EAAE;EAM/B,MAAM,WAAW,UAAU,cAAc,SAAS,KAAK,EAAE,GAAG;EAC5D,MAAM,UAAsB,WACxB,EAAE,GAAG,UAAU,GACf,UAAU,SAAS,eACjB;GAAE,GAAG;GAAM,GAAG,KAAK,IAAI,GAAG,EAAE,GAAG;GAAG;GAAG,GACrC;GAAE,GAAG;GAAM;GAAG,GAAG,KAAK,IAAI,GAAG,EAAE,GAAG;GAAG;EAG3C,MAAM,QAAQ,YAFE,CAAC,GAAG,MAAM,QAAQ,EAIhC,SACA,GACA,GACA,MACA,UAAU,kBACV,UAAU,MACV,GAAG,MACH,UAAU,aACX;EACD,MAAM,YAAY,CAAC,GAAG,UAAU,QAAQ,OAAO,GAAG,KAAK,CAAC;AACxD,aAAW,UAAU;GAAE,SAAS,OAAO;GAAI,SAAS;GAAW;EAE/D,MAAM,SAAS,cAAc,WAAW,KAAK,EAAE,IAAI;GAAE,GAAG;GAAM;GAAG;GAAG;AAGpE,SAAO,YACL,UAAU,QAAQ,MAAM,EAAE,MAAM,KAAK,EAAE,EACvC,MACD;AACD,SAAO,eAAe,EAAE,GAAG,QAAQ,CAAC;IAEtC,EAAE,CACH;CAED,MAAM,aAAa,UAChB,QAAgB,QAAgB,gBAAwB;EACvD,MAAM,KAAK,aAAa;AACxB,MAAI,CAAC,GAAI;AAET,MAAI,gBAAgB,YAAY;GAC9B,MAAM,SAAS,UAAU,QAAQ,IAAI,GAAG,cAAc;AACtD,OAAI,OAAQ,kBAAiB,QAAQ,GAAG,MAAM,QAAQ,OAAO;AAC7D;;EAGF,MAAM,UAAwB;GAC5B,GAAG,GAAG;GACN,MAAM,GAAG,KAAK,OAAO;GACrB,KAAK,GAAG,KAAK,MAAM;GACpB;EAED,MAAM,SAAS,UAAU,QAAQ,IAAI,GAAG,cAAc;EAQtD,MAAM,SAAS,WAAW,QAAQ;EAClC,IAAI,SAAS,QAAQ,OAAO,IAAI,UAAU;AAY1C,MACE,UACA,UACA,OAAO,OAAO,OAAO,MACrB,gBAAgB,QAAQ,OAAO,EAC/B;GACA,MAAM,gBAAgB,sBAAsB,OAAO;GACnD,MAAM,YAAY,cAAc,WAAW;AAC3C,OAAI,iBAAiB,YAAY,WAAW,cAAc,CACxD,UAAS;;AAIb,MAAI,CAAC,QAAQ;AACX,gBAAa;IAAE,GAAG;IAAI,MAAM;IAAS,CAAC;AACtC;;EAGF,MAAM,EAAE,GAAG,MAAM,eAAe,QAAQ,GAAG,MAAM,QAAQ;AACzD,iBAAe,UAAU;GAAE;GAAG;GAAG;AAIjC,MAAI,OAAO,OAAO,GAAG,eAAe;AAClC,OAAI,GAAG,mBAAmB,GAAG,eAAe;IAG1C,MAAM,OAAO,UAAU,QAAQ,IAAI,GAAG,eAAe;IACrD,MAAM,OAAO,mBAAmB,QAAQ,IAAI,GAAG,eAAe;AAC9D,QAAI,KAAM,OAAM,YAAY,YAAY,KAAK,EAAE,MAAM;AACrD,UAAM,eAAe,KAAK;AAC1B,eAAW,UAAU;;AAEvB,mBAAgB,QAAQ,GAAG,MAAM,GAAG,EAAE;AACtC,gBAAa;IACX,GAAG;IACH,gBAAgB,GAAG;IACnB,MAAM;IACP,CAAC;AACF;;AAOF,MAAI,GAAG,mBAAmB,OAAO,IAAI;GACnC,MAAM,OAAO,UAAU,QAAQ,IAAI,GAAG,eAAe;AACrD,OAAI,GAAG,mBAAmB,GAAG,cAE3B,OAAM,YAAY,YAAY,kBAAkB,QAAQ,EAAE,MAAM;QAC3D;IAEL,MAAM,OAAO,mBAAmB,QAAQ,IAAI,GAAG,eAAe;AAC9D,QAAI,KAAM,OAAM,YAAY,YAAY,KAAK,EAAE,MAAM;;AAEvD,SAAM,eAAe,KAAK;AAG1B,cAAW,UAAU;AAIrB,OAAI,CAAC,mBAAmB,QAAQ,IAAI,OAAO,GAAG,CAC5C,oBAAmB,QAAQ,IACzB,OAAO,IACP,YAAY,OAAO,WAAW,CAAC,CAChC;;AAIL,kBAAgB,QAAQ,GAAG,MAAM,GAAG,EAAE;AACtC,cAAY,QAAQ,IAAI,OAAO,GAAG;AAClC,eAAa;GAAE,GAAG;GAAI,gBAAgB,OAAO;GAAI,MAAM;GAAS,CAAC;GAEpE;CAED,MAAM,YAAY,eAAe;AAC/B,SAAO,oBAAoB,eAAe,cAAc,KAAK;AAC7D,gBAAc,UAAU;EACxB,MAAM,KAAK,aAAa;AACxB,MAAI,CAAC,GAAI;EAET,MAAM,SAAS,UAAU,QAAQ,IAAI,GAAG,cAAc;EACtD,MAAM,SAAS,UAAU,QAAQ,IAAI,GAAG,eAAe;AAGvD,MAFwB,CAAC,UAAU,OAAO,OAAO,GAAG,eAKlD;OAAI,QAAQ;IACV,MAAM,KAAK,OAAO,mBAAmB;IACrC,MAAM,KAAK,OAAO,cAAc;AAChC,WAAO,YAAY,CAAC,GAAG,GAAG,QAAQ,OAAO,WAAW,EAAE,GAAG,KAAK,CAAC,EAAE,KAAK;;SAEnE;GACL,MAAM,UAAU,eAAe,WAAW;IAAE,GAAG,GAAG,KAAK;IAAG,GAAG,GAAG,KAAK;IAAG;AAGxE,OAAI,QAAQ;IACV,MAAM,KAAK,OAAO,mBAAmB;IACrC,MAAM,KAAK,OAAO,cAAc;IAChC,MAAM,YAAY,OAAO,WAAW,CAAC,QAAQ,MAAM,EAAE,MAAM,GAAG,OAAO;AACrE,WAAO,YAAY,CAAC,GAAG,GAAG,QAAQ,WAAW,GAAG,KAAK,CAAC,EAAE,KAAK;;GAG/D,MAAM,KAAK,OAAQ,mBAAmB;GACtC,MAAM,KAAK,OAAQ,cAAc;GAIjC,MAAM,UACJ,WAAW,SAAS,YAAY,OAAQ,MACxC,cAAc,WAAW,QAAQ,SAAS,GAAG,OAAO,GAChD,WAAW,QAAQ,UACnB;GAEN,IAAI;AACJ,OAAI,QACF,eAAc,CAAC,GAAG,GAAG,QAAQ,YAAY,QAAQ,EAAE,GAAG,KAAK,CAAC;QACvD;IAIL,MAAM,UACJ,GAAG,SAAS,eACR;KAAE,GAAG,GAAG;KAAM,GAAG,KAAK,IAAI,GAAG,QAAQ,EAAE,GAAG;KAAG,GAAG,QAAQ;KAAG,GAC3D;KAAE,GAAG,GAAG;KAAM,GAAG,QAAQ;KAAG,GAAG,KAAK,IAAI,GAAG,QAAQ,EAAE,GAAG;KAAG;IASjE,MAAM,QAAQ,YARD,CACX,GAAG,aAEC,mBAAmB,QAAQ,IAAI,OAAQ,GAAG,IAAI,OAAQ,WAAW,EACjE,QAAQ,MAAM,EAAE,MAAM,GAAG,OAAO,CACnC,EACD,QACD,EAGC,SACA,QAAQ,GACR,QAAQ,GACR,MACA,GAAG,kBACH,GAAG,MACH,GAAG,MACH,GAAG,aACJ;AACD,kBAAc,CAAC,GAAG,GAAG,QAAQ,OAAO,GAAG,KAAK,CAAC;;AAE/C,UAAQ,YAAY,aAAa,KAAK;AAKtC,iBAAc,UAAU;IACtB,UAAU,GAAG;IACb,aAAa,GAAG;IAChB,WAAW,OAAQ;IACnB,MAAM,cAAc,aAAa,GAAG,OAAO,IAAI;KAC7C,GAAG,GAAG;KACN,GAAG,QAAQ;KACX,GAAG,QAAQ;KACZ;IACF,CAAC;;EAGJ,MAAM,MAAM,IAAI,IAAI,YAAY,QAAQ;AACxC,MAAI,IAAI,GAAG,cAAc;AACzB,MAAI,IAAI,GAAG,eAAe;AAC1B,MAAI,SAAS,OAAO,UAAU,QAAQ,IAAI,GAAG,EAAE,eAAe,KAAK,CAAC;AAEpE,cAAY,QAAQ,OAAO;AAC3B,oBAAkB,UAAU,EAAE;AAC9B,qBAAmB,QAAQ,OAAO;AAClC,iBAAe,QAAQ,OAAO;AAC9B,qBAAmB,0BAAU,IAAI,KAAK;AACtC,aAAW,UAAU;AACrB,iBAAe,UAAU;AACzB,eAAa,KAAK;GAClB;AAEF,QAAO,eACE;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EAAC;EAAO;EAAe;EAAa;EAAY;EAAW;EAAU,CACtE"}

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.145.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.145.3 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";