@cube-dev/ui-kit 0.202.0 → 0.204.0

package/dist/components/overlays/Dialog/use-dismiss-confirmation.js

@@ -0,0 +1,211 @@
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
+import { useI18n } from "../../../i18n/useI18n.js";
+import { AlertDialog as _AlertDialog } from "../AlertDialog/AlertDialog.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { focusSafely } from "@react-aria/interactions";
+//#region src/components/overlays/Dialog/use-dismiss-confirmation.tsx
+/**
+* The owner side of `confirmDismiss`, for `DialogTrigger` and
+* `DialogContainer`. A passive dismissal (Escape, an outside click, the close
+* button) goes through `requestDismiss`, which asks "Discard changes?" first
+* while `confirmDismiss` is `true`, or, when it is unset, while a `DialogForm`
+* inside reports unsaved edits (or its own `confirmDismiss`) through
+* `registerUnsavedChanges`. Explicit actions (submit, Cancel, a `close` the
+* consumer calls) bypass it.
+*
+* The owner renders the question while `confirmationProps` is set:
+* `<DialogContainer {...confirmationProps}><DiscardChangesDialog /></DialogContainer>`.
+*/
+function useDismissConfirmation(confirmDismiss, isDialogOpen) {
+	const $ = c(19);
+	const [pending, setPending] = useState(null);
+	const [hasAsked, setHasAsked] = useState(false);
+	const hasUnsavedChanges = useRef(null);
+	const answer = useRef(null);
+	const lastFocused = useRef(null);
+	const canAsk = isDialogOpen && confirmDismiss !== false;
+	if (pending && !isDialogOpen) setPending(null);
+	let t0;
+	let t1;
+	if ($[0] !== canAsk) {
+		t0 = () => {
+			if (!canAsk) return;
+			if (document.activeElement !== document.body) lastFocused.current = document.activeElement;
+			const onFocusIn = (event) => {
+				lastFocused.current = event.target;
+			};
+			document.addEventListener("focusin", onFocusIn, true);
+			return () => {
+				document.removeEventListener("focusin", onFocusIn, true);
+				lastFocused.current = null;
+			};
+		};
+		t1 = [canAsk];
+		$[0] = canAsk;
+		$[1] = t0;
+		$[2] = t1;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+	}
+	useEffect(t0, t1);
+	let t2;
+	if ($[3] !== confirmDismiss || $[4] !== pending) {
+		t2 = function requestDismiss(dismiss) {
+			if (pending) return;
+			if (!(confirmDismiss ?? hasUnsavedChanges.current?.() ?? false)) {
+				dismiss();
+				return;
+			}
+			const focused = document.activeElement;
+			setPending({
+				dismiss,
+				focusTarget: focused && focused !== document.body ? focused : lastFocused.current
+			});
+			setHasAsked(true);
+		};
+		$[3] = confirmDismiss;
+		$[4] = pending;
+		$[5] = t2;
+	} else t2 = $[5];
+	const requestDismiss = t2;
+	let t3;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = function registerUnsavedChanges(check) {
+			hasUnsavedChanges.current = check;
+			return () => {
+				if (hasUnsavedChanges.current === check) hasUnsavedChanges.current = null;
+			};
+		};
+		$[6] = t3;
+	} else t3 = $[6];
+	const registerUnsavedChanges = t3;
+	let t4;
+	if ($[7] !== pending) {
+		t4 = function settle(action) {
+			if (!pending) return;
+			answer.current = {
+				...pending,
+				isDiscarded: action === "confirm"
+			};
+			setPending(null);
+		};
+		$[7] = pending;
+		$[8] = t4;
+	} else t4 = $[8];
+	const settle = t4;
+	let t5;
+	let t6;
+	if ($[9] !== pending) {
+		t5 = () => {
+			const settled = answer.current;
+			if (pending || !settled) return;
+			answer.current = null;
+			const { focusTarget } = settled;
+			if (focusTarget instanceof HTMLElement && focusTarget.isConnected) focusSafely(focusTarget);
+			if (settled.isDiscarded) settled.dismiss();
+		};
+		t6 = [pending];
+		$[9] = pending;
+		$[10] = t5;
+		$[11] = t6;
+	} else {
+		t5 = $[10];
+		t6 = $[11];
+	}
+	useEffect(t5, t6);
+	let t7;
+	if ($[12] !== hasAsked || $[13] !== pending || $[14] !== settle) {
+		t7 = hasAsked ? {
+			isOpen: !!pending,
+			onDismiss: settle
+		} : null;
+		$[12] = hasAsked;
+		$[13] = pending;
+		$[14] = settle;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== requestDismiss || $[17] !== t7) {
+		t8 = {
+			requestDismiss,
+			registerUnsavedChanges,
+			confirmationProps: t7
+		};
+		$[16] = requestDismiss;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	return t8;
+}
+/** The question `useDismissConfirmation` asks. Escape keeps editing. */
+function DiscardChangesDialog() {
+	const $ = c(19);
+	const { t } = useI18n();
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("dialog.discardChanges.title", "Discard changes?");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("dialog.discardChanges.content", "All unsaved changes will be lost.");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("dialog.discardChanges.discard", "Discard");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = { children: t2 };
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("dialog.discardChanges.keepEditing", "Keep editing");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t4) {
+		t5 = { children: t4 };
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t3 || $[13] !== t5) {
+		t6 = {
+			confirm: t3,
+			cancel: t5
+		};
+		$[12] = t3;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== t0 || $[16] !== t1 || $[17] !== t6) {
+		t7 = /* @__PURE__ */ jsx(_AlertDialog, {
+			danger: true,
+			title: t0,
+			content: t1,
+			actions: t6
+		});
+		$[15] = t0;
+		$[16] = t1;
+		$[17] = t6;
+		$[18] = t7;
+	} else t7 = $[18];
+	return t7;
+}
+//#endregion
+export { DiscardChangesDialog, useDismissConfirmation };
+
+//# sourceMappingURL=use-dismiss-confirmation.js.map

package/dist/components/overlays/Dialog/use-dismiss-confirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dismiss-confirmation.js","names":["focusSafely","useEffect","useRef","useState","useI18n","AlertDialog","PendingDismissal","dismiss","focusTarget","Element","Answer","isDiscarded","useDismissConfirmation","confirmDismiss","isDialogOpen","$","_c","pending","setPending","hasAsked","setHasAsked","hasUnsavedChanges","answer","lastFocused","canAsk","t0","t1","document","activeElement","body","current","onFocusIn","event","target","addEventListener","removeEventListener","t2","requestDismiss","focused","t3","Symbol","for","registerUnsavedChanges","check","t4","settle","action","t5","t6","settled","HTMLElement","isConnected","t7","isOpen","onDismiss","t8","confirmationProps","DiscardChangesDialog","t","children","confirm","cancel","_c","AlertDialog"],"sources":["../../../../src/components/overlays/Dialog/use-dismiss-confirmation.tsx"],"sourcesContent":["import { focusSafely } from '@react-aria/interactions';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { AlertDialog } from '../AlertDialog/AlertDialog';\n\ninterface PendingDismissal {\n  /** What the dismissal runs once the user discards the edits. */\n  dismiss: () => void;\n  /** Where focus was when the dialog asked, to give it back. */\n  focusTarget: Element | null;\n}\n\ninterface Answer extends PendingDismissal {\n  isDiscarded: boolean;\n}\n\n/**\n * The owner side of `confirmDismiss`, for `DialogTrigger` and\n * `DialogContainer`. A passive dismissal (Escape, an outside click, the close\n * button) goes through `requestDismiss`, which asks \"Discard changes?\" first\n * while `confirmDismiss` is `true`, or, when it is unset, while a `DialogForm`\n * inside reports unsaved edits (or its own `confirmDismiss`) through\n * `registerUnsavedChanges`. Explicit actions (submit, Cancel, a `close` the\n * consumer calls) bypass it.\n *\n * The owner renders the question while `confirmationProps` is set:\n * `<DialogContainer {...confirmationProps}><DiscardChangesDialog /></DialogContainer>`.\n */\nexport function useDismissConfirmation(\n  confirmDismiss: boolean | undefined,\n  isDialogOpen: boolean,\n) {\n  const [pending, setPending] = useState<PendingDismissal | null>(null);\n  // Mounted on the first question and kept, so it can play its exit.\n  const [hasAsked, setHasAsked] = useState(false);\n  const hasUnsavedChanges = useRef<(() => boolean) | null>(null);\n  const answer = useRef<Answer | null>(null);\n  const lastFocused = useRef<Element | null>(null);\n  const canAsk = isDialogOpen && confirmDismiss !== false;\n\n  // A dialog closed some other way takes its question with it.\n  if (pending && !isDialogOpen) setPending(null);\n\n  // A click outside drops focus to `<body>` on its way to closing the dialog,\n  // so the question gives focus back to where it was last. A `confirmDismiss`\n  // bound to state turns on while the user types, so start from that field.\n  useEffect(() => {\n    if (!canAsk) return;\n\n    if (document.activeElement !== document.body) {\n      lastFocused.current = document.activeElement;\n    }\n\n    const onFocusIn = (event: FocusEvent) => {\n      lastFocused.current = event.target as Element;\n    };\n\n    document.addEventListener('focusin', onFocusIn, true);\n\n    return () => {\n      document.removeEventListener('focusin', onFocusIn, true);\n      lastFocused.current = null;\n    };\n  }, [canAsk]);\n\n  function requestDismiss(dismiss: () => void) {\n    if (pending) return;\n\n    if (!(confirmDismiss ?? hasUnsavedChanges.current?.() ?? false)) {\n      dismiss();\n\n      return;\n    }\n\n    const focused = document.activeElement;\n\n    setPending({\n      dismiss,\n      focusTarget:\n        focused && focused !== document.body ? focused : lastFocused.current,\n    });\n    setHasAsked(true);\n  }\n\n  function registerUnsavedChanges(check: () => boolean) {\n    hasUnsavedChanges.current = check;\n\n    return () => {\n      if (hasUnsavedChanges.current === check) hasUnsavedChanges.current = null;\n    };\n  }\n\n  function settle(action?: string) {\n    if (!pending) return;\n\n    answer.current = { ...pending, isDiscarded: action === 'confirm' };\n    setPending(null);\n  }\n\n  // Once the question has closed: while open it holds focus, and pulls back\n  // any focus moved out of it. Focus goes back into the dialog at once, not\n  // when the question has faded out. A discarded dialog then closes from\n  // there, so its trigger takes focus back as after any close.\n  useEffect(() => {\n    const settled = answer.current;\n\n    if (pending || !settled) return;\n\n    answer.current = null;\n\n    const { focusTarget } = settled;\n\n    if (focusTarget instanceof HTMLElement && focusTarget.isConnected) {\n      focusSafely(focusTarget);\n    }\n\n    if (settled.isDiscarded) settled.dismiss();\n  }, [pending]);\n\n  return {\n    requestDismiss,\n    registerUnsavedChanges,\n    confirmationProps: hasAsked\n      ? { isOpen: !!pending, onDismiss: settle }\n      : null,\n  };\n}\n\n/** The question `useDismissConfirmation` asks. Escape keeps editing. */\nexport function DiscardChangesDialog() {\n  const { t } = useI18n();\n\n  return (\n    <AlertDialog\n      danger\n      title={t('dialog.discardChanges.title', 'Discard changes?')}\n      content={t(\n        'dialog.discardChanges.content',\n        'All unsaved changes will be lost.',\n      )}\n      actions={{\n        confirm: { children: t('dialog.discardChanges.discard', 'Discard') },\n        cancel: {\n          children: t('dialog.discardChanges.keepEditing', 'Keep editing'),\n        },\n      }}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/use-retained-dialog-focus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { focusProgrammatically } from "../../../utils/react/programmaticFocus.js";
 import { useOpenTransitionContext } from "../Modal/OpenTransitionContext.js";
 import { trapsFocus, useDialogContext } from "./context.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { ModalContainmentProvider, useModalContainment } from "./modal-containment.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/overlays/Modal/OpenTransitionContext.tsx
 const OpenTransitionContext = createContext(null);

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { markFocusRestoreWindow } from "../../../utils/react/programmaticFocus.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Provider, useProviderProps } from "../../../provider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { useModalLayerRef } from "./modal-containment.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { ModalContainmentProvider, useModalContainment } from "./modal-containment.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";
 import { ariaHideOutside } from "react-aria/private/overlays/ariaHideOutside";

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/overlays/Notifications/NotificationContext.ts
 const ToastContext = createContext(null);

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { NotificationContext, PersistentNotificationsContext, ToastContext } 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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { Text as _Text } from "../../content/Text.js";
 import { useEvent } from "../../../_internal/hooks/use-event.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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import "./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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 //#region src/components/overlays/Notifications/use-notification-state.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";
 //#region src/components/overlays/Notifications/use-overlay-timers.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { c } from "react/compiler-runtime";
 //#region src/components/overlays/Notifications/use-persistent-notifications.ts

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 //#region src/components/overlays/Notifications/use-toast-state.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { Item as _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { c } from "react/compiler-runtime";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import React from "react";
 //#region src/components/overlays/Tooltip/context.ts
 const TooltipContext = React.createContext({});

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

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

package/dist/components/portal/Portal.js

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

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

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

package/dist/components/shared/DraggableCollection.js

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

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/shared/InvalidIcon.tsx

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/shared/ValidIcon.tsx

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

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

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

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

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

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

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

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

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

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

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {

package/dist/data/themes.js

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