@cube-dev/ui-kit 0.190.5 → 0.190.7

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
 import { _Modal } from "../Modal/Modal.js";
 import { DialogContext } from "./context.js";
 import { c } from "react-compiler-runtime";

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

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

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

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

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

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

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

package/dist/components/overlays/Dialog/default-button-text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
 //#region src/components/overlays/Dialog/default-button-text.ts
 /**
 * Gives a dialog's built-in button its default text without overriding the

package/dist/components/overlays/Dialog/use-content-overflow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
 import { _Overlay } from "./Overlay.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
 import { _Overlay } from "./Overlay.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useOverlayEscapeGuard } from "../../../utils/react/useOverlayEscapeGuard.js";
 import { _Overlay } from "./Overlay.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { Space } from "../../layout/Space.js";
@@ -27,7 +27,10 @@ const StyledItem = tasty(_Item, { styles: {
 		flat: "0"
 	},
 	transition: "theme, inset",
-	Description: { preset: "t4" }
+	Description: {
+		preset: "t4",
+		overflowWrap: "anywhere"
+	}
 } });
 /**
 * Deterministically checks whether any `NotificationAction` with `isDismiss`

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationCard.js","names":["tasty","isValidElement","Key","ReactNode","useI18n","ItemActionProvider","Block","Item","Flex","Space","getThemeIcon","NotificationAction","NotificationDismissProvider","DismissReason","NotificationType","StyledItem","styles","width","flat","shadow","radius","transition","Description","preset","hasDismissAction","node","found","visit","n","Array","isArray","child","type","props","isDismiss","children","AutoDismissButton","$","_c","t","t0","t1","ActionsSectionProps","actions","theme","showAutoDismiss","hasDismissContext","notificationId","onDismiss","id","reason","onRestore","ActionsSection","hasDismiss","showDefaultDismiss","t2","t3","actionsContent","t4","t5","NotificationCardProps","qa","title","description","icon","isDismissable","elevated","suffix","NotificationCard","providedIcon","undefined","hasActions","descriptionContent","t6","t7","t8","border","t9"],"sources":["../../../../src/components/overlays/Notifications/NotificationCard.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { isValidElement, Key, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { Block } from '../../Block';\nimport { Item } from '../../content/Item/Item';\nimport { Flex } from '../../layout/Flex';\nimport { Space } from '../../layout/Space';\nimport { getThemeIcon } from '../Toast/useToast';\n\nimport {\n  NotificationAction,\n  NotificationDismissProvider,\n} from './NotificationAction';\n\nimport type { DismissReason, NotificationType } from './types';\n\n// ─── Styled Components ──────────────────────────────────────────────\n\nconst StyledItem = tasty(Item, {\n  styles: {\n    width: {\n      '': 'max min((100vw - 4x), 50x)',\n      flat: '100%',\n    },\n    shadow: {\n      '': '$shadow',\n      flat: false,\n    },\n    radius: {\n      '': '1cr',\n      flat: '0',\n    },\n    transition: 'theme, inset',\n\n    Description: {\n      preset: 't4',\n    },\n  },\n});\n\n// ─── Dismiss Action Detection ────────────────────────────────────────\n\n/**\n * Deterministically checks whether any `NotificationAction` with `isDismiss`\n * is present in the `actions` ReactNode tree.\n *\n * Walks the static element tree (arrays, fragments, host elements, and\n * composite wrappers via their `children` prop) instead of relying on\n * render-phase ref mutation, so suppression does not depend on sibling render\n * order or concurrent rendering timing.\n */\nfunction hasDismissAction(node: ReactNode): boolean {\n  let found = false;\n\n  const visit = (n: ReactNode) => {\n    if (found || n == null || typeof n === 'boolean' || typeof n === 'string') {\n      return;\n    }\n\n    if (Array.isArray(n)) {\n      for (const child of n) visit(child);\n      return;\n    }\n\n    if (isValidElement(n)) {\n      if (n.type === NotificationAction && (n.props as any).isDismiss) {\n        found = true;\n        return;\n      }\n\n      // Recurse into any wrapper's children (fragments, host elements like\n      // `div`, and composite wrappers like `Flex` that receive the actions as\n      // children). Note: a component that creates the NotificationAction\n      // internally rather than receiving it via children cannot be detected\n      // statically.\n      visit((n.props as any).children);\n    }\n  };\n\n  visit(node);\n  return found;\n}\n\n/**\n * Renders the default \"Dismiss\" button. Suppression is decided by the caller\n * via `hasDismissAction(actions)` — this component always renders the button.\n */\nfunction AutoDismissButton() {\n  const { t } = useI18n();\n\n  return (\n    <NotificationAction isDismiss>\n      {t('notifications.dismiss', 'Dismiss')}\n    </NotificationAction>\n  );\n}\n\n// ─── ActionsSection ─────────────────────────────────────────────────\n\ninterface ActionsSectionProps {\n  actions?: ReactNode;\n  theme?: NotificationType;\n  /**\n   * Whether to show the auto-appended \"Dismiss\" button.\n   * Controlled by `isDismissable` on the notification.\n   *\n   * When false, no default \"Dismiss\" button is rendered, but actions with\n   * `closeOnPress` (default `true`) can still close the notification via\n   * the dismiss context.\n   */\n  showAutoDismiss: boolean;\n  /** Whether the dismiss context is available (notificationId + onDismiss present) */\n  hasDismissContext: boolean;\n  notificationId?: Key;\n  onDismiss?: (id: Key, reason: DismissReason) => void;\n  onRestore?: (id: Key) => void;\n}\n\n/**\n * Extracted sub-component for the actions area of a notification card.\n *\n * The dismiss provider is always rendered when `hasDismissContext` is true,\n * so any action with `closeOnPress` can close the notification — regardless\n * of `isDismissable`. The `showAutoDismiss` flag only controls the\n * auto-appended \"Dismiss\" button.\n */\nfunction ActionsSection({\n  actions,\n  theme,\n  showAutoDismiss,\n  hasDismissContext,\n  notificationId,\n  onDismiss,\n  onRestore,\n}: ActionsSectionProps) {\n  // Suppress the auto-appended \"Dismiss\" when any provided action is already\n  // marked `isDismiss`. Determined statically from the element tree so it does\n  // not depend on render order or concurrent rendering timing.\n  const hasDismiss = hasDismissAction(actions);\n  const showDefaultDismiss = showAutoDismiss && !hasDismiss;\n\n  const actionsContent = (\n    <Space placeSelf=\"end\" placeContent=\"end\" flexGrow={1}>\n      {actions}\n      {showDefaultDismiss && <AutoDismissButton />}\n    </Space>\n  );\n\n  return (\n    <ItemActionProvider type=\"card\" theme={theme}>\n      {hasDismissContext ? (\n        <NotificationDismissProvider\n          notificationId={notificationId!}\n          onDismiss={onDismiss!}\n          onRestore={onRestore}\n        >\n          {actionsContent}\n        </NotificationDismissProvider>\n      ) : (\n        actionsContent\n      )}\n    </ItemActionProvider>\n  );\n}\n\n// ─── NotificationCard ────────────────────────────────────────────────\n\nexport interface NotificationCardProps {\n  qa?: string;\n  /** Notification theme */\n  theme?: NotificationType;\n  /** Primary text */\n  title?: ReactNode;\n  /** Secondary text */\n  description?: ReactNode;\n  /** Custom icon override (theme default used if omitted) */\n  icon?: ReactNode;\n  /** Action buttons rendered below description */\n  actions?: ReactNode;\n  /**\n   * Whether the notification shows the default dismiss UI (auto-appended\n   * \"Dismiss\" button and Escape key). Default: true.\n   *\n   * When false, no default \"Dismiss\" button is rendered and Escape does\n   * nothing, but actions with `closeOnPress` (default) can still close\n   * the notification.\n   */\n  isDismissable?: boolean;\n  /** When false the card drops its shadow (e.g. inside a list). Default: true. */\n  elevated?: boolean;\n  /** Notification id */\n  notificationId?: Key;\n  /** Called when the notification is dismissed */\n  onDismiss?: (id: Key, reason: DismissReason) => void;\n  /** Called when a dismissed notification should be restored (async action returned false) */\n  onRestore?: (id: Key) => void;\n  /** Suffix content (e.g. timestamp) */\n  suffix?: ReactNode;\n}\n\n/**\n * Shared presentational card used by both overlay NotificationItem\n * and PersistentNotificationListItem.\n */\nexport function NotificationCard({\n  qa = 'Notification',\n  theme,\n  title,\n  description,\n  icon: providedIcon,\n  actions,\n  isDismissable = true,\n  elevated = true,\n  notificationId,\n  onDismiss,\n  onRestore,\n  suffix,\n}: NotificationCardProps) {\n  const icon = getThemeIcon(theme, providedIcon);\n\n  const hasDismissContext = notificationId != null && onDismiss != null;\n  const showAutoDismiss = isDismissable && hasDismissContext;\n  const hasActions = !!(actions || showAutoDismiss);\n\n  const descriptionContent: ReactNode =\n    description || hasActions ? (\n      <Flex flow=\"row wrap\" gap=\"0.5x 1x\" placeItems=\"center stretch\">\n        {description && <Block>{description}</Block>}\n        {hasActions && (\n          <ActionsSection\n            actions={actions}\n            theme={theme}\n            showAutoDismiss={showAutoDismiss}\n            hasDismissContext={hasDismissContext}\n            notificationId={notificationId}\n            onDismiss={onDismiss}\n            onRestore={onRestore}\n          />\n        )}\n      </Flex>\n    ) : undefined;\n\n  return (\n    <StyledItem\n      qa={qa}\n      type=\"card\"\n      theme={theme}\n      icon={icon}\n      description={descriptionContent}\n      suffix={suffix}\n      mods={{ flat: !elevated }}\n      styles={!elevated ? { border: '0' } : undefined}\n    >\n      {title}\n    </StyledItem>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NotificationCard.js","names":["tasty","isValidElement","Key","ReactNode","useI18n","ItemActionProvider","Block","Item","Flex","Space","getThemeIcon","NotificationAction","NotificationDismissProvider","DismissReason","NotificationType","StyledItem","styles","width","flat","shadow","radius","transition","Description","preset","overflowWrap","hasDismissAction","node","found","visit","n","Array","isArray","child","type","props","isDismiss","children","AutoDismissButton","$","_c","t","t0","t1","ActionsSectionProps","actions","theme","showAutoDismiss","hasDismissContext","notificationId","onDismiss","id","reason","onRestore","ActionsSection","hasDismiss","showDefaultDismiss","t2","t3","actionsContent","t4","t5","NotificationCardProps","qa","title","description","icon","isDismissable","elevated","suffix","NotificationCard","providedIcon","undefined","hasActions","descriptionContent","t6","t7","t8","border","t9"],"sources":["../../../../src/components/overlays/Notifications/NotificationCard.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { isValidElement, Key, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { Block } from '../../Block';\nimport { Item } from '../../content/Item/Item';\nimport { Flex } from '../../layout/Flex';\nimport { Space } from '../../layout/Space';\nimport { getThemeIcon } from '../Toast/useToast';\n\nimport {\n  NotificationAction,\n  NotificationDismissProvider,\n} from './NotificationAction';\n\nimport type { DismissReason, NotificationType } from './types';\n\n// ─── Styled Components ──────────────────────────────────────────────\n\nconst StyledItem = tasty(Item, {\n  styles: {\n    // Same cap as OverlayContainer's item wrapper; change both together.\n    width: {\n      '': 'max min((100vw - 4x), 50x)',\n      flat: '100%',\n    },\n    shadow: {\n      '': '$shadow',\n      flat: false,\n    },\n    radius: {\n      '': '1cr',\n      flat: '0',\n    },\n    transition: 'theme, inset',\n\n    // A word wider than the card, such as a URL, breaks instead of being\n    // clipped. The title keeps its one-line ellipsis.\n    Description: {\n      preset: 't4',\n      overflowWrap: 'anywhere',\n    },\n  },\n});\n\n// ─── Dismiss Action Detection ────────────────────────────────────────\n\n/**\n * Deterministically checks whether any `NotificationAction` with `isDismiss`\n * is present in the `actions` ReactNode tree.\n *\n * Walks the static element tree (arrays, fragments, host elements, and\n * composite wrappers via their `children` prop) instead of relying on\n * render-phase ref mutation, so suppression does not depend on sibling render\n * order or concurrent rendering timing.\n */\nfunction hasDismissAction(node: ReactNode): boolean {\n  let found = false;\n\n  const visit = (n: ReactNode) => {\n    if (found || n == null || typeof n === 'boolean' || typeof n === 'string') {\n      return;\n    }\n\n    if (Array.isArray(n)) {\n      for (const child of n) visit(child);\n      return;\n    }\n\n    if (isValidElement(n)) {\n      if (n.type === NotificationAction && (n.props as any).isDismiss) {\n        found = true;\n        return;\n      }\n\n      // Recurse into any wrapper's children (fragments, host elements like\n      // `div`, and composite wrappers like `Flex` that receive the actions as\n      // children). Note: a component that creates the NotificationAction\n      // internally rather than receiving it via children cannot be detected\n      // statically.\n      visit((n.props as any).children);\n    }\n  };\n\n  visit(node);\n  return found;\n}\n\n/**\n * Renders the default \"Dismiss\" button. Suppression is decided by the caller\n * via `hasDismissAction(actions)` — this component always renders the button.\n */\nfunction AutoDismissButton() {\n  const { t } = useI18n();\n\n  return (\n    <NotificationAction isDismiss>\n      {t('notifications.dismiss', 'Dismiss')}\n    </NotificationAction>\n  );\n}\n\n// ─── ActionsSection ─────────────────────────────────────────────────\n\ninterface ActionsSectionProps {\n  actions?: ReactNode;\n  theme?: NotificationType;\n  /**\n   * Whether to show the auto-appended \"Dismiss\" button.\n   * Controlled by `isDismissable` on the notification.\n   *\n   * When false, no default \"Dismiss\" button is rendered, but actions with\n   * `closeOnPress` (default `true`) can still close the notification via\n   * the dismiss context.\n   */\n  showAutoDismiss: boolean;\n  /** Whether the dismiss context is available (notificationId + onDismiss present) */\n  hasDismissContext: boolean;\n  notificationId?: Key;\n  onDismiss?: (id: Key, reason: DismissReason) => void;\n  onRestore?: (id: Key) => void;\n}\n\n/**\n * Extracted sub-component for the actions area of a notification card.\n *\n * The dismiss provider is always rendered when `hasDismissContext` is true,\n * so any action with `closeOnPress` can close the notification — regardless\n * of `isDismissable`. The `showAutoDismiss` flag only controls the\n * auto-appended \"Dismiss\" button.\n */\nfunction ActionsSection({\n  actions,\n  theme,\n  showAutoDismiss,\n  hasDismissContext,\n  notificationId,\n  onDismiss,\n  onRestore,\n}: ActionsSectionProps) {\n  // Suppress the auto-appended \"Dismiss\" when any provided action is already\n  // marked `isDismiss`. Determined statically from the element tree so it does\n  // not depend on render order or concurrent rendering timing.\n  const hasDismiss = hasDismissAction(actions);\n  const showDefaultDismiss = showAutoDismiss && !hasDismiss;\n\n  const actionsContent = (\n    <Space placeSelf=\"end\" placeContent=\"end\" flexGrow={1}>\n      {actions}\n      {showDefaultDismiss && <AutoDismissButton />}\n    </Space>\n  );\n\n  return (\n    <ItemActionProvider type=\"card\" theme={theme}>\n      {hasDismissContext ? (\n        <NotificationDismissProvider\n          notificationId={notificationId!}\n          onDismiss={onDismiss!}\n          onRestore={onRestore}\n        >\n          {actionsContent}\n        </NotificationDismissProvider>\n      ) : (\n        actionsContent\n      )}\n    </ItemActionProvider>\n  );\n}\n\n// ─── NotificationCard ────────────────────────────────────────────────\n\nexport interface NotificationCardProps {\n  qa?: string;\n  /** Notification theme */\n  theme?: NotificationType;\n  /** Primary text */\n  title?: ReactNode;\n  /** Secondary text */\n  description?: ReactNode;\n  /** Custom icon override (theme default used if omitted) */\n  icon?: ReactNode;\n  /** Action buttons rendered below description */\n  actions?: ReactNode;\n  /**\n   * Whether the notification shows the default dismiss UI (auto-appended\n   * \"Dismiss\" button and Escape key). Default: true.\n   *\n   * When false, no default \"Dismiss\" button is rendered and Escape does\n   * nothing, but actions with `closeOnPress` (default) can still close\n   * the notification.\n   */\n  isDismissable?: boolean;\n  /** When false the card drops its shadow (e.g. inside a list). Default: true. */\n  elevated?: boolean;\n  /** Notification id */\n  notificationId?: Key;\n  /** Called when the notification is dismissed */\n  onDismiss?: (id: Key, reason: DismissReason) => void;\n  /** Called when a dismissed notification should be restored (async action returned false) */\n  onRestore?: (id: Key) => void;\n  /** Suffix content (e.g. timestamp) */\n  suffix?: ReactNode;\n}\n\n/**\n * Shared presentational card used by both overlay NotificationItem\n * and PersistentNotificationListItem.\n */\nexport function NotificationCard({\n  qa = 'Notification',\n  theme,\n  title,\n  description,\n  icon: providedIcon,\n  actions,\n  isDismissable = true,\n  elevated = true,\n  notificationId,\n  onDismiss,\n  onRestore,\n  suffix,\n}: NotificationCardProps) {\n  const icon = getThemeIcon(theme, providedIcon);\n\n  const hasDismissContext = notificationId != null && onDismiss != null;\n  const showAutoDismiss = isDismissable && hasDismissContext;\n  const hasActions = !!(actions || showAutoDismiss);\n\n  const descriptionContent: ReactNode =\n    description || hasActions ? (\n      <Flex flow=\"row wrap\" gap=\"0.5x 1x\" placeItems=\"center stretch\">\n        {description && <Block>{description}</Block>}\n        {hasActions && (\n          <ActionsSection\n            actions={actions}\n            theme={theme}\n            showAutoDismiss={showAutoDismiss}\n            hasDismissContext={hasDismissContext}\n            notificationId={notificationId}\n            onDismiss={onDismiss}\n            onRestore={onRestore}\n          />\n        )}\n      </Flex>\n    ) : undefined;\n\n  return (\n    <StyledItem\n      qa={qa}\n      type=\"card\"\n      theme={theme}\n      icon={icon}\n      description={descriptionContent}\n      suffix={suffix}\n      mods={{ flat: !elevated }}\n      styles={!elevated ? { border: '0' } : undefined}\n    >\n      {title}\n    </StyledItem>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.5 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.7 | 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";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
@@ -33,7 +34,7 @@ const OverlayItemWrapper = tasty({ styles: {
 		"": "translateX(-50%) translateY(-50%)",
 		"isMeasured & isShown": "translateX(-50%) translateY(0)"
 	},
-	width: "max-content 50x",
+	width: "initial max-content min((100vw - 4x), 50x)",
 	pointerEvents: "auto",
 	transition: {
 		"": "opacity $transition ease-in, transform $transition ease-in",
@@ -101,6 +102,7 @@ function useItemPositions(visibleItems) {
 		$[5] = t4;
 	} else t4 = $[5];
 	useLayoutEffect$1(t4);
+	useViewportSize();
 	let t5;
 	if ($[6] !== heights || $[7] !== settledIds) {
 		t5 = () => {
@@ -204,7 +206,7 @@ function useItemPositions(visibleItems) {
 * Extracted from OverlayContainer for readability.
 */
 function useCollapseState(canCollapse, allItems, itemRefs, onPauseChange) {
-	const $ = c(28);
+	const $ = c(34);
 	const [isCollapsed, setIsCollapsed] = useState(false);
 	const containerRef = useRef(null);
 	const boundsRef = useRef(null);
@@ -275,86 +277,109 @@ function useCollapseState(canCollapse, allItems, itemRefs, onPauseChange) {
 	}
 	useEffect(t1, t2);
 	let t3;
-	if ($[6] !== updateBounds) {
+	if ($[6] !== allItems.length || $[7] !== onPauseChange || $[8] !== updateBounds) {
 		t3 = () => {
 			updateBounds();
+			if (allItems.length === 0) {
+				setIsCollapsed(false);
+				onPauseChange(false);
+			}
 		};
-		$[6] = updateBounds;
-		$[7] = t3;
-	} else t3 = $[7];
+		$[6] = allItems.length;
+		$[7] = onPauseChange;
+		$[8] = updateBounds;
+		$[9] = t3;
+	} else t3 = $[9];
 	let t4;
-	if ($[8] !== allItems || $[9] !== updateBounds) {
-		t4 = [allItems, updateBounds];
-		$[8] = allItems;
-		$[9] = updateBounds;
-		$[10] = t4;
-	} else t4 = $[10];
+	if ($[10] !== allItems || $[11] !== onPauseChange || $[12] !== updateBounds) {
+		t4 = [
+			allItems,
+			updateBounds,
+			onPauseChange
+		];
+		$[10] = allItems;
+		$[11] = onPauseChange;
+		$[12] = updateBounds;
+		$[13] = t4;
+	} else t4 = $[13];
 	useEffect(t3, t4);
 	let t5;
-	if ($[11] !== canCollapse || $[12] !== onPauseChange || $[13] !== updateBounds) {
+	if ($[14] !== onPauseChange) {
 		t5 = () => {
-			updateBounds();
 			onPauseChange(true);
-			if (canCollapse) setIsCollapsed(true);
 		};
-		$[11] = canCollapse;
-		$[12] = onPauseChange;
-		$[13] = updateBounds;
-		$[14] = t5;
-	} else t5 = $[14];
+		$[14] = onPauseChange;
+		$[15] = t5;
+	} else t5 = $[15];
 	const handleMouseEnter = t5;
 	let t6;
-	if ($[15] !== isCollapsed || $[16] !== onPauseChange) {
+	if ($[16] !== canCollapse || $[17] !== isCollapsed || $[18] !== updateBounds) {
 		t6 = () => {
-			if (!isCollapsed) onPauseChange(false);
+			if (canCollapse && !isCollapsed) {
+				updateBounds();
+				setIsCollapsed(true);
+			}
 		};
-		$[15] = isCollapsed;
-		$[16] = onPauseChange;
-		$[17] = t6;
-	} else t6 = $[17];
-	const handleMouseLeave = t6;
+		$[16] = canCollapse;
+		$[17] = isCollapsed;
+		$[18] = updateBounds;
+		$[19] = t6;
+	} else t6 = $[19];
+	const handleMouseMove_0 = t6;
 	let t7;
-	if ($[18] !== onPauseChange) {
+	if ($[20] !== isCollapsed || $[21] !== onPauseChange) {
 		t7 = () => {
-			onPauseChange(true);
+			if (!isCollapsed) onPauseChange(false);
 		};
-		$[18] = onPauseChange;
-		$[19] = t7;
-	} else t7 = $[19];
-	const handleFocus = t7;
+		$[20] = isCollapsed;
+		$[21] = onPauseChange;
+		$[22] = t7;
+	} else t7 = $[22];
+	const handleMouseLeave = t7;
 	let t8;
-	if ($[20] !== onPauseChange) {
-		t8 = (e_0) => {
-			if (containerRef.current && !containerRef.current.contains(e_0.relatedTarget)) onPauseChange(false);
+	if ($[23] !== onPauseChange) {
+		t8 = () => {
+			onPauseChange(true);
 		};
-		$[20] = onPauseChange;
-		$[21] = t8;
-	} else t8 = $[21];
-	const handleBlur = t8;
+		$[23] = onPauseChange;
+		$[24] = t8;
+	} else t8 = $[24];
+	const handleFocus = t8;
 	let t9;
-	if ($[22] !== handleBlur || $[23] !== handleFocus || $[24] !== handleMouseEnter || $[25] !== handleMouseLeave || $[26] !== isCollapsed) {
-		t9 = {
+	if ($[25] !== onPauseChange) {
+		t9 = (e_0) => {
+			if (containerRef.current && !containerRef.current.contains(e_0.relatedTarget)) onPauseChange(false);
+		};
+		$[25] = onPauseChange;
+		$[26] = t9;
+	} else t9 = $[26];
+	const handleBlur = t9;
+	let t10;
+	if ($[27] !== handleBlur || $[28] !== handleFocus || $[29] !== handleMouseEnter || $[30] !== handleMouseLeave || $[31] !== handleMouseMove_0 || $[32] !== isCollapsed) {
+		t10 = {
 			isCollapsed,
 			handleMouseEnter,
+			handleMouseMove: handleMouseMove_0,
 			handleMouseLeave,
 			handleFocus,
 			handleBlur,
 			containerRef
 		};
-		$[22] = handleBlur;
-		$[23] = handleFocus;
-		$[24] = handleMouseEnter;
-		$[25] = handleMouseLeave;
-		$[26] = isCollapsed;
-		$[27] = t9;
-	} else t9 = $[27];
-	return t9;
+		$[27] = handleBlur;
+		$[28] = handleFocus;
+		$[29] = handleMouseEnter;
+		$[30] = handleMouseLeave;
+		$[31] = handleMouseMove_0;
+		$[32] = isCollapsed;
+		$[33] = t10;
+	} else t10 = $[33];
+	return t10;
 }
 function _temp() {
 	return {};
 }
 function OverlayContainer(t0) {
-	const $ = c(51);
+	const $ = c(52);
 	const { toasts, notifications, onToastExitComplete, onNotificationExitComplete, onNotificationDismiss, onNotificationRestore, onPauseChange } = t0;
 	let items;
 	if ($[0] !== notifications || $[1] !== toasts) {
@@ -387,7 +412,7 @@ function OverlayContainer(t0) {
 	} else t3 = $[8];
 	const canCollapse = !hasNotifications && !t3;
 	const { heights, settledIds, positions, lastPositionsRef, itemRefs, createRefCallback } = useItemPositions(visibleItems);
-	const { isCollapsed, handleMouseEnter, handleMouseLeave, handleFocus, handleBlur, containerRef } = useCollapseState(canCollapse, allItems, itemRefs, onPauseChange);
+	const { isCollapsed, handleMouseEnter, handleMouseMove, handleMouseLeave, handleFocus, handleBlur, containerRef } = useCollapseState(canCollapse, allItems, itemRefs, onPauseChange);
 	let t4;
 	if ($[9] !== onNotificationDismiss || $[10] !== onPauseChange) {
 		t4 = (id, reason) => {
@@ -421,7 +446,7 @@ function OverlayContainer(t0) {
 	let t7;
 	let t8;
 	let t9;
-	if ($[16] !== allItems || $[17] !== canCollapse || $[18] !== containerRef || $[19] !== createRefCallback || $[20] !== handleBlur || $[21] !== handleExitComplete || $[22] !== handleFocus || $[23] !== handleMouseEnter || $[24] !== handleMouseLeave || $[25] !== handleNotificationDismiss || $[26] !== heights || $[27] !== isCollapsed || $[28] !== lastPositionsRef || $[29] !== onNotificationRestore || $[30] !== positions || $[31] !== settledIds || $[32] !== visibleItems) {
+	if ($[16] !== allItems || $[17] !== canCollapse || $[18] !== containerRef || $[19] !== createRefCallback || $[20] !== handleBlur || $[21] !== handleExitComplete || $[22] !== handleFocus || $[23] !== handleMouseEnter || $[24] !== handleMouseLeave || $[25] !== handleMouseMove || $[26] !== handleNotificationDismiss || $[27] !== heights || $[28] !== isCollapsed || $[29] !== lastPositionsRef || $[30] !== onNotificationRestore || $[31] !== positions || $[32] !== settledIds || $[33] !== visibleItems) {
 		t11 = Symbol.for("react.early_return_sentinel");
 		bb0: {
 			const getItemStyle = (item_1, index, total) => {
@@ -466,6 +491,7 @@ function OverlayContainer(t0) {
 							},
 							style: getItemStyle(item_3, visibleIndex, visibleItems.length),
 							onMouseEnter: handleMouseEnter,
+							onMouseMove: handleMouseMove,
 							onMouseLeave: handleMouseLeave,
 							children: item_3.kind === "toast" ? /* @__PURE__ */ jsx(ToastItem, {
 								...item_3.data.itemProps,
@@ -494,35 +520,36 @@ function OverlayContainer(t0) {
 		$[22] = handleFocus;
 		$[23] = handleMouseEnter;
 		$[24] = handleMouseLeave;
-		$[25] = handleNotificationDismiss;
-		$[26] = heights;
-		$[27] = isCollapsed;
-		$[28] = lastPositionsRef;
-		$[29] = onNotificationRestore;
-		$[30] = positions;
-		$[31] = settledIds;
-		$[32] = visibleItems;
-		$[33] = T0;
-		$[34] = T1;
-		$[35] = t10;
-		$[36] = t11;
-		$[37] = t6;
-		$[38] = t7;
-		$[39] = t8;
-		$[40] = t9;
+		$[25] = handleMouseMove;
+		$[26] = handleNotificationDismiss;
+		$[27] = heights;
+		$[28] = isCollapsed;
+		$[29] = lastPositionsRef;
+		$[30] = onNotificationRestore;
+		$[31] = positions;
+		$[32] = settledIds;
+		$[33] = visibleItems;
+		$[34] = T0;
+		$[35] = T1;
+		$[36] = t10;
+		$[37] = t11;
+		$[38] = t6;
+		$[39] = t7;
+		$[40] = t8;
+		$[41] = t9;
 	} else {
-		T0 = $[33];
-		T1 = $[34];
-		t10 = $[35];
-		t11 = $[36];
-		t6 = $[37];
-		t7 = $[38];
-		t8 = $[39];
-		t9 = $[40];
+		T0 = $[34];
+		T1 = $[35];
+		t10 = $[36];
+		t11 = $[37];
+		t6 = $[38];
+		t7 = $[39];
+		t8 = $[40];
+		t9 = $[41];
 	}
 	if (t11 !== Symbol.for("react.early_return_sentinel")) return t11;
 	let t12;
-	if ($[41] !== T0 || $[42] !== t10 || $[43] !== t6 || $[44] !== t7 || $[45] !== t8 || $[46] !== t9) {
+	if ($[42] !== T0 || $[43] !== t10 || $[44] !== t6 || $[45] !== t7 || $[46] !== t8 || $[47] !== t9) {
 		t12 = /* @__PURE__ */ jsx(T0, {
 			ref: t6,
 			"data-react-aria-top-layer": t7,
@@ -530,21 +557,21 @@ function OverlayContainer(t0) {
 			onBlur: t9,
 			children: t10
 		});
-		$[41] = T0;
-		$[42] = t10;
-		$[43] = t6;
-		$[44] = t7;
-		$[45] = t8;
-		$[46] = t9;
-		$[47] = t12;
-	} else t12 = $[47];
+		$[42] = T0;
+		$[43] = t10;
+		$[44] = t6;
+		$[45] = t7;
+		$[46] = t8;
+		$[47] = t9;
+		$[48] = t12;
+	} else t12 = $[48];
 	let t13;
-	if ($[48] !== T1 || $[49] !== t12) {
+	if ($[49] !== T1 || $[50] !== t12) {
 		t13 = /* @__PURE__ */ jsx(T1, { children: t12 });
-		$[48] = T1;
-		$[49] = t12;
-		$[50] = t13;
-	} else t13 = $[50];
+		$[49] = T1;
+		$[50] = t12;
+		$[51] = t13;
+	} else t13 = $[51];
 	return t13;
 }
 function _temp8(item_2, index_0) {