@cube-dev/ui-kit 0.0.0-canary-65acc3a → 0.0.0-canary-0ef8dfe

package/dist/components/overlays/Modal/Modal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";

package/dist/components/overlays/Modal/OpenTransitionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx

package/dist/components/overlays/Modal/Overlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";
 import { OpenTransitionContext } from "./OpenTransitionContext.js";

package/dist/components/overlays/Modal/Popover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Modal/Tray.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Overlay } from "./Overlay.js";
 import { _Underlay } from "./Underlay.js";

package/dist/components/overlays/Modal/Underlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/overlays/Notifications/Notification.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/NotificationAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { createContext, useContext, useMemo } from "react";

package/dist/components/overlays/Notifications/NotificationCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/overlays/Notifications/NotificationContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/overlays/Notifications/NotificationContext.ts

package/dist/components/overlays/Notifications/NotificationItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Notifications/OverlayContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/overlays/Notifications/OverlayProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, useToastContext } from "./NotificationContext.js";
 import { OverlayContainer } from "./OverlayContainer.js";
 import { useNotificationState } from "./use-notification-state.js";

package/dist/components/overlays/Notifications/PersistentNotificationsList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { NotificationActionInterceptorContext } from "./NotificationAction.js";

package/dist/components/overlays/Notifications/dismissed-storage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 //#region src/components/overlays/Notifications/dismissed-storage.ts
 const STORAGE_KEY = "cube-ui-dismissed-notifications";
 const TTL_MS = 864e5;

