@cube-dev/ui-kit 0.0.0-canary-6be6cbe → 0.0.0-canary-7ec55ba

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      };\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":";;;;;;;;;;;;;;;;;;;AA+BA,SAAS,WAAW,MAA8C;AAChE,QAAO;EAAE,GAAG,KAAK;EAAM,GAAG,KAAK;EAAK;;AAgBtC,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;AAgB5D,eAR6B;GAC3B,eAAe;GACf,gBAAgB;GAChB;GACA,MAR8B;IAC9B,GAAG;IACH,aAAa,KAAK,eAAe,MAAM,IAAI,OAAO,EAAE;IACrD;GAMC;GACA;GACD,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;;;;;;;;;;;;;;;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,iBAAyB;EACxD,MAAM,KAAK,aAAa;AACxB,MAAI,CAAC,GAAI;EAET,MAAM,UAAwB;GAC5B,GAAG,GAAG;GACN,MAAM,GAAG,KAAK,OAAO;GACrB,KAAK,GAAG,KAAK,MAAM;GACpB;EAED,MAAM,SAAS,UAAU,QAAQ,IAAI,GAAG,cAAc;EAOtD,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"}
+{"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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"}

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | 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.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | 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.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | 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.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | 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.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | 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";

package/dist/components/layout/ResizablePanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | 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/Suffix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { InlineInput } from "../../content/InlineInput/InlineInput.js";
-import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";
 import { _MenuTrigger } from "../../actions/Menu/MenuTrigger.js";
