@cube-dev/ui-kit 0.0.0-canary-73fed1d → 0.0.0-canary-ea72271

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
 import { cloneLayout, getLayoutItem, moveElement } from "./grid-core/layout.js";
@@ -13,21 +13,19 @@ function rectCenter(rect) {
 		y: rect.top + rect.height / 2
 	};
 }
-/**
-* Cross-board drag orchestration.
-*
-* Owns the shared widget-content store, the drag overlay ref, and the registry
-* of boards. Handles moving an item inside a board and transferring it between
-* boards (including nested ones) by hit-testing the pointer against each board's
-* content rectangle.
-*/
-function useBoardRegistry() {
+function useBoardRegistry(options) {
 	const store = useMemo(() => new BoardWidgetStore(), []);
+	const onTransferRef = useRef(options?.onWidgetTransfer);
+	onTransferRef.current = options?.onWidgetTransfer;
 	const overlayRef = useRef(null);
 	const boardsRef = useRef(/* @__PURE__ */ new Map());
 	const dragStateRef = useRef(null);
 	const affectedRef = useRef(/* @__PURE__ */ new Set());
 	const sourceSnapshotRef = useRef([]);
+	const targetSnapshotsRef = useRef(/* @__PURE__ */ new Map());
+	const previewRef = useRef(null);
+	const frozenRectsRef = useRef(/* @__PURE__ */ new Map());
+	const nestedInDraggedRef = useRef(/* @__PURE__ */ new Set());
 	const lastLandingRef = useRef(null);
 	const [dragState, setDragStateInternal] = useState(null);
 	const setDragState = useCallback((next) => {
@@ -40,6 +38,7 @@ function useBoardRegistry() {
 			if (boardsRef.current.get(entry.id) === entry) boardsRef.current.delete(entry.id);
 		};
 	}, []);
+	const getBoardRect = useCallback((entry) => frozenRectsRef.current.get(entry.id) ?? entry.getContentRect(), []);
 	/** Find the most-nested droppable board whose content rect contains a point. */
 	const hitTest = useCallback((point) => {
 		let best = null;
@@ -47,8 +46,9 @@ function useBoardRegistry() {
 		const overlay = overlayRef.current;
 		boardsRef.current.forEach((entry) => {
 			if (!entry.isDroppable()) return;
+			if (nestedInDraggedRef.current.has(entry.id)) return;
 			if (overlay && overlay.contains(entry.getContentNode())) return;
-			const rect = entry.getContentRect();
+			const rect = getBoardRect(entry);
 			if (!rect) return;
 			if (point.x >= rect.left && point.x <= rect.right && point.y >= rect.top && point.y <= rect.bottom) {
 				const area = rect.width * rect.height;
@@ -59,13 +59,26 @@ function useBoardRegistry() {
 			}
 		});
 		return best;
-	}, []);
-	const onDragStart = useEvent((boardId, itemId, rect, pointerType) => {
+	}, [getBoardRect]);
+	const onDragStart = useEvent((boardId, itemId, rect, pointerType, widgetNode) => {
 		const entry = boardsRef.current.get(boardId);
 		const item = entry ? getLayoutItem(entry.getLayout(), itemId) : void 0;
 		if (!entry || !item) return;
+		const nested = /* @__PURE__ */ new Set();
+		if (widgetNode) boardsRef.current.forEach((e) => {
+			const node = e.getContentNode();
+			if (node && widgetNode.contains(node)) nested.add(e.id);
+		});
+		nestedInDraggedRef.current = nested;
+		const frozen = /* @__PURE__ */ new Map();
+		boardsRef.current.forEach((e) => {
+			const r = e.getContentRect();
+			if (r) frozen.set(e.id, r);
+		});
+		frozenRectsRef.current = frozen;
 		affectedRef.current = new Set([boardId]);
 		sourceSnapshotRef.current = cloneLayout(entry.getLayout());
+		previewRef.current = null;
 		lastLandingRef.current = {
 			x: item.x,
 			y: item.y
@@ -86,7 +99,7 @@ function useBoardRegistry() {
 	/** Compute the constrained landing position of an item on a target board. */
 	const computeLanding = useCallback((target, item, rect) => {
 		const pp = target.getPositionParams();
-		const contentRect = target.getContentRect();
+		const contentRect = getBoardRect(target);
 		const localLeft = rect.left - (contentRect?.left ?? 0);
 		const raw = calcXYRaw(pp, rect.top - (contentRect?.top ?? 0), localLeft);
 		return applyPositionConstraints(target.getConstraints(), item, raw.x, raw.y, {
@@ -98,7 +111,7 @@ function useBoardRegistry() {
 			margin: pp.margin,
 			layout: target.getLayout()
 		});
-	}, []);
+	}, [getBoardRect]);
 	const moveWithinBoard = useCallback((entry, item, x, y) => {
 		const pp = entry.getPositionParams();
 		const compactor = entry.getCompactor();
@@ -115,6 +128,49 @@ function useBoardRegistry() {
 		entry.applyLayout(compacted, false);
 		entry.setPlaceholder(getLayoutItem(compacted, item.i) ?? null);
 	}, []);
+	/**
+	* Live cross-board reflow preview. Pushes the target board's *other* widgets
+	* aside to make room for the incoming item, without ever adding the dragged
+	* item's host to the target (it stays visualized as a placeholder + overlay
+	* clone, and its gesture host remains mounted in the source board).
+	*
+	* Continuity: the working layout (including the incoming item) is carried
+	* across frames via `previewRef`, so a small pointer movement moves the item
+	* one step and reflows the neighbours incrementally - identical to an in-board
+	* drag. Recomputing from the clean snapshot every frame instead lets
+	* `moveElement`/compaction sink the item to the bottom of an occupied column
+	* (the "pushed too far below" bug). On (re-)entry the working layout is seeded
+	* from a *clone* of the snapshot so the stored snapshot is never mutated.
+	*/
+	const previewOnTarget = useCallback((target, item, x, y) => {
+		const pp = target.getPositionParams();
+		const compactor = target.getCompactor();
+		const carried = previewRef.current?.boardId === target.id ? previewRef.current.working : null;
+		const base = (carried ?? cloneLayout(targetSnapshotsRef.current.get(target.id) ?? target.getLayout())).filter((l) => l.i !== item.i);
+		const prevItem = carried ? getLayoutItem(carried, item.i) : void 0;
+		const dragged = prevItem ? { ...prevItem } : compactor.type === "horizontal" ? {
+			...item,
+			x: Math.max(0, x) - 1,
+			y
+		} : {
+			...item,
+			x,
+			y: Math.max(0, y) - 1
+		};
+		const moved = moveElement([...base, dragged], dragged, x, y, true, compactor.preventCollision, compactor.type, pp.cols, compactor.allowOverlap);
+		const compacted = [...compactor.compact(moved, pp.cols)];
+		previewRef.current = {
+			boardId: target.id,
+			working: compacted
+		};
+		const landed = getLayoutItem(compacted, item.i) ?? {
+			...item,
+			x,
+			y
+		};
+		target.applyLayout(compacted.filter((l) => l.i !== item.i), false);
+		target.setPlaceholder({ ...landed });
+	}, []);
 	const onDragMove = useEvent((deltaX, deltaY, _pointerType) => {
 		const ds = dragStateRef.current;
 		if (!ds) return;
@@ -138,7 +194,13 @@ function useBoardRegistry() {
 			y
 		};
 		if (target.id === ds.sourceBoardId) {
-			if (ds.currentBoardId !== ds.sourceBoardId) boardsRef.current.get(ds.currentBoardId)?.setPlaceholder(null);
+			if (ds.currentBoardId !== ds.sourceBoardId) {
+				const prev = boardsRef.current.get(ds.currentBoardId);
+				const snap = targetSnapshotsRef.current.get(ds.currentBoardId);
+				if (snap) prev?.applyLayout(cloneLayout(snap), false);
+				prev?.setPlaceholder(null);
+				previewRef.current = null;
+			}
 			moveWithinBoard(target, ds.item, x, y);
 			setDragState({
 				...ds,
@@ -150,13 +212,15 @@ function useBoardRegistry() {
 		if (ds.currentBoardId !== target.id) {
 			const prev = boardsRef.current.get(ds.currentBoardId);
 			if (ds.currentBoardId === ds.sourceBoardId) prev?.applyLayout(cloneLayout(sourceSnapshotRef.current), false);
+			else {
+				const snap = targetSnapshotsRef.current.get(ds.currentBoardId);
+				if (snap) prev?.applyLayout(cloneLayout(snap), false);
+			}
 			prev?.setPlaceholder(null);
+			previewRef.current = null;
+			if (!targetSnapshotsRef.current.has(target.id)) targetSnapshotsRef.current.set(target.id, cloneLayout(target.getLayout()));
 		}
-		target.setPlaceholder({
-			...ds.item,
-			x,
-			y
-		});
+		previewOnTarget(target, ds.item, x, y);
 		affectedRef.current.add(target.id);
 		setDragState({
 			...ds,
@@ -169,8 +233,13 @@ function useBoardRegistry() {
 		if (!ds) return;
 		const source = boardsRef.current.get(ds.sourceBoardId);
 		const target = boardsRef.current.get(ds.currentBoardId);
-		if (!target || target.id === ds.sourceBoardId) source?.applyLayout([...source.getLayout() ?? []], true);
-		else {
+		if (!target || target.id === ds.sourceBoardId) {
+			if (source) {
+				const sp = source.getPositionParams();
+				const sc = source.getCompactor();
+				source.applyLayout([...sc.compact(source.getLayout(), sp.cols)], true);
+			}
+		} else {
 			const landing = lastLandingRef.current ?? {
 				x: ds.item.x,
 				y: ds.item.y
@@ -183,14 +252,33 @@ function useBoardRegistry() {
 			}
 			const tp = target.getPositionParams();
 			const tc = target.getCompactor();
-			const newItem = {
-				...ds.item,
-				x: landing.x,
-				y: landing.y,
-				moved: true
-			};
-			const moved = moveElement([...target.getLayout().filter((l) => l.i !== ds.itemId), newItem], newItem, landing.x, landing.y, true, tc.preventCollision, tc.type, tp.cols, tc.allowOverlap);
-			target.applyLayout([...tc.compact(moved, tp.cols)], true);
+			const carried = previewRef.current?.boardId === target.id && getLayoutItem(previewRef.current.working, ds.itemId) ? previewRef.current.working : null;
+			let finalLayout;
+			if (carried) finalLayout = [...tc.compact(cloneLayout(carried), tp.cols)];
+			else {
+				const newItem = tc.type === "horizontal" ? {
+					...ds.item,
+					x: Math.max(0, landing.x) - 1,
+					y: landing.y
+				} : {
+					...ds.item,
+					x: landing.x,
+					y: Math.max(0, landing.y) - 1
+				};
+				const moved = moveElement([...cloneLayout((targetSnapshotsRef.current.get(target.id) ?? target.getLayout()).filter((l) => l.i !== ds.itemId)), newItem], newItem, landing.x, landing.y, true, tc.preventCollision, tc.type, tp.cols, tc.allowOverlap);
+				finalLayout = [...tc.compact(moved, tp.cols)];
+			}
+			target.applyLayout(finalLayout, true);
+			onTransferRef.current?.({
+				widgetId: ds.itemId,
+				fromBoardId: ds.sourceBoardId,
+				toBoardId: target.id,
+				item: getLayoutItem(finalLayout, ds.itemId) ?? {
+					...ds.item,
+					x: landing.x,
+					y: landing.y
+				}
+			});
 		}
 		const ids = new Set(affectedRef.current);
 		ids.add(ds.sourceBoardId);
@@ -198,6 +286,10 @@ function useBoardRegistry() {
 		ids.forEach((id) => boardsRef.current.get(id)?.setPlaceholder(null));
 		affectedRef.current.clear();
 		sourceSnapshotRef.current = [];
+		targetSnapshotsRef.current.clear();
+		frozenRectsRef.current.clear();
+		nestedInDraggedRef.current = /* @__PURE__ */ new Set();
+		previewRef.current = null;
 		lastLandingRef.current = null;
 		setDragState(null);
 	});

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, useMemo, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\n\nimport {\n  BoardDragState,\n  BoardEntry,\n  BoardRegistryContextValue,\n  ViewportRect,\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\nfunction rectCenter(rect: ViewportRect): { x: number; y: number } {\n  return {\n    x: rect.left + rect.width / 2,\n    y: rect.top + rect.height / 2,\n  };\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 function useBoardRegistry(): BoardRegistryContextValue {\n  const store = useMemo(() => new BoardWidgetStore(), []);\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  // Last landing position computed for the current target board (grid units).\n  const lastLandingRef = 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  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  /** 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 (overlay && overlay.contains(entry.getContentNode())) return;\n        const rect = entry.getContentRect();\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    [],\n  );\n\n  const onDragStart = useEvent(\n    (\n      boardId: string,\n      itemId: string,\n      rect: ViewportRect,\n      pointerType: string,\n    ) => {\n      const entry = boardsRef.current.get(boardId);\n      const item = entry ? getLayoutItem(entry.getLayout(), itemId) : undefined;\n      if (!entry || !item) return;\n\n      affectedRef.current = new Set([boardId]);\n      sourceSnapshotRef.current = cloneLayout(entry.getLayout());\n      lastLandingRef.current = { x: item.x, y: item.y };\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 = target.getContentRect();\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    [],\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  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      // Fall back to the source board so a pointer outside every board keeps the\n      // widget anchored to where it came from.\n      const target = hitTest(rectCenter(newRect)) ?? source ?? null;\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: clear that board's placeholder.\n          boardsRef.current.get(ds.currentBoardId)?.setPlaceholder(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: never mutate layouts during the drag. Only preview the\n      // landing slot on the target via a placeholder. The actual transfer is\n      // committed on drop. This keeps the dragged widget's gesture host mounted\n      // in the source board for the entire drag.\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        }\n        prev?.setPlaceholder(null);\n      }\n\n      target.setPlaceholder({ ...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    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 the current source arrangement (already previewed in-board).\n      source?.applyLayout([...(source.getLayout() ?? [])], true);\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      // Insert the item into the target board at the previewed landing slot.\n      const tp = target!.getPositionParams();\n      const tc = target!.getCompactor();\n      const newItem: LayoutItem = {\n        ...ds.item,\n        x: landing.x,\n        y: landing.y,\n        moved: true,\n      };\n      const base = [\n        ...target!.getLayout().filter((l) => l.i !== ds.itemId),\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      target!.applyLayout([...tc.compact(moved, tp.cols)], true);\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    lastLandingRef.current = null;\n    setDragState(null);\n  });\n\n  return useMemo(\n    () => ({\n      store,\n      overlayRef,\n      registerBoard,\n      onDragStart,\n      onDragMove,\n      onDragEnd,\n      dragState,\n    }),\n    [store, registerBoard, onDragStart, onDragMove, onDragEnd, dragState],\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-board-registry.js","names":[],"sources":["../../../../src/components/layout/Board/use-board-registry.ts"],"sourcesContent":["import { useCallback, 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\nfunction rectCenter(rect: ViewportRect): { x: number; y: number } {\n  return {\n    x: rect.left + rect.width / 2,\n    y: rect.top + rect.height / 2,\n  };\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  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  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 mid-drag (they weren't captured at start).\n  const getBoardRect = useCallback(\n    (entry: BoardEntry): DOMRect | null =>\n      frozenRectsRef.current.get(entry.id) ?? entry.getContentRect(),\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        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      // 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      // Fall back to the source board so a pointer outside every board keeps the\n      // widget anchored to where it came from. Frozen rects make this\n      // deterministic per pointer position (no preview-induced flip-flop).\n      const target = hitTest(rectCenter(newRect)) ?? source ?? null;\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    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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { MoreIcon } from "../../../icons/MoreIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | 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-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/organisms/StatsCard/StatsCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

package/dist/components/other/Calendar/Calendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/other/Calendar/CalendarCell.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/other/Calendar/CalendarGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { CalendarCell } from "./CalendarCell.js";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/other/Calendar/RangeCalendar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useProviderProps } from "../../../provider.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/other/CloudLogo/CloudLogo.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { Button } from "../../actions/index.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/overlays/AlertDialog/AlertDialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { _AlertDialog } from "./AlertDialog.js";

package/dist/components/overlays/Dialog/Dialog.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";

package/dist/components/overlays/Dialog/DialogContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { Children, isValidElement, useRef } from "react";

package/dist/components/overlays/Dialog/DialogForm.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";
 import { Button } from "../../actions/index.js";

package/dist/components/overlays/Dialog/DialogTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

package/dist/components/overlays/Dialog/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-73fed1d | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ea72271 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import invariant from "tiny-invariant";