package/dist/components/overlays/Notifications/format-relative-time.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 //#region src/components/overlays/Notifications/format-relative-time.ts
 /**
 * Lightweight relative time formatter.

package/dist/components/overlays/Notifications/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useToastContext } from "./NotificationContext.js";
 import { NotificationAction } from "./NotificationAction.js";
 import { NotificationCard } from "./NotificationCard.js";

package/dist/components/overlays/Notifications/use-notification-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Notifications/use-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useNotificationContext } from "./NotificationContext.js";

package/dist/components/overlays/Notifications/use-overlay-timers.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { useMemo } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cleanupAndGetValidIds, saveDismissedId } from "./dismissed-storage.js";
 import { useRef, useState } from "react";

package/dist/components/overlays/Notifications/use-toast-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Toast/ToastItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Toast/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useToastContext } from "../Notifications/NotificationContext.js";
 import { useProgressToast } from "./useProgressToast.js";
 import { getThemeIcon, useToast } from "./useToast.js";

package/dist/components/overlays/Toast/useProgressToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useToastContext } from "../Notifications/NotificationContext.js";

package/dist/components/overlays/Toast/useToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { DangerIcon } from "../../../icons/DangerIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { isValidElement, useEffect, useState } from "react";

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { TooltipContext } from "./context.js";
 import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { useEffect, useRef, useState } from "react";
 import invariant from "tiny-invariant";

package/dist/components/shared/DraggableCollection.js

@@ -0,0 +1,102 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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 dragState = useDraggableCollectionState({
+		collection: state.collection,
+		selectionManager: state.selectionManager,
+		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  const dragState = useDraggableCollectionState({\n    collection: state.collection,\n    selectionManager: state.selectionManager,\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":";;;;;;;AA0BA,MAAM,iCAAkD,CAAC,OAAO;;;;;;;;AAmChE,SAAgB,oBAAoB,EAClC,OACA,SACA,aACA,aACA,WACA,YAC2B;CAC3B,MAAM,gBAAgB,UAAU,MAAuC;AACrE,MAAI,CAAC,UAAW;EAEhB,MAAM,EAAE,QAAQ,MAAM,gBAAgB;EACtC,MAAM,EAAE,cAAc,KAAK,cAAc;EACzC,MAAM,aAAa,CAAC,GAAG,YAAY,CAAC;EAEpC,MAAM,eAAe,YAAY,QAAQ,WAAW;EACpD,MAAM,cAAc,YAAY,QAAQ,OAAO,UAAU,CAAC;AAE1D,MAAI,iBAAiB,MAAM,gBAAgB,GAAI;AAyB/C,YAtBE,iBAAiB,cACb,YAAY,QAAQ,KAAK,KAAK,MAAM;AAClC,OAAI,MAAM,aACR,QAAO;AAGT,OAAI,MAAM,YACR,KAAI,iBAAiB,UAAU;AAC7B,QAAI,KAAK,WAAW;AACpB,QAAI,KAAK,IAAI;UACR;AACL,QAAI,KAAK,IAAI;AACb,QAAI,KAAK,WAAW;;OAGtB,KAAI,KAAK,IAAI;AAGf,UAAO;KACN,EAAE,CAAa,GAClB,YAEY;GAClB;CAEF,MAAM,WAAW,aACd,SAA+B;AAC9B,SAAO,CAAC,GAAG,KAAK,CAAC,KAAK,QAAQ;GAC5B,MAAM,OAAO,MAAM,WAAW,QAAQ,IAAI;AAC1C,UAAO,EACL,cAAc,MAAM,aAAa,OAAO,IAAI,EAC7C;IACD;IAEJ,CAAC,MAAM,WAAW,CACnB;CAED,MAAM,YAAY,4BAA4B;EAC5C,YAAY,MAAM;EAClB,kBAAkB,MAAM;EACxB;EACA;EACD,CAAC;AAEF,wBACE;EACE;EACA;EACD,EACD,WACA,QACD;CAED,MAAM,YAAY,4BAA4B;EAC5C,YAAY,MAAM;EAClB,kBAAkB,MAAM;EACxB,WAAW;EACZ,CAAC;CAgBF,MAAM,EAAE,oBAAoB,uBAC1B;EACE,kBAhBqB,cAErB,IAAI,qBAAqB,MAAM,YAAY,MAAM,cAAc,QAAQ,EACzE;GAAC,MAAM;GAAY,MAAM;GAAc;GAAQ,CAChD;EAaG,oBAXuB,cAEvB,IAAI,uBAAuB,MAAM,YAAY,SAAS,EACpD,aACD,CAAC,EACJ;GAAC,MAAM;GAAY;GAAS;GAAY,CACzC;EAMG,WAAW;EACZ,EACD,WACA,QACD;CAID,MAAM,uBAAuB,UAAU,MAAqB;AAC1D,MAAI,CAAC,EAAE,UAAU,CAAC,UAAW;EAE7B,MAAM,WACJ,gBAAgB,aACZ;GAAE,UAAU;GAAW,SAAS;GAAa,GAC7C;GAAE,UAAU;GAAa,SAAS;GAAc;EAEtD,MAAM,YACJ,EAAE,QAAQ,SAAS,WAAW,KAAK,EAAE,QAAQ,SAAS,UAAU,IAAI;AAEtE,MAAI,cAAc,EAAG;AAErB,IAAE,gBAAgB;AAClB,IAAE,iBAAiB;EAEnB,MAAM,aAAa,OAAO,MAAM,iBAAiB,WAAW;EAC5D,MAAM,MAAM,YAAY,QAAQ,WAAW;AAE3C,MAAI,QAAQ,GAAI;EAEhB,MAAM,YAAY,MAAM;AAExB,MAAI,YAAY,KAAK,aAAa,YAAY,OAAQ;EAEtD,MAAM,UAAU,CAAC,GAAG,YAAY;AAChC,GAAC,QAAQ,MAAM,QAAQ,cAAc,CAAC,QAAQ,YAAY,QAAQ,KAAK;AACvE,YAAU,QAAQ;GAClB;AAEF,QAAO,SAAS,WAAW,WAAW;EACpC,GAAG;EACH,kBAAkB;EACnB,CAAC"}

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | 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-65acc3a | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0ef8dfe | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";