@@ -98,8 +97,6 @@ function isMenuEmpty(menu) {
 * - Focus and hover states
 */
 function TabButton({ item, tabData, isLastTab }) {
-	const { t } = useI18n();
-	const editTabTitleLabel = t("tabs.editTabTitle", "Edit tab title");
 	const { state, type, size, placement, autoHideActions: parentAutoHideActions, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, onDelete, dragState, dropState, editingKey, startEditing, submitEditing, cancelEditing } = useTabsContext();
 	const ref = useRef(null);
 	const containerRef = useRef(null);
@@ -185,7 +182,7 @@ function TabButton({ item, tabData, isLastTab }) {
 	const handleEditingChange = useEvent((editing) => {
 		if (editing && !isEditing) handleStartEditing();
 	});
-	const renameInputSelector = `input[aria-label="${editTabTitleLabel.replace(/["\\]/g, "\\$&")}"]`;
+	const renameInputSelector = "input[aria-label=\"Edit tab title\"]";
 	const scheduleRenameRefocus = useEvent(() => {
 		let seenEditingInput = false;
 		let cancelled = false;
@@ -295,7 +292,7 @@ function TabButton({ item, tabData, isLastTab }) {
 	const deleteAction = showDeleteButton ? /* @__PURE__ */ jsx(ItemAction, {
 		tabIndex: -1,
 		icon: /* @__PURE__ */ jsx(CloseIcon, {}),
-		tooltip: t("tabs.close", "Close"),
+		tooltip: "Close",
 		onPress: handleDelete
 	}) : null;
 	const actions = tabData.actions || menuAction || deleteAction ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -319,7 +316,7 @@ function TabButton({ item, tabData, isLastTab }) {
 		isEditing,
 		isDisabled,
 		keyboardActivation: false,
-		"aria-label": editTabTitleLabel,
+		"aria-label": "Edit tab title",
 		styles: INLINE_INPUT_STYLES,
 		renderDisplay: renderTitleDisplay,
 		tooltip: tabTooltip ?? true,

package/dist/components/navigation/Tabs/TabButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabButton.js","names":["Menu","MenuTrigger","mergeProps"],"sources":["../../../../src/components/navigation/Tabs/TabButton.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  useDraggableItem,\n  useFocus,\n  useFocusVisible,\n  useHover,\n  useTab,\n} from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon, MoreIcon } from '../../../icons';\nimport { mergeProps } from '../../../utils/react';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport {\n  CubeInlineInputRef,\n  InlineInput,\n} from '../../content/InlineInput/InlineInput';\nimport { useBoardDragActive } from '../../layout/Board/board-context';\nimport { createMockDragState } from '../../shared/DraggableCollection';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\nimport { TabContainer, TabElement } from './styled';\nimport { TabDropIndicator } from './TabDropIndicator';\nimport { useTabsContext } from './TabsContext';\nimport { ParsedTab, RADIO_SIZE_MAP } from './types';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport type { DraggableCollectionState } from 'react-stately';\n\n// =============================================================================\n// Event handlers for actions to prevent event propagation to tab button\n// =============================================================================\n\nconst ACTIONS_EVENT_HANDLERS = {\n  onClick: (e: MouseEvent) => e.stopPropagation(),\n  onPointerDown: (e: PointerEvent) => e.stopPropagation(),\n  onPointerUp: (e: PointerEvent) => e.stopPropagation(),\n  onMouseDown: (e: MouseEvent) => e.stopPropagation(),\n  onMouseUp: (e: MouseEvent) => e.stopPropagation(),\n  onKeyDown: (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.stopPropagation();\n    }\n  },\n};\n\n// Inherit the tab button's pointer cursor — InlineInput's default `cursor: text`\n// hover hint is misleading inside a clickable tab.\nconst INLINE_INPUT_STYLES = { cursor: 'inherit' } as const;\n\n// How long a dragged Board widget must hover a tab header before that tab\n// spring-loads (opens). Long enough to avoid accidental switches while crossing\n// tabs, short enough to feel responsive.\nconst SPRING_LOAD_DELAY = 500;\n\n// =============================================================================\n// Menu Processing Utilities\n// =============================================================================\n\ninterface MenuItemLikeProps {\n  children?: ReactNode;\n  isDisabled?: boolean;\n  theme?: string;\n}\n\n/**\n * Extracts the raw key from a React element, stripping the \".$\" prefix\n * that React adds via Children.map/toArray.\n */\nfunction getRawKey(element: ReactElement): string | null {\n  if (element.key == null) return null;\n  const keyStr = String(element.key);\n  return keyStr.startsWith('.$') ? keyStr.slice(2) : keyStr;\n}\n\n/**\n * Process menu items for predefined action keys (rename, delete).\n * Auto-adds labels and disables items when requirements aren't met.\n */\nfunction processMenuItems(\n  children: ReactNode,\n  effectiveIsEditable: boolean,\n  isDeletable: boolean,\n): ReactNode {\n  // Use Children.forEach instead of Children.toArray to avoid React prepending\n  // \".$\" to element keys, which breaks selectedKeys matching in Menu.\n  const result: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) {\n      result.push(child);\n      return;\n    }\n\n    const childKey = getRawKey(child);\n    const childProps = child.props as MenuItemLikeProps;\n\n    // Handle predefined action keys\n    if (childKey === 'rename') {\n      result.push(\n        cloneElement(child as ReactElement<MenuItemLikeProps>, {\n          children: childProps.children ?? 'Rename',\n          isDisabled: childProps.isDisabled ?? !effectiveIsEditable,\n        }),\n      );\n      return;\n    }\n    if (childKey === 'delete') {\n      result.push(\n        cloneElement(child as ReactElement<MenuItemLikeProps>, {\n          children: childProps.children ?? 'Delete',\n          theme: childProps.theme ?? 'danger',\n          isDisabled: childProps.isDisabled ?? !isDeletable,\n        }),\n      );\n      return;\n    }\n\n    // Recursively process Menu.Section children\n    if (childProps.children && typeof childProps.children !== 'string') {\n      result.push(\n        cloneElement(child as ReactElement<MenuItemLikeProps>, {\n          children: processMenuItems(\n            childProps.children,\n            effectiveIsEditable,\n            isDeletable,\n          ),\n        }),\n      );\n      return;\n    }\n\n    result.push(child);\n  });\n\n  return result;\n}\n\n/**\n * Check if menu children is empty (null, undefined, or empty fragment)\n */\nfunction isMenuEmpty(menu: ReactNode): boolean {\n  if (menu === null || menu === undefined) return true;\n  const children = Children.toArray(menu);\n  return children.length === 0;\n}\n\n// =============================================================================\n// TabButton Props\n// =============================================================================\n\nexport interface TabButtonProps {\n  /** React Aria collection item */\n  item: Node<object>;\n  /** Parsed tab data */\n  tabData: ParsedTab;\n  /** Whether this is the last tab (for drop indicator) */\n  isLastTab?: boolean;\n}\n\n// =============================================================================\n// TabButton Component\n// =============================================================================\n\n/**\n * Individual tab button component.\n *\n * Uses TabsContext to access shared props, dramatically reducing prop drilling.\n * Handles:\n * - Tab selection and keyboard navigation\n * - Inline title editing\n * - Menu and context menu\n * - Drag-and-drop reordering\n * - Focus and hover states\n */\nexport function TabButton({ item, tabData, isLastTab }: TabButtonProps) {\n  const { t } = useI18n();\n  const editTabTitleLabel = t('tabs.editTabTitle', 'Edit tab title');\n\n  // Get shared context\n  const {\n    state,\n    type,\n    size,\n    placement,\n    autoHideActions: parentAutoHideActions,\n    isEditable: parentIsEditable,\n    menu: parentMenu,\n    menuTriggerProps: parentMenuTriggerProps,\n    menuProps: parentMenuProps,\n    contextMenu: parentContextMenu,\n    onAction: parentOnAction,\n    onDelete,\n    dragState,\n    dropState,\n    editingKey,\n    startEditing,\n    submitEditing,\n    cancelEditing,\n  } = useTabsContext();\n\n  const ref = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const actionsRef = useRef<HTMLDivElement>(null);\n  const inlineInputRef = useRef<CubeInlineInputRef>(null);\n  const { tabProps } = useTab({ key: item.key }, state, ref);\n\n  // Measure actions width for proper space allocation in Item\n  const [actionsWidth, setActionsWidth] = useState(0);\n\n  // Drag-and-drop support - only enable when both states are provided\n  const isDraggable = !!dragState && !!dropState;\n\n  // useDraggableItem must be called unconditionally (Rules of Hooks)\n  // When dragState is undefined, we pass a minimal mock state to satisfy the hook\n  const mockDragState = useMemo(\n    () => createMockDragState(state.collection, state.selectionManager),\n    [state.collection, state.selectionManager],\n  );\n\n  const dragResult = useDraggableItem(\n    { key: item.key },\n    dragState ?? mockDragState,\n  );\n  const effectiveDragProps = isDraggable ? dragResult.dragProps : {};\n  const isDragging = isDraggable && dragResult.isDragging;\n\n  // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  // Hover, focus, and focus-visible state handling\n  const { hoverProps, isHovered } = useHover({});\n  const [isFocused, setIsFocused] = useState(false);\n  const { focusProps } = useFocus({ onFocusChange: setIsFocused });\n  const { isFocusVisible } = useFocusVisible();\n\n  // Suppress focus-visible when restoring focus after editing\n  const [suppressFocusVisible, setSuppressFocusVisible] = useState(false);\n  const effectiveFocusVisible = isFocusVisible && !suppressFocusVisible;\n\n  const isActive = state.selectedKey === item.key;\n  const isDisabled = state.disabledKeys.has(item.key);\n  const isDeletable = !!onDelete;\n  const isEditing = editingKey === item.key;\n\n  // Spring-load: when this Tabs sits inside a Board and a widget is being\n  // dragged, hovering an inactive tab header for a moment opens it, so the user\n  // can drop the widget into (or move it between) tabs. React Aria's `useMove`\n  // uses window listeners without pointer capture and the dragged widget is\n  // `pointer-events: none`, so the tab header still receives native pointer\n  // enter/leave during the drag. `false` outside a Board, so nothing changes.\n  const isBoardDragActive = useBoardDragActive();\n  const [isDropPending, setIsDropPending] = useState(false);\n  const springLoadTimerRef = useRef<number | null>(null);\n\n  const clearSpringLoad = useEvent(() => {\n    if (springLoadTimerRef.current != null) {\n      clearTimeout(springLoadTimerRef.current);\n      springLoadTimerRef.current = null;\n    }\n    setIsDropPending(false);\n  });\n\n  const handleSpringLoadEnter = useEvent(() => {\n    if (!isBoardDragActive || isActive || isDisabled) return;\n    if (springLoadTimerRef.current != null) return;\n    setIsDropPending(true);\n    springLoadTimerRef.current = window.setTimeout(() => {\n      springLoadTimerRef.current = null;\n      setIsDropPending(false);\n      state.setSelectedKey(item.key);\n    }, SPRING_LOAD_DELAY);\n  });\n\n  // Cancel any pending spring-load when the drag ends (or the tab unmounts), so\n  // a stale timer can never switch tabs after the drop.\n  useEffect(() => {\n    if (!isBoardDragActive) clearSpringLoad();\n    return clearSpringLoad;\n  }, [isBoardDragActive, clearSpringLoad]);\n\n  // Compute effective values - Tab-level overrides Tabs-level.\n  // Icon-only tabs (no `title`) have nothing to rename, so editing is disabled.\n  const effectiveIsEditable =\n    (tabData.isEditable ?? parentIsEditable ?? false) && tabData.title != null;\n  const effectiveMenu =\n    tabData.menu === null ? null : tabData.menu ?? parentMenu;\n  const effectiveMenuTriggerProps: Partial<CubeItemActionProps> = {\n    ...parentMenuTriggerProps,\n    ...tabData.menuTriggerProps,\n  };\n  const effectiveMenuProps: Partial<CubeMenuProps<object>> = {\n    ...parentMenuProps,\n    ...tabData.menuProps,\n  };\n  const effectiveContextMenu =\n    tabData.contextMenu ?? parentContextMenu ?? false;\n  const effectiveType = type ?? 'default';\n\n  const contextMenuEnabled =\n    effectiveContextMenu === true || effectiveContextMenu === 'context-only';\n  const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n  // Inline close when no menu, or context-only (no overflow trigger)\n  const showDeleteButton =\n    isDeletable && (isMenuEmpty(effectiveMenu) || contextMenuOnly);\n\n  // Process menu items for auto-labels and disabled states\n  const processedMenu =\n    effectiveMenu && !isMenuEmpty(effectiveMenu)\n      ? processMenuItems(effectiveMenu, effectiveIsEditable, isDeletable)\n      : null;\n\n  const itemKeyStr = String(item.key);\n\n  const handleDelete = useEvent(() => {\n    onDelete?.(itemKeyStr);\n  });\n\n  const titleString =\n    typeof tabData.title === 'string' ? tabData.title : itemKeyStr;\n\n  const handleStartEditing = useEvent(() => {\n    if (!effectiveIsEditable || isDisabled) return;\n    startEditing(itemKeyStr, titleString);\n  });\n\n  const handleSubmitEditing = useEvent((newTitle: string) => {\n    submitEditing(itemKeyStr, newTitle, tabData.onTitleChange);\n    // Suppress focus-visible and restore focus to the tab button after editing\n    setSuppressFocusVisible(true);\n    ref.current?.focus();\n  });\n\n  const handleCancelEditing = useEvent(() => {\n    cancelEditing();\n    // Suppress focus-visible and restore focus to the tab button after editing\n    setSuppressFocusVisible(true);\n    ref.current?.focus();\n  });\n\n  const handleEditingChange = useEvent((editing: boolean) => {\n    if (editing && !isEditing) {\n      handleStartEditing();\n    }\n  });\n\n  // Secondary defense against the Menu/InlineInput focus-theft race when a\n  // consumer triggers rename from a menu item. `InlineInput` itself runs a\n  // blur-side grace period after a programmatic `startEditing()` call (see\n  // `PROGRAMMATIC_EDIT_BLUR_GRACE_MS`); this pass just re-focuses the input\n  // across the Menu popover's exit transition (~350ms) in case another code\n  // path (focus manager, host re-render) stole focus from it.\n  //\n  // The `seenEditingInput` guard ensures we don't reopen rename after the\n  // user has already finished editing (Enter / Escape / blur-to-elsewhere):\n  // once we've observed the editing input in the DOM and it later\n  // disappears, the user committed/cancelled and we stop retrying.\n  // Escape only the characters that are special inside a double-quoted\n  // attribute-selector value (`\\` and `\"`); spaces and other chars are literal.\n  const renameInputSelector = `input[aria-label=\"${editTabTitleLabel.replace(\n    /[\"\\\\]/g,\n    '\\\\$&',\n  )}\"]`;\n  const scheduleRenameRefocus = useEvent(() => {\n    let seenEditingInput = false;\n    let cancelled = false;\n    const timers: number[] = [];\n\n    // Query the editing input via the tab button `ref` — that's always\n    // wired up regardless of context-menu mode. `containerRef` is shadowed\n    // by `contextMenu.targetRef` when context menu is enabled, and\n    // `actionsRef` may never attach (e.g. `contextMenu=\"context-only\"` with\n    // no delete button and no custom actions).\n    const findEditingInput = (): HTMLInputElement | null =>\n      (ref.current?.querySelector(renameInputSelector) ??\n        null) as HTMLInputElement | null;\n\n    const tick = () => {\n      if (cancelled) return;\n\n      const editingInput = findEditingInput();\n      if (editingInput) {\n        seenEditingInput = true;\n        if (document.activeElement !== editingInput) {\n          inlineInputRef.current?.focus();\n        }\n\n        return;\n      }\n\n      if (seenEditingInput) {\n        cancelled = true;\n        for (const t of timers) clearTimeout(t);\n      }\n    };\n\n    requestAnimationFrame(tick);\n    timers.push(window.setTimeout(tick, 50));\n    timers.push(window.setTimeout(tick, 200));\n    timers.push(window.setTimeout(tick, 400));\n  });\n\n  // Handle menu actions - predefined actions first, then callbacks\n  const handleMenuAction = useEvent((action: Key) => {\n    // Strip the \".$\" prefix that React adds via Children.toArray/map\n    const actionStr = String(action);\n    const normalizedAction = actionStr.startsWith('.$')\n      ? actionStr.slice(2)\n      : actionStr;\n\n    // Handle predefined actions first (only if requirements are met)\n    if (normalizedAction === 'rename' && effectiveIsEditable) {\n      inlineInputRef.current?.startEditing();\n      // Belt-and-suspenders: see `scheduleRenameRefocus` for the rationale.\n      scheduleRenameRefocus();\n    }\n    if (normalizedAction === 'delete' && isDeletable) {\n      onDelete?.(itemKeyStr);\n    }\n    // Call Tab-level onAction first (with normalized action)\n    tabData.onAction?.(normalizedAction);\n    // Then call Tabs-level onAction with tab key (with normalized action)\n    parentOnAction?.(normalizedAction, itemKeyStr);\n  });\n\n  const menuElement = processedMenu ? (\n    <Menu {...effectiveMenuProps} onAction={handleMenuAction}>\n      {processedMenu}\n    </Menu>\n  ) : null;\n\n  // Menus follow the same axis-aware popover rule as TabPicker so they always\n  // open toward the panel area instead of past the bar's outer edge.\n  const menuPopoverPlacement = POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement];\n\n  const contextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n    Menu,\n    { placement: menuPopoverPlacement },\n    {\n      ...effectiveMenuProps,\n      onAction: handleMenuAction,\n      children: processedMenu,\n    },\n  );\n\n  // Keyboard handler for accessibility shortcuts (WAI-ARIA Tabs Pattern)\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    // Reset focus-visible suppression on any keyboard interaction\n    if (suppressFocusVisible) {\n      setSuppressFocusVisible(false);\n    }\n\n    // F2 to start editing (standard rename shortcut)\n    if (e.key === 'F2' && effectiveIsEditable && !isDisabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      inlineInputRef.current?.startEditing();\n    }\n\n    // Shift+F10 opens the menu (standard context menu shortcut)\n    if (e.key === 'F10' && e.shiftKey && processedMenu) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (contextMenuOnly) {\n        contextMenu.open();\n      } else {\n        setIsMenuOpen(true);\n      }\n    }\n\n    // Delete key for direct tab deletion (ARIA Tabs pattern optional feature)\n    // Skip when editing to allow normal text editing operations\n    if (\n      (e.key === 'Delete' || e.key === 'Backspace') &&\n      isDeletable &&\n      !isEditing\n    ) {\n      e.preventDefault();\n      onDelete?.(itemKeyStr);\n    }\n  });\n\n  const mods = useMemo(\n    () => ({\n      type: effectiveType,\n      placement,\n      active: isActive,\n      deletable: isDeletable,\n      disabled: isDisabled,\n      editing: isEditing,\n      hovered: isHovered,\n      focused: isFocused,\n      'focus-visible': effectiveFocusVisible,\n      draggable: isDraggable,\n      dragging: isDragging,\n      'drop-pending': isDropPending,\n    }),\n    [\n      effectiveType,\n      placement,\n      isActive,\n      isDeletable,\n      isDisabled,\n      isEditing,\n      isHovered,\n      isFocused,\n      effectiveFocusVisible,\n      isDraggable,\n      isDragging,\n      isDropPending,\n    ],\n  );\n\n  // Scroll active tab into view\n  useEffect(() => {\n    if (ref.current && isActive) {\n      ref.current.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n    }\n  }, [isActive]);\n\n  // Overflow trigger (hidden in context-only mode)\n  const menuAction =\n    menuElement && !contextMenuOnly ? (\n      <MenuTrigger\n        isOpen={isMenuOpen}\n        placement={menuPopoverPlacement}\n        onOpenChange={setIsMenuOpen}\n      >\n        <ItemAction\n          tabIndex={-1}\n          icon={<MoreIcon />}\n          {...effectiveMenuTriggerProps}\n        />\n        {menuElement}\n      </MenuTrigger>\n    ) : null;\n\n  // Build delete button (only shown when no menu)\n  const deleteAction = showDeleteButton ? (\n    <ItemAction\n      tabIndex={-1}\n      icon={<CloseIcon />}\n      tooltip={t('tabs.close', 'Close')}\n      onPress={handleDelete}\n    />\n  ) : null;\n\n  // Order: custom actions → menu trigger → delete button\n  const actions =\n    tabData.actions || menuAction || deleteAction ? (\n      <>\n        {tabData.actions}\n        {menuAction}\n        {deleteAction}\n      </>\n    ) : undefined;\n\n  // Measure actions width to pass to Item for proper space allocation\n  useLayoutEffect(() => {\n    if (actions && actionsRef.current) {\n      setActionsWidth(Math.round(actionsRef.current.offsetWidth));\n    }\n  }, [actions]);\n\n  // Determine effective size\n  const effectiveSize = tabData.size ?? size ?? 'medium';\n  const itemSize =\n    effectiveType === 'radio'\n      ? RADIO_SIZE_MAP[effectiveSize === 'large' ? 'large' : 'medium']\n      : effectiveSize;\n\n  // Determine Item type prop\n  const itemType = 'clear';\n\n  // Determine shape - file type uses sharp edges\n  const isFileType = effectiveType === 'file';\n  const itemShape = isFileType ? 'sharp' : undefined;\n\n  // Determine autoHideActions - tab-level overrides parent-level\n  const effectiveAutoHideActions =\n    tabData.autoHideActions ?? parentAutoHideActions;\n\n  // Extract tab-specific props and pass through the rest (style props) to the Item\n  const {\n    title: _title,\n    content: _content,\n    key: _key,\n    isDisabled: _isDisabled,\n    prerender: _prerender,\n    keepMounted: _keepMounted,\n    size: _size,\n    actions: _actions,\n    autoHideActions: _autoHideActions,\n    isEditable: _isEditable,\n    onTitleChange: _onTitleChange,\n    menu: _menu,\n    menuTriggerProps: _menuTriggerProps,\n    menuProps: _menuProps,\n    contextMenu: _contextMenu,\n    onAction: _onAction,\n    tooltip: tabTooltip,\n    qa,\n    qaVal,\n    styles,\n    ...itemStyleProps\n  } = tabData;\n\n  // Render title with editing support if editable\n  // Override InlineInput's default `cursor: text` hover hint — in Tabs the\n  // title sits inside a clickable tab, so a text caret cursor is misleading.\n  //\n  // When the title is a plain string we let InlineInput render it directly,\n  // which lets the optimistic display kick in (avoids flicker if the parent's\n  // `onTitleChange` updates the source asynchronously, e.g. inside a RAF).\n  // For ReactNode titles (icons, badges, ...), preserve the original node.\n  //\n  // For editable tabs, route the tab's `tooltip` prop through InlineInput so\n  // it owns the truncation + tooltip behaviour (and we pass `tooltip={false}`\n  // to `TabElement` below to avoid double tooltips).\n  const renderTitleDisplay =\n    typeof tabData.title === 'string' ? undefined : () => tabData.title;\n  const titleContent = effectiveIsEditable ? (\n    <InlineInput\n      ref={inlineInputRef}\n      value={titleString}\n      isEditing={isEditing}\n      isDisabled={isDisabled}\n      keyboardActivation={false}\n      aria-label={editTabTitleLabel}\n      styles={INLINE_INPUT_STYLES}\n      renderDisplay={renderTitleDisplay}\n      tooltip={tabTooltip ?? true}\n      onEditingChange={handleEditingChange}\n      onSubmit={handleSubmitEditing}\n      onCancel={handleCancelEditing}\n    />\n  ) : (\n    tabData.title\n  );\n\n  // Use the hook's targetRef when context menu is enabled\n  const effectiveContainerRef =\n    contextMenuEnabled && processedMenu ? contextMenu.targetRef : containerRef;\n\n  // ARIA: indicate popup menu presence\n  const ariaProps = processedMenu ? { 'aria-haspopup': 'menu' as const } : {};\n\n  // Mods for TabContainer\n  const containerMods = {\n    ...mods,\n    'auto-hide-actions': effectiveAutoHideActions,\n  };\n\n  return (\n    <TabContainer\n      ref={effectiveContainerRef}\n      data-size={itemSize}\n      mods={containerMods}\n      tokens={{ '$actions-width': `${actionsWidth}px` }}\n      {...effectiveDragProps}\n    >\n      {/* Drop indicator before this tab */}\n      {isDraggable && dropState && (\n        <TabDropIndicator\n          target={{ type: 'item', key: item.key, dropPosition: 'before' }}\n          dropState={dropState}\n          position=\"before\"\n        />\n      )}\n      <TabElement\n        preserveActionsSpace\n        autoHideActions={effectiveAutoHideActions}\n        as=\"button\"\n        {...mergeProps(tabProps, hoverProps, focusProps, {\n          onKeyDown: handleKeyDown,\n          onPointerEnter: handleSpringLoadEnter,\n          onPointerLeave: clearSpringLoad,\n        })}\n        {...ariaProps}\n        {...itemStyleProps}\n        ref={ref}\n        qa={qa ?? `Tab-${String(item.key)}`}\n        qaVal={qaVal}\n        styles={styles}\n        mods={mods}\n        isSelected={isActive}\n        isDisabled={isDisabled}\n        size={itemSize}\n        type={itemType}\n        shape={itemShape}\n        actions={actions ? true : undefined}\n        tooltip={effectiveIsEditable ? false : tabTooltip}\n      >\n        {titleContent}\n      </TabElement>\n      {/* Actions rendered outside the button for accessibility */}\n      {actions && (\n        <div\n          ref={actionsRef}\n          data-element=\"Actions\"\n          {...ACTIONS_EVENT_HANDLERS}\n        >\n          <ItemActionProvider\n            type={itemType}\n            theme=\"default\"\n            isDisabled={isDisabled}\n          >\n            {actions}\n          </ItemActionProvider>\n        </div>\n      )}\n      {contextMenuEnabled && processedMenu && contextMenu.rendered}\n      {/* Drop indicator after the last tab */}\n      {isDraggable && dropState && isLastTab && (\n        <TabDropIndicator\n          target={{ type: 'item', key: item.key, dropPosition: 'after' }}\n          dropState={dropState}\n          position=\"after\"\n        />\n      )}\n    </TabContainer>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TabButton.js","names":["Menu","MenuTrigger","mergeProps"],"sources":["../../../../src/components/navigation/Tabs/TabButton.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  useDraggableItem,\n  useFocus,\n  useFocusVisible,\n  useHover,\n  useTab,\n} from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { CloseIcon, MoreIcon } from '../../../icons';\nimport { mergeProps } from '../../../utils/react';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport {\n  CubeInlineInputRef,\n  InlineInput,\n} from '../../content/InlineInput/InlineInput';\nimport { useBoardDragActive } from '../../layout/Board/board-context';\nimport { createMockDragState } from '../../shared/DraggableCollection';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\nimport { TabContainer, TabElement } from './styled';\nimport { TabDropIndicator } from './TabDropIndicator';\nimport { useTabsContext } from './TabsContext';\nimport { ParsedTab, RADIO_SIZE_MAP } from './types';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport type { DraggableCollectionState } from 'react-stately';\n\n// =============================================================================\n// Event handlers for actions to prevent event propagation to tab button\n// =============================================================================\n\nconst ACTIONS_EVENT_HANDLERS = {\n  onClick: (e: MouseEvent) => e.stopPropagation(),\n  onPointerDown: (e: PointerEvent) => e.stopPropagation(),\n  onPointerUp: (e: PointerEvent) => e.stopPropagation(),\n  onMouseDown: (e: MouseEvent) => e.stopPropagation(),\n  onMouseUp: (e: MouseEvent) => e.stopPropagation(),\n  onKeyDown: (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.stopPropagation();\n    }\n  },\n};\n\n// Inherit the tab button's pointer cursor — InlineInput's default `cursor: text`\n// hover hint is misleading inside a clickable tab.\nconst INLINE_INPUT_STYLES = { cursor: 'inherit' } as const;\n\n// How long a dragged Board widget must hover a tab header before that tab\n// spring-loads (opens). Long enough to avoid accidental switches while crossing\n// tabs, short enough to feel responsive.\nconst SPRING_LOAD_DELAY = 500;\n\n// =============================================================================\n// Menu Processing Utilities\n// =============================================================================\n\ninterface MenuItemLikeProps {\n  children?: ReactNode;\n  isDisabled?: boolean;\n  theme?: string;\n}\n\n/**\n * Extracts the raw key from a React element, stripping the \".$\" prefix\n * that React adds via Children.map/toArray.\n */\nfunction getRawKey(element: ReactElement): string | null {\n  if (element.key == null) return null;\n  const keyStr = String(element.key);\n  return keyStr.startsWith('.$') ? keyStr.slice(2) : keyStr;\n}\n\n/**\n * Process menu items for predefined action keys (rename, delete).\n * Auto-adds labels and disables items when requirements aren't met.\n */\nfunction processMenuItems(\n  children: ReactNode,\n  effectiveIsEditable: boolean,\n  isDeletable: boolean,\n): ReactNode {\n  // Use Children.forEach instead of Children.toArray to avoid React prepending\n  // \".$\" to element keys, which breaks selectedKeys matching in Menu.\n  const result: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) {\n      result.push(child);\n      return;\n    }\n\n    const childKey = getRawKey(child);\n    const childProps = child.props as MenuItemLikeProps;\n\n    // Handle predefined action keys\n    if (childKey === 'rename') {\n      result.push(\n        cloneElement(child as ReactElement<MenuItemLikeProps>, {\n          children: childProps.children ?? 'Rename',\n          isDisabled: childProps.isDisabled ?? !effectiveIsEditable,\n        }),\n      );\n      return;\n    }\n    if (childKey === 'delete') {\n      result.push(\n        cloneElement(child as ReactElement<MenuItemLikeProps>, {\n          children: childProps.children ?? 'Delete',\n          theme: childProps.theme ?? 'danger',\n          isDisabled: childProps.isDisabled ?? !isDeletable,\n        }),\n      );\n      return;\n    }\n\n    // Recursively process Menu.Section children\n    if (childProps.children && typeof childProps.children !== 'string') {\n      result.push(\n        cloneElement(child as ReactElement<MenuItemLikeProps>, {\n          children: processMenuItems(\n            childProps.children,\n            effectiveIsEditable,\n            isDeletable,\n          ),\n        }),\n      );\n      return;\n    }\n\n    result.push(child);\n  });\n\n  return result;\n}\n\n/**\n * Check if menu children is empty (null, undefined, or empty fragment)\n */\nfunction isMenuEmpty(menu: ReactNode): boolean {\n  if (menu === null || menu === undefined) return true;\n  const children = Children.toArray(menu);\n  return children.length === 0;\n}\n\n// =============================================================================\n// TabButton Props\n// =============================================================================\n\nexport interface TabButtonProps {\n  /** React Aria collection item */\n  item: Node<object>;\n  /** Parsed tab data */\n  tabData: ParsedTab;\n  /** Whether this is the last tab (for drop indicator) */\n  isLastTab?: boolean;\n}\n\n// =============================================================================\n// TabButton Component\n// =============================================================================\n\n/**\n * Individual tab button component.\n *\n * Uses TabsContext to access shared props, dramatically reducing prop drilling.\n * Handles:\n * - Tab selection and keyboard navigation\n * - Inline title editing\n * - Menu and context menu\n * - Drag-and-drop reordering\n * - Focus and hover states\n */\nexport function TabButton({ item, tabData, isLastTab }: TabButtonProps) {\n  // Get shared context\n  const {\n    state,\n    type,\n    size,\n    placement,\n    autoHideActions: parentAutoHideActions,\n    isEditable: parentIsEditable,\n    menu: parentMenu,\n    menuTriggerProps: parentMenuTriggerProps,\n    menuProps: parentMenuProps,\n    contextMenu: parentContextMenu,\n    onAction: parentOnAction,\n    onDelete,\n    dragState,\n    dropState,\n    editingKey,\n    startEditing,\n    submitEditing,\n    cancelEditing,\n  } = useTabsContext();\n\n  const ref = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const actionsRef = useRef<HTMLDivElement>(null);\n  const inlineInputRef = useRef<CubeInlineInputRef>(null);\n  const { tabProps } = useTab({ key: item.key }, state, ref);\n\n  // Measure actions width for proper space allocation in Item\n  const [actionsWidth, setActionsWidth] = useState(0);\n\n  // Drag-and-drop support - only enable when both states are provided\n  const isDraggable = !!dragState && !!dropState;\n\n  // useDraggableItem must be called unconditionally (Rules of Hooks)\n  // When dragState is undefined, we pass a minimal mock state to satisfy the hook\n  const mockDragState = useMemo(\n    () => createMockDragState(state.collection, state.selectionManager),\n    [state.collection, state.selectionManager],\n  );\n\n  const dragResult = useDraggableItem(\n    { key: item.key },\n    dragState ?? mockDragState,\n  );\n  const effectiveDragProps = isDraggable ? dragResult.dragProps : {};\n  const isDragging = isDraggable && dragResult.isDragging;\n\n  // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  // Hover, focus, and focus-visible state handling\n  const { hoverProps, isHovered } = useHover({});\n  const [isFocused, setIsFocused] = useState(false);\n  const { focusProps } = useFocus({ onFocusChange: setIsFocused });\n  const { isFocusVisible } = useFocusVisible();\n\n  // Suppress focus-visible when restoring focus after editing\n  const [suppressFocusVisible, setSuppressFocusVisible] = useState(false);\n  const effectiveFocusVisible = isFocusVisible && !suppressFocusVisible;\n\n  const isActive = state.selectedKey === item.key;\n  const isDisabled = state.disabledKeys.has(item.key);\n  const isDeletable = !!onDelete;\n  const isEditing = editingKey === item.key;\n\n  // Spring-load: when this Tabs sits inside a Board and a widget is being\n  // dragged, hovering an inactive tab header for a moment opens it, so the user\n  // can drop the widget into (or move it between) tabs. React Aria's `useMove`\n  // uses window listeners without pointer capture and the dragged widget is\n  // `pointer-events: none`, so the tab header still receives native pointer\n  // enter/leave during the drag. `false` outside a Board, so nothing changes.\n  const isBoardDragActive = useBoardDragActive();\n  const [isDropPending, setIsDropPending] = useState(false);\n  const springLoadTimerRef = useRef<number | null>(null);\n\n  const clearSpringLoad = useEvent(() => {\n    if (springLoadTimerRef.current != null) {\n      clearTimeout(springLoadTimerRef.current);\n      springLoadTimerRef.current = null;\n    }\n    setIsDropPending(false);\n  });\n\n  const handleSpringLoadEnter = useEvent(() => {\n    if (!isBoardDragActive || isActive || isDisabled) return;\n    if (springLoadTimerRef.current != null) return;\n    setIsDropPending(true);\n    springLoadTimerRef.current = window.setTimeout(() => {\n      springLoadTimerRef.current = null;\n      setIsDropPending(false);\n      state.setSelectedKey(item.key);\n    }, SPRING_LOAD_DELAY);\n  });\n\n  // Cancel any pending spring-load when the drag ends (or the tab unmounts), so\n  // a stale timer can never switch tabs after the drop.\n  useEffect(() => {\n    if (!isBoardDragActive) clearSpringLoad();\n    return clearSpringLoad;\n  }, [isBoardDragActive, clearSpringLoad]);\n\n  // Compute effective values - Tab-level overrides Tabs-level.\n  // Icon-only tabs (no `title`) have nothing to rename, so editing is disabled.\n  const effectiveIsEditable =\n    (tabData.isEditable ?? parentIsEditable ?? false) && tabData.title != null;\n  const effectiveMenu =\n    tabData.menu === null ? null : tabData.menu ?? parentMenu;\n  const effectiveMenuTriggerProps: Partial<CubeItemActionProps> = {\n    ...parentMenuTriggerProps,\n    ...tabData.menuTriggerProps,\n  };\n  const effectiveMenuProps: Partial<CubeMenuProps<object>> = {\n    ...parentMenuProps,\n    ...tabData.menuProps,\n  };\n  const effectiveContextMenu =\n    tabData.contextMenu ?? parentContextMenu ?? false;\n  const effectiveType = type ?? 'default';\n\n  const contextMenuEnabled =\n    effectiveContextMenu === true || effectiveContextMenu === 'context-only';\n  const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n  // Inline close when no menu, or context-only (no overflow trigger)\n  const showDeleteButton =\n    isDeletable && (isMenuEmpty(effectiveMenu) || contextMenuOnly);\n\n  // Process menu items for auto-labels and disabled states\n  const processedMenu =\n    effectiveMenu && !isMenuEmpty(effectiveMenu)\n      ? processMenuItems(effectiveMenu, effectiveIsEditable, isDeletable)\n      : null;\n\n  const itemKeyStr = String(item.key);\n\n  const handleDelete = useEvent(() => {\n    onDelete?.(itemKeyStr);\n  });\n\n  const titleString =\n    typeof tabData.title === 'string' ? tabData.title : itemKeyStr;\n\n  const handleStartEditing = useEvent(() => {\n    if (!effectiveIsEditable || isDisabled) return;\n    startEditing(itemKeyStr, titleString);\n  });\n\n  const handleSubmitEditing = useEvent((newTitle: string) => {\n    submitEditing(itemKeyStr, newTitle, tabData.onTitleChange);\n    // Suppress focus-visible and restore focus to the tab button after editing\n    setSuppressFocusVisible(true);\n    ref.current?.focus();\n  });\n\n  const handleCancelEditing = useEvent(() => {\n    cancelEditing();\n    // Suppress focus-visible and restore focus to the tab button after editing\n    setSuppressFocusVisible(true);\n    ref.current?.focus();\n  });\n\n  const handleEditingChange = useEvent((editing: boolean) => {\n    if (editing && !isEditing) {\n      handleStartEditing();\n    }\n  });\n\n  // Secondary defense against the Menu/InlineInput focus-theft race when a\n  // consumer triggers rename from a menu item. `InlineInput` itself runs a\n  // blur-side grace period after a programmatic `startEditing()` call (see\n  // `PROGRAMMATIC_EDIT_BLUR_GRACE_MS`); this pass just re-focuses the input\n  // across the Menu popover's exit transition (~350ms) in case another code\n  // path (focus manager, host re-render) stole focus from it.\n  //\n  // The `seenEditingInput` guard ensures we don't reopen rename after the\n  // user has already finished editing (Enter / Escape / blur-to-elsewhere):\n  // once we've observed the editing input in the DOM and it later\n  // disappears, the user committed/cancelled and we stop retrying.\n  const renameInputSelector = 'input[aria-label=\"Edit tab title\"]';\n  const scheduleRenameRefocus = useEvent(() => {\n    let seenEditingInput = false;\n    let cancelled = false;\n    const timers: number[] = [];\n\n    // Query the editing input via the tab button `ref` — that's always\n    // wired up regardless of context-menu mode. `containerRef` is shadowed\n    // by `contextMenu.targetRef` when context menu is enabled, and\n    // `actionsRef` may never attach (e.g. `contextMenu=\"context-only\"` with\n    // no delete button and no custom actions).\n    const findEditingInput = (): HTMLInputElement | null =>\n      (ref.current?.querySelector(renameInputSelector) ??\n        null) as HTMLInputElement | null;\n\n    const tick = () => {\n      if (cancelled) return;\n\n      const editingInput = findEditingInput();\n      if (editingInput) {\n        seenEditingInput = true;\n        if (document.activeElement !== editingInput) {\n          inlineInputRef.current?.focus();\n        }\n\n        return;\n      }\n\n      if (seenEditingInput) {\n        cancelled = true;\n        for (const t of timers) clearTimeout(t);\n      }\n    };\n\n    requestAnimationFrame(tick);\n    timers.push(window.setTimeout(tick, 50));\n    timers.push(window.setTimeout(tick, 200));\n    timers.push(window.setTimeout(tick, 400));\n  });\n\n  // Handle menu actions - predefined actions first, then callbacks\n  const handleMenuAction = useEvent((action: Key) => {\n    // Strip the \".$\" prefix that React adds via Children.toArray/map\n    const actionStr = String(action);\n    const normalizedAction = actionStr.startsWith('.$')\n      ? actionStr.slice(2)\n      : actionStr;\n\n    // Handle predefined actions first (only if requirements are met)\n    if (normalizedAction === 'rename' && effectiveIsEditable) {\n      inlineInputRef.current?.startEditing();\n      // Belt-and-suspenders: see `scheduleRenameRefocus` for the rationale.\n      scheduleRenameRefocus();\n    }\n    if (normalizedAction === 'delete' && isDeletable) {\n      onDelete?.(itemKeyStr);\n    }\n    // Call Tab-level onAction first (with normalized action)\n    tabData.onAction?.(normalizedAction);\n    // Then call Tabs-level onAction with tab key (with normalized action)\n    parentOnAction?.(normalizedAction, itemKeyStr);\n  });\n\n  const menuElement = processedMenu ? (\n    <Menu {...effectiveMenuProps} onAction={handleMenuAction}>\n      {processedMenu}\n    </Menu>\n  ) : null;\n\n  // Menus follow the same axis-aware popover rule as TabPicker so they always\n  // open toward the panel area instead of past the bar's outer edge.\n  const menuPopoverPlacement = POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement];\n\n  const contextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n    Menu,\n    { placement: menuPopoverPlacement },\n    {\n      ...effectiveMenuProps,\n      onAction: handleMenuAction,\n      children: processedMenu,\n    },\n  );\n\n  // Keyboard handler for accessibility shortcuts (WAI-ARIA Tabs Pattern)\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    // Reset focus-visible suppression on any keyboard interaction\n    if (suppressFocusVisible) {\n      setSuppressFocusVisible(false);\n    }\n\n    // F2 to start editing (standard rename shortcut)\n    if (e.key === 'F2' && effectiveIsEditable && !isDisabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      inlineInputRef.current?.startEditing();\n    }\n\n    // Shift+F10 opens the menu (standard context menu shortcut)\n    if (e.key === 'F10' && e.shiftKey && processedMenu) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (contextMenuOnly) {\n        contextMenu.open();\n      } else {\n        setIsMenuOpen(true);\n      }\n    }\n\n    // Delete key for direct tab deletion (ARIA Tabs pattern optional feature)\n    // Skip when editing to allow normal text editing operations\n    if (\n      (e.key === 'Delete' || e.key === 'Backspace') &&\n      isDeletable &&\n      !isEditing\n    ) {\n      e.preventDefault();\n      onDelete?.(itemKeyStr);\n    }\n  });\n\n  const mods = useMemo(\n    () => ({\n      type: effectiveType,\n      placement,\n      active: isActive,\n      deletable: isDeletable,\n      disabled: isDisabled,\n      editing: isEditing,\n      hovered: isHovered,\n      focused: isFocused,\n      'focus-visible': effectiveFocusVisible,\n      draggable: isDraggable,\n      dragging: isDragging,\n      'drop-pending': isDropPending,\n    }),\n    [\n      effectiveType,\n      placement,\n      isActive,\n      isDeletable,\n      isDisabled,\n      isEditing,\n      isHovered,\n      isFocused,\n      effectiveFocusVisible,\n      isDraggable,\n      isDragging,\n      isDropPending,\n    ],\n  );\n\n  // Scroll active tab into view\n  useEffect(() => {\n    if (ref.current && isActive) {\n      ref.current.scrollIntoView?.({ block: 'nearest', inline: 'nearest' });\n    }\n  }, [isActive]);\n\n  // Overflow trigger (hidden in context-only mode)\n  const menuAction =\n    menuElement && !contextMenuOnly ? (\n      <MenuTrigger\n        isOpen={isMenuOpen}\n        placement={menuPopoverPlacement}\n        onOpenChange={setIsMenuOpen}\n      >\n        <ItemAction\n          tabIndex={-1}\n          icon={<MoreIcon />}\n          {...effectiveMenuTriggerProps}\n        />\n        {menuElement}\n      </MenuTrigger>\n    ) : null;\n\n  // Build delete button (only shown when no menu)\n  const deleteAction = showDeleteButton ? (\n    <ItemAction\n      tabIndex={-1}\n      icon={<CloseIcon />}\n      tooltip=\"Close\"\n      onPress={handleDelete}\n    />\n  ) : null;\n\n  // Order: custom actions → menu trigger → delete button\n  const actions =\n    tabData.actions || menuAction || deleteAction ? (\n      <>\n        {tabData.actions}\n        {menuAction}\n        {deleteAction}\n      </>\n    ) : undefined;\n\n  // Measure actions width to pass to Item for proper space allocation\n  useLayoutEffect(() => {\n    if (actions && actionsRef.current) {\n      setActionsWidth(Math.round(actionsRef.current.offsetWidth));\n    }\n  }, [actions]);\n\n  // Determine effective size\n  const effectiveSize = tabData.size ?? size ?? 'medium';\n  const itemSize =\n    effectiveType === 'radio'\n      ? RADIO_SIZE_MAP[effectiveSize === 'large' ? 'large' : 'medium']\n      : effectiveSize;\n\n  // Determine Item type prop\n  const itemType = 'clear';\n\n  // Determine shape - file type uses sharp edges\n  const isFileType = effectiveType === 'file';\n  const itemShape = isFileType ? 'sharp' : undefined;\n\n  // Determine autoHideActions - tab-level overrides parent-level\n  const effectiveAutoHideActions =\n    tabData.autoHideActions ?? parentAutoHideActions;\n\n  // Extract tab-specific props and pass through the rest (style props) to the Item\n  const {\n    title: _title,\n    content: _content,\n    key: _key,\n    isDisabled: _isDisabled,\n    prerender: _prerender,\n    keepMounted: _keepMounted,\n    size: _size,\n    actions: _actions,\n    autoHideActions: _autoHideActions,\n    isEditable: _isEditable,\n    onTitleChange: _onTitleChange,\n    menu: _menu,\n    menuTriggerProps: _menuTriggerProps,\n    menuProps: _menuProps,\n    contextMenu: _contextMenu,\n    onAction: _onAction,\n    tooltip: tabTooltip,\n    qa,\n    qaVal,\n    styles,\n    ...itemStyleProps\n  } = tabData;\n\n  // Render title with editing support if editable\n  // Override InlineInput's default `cursor: text` hover hint — in Tabs the\n  // title sits inside a clickable tab, so a text caret cursor is misleading.\n  //\n  // When the title is a plain string we let InlineInput render it directly,\n  // which lets the optimistic display kick in (avoids flicker if the parent's\n  // `onTitleChange` updates the source asynchronously, e.g. inside a RAF).\n  // For ReactNode titles (icons, badges, ...), preserve the original node.\n  //\n  // For editable tabs, route the tab's `tooltip` prop through InlineInput so\n  // it owns the truncation + tooltip behaviour (and we pass `tooltip={false}`\n  // to `TabElement` below to avoid double tooltips).\n  const renderTitleDisplay =\n    typeof tabData.title === 'string' ? undefined : () => tabData.title;\n  const titleContent = effectiveIsEditable ? (\n    <InlineInput\n      ref={inlineInputRef}\n      value={titleString}\n      isEditing={isEditing}\n      isDisabled={isDisabled}\n      keyboardActivation={false}\n      aria-label=\"Edit tab title\"\n      styles={INLINE_INPUT_STYLES}\n      renderDisplay={renderTitleDisplay}\n      tooltip={tabTooltip ?? true}\n      onEditingChange={handleEditingChange}\n      onSubmit={handleSubmitEditing}\n      onCancel={handleCancelEditing}\n    />\n  ) : (\n    tabData.title\n  );\n\n  // Use the hook's targetRef when context menu is enabled\n  const effectiveContainerRef =\n    contextMenuEnabled && processedMenu ? contextMenu.targetRef : containerRef;\n\n  // ARIA: indicate popup menu presence\n  const ariaProps = processedMenu ? { 'aria-haspopup': 'menu' as const } : {};\n\n  // Mods for TabContainer\n  const containerMods = {\n    ...mods,\n    'auto-hide-actions': effectiveAutoHideActions,\n  };\n\n  return (\n    <TabContainer\n      ref={effectiveContainerRef}\n      data-size={itemSize}\n      mods={containerMods}\n      tokens={{ '$actions-width': `${actionsWidth}px` }}\n      {...effectiveDragProps}\n    >\n      {/* Drop indicator before this tab */}\n      {isDraggable && dropState && (\n        <TabDropIndicator\n          target={{ type: 'item', key: item.key, dropPosition: 'before' }}\n          dropState={dropState}\n          position=\"before\"\n        />\n      )}\n      <TabElement\n        preserveActionsSpace\n        autoHideActions={effectiveAutoHideActions}\n        as=\"button\"\n        {...mergeProps(tabProps, hoverProps, focusProps, {\n          onKeyDown: handleKeyDown,\n          onPointerEnter: handleSpringLoadEnter,\n          onPointerLeave: clearSpringLoad,\n        })}\n        {...ariaProps}\n        {...itemStyleProps}\n        ref={ref}\n        qa={qa ?? `Tab-${String(item.key)}`}\n        qaVal={qaVal}\n        styles={styles}\n        mods={mods}\n        isSelected={isActive}\n        isDisabled={isDisabled}\n        size={itemSize}\n        type={itemType}\n        shape={itemShape}\n        actions={actions ? true : undefined}\n        tooltip={effectiveIsEditable ? false : tabTooltip}\n      >\n        {titleContent}\n      </TabElement>\n      {/* Actions rendered outside the button for accessibility */}\n      {actions && (\n        <div\n          ref={actionsRef}\n          data-element=\"Actions\"\n          {...ACTIONS_EVENT_HANDLERS}\n        >\n          <ItemActionProvider\n            type={itemType}\n            theme=\"default\"\n            isDisabled={isDisabled}\n          >\n            {actions}\n          </ItemActionProvider>\n        </div>\n      )}\n      {contextMenuEnabled && processedMenu && contextMenu.rendered}\n      {/* Drop indicator after the last tab */}\n      {isDraggable && dropState && isLastTab && (\n        <TabDropIndicator\n          target={{ type: 'item', key: item.key, dropPosition: 'after' }}\n          dropState={dropState}\n          position=\"after\"\n        />\n      )}\n    </TabContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/components/navigation/Tabs/TabDropIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { useEffect, useRef, useState } from "react";

package/dist/components/navigation/Tabs/TabPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
-import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";
 import { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from "./popover-placement.js";
@@ -15,7 +14,6 @@ import { jsx } from "react/jsx-runtime";
 * to any tab without scrolling.
 */
 function TabPicker({ tabs, selectedKey, onSelect, onDelete, size, type = "default", placement = "top", isReorderable, onReorder }) {
-	const { t } = useI18n();
 	const isDeletable = !!onDelete;
 	const pickerSize = size === "xsmall" ? "small" : size;
 	const showBorderDivider = type === "file";
@@ -35,7 +33,7 @@ function TabPicker({ tabs, selectedKey, onSelect, onDelete, size, type = "defaul
 			"!:first-child": isVertical ? "top" : "left"
 		} : 0 },
 		triggerStyles: { border: 0 },
-		"aria-label": t("tabs.selectTab", "Select tab"),
+		"aria-label": "Select tab",
 		isReorderable,
 		onReorder,
 		onSelectionChange: (key) => {
@@ -47,7 +45,7 @@ function TabPicker({ tabs, selectedKey, onSelect, onDelete, size, type = "defaul
 			autoHideActions: isDeletable,
 			actions: isDeletable ? /* @__PURE__ */ jsx(ItemAction, {
 				icon: /* @__PURE__ */ jsx(CloseIcon, {}),
-				"aria-label": t("tabs.close", "Close"),
+				"aria-label": "Close",
 				onPress: () => {
 					onDelete(tab.key);
 				}

package/dist/components/navigation/Tabs/TabPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPicker.js","names":[],"sources":["../../../../src/components/navigation/Tabs/TabPicker.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { CloseIcon, MoreIcon } from '../../../icons';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { FilterPicker } from '../../fields/FilterPicker/FilterPicker';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\n\nimport type { ParsedTab, TabPlacement, TabSize, TabType } from './types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TabPickerProps {\n  /** Ordered list of parsed tabs to display in the picker */\n  tabs: ParsedTab[];\n  /** Currently selected tab key */\n  selectedKey: string | null;\n  /** Callback when a tab is selected from the picker */\n  onSelect: (key: string) => void;\n  /** Callback when a tab should be deleted. When provided, shows delete action on items. */\n  onDelete?: (key: string) => void;\n  /** Size of the picker trigger button */\n  size?: TabSize;\n  /** Type of the parent Tabs component (for border styling) */\n  type?: TabType;\n  /** Placement of the parent Tabs component (controls divider + popover placement) */\n  placement?: TabPlacement;\n  /** Enable drag-and-drop reordering of items in the picker dropdown */\n  isReorderable?: boolean;\n  /** Callback when items are reordered via drag-and-drop */\n  onReorder?: (newOrder: string[]) => void;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Tab picker component that displays a dropdown menu of all tabs.\n *\n * Used in the Tabs suffix area when tabs overflow to provide quick navigation\n * to any tab without scrolling.\n */\nexport function TabPicker({\n  tabs,\n  selectedKey,\n  onSelect,\n  onDelete,\n  size,\n  type = 'default',\n  placement = 'top',\n  isReorderable,\n  onReorder,\n}: TabPickerProps) {\n  const { t } = useI18n();\n  const isDeletable = !!onDelete;\n\n  // Map TabSize to FilterPicker size (xsmall -> small)\n  const pickerSize = size === 'xsmall' ? 'small' : size;\n\n  // Only show border divider for file type\n  const showBorderDivider = type === 'file';\n  const isVertical = placement === 'left' || placement === 'right';\n\n  return (\n    <FilterPicker\n      selectionMode=\"single\"\n      selectedKey={selectedKey}\n      renderSummary={false}\n      icon={<MoreIcon />}\n      rightIcon={null}\n      shape=\"sharp\"\n      type=\"clear\"\n      size={pickerSize}\n      placement={POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement]}\n      // Apply border to wrapper (FilterPickerWrapper) so :first-child evaluates\n      // relative to Suffix container, not the internal DialogTrigger. The\n      // divider side flips with the bar's orientation.\n      styles={{\n        border: showBorderDivider\n          ? {\n              '': 0,\n              '!:first-child': isVertical ? 'top' : 'left',\n            }\n          : 0,\n      }}\n      triggerStyles={{ border: 0 }}\n      aria-label={t('tabs.selectTab', 'Select tab')}\n      isReorderable={isReorderable}\n      onReorder={onReorder}\n      onSelectionChange={(key) => {\n        if (key != null) {\n          onSelect(String(key));\n        }\n      }}\n    >\n      {tabs.map((tab) => (\n        <FilterPicker.Item\n          key={tab.key}\n          icon={tab.icon}\n          textValue={\n            typeof tab.title === 'string' ? tab.title : String(tab.key)\n          }\n          autoHideActions={isDeletable}\n          actions={\n            isDeletable ? (\n              <ItemAction\n                icon={<CloseIcon />}\n                aria-label={t('tabs.close', 'Close')}\n                onPress={() => {\n                  onDelete(tab.key);\n                }}\n              />\n            ) : undefined\n          }\n        >\n          {tab.title}\n        </FilterPicker.Item>\n      ))}\n    </FilterPicker>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA4CA,SAAgB,UAAU,EACxB,MACA,aACA,UACA,UACA,MACA,OAAO,WACP,YAAY,OACZ,eACA,aACiB;CACjB,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,cAAc,CAAC,CAAC;CAGtB,MAAM,aAAa,SAAS,WAAW,UAAU;CAGjD,MAAM,oBAAoB,SAAS;CACnC,MAAM,aAAa,cAAc,UAAU,cAAc;AAEzD,QACE,oBAAC;EACC,eAAc;EACD;EACb,eAAe;EACf,MAAM,oBAAC,aAAW;EAClB,WAAW;EACX,OAAM;EACN,MAAK;EACL,MAAM;EACN,WAAW,oCAAoC;EAI/C,QAAQ,EACN,QAAQ,oBACJ;GACE,IAAI;GACJ,iBAAiB,aAAa,QAAQ;GACvC,GACD,GACL;EACD,eAAe,EAAE,QAAQ,GAAG;EAC5B,cAAY,EAAE,kBAAkB,aAAa;EAC9B;EACJ;EACX,oBAAoB,QAAQ;AAC1B,OAAI,OAAO,KACT,UAAS,OAAO,IAAI,CAAC;;YAIxB,KAAK,KAAK,QACT,oBAAC,aAAa;GAEZ,MAAM,IAAI;GACV,WACE,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,OAAO,IAAI,IAAI;GAE7D,iBAAiB;GACjB,SACE,cACE,oBAAC;IACC,MAAM,oBAAC,cAAY;IACnB,cAAY,EAAE,cAAc,QAAQ;IACpC,eAAe;AACb,cAAS,IAAI,IAAI;;KAEnB,GACA;aAGL,IAAI;KAlBA,IAAI,IAmBS,CACpB;GACW"}
+{"version":3,"file":"TabPicker.js","names":[],"sources":["../../../../src/components/navigation/Tabs/TabPicker.tsx"],"sourcesContent":["import { CloseIcon, MoreIcon } from '../../../icons';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { FilterPicker } from '../../fields/FilterPicker/FilterPicker';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\n\nimport type { ParsedTab, TabPlacement, TabSize, TabType } from './types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TabPickerProps {\n  /** Ordered list of parsed tabs to display in the picker */\n  tabs: ParsedTab[];\n  /** Currently selected tab key */\n  selectedKey: string | null;\n  /** Callback when a tab is selected from the picker */\n  onSelect: (key: string) => void;\n  /** Callback when a tab should be deleted. When provided, shows delete action on items. */\n  onDelete?: (key: string) => void;\n  /** Size of the picker trigger button */\n  size?: TabSize;\n  /** Type of the parent Tabs component (for border styling) */\n  type?: TabType;\n  /** Placement of the parent Tabs component (controls divider + popover placement) */\n  placement?: TabPlacement;\n  /** Enable drag-and-drop reordering of items in the picker dropdown */\n  isReorderable?: boolean;\n  /** Callback when items are reordered via drag-and-drop */\n  onReorder?: (newOrder: string[]) => void;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Tab picker component that displays a dropdown menu of all tabs.\n *\n * Used in the Tabs suffix area when tabs overflow to provide quick navigation\n * to any tab without scrolling.\n */\nexport function TabPicker({\n  tabs,\n  selectedKey,\n  onSelect,\n  onDelete,\n  size,\n  type = 'default',\n  placement = 'top',\n  isReorderable,\n  onReorder,\n}: TabPickerProps) {\n  const isDeletable = !!onDelete;\n\n  // Map TabSize to FilterPicker size (xsmall -> small)\n  const pickerSize = size === 'xsmall' ? 'small' : size;\n\n  // Only show border divider for file type\n  const showBorderDivider = type === 'file';\n  const isVertical = placement === 'left' || placement === 'right';\n\n  return (\n    <FilterPicker\n      selectionMode=\"single\"\n      selectedKey={selectedKey}\n      renderSummary={false}\n      icon={<MoreIcon />}\n      rightIcon={null}\n      shape=\"sharp\"\n      type=\"clear\"\n      size={pickerSize}\n      placement={POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement]}\n      // Apply border to wrapper (FilterPickerWrapper) so :first-child evaluates\n      // relative to Suffix container, not the internal DialogTrigger. The\n      // divider side flips with the bar's orientation.\n      styles={{\n        border: showBorderDivider\n          ? {\n              '': 0,\n              '!:first-child': isVertical ? 'top' : 'left',\n            }\n          : 0,\n      }}\n      triggerStyles={{ border: 0 }}\n      aria-label=\"Select tab\"\n      isReorderable={isReorderable}\n      onReorder={onReorder}\n      onSelectionChange={(key) => {\n        if (key != null) {\n          onSelect(String(key));\n        }\n      }}\n    >\n      {tabs.map((tab) => (\n        <FilterPicker.Item\n          key={tab.key}\n          icon={tab.icon}\n          textValue={\n            typeof tab.title === 'string' ? tab.title : String(tab.key)\n          }\n          autoHideActions={isDeletable}\n          actions={\n            isDeletable ? (\n              <ItemAction\n                icon={<CloseIcon />}\n                aria-label=\"Close\"\n                onPress={() => {\n                  onDelete(tab.key);\n                }}\n              />\n            ) : undefined\n          }\n        >\n          {tab.title}\n        </FilterPicker.Item>\n      ))}\n    </FilterPicker>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2CA,SAAgB,UAAU,EACxB,MACA,aACA,UACA,UACA,MACA,OAAO,WACP,YAAY,OACZ,eACA,aACiB;CACjB,MAAM,cAAc,CAAC,CAAC;CAGtB,MAAM,aAAa,SAAS,WAAW,UAAU;CAGjD,MAAM,oBAAoB,SAAS;CACnC,MAAM,aAAa,cAAc,UAAU,cAAc;AAEzD,QACE,oBAAC;EACC,eAAc;EACD;EACb,eAAe;EACf,MAAM,oBAAC,aAAW;EAClB,WAAW;EACX,OAAM;EACN,MAAK;EACL,MAAM;EACN,WAAW,oCAAoC;EAI/C,QAAQ,EACN,QAAQ,oBACJ;GACE,IAAI;GACJ,iBAAiB,aAAa,QAAQ;GACvC,GACD,GACL;EACD,eAAe,EAAE,QAAQ,GAAG;EAC5B,cAAW;EACI;EACJ;EACX,oBAAoB,QAAQ;AAC1B,OAAI,OAAO,KACT,UAAS,OAAO,IAAI,CAAC;;YAIxB,KAAK,KAAK,QACT,oBAAC,aAAa;GAEZ,MAAM,IAAI;GACV,WACE,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,OAAO,IAAI,IAAI;GAE7D,iBAAiB;GACjB,SACE,cACE,oBAAC;IACC,MAAM,oBAAC,cAAY;IACnB,cAAW;IACX,eAAe;AACb,cAAS,IAAI,IAAI;;KAEnB,GACA;aAGL,IAAI;KAlBA,IAAI,IAmBS,CACpB;GACW"}

package/dist/components/navigation/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/TabsContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/popover-placement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

package/dist/components/navigation/Tabs/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/navigation/Tabs/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { useCallback, useState } from "react";
 
 //#region src/components/navigation/Tabs/use-tab-editing.ts

package/dist/components/navigation/Tabs/use-tab-indicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 

package/dist/components/organisms/FileTabs/FileTabs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-6be6cbe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7ec55ba | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { Space } from "../../layout/Space.js";