@cube-dev/ui-kit 0.155.0 → 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":"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"}

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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/OpenTransitionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.155.0 | 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.155.0 | 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/Popover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.155.0 | 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.155.0 | 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/Underlay.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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.155.0 | 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";

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.155.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.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.155.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.156.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { tasty } from "@tenphi/tasty";

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

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