@cube-dev/ui-kit 0.154.1 → 0.156.0

package/dist/components/layout/Board/use-board-selection.js

@@ -0,0 +1,113 @@
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
+import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { useI18n } from "../../../i18n/useI18n.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+
+//#region src/components/layout/Board/use-board-selection.ts
+const EMPTY_KEYS = [];
+/** Zero-width space. See `announce` below. */
+const ANNOUNCEMENT_NUDGE = "​";
+/**
+* Headless selection state for a single board.
+*
+* Deliberately shaped like `useBoardLayout`: controlled (`selectedKeys`) or
+* uncontrolled (`defaultSelectedKeys`), with a synchronous ref mirror for the
+* drag engine and a single commit path so every entry point — click, keyboard,
+* marquee, pruning — produces exactly one `onSelectionChange` and one
+* announcement.
+*/
+function useBoardSelection(options) {
+	const { selectionMode, selectedKeys: controlledKeys, defaultSelectedKeys, onSelectionChange, layout, getLabel } = options;
+	const { t } = useI18n();
+	const isControlled = controlledKeys !== void 0;
+	const isEnabled = selectionMode !== "none";
+	const [uncontrolledKeys, setUncontrolledKeys] = useState(() => defaultSelectedKeys ?? EMPTY_KEYS);
+	const orderedIds = useMemo(() => layout.map((it) => it.i), [layout]);
+	const selectedKeys = useMemo(() => {
+		if (!isEnabled) return EMPTY_KEYS;
+		const requested = new Set(controlledKeys ?? uncontrolledKeys);
+		return orderedIds.filter((id) => requested.has(id));
+	}, [
+		isEnabled,
+		controlledKeys,
+		uncontrolledKeys,
+		orderedIds
+	]);
+	const selectedKeySet = useMemo(() => new Set(selectedKeys), [selectedKeys]);
+	const selectedKeysRef = useRef(selectedKeySet);
+	selectedKeysRef.current = selectedKeySet;
+	const onSelectionChangeEvent = useEvent((next) => onSelectionChange?.(next));
+	const [announcement, setAnnouncement] = useState("");
+	const announcementParityRef = useRef(false);
+	const announce = useEvent((keys, hadSelection) => {
+		let message;
+		if (keys.length === 0) {
+			if (!hadSelection) return;
+			message = t("board.selectionCleared", "Selection cleared");
+		} else if (keys.length === 1) message = t("board.widgetSelected", "{{name}} selected", { name: getLabel(keys[0]) });
+		else message = t("board.widgetsSelected", "{{count}} widgets selected", { count: keys.length });
+		announcementParityRef.current = !announcementParityRef.current;
+		setAnnouncement(announcementParityRef.current ? message : `${message}${ANNOUNCEMENT_NUDGE}`);
+	});
+	const commit = useEvent((nextKeys) => {
+		const requested = new Set(nextKeys);
+		const next = orderedIds.filter((id) => requested.has(id));
+		const current = selectedKeysRef.current;
+		if (next.length === current.size && next.every((id) => current.has(id))) return;
+		selectedKeysRef.current = new Set(next);
+		if (!isControlled) setUncontrolledKeys(next);
+		announce(next, current.size > 0);
+		onSelectionChangeEvent(next);
+	});
+	useEffect(() => {
+		if (isControlled || !isEnabled || uncontrolledKeys.length === 0) return;
+		const live = new Set(orderedIds);
+		const pruned = uncontrolledKeys.filter((key) => live.has(key));
+		if (pruned.length !== uncontrolledKeys.length) {
+			selectedKeysRef.current = new Set(pruned);
+			setUncontrolledKeys(pruned);
+			onSelectionChangeEvent(pruned);
+		}
+	}, [
+		isControlled,
+		isEnabled,
+		uncontrolledKeys,
+		orderedIds,
+		onSelectionChangeEvent
+	]);
+	return {
+		selectedKeySet,
+		selectedKeysRef,
+		setSelection: useEvent((keys) => {
+			if (!isEnabled) return;
+			commit(selectionMode === "single" ? firstOf(keys) : keys);
+		}),
+		select: useEvent((key, additive) => {
+			if (!isEnabled) return;
+			if (selectionMode === "single") {
+				commit(additive && selectedKeysRef.current.has(key) ? [] : [key]);
+				return;
+			}
+			if (!additive) {
+				commit([key]);
+				return;
+			}
+			const next = new Set(selectedKeysRef.current);
+			if (!next.delete(key)) next.add(key);
+			commit(next);
+		}),
+		clearSelection: useEvent(() => {
+			if (!isEnabled) return;
+			commit([]);
+		}),
+		announcement
+	};
+}
+function firstOf(keys) {
+	for (const key of keys) return [key];
+	return [];
+}
+
+//#endregion
+export { useBoardSelection };
+//# sourceMappingURL=use-board-selection.js.map

package/dist/components/layout/Board/use-board-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-board-selection.js","names":[],"sources":["../../../../src/components/layout/Board/use-board-selection.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\n\nimport type { MutableRefObject } from 'react';\nimport type { LayoutItem } from './grid-core';\n\nexport type BoardSelectionMode = 'none' | 'single' | 'multiple';\n\nexport interface UseBoardSelectionOptions {\n  selectionMode: BoardSelectionMode;\n  /** Controlled selection. */\n  selectedKeys?: string[];\n  /** Initial selection for uncontrolled usage. */\n  defaultSelectedKeys?: string[];\n  onSelectionChange?: (keys: string[]) => void;\n  /** Live layout — supplies both the key order and the set of valid keys. */\n  layout: LayoutItem[];\n  /** Accessible name of a widget, for the single-selection announcement. */\n  getLabel: (key: string) => string;\n}\n\nexport interface UseBoardSelectionResult {\n  /** The effective selection: provided keys ∩ live layout, in layout order. */\n  selectedKeySet: ReadonlySet<string>;\n  /**\n   * Synchronously-updated mirror of `selectedKeySet`. Handlers that run before\n   * React re-renders — notably `useMove`'s `onMoveStart`, which has to decide\n   * single-drag vs. group-drag on the spot — must read this rather than the\n   * state, which would be one render stale.\n   */\n  selectedKeysRef: MutableRefObject<ReadonlySet<string>>;\n  /** Replace the selection wholesale (marquee, programmatic). */\n  setSelection: (keys: Iterable<string>) => void;\n  /**\n   * Apply a single-key gesture.\n   *\n   * `additive` (a modifier-held click, or any keyboard toggle) flips the key's\n   * membership. A plain gesture replaces the selection with just this key — it\n   * never clears, because a widget is a large surface the user also clicks to\n   * work with, and having the second click silently deselect reads as a bug.\n   * Deselecting is <kbd>Escape</kbd>, or an additive gesture.\n   */\n  select: (key: string, additive: boolean) => void;\n  clearSelection: () => void;\n  /** Live-region text. Only changes when the selection commits. */\n  announcement: string;\n}\n\nconst EMPTY_KEYS: readonly string[] = [];\n\n/** Zero-width space. See `announce` below. */\nconst ANNOUNCEMENT_NUDGE = '\\u200B';\n\n/**\n * Headless selection state for a single board.\n *\n * Deliberately shaped like `useBoardLayout`: controlled (`selectedKeys`) or\n * uncontrolled (`defaultSelectedKeys`), with a synchronous ref mirror for the\n * drag engine and a single commit path so every entry point — click, keyboard,\n * marquee, pruning — produces exactly one `onSelectionChange` and one\n * announcement.\n */\nexport function useBoardSelection(\n  options: UseBoardSelectionOptions,\n): UseBoardSelectionResult {\n  const {\n    selectionMode,\n    selectedKeys: controlledKeys,\n    defaultSelectedKeys,\n    onSelectionChange,\n    layout,\n    getLabel,\n  } = options;\n\n  const { t } = useI18n();\n  const isControlled = controlledKeys !== undefined;\n  const isEnabled = selectionMode !== 'none';\n\n  const [uncontrolledKeys, setUncontrolledKeys] = useState<readonly string[]>(\n    () => defaultSelectedKeys ?? EMPTY_KEYS,\n  );\n\n  // Layout order, not click order: a marquee has no meaningful click order, and\n  // a stable order makes group operations reproducible for consumers.\n  const orderedIds = useMemo(() => layout.map((it) => it.i), [layout]);\n\n  const selectedKeys = useMemo(() => {\n    if (!isEnabled) {\n      return EMPTY_KEYS as string[];\n    }\n\n    const requested = new Set(controlledKeys ?? uncontrolledKeys);\n\n    // Intersecting with the live layout on every render is what makes a stale\n    // key harmless: it simply highlights nothing. No effect, no flash, and no\n    // need for the consumer to clean up after removing a widget.\n    return orderedIds.filter((id) => requested.has(id));\n  }, [isEnabled, controlledKeys, uncontrolledKeys, orderedIds]);\n\n  const selectedKeySet = useMemo(() => new Set(selectedKeys), [selectedKeys]);\n\n  const selectedKeysRef = useRef<ReadonlySet<string>>(selectedKeySet);\n  selectedKeysRef.current = selectedKeySet;\n\n  const onSelectionChangeEvent = useEvent((next: string[]) =>\n    onSelectionChange?.(next),\n  );\n\n  // ---- Announcements --------------------------------------------------------\n\n  const [announcement, setAnnouncement] = useState('');\n  // Screen readers skip a live-region update whose text is identical to the\n  // previous one, which would silently drop the very common select → deselect →\n  // reselect sequence. Alternating an invisible suffix keeps every update\n  // distinct without changing what is spoken.\n  const announcementParityRef = useRef(false);\n\n  const announce = useEvent((keys: string[], hadSelection: boolean) => {\n    let message: string;\n\n    if (keys.length === 0) {\n      if (!hadSelection) {\n        return;\n      }\n      message = t('board.selectionCleared', 'Selection cleared');\n    } else if (keys.length === 1) {\n      message = t('board.widgetSelected', '{{name}} selected', {\n        name: getLabel(keys[0]!),\n      });\n    } else {\n      message = t('board.widgetsSelected', '{{count}} widgets selected', {\n        count: keys.length,\n      });\n    }\n\n    announcementParityRef.current = !announcementParityRef.current;\n    setAnnouncement(\n      announcementParityRef.current\n        ? message\n        : `${message}${ANNOUNCEMENT_NUDGE}`,\n    );\n  });\n\n  // ---- Commit ---------------------------------------------------------------\n\n  const commit = useEvent((nextKeys: Iterable<string>) => {\n    const requested = new Set(nextKeys);\n    const next = orderedIds.filter((id) => requested.has(id));\n    const current = selectedKeysRef.current;\n\n    if (next.length === current.size && next.every((id) => current.has(id))) {\n      return;\n    }\n\n    // Keep the ref in step *before* the state lands, so a gesture that reads it\n    // later in the same tick sees the new selection.\n    selectedKeysRef.current = new Set(next);\n\n    if (!isControlled) {\n      setUncontrolledKeys(next);\n    }\n\n    announce(next, current.size > 0);\n    onSelectionChangeEvent(next);\n  });\n\n  // ---- Pruning --------------------------------------------------------------\n\n  // Uncontrolled state is the only copy of the selection, so a removed widget\n  // has to be dropped from it and the change reported. In controlled mode the\n  // consumer removed the widget and owns its own state — emitting here would\n  // fight the controlled contract and can loop.\n  useEffect(() => {\n    if (isControlled || !isEnabled || uncontrolledKeys.length === 0) {\n      return;\n    }\n\n    const live = new Set(orderedIds);\n    const pruned = uncontrolledKeys.filter((key) => live.has(key));\n\n    if (pruned.length !== uncontrolledKeys.length) {\n      selectedKeysRef.current = new Set(pruned);\n      setUncontrolledKeys(pruned);\n      onSelectionChangeEvent(pruned);\n    }\n  }, [\n    isControlled,\n    isEnabled,\n    uncontrolledKeys,\n    orderedIds,\n    onSelectionChangeEvent,\n  ]);\n\n  // ---- Gestures -------------------------------------------------------------\n\n  const setSelection = useEvent((keys: Iterable<string>) => {\n    if (!isEnabled) {\n      return;\n    }\n    commit(selectionMode === 'single' ? firstOf(keys) : keys);\n  });\n\n  const select = useEvent((key: string, additive: boolean) => {\n    if (!isEnabled) {\n      return;\n    }\n\n    if (selectionMode === 'single') {\n      // A modifier can still toggle the one selected widget off; a plain\n      // gesture always lands on the widget the user aimed at.\n      commit(additive && selectedKeysRef.current.has(key) ? [] : [key]);\n\n      return;\n    }\n\n    if (!additive) {\n      commit([key]);\n\n      return;\n    }\n\n    const next = new Set(selectedKeysRef.current);\n    if (!next.delete(key)) {\n      next.add(key);\n    }\n    commit(next);\n  });\n\n  const clearSelection = useEvent(() => {\n    if (!isEnabled) {\n      return;\n    }\n    commit([]);\n  });\n\n  return {\n    selectedKeySet,\n    selectedKeysRef,\n    setSelection,\n    select,\n    clearSelection,\n    announcement,\n  };\n}\n\nfunction firstOf(keys: Iterable<string>): string[] {\n  for (const key of keys) {\n    return [key];\n  }\n\n  return [];\n}\n"],"mappings":";;;;;;AAkDA,MAAM,aAAgC,EAAE;;AAGxC,MAAM,qBAAqB;;;;;;;;;;AAW3B,SAAgB,kBACd,SACyB;CACzB,MAAM,EACJ,eACA,cAAc,gBACd,qBACA,mBACA,QACA,aACE;CAEJ,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,eAAe,mBAAmB;CACxC,MAAM,YAAY,kBAAkB;CAEpC,MAAM,CAAC,kBAAkB,uBAAuB,eACxC,uBAAuB,WAC9B;CAID,MAAM,aAAa,cAAc,OAAO,KAAK,OAAO,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC;CAEpE,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,UACH,QAAO;EAGT,MAAM,YAAY,IAAI,IAAI,kBAAkB,iBAAiB;AAK7D,SAAO,WAAW,QAAQ,OAAO,UAAU,IAAI,GAAG,CAAC;IAClD;EAAC;EAAW;EAAgB;EAAkB;EAAW,CAAC;CAE7D,MAAM,iBAAiB,cAAc,IAAI,IAAI,aAAa,EAAE,CAAC,aAAa,CAAC;CAE3E,MAAM,kBAAkB,OAA4B,eAAe;AACnE,iBAAgB,UAAU;CAE1B,MAAM,yBAAyB,UAAU,SACvC,oBAAoB,KAAK,CAC1B;CAID,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG;CAKpD,MAAM,wBAAwB,OAAO,MAAM;CAE3C,MAAM,WAAW,UAAU,MAAgB,iBAA0B;EACnE,IAAI;AAEJ,MAAI,KAAK,WAAW,GAAG;AACrB,OAAI,CAAC,aACH;AAEF,aAAU,EAAE,0BAA0B,oBAAoB;aACjD,KAAK,WAAW,EACzB,WAAU,EAAE,wBAAwB,qBAAqB,EACvD,MAAM,SAAS,KAAK,GAAI,EACzB,CAAC;MAEF,WAAU,EAAE,yBAAyB,8BAA8B,EACjE,OAAO,KAAK,QACb,CAAC;AAGJ,wBAAsB,UAAU,CAAC,sBAAsB;AACvD,kBACE,sBAAsB,UAClB,UACA,GAAG,UAAU,qBAClB;GACD;CAIF,MAAM,SAAS,UAAU,aAA+B;EACtD,MAAM,YAAY,IAAI,IAAI,SAAS;EACnC,MAAM,OAAO,WAAW,QAAQ,OAAO,UAAU,IAAI,GAAG,CAAC;EACzD,MAAM,UAAU,gBAAgB;AAEhC,MAAI,KAAK,WAAW,QAAQ,QAAQ,KAAK,OAAO,OAAO,QAAQ,IAAI,GAAG,CAAC,CACrE;AAKF,kBAAgB,UAAU,IAAI,IAAI,KAAK;AAEvC,MAAI,CAAC,aACH,qBAAoB,KAAK;AAG3B,WAAS,MAAM,QAAQ,OAAO,EAAE;AAChC,yBAAuB,KAAK;GAC5B;AAQF,iBAAgB;AACd,MAAI,gBAAgB,CAAC,aAAa,iBAAiB,WAAW,EAC5D;EAGF,MAAM,OAAO,IAAI,IAAI,WAAW;EAChC,MAAM,SAAS,iBAAiB,QAAQ,QAAQ,KAAK,IAAI,IAAI,CAAC;AAE9D,MAAI,OAAO,WAAW,iBAAiB,QAAQ;AAC7C,mBAAgB,UAAU,IAAI,IAAI,OAAO;AACzC,uBAAoB,OAAO;AAC3B,0BAAuB,OAAO;;IAE/B;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;AA4CF,QAAO;EACL;EACA;EACA,cA3CmB,UAAU,SAA2B;AACxD,OAAI,CAAC,UACH;AAEF,UAAO,kBAAkB,WAAW,QAAQ,KAAK,GAAG,KAAK;IACzD;EAuCA,QArCa,UAAU,KAAa,aAAsB;AAC1D,OAAI,CAAC,UACH;AAGF,OAAI,kBAAkB,UAAU;AAG9B,WAAO,YAAY,gBAAgB,QAAQ,IAAI,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC;AAEjE;;AAGF,OAAI,CAAC,UAAU;AACb,WAAO,CAAC,IAAI,CAAC;AAEb;;GAGF,MAAM,OAAO,IAAI,IAAI,gBAAgB,QAAQ;AAC7C,OAAI,CAAC,KAAK,OAAO,IAAI,CACnB,MAAK,IAAI,IAAI;AAEf,UAAO,KAAK;IACZ;EAcA,gBAZqB,eAAe;AACpC,OAAI,CAAC,UACH;AAEF,UAAO,EAAE,CAAC;IACV;EAQA;EACD;;AAGH,SAAS,QAAQ,MAAkC;AACjD,MAAK,MAAM,OAAO,KAChB,QAAO,CAAC,IAAI;AAGd,QAAO,EAAE"}

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";

package/dist/components/layout/ResizablePanel.js

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

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Suffix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/DraggableTabList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";

package/dist/components/navigation/Tabs/TabDropIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { useEffect, useRef, useState } from "react";

package/dist/components/navigation/Tabs/TabPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/navigation/Tabs/Tabs.js

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

package/dist/components/navigation/Tabs/TabsAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/TabsContext.js

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

package/dist/components/navigation/Tabs/popover-placement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

package/dist/components/navigation/Tabs/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/navigation/Tabs/types.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { useCallback, useState } from "react";
 
 //#region src/components/navigation/Tabs/use-tab-editing.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { tasty } from "@tenphi/tasty";

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

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

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

package/dist/components/other/CubeLogo/CubeLogo.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { mergeStyles, 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { _Title } from "../../content/Title.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ButtonGroup } from "../../actions/ButtonGroup/ButtonGroup.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Props, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { ModalProps, TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nexport const OVERLAY_WRAPPER_STYLES: Styles = {\n  position: 'fixed',\n  display: 'grid',\n  left: 0,\n  top: 0,\n  placeItems: {\n    '': 'center',\n    'type=fullscreen': 'center',\n    'type=fullscreenTakeover | type=panel': 'stretch',\n  },\n  boxSizing: 'border-box',\n  width: '100vw',\n  height: '100dvh',\n  pointerEvents: 'none',\n  zIndex: 10,\n  transition: {\n    '': 'visibility .5s steps(2, start)',\n    open: 'visibility 0s linear',\n  },\n};\n\nconst ModalWrapperElement = tasty({\n  qa: 'ModalWrapper',\n  styles: OVERLAY_WRAPPER_STYLES,\n});\n\nconst ModalElement = tasty({\n  styles: {\n    display: 'grid',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: {\n      '': 'max 90dvh',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=panel': 'auto',\n    },\n    width: {\n      '': '$min-dialog-size (100dvw - 8x)',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition: 'opacity .25s linear, transform .25s ease-in-out',\n    transform: {\n      '': 'initial',\n      'type=modal & !open': 'translate(0, -3x) scale(1, 1)',\n      '(type^=fullscreen | type=panel) & !open':\n        'translate(0, 0) scale(1.02, 1.02)',\n    },\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n  },\n});\n\nexport interface CubeModalProps\n  extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Modal(props: CubeModalProps, ref) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay({ ...props }, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      {type !== 'fullscreenTakeover' && type !== 'panel' && (\n        <Underlay {...underlayProps} />\n      )}\n      <ModalWrapper\n        ref={domRef}\n        qa={qa}\n        type={type}\n        overlayProps={overlayProps}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\ninterface ModalWrapperProps extends TransitionState {\n  children?: ReactNode;\n  qa?: BaseProps['qa'];\n  isOpen?: boolean;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  placement?: 'top' | 'bottom';\n  styles?: Styles;\n  overlayProps?: Props;\n  onClose?: () => void;\n}\n\nlet ModalWrapper = forwardRef(function ModalWrapper(\n  props: ModalWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    type,\n    placement,\n    styles,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n\n  usePreventScroll({ isDisabled: transitionState !== 'entered' });\n\n  let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });\n\n  return (\n    <ModalWrapperElement data-type={type} data-placement={placement}>\n      <ModalElement\n        qa={qa || 'Modal'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\n          entered: transitionState === 'entered',\n        }}\n        data-type={type}\n        data-placement={placement}\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n      >\n        {children}\n      </ModalElement>\n    </ModalWrapperElement>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\n\n_Modal.displayName = 'Modal';\n\nexport { _Modal as Modal };\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,yBAAiC;CAC5C,UAAU;CACV,SAAS;CACT,MAAM;CACN,KAAK;CACL,YAAY;EACV,IAAI;EACJ,mBAAmB;EACnB,wCAAwC;EACzC;CACD,WAAW;CACX,OAAO;CACP,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;EACV,IAAI;EACJ,MAAM;EACP;CACF;AAED,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,EACzB,QAAQ;CACN,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,mBAAmB;EACnB,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;CACR,QAAQ;EACN,IAAI;EACJ,wCAAwC;EACxC,mBAAmB;EACnB,cAAc;EACf;CACD,OAAO;EACL,IAAI;EACJ,cAAc;EACf;CACD,eAAe;CACf,YAAY;CACZ,WAAW;EACT,IAAI;EACJ,sBAAsB;EACtB,2CACE;EACH;CACD,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AAaF,SAAS,MAAM,OAAuB,KAAK;CACzC,IAAI,EAAE,IAAI,UAAU,SAAS,MAAM,QAAQ,GAAG,eAAe;CAC7D,IAAI,SAAS,aAAa,IAAI;CAE9B,IAAI,EAAE,cAAc,kBAAkB,WAAW,EAAE,GAAG,OAAO,EAAE,OAAO;AAEtE,QACE,qBAACA;EAAQ,GAAI;aACV,SAAS,wBAAwB,SAAS,WACzC,oBAACC,aAAS,GAAI,gBAAiB,EAEjC,oBAAC;GACC,KAAK;GACD;GACE;GACQ;GACN;GACC;GAER;IACY;GACP;;AAed,IAAI,eAAe,WAAW,SAAS,aACrC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,MACA,WACA,QACA,cACA,iBACA,GAAG,eACD;AAEJ,kBAAiB,EAAE,YAAY,oBAAoB,WAAW,CAAC;CAE/D,IAAI,EAAE,eAAe,SAAS,EAAE,YAAY,oBAAoB,WAAW,CAAC;AAE5E,QACE,oBAAC;EAAoB,aAAW;EAAM,kBAAgB;YACpD,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,OAAO,oBAAoB;IAC3B,MAAM,oBAAoB;IAC1B,WAAW,oBAAoB;IAC/B,SAAS,oBAAoB;IAC9B;GACD,aAAW;GACX,kBAAgB;GAChB,GAAIC,aAAW,YAAY,cAAc,WAAW;GAC/C;GAEJ;IACY;GACK;EAExB;AAEF,IAAI,SAAS,WAAW,MAAM;AAE9B,OAAO,cAAc"}
+{"version":3,"file":"Modal.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Modal.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport { useModal, useOverlay, usePreventScroll } from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { Overlay } from './Overlay';\nimport { ModalProps, TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nexport const OVERLAY_WRAPPER_STYLES: Styles = {\n  position: 'fixed',\n  display: 'grid',\n  left: 0,\n  top: 0,\n  placeItems: {\n    '': 'center',\n    'type=fullscreen': 'center',\n    'type=fullscreenTakeover | type=panel': 'stretch',\n  },\n  boxSizing: 'border-box',\n  width: '100vw',\n  height: '100dvh',\n  pointerEvents: 'none',\n  zIndex: 10,\n  transition: {\n    '': 'visibility .5s steps(2, start)',\n    open: 'visibility 0s linear',\n  },\n};\n\nconst ModalWrapperElement = tasty({\n  qa: 'ModalWrapper',\n  styles: OVERLAY_WRAPPER_STYLES,\n});\n\nconst ModalElement = tasty({\n  styles: {\n    display: 'grid',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: {\n      '': 'max 90dvh',\n      'type=fullscreenTakeover | type=panel': '100dvh 100dvh',\n      'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n      'type=panel': 'auto',\n    },\n    width: {\n      '': '$min-dialog-size (100dvw - 8x)',\n      'type=panel': 'auto',\n    },\n    pointerEvents: 'none',\n    transition: 'opacity .25s linear, transform .25s ease-in-out',\n    transform: {\n      '': 'initial',\n      'type=modal & !open': 'translate(0, -3x) scale(1, 1)',\n      '(type^=fullscreen | type=panel) & !open':\n        'translate(0, 0) scale(1.02, 1.02)',\n    },\n    opacity: {\n      '': 0,\n      open: 0.9999,\n    },\n  },\n});\n\nexport interface CubeModalProps\n  extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  styles?: Styles;\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nfunction Modal(props: CubeModalProps, ref) {\n  let { qa, children, onClose, type, styles, ...otherProps } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay({ ...props }, domRef);\n\n  return (\n    <Overlay {...otherProps}>\n      {type !== 'fullscreenTakeover' && type !== 'panel' && (\n        <Underlay {...underlayProps} />\n      )}\n      <ModalWrapper\n        ref={domRef}\n        qa={qa}\n        type={type}\n        overlayProps={overlayProps}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </ModalWrapper>\n    </Overlay>\n  );\n}\n\ninterface ModalWrapperProps extends TransitionState {\n  children?: ReactNode;\n  qa?: BaseProps['qa'];\n  isOpen?: boolean;\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';\n  placement?: 'top' | 'bottom';\n  styles?: Styles;\n  overlayProps?: Props;\n  onClose?: () => void;\n}\n\nlet ModalWrapper = forwardRef(function ModalWrapper(\n  props: ModalWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    type,\n    placement,\n    styles,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n\n  usePreventScroll({ isDisabled: transitionState !== 'entered' });\n\n  let { modalProps } = useModal({ isDisabled: transitionState !== 'entered' });\n\n  return (\n    <ModalWrapperElement data-type={type} data-placement={placement}>\n      <ModalElement\n        qa={qa || 'Modal'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\n          entered: transitionState === 'entered',\n        }}\n        data-type={type}\n        data-placement={placement}\n        {...mergeProps(otherProps, overlayProps, modalProps)}\n        ref={ref}\n      >\n        {children}\n      </ModalElement>\n    </ModalWrapperElement>\n  );\n});\n\nlet _Modal = forwardRef(Modal);\n\n_Modal.displayName = 'Modal';\n\nexport { _Modal as Modal };\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,yBAAiC;CAC5C,UAAU;CACV,SAAS;CACT,MAAM;CACN,KAAK;CACL,YAAY;EACV,IAAI;EACJ,mBAAmB;EACnB,wCAAwC;EACzC;CACD,WAAW;CACX,OAAO;CACP,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;EACV,IAAI;EACJ,MAAM;EACP;CACF;AAED,MAAM,sBAAsB,MAAM;CAChC,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,EACzB,QAAQ;CACN,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,mBAAmB;EACnB,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;CACR,QAAQ;EACN,IAAI;EACJ,wCAAwC;EACxC,mBAAmB;EACnB,cAAc;EACf;CACD,OAAO;EACL,IAAI;EACJ,cAAc;EACf;CACD,eAAe;CACf,YAAY;CACZ,WAAW;EACT,IAAI;EACJ,sBAAsB;EACtB,2CACE;EACH;CACD,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AAaF,SAAS,MAAM,OAAuB,KAAK;CACzC,IAAI,EAAE,IAAI,UAAU,SAAS,MAAM,QAAQ,GAAG,eAAe;CAC7D,IAAI,SAAS,aAAa,IAAI;CAE9B,IAAI,EAAE,cAAc,kBAAkB,WAAW,EAAE,GAAG,OAAO,EAAE,OAAO;AAEtE,QACE,qBAACA;EAAQ,GAAI;aACV,SAAS,wBAAwB,SAAS,WACzC,oBAACC,aAAS,GAAI,gBAAiB,EAEjC,oBAAC;GACC,KAAK;GACD;GACE;GACQ;GACN;GACC;GAER;IACY;GACP;;AAed,IAAI,eAAe,WAAW,SAAS,aACrC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,MACA,WACA,QACA,cACA,iBACA,GAAG,eACD;AAEJ,kBAAiB,EAAE,YAAY,oBAAoB,WAAW,CAAC;CAE/D,IAAI,EAAE,eAAe,SAAS,EAAE,YAAY,oBAAoB,WAAW,CAAC;AAE5E,QACE,oBAAC;EAAoB,aAAW;EAAM,kBAAgB;YACpD,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,OAAO,oBAAoB;IAC3B,MAAM,oBAAoB;IAC1B,WAAW,oBAAoB;IAC/B,SAAS,oBAAoB;IAC9B;GACD,aAAW;GACX,kBAAgB;GAChB,GAAIC,aAAW,YAAY,cAAc,WAAW;GAC/C;GAEJ;IACY;GACK;EAExB;AAEF,IAAI,SAAS,WAAW,MAAM;AAE9B,OAAO,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import { Props } from '@tenphi/tasty';\nimport {\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { OverlayProps } from 'react-aria';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps\n  extends Omit<OverlayProps, 'container' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement | null;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  if (isOpen && exited) {\n    setExited(false);\n  }\n\n  let { root } = useProviderProps({} as Props);\n\n  let handlePhaseChange = useCallback(\n    (phase: ReportedPhase) => {\n      switch (phase) {\n        case 'enter':\n          setExited(false);\n          onEnter?.();\n          onEntering?.();\n          break;\n        case 'entered':\n          onEntered?.();\n          break;\n        case 'exit':\n          onExit?.();\n          onExiting?.();\n          break;\n        case 'unmounted':\n          setExited(true);\n          onExited?.();\n          break;\n      }\n    },\n    [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n  );\n\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <DisplayTransition\n        animateOnMount\n        isShown={!!isOpen}\n        exposeUnmounted={hideOnClose}\n        duration={EXIT_DURATION}\n        onPhaseChange={handlePhaseChange}\n      >\n        {({ phase, isShown }) => {\n          return (\n            <OpenTransitionContext.Provider\n              value={{ transitionState: phase as ReportedPhase }}\n            >\n              {Children.map(\n                children,\n                (child) =>\n                  child &&\n                  cloneElement(\n                    child as ReactElement,\n                    {\n                      isOpen: isShown,\n                      transitionState: phase,\n                    } as any,\n                  ),\n              )}\n            </OpenTransitionContext.Provider>\n          );\n        }}\n      </DisplayTransition>\n    </Provider>\n  );\n\n  return createPortal(contents, container || root || document.body);\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;AA0BA,MAAM,gBAAgB;AAEtB,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,UACA,QACA,YAAY,MACZ,SACA,YACA,WACA,QACA,WACA,UACA,cAAc,UACZ;CACJ,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,OAAO;AAE3C,KAAI,UAAU,OACZ,WAAU,MAAM;CAGlB,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAU;CAE5C,IAAI,oBAAoB,aACrB,UAAyB;AACxB,UAAQ,OAAR;GACE,KAAK;AACH,cAAU,MAAM;AAChB,eAAW;AACX,kBAAc;AACd;GACF,KAAK;AACH,iBAAa;AACb;GACF,KAAK;AACH,cAAU;AACV,iBAAa;AACb;GACF,KAAK;AACH,cAAU,KAAK;AACf,gBAAY;AACZ;;IAGN;EAAC;EAAS;EAAY;EAAW;EAAQ;EAAW;EAAS,CAC9D;AAID,KAAI,EAFe,UAAU,CAAC,SAG5B;MAAI,CAAC,YACH,QAAO;;AAqCX,QAAO,aAhCL,oBAAC;EAAc;YACb,oBAAC;GACC;GACA,SAAS,CAAC,CAAC;GACX,iBAAiB;GACjB,UAAU;GACV,eAAe;cAEb,EAAE,OAAO,cAAc;AACvB,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAE,iBAAiB,OAAwB;eAEjD,SAAS,IACR,WACC,UACC,SACA,aACE,OACA;MACE,QAAQ;MACR,iBAAiB;MAClB,CACF,CACJ;MAC8B;;IAGnB;GACX,EAGiB,aAAa,QAAQ,SAAS,KAAK;;AAGnE,IAAI,WAAW,WAAW,QAAQ;AAElC,SAAS,cAAc"}
+{"version":3,"file":"Overlay.js","names":[],"sources":["../../../../src/components/overlays/Modal/Overlay.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Provider, useProviderProps } from '../../../provider';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\n\nimport { OpenTransitionContext } from './OpenTransitionContext';\nimport { WithCloseBehavior } from './types';\n\nimport type { OverlayProps } from 'react-aria';\nimport type { Props } from '../../../props';\nimport type { ReportedPhase } from '../../helpers/DisplayTransition/DisplayTransition';\n\nexport interface CubeOverlayProps\n  extends Omit<OverlayProps, 'container' | 'nodeRef'>,\n    WithCloseBehavior {\n  container?: HTMLElement | null;\n}\n\nconst EXIT_DURATION = 350;\n\nfunction Overlay(props: CubeOverlayProps, ref) {\n  let {\n    children,\n    isOpen,\n    container = null,\n    onEnter,\n    onEntering,\n    onEntered,\n    onExit,\n    onExiting,\n    onExited,\n    hideOnClose = false,\n  } = props;\n  let [exited, setExited] = useState(!isOpen);\n\n  if (isOpen && exited) {\n    setExited(false);\n  }\n\n  let { root } = useProviderProps({} as Props);\n\n  let handlePhaseChange = useCallback(\n    (phase: ReportedPhase) => {\n      switch (phase) {\n        case 'enter':\n          setExited(false);\n          onEnter?.();\n          onEntering?.();\n          break;\n        case 'entered':\n          onEntered?.();\n          break;\n        case 'exit':\n          onExit?.();\n          onExiting?.();\n          break;\n        case 'unmounted':\n          setExited(true);\n          onExited?.();\n          break;\n      }\n    },\n    [onEnter, onEntering, onEntered, onExit, onExiting, onExited],\n  );\n\n  let mountOverlay = isOpen || !exited;\n\n  if (!mountOverlay) {\n    if (!hideOnClose) {\n      return null;\n    }\n  }\n\n  let contents = (\n    <Provider ref={ref}>\n      <DisplayTransition\n        animateOnMount\n        isShown={!!isOpen}\n        exposeUnmounted={hideOnClose}\n        duration={EXIT_DURATION}\n        onPhaseChange={handlePhaseChange}\n      >\n        {({ phase, isShown }) => {\n          return (\n            <OpenTransitionContext.Provider\n              value={{ transitionState: phase as ReportedPhase }}\n            >\n              {Children.map(\n                children,\n                (child) =>\n                  child &&\n                  cloneElement(\n                    child as ReactElement,\n                    {\n                      isOpen: isShown,\n                      transitionState: phase,\n                    } as any,\n                  ),\n              )}\n            </OpenTransitionContext.Provider>\n          );\n        }}\n      </DisplayTransition>\n    </Provider>\n  );\n\n  return createPortal(contents, container || root || document.body);\n}\n\nlet _Overlay = forwardRef(Overlay);\n\n_Overlay.displayName = 'Overlay';\n\nexport { _Overlay as Overlay };\n"],"mappings":";;;;;;;;;AA0BA,MAAM,gBAAgB;AAEtB,SAAS,QAAQ,OAAyB,KAAK;CAC7C,IAAI,EACF,UACA,QACA,YAAY,MACZ,SACA,YACA,WACA,QACA,WACA,UACA,cAAc,UACZ;CACJ,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,OAAO;AAE3C,KAAI,UAAU,OACZ,WAAU,MAAM;CAGlB,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAU;CAE5C,IAAI,oBAAoB,aACrB,UAAyB;AACxB,UAAQ,OAAR;GACE,KAAK;AACH,cAAU,MAAM;AAChB,eAAW;AACX,kBAAc;AACd;GACF,KAAK;AACH,iBAAa;AACb;GACF,KAAK;AACH,cAAU;AACV,iBAAa;AACb;GACF,KAAK;AACH,cAAU,KAAK;AACf,gBAAY;AACZ;;IAGN;EAAC;EAAS;EAAY;EAAW;EAAQ;EAAW;EAAS,CAC9D;AAID,KAAI,EAFe,UAAU,CAAC,SAG5B;MAAI,CAAC,YACH,QAAO;;AAqCX,QAAO,aAhCL,oBAAC;EAAc;YACb,oBAAC;GACC;GACA,SAAS,CAAC,CAAC;GACX,iBAAiB;GACjB,UAAU;GACV,eAAe;cAEb,EAAE,OAAO,cAAc;AACvB,WACE,oBAAC,sBAAsB;KACrB,OAAO,EAAE,iBAAiB,OAAwB;eAEjD,SAAS,IACR,WACC,UACC,SACA,aACE,OACA;MACE,QAAQ;MACR,iBAAiB;MAClB,CACF,CACJ;MAC8B;;IAGnB;GACX,EAGiB,aAAa,QAAQ,SAAS,KAAK;;AAGnE,IAAI,WAAW,WAAW,QAAQ;AAElC,SAAS,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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/Tray.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tray.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Props, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    ...OVERLAY_WRAPPER_STYLES,\n    placeContent: 'end center',\n    placeItems: 'end center',\n  },\n});\n\nconst TrayElement = tasty({\n  styles: {\n    display: 'initial',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: 'max 90dvh',\n    width: '$min-dialog-size 90vw',\n    pointerEvents: 'auto',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n  },\n});\n\nexport interface CubeTrayProps extends OverlayProps, WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  isFixedHeight?: boolean;\n  isNonModal?: boolean;\n  styles?: Styles;\n  children?: ReactNode;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Predicate that decides whether the overlay should close in response to an\n   * interaction outside of it. When the function returns `false`, react-aria's\n   * `useOverlay` no longer calls `stopPropagation`/`preventDefault` on the\n   * outside event, which lets sibling triggers receive the click.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\ninterface CubeTrayWrapperProps extends CubeTrayProps, TransitionState {\n  isOpen?: boolean;\n  overlayProps?: Props;\n}\n\nfunction Tray(props: CubeTrayProps, ref) {\n  let {\n    qa,\n    children,\n    onClose,\n    isFixedHeight,\n    isNonModal,\n    styles,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true, shouldCloseOnInteractOutside },\n    domRef,\n  );\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <TrayWrapper\n        ref={domRef}\n        qa={qa}\n        overlayProps={overlayProps}\n        isFixedHeight={isFixedHeight}\n        isNonModal={isNonModal}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function TrayWrapper(\n  props: CubeTrayWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    styles,\n    isFixedHeight,\n    isNonModal,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n  usePreventScroll();\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  let domProps = mergeProps(otherProps, overlayProps);\n\n  return (\n    <TrayWrapperElement\n      mods={{\n        open: isOpen,\n      }}\n    >\n      <TrayElement\n        qa={qa || 'Tray'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\n          entered: transitionState === 'entered',\n          'fixed-height': isFixedHeight,\n        }}\n        {...domProps}\n        {...modalProps}\n        ref={ref}\n      >\n        {children}\n      </TrayElement>\n    </TrayWrapperElement>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\n\n_Tray.displayName = 'Tray';\n\nexport { _Tray as Tray };\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,qBAAqB,MAAM;CAC/B,IAAI;CACJ,QAAQ;EACN,GAAG;EACH,cAAc;EACd,YAAY;EACb;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,EACxB,QAAQ;CACN,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,mBAAmB;EACnB,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,eAAe;CACf,YACE;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AA4BF,SAAS,KAAK,OAAsB,KAAK;CACvC,IAAI,EACF,IACA,UACA,SACA,eACA,YACA,QACA,8BACA,GAAG,eACD;CACJ,IAAI,SAAS,aAAa,IAAI;CAE9B,IAAI,EAAE,cAAc,kBAAkB,WACpC;EAAE,GAAG;EAAO,eAAe;EAAM;EAA8B,EAC/D,OACD;AAED,QACE,qBAACA;EAAQ,GAAI;aACX,oBAACC,aAAS,GAAI,gBAAiB,EAC/B,oBAAC;GACC,KAAK;GACD;GACU;GACC;GACH;GACJ;GACC;GAER;IACW;GACN;;AAId,IAAI,cAAc,WAAW,SAAS,YACpC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,QACA,eACA,YACA,cACA,iBACA,GAAG,eACD;AACJ,mBAAkB;CAClB,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;CAEF,IAAI,WAAWC,aAAW,YAAY,aAAa;AAEnD,QACE,oBAAC;EACC,MAAM,EACJ,MAAM,QACP;YAED,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,OAAO,oBAAoB;IAC3B,MAAM,oBAAoB;IAC1B,WAAW,oBAAoB;IAC/B,SAAS,oBAAoB;IAC7B,gBAAgB;IACjB;GACD,GAAI;GACJ,GAAI;GACC;GAEJ;IACW;GACK;EAEvB;AAEF,IAAI,QAAQ,WAAW,KAAK;AAE5B,MAAM,cAAc"}
+{"version":3,"file":"Tray.js","names":["Overlay","Underlay","mergeProps"],"sources":["../../../../src/components/overlays/Modal/Tray.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode } from 'react';\nimport {\n  OverlayProps,\n  useModal,\n  useOverlay,\n  usePreventScroll,\n} from 'react-aria';\n\nimport { mergeProps } from '../../../utils/react';\n\nimport { OVERLAY_WRAPPER_STYLES } from './Modal';\nimport { Overlay } from './Overlay';\nimport { TransitionState, WithCloseBehavior } from './types';\nimport { Underlay } from './Underlay';\n\nimport type { Props } from '../../../props';\n\nconst TrayWrapperElement = tasty({\n  qa: 'TrayWrapper',\n  styles: {\n    ...OVERLAY_WRAPPER_STYLES,\n    placeContent: 'end center',\n    placeItems: 'end center',\n  },\n});\n\nconst TrayElement = tasty({\n  styles: {\n    display: 'initial',\n    hide: {\n      '': true,\n      'enter | entered': false,\n      exit: false,\n      unmounted: true,\n    },\n    zIndex: 10,\n    height: 'max 90dvh',\n    width: '$min-dialog-size 90vw',\n    pointerEvents: 'auto',\n    transition:\n      'transform .25s ease-in-out, opacity .25s linear, visibility 0ms linear',\n    opacity: {\n      '': 0,\n      open: '.9999',\n    },\n  },\n});\n\nexport interface CubeTrayProps extends OverlayProps, WithCloseBehavior {\n  container?: HTMLElement;\n  qa?: BaseProps['qa'];\n  onClose?: (action?: string) => void;\n  isFixedHeight?: boolean;\n  isNonModal?: boolean;\n  styles?: Styles;\n  children?: ReactNode;\n  isKeyboardDismissDisabled?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  /**\n   * Predicate that decides whether the overlay should close in response to an\n   * interaction outside of it. When the function returns `false`, react-aria's\n   * `useOverlay` no longer calls `stopPropagation`/`preventDefault` on the\n   * outside event, which lets sibling triggers receive the click.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\ninterface CubeTrayWrapperProps extends CubeTrayProps, TransitionState {\n  isOpen?: boolean;\n  overlayProps?: Props;\n}\n\nfunction Tray(props: CubeTrayProps, ref) {\n  let {\n    qa,\n    children,\n    onClose,\n    isFixedHeight,\n    isNonModal,\n    styles,\n    shouldCloseOnInteractOutside,\n    ...otherProps\n  } = props;\n  let domRef = useObjectRef(ref);\n\n  let { overlayProps, underlayProps } = useOverlay(\n    { ...props, isDismissable: true, shouldCloseOnInteractOutside },\n    domRef,\n  );\n\n  return (\n    <Overlay {...otherProps}>\n      <Underlay {...underlayProps} />\n      <TrayWrapper\n        ref={domRef}\n        qa={qa}\n        overlayProps={overlayProps}\n        isFixedHeight={isFixedHeight}\n        isNonModal={isNonModal}\n        styles={styles}\n        onClose={onClose}\n      >\n        {children}\n      </TrayWrapper>\n    </Overlay>\n  );\n}\n\nlet TrayWrapper = forwardRef(function TrayWrapper(\n  props: CubeTrayWrapperProps,\n  ref,\n) {\n  let {\n    qa,\n    children,\n    isOpen,\n    styles,\n    isFixedHeight,\n    isNonModal,\n    overlayProps,\n    transitionState,\n    ...otherProps\n  } = props;\n  usePreventScroll();\n  let { modalProps } = useModal({\n    isDisabled: isNonModal,\n  });\n\n  let domProps = mergeProps(otherProps, overlayProps);\n\n  return (\n    <TrayWrapperElement\n      mods={{\n        open: isOpen,\n      }}\n    >\n      <TrayElement\n        qa={qa || 'Tray'}\n        styles={styles}\n        mods={{\n          open: isOpen,\n          enter: transitionState === 'enter',\n          exit: transitionState === 'exit',\n          unmounted: transitionState === 'unmounted',\n          entered: transitionState === 'entered',\n          'fixed-height': isFixedHeight,\n        }}\n        {...domProps}\n        {...modalProps}\n        ref={ref}\n      >\n        {children}\n      </TrayElement>\n    </TrayWrapperElement>\n  );\n});\n\nlet _Tray = forwardRef(Tray);\n\n_Tray.displayName = 'Tray';\n\nexport { _Tray as Tray };\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,qBAAqB,MAAM;CAC/B,IAAI;CACJ,QAAQ;EACN,GAAG;EACH,cAAc;EACd,YAAY;EACb;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,EACxB,QAAQ;CACN,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,mBAAmB;EACnB,MAAM;EACN,WAAW;EACZ;CACD,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,eAAe;CACf,YACE;CACF,SAAS;EACP,IAAI;EACJ,MAAM;EACP;CACF,EACF,CAAC;AA4BF,SAAS,KAAK,OAAsB,KAAK;CACvC,IAAI,EACF,IACA,UACA,SACA,eACA,YACA,QACA,8BACA,GAAG,eACD;CACJ,IAAI,SAAS,aAAa,IAAI;CAE9B,IAAI,EAAE,cAAc,kBAAkB,WACpC;EAAE,GAAG;EAAO,eAAe;EAAM;EAA8B,EAC/D,OACD;AAED,QACE,qBAACA;EAAQ,GAAI;aACX,oBAACC,aAAS,GAAI,gBAAiB,EAC/B,oBAAC;GACC,KAAK;GACD;GACU;GACC;GACH;GACJ;GACC;GAER;IACW;GACN;;AAId,IAAI,cAAc,WAAW,SAAS,YACpC,OACA,KACA;CACA,IAAI,EACF,IACA,UACA,QACA,QACA,eACA,YACA,cACA,iBACA,GAAG,eACD;AACJ,mBAAkB;CAClB,IAAI,EAAE,eAAe,SAAS,EAC5B,YAAY,YACb,CAAC;CAEF,IAAI,WAAWC,aAAW,YAAY,aAAa;AAEnD,QACE,oBAAC;EACC,MAAM,EACJ,MAAM,QACP;YAED,oBAAC;GACC,IAAI,MAAM;GACF;GACR,MAAM;IACJ,MAAM;IACN,OAAO,oBAAoB;IAC3B,MAAM,oBAAoB;IAC1B,WAAW,oBAAoB;IAC/B,SAAS,oBAAoB;IAC7B,gBAAgB;IACjB;GACD,GAAI;GACJ,GAAI;GACC;GAEJ;IACW;GACK;EAEvB;AAEF,IAAI,QAAQ,WAAW,KAAK;AAE5B,MAAM,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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.154.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | 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";