@cube-dev/ui-kit 0.0.0-canary-900eb1f → 0.0.0-canary-e852864

package/dist/components/shared/DraggableCollection.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
-import { c } from "react/compiler-runtime";
-import { useEffect, useEffectEvent, useRef } from "react";
+import { useCallback, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { DragPreview, ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";
 import { useDraggableCollectionState, useDroppableCollectionState } from "react-stately";
@@ -35,178 +34,93 @@ function createMockDragState(collection, selectionManager) {
 * Encapsulates all drag/drop hook calls so they are only invoked when
 * reordering is actually enabled.
 */
-function DraggableCollection(t0) {
-	const $ = c(62);
-	const { state, listRef, orderedKeys, orientation, onReorder, onItemDrop, shouldAcceptItemDrop, renderPreview, children } = t0;
-	let t1;
-	if ($[0] !== onReorder || $[1] !== orderedKeys) {
-		t1 = (e) => {
-			if (!onReorder) return;
-			const { target, keys: movableKeys } = e;
-			const { dropPosition, key: targetKey } = target;
-			const movableKey = [...movableKeys][0];
-			const movableIndex = orderedKeys.indexOf(movableKey);
-			const targetIndex = orderedKeys.indexOf(String(targetKey));
-			if (movableIndex === -1 || targetIndex === -1) return;
-			onReorder(movableIndex !== targetIndex ? orderedKeys.reduce((arr, key, i) => {
-				if (i === movableIndex) return arr;
-				if (i === targetIndex) if (dropPosition === "before") {
-					arr.push(movableKey);
-					arr.push(key);
-				} else {
-					arr.push(key);
-					arr.push(movableKey);
-				}
-				else arr.push(key);
-				return arr;
-			}, []) : orderedKeys);
-		};
-		$[0] = onReorder;
-		$[1] = orderedKeys;
-		$[2] = t1;
-	} else t1 = $[2];
-	const handleReorder = useEvent(t1);
-	let t2;
-	if ($[3] !== state.collection) {
-		t2 = (keys) => {
-			dragKeysRef.current = [...keys];
-			return [...keys].map((key_0) => {
-				const item = state.collection.getItem(key_0);
-				return { "text/plain": item?.textValue || String(key_0) };
-			});
-		};
-		$[3] = state.collection;
-		$[4] = t2;
-	} else t2 = $[4];
-	const getItems = t2;
-	let t3;
-	if ($[5] !== state.selectionManager) {
-		t3 = new Proxy(state.selectionManager, { get(target_0, prop) {
-			if (prop === "selectedKeys") return /* @__PURE__ */ new Set();
-			if (prop === "isSelected") return _temp;
-			const value = Reflect.get(target_0, prop);
-			return typeof value === "function" ? value.bind(target_0) : value;
-		} });
-		$[5] = state.selectionManager;
-		$[6] = t3;
-	} else t3 = $[6];
-	const dragSelectionManager = t3;
+function DraggableCollection({ state, listRef, orderedKeys, orientation, onReorder, onItemDrop, shouldAcceptItemDrop, renderPreview, children }) {
+	const handleReorder = useEvent((e) => {
+		if (!onReorder) return;
+		const { target, keys: movableKeys } = e;
+		const { dropPosition, key: targetKey } = target;
+		const movableKey = [...movableKeys][0];
+		const movableIndex = orderedKeys.indexOf(movableKey);
+		const targetIndex = orderedKeys.indexOf(String(targetKey));
+		if (movableIndex === -1 || targetIndex === -1) return;
+		onReorder(movableIndex !== targetIndex ? orderedKeys.reduce((arr, key, i) => {
+			if (i === movableIndex) return arr;
+			if (i === targetIndex) if (dropPosition === "before") {
+				arr.push(movableKey);
+				arr.push(key);
+			} else {
+				arr.push(key);
+				arr.push(movableKey);
+			}
+			else arr.push(key);
+			return arr;
+		}, []) : orderedKeys);
+	});
+	const getItems = useCallback((keys) => {
+		dragKeysRef.current = [...keys];
+		return [...keys].map((key_0) => {
+			const item = state.collection.getItem(key_0);
+			return { "text/plain": item?.textValue || String(key_0) };
+		});
+	}, [state.collection]);
+	const dragSelectionManager = useMemo(() => new Proxy(state.selectionManager, { get(target_0, prop) {
+		if (prop === "selectedKeys") return /* @__PURE__ */ new Set();
+		if (prop === "isSelected") return () => false;
+		const value = Reflect.get(target_0, prop);
+		return typeof value === "function" ? value.bind(target_0) : value;
+	} }), [state.selectionManager]);
 	const previewRef = useRef(null);
-	const t4 = renderPreview ? previewRef : void 0;
-	let t5;
-	if ($[7] !== dragSelectionManager || $[8] !== getItems || $[9] !== state.collection || $[10] !== t4) {
-		t5 = {
-			collection: state.collection,
-			selectionManager: dragSelectionManager,
-			getItems,
-			getAllowedDropOperations,
-			preview: t4
-		};
-		$[7] = dragSelectionManager;
-		$[8] = getItems;
-		$[9] = state.collection;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	const dragState = useDraggableCollectionState(t5);
-	let t6;
-	if ($[12] !== getItems) {
-		t6 = {
-			getItems,
-			getAllowedDropOperations
-		};
-		$[12] = getItems;
-		$[13] = t6;
-	} else t6 = $[13];
-	useDraggableCollection(t6, dragState, listRef);
-	let t7;
-	if ($[14] !== onItemDrop) {
-		t7 = (e_0) => {
-			if (!onItemDrop) return;
-			const keys_0 = [...e_0.dropOperation === "cancel" ? [] : dragKeysRef.current];
-			onItemDrop(e_0.target.key, keys_0);
-		};
-		$[14] = onItemDrop;
-		$[15] = t7;
-	} else t7 = $[15];
-	const handleItemDrop = useEvent(t7);
-	let t8;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = [];
-		$[16] = t8;
-	} else t8 = $[16];
-	const dragKeysRef = useRef(t8);
-	const t9 = onReorder ? handleReorder : void 0;
-	const t10 = onItemDrop ? handleItemDrop : void 0;
-	let t11;
-	if ($[17] !== shouldAcceptItemDrop) {
-		t11 = shouldAcceptItemDrop ? (target_1) => shouldAcceptItemDrop(target_1.key) : void 0;
-		$[17] = shouldAcceptItemDrop;
-		$[18] = t11;
-	} else t11 = $[18];
-	let t12;
-	if ($[19] !== state.collection || $[20] !== state.selectionManager || $[21] !== t10 || $[22] !== t11 || $[23] !== t9) {
-		t12 = {
-			collection: state.collection,
-			selectionManager: state.selectionManager,
-			onReorder: t9,
-			onItemDrop: t10,
-			shouldAcceptItemDrop: t11
-		};
-		$[19] = state.collection;
-		$[20] = state.selectionManager;
-		$[21] = t10;
-		$[22] = t11;
-		$[23] = t9;
-		$[24] = t12;
-	} else t12 = $[24];
-	const dropState = useDroppableCollectionState(t12);
-	let t13;
-	if ($[25] !== listRef || $[26] !== orientation || $[27] !== state.collection || $[28] !== state.disabledKeys) {
-		t13 = new ListKeyboardDelegate({
+	const dragState = useDraggableCollectionState({
+		collection: state.collection,
+		selectionManager: dragSelectionManager,
+		getItems,
+		getAllowedDropOperations,
+		preview: renderPreview ? previewRef : void 0
+	});
+	useDraggableCollection({
+		getItems,
+		getAllowedDropOperations
+	}, dragState, listRef);
+	const handleItemDrop = useEvent((e_0) => {
+		if (!onItemDrop) return;
+		const keys_0 = [...e_0.dropOperation === "cancel" ? [] : dragKeysRef.current];
+		onItemDrop(e_0.target.key, keys_0);
+	});
+	const dragKeysRef = useRef([]);
+	const dropState = useDroppableCollectionState({
+		collection: state.collection,
+		selectionManager: state.selectionManager,
+		onReorder: onReorder ? handleReorder : void 0,
+		onItemDrop: onItemDrop ? handleItemDrop : void 0,
+		shouldAcceptItemDrop: shouldAcceptItemDrop ? (target_1) => shouldAcceptItemDrop(target_1.key) : void 0
+	});
+	const { collectionProps } = useDroppableCollection({
+		keyboardDelegate: useMemo(() => new ListKeyboardDelegate({
 			collection: state.collection,
 			disabledKeys: state.disabledKeys,
 			ref: listRef,
 			orientation
-		});
-		$[25] = listRef;
-		$[26] = orientation;
-		$[27] = state.collection;
-		$[28] = state.disabledKeys;
-		$[29] = t13;
-	} else t13 = $[29];
-	const keyboardDelegate = t13;
-	let t14;
-	if ($[30] !== listRef || $[31] !== orientation || $[32] !== state.collection) {
-		t14 = new ListDropTargetDelegate(state.collection, listRef, { orientation });
-		$[30] = listRef;
-		$[31] = orientation;
-		$[32] = state.collection;
-		$[33] = t14;
-	} else t14 = $[33];
-	const dropTargetDelegate = t14;
-	const t15 = onReorder ? handleReorder : void 0;
-	const t16 = onItemDrop ? handleItemDrop : void 0;
-	let t17;
-	if ($[34] !== dropTargetDelegate || $[35] !== keyboardDelegate || $[36] !== t15 || $[37] !== t16) {
-		t17 = {
-			keyboardDelegate,
-			dropTargetDelegate,
-			onReorder: t15,
-			onItemDrop: t16
-		};
-		$[34] = dropTargetDelegate;
-		$[35] = keyboardDelegate;
-		$[36] = t15;
-		$[37] = t16;
-		$[38] = t17;
-	} else t17 = $[38];
-	const { collectionProps } = useDroppableCollection(t17, dropState, listRef);
+		}), [
+			state.collection,
+			state.disabledKeys,
+			listRef,
+			orientation
+		]),
+		dropTargetDelegate: useMemo(() => new ListDropTargetDelegate(state.collection, listRef, { orientation }), [
+			state.collection,
+			listRef,
+			orientation
+		]),
+		onReorder: onReorder ? handleReorder : void 0,
+		onItemDrop: onItemDrop ? handleItemDrop : void 0
+	}, dropState, listRef);
 	const isDragActive = dragState.draggingKeys.size > 0;
-	let t18;
-	if ($[39] !== dragState) {
-		t18 = () => {
-			dragState.endDrag({
+	const endDragRef = useRef(dragState.endDrag);
+	endDragRef.current = dragState.endDrag;
+	useEffect(() => {
+		if (!isDragActive) return;
+		const handleEscape = (e_1) => {
+			if (e_1.key === "Escape") endDragRef.current({
 				type: "dragend",
 				keys: new Set(dragKeysRef.current),
 				x: 0,
@@ -215,99 +129,39 @@ function DraggableCollection(t0) {
 				isInternal: false
 			});
 		};
-		$[39] = dragState;
-		$[40] = t18;
-	} else t18 = $[40];
-	const cancelNativeDrag = useEffectEvent(t18);
-	let t19;
-	if ($[41] !== cancelNativeDrag || $[42] !== isDragActive) {
-		t19 = () => {
-			if (!isDragActive) return;
-			const handleEscape = (e_1) => {
-				if (e_1.key === "Escape") cancelNativeDrag();
-			};
-			document.addEventListener("keydown", handleEscape, true);
-			return () => document.removeEventListener("keydown", handleEscape, true);
-		};
-		$[41] = cancelNativeDrag;
-		$[42] = isDragActive;
-		$[43] = t19;
-	} else t19 = $[43];
-	let t20;
-	if ($[44] !== isDragActive) {
-		t20 = [isDragActive];
-		$[44] = isDragActive;
-		$[45] = t20;
-	} else t20 = $[45];
-	useEffect(t19, t20);
-	let t21;
-	if ($[46] !== onReorder || $[47] !== orderedKeys || $[48] !== orientation || $[49] !== state.selectionManager) {
-		t21 = (e_2) => {
-			if (!e_2.altKey || !onReorder) return;
-			const target_2 = e_2.target;
-			if (target_2 instanceof HTMLInputElement || target_2 instanceof HTMLTextAreaElement || target_2.isContentEditable) return;
-			const moveKeys = orientation === "vertical" ? {
-				backward: "ArrowUp",
-				forward: "ArrowDown"
-			} : {
-				backward: "ArrowLeft",
-				forward: "ArrowRight"
-			};
-			const direction = e_2.key === moveKeys.backward ? -1 : e_2.key === moveKeys.forward ? 1 : 0;
-			if (direction === 0) return;
-			e_2.preventDefault();
-			e_2.stopPropagation();
-			const focusedKey = String(state.selectionManager.focusedKey);
-			const idx = orderedKeys.indexOf(focusedKey);
-			if (idx === -1) return;
-			const targetIdx = idx + direction;
-			if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;
-			const newKeys_0 = [...orderedKeys];
-			const [t22, t23] = [newKeys_0[targetIdx], newKeys_0[idx]];
-			newKeys_0[idx] = t22;
-			newKeys_0[targetIdx] = t23;
-			onReorder(newKeys_0);
+		document.addEventListener("keydown", handleEscape, true);
+		return () => document.removeEventListener("keydown", handleEscape, true);
+	}, [isDragActive]);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [children(dragState, dropState, { ...mergeProps(collectionProps, { onKeyDownCapture: useEvent((e_2) => {
+		if (!e_2.altKey || !onReorder) return;
+		const target_2 = e_2.target;
+		if (target_2 instanceof HTMLInputElement || target_2 instanceof HTMLTextAreaElement || target_2.isContentEditable) return;
+		const moveKeys = orientation === "vertical" ? {
+			backward: "ArrowUp",
+			forward: "ArrowDown"
+		} : {
+			backward: "ArrowLeft",
+			forward: "ArrowRight"
 		};
-		$[46] = onReorder;
-		$[47] = orderedKeys;
-		$[48] = orientation;
-		$[49] = state.selectionManager;
-		$[50] = t21;
-	} else t21 = $[50];
-	const handleKeyDownCapture = useEvent(t21);
-	let t22;
-	if ($[51] !== children || $[52] !== collectionProps || $[53] !== dragState || $[54] !== dropState || $[55] !== handleKeyDownCapture) {
-		t22 = children(dragState, dropState, { ...mergeProps(collectionProps, { onKeyDownCapture: handleKeyDownCapture }) });
-		$[51] = children;
-		$[52] = collectionProps;
-		$[53] = dragState;
-		$[54] = dropState;
-		$[55] = handleKeyDownCapture;
-		$[56] = t22;
-	} else t22 = $[56];
-	let t23;
-	if ($[57] !== renderPreview) {
-		t23 = renderPreview ? /* @__PURE__ */ jsx(DragPreview, {
-			ref: previewRef,
-			children: () => {
-				const preview = renderPreview(dragKeysRef.current);
-				return preview ? /* @__PURE__ */ jsx(Fragment$1, { children: preview }) : null;
-			}
-		}) : null;
-		$[57] = renderPreview;
-		$[58] = t23;
-	} else t23 = $[58];
-	let t24;
-	if ($[59] !== t22 || $[60] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t22, t23] });
-		$[59] = t22;
-		$[60] = t23;
-		$[61] = t24;
-	} else t24 = $[61];
-	return t24;
-}
-function _temp() {
-	return false;
+		const direction = e_2.key === moveKeys.backward ? -1 : e_2.key === moveKeys.forward ? 1 : 0;
+		if (direction === 0) return;
+		e_2.preventDefault();
+		e_2.stopPropagation();
+		const focusedKey = String(state.selectionManager.focusedKey);
+		const idx = orderedKeys.indexOf(focusedKey);
+		if (idx === -1) return;
+		const targetIdx = idx + direction;
+		if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;
+		const newKeys_0 = [...orderedKeys];
+		[newKeys_0[idx], newKeys_0[targetIdx]] = [newKeys_0[targetIdx], newKeys_0[idx]];
+		onReorder(newKeys_0);
+	}) }) }), renderPreview ? /* @__PURE__ */ jsx(DragPreview, {
+		ref: previewRef,
+		children: () => {
+			const preview = renderPreview(dragKeysRef.current);
+			return preview ? /* @__PURE__ */ jsx(Fragment$1, { children: preview }) : null;
+		}
+	}) : null] });
 }
 
 //#endregion

package/dist/components/shared/DraggableCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableCollection.js","names":["KeyboardEvent","ReactNode","RefObject","useCallback","useEffect","useEffectEvent","useMemo","useRef","DragItem","DragPreview","DragPreviewRenderer","DroppableCollectionReorderEvent","ListDropTargetDelegate","ListKeyboardDelegate","mergeProps","useDraggableCollection","useDroppableCollection","DraggableCollectionState","DroppableCollectionState","MultipleSelectionManager","useDraggableCollectionState","useDroppableCollectionState","useEvent","Collection","DropOperation","Key","Node","getAllowedDropOperations","createMockDragState","collection","selectionManager","isDragging","getKeysForDrag","Set","getItems","draggedKey","draggingKeys","isDisabled","startDrag","moveDrag","endDrag","DraggableCollectionProps","state","disabledKeys","listRef","HTMLElement","orderedKeys","orientation","onReorder","newOrder","onItemDrop","targetKey","draggedKeys","shouldAcceptItemDrop","renderPreview","keys","children","dragState","dropState","collectionProps","Record","DraggableCollection","t0","$","_c","t1","e","target","movableKeys","dropPosition","key","movableKey","movableIndex","indexOf","targetIndex","String","newKeys","reduce","arr","i","push","handleReorder","t2","dragKeysRef","current","map","key_0","item","getItem","textValue","t3","Proxy","get","target_0","prop","_temp","value","Reflect","bind","dragSelectionManager","previewRef","t4","undefined","t5","preview","t6","t7","e_0","keys_0","dropOperation","handleItemDrop","t8","Symbol","for","t9","t10","t11","target_1","t12","t13","ref","keyboardDelegate","t14","dropTargetDelegate","t15","t16","t17","isDragActive","size","t18","type","x","y","isInternal","cancelNativeDrag","t19","handleEscape","e_1","document","addEventListener","removeEventListener","t20","t21","e_2","altKey","target_2","HTMLInputElement","HTMLTextAreaElement","isContentEditable","moveKeys","backward","forward","direction","preventDefault","stopPropagation","focusedKey","idx","targetIdx","length","newKeys_0","t22","t23","handleKeyDownCapture","onKeyDownCapture","t24"],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useEffectEvent,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  DragItem,\n  DragPreview,\n  DragPreviewRenderer,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  MultipleSelectionManager,\n  useDraggableCollectionState,\n  useDroppableCollectionState,\n} from 'react-stately';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\n\nimport type { Collection, DropOperation, Key, Node } from '@react-types/shared';\n\nconst getAllowedDropOperations = (): DropOperation[] => ['move'];\n\n/**\n * Creates a no-op mock of DraggableCollectionState.\n * Used to satisfy useDraggableItem when drag is disabled (Rules of Hooks).\n */\nexport function createMockDragState(\n  collection: Collection<Node<any>>,\n  selectionManager: MultipleSelectionManager,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    getItems: () => [],\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    isDisabled: false,\n    startDrag: () => {},\n    moveDrag: () => {},\n    endDrag: () => {},\n  };\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: MultipleSelectionManager;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Dropping *onto* an item rather than between items — a row that is a folder,\n   * a tab that is a group. Mutually exclusive with reordering in practice: a\n   * collection that accepts item drops usually has a meaningful order already.\n   */\n  onItemDrop?: (targetKey: Key, draggedKeys: Key[]) => void;\n  /** Which items may receive a drop. Without it, none may. */\n  shouldAcceptItemDrop?: (targetKey: Key) => boolean;\n  /**\n   * The image dragged under the cursor. Receives the keys being dragged rather\n   * than React Aria's serialized `DragItem`s, because a caller that wants to\n   * render an icon needs the record, not its `text/plain` form.\n   *\n   * Without one the browser drags a screenshot of the source element, which for\n   * a full-width table row is a page-wide slab.\n   */\n  renderPreview?: (keys: Key[]) => ReactNode;\n  /** Render function receiving drag/drop states and merged collection+keyboard props */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Generic wrapper that enables drag-and-drop reordering for a collection.\n *\n * Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).\n * Encapsulates all drag/drop hook calls so they are only invoked when\n * reordering is actually enabled.\n */\nexport function DraggableCollection({\n  state,\n  listRef,\n  orderedKeys,\n  orientation,\n  onReorder,\n  onItemDrop,\n  shouldAcceptItemDrop,\n  renderPreview,\n  children,\n}: DraggableCollectionProps) {\n  const handleReorder = useEvent((e: DroppableCollectionReorderEvent) => {\n    if (!onReorder) return;\n\n    const { target, keys: movableKeys } = e;\n    const { dropPosition, key: targetKey } = target;\n    const movableKey = [...movableKeys][0] as string;\n\n    const movableIndex = orderedKeys.indexOf(movableKey);\n    const targetIndex = orderedKeys.indexOf(String(targetKey));\n\n    if (movableIndex === -1 || targetIndex === -1) return;\n\n    const newKeys =\n      movableIndex !== targetIndex\n        ? orderedKeys.reduce((arr, key, i) => {\n            if (i === movableIndex) {\n              return arr;\n            }\n\n            if (i === targetIndex) {\n              if (dropPosition === 'before') {\n                arr.push(movableKey);\n                arr.push(key);\n              } else {\n                arr.push(key);\n                arr.push(movableKey);\n              }\n            } else {\n              arr.push(key);\n            }\n\n            return arr;\n          }, [] as string[])\n        : orderedKeys;\n\n    onReorder(newKeys);\n  });\n\n  const getItems = useCallback(\n    (keys: Set<Key>): DragItem[] => {\n      dragKeysRef.current = [...keys];\n\n      return [...keys].map((key) => {\n        const item = state.collection.getItem(key);\n        return {\n          'text/plain': item?.textValue || String(key),\n        };\n      });\n    },\n    [state.collection],\n  );\n\n  // Proxy selectionManager to hide selection from react-aria's drag logic.\n  // Without this, react-aria drags ALL selected items when any selected item\n  // is grabbed (hardcoded in useDraggableCollectionState → internal getKeys).\n  // The proxy intercepts `selectedKeys` and `isSelected` so every item looks\n  // unselected for drag, while all other methods (isDisabled, setFocusedKey, …)\n  // delegate to the real manager. `bind(target)` preserves `this` for methods\n  // that live on the prototype chain.\n  const dragSelectionManager = useMemo(\n    () =>\n      new Proxy(state.selectionManager, {\n        get(target, prop) {\n          if (prop === 'selectedKeys') return new Set<Key>();\n          if (prop === 'isSelected') return () => false;\n          const value = Reflect.get(target, prop);\n          return typeof value === 'function' ? value.bind(target) : value;\n        },\n      }),\n    [state.selectionManager],\n  );\n\n  const previewRef = useRef<DragPreviewRenderer>(null);\n\n  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n    preview: renderPreview ? previewRef : undefined,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const handleItemDrop = useEvent((e: any) => {\n    if (!onItemDrop) return;\n\n    const keys = [...(e.dropOperation === 'cancel' ? [] : dragKeysRef.current)];\n\n    onItemDrop(e.target.key, keys);\n  });\n\n  // The keys being dragged, captured at drag start: by the time the drop lands\n  // React Aria has already cleared them from the drag state.\n  const dragKeysRef = useRef<Key[]>([]);\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: onReorder ? handleReorder : undefined,\n    onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    // `'on'` is only offered for items that accept it; everything else falls\n    // back to reordering, or to nothing.\n    shouldAcceptItemDrop: shouldAcceptItemDrop\n      ? (target: any) => shouldAcceptItemDrop(target.key)\n      : undefined,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collection: state.collection,\n        disabledKeys: state.disabledKeys,\n        ref: listRef,\n        orientation,\n      }),\n    [state.collection, state.disabledKeys, listRef, orientation],\n  );\n\n  const dropTargetDelegate = useMemo(\n    () =>\n      new ListDropTargetDelegate(state.collection, listRef, {\n        orientation,\n      }),\n    [state.collection, listRef, orientation],\n  );\n\n  const { collectionProps } = useDroppableCollection(\n    {\n      keyboardDelegate,\n      dropTargetDelegate,\n      onReorder: onReorder ? handleReorder : undefined,\n      onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Force-cancel drag on Escape. Native HTML5 drag cancels visually, but some\n  // browsers (Safari) don't fire `dragend` synchronously, leaving react-aria's\n  // `isDragging` stale until a second keypress.\n  const isDragActive = dragState.draggingKeys.size > 0;\n  const cancelNativeDrag = useEffectEvent(() => {\n    dragState.endDrag({\n      type: 'dragend',\n      keys: new Set(dragKeysRef.current),\n      x: 0,\n      y: 0,\n      dropOperation: 'cancel',\n      isInternal: false,\n    });\n  });\n\n  useEffect(() => {\n    if (!isDragActive) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        cancelNativeDrag();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, true);\n\n    return () => document.removeEventListener('keydown', handleEscape, true);\n  }, [isDragActive]);\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  // Skip when the event originates from a text input — Alt+Arrow is\n  // word-by-word cursor navigation on macOS.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\n\n    const target = e.target as HTMLElement;\n\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const moveKeys =\n      orientation === 'vertical'\n        ? { backward: 'ArrowUp', forward: 'ArrowDown' }\n        : { backward: 'ArrowLeft', forward: 'ArrowRight' };\n\n    const direction =\n      e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;\n\n    if (direction === 0) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const focusedKey = String(state.selectionManager.focusedKey);\n    const idx = orderedKeys.indexOf(focusedKey);\n\n    if (idx === -1) return;\n\n    const targetIdx = idx + direction;\n\n    if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;\n\n    const newKeys = [...orderedKeys];\n    [newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];\n    onReorder(newKeys);\n  });\n\n  return (\n    <>\n      {children(dragState, dropState, {\n        ...mergeProps(collectionProps, {\n          onKeyDownCapture: handleKeyDownCapture,\n        }),\n      })}\n      {renderPreview ? (\n        // Rendered off-screen by React Aria and snapshotted at drag start. The\n        // keys come from the ref rather than the `DragItem`s the render\n        // function is handed, which only carry `text/plain`.\n        <DragPreview ref={previewRef}>\n          {() => {\n            const preview = renderPreview(dragKeysRef.current);\n            return preview ? <>{preview}</> : null;\n          }}\n        </DragPreview>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DraggableCollection.js","names":["KeyboardEvent","ReactNode","RefObject","useCallback","useEffect","useMemo","useRef","DragItem","DragPreview","DragPreviewRenderer","DroppableCollectionReorderEvent","ListDropTargetDelegate","ListKeyboardDelegate","mergeProps","useDraggableCollection","useDroppableCollection","DraggableCollectionState","DroppableCollectionState","MultipleSelectionManager","useDraggableCollectionState","useDroppableCollectionState","useEvent","Collection","DropOperation","Key","Node","getAllowedDropOperations","createMockDragState","collection","selectionManager","isDragging","getKeysForDrag","Set","getItems","draggedKey","draggingKeys","isDisabled","startDrag","moveDrag","endDrag","DraggableCollectionProps","state","disabledKeys","listRef","HTMLElement","orderedKeys","orientation","onReorder","newOrder","onItemDrop","targetKey","draggedKeys","shouldAcceptItemDrop","renderPreview","keys","children","dragState","dropState","collectionProps","Record","DraggableCollection","handleReorder","e","target","movableKeys","dropPosition","key","movableKey","movableIndex","indexOf","targetIndex","String","newKeys","reduce","arr","i","push","dragKeysRef","current","map","item","getItem","textValue","dragSelectionManager","Proxy","get","prop","value","Reflect","bind","previewRef","preview","undefined","handleItemDrop","dropOperation","keyboardDelegate","ref","dropTargetDelegate","isDragActive","size","endDragRef","handleEscape","globalThis","type","x","y","isInternal","document","addEventListener","removeEventListener","handleKeyDownCapture","altKey","HTMLInputElement","HTMLTextAreaElement","isContentEditable","moveKeys","backward","forward","direction","preventDefault","stopPropagation","focusedKey","idx","targetIdx","length","onKeyDownCapture"],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  DragItem,\n  DragPreview,\n  DragPreviewRenderer,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\n  MultipleSelectionManager,\n  useDraggableCollectionState,\n  useDroppableCollectionState,\n} from 'react-stately';\n\nimport { useEvent } from '../../_internal/hooks';\n\nimport type { Collection, DropOperation, Key, Node } from '@react-types/shared';\n\nconst getAllowedDropOperations = (): DropOperation[] => ['move'];\n\n/**\n * Creates a no-op mock of DraggableCollectionState.\n * Used to satisfy useDraggableItem when drag is disabled (Rules of Hooks).\n */\nexport function createMockDragState(\n  collection: Collection<Node<any>>,\n  selectionManager: MultipleSelectionManager,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    getItems: () => [],\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    isDisabled: false,\n    startDrag: () => {},\n    moveDrag: () => {},\n    endDrag: () => {},\n  };\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: MultipleSelectionManager;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\n  /**\n   * Dropping *onto* an item rather than between items — a row that is a folder,\n   * a tab that is a group. Mutually exclusive with reordering in practice: a\n   * collection that accepts item drops usually has a meaningful order already.\n   */\n  onItemDrop?: (targetKey: Key, draggedKeys: Key[]) => void;\n  /** Which items may receive a drop. Without it, none may. */\n  shouldAcceptItemDrop?: (targetKey: Key) => boolean;\n  /**\n   * The image dragged under the cursor. Receives the keys being dragged rather\n   * than React Aria's serialized `DragItem`s, because a caller that wants to\n   * render an icon needs the record, not its `text/plain` form.\n   *\n   * Without one the browser drags a screenshot of the source element, which for\n   * a full-width table row is a page-wide slab.\n   */\n  renderPreview?: (keys: Key[]) => ReactNode;\n  /** Render function receiving drag/drop states and merged collection+keyboard props */\n  children: (\n    dragState: DraggableCollectionState,\n    dropState: DroppableCollectionState,\n    collectionProps: Record<string, unknown>,\n  ) => ReactNode;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Generic wrapper that enables drag-and-drop reordering for a collection.\n *\n * Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).\n * Encapsulates all drag/drop hook calls so they are only invoked when\n * reordering is actually enabled.\n */\nexport function DraggableCollection({\n  state,\n  listRef,\n  orderedKeys,\n  orientation,\n  onReorder,\n  onItemDrop,\n  shouldAcceptItemDrop,\n  renderPreview,\n  children,\n}: DraggableCollectionProps) {\n  const handleReorder = useEvent((e: DroppableCollectionReorderEvent) => {\n    if (!onReorder) return;\n\n    const { target, keys: movableKeys } = e;\n    const { dropPosition, key: targetKey } = target;\n    const movableKey = [...movableKeys][0] as string;\n\n    const movableIndex = orderedKeys.indexOf(movableKey);\n    const targetIndex = orderedKeys.indexOf(String(targetKey));\n\n    if (movableIndex === -1 || targetIndex === -1) return;\n\n    const newKeys =\n      movableIndex !== targetIndex\n        ? orderedKeys.reduce((arr, key, i) => {\n            if (i === movableIndex) {\n              return arr;\n            }\n\n            if (i === targetIndex) {\n              if (dropPosition === 'before') {\n                arr.push(movableKey);\n                arr.push(key);\n              } else {\n                arr.push(key);\n                arr.push(movableKey);\n              }\n            } else {\n              arr.push(key);\n            }\n\n            return arr;\n          }, [] as string[])\n        : orderedKeys;\n\n    onReorder(newKeys);\n  });\n\n  const getItems = useCallback(\n    (keys: Set<Key>): DragItem[] => {\n      dragKeysRef.current = [...keys];\n\n      return [...keys].map((key) => {\n        const item = state.collection.getItem(key);\n        return {\n          'text/plain': item?.textValue || String(key),\n        };\n      });\n    },\n    [state.collection],\n  );\n\n  // Proxy selectionManager to hide selection from react-aria's drag logic.\n  // Without this, react-aria drags ALL selected items when any selected item\n  // is grabbed (hardcoded in useDraggableCollectionState → internal getKeys).\n  // The proxy intercepts `selectedKeys` and `isSelected` so every item looks\n  // unselected for drag, while all other methods (isDisabled, setFocusedKey, …)\n  // delegate to the real manager. `bind(target)` preserves `this` for methods\n  // that live on the prototype chain.\n  const dragSelectionManager = useMemo(\n    () =>\n      new Proxy(state.selectionManager, {\n        get(target, prop) {\n          if (prop === 'selectedKeys') return new Set<Key>();\n          if (prop === 'isSelected') return () => false;\n          const value = Reflect.get(target, prop);\n          return typeof value === 'function' ? value.bind(target) : value;\n        },\n      }),\n    [state.selectionManager],\n  );\n\n  const previewRef = useRef<DragPreviewRenderer>(null);\n\n  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n    preview: renderPreview ? previewRef : undefined,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const handleItemDrop = useEvent((e: any) => {\n    if (!onItemDrop) return;\n\n    const keys = [...(e.dropOperation === 'cancel' ? [] : dragKeysRef.current)];\n\n    onItemDrop(e.target.key, keys);\n  });\n\n  // The keys being dragged, captured at drag start: by the time the drop lands\n  // React Aria has already cleared them from the drag state.\n  const dragKeysRef = useRef<Key[]>([]);\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: onReorder ? handleReorder : undefined,\n    onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    // `'on'` is only offered for items that accept it; everything else falls\n    // back to reordering, or to nothing.\n    shouldAcceptItemDrop: shouldAcceptItemDrop\n      ? (target: any) => shouldAcceptItemDrop(target.key)\n      : undefined,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate({\n        collection: state.collection,\n        disabledKeys: state.disabledKeys,\n        ref: listRef,\n        orientation,\n      }),\n    [state.collection, state.disabledKeys, listRef, orientation],\n  );\n\n  const dropTargetDelegate = useMemo(\n    () =>\n      new ListDropTargetDelegate(state.collection, listRef, {\n        orientation,\n      }),\n    [state.collection, listRef, orientation],\n  );\n\n  const { collectionProps } = useDroppableCollection(\n    {\n      keyboardDelegate,\n      dropTargetDelegate,\n      onReorder: onReorder ? handleReorder : undefined,\n      onItemDrop: onItemDrop ? handleItemDrop : undefined,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Force-cancel drag on Escape. Native HTML5 drag cancels visually, but some\n  // browsers (Safari) don't fire `dragend` synchronously, leaving react-aria's\n  // `isDragging` stale until a second keypress.\n  const isDragActive = dragState.draggingKeys.size > 0;\n  const endDragRef = useRef(dragState.endDrag);\n  endDragRef.current = dragState.endDrag;\n\n  useEffect(() => {\n    if (!isDragActive) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        endDragRef.current({\n          type: 'dragend',\n          keys: new Set(dragKeysRef.current),\n          x: 0,\n          y: 0,\n          dropOperation: 'cancel',\n          isInternal: false,\n        });\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape, true);\n\n    return () => document.removeEventListener('keydown', handleEscape, true);\n  }, [isDragActive]);\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  // Skip when the event originates from a text input — Alt+Arrow is\n  // word-by-word cursor navigation on macOS.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\n\n    const target = e.target as HTMLElement;\n\n    if (\n      target instanceof HTMLInputElement ||\n      target instanceof HTMLTextAreaElement ||\n      target.isContentEditable\n    ) {\n      return;\n    }\n\n    const moveKeys =\n      orientation === 'vertical'\n        ? { backward: 'ArrowUp', forward: 'ArrowDown' }\n        : { backward: 'ArrowLeft', forward: 'ArrowRight' };\n\n    const direction =\n      e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;\n\n    if (direction === 0) return;\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    const focusedKey = String(state.selectionManager.focusedKey);\n    const idx = orderedKeys.indexOf(focusedKey);\n\n    if (idx === -1) return;\n\n    const targetIdx = idx + direction;\n\n    if (targetIdx < 0 || targetIdx >= orderedKeys.length) return;\n\n    const newKeys = [...orderedKeys];\n    [newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];\n    onReorder(newKeys);\n  });\n\n  return (\n    <>\n      {children(dragState, dropState, {\n        ...mergeProps(collectionProps, {\n          onKeyDownCapture: handleKeyDownCapture,\n        }),\n      })}\n      {renderPreview ? (\n        // Rendered off-screen by React Aria and snapshotted at drag start. The\n        // keys come from the ref rather than the `DragItem`s the render\n        // function is handed, which only carry `text/plain`.\n        <DragPreview ref={previewRef}>\n          {() => {\n            const preview = renderPreview(dragKeysRef.current);\n            return preview ? <>{preview}</> : null;\n          }}\n        </DragPreview>\n      ) : null}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/status/LoadingAnimation/LoadingAnimation.d.ts

@@ -1,6 +1,6 @@
 
 import { CubeBlockProps } from "../../Block.js";
-import * as react from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/status/LoadingAnimation/LoadingAnimation.d.ts
 interface CubeLoadingAnimationProps extends CubeBlockProps {
@@ -9,7 +9,7 @@ interface CubeLoadingAnimationProps extends CubeBlockProps {
 declare function LoadingAnimation({
   size,
   ...props
-}: CubeLoadingAnimationProps): react.JSX.Element;
+}: CubeLoadingAnimationProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CubeLoadingAnimationProps, LoadingAnimation };
 //# sourceMappingURL=LoadingAnimation.d.ts.map

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,8 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/status/Spin/Cube.js

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
-import { c } from "react/compiler-runtime";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/status/Spin/InternalSpinner.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/status/Spin/Spin.d.ts

@@ -1,9 +1,9 @@
 
 import { CubeSpinProps } from "./types.js";
-import * as react from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/status/Spin/Spin.d.ts
-declare function Spin(props: CubeSpinProps): react.JSX.Element;
+declare function Spin(props: CubeSpinProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Spin };
 //# sourceMappingURL=Spin.d.ts.map

package/dist/components/status/Spin/Spin.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
-import { c } from "react/compiler-runtime";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { Fragment, jsx } from "react/jsx-runtime";
 

package/dist/components/status/Spin/SpinsContainer.js

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
-import { c } from "react/compiler-runtime";
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-accent-text",

package/dist/data/themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/data/themes.ts
 var themes_default = {
 	special: {

package/dist/eslint-plugin/defaults.generated.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 //#region src/eslint-plugin/defaults.generated.ts
 const DEFAULTS = {
 	components: {

package/dist/eslint-plugin/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { DEFAULTS } from "./defaults.generated.js";
 import { createRule, noRedundantDefaultProp } from "./rules/no-redundant-default-prop.js";
 

package/dist/eslint-plugin/rules/no-redundant-default-prop.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-900eb1f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e852864 | Cube Dev Team */
 import { DEFAULTS } from "../defaults.generated.js";
 
 //#region src/eslint-plugin/rules/no-redundant-default-prop.ts