@cube-dev/ui-kit 0.139.0 → 0.140.1

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 
@@ -6,17 +6,18 @@ import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react
 /**
 * Hook to track and animate tab indicator position.
 *
-* Calculates the position and width of the selection indicator
-* based on the currently selected tab. Returns null if disabled
-* (e.g., for non-default tab types).
+* Calculates the start position and size of the selection indicator
+* along the orientation axis. Returns null if disabled (e.g., for
+* non-default/narrow tab types).
 *
 * @param containerRef - Ref to the tab container element
 * @param selectedKey - Currently selected tab key
 * @param enabled - Whether the indicator should be shown
+* @param orientation - Axis along which the indicator moves
 * @param orderToken - Optional token that changes when tab order changes (triggers recalculation)
-* @returns Indicator style (left, width) or null if disabled/not ready
+* @returns Indicator style (`start`, `size`) or null if disabled/not ready
 */
-function useTabIndicator(containerRef, selectedKey, enabled, orderToken) {
+function useTabIndicator(containerRef, selectedKey, enabled, orientation = "horizontal", orderToken) {
 	const [style, setStyle] = useState(null);
 	const cancelRef = useRef(null);
 	const updateIndicator = useCallback(() => {
@@ -31,14 +32,20 @@ function useTabIndicator(containerRef, selectedKey, enabled, orderToken) {
 		}
 		const containerRect = containerRef.current.getBoundingClientRect();
 		const tabRect = selectedTab.getBoundingClientRect();
-		if (tabRect.width > 0) setStyle({
-			left: tabRect.left - containerRect.left + containerRef.current.scrollLeft,
-			width: tabRect.width
+		if (orientation === "vertical") {
+			if (tabRect.height > 0) setStyle({
+				start: tabRect.top - containerRect.top + containerRef.current.scrollTop,
+				size: tabRect.height
+			});
+		} else if (tabRect.width > 0) setStyle({
+			start: tabRect.left - containerRect.left + containerRef.current.scrollLeft,
+			size: tabRect.width
 		});
 	}, [
 		containerRef,
 		selectedKey,
 		enabled,
+		orientation,
 		orderToken
 	]);
 	useLayoutEffect(() => {
@@ -60,17 +67,22 @@ function useTabIndicator(containerRef, selectedKey, enabled, orderToken) {
 		if (!enabled) return;
 		const container = containerRef.current;
 		if (!container) return;
-		let prevWidth = container.getBoundingClientRect().width;
+		const getAxisSize = (rect) => orientation === "vertical" ? rect.height : rect.width;
+		let prevSize = getAxisSize(container.getBoundingClientRect());
 		const observer = new ResizeObserver((entries) => {
 			const entry = entries[0];
 			if (!entry) return;
-			const newWidth = entry.contentRect.width;
-			if (prevWidth === 0 && newWidth > 0) updateIndicator();
-			prevWidth = newWidth;
+			const newSize = getAxisSize(entry.contentRect);
+			if (prevSize === 0 && newSize > 0) updateIndicator();
+			prevSize = newSize;
 		});
 		observer.observe(container);
 		return () => observer.disconnect();
-	}, [enabled, updateIndicator]);
+	}, [
+		enabled,
+		orientation,
+		updateIndicator
+	]);
 	return enabled ? style : null;
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"use-tab-indicator.js","names":[],"sources":["../../../../src/components/navigation/Tabs/use-tab-indicator.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { chainRaf } from '../../../utils/raf';\n\nimport type { Key } from '@react-types/shared';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface IndicatorStyle {\n  left: number;\n  width: number;\n}\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Hook to track and animate tab indicator position.\n *\n * Calculates the position and width of the selection indicator\n * based on the currently selected tab. Returns null if disabled\n * (e.g., for non-default tab types).\n *\n * @param containerRef - Ref to the tab container element\n * @param selectedKey - Currently selected tab key\n * @param enabled - Whether the indicator should be shown\n * @param orderToken - Optional token that changes when tab order changes (triggers recalculation)\n * @returns Indicator style (left, width) or null if disabled/not ready\n */\nexport function useTabIndicator(\n  containerRef: RefObject<HTMLElement | null>,\n  selectedKey: Key | null,\n  enabled: boolean,\n  orderToken?: string,\n): IndicatorStyle | null {\n  const [style, setStyle] = useState<IndicatorStyle | null>(null);\n  const cancelRef = useRef<(() => void) | null>(null);\n\n  const updateIndicator = useCallback(() => {\n    if (!enabled || !containerRef.current || selectedKey == null) {\n      setStyle(null);\n      return;\n    }\n\n    // Find the selected tab button within the container\n    const selectedTab = containerRef.current.querySelector(\n      '[aria-selected=\"true\"]',\n    ) as HTMLElement | null;\n\n    if (!selectedTab) {\n      setStyle(null);\n      return;\n    }\n\n    const containerRect = containerRef.current.getBoundingClientRect();\n    const tabRect = selectedTab.getBoundingClientRect();\n\n    // Only update if dimensions are valid (element has been painted)\n    if (tabRect.width > 0) {\n      setStyle({\n        left:\n          tabRect.left - containerRect.left + containerRef.current.scrollLeft,\n        width: tabRect.width,\n      });\n    }\n  }, [containerRef, selectedKey, enabled, orderToken]);\n\n  // Update on selectedKey change - use chainRaf to ensure DOM is fully painted\n  useLayoutEffect(() => {\n    // Cancel any pending RAF chain\n    if (cancelRef.current) {\n      cancelRef.current();\n    }\n\n    // Schedule update after 2 frames to ensure layout is complete\n    cancelRef.current = chainRaf(() => {\n      updateIndicator();\n    }, 2);\n\n    return () => {\n      if (cancelRef.current) {\n        cancelRef.current();\n      }\n    };\n  }, [updateIndicator]);\n\n  // Update on window resize\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleResize = () => updateIndicator();\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, [enabled, updateIndicator]);\n\n  // Recalculate when container becomes visible (0 -> non-zero width)\n  useEffect(() => {\n    if (!enabled) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    let prevWidth = container.getBoundingClientRect().width;\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const newWidth = entry.contentRect.width;\n\n      if (prevWidth === 0 && newWidth > 0) {\n        updateIndicator();\n      }\n\n      prevWidth = newWidth;\n    });\n\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [enabled, updateIndicator]);\n\n  return enabled ? style : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuCA,SAAgB,gBACd,cACA,aACA,SACA,YACuB;CACvB,MAAM,CAAC,OAAO,YAAY,SAAgC,KAAK;CAC/D,MAAM,YAAY,OAA4B,KAAK;CAEnD,MAAM,kBAAkB,kBAAkB;AACxC,MAAI,CAAC,WAAW,CAAC,aAAa,WAAW,eAAe,MAAM;AAC5D,YAAS,KAAK;AACd;;EAIF,MAAM,cAAc,aAAa,QAAQ,cACvC,2BACD;AAED,MAAI,CAAC,aAAa;AAChB,YAAS,KAAK;AACd;;EAGF,MAAM,gBAAgB,aAAa,QAAQ,uBAAuB;EAClE,MAAM,UAAU,YAAY,uBAAuB;AAGnD,MAAI,QAAQ,QAAQ,EAClB,UAAS;GACP,MACE,QAAQ,OAAO,cAAc,OAAO,aAAa,QAAQ;GAC3D,OAAO,QAAQ;GAChB,CAAC;IAEH;EAAC;EAAc;EAAa;EAAS;EAAW,CAAC;AAGpD,uBAAsB;AAEpB,MAAI,UAAU,QACZ,WAAU,SAAS;AAIrB,YAAU,UAAU,eAAe;AACjC,oBAAiB;KAChB,EAAE;AAEL,eAAa;AACX,OAAI,UAAU,QACZ,WAAU,SAAS;;IAGtB,CAAC,gBAAgB,CAAC;AAGrB,iBAAgB;AACd,MAAI,CAAC,QAAS;EAEd,MAAM,qBAAqB,iBAAiB;AAE5C,SAAO,iBAAiB,UAAU,aAAa;AAE/C,eAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,CAAC,SAAS,gBAAgB,CAAC;AAG9B,iBAAgB;AACd,MAAI,CAAC,QAAS;EAEd,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,IAAI,YAAY,UAAU,uBAAuB,CAAC;EAElD,MAAM,WAAW,IAAI,gBAAgB,YAAY;GAC/C,MAAM,QAAQ,QAAQ;AACtB,OAAI,CAAC,MAAO;GAEZ,MAAM,WAAW,MAAM,YAAY;AAEnC,OAAI,cAAc,KAAK,WAAW,EAChC,kBAAiB;AAGnB,eAAY;IACZ;AAEF,WAAS,QAAQ,UAAU;AAE3B,eAAa,SAAS,YAAY;IACjC,CAAC,SAAS,gBAAgB,CAAC;AAE9B,QAAO,UAAU,QAAQ"}
+{"version":3,"file":"use-tab-indicator.js","names":[],"sources":["../../../../src/components/navigation/Tabs/use-tab-indicator.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { chainRaf } from '../../../utils/raf';\n\nimport type { Key } from '@react-types/shared';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/**\n * Axis-agnostic indicator geometry.\n * For horizontal orientation: `start` is `left`, `size` is `width`.\n * For vertical   orientation: `start` is `top`,  `size` is `height`.\n */\nexport interface IndicatorStyle {\n  start: number;\n  size: number;\n}\n\nexport type IndicatorOrientation = 'horizontal' | 'vertical';\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Hook to track and animate tab indicator position.\n *\n * Calculates the start position and size of the selection indicator\n * along the orientation axis. Returns null if disabled (e.g., for\n * non-default/narrow tab types).\n *\n * @param containerRef - Ref to the tab container element\n * @param selectedKey - Currently selected tab key\n * @param enabled - Whether the indicator should be shown\n * @param orientation - Axis along which the indicator moves\n * @param orderToken - Optional token that changes when tab order changes (triggers recalculation)\n * @returns Indicator style (`start`, `size`) or null if disabled/not ready\n */\nexport function useTabIndicator(\n  containerRef: RefObject<HTMLElement | null>,\n  selectedKey: Key | null,\n  enabled: boolean,\n  orientation: IndicatorOrientation = 'horizontal',\n  orderToken?: string,\n): IndicatorStyle | null {\n  const [style, setStyle] = useState<IndicatorStyle | null>(null);\n  const cancelRef = useRef<(() => void) | null>(null);\n\n  const updateIndicator = useCallback(() => {\n    if (!enabled || !containerRef.current || selectedKey == null) {\n      setStyle(null);\n      return;\n    }\n\n    // Find the selected tab button within the container\n    const selectedTab = containerRef.current.querySelector(\n      '[aria-selected=\"true\"]',\n    ) as HTMLElement | null;\n\n    if (!selectedTab) {\n      setStyle(null);\n      return;\n    }\n\n    const containerRect = containerRef.current.getBoundingClientRect();\n    const tabRect = selectedTab.getBoundingClientRect();\n\n    if (orientation === 'vertical') {\n      // Only update if dimensions are valid (element has been painted)\n      if (tabRect.height > 0) {\n        setStyle({\n          start:\n            tabRect.top - containerRect.top + containerRef.current.scrollTop,\n          size: tabRect.height,\n        });\n      }\n    } else {\n      if (tabRect.width > 0) {\n        setStyle({\n          start:\n            tabRect.left - containerRect.left + containerRef.current.scrollLeft,\n          size: tabRect.width,\n        });\n      }\n    }\n  }, [containerRef, selectedKey, enabled, orientation, orderToken]);\n\n  // Update on selectedKey change - use chainRaf to ensure DOM is fully painted\n  useLayoutEffect(() => {\n    // Cancel any pending RAF chain\n    if (cancelRef.current) {\n      cancelRef.current();\n    }\n\n    // Schedule update after 2 frames to ensure layout is complete\n    cancelRef.current = chainRaf(() => {\n      updateIndicator();\n    }, 2);\n\n    return () => {\n      if (cancelRef.current) {\n        cancelRef.current();\n      }\n    };\n  }, [updateIndicator]);\n\n  // Update on window resize\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleResize = () => updateIndicator();\n\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, [enabled, updateIndicator]);\n\n  // Recalculate when container becomes visible (0 -> non-zero size along the axis)\n  useEffect(() => {\n    if (!enabled) return;\n\n    const container = containerRef.current;\n    if (!container) return;\n\n    const getAxisSize = (rect: { width: number; height: number }) =>\n      orientation === 'vertical' ? rect.height : rect.width;\n\n    let prevSize = getAxisSize(container.getBoundingClientRect());\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      const newSize = getAxisSize(entry.contentRect);\n\n      if (prevSize === 0 && newSize > 0) {\n        updateIndicator();\n      }\n\n      prevSize = newSize;\n    });\n\n    observer.observe(container);\n\n    return () => observer.disconnect();\n  }, [enabled, orientation, updateIndicator]);\n\n  return enabled ? style : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,gBACd,cACA,aACA,SACA,cAAoC,cACpC,YACuB;CACvB,MAAM,CAAC,OAAO,YAAY,SAAgC,KAAK;CAC/D,MAAM,YAAY,OAA4B,KAAK;CAEnD,MAAM,kBAAkB,kBAAkB;AACxC,MAAI,CAAC,WAAW,CAAC,aAAa,WAAW,eAAe,MAAM;AAC5D,YAAS,KAAK;AACd;;EAIF,MAAM,cAAc,aAAa,QAAQ,cACvC,2BACD;AAED,MAAI,CAAC,aAAa;AAChB,YAAS,KAAK;AACd;;EAGF,MAAM,gBAAgB,aAAa,QAAQ,uBAAuB;EAClE,MAAM,UAAU,YAAY,uBAAuB;AAEnD,MAAI,gBAAgB,YAElB;OAAI,QAAQ,SAAS,EACnB,UAAS;IACP,OACE,QAAQ,MAAM,cAAc,MAAM,aAAa,QAAQ;IACzD,MAAM,QAAQ;IACf,CAAC;aAGA,QAAQ,QAAQ,EAClB,UAAS;GACP,OACE,QAAQ,OAAO,cAAc,OAAO,aAAa,QAAQ;GAC3D,MAAM,QAAQ;GACf,CAAC;IAGL;EAAC;EAAc;EAAa;EAAS;EAAa;EAAW,CAAC;AAGjE,uBAAsB;AAEpB,MAAI,UAAU,QACZ,WAAU,SAAS;AAIrB,YAAU,UAAU,eAAe;AACjC,oBAAiB;KAChB,EAAE;AAEL,eAAa;AACX,OAAI,UAAU,QACZ,WAAU,SAAS;;IAGtB,CAAC,gBAAgB,CAAC;AAGrB,iBAAgB;AACd,MAAI,CAAC,QAAS;EAEd,MAAM,qBAAqB,iBAAiB;AAE5C,SAAO,iBAAiB,UAAU,aAAa;AAE/C,eAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,CAAC,SAAS,gBAAgB,CAAC;AAG9B,iBAAgB;AACd,MAAI,CAAC,QAAS;EAEd,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,MAAM,eAAe,SACnB,gBAAgB,aAAa,KAAK,SAAS,KAAK;EAElD,IAAI,WAAW,YAAY,UAAU,uBAAuB,CAAC;EAE7D,MAAM,WAAW,IAAI,gBAAgB,YAAY;GAC/C,MAAM,QAAQ,QAAQ;AACtB,OAAI,CAAC,MAAO;GAEZ,MAAM,UAAU,YAAY,MAAM,YAAY;AAE9C,OAAI,aAAa,KAAK,UAAU,EAC9B,kBAAiB;AAGnB,cAAW;IACX;AAEF,WAAS,QAAQ,UAAU;AAE3B,eAAa,SAAS,YAAY;IACjC;EAAC;EAAS;EAAa;EAAgB,CAAC;AAE3C,QAAO,UAAU,QAAQ"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { _Modal } from "../Modal/Modal.js";
 import { _Tray } from "../Modal/Tray.js";

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

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

package/dist/components/overlays/Dialog/use-dialog-container.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DialogContainer } from "./DialogContainer.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";
@@ -82,10 +82,16 @@ function DraggableCollection({ state, listRef, orderedKeys, orientation, onReord
 		onReorder: handleReorder
 	});
 	const { collectionProps } = useDroppableCollection({
-		keyboardDelegate: useMemo(() => new ListKeyboardDelegate(state.collection, state.disabledKeys, listRef), [
+		keyboardDelegate: useMemo(() => new ListKeyboardDelegate({
+			collection: state.collection,
+			disabledKeys: state.disabledKeys,
+			ref: listRef,
+			orientation
+		}), [
 			state.collection,
 			state.disabledKeys,
-			listRef
+			listRef,
+			orientation
 		]),
 		dropTargetDelegate: useMemo(() => new ListDropTargetDelegate(state.collection, listRef, { orientation }), [
 			state.collection,

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableCollection.js","names":[],"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  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\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 * 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: Record<string, any>,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    preview: null,\n    isDisabled: false,\n    startDrag: () => {},\n    endDrag: () => {},\n  } as DraggableCollectionState;\n}\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  // 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: 'cancel',\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 children(\n    dragState,\n    dropState,\n    mergeProps(collectionProps, { onKeyDownCapture: handleKeyDownCapture }),\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DraggableCollection.js","names":[],"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  DroppableCollectionReorderEvent,\n  ListDropTargetDelegate,\n  ListKeyboardDelegate,\n  mergeProps,\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 * 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: Record<string, any>,\n): DraggableCollectionState {\n  return {\n    collection,\n    selectionManager,\n    isDragging: () => false,\n    getKeysForDrag: () => new Set<Key>(),\n    draggedKey: null,\n    draggingKeys: new Set<Key>(),\n    getAllowedDropOperations: () => [],\n    preview: null,\n    isDisabled: false,\n    startDrag: () => {},\n    endDrag: () => {},\n  } as DraggableCollectionState;\n}\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({\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: handleReorder,\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: 'cancel',\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 children(\n    dragState,\n    dropState,\n    mergeProps(collectionProps, { onKeyDownCapture: handleKeyDownCapture }),\n  );\n}\n"],"mappings":";;;;;;;AA6BA,MAAM,iCAAkD,CAAC,OAAO;;;;;AAMhE,SAAgB,oBACd,YACA,kBAC0B;AAC1B,QAAO;EACL;EACA;EACA,kBAAkB;EAClB,sCAAsB,IAAI,KAAU;EACpC,YAAY;EACZ,8BAAc,IAAI,KAAU;EAC5B,gCAAgC,EAAE;EAClC,SAAS;EACT,YAAY;EACZ,iBAAiB;EACjB,eAAe;EAChB;;;;;;;;;AAoCH,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;CASD,MAAM,uBAAuB,cAEzB,IAAI,MAAM,MAAM,kBAAkB,EAChC,IAAI,QAAQ,MAAM;AAChB,MAAI,SAAS,eAAgB,wBAAO,IAAI,KAAU;AAClD,MAAI,SAAS,aAAc,cAAa;EACxC,MAAM,QAAQ,QAAQ,IAAI,QAAQ,KAAK;AACvC,SAAO,OAAO,UAAU,aAAa,MAAM,KAAK,OAAO,GAAG;IAE7D,CAAC,EACJ,CAAC,MAAM,iBAAiB,CACzB;CAED,MAAM,YAAY,4BAA4B;EAC5C,YAAY,MAAM;EAClB,kBAAkB;EAClB;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;CAqBF,MAAM,EAAE,oBAAoB,uBAC1B;EACE,kBArBqB,cAErB,IAAI,qBAAqB;GACvB,YAAY,MAAM;GAClB,cAAc,MAAM;GACpB,KAAK;GACL;GACD,CAAC,EACJ;GAAC,MAAM;GAAY,MAAM;GAAc;GAAS;GAAY,CAC7D;EAaG,oBAXuB,cAEvB,IAAI,uBAAuB,MAAM,YAAY,SAAS,EACpD,aACD,CAAC,EACJ;GAAC,MAAM;GAAY;GAAS;GAAY,CACzC;EAMG,WAAW;EACZ,EACD,WACA,QACD;CAKD,MAAM,eAAe,UAAU,aAAa,OAAO;CACnD,MAAM,aAAa,OAAO,UAAU,QAAQ;AAC5C,YAAW,UAAU,UAAU;AAE/B,iBAAgB;AACd,MAAI,CAAC,aAAc;EAEnB,MAAM,gBAAgB,MAAgC;AACpD,OAAI,EAAE,QAAQ,SACZ,YAAW,QAAQ;IACjB,MAAM;IACN,GAAG;IACH,GAAG;IACH,eAAe;IACf,YAAY;IACb,CAAC;;AAIN,WAAS,iBAAiB,WAAW,cAAc,KAAK;AAExD,eAAa,SAAS,oBAAoB,WAAW,cAAc,KAAK;IACvE,CAAC,aAAa,CAAC;AA8ClB,QAAO,SACL,WACA,WACA,WAAW,iBAAiB,EAAE,kBA3CH,UAAU,MAAqB;AAC1D,MAAI,CAAC,EAAE,UAAU,CAAC,UAAW;EAE7B,MAAM,SAAS,EAAE;AAEjB,MACE,kBAAkB,oBAClB,kBAAkB,uBAClB,OAAO,kBAEP;EAGF,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,EAKsE,CAAC,CACxE"}

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | 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.139.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.140.1 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";