@cube-dev/ui-kit 0.193.1 → 0.194.0

package/dist/components/overlays/Modal/modal-containment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-containment.js","names":["createContext","useContext","useLayoutEffect","useRef","useState","ariaHideOutside","ModalContainment","keep","element","Element","OwnModalContainment","setElement","setActive","isActive","OpenModal","modal","hide","above","ModalContainmentContext","ModalContainmentProvider","Provider","openModals","hideBehindOpenModals","forEach","open","index","slice","createModalContainment","layers","Map","shown","Set","release","modals","flatMap","next","keys","undefined","set","get","has","count","delete","push","splice","indexOf","useModalContainment","isModal","isOpen","$","_c","parent","containment","layerRef","useModalLayerRef","t0","t1","t2","ref","t3","t4","current"],"sources":["../../../../src/components/overlays/Modal/modal-containment.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n// React Aria's own modal overlays hide the page with this; the public barrel\n// does not export it. Sharing React Aria's copy shares its reference counts and\n// observer stack, so this and React Aria's own calls nest correctly.\nimport { ariaHideOutside } from 'react-aria/private/overlays/ariaHideOutside';\n\n/**\n * While a modal overlay is open, everything outside it is `aria-hidden`, so a\n * screen reader's reading cursor cannot wander onto the page behind it.\n *\n * The lists, menus, popovers and dialogs opened from inside a modal render in\n * portals outside its element, and must stay readable. Each one registers its\n * root with the nearest modal through `useModalLayerRef`. `aria-modal` can't\n * do this: it hides everything outside the dialog element, those lists too.\n */\ninterface ModalContainment {\n  /** Keeps `element` readable while the modal is open. Returns a release. */\n  keep(element: Element): () => void;\n}\n\ninterface OwnModalContainment extends ModalContainment {\n  /** The modal's own element, from its ref. */\n  setElement(element: Element | null): void;\n  setActive(isActive: boolean): void;\n}\n\ninterface OpenModal {\n  modal: Element | null;\n  /** Hides everything but the modal, its layers and the modals `above` it. */\n  hide(above: OpenModal[]): void;\n}\n\nconst ModalContainmentContext = createContext<ModalContainment | null>(null);\n\nexport const ModalContainmentProvider = ModalContainmentContext.Provider;\n\n/**\n * The open modals, in the order they opened. A modal opened while another is\n * open, or in the same commit, need not be one of its layers — a dialog opened\n * through `useDialogContainer` or the alert dialog API is not — so each one\n * keeps the modals above it readable, and they hide it in turn.\n */\nconst openModals: OpenModal[] = [];\n\n/**\n * Hides anew for every open modal, lowest first, so the top one hides the\n * others and its observer is the one left watching.\n */\nfunction hideBehindOpenModals() {\n  openModals.forEach((open, index) => open.hide(openModals.slice(index + 1)));\n}\n\nfunction createModalContainment(): OwnModalContainment {\n  const layers = new Map<Element, number>();\n  let isActive = false;\n  let shown = new Set<Element>();\n  let release: (() => void) | undefined;\n\n  const open: OpenModal = {\n    modal: null,\n    hide(above) {\n      // Hide anew before releasing the previous call, so nothing behind the\n      // modal is shown in between. The new call also takes over the old one's\n      // observer, dropping what it had not yet hidden, and the release reveals\n      // any layer or modal the old call had already hidden.\n      const modals = [open, ...above].flatMap(({ modal }) =>\n        modal ? [modal] : [],\n      );\n      const next = open.modal\n        ? ariaHideOutside([...modals, ...layers.keys()])\n        : undefined;\n\n      release?.();\n      release = next;\n      shown = new Set(next ? layers.keys() : []);\n    },\n  };\n\n  return {\n    keep(element) {\n      layers.set(element, (layers.get(element) ?? 0) + 1);\n\n      if (release && !shown.has(element)) hideBehindOpenModals();\n\n      return () => {\n        const count = (layers.get(element) ?? 1) - 1;\n\n        // A released layer is leaving the page, or is being kept again at\n        // once by a new ref; either way nothing needs hiding right now.\n        if (count) layers.set(element, count);\n        else layers.delete(element);\n      };\n    },\n    setElement(element) {\n      // The element moves when its portal does: a dialog open from the first\n      // render is portaled before `<Root>` is ready, then again into it. A\n      // detached element is replaced in the same commit, or the modal is\n      // unmounting and `setActive(false)` lets go.\n      if (!element || element === open.modal) return;\n\n      open.modal = element;\n\n      if (isActive) hideBehindOpenModals();\n    },\n    setActive(next) {\n      if (next === isActive) return;\n\n      isActive = next;\n\n      if (next) {\n        openModals.push(open);\n      } else {\n        openModals.splice(openModals.indexOf(open), 1);\n        release?.();\n        release = undefined;\n        shown = new Set();\n      }\n\n      hideBehindOpenModals();\n    },\n  };\n}\n\n/**\n * For a modal overlay. While `isModal && isOpen`, hides the page outside the\n * element given `ref` and outside the layers opened from it. Returns that ref,\n * and the containment to provide to the overlay's content: its own, or the\n * enclosing one for an overlay that is not modal, so the layers opened from it\n * still register with a modal around it. The overlay itself is a layer of the\n * enclosing modal either way.\n */\nexport function useModalContainment(isModal: boolean, isOpen: boolean) {\n  const parent = useContext(ModalContainmentContext);\n  const [containment] = useState(createModalContainment);\n  const layerRef = useModalLayerRef();\n  const isActive = isModal && isOpen;\n\n  // A layout effect, so the page is hidden in the commit that inserts the\n  // overlay. A modal already open hides what is inserted after it once its\n  // observer runs, and a passive effect here could come too late: a modal\n  // hidden that way stays hidden.\n  useLayoutEffect(() => {\n    if (!isActive) return;\n\n    containment.setActive(true);\n\n    return () => containment.setActive(false);\n  }, [containment, isActive]);\n\n  const ref = (element: Element | null) => {\n    layerRef(element);\n    containment.setElement(element);\n  };\n\n  return { containment: isModal ? containment : parent, ref };\n}\n\n/**\n * A ref for the root of an overlay that renders in a portal: opened from inside\n * a modal, it stays readable while the modal hides the page.\n */\nexport function useModalLayerRef() {\n  const containment = useContext(ModalContainmentContext);\n  const release = useRef<(() => void) | undefined>(undefined);\n\n  return (element: Element | null) => {\n    release.current?.();\n    release.current = element ? containment?.keep(element) : undefined;\n  };\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useNotificationContext } from "./NotificationContext.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,9 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
+import { useI18n } from "../../../i18n/useI18n.js";
 import { Space } from "../../layout/Space.js";
 import { _Item } from "../../content/Item/Item.js";
-import { useI18n } from "../../../i18n/useI18n.js";
 import { getThemeIcon } from "../Toast/useToast.js";
 import { Flex } from "../../layout/Flex.js";
 import { NotificationAction, NotificationDismissProvider } from "./NotificationAction.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useViewportSize } from "../../../utils/react/useViewportSize.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { c } from "react/compiler-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cleanupAndGetValidIds, saveDismissedId } from "./dismissed-storage.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";
 import { useToastContext } from "../Notifications/NotificationContext.js";

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

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
+import { useModalLayerRef } from "../Modal/modal-containment.js";
 import { TooltipContext } from "./context.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
@@ -108,17 +109,19 @@ const TooltipTipElement = tasty({ styles: {
 	transition: "theme"
 } });
 function Tooltip(props, ref) {
-	const $ = c(30);
+	const $ = c(31);
 	let { ref: overlayRef, transitionRef, arrowProps, state, overlayProps, minOffset, minScale, isMaterial: isMaterialContext, isLight: isLightContext, phase, isShown, updatePosition, ...tooltipProviderProps } = useContext(TooltipContext);
 	const defaultRef = useRef(null);
+	const layerRef = useModalLayerRef();
 	const t0 = overlayRef ?? defaultRef;
 	let t1;
-	if ($[0] !== t0 || $[1] !== transitionRef) {
-		t1 = mergeRefs(transitionRef, t0);
-		$[0] = t0;
-		$[1] = transitionRef;
-		$[2] = t1;
-	} else t1 = $[2];
+	if ($[0] !== layerRef || $[1] !== t0 || $[2] !== transitionRef) {
+		t1 = mergeRefs(transitionRef, t0, layerRef);
+		$[0] = layerRef;
+		$[1] = t0;
+		$[2] = transitionRef;
+		$[3] = t1;
+	} else t1 = $[3];
 	const combinedRef = t1;
 	const finalOverlayRef = overlayRef ?? defaultRef;
 	props = mergeProps$1(props, tooltipProviderProps);
@@ -129,59 +132,59 @@ function Tooltip(props, ref) {
 	const styles = extractStyles(otherProps, CONTAINER_STYLES);
 	const { tooltipProps } = useTooltip(props, state);
 	let t5;
-	if ($[3] !== finalOverlayRef) {
+	if ($[4] !== finalOverlayRef) {
 		t5 = () => createDOMRef(finalOverlayRef);
-		$[3] = finalOverlayRef;
-		$[4] = t5;
-	} else t5 = $[4];
+		$[4] = finalOverlayRef;
+		$[5] = t5;
+	} else t5 = $[5];
 	useImperativeHandle(ref, t5);
 	if (typeof minOffset === "number") minOffset = `${minOffset}px`;
 	if (typeof minScale === "number") minScale = String(minScale);
 	const placementDirection = placement?.split(" ")[0] || placement || "top";
 	const t6 = isShown ?? isOpen;
 	let t7;
-	if ($[5] !== isLight || $[6] !== isMaterial || $[7] !== t6) {
+	if ($[6] !== isLight || $[7] !== isMaterial || $[8] !== t6) {
 		t7 = {
 			material: isMaterial,
 			light: isLight,
 			open: t6
 		};
-		$[5] = isLight;
-		$[6] = isMaterial;
-		$[7] = t6;
-		$[8] = t7;
-	} else t7 = $[8];
+		$[6] = isLight;
+		$[7] = isMaterial;
+		$[8] = t6;
+		$[9] = t7;
+	} else t7 = $[9];
 	const mods = t7;
 	let t8;
-	if ($[9] !== updatePosition) {
+	if ($[10] !== updatePosition) {
 		t8 = () => {
 			updatePosition?.();
 		};
-		$[9] = updatePosition;
-		$[10] = t8;
-	} else t8 = $[10];
+		$[10] = updatePosition;
+		$[11] = t8;
+	} else t8 = $[11];
 	let t9;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
 		t9 = [];
-		$[11] = t9;
-	} else t9 = $[11];
+		$[12] = t9;
+	} else t9 = $[12];
 	useLayoutEffect$1(t8, t9);
 	let t10;
-	if ($[12] !== arrowProps || $[13] !== mods || $[14] !== placementDirection || $[15] !== tipStyles) {
+	if ($[13] !== arrowProps || $[14] !== mods || $[15] !== placementDirection || $[16] !== tipStyles) {
 		t10 = /* @__PURE__ */ jsx(TooltipTipElement, {
 			"data-placement": placementDirection,
 			styles: tipStyles,
 			mods,
 			...arrowProps
 		});
-		$[12] = arrowProps;
-		$[13] = mods;
-		$[14] = placementDirection;
-		$[15] = tipStyles;
-		$[16] = t10;
-	} else t10 = $[16];
+		$[13] = arrowProps;
+		$[14] = mods;
+		$[15] = placementDirection;
+		$[16] = tipStyles;
+		$[17] = t10;
+	} else t10 = $[17];
 	let t11;
-	if ($[17] !== combinedRef || $[18] !== minOffset || $[19] !== minScale || $[20] !== mods || $[21] !== otherProps.qa || $[22] !== overlayProps || $[23] !== phase || $[24] !== placementDirection || $[25] !== props.children || $[26] !== styles || $[27] !== t10 || $[28] !== tooltipProps) {
+	if ($[18] !== combinedRef || $[19] !== minOffset || $[20] !== minScale || $[21] !== mods || $[22] !== otherProps.qa || $[23] !== overlayProps || $[24] !== phase || $[25] !== placementDirection || $[26] !== props.children || $[27] !== styles || $[28] !== t10 || $[29] !== tooltipProps) {
 		t11 = /* @__PURE__ */ jsxs(TooltipElement, {
 			...tooltipProps,
 			...overlayProps,
@@ -195,20 +198,20 @@ function Tooltip(props, ref) {
 			"data-phase": phase,
 			children: [props.children, t10]
 		});
-		$[17] = combinedRef;
-		$[18] = minOffset;
-		$[19] = minScale;
-		$[20] = mods;
-		$[21] = otherProps.qa;
-		$[22] = overlayProps;
-		$[23] = phase;
-		$[24] = placementDirection;
-		$[25] = props.children;
-		$[26] = styles;
-		$[27] = t10;
-		$[28] = tooltipProps;
-		$[29] = t11;
-	} else t11 = $[29];
+		$[18] = combinedRef;
+		$[19] = minOffset;
+		$[20] = minScale;
+		$[21] = mods;
+		$[22] = otherProps.qa;
+		$[23] = overlayProps;
+		$[24] = phase;
+		$[25] = placementDirection;
+		$[26] = props.children;
+		$[27] = styles;
+		$[28] = t10;
+		$[29] = tooltipProps;
+		$[30] = t11;
+	} else t11 = $[30];
 	return t11;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","minOffset","minScale","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","String","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n    // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n    // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n    // + `#white` design.\n    //\n    // The `light` variant uses the adaptive surface tokens (`#surface` +\n    // `#surface-text-soft`) so it follows the page scheme. This restores the\n    // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n    // in dark mode (the previous fixed `#surface-inverse` was much darker\n    // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n    // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n    // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n    // for the fill keeps both ends of the pair adapting together).\n    fill: {\n      '': '#surface-inverse.85',\n      light: '#surface',\n    },\n    color: {\n      '': '#white',\n      light: '#surface-text-soft',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n    // so a run with no spaces — a URL, a token, an identifier, an error string —\n    // stays on one line and spills straight out of the bubble. `anywhere` breaks\n    // it at the cap instead. It inherits, so tooltip children wrap too.\n    overflowWrap: 'anywhere',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 1px #surface-text-soft.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    // A secondary line under the title — the description an auto tooltip\n    // shows when a row's label and description are both cut off. Lighter and\n    // dimmed like the row's own description, from the tooltip's own color, so\n    // it follows the `light` variant. Direct children only: a tooltip whose\n    // body is an `Item` keeps that item's description as it is.\n    Description: {\n      $: '>',\n      display: 'block',\n      preset: 't4n',\n      opacity: 0.75,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #surface-inverse.85',\n      light: '.5x solid #surface',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - 1px), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - 1px), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaTooltipProps {\n  tipStyles?: Styles;\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    minOffset,\n    minScale,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  const combinedRef = mergeRefs(transitionRef, overlayRef ?? defaultRef);\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    showIcon,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip(props, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  if (typeof minOffset === 'number') {\n    minOffset = `${minOffset}px`;\n  }\n\n  if (typeof minScale === 'number') {\n    minScale = String(minScale);\n  }\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = {\n    material: isMaterial,\n    light: isLight,\n    open: isShown ?? isOpen,\n  };\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n      // had no way to tell one control's tooltip from another's.\n      qa={otherProps.qa}\n      styles={styles}\n      mods={mods}\n      data-min-offset={minOffset}\n      data-min-scale={minScale}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["createDOMRef","DOMRefValue","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","ForwardedRef","forwardRef","useContext","useImperativeHandle","useRef","AriaTooltipProps","useTooltip","PlacementAxis","mergeProps","mergeRefs","useLayoutEffect","extractStyles","useModalLayerRef","TooltipContext","TooltipElement","styles","display","fill","light","color","width","radius","padding","preset","backdropFilter","whiteSpace","overflowWrap","pointerEvents","material","filter","transition","translate","transformOrigin","scale","opacity","Description","$","TooltipTipElement","position","height","border","borderTop","borderBottom","top","left","right","bottom","transform","CubeTooltipProps","tipStyles","showIcon","placement","isMaterial","isOpen","isLight","onOpenChange","defaultOpen","shouldFlip","Tooltip","props","ref","_c","overlayRef","transitionRef","arrowProps","state","overlayProps","minOffset","minScale","isMaterialContext","isLightContext","phase","isShown","updatePosition","tooltipProviderProps","defaultRef","layerRef","t0","t1","combinedRef","finalOverlayRef","t2","t3","t4","otherProps","undefined","tooltipProps","t5","String","placementDirection","split","t6","t7","open","mods","t8","t9","Symbol","for","t10","t11","qa","children","_Tooltip","displayName"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useModalLayerRef } from '../Modal/modal-containment';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    // The DEFAULT (dark) tooltip is intentionally scheme-invariant:\n    // `#surface-inverse.85` + `#white` keep it the \"always dark\" tooltip in\n    // light, dark, and high-contrast schemes — matching the legacy `#dark.85`\n    // + `#white` design.\n    //\n    // The `light` variant uses the adaptive surface tokens (`#surface` +\n    // `#surface-text-soft`) so it follows the page scheme. This restores the\n    // softer legacy `#dark-02` look in light mode (cr≈9.2) and stays AA-safe\n    // in dark mode (the previous fixed `#surface-inverse` was much darker\n    // than the legacy `#dark-02`, and pairing the fixed `#white` fill with\n    // the adaptive `#surface-text-soft` text — the LEGACY_ALIASES port of\n    // `#dark-02` — would collapse to cr≈1.8 in dark schemes; using `#surface`\n    // for the fill keeps both ends of the pair adapting together).\n    fill: {\n      '': '#surface-inverse.85',\n      light: '#surface',\n    },\n    color: {\n      '': '#white',\n      light: '#surface-text-soft',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    // The tooltip is width-capped (`min(36x, …)`) with `max-width: max-content`,\n    // so a run with no spaces — a URL, a token, an identifier, an error string —\n    // stays on one line and spills straight out of the bubble. `anywhere` breaks\n    // it at the cap instead. It inherits, so tooltip children wrap too.\n    overflowWrap: 'anywhere',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 1px #surface-text-soft.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    // A secondary line under the title — the description an auto tooltip\n    // shows when a row's label and description are both cut off. Lighter and\n    // dimmed like the row's own description, from the tooltip's own color, so\n    // it follows the `light` variant. Direct children only: a tooltip whose\n    // body is an `Item` keeps that item's description as it is.\n    Description: {\n      $: '>',\n      display: 'block',\n      preset: 't4n',\n      opacity: 0.75,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #surface-inverse.85',\n      light: '.5x solid #surface',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - 1px), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - 1px), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaTooltipProps {\n  tipStyles?: Styles;\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    minOffset,\n    minScale,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  // Opened inside a modal, the tooltip stays readable while the modal hides\n  // the page.\n  const layerRef = useModalLayerRef();\n  const combinedRef = mergeRefs(\n    transitionRef,\n    overlayRef ?? defaultRef,\n    layerRef,\n  );\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    showIcon,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip(props, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  if (typeof minOffset === 'number') {\n    minOffset = `${minOffset}px`;\n  }\n\n  if (typeof minScale === 'number') {\n    minScale = String(minScale);\n  }\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = {\n    material: isMaterial,\n    light: isLight,\n    open: isShown ?? isOpen,\n  };\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      // `qa` is typed through `BaseProps` but nothing forwarded it, so a test\n      // had no way to tell one control's tooltip from another's.\n      qa={otherProps.qa}\n      styles={styles}\n      mods={mods}\n      data-min-offset={minOffset}\n      data-min-scale={minScale}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";
 import { TooltipContext } from "./context.js";

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

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

package/dist/components/overlays/Tooltip/split-trigger-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 
 //#region src/components/overlays/Tooltip/split-trigger-props.ts

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { c } from "react/compiler-runtime";
 import { TastyBatchProvider } from "@tenphi/tasty";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useState } from "react";

package/dist/components/shared/DraggableCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useRef } from "react";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | 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.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { c } from "react/compiler-runtime";

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

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

package/dist/data/item-themes.js

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

package/dist/data/themes.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.193.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.194.0 | Cube Dev Team */
 //#region src/eslint-plugin/defaults.generated.ts
 const DEFAULTS = {
 	components: {
@@ -1218,7 +1218,7 @@ const DEFAULTS = {
 			},
 			shouldFocusWrap: {
 				kind: "default",
-				value: false
+				value: true
 			},
 			size: {
 				kind: "default",