@cube-dev/ui-kit 0.0.0-canary-95c5bc6 → 0.0.0-canary-e0b4278

package/dist/components/shared/DraggableCollection.js

@@ -0,0 +1,108 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
+import { useEvent } from "../../_internal/hooks/use-event.js";
+import { useCallback, useMemo } from "react";
+import { ListDropTargetDelegate, ListKeyboardDelegate, useDraggableCollection, useDroppableCollection } from "react-aria";
+import { useDraggableCollectionState, useDroppableCollectionState } from "react-stately";
+
+//#region src/components/shared/DraggableCollection.tsx
+const getAllowedDropOperations = () => ["move"];
+/**
+* Generic wrapper that enables drag-and-drop reordering for a collection.
+*
+* Used by both DraggableTabList (horizontal) and DraggableListBox (vertical).
+* Encapsulates all drag/drop hook calls so they are only invoked when
+* reordering is actually enabled.
+*/
+function DraggableCollection({ state, listRef, orderedKeys, orientation, onReorder, 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) => {
+		return [...keys].map((key) => {
+			const item = state.collection.getItem(key);
+			return { "text/plain": item?.textValue || String(key) };
+		});
+	}, [state.collection]);
+	const dragSelectionManager = useMemo(() => new Proxy(state.selectionManager, { get(target, prop) {
+		if (prop === "selectedKeys") return /* @__PURE__ */ new Set();
+		if (prop === "isSelected") return () => false;
+		const value = Reflect.get(target, prop);
+		return typeof value === "function" ? value.bind(target) : value;
+	} }), [state.selectionManager]);
+	const dragState = useDraggableCollectionState({
+		collection: state.collection,
+		selectionManager: dragSelectionManager,
+		getItems,
+		getAllowedDropOperations
+	});
+	useDraggableCollection({
+		getItems,
+		getAllowedDropOperations
+	}, dragState, listRef);
+	const dropState = useDroppableCollectionState({
+		collection: state.collection,
+		selectionManager: state.selectionManager,
+		onReorder: handleReorder
+	});
+	const { collectionProps } = useDroppableCollection({
+		keyboardDelegate: useMemo(() => new ListKeyboardDelegate(state.collection, state.disabledKeys, listRef), [
+			state.collection,
+			state.disabledKeys,
+			listRef
+		]),
+		dropTargetDelegate: useMemo(() => new ListDropTargetDelegate(state.collection, listRef, { orientation }), [
+			state.collection,
+			listRef,
+			orientation
+		]),
+		onReorder: handleReorder
+	}, dropState, listRef);
+	const handleKeyDownCapture = useEvent((e) => {
+		if (!e.altKey || !onReorder) return;
+		const moveKeys = orientation === "vertical" ? {
+			backward: "ArrowUp",
+			forward: "ArrowDown"
+		} : {
+			backward: "ArrowLeft",
+			forward: "ArrowRight"
+		};
+		const direction = e.key === moveKeys.backward ? -1 : e.key === moveKeys.forward ? 1 : 0;
+		if (direction === 0) return;
+		e.preventDefault();
+		e.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 = [...orderedKeys];
+		[newKeys[idx], newKeys[targetIdx]] = [newKeys[targetIdx], newKeys[idx]];
+		onReorder(newKeys);
+	});
+	return children(dragState, dropState, {
+		...collectionProps,
+		onKeyDownCapture: handleKeyDownCapture
+	});
+}
+
+//#endregion
+export { DraggableCollection };
+//# sourceMappingURL=DraggableCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableCollection.js","names":[],"sources":["../../../src/components/shared/DraggableCollection.tsx"],"sourcesContent":["import {\n  KeyboardEvent,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useMemo,\n} from 'react';\nimport {\n  DragItem,\n  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  useDraggableCollection,\n  useDroppableCollection,\n} from 'react-aria';\nimport {\n  DraggableCollectionState,\n  DroppableCollectionState,\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// Types\n// =============================================================================\n\nexport interface DraggableCollectionProps {\n  state: {\n    collection: Collection<Node<any>>;\n    selectionManager: { selectedKeys: Set<Key> } & Record<string, any>;\n    disabledKeys: Set<Key>;\n  };\n  listRef: RefObject<HTMLElement | null>;\n  orderedKeys: string[];\n  orientation: 'horizontal' | 'vertical';\n  onReorder?: (newOrder: string[]) => void;\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  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      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 dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: dragSelectionManager,\n    getItems,\n    getAllowedDropOperations,\n  });\n\n  useDraggableCollection(\n    {\n      getItems,\n      getAllowedDropOperations,\n    },\n    dragState,\n    listRef,\n  );\n\n  const dropState = useDroppableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\n    onReorder: handleReorder,\n  });\n\n  const keyboardDelegate = useMemo(\n    () =>\n      new ListKeyboardDelegate(state.collection, state.disabledKeys, listRef),\n    [state.collection, state.disabledKeys, listRef],\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: handleReorder,\n    },\n    dropState,\n    listRef,\n  );\n\n  // Alt+Arrow keyboard shortcut for reordering.\n  // Uses capture phase so we read focusedKey BEFORE react-aria moves focus.\n  const handleKeyDownCapture = useEvent((e: KeyboardEvent) => {\n    if (!e.altKey || !onReorder) return;\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 children(dragState, dropState, {\n    ...collectionProps,\n    onKeyDownCapture: handleKeyDownCapture,\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-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | 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-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 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-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-text",

package/dist/data/themes.js

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

package/dist/icons/AdjustmentsHorizontalIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/AdjustmentsIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/AiIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconSparkles } from "@tabler/icons-react";

package/dist/icons/AreaChartIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconChartArea } from "@tabler/icons-react";

package/dist/icons/BackwardIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconChevronsLeft } from "@tabler/icons-react";

package/dist/icons/BarChartIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconChartBar } from "@tabler/icons-react";

package/dist/icons/BellFilledIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconBellFilled } from "@tabler/icons-react";

package/dist/icons/BellIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconBell } from "@tabler/icons-react";

package/dist/icons/BooleanIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CalendarEditIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CalendarIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CaretDownIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCaretDownFilled } from "@tabler/icons-react";

package/dist/icons/CaretUpIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCaretUpFilled } from "@tabler/icons-react";

package/dist/icons/ChartAreaStackedIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartAreaStackedPercentageIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBarGroupedHorizontalIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBarGroupedIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBarHorizontalIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBarLineIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBarStackedHorizontalIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBarStackedIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBarStackedPercentageIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBoxPlot2Icon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBoxPlotIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartBubbleIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartDonut2Icon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartFunnelIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartHeatmapIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/icons/ChartKPIIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartPie2Icon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/ChartScatterIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CheckCircleFilledIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCircleCheckFilled } from "@tabler/icons-react";

package/dist/icons/CheckCircleIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCircleCheck } from "@tabler/icons-react";

package/dist/icons/CheckIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCheck } from "@tabler/icons-react";

package/dist/icons/CircleFilledIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCircleFilled } from "@tabler/icons-react";

package/dist/icons/ClearIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CloseCircleFilledIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCircleXFilled } from "@tabler/icons-react";

package/dist/icons/CloseCircleIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCircleX } from "@tabler/icons-react";

package/dist/icons/CloseIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconX } from "@tabler/icons-react";

package/dist/icons/CodeIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCode } from "@tabler/icons-react";

package/dist/icons/ColumnTotalIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 

package/dist/icons/CopyIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconCopy } from "@tabler/icons-react";

package/dist/icons/CountIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CubeIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CubePauseIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CubePlayIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/CurrencyDollarIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/DangerIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconAlertTriangle } from "@tabler/icons-react";

package/dist/icons/DashboardIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconLayoutDashboard } from "@tabler/icons-react";

package/dist/icons/DatabaseIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconDatabase } from "@tabler/icons-react";

package/dist/icons/DecimalDecreaseIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/DecimalIncreaseIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/DirectionIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { UpIcon } from "./UpIcon.js";
 import { tasty } from "@tenphi/tasty";
 import { memo, useEffect, useRef, useState } from "react";

package/dist/icons/DonutIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconChartDonut } from "@tabler/icons-react";

package/dist/icons/DownIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-95c5bc6 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e0b4278 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconChevronDown } from "@tabler/icons-react";