@cube-dev/ui-kit 0.197.0 → 0.198.1

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","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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"}
+{"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","Item","_c","hasDismiss"],"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":";;;;;;;;;;;;;;AAoBA,MAAMe,aAAaf,MAAMO,OAAM,EAC7BS,QAAQ;CAENC,OAAO;EACL,IAAI;EACJC,MAAM;CACR;CACAC,QAAQ;EACN,IAAI;EACJD,MAAM;CACR;CACAE,QAAQ;EACN,IAAI;EACJF,MAAM;CACR;CACAG,YAAY;CAIZC,aAAa;EACXC,QAAQ;EACRC,cAAc;CAChB;AACF,EACF,CAAC;;;;;;;;;;AAaD,SAASC,iBAAiBC,MAA0B;CAClD,IAAIC,QAAQ;CAEZ,MAAMC,SAASC,MAAiB;EAC9B,IAAIF,SAASE,KAAK,QAAQ,OAAOA,MAAM,aAAa,OAAOA,MAAM,UAC/D;EAGF,IAAIC,MAAMC,QAAQF,CAAC,GAAG;GACpB,KAAK,MAAMG,SAASH,GAAGD,MAAMI,KAAK;GAClC;EACF;EAEA,IAAI/B,eAAe4B,CAAC,GAAG;GACrB,IAAIA,EAAEI,SAAStB,sBAAuBkB,EAAEK,MAAcC,WAAW;IAC/DR,QAAQ;IACR;GACF;GAOAC,MAAOC,EAAEK,MAAcE,QAAQ;EACjC;CACF;CAEAR,MAAMF,IAAI;CACV,OAAOC;AACT;;;;;AAMA,SAAAU,oBAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACE,MAAA,EAAAC,MAAcpC,QAAQ;CAAE,IAAAqC;CAAA,IAAAH,EAAA,OAAAE,GAAA;EAInBC,KAAAD,EAAE,yBAAyB,SAAS;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAG,IAAA;EADxCC,KAAA,oBAAC,oBAAD;GAAoB,WAAA;GACjBD,UAAAA;EADgB,CAAA;EAEEH,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAFrBI;AAEqB;;;;;;;;;AAiCzB,SAAAW,eAAAZ,IAAA;CAAA,MAAAH,IAAAC,EAAA,EAAA;CAAwB,MAAA,EAAAK,SAAAC,OAAAC,iBAAAC,mBAAAC,gBAAAC,WAAAG,cAAAX;CAQF,IAAAC;CAAA,IAAAJ,EAAA,OAAAM,SAAA;EAIDF,KAAAjB,iBAAiBmB,OAAO;EAACN,EAAA,KAAAM;EAAAN,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAC5C,MAAAiB,qBAA2BT,mBAAA,CAAoBQ;CAAW,IAAAE;CAAA,IAAAlB,EAAA,OAAAiB,oBAAA;EAKrDC,KAAAD,sBAAsB,oBAAC,mBAAD,CAAkB,CAAA;EAAGjB,EAAA,KAAAiB;EAAAjB,EAAA,KAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAAM,WAAAN,EAAA,OAAAkB,IAAA;EAF9CC,KAAA,qBAAC,OAAD;GAAiB,WAAA;GAAmB,cAAA;GAAgB,UAAA;GAApD,UAAA,CACGb,SACAY,EAFG;;EAGElB,EAAA,KAAAM;EAAAN,EAAA,KAAAkB;EAAAlB,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAJV,MAAAoB,iBACED;CAIA,IAAAE;CAAA,IAAArB,EAAA,OAAAoB,kBAAApB,EAAA,OAAAS,qBAAAT,EAAA,OAAAU,kBAAAV,EAAA,QAAAW,aAAAX,EAAA,QAAAc,WAAA;EAIGO,KAAAZ,oBACC,oBAAC,6BAAD;GACkBC;GACLC;GACAG;GAEVM,UAAAA;EALyB,CAAA,IAD7BA;EAUApB,EAAA,KAAAoB;EAAApB,EAAA,KAAAS;EAAAT,EAAA,KAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAc;EAAAd,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAqB,MAAArB,EAAA,QAAAO,OAAA;EAXHe,KAAA,oBAAC,oBAAD;GAAyB,MAAA;GAAcf;GACpCc,UAAAA;EADgB,CAAA;EAYErB,EAAA,MAAAqB;EAAArB,EAAA,MAAAO;EAAAP,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAAA,OAZrBsB;AAYqB;;;;;AA2CzB,SAAOS,iBAAA5B,IAAA;CAAA,MAAAH,IAAAC,EAAA,EAAA;CAA0B,MAAA,EAAAuB,IAAApB,IAAAG,OAAAkB,OAAAC,aAAAC,MAAAK,cAAA1B,SAAAsB,eAAAV,IAAAW,UAAAV,IAAAT,gBAAAC,WAAAG,WAAAgB,WAAA3B;CAC/B,MAAAqB,KAAApB,OAAA6B,KAAAA,IAAA,iBAAA7B;CAMA,MAAAwB,gBAAAV,OAAAe,KAAAA,IAAA,OAAAf;CACA,MAAAW,WAAAV,OAAAc,KAAAA,IAAA,OAAAd;CAAe,IAAAE;CAAA,IAAArB,EAAA,OAAAgC,gBAAAhC,EAAA,OAAAO,OAAA;EAMFc,KAAAjD,aAAamC,OAAOyB,YAAY;EAAChC,EAAA,KAAAgC;EAAAhC,EAAA,KAAAO;EAAAP,EAAA,KAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAA9C,MAAA2B,OAAaN;CAEb,MAAAZ,oBAA0BC,kBAAkB,QAAQC,aAAa;CACjE,MAAAH,kBAAwBoB,iBAAAnB;CACxB,MAAAyB,aAAmB,CAAC,EAAE5B,WAAAE;CAA4B,IAAAc;CAAA,IAAAtB,EAAA,OAAAM,WAAAN,EAAA,OAAA0B,eAAA1B,EAAA,OAAAkC,cAAAlC,EAAA,OAAAS,qBAAAT,EAAA,OAAAU,kBAAAV,EAAA,OAAAW,aAAAX,EAAA,OAAAc,aAAAd,EAAA,QAAAQ,mBAAAR,EAAA,QAAAO,OAAA;EAGhDe,KAAAI,eAAAQ,aACE,qBAAC,MAAD;GAAW,MAAA;GAAe,KAAA;GAAqB,YAAA;GAA/C,UAAA,CACGR,eAAe,oBAAC,OAAD,EAAA,UAAQA,YAAF,CAAA,GACrBQ,cACC,oBAAC,gBAAD;IACW5B;IACFC;IACUC;IACEC;IACHC;IACLC;IACAG;GAAS,CAAA,CAVrB;EADPmB,CAAAA,IAAAA,KAAAA;EAeajC,EAAA,KAAAM;EAAAN,EAAA,KAAA0B;EAAA1B,EAAA,KAAAkC;EAAAlC,EAAA,KAAAS;EAAAT,EAAA,KAAAU;EAAAV,EAAA,KAAAW;EAAAX,EAAA,KAAAc;EAAAd,EAAA,MAAAQ;EAAAR,EAAA,MAAAO;EAAAP,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAhBf,MAAAmC,qBACEb;CAyBgB,MAAAc,KAAA,CAACP;CAAQ,IAAAQ;CAAA,IAAArC,EAAA,QAAAoC,IAAA;EAAjBC,KAAA,EAAAzD,MAAQwD,GAAU;EAACpC,EAAA,MAAAoC;EAAApC,EAAA,MAAAqC;CAAA,OAAAA,KAAArC,EAAA;CAAA,IAAAsC;CAAA,IAAAtC,EAAA,QAAA6B,UAAA;EACjBS,KAAA,CAACT,WAAD,EAAAU,QAAsB,IAAgB,IAAtCN,KAAAA;EAAuCjC,EAAA,MAAA6B;EAAA7B,EAAA,MAAAsC;CAAA,OAAAA,KAAAtC,EAAA;CAAA,IAAAwC;CAAA,IAAAxC,EAAA,QAAAmC,sBAAAnC,EAAA,QAAA2B,QAAA3B,EAAA,QAAAwB,MAAAxB,EAAA,QAAA8B,UAAA9B,EAAA,QAAAqC,MAAArC,EAAA,QAAAsC,MAAAtC,EAAA,QAAAO,SAAAP,EAAA,QAAAyB,OAAA;EARjDe,KAAA,oBAAC,YAAD;GACMhB;GACC,MAAA;GACEjB;GACDoB;GACOQ,aAAAA;GACLL;GACF,MAAAO;GACE,QAAAC;GAEPb,UAAAA;EAVQ,CAAA;EAWEzB,EAAA,MAAAmC;EAAAnC,EAAA,MAAA2B;EAAA3B,EAAA,MAAAwB;EAAAxB,EAAA,MAAA8B;EAAA9B,EAAA,MAAAqC;EAAArC,EAAA,MAAAsC;EAAAtC,EAAA,MAAAO;EAAAP,EAAA,MAAAyB;EAAAzB,EAAA,MAAAwC;CAAA,OAAAA,KAAAxC,EAAA;CAAA,OAXbwC;AAWa"}

package/dist/components/overlays/Notifications/NotificationContext.d.ts

@@ -1,10 +1,7 @@
 
 import "./types.js";
 import { ToastContextValue } from "../Toast/types.js";
-import "react";
-
 //#region src/components/overlays/Notifications/NotificationContext.d.ts
-declare function useToastContext(): ToastContextValue;
+export declare function useToastContext(): ToastContextValue;
 //#endregion
-export { useToastContext };
 //# sourceMappingURL=NotificationContext.d.ts.map

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

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
-
 //#region src/components/overlays/Notifications/NotificationContext.ts
 const ToastContext = createContext(null);
 /**
@@ -28,7 +27,7 @@ function usePersistentNotificationsContext() {
 	if (!context) throw new Error("usePersistentNotificationsContext must be used within an OverlayProvider");
 	return context;
 }
-
 //#endregion
 export { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, usePersistentNotificationsContext, useToastContext };
+
 //# sourceMappingURL=NotificationContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationContext.js","names":["createContext","useContext","ToastContextValue","InternalNotificationContextValue","PersistentNotificationsContextValue","ToastContext","NotificationContext","PersistentNotificationsContext","useToastContext","context","Error","useNotificationContext","usePersistentNotificationsContext"],"sources":["../../../../src/components/overlays/Notifications/NotificationContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ToastContextValue } from '../Toast/types';\nimport type {\n  InternalNotificationContextValue,\n  PersistentNotificationsContextValue,\n} from './types';\n\n// ─── Contexts ─────────────────────────────────────────────────────────\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\n/**\n * Internal context for overlay notification machinery.\n * Not exported publicly — consumers should use `useNotifications` hook.\n */\nexport const NotificationContext =\n  createContext<InternalNotificationContextValue | null>(null);\n\n/**\n * Public context for persistent notifications.\n * Used by `usePersistentNotifications` and `useNotificationsCount` hooks.\n */\nexport const PersistentNotificationsContext =\n  createContext<PersistentNotificationsContextValue | null>(null);\n\n// ─── Context Hooks ────────────────────────────────────────────────────\n\nexport function useToastContext(): ToastContextValue {\n  const context = useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useToastContext must be used within an OverlayProvider');\n  }\n\n  return context;\n}\n\nexport function useNotificationContext(): InternalNotificationContextValue {\n  const context = useContext(NotificationContext);\n\n  if (!context) {\n    throw new Error(\n      'useNotificationContext must be used within an OverlayProvider',\n    );\n  }\n\n  return context;\n}\n\nexport function usePersistentNotificationsContext(): PersistentNotificationsContextValue {\n  const context = useContext(PersistentNotificationsContext);\n\n  if (!context) {\n    throw new Error(\n      'usePersistentNotificationsContext must be used within an OverlayProvider',\n    );\n  }\n\n  return context;\n}\n"],"mappings":";;;;AAUA,MAAaK,eAAeL,cAAwC,KAAK;;;;;AAMzE,MAAaM,sBACXN,cAAuD,KAAK;;;;;AAM9D,MAAaO,iCACXP,cAA0D,KAAK;AAIjE,SAAOQ,kBAAA;CACL,MAAAC,UAAgBR,WAAWI,aAAa;AAExC,KAAI,CAACI,QACH,OAAM,IAAIC,MAAM,yDAAyD;AAC1E,QAEMD;;AAGT,SAAOE,yBAAA;CACL,MAAAF,UAAgBR,WAAWK,oBAAoB;AAE/C,KAAI,CAACG,QACH,OAAM,IAAIC,MACR,gEACD;AACF,QAEMD;;AAGT,SAAOG,oCAAA;CACL,MAAAH,UAAgBR,WAAWM,+BAA+B;AAE1D,KAAI,CAACE,QACH,OAAM,IAAIC,MACR,2EACD;AACF,QAEMD"}
+{"version":3,"file":"NotificationContext.js","names":["createContext","useContext","ToastContextValue","InternalNotificationContextValue","PersistentNotificationsContextValue","ToastContext","NotificationContext","PersistentNotificationsContext","useToastContext","context","Error","useNotificationContext","usePersistentNotificationsContext"],"sources":["../../../../src/components/overlays/Notifications/NotificationContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { ToastContextValue } from '../Toast/types';\nimport type {\n  InternalNotificationContextValue,\n  PersistentNotificationsContextValue,\n} from './types';\n\n// ─── Contexts ─────────────────────────────────────────────────────────\n\nexport const ToastContext = createContext<ToastContextValue | null>(null);\n\n/**\n * Internal context for overlay notification machinery.\n * Not exported publicly — consumers should use `useNotifications` hook.\n */\nexport const NotificationContext =\n  createContext<InternalNotificationContextValue | null>(null);\n\n/**\n * Public context for persistent notifications.\n * Used by `usePersistentNotifications` and `useNotificationsCount` hooks.\n */\nexport const PersistentNotificationsContext =\n  createContext<PersistentNotificationsContextValue | null>(null);\n\n// ─── Context Hooks ────────────────────────────────────────────────────\n\nexport function useToastContext(): ToastContextValue {\n  const context = useContext(ToastContext);\n\n  if (!context) {\n    throw new Error('useToastContext must be used within an OverlayProvider');\n  }\n\n  return context;\n}\n\nexport function useNotificationContext(): InternalNotificationContextValue {\n  const context = useContext(NotificationContext);\n\n  if (!context) {\n    throw new Error(\n      'useNotificationContext must be used within an OverlayProvider',\n    );\n  }\n\n  return context;\n}\n\nexport function usePersistentNotificationsContext(): PersistentNotificationsContextValue {\n  const context = useContext(PersistentNotificationsContext);\n\n  if (!context) {\n    throw new Error(\n      'usePersistentNotificationsContext must be used within an OverlayProvider',\n    );\n  }\n\n  return context;\n}\n"],"mappings":";;;AAUA,MAAaK,eAAeL,cAAwC,IAAI;;;;;AAMxE,MAAaM,sBACXN,cAAuD,IAAI;;;;;AAM7D,MAAaO,iCACXP,cAA0D,IAAI;AAIhE,SAAOQ,kBAAA;CACL,MAAAC,UAAgBR,WAAWI,YAAY;CAEvC,IAAI,CAACI,SACH,MAAM,IAAIC,MAAM,wDAAwD;CACzE,OAEMD;AAAO;AAGhB,SAAOE,yBAAA;CACL,MAAAF,UAAgBR,WAAWK,mBAAmB;CAE9C,IAAI,CAACG,SACH,MAAM,IAAIC,MACR,+DACF;CACD,OAEMD;AAAO;AAGhB,SAAOG,oCAAA;CACL,MAAAH,UAAgBR,WAAWM,8BAA8B;CAEzD,IAAI,CAACE,SACH,MAAM,IAAIC,MACR,0EACF;CACD,OAEMD;AAAO"}

package/dist/components/overlays/Notifications/NotificationItem.d.ts

@@ -1,19 +1,12 @@
 
 import { DismissReason, InternalNotification } from "./types.js";
-import * as react from "react";
 import { Key } from "react";
-
 //#region src/components/overlays/Notifications/NotificationItem.d.ts
-interface NotificationItemProps {
+export interface NotificationItemProps {
   notification: InternalNotification;
   onDismiss: (id: Key, reason: DismissReason) => void;
   onRestore?: (id: Key) => void;
 }
-declare function NotificationItem({
-  notification,
-  onDismiss,
-  onRestore
-}: NotificationItemProps): react.JSX.Element;
+export declare function NotificationItem({ notification, onDismiss, onRestore }: NotificationItemProps): import("react").JSX.Element;
 //#endregion
-export { NotificationItem, NotificationItemProps };
 //# sourceMappingURL=NotificationItem.d.ts.map

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { NotificationCard } from "./NotificationCard.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/overlays/Notifications/NotificationItem.tsx
 function getAriaRole(theme) {
 	if (theme === "danger" || theme === "warning") return "alert";
@@ -108,7 +107,7 @@ function NotificationItem(t0) {
 	} else t6 = $[22];
 	return t6;
 }
-
 //#endregion
 export { NotificationItem };
+
 //# sourceMappingURL=NotificationItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationItem.js","names":["tasty","Key","KeyboardEvent","useEvent","NotificationCard","DismissReason","InternalNotification","NotificationType","getAriaRole","theme","getAriaLive","NotificationItemWrapper","as","tabIndex","styles","outline","NotificationItemProps","notification","onDismiss","id","reason","onRestore","NotificationItem","t0","$","_c","title","description","icon","actions","isDismissable","t1","internalId","undefined","notificationId","t2","e","key","stopPropagation","handleKeyDown","t3","t4","t5","t6"],"sources":["../../../../src/components/overlays/Notifications/NotificationItem.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { Key, KeyboardEvent } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nimport { NotificationCard } from './NotificationCard';\n\nimport type {\n  DismissReason,\n  InternalNotification,\n  NotificationType,\n} from './types';\n\n// ─── ARIA Helpers ────────────────────────────────────────────────────\n\nfunction getAriaRole(theme?: NotificationType): 'alert' | 'status' {\n  if (theme === 'danger' || theme === 'warning') {\n    return 'alert';\n  }\n\n  return 'status';\n}\n\nfunction getAriaLive(theme?: NotificationType): 'assertive' | 'polite' {\n  if (theme === 'danger' || theme === 'warning') {\n    return 'assertive';\n  }\n\n  return 'polite';\n}\n\n// ─── Styled Wrapper ──────────────────────────────────────────────────\n\n/**\n * Wrapper element for overlay notification items.\n *\n * Accessibility attributes are set as static defaults:\n * - `tabIndex={0}`: Makes the notification focusable via keyboard, allowing\n *   users to Tab to it and press Escape to dismiss.\n * - `aria-atomic=\"true\"`: Ensures screen readers announce the entire notification\n *   when content changes (not just the diff).\n * - `aria-relevant=\"additions text\"`: Announces when new content is added or\n *   text changes, but not when elements are removed (e.g., during exit animation).\n *\n * The `role` and `aria-live` are set dynamically per-instance based on theme\n * (see `getAriaRole` and `getAriaLive` above).\n */\nconst NotificationItemWrapper = tasty({\n  as: 'div',\n  tabIndex: 0,\n  'aria-atomic': 'true',\n  'aria-relevant': 'additions text',\n  styles: {\n    outline: {\n      '': 'none',\n    },\n  },\n});\n\n// ─── NotificationItem Component ─────────────────────────────────────\n\nexport interface NotificationItemProps {\n  notification: InternalNotification;\n  onDismiss: (id: Key, reason: DismissReason) => void;\n  onRestore?: (id: Key) => void;\n}\n\nexport function NotificationItem({\n  notification,\n  onDismiss,\n  onRestore,\n}: NotificationItemProps) {\n  const {\n    theme,\n    title,\n    description,\n    icon,\n    actions,\n    isDismissable = true,\n    id,\n    internalId,\n  } = notification;\n\n  const notificationId = id ?? internalId;\n\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    if (e.key === 'Escape' && isDismissable) {\n      e.stopPropagation();\n      onDismiss(notificationId, 'close');\n    }\n  });\n\n  return (\n    <NotificationItemWrapper\n      role={getAriaRole(theme)}\n      aria-live={getAriaLive(theme)}\n      onKeyDown={handleKeyDown}\n    >\n      <NotificationCard\n        qa=\"Notification\"\n        theme={theme}\n        title={title}\n        description={description}\n        icon={icon}\n        actions={actions}\n        isDismissable={isDismissable}\n        notificationId={notificationId}\n        onDismiss={onDismiss}\n        onRestore={onRestore}\n      />\n    </NotificationItemWrapper>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAASQ,YAAYC,OAA8C;AACjE,KAAIA,UAAU,YAAYA,UAAU,UAClC,QAAO;AAGT,QAAO;;AAGT,SAASC,YAAYD,OAAkD;AACrE,KAAIA,UAAU,YAAYA,UAAU,UAClC,QAAO;AAGT,QAAO;;;;;;;;;;;;;;;;AAmBT,MAAME,0BAA0BX,MAAM;CACpCY,IAAI;CACJC,UAAU;CACV,eAAe;CACf,iBAAiB;CACjBC,QAAQ,EACNC,SAAS,EACP,IAAI,QACN,EACF;CACD,CAAC;AAUF,SAAOO,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAA0B,MAAA,EAAAR,cAAAC,WAAAG,cAAAE;CAK/B,MAAA,EAAAd,OAAAiB,OAAAC,aAAAC,MAAAC,SAAAC,eAAAC,IAAAZ,IAAAa,eASIf;CAHF,MAAAa,gBAAAC,OAAAE,SAAA,OAAAF;CAKF,MAAAG,iBAAuBf,MAAAa;CAAiB,IAAAG;AAAA,KAAAX,EAAA,OAAAM,iBAAAN,EAAA,OAAAU,kBAAAV,EAAA,OAAAN,WAAA;AAETiB,QAAAC,MAAA;AAC7B,OAAIA,EAACC,QAAS,YAAVP,eAAmC;AACrCM,MAACE,iBAAkB;AACnBpB,cAAUgB,gBAAgB,QAAQ;;;AAErCV,IAAA,KAAAM;AAAAN,IAAA,KAAAU;AAAAV,IAAA,KAAAN;AAAAM,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CALD,MAAAe,gBAAsBpC,SAASgC,GAK7B;CAAC,IAAAK;AAAA,KAAAhB,EAAA,OAAAf,OAAA;AAIO+B,OAAAhC,YAAYC,MAAM;AAAAe,IAAA,KAAAf;AAAAe,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAf,OAAA;AACbgC,OAAA/B,YAAYD,MAAM;AAAAe,IAAA,KAAAf;AAAAe,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAK,WAAAL,EAAA,OAAAG,eAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAM,iBAAAN,EAAA,QAAAU,kBAAAV,EAAA,QAAAN,aAAAM,EAAA,QAAAH,aAAAG,EAAA,QAAAf,SAAAe,EAAA,QAAAE,OAAA;AAG7BgB,OAAA,oBAAC;GACI,IAAA;GACIjC;GACAiB;GACMC;GACPC;GACGC;GACMC;GACCI;GACLhB;GACAG;IACX;AAAAG,IAAA,KAAAK;AAAAL,IAAA,KAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAM;AAAAN,IAAA,MAAAU;AAAAV,IAAA,MAAAN;AAAAM,IAAA,MAAAH;AAAAG,IAAA,MAAAf;AAAAe,IAAA,MAAAE;AAAAF,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAe,iBAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,IAAA;AAhBJC,OAAA,oBAAC;GACO,MAAAH;GACK,aAAAC;GACAF,WAAAA;aAEXG;IAYwB;AAAAlB,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;AAAA,QAjB1BmB"}
+{"version":3,"file":"NotificationItem.js","names":["tasty","Key","KeyboardEvent","useEvent","NotificationCard","DismissReason","InternalNotification","NotificationType","getAriaRole","theme","getAriaLive","NotificationItemWrapper","as","tabIndex","styles","outline","NotificationItemProps","notification","onDismiss","id","reason","onRestore","NotificationItem","t0","$","_c","title","description","icon","actions","isDismissable","t1","internalId","undefined","notificationId","t2","e","key","stopPropagation","handleKeyDown","t3","t4","t5","t6","_c"],"sources":["../../../../src/components/overlays/Notifications/NotificationItem.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { Key, KeyboardEvent } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nimport { NotificationCard } from './NotificationCard';\n\nimport type {\n  DismissReason,\n  InternalNotification,\n  NotificationType,\n} from './types';\n\n// ─── ARIA Helpers ────────────────────────────────────────────────────\n\nfunction getAriaRole(theme?: NotificationType): 'alert' | 'status' {\n  if (theme === 'danger' || theme === 'warning') {\n    return 'alert';\n  }\n\n  return 'status';\n}\n\nfunction getAriaLive(theme?: NotificationType): 'assertive' | 'polite' {\n  if (theme === 'danger' || theme === 'warning') {\n    return 'assertive';\n  }\n\n  return 'polite';\n}\n\n// ─── Styled Wrapper ──────────────────────────────────────────────────\n\n/**\n * Wrapper element for overlay notification items.\n *\n * Accessibility attributes are set as static defaults:\n * - `tabIndex={0}`: Makes the notification focusable via keyboard, allowing\n *   users to Tab to it and press Escape to dismiss.\n * - `aria-atomic=\"true\"`: Ensures screen readers announce the entire notification\n *   when content changes (not just the diff).\n * - `aria-relevant=\"additions text\"`: Announces when new content is added or\n *   text changes, but not when elements are removed (e.g., during exit animation).\n *\n * The `role` and `aria-live` are set dynamically per-instance based on theme\n * (see `getAriaRole` and `getAriaLive` above).\n */\nconst NotificationItemWrapper = tasty({\n  as: 'div',\n  tabIndex: 0,\n  'aria-atomic': 'true',\n  'aria-relevant': 'additions text',\n  styles: {\n    outline: {\n      '': 'none',\n    },\n  },\n});\n\n// ─── NotificationItem Component ─────────────────────────────────────\n\nexport interface NotificationItemProps {\n  notification: InternalNotification;\n  onDismiss: (id: Key, reason: DismissReason) => void;\n  onRestore?: (id: Key) => void;\n}\n\nexport function NotificationItem({\n  notification,\n  onDismiss,\n  onRestore,\n}: NotificationItemProps) {\n  const {\n    theme,\n    title,\n    description,\n    icon,\n    actions,\n    isDismissable = true,\n    id,\n    internalId,\n  } = notification;\n\n  const notificationId = id ?? internalId;\n\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    if (e.key === 'Escape' && isDismissable) {\n      e.stopPropagation();\n      onDismiss(notificationId, 'close');\n    }\n  });\n\n  return (\n    <NotificationItemWrapper\n      role={getAriaRole(theme)}\n      aria-live={getAriaLive(theme)}\n      onKeyDown={handleKeyDown}\n    >\n      <NotificationCard\n        qa=\"Notification\"\n        theme={theme}\n        title={title}\n        description={description}\n        icon={icon}\n        actions={actions}\n        isDismissable={isDismissable}\n        notificationId={notificationId}\n        onDismiss={onDismiss}\n        onRestore={onRestore}\n      />\n    </NotificationItemWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAASQ,YAAYC,OAA8C;CACjE,IAAIA,UAAU,YAAYA,UAAU,WAClC,OAAO;CAGT,OAAO;AACT;AAEA,SAASC,YAAYD,OAAkD;CACrE,IAAIA,UAAU,YAAYA,UAAU,WAClC,OAAO;CAGT,OAAO;AACT;;;;;;;;;;;;;;;AAkBA,MAAME,0BAA0BX,MAAM;CACpCY,IAAI;CACJC,UAAU;CACV,eAAe;CACf,iBAAiB;CACjBC,QAAQ,EACNC,SAAS,EACP,IAAI,OACN,EACF;AACF,CAAC;AAUD,SAAOO,iBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA0B,MAAA,EAAAR,cAAAC,WAAAG,cAAAE;CAK/B,MAAA,EAAAd,OAAAiB,OAAAC,aAAAC,MAAAC,SAAAC,eAAAC,IAAAZ,IAAAa,eASIf;CAHF,MAAAa,gBAAAC,OAAAE,KAAAA,IAAA,OAAAF;CAKF,MAAAG,iBAAuBf,MAAAa;CAAiB,IAAAG;CAAA,IAAAX,EAAA,OAAAM,iBAAAN,EAAA,OAAAU,kBAAAV,EAAA,OAAAN,WAAA;EAETiB,MAAAC,MAAA;GAC7B,IAAIA,EAACC,QAAS,YAAVP,eAAmC;IACrCM,EAACE,gBAAiB;IAClBpB,UAAUgB,gBAAgB,OAAO;GAAC;EACnC;EACFV,EAAA,KAAAM;EAAAN,EAAA,KAAAU;EAAAV,EAAA,KAAAN;EAAAM,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CALD,MAAAe,gBAAsBpC,SAASgC,EAK9B;CAAE,IAAAK;CAAA,IAAAhB,EAAA,OAAAf,OAAA;EAIO+B,KAAAhC,YAAYC,KAAK;EAACe,EAAA,KAAAf;EAAAe,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAf,OAAA;EACbgC,KAAA/B,YAAYD,KAAK;EAACe,EAAA,KAAAf;EAAAe,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,OAAAK,WAAAL,EAAA,OAAAG,eAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAM,iBAAAN,EAAA,QAAAU,kBAAAV,EAAA,QAAAN,aAAAM,EAAA,QAAAH,aAAAG,EAAA,QAAAf,SAAAe,EAAA,QAAAE,OAAA;EAG7BgB,KAAA,oBAAC,kBAAD;GACK,IAAA;GACIjC;GACAiB;GACMC;GACPC;GACGC;GACMC;GACCI;GACLhB;GACAG;EAAS,CAAA;EACpBG,EAAA,KAAAK;EAAAL,EAAA,KAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAU;EAAAV,EAAA,MAAAN;EAAAM,EAAA,MAAAH;EAAAG,EAAA,MAAAf;EAAAe,EAAA,MAAAE;EAAAF,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAe,iBAAAf,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,IAAA;EAhBJC,KAAA,oBAAC,yBAAD;GACQ,MAAAH;GACK,aAAAC;GACAF,WAAAA;GAEXG,UAAAA;EALsB,CAAA;EAiBElB,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OAjB1BmB;AAiB0B"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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";
@@ -10,10 +10,7 @@ import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/overlays/Notifications/OverlayContainer.tsx
-const COLLAPSE_VISIBLE_HEIGHT = 10;
-const CONTAINER_OFFSET = 16;
 const ITEM_GAP = 8;
 const DEFAULT_ITEM_HEIGHT = 56;
 const OverlayContainerElement = tasty({ styles: {
@@ -113,7 +110,7 @@ function useItemPositions(visibleItems) {
 			const newIds = Object.keys(heights).filter((id_2) => !settledIds.has(id_2));
 			if (newIds.length === 0) return;
 			const frame = requestAnimationFrame(() => {
-				setSettledIds((prev_0) => new Set([...prev_0, ...newIds]));
+				setSettledIds((prev_0) => /* @__PURE__ */ new Set([...prev_0, ...newIds]));
 			});
 			return () => cancelAnimationFrame(frame);
 		};
@@ -442,7 +439,7 @@ function OverlayContainer(t0) {
 				if (!isCollapsed || !canCollapse) return { top: `${baseTop}px` };
 				const isNewest = index === total - 1;
 				return {
-					top: `${COLLAPSE_VISIBLE_HEIGHT - CONTAINER_OFFSET - height}px`,
+					top: `${-6 - height}px`,
 					zIndex: index,
 					opacity: isNewest ? 1 : 0,
 					pointerEvents: "none"
@@ -462,8 +459,9 @@ function OverlayContainer(t0) {
 			t10 = allItems.map((item_3) => {
 				const itemId = getItemId(item_3);
 				const visibleIndex = visibleIndexMap.get(itemId) ?? 0;
+				const isExiting = isItemExiting(item_3);
 				return /* @__PURE__ */ jsx(DisplayTransition, {
-					isShown: !isItemExiting(item_3),
+					isShown: !isExiting,
 					onRest: (transition) => {
 						if (transition === "exit") handleExitComplete(item_3);
 					},
@@ -587,7 +585,7 @@ function _temp2(t) {
 		data: t
 	};
 }
-
 //#endregion
 export { OverlayContainer };
+
 //# sourceMappingURL=OverlayContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayContainer.js","names":["tasty","FocusEvent","Key","RefObject","useCallback","useEffect","useMemo","useRef","useState","useEvent","useLayoutEffect","useViewportSize","DisplayTransition","Portal","ToastItem","NotificationItem","InternalToast","DismissReason","InternalNotification","COLLAPSE_VISIBLE_HEIGHT","CONTAINER_OFFSET","ITEM_GAP","DEFAULT_ITEM_HEIGHT","OverlayContainerElement","styles","position","top","left","transform","zIndex","padding","height","pointerEvents","OverlayItemWrapper","width","transition","isMeasured","opacity","isShown","OverlayItem","kind","data","getItemId","item","internalId","isItemExiting","isExiting","getItemCreatedAt","createdAt","ItemPositionsResult","heights","Record","settledIds","Set","positions","Map","lastPositionsRef","ReturnType","itemRefs","HTMLDivElement","createRefCallback","itemId","displayRef","el","HTMLElement","useItemPositions","visibleItems","$","_c","t0","Symbol","for","setHeights","t1","t2","t3","setSettledIds","t4","newHeights","hasChanges","hasRemovals","current","forEach","id","offsetHeight","id_0","Object","keys","has","prev","next","filter","id_1","size","t5","heightKeys","newIds","id_2","length","frame","requestAnimationFrame","prev_0","cancelAnimationFrame","t6","t7","el_0","set","delete","posMap","currentTop","id_3","height_0","t8","t9","pos","id_4","t10","CollapseStateResult","isCollapsed","handleMouseEnter","handleMouseMove","handleMouseLeave","handleFocus","handleBlur","e","containerRef","useCollapseState","canCollapse","allItems","onPauseChange","setIsCollapsed","boundsRef","refs","minX","Infinity","minY","maxX","maxY","rect","getBoundingClientRect","Math","min","max","right","bottom","DOMRect","x","y","toJSON","_temp","updateBounds","bounds","isInBounds","clientX","clientY","window","addEventListener","removeEventListener","handleMouseMove_0","e_0","contains","relatedTarget","Node","OverlayContainerProps","toasts","notifications","onToastExitComplete","onNotificationExitComplete","onNotificationDismiss","reason","onNotificationRestore","paused","OverlayContainer","items","map","_temp2","_temp3","sort","_temp4","_temp5","some","_temp6","hasNotifications","_temp7","hasActionableToasts","handleNotificationDismiss","item_0","handleExitComplete","T0","T1","t11","bb0","getItemStyle","item_1","index","total","baseTop","get","isNewest","collapsedTop","const","visibleIndexMap","_temp8","item_3","visibleIndex","t12","ref","itemProps","title","description","theme","icon","isLoading","actions","t13","item_2","index_0","t_0","t","n_0","n","a","b"],"sources":["../../../../src/components/overlays/Notifications/OverlayContainer.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  Key,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { useViewportSize } from '../../../utils/react/useViewportSize';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\nimport { ToastItem } from '../Toast/ToastItem';\n\nimport { NotificationItem } from './NotificationItem';\n\nimport type { InternalToast } from '../Toast/types';\nimport type { DismissReason, InternalNotification } from './types';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst COLLAPSE_VISIBLE_HEIGHT = 10;\nconst CONTAINER_OFFSET = 16;\nconst ITEM_GAP = 8;\nconst DEFAULT_ITEM_HEIGHT = 56;\n\n// ─── Styled Elements ─────────────────────────────────────────────────\n\nconst OverlayContainerElement = tasty({\n  styles: {\n    position: 'fixed',\n    top: '2x',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    zIndex: 100,\n    padding: '1x',\n    height: '0',\n    pointerEvents: 'none',\n  },\n});\n\nconst OverlayItemWrapper = tasty({\n  styles: {\n    position: 'absolute',\n    top: '0',\n    left: '50%',\n    transform: {\n      '': 'translateX(-50%) translateY(-50%)',\n      'isMeasured & isShown': 'translateX(-50%) translateY(0)',\n    },\n    // Sized to its content: the container has no width of its own. Capped,\n    // never floored, so a long toast wraps inside the viewport. The cap\n    // matches NotificationCard's own width.\n    width: 'initial max-content min((100vw - 4x), 50x)',\n    pointerEvents: 'auto',\n    transition: {\n      '': 'opacity $transition ease-in, transform $transition ease-in',\n      isMeasured:\n        'top $transition ease-in, opacity $transition ease-in, transform $transition ease-in',\n    },\n    opacity: {\n      '': 0,\n      isShown: 1,\n    },\n  },\n});\n\n// ─── Unified Item Type ───────────────────────────────────────────────\n\ntype OverlayItem =\n  | { kind: 'toast'; data: InternalToast }\n  | { kind: 'notification'; data: InternalNotification };\n\nfunction getItemId(item: OverlayItem): string {\n  return item.data.internalId;\n}\n\nfunction isItemExiting(item: OverlayItem): boolean {\n  return item.data.isExiting === true;\n}\n\nfunction getItemCreatedAt(item: OverlayItem): number {\n  return item.data.createdAt;\n}\n\n// ─── useItemPositions Hook ───────────────────────────────────────────\n\ninterface ItemPositionsResult {\n  heights: Record<string, number>;\n  /** Set of item IDs that have been measured AND painted at their correct position. */\n  settledIds: Set<string>;\n  positions: Map<string, number>;\n  lastPositionsRef: ReturnType<typeof useRef<Map<string, number>>>;\n  itemRefs: ReturnType<typeof useRef<Map<string, HTMLDivElement>>>;\n  createRefCallback: (\n    itemId: string,\n    displayRef: (el: HTMLElement | null) => void,\n  ) => (el: HTMLDivElement | null) => void;\n}\n\n/**\n * Manages height measurement, position calculation, and ref tracking\n * for overlay items. Extracted from OverlayContainer for readability.\n */\nfunction useItemPositions(visibleItems: OverlayItem[]): ItemPositionsResult {\n  const [heights, setHeights] = useState<Record<string, number>>({});\n  const itemRefs = useRef<Map<string, HTMLDivElement>>(new Map());\n  const lastPositionsRef = useRef<Map<string, number>>(new Map());\n\n  // Items that have been measured AND painted at their correct position.\n  // Lags one frame behind `heights` so the browser paints the item at\n  // its final `top` before the CSS `top` transition is enabled.\n  const [settledIds, setSettledIds] = useState<Set<string>>(new Set());\n\n  // Measure heights using layout effect to avoid visible layout shifts.\n  // Runs every render but bails early if nothing changed.\n  useLayoutEffect(() => {\n    const newHeights: Record<string, number> = {};\n    let hasChanges = false;\n    let hasRemovals = false;\n\n    itemRefs.current.forEach((el, id) => {\n      const height = el.offsetHeight || DEFAULT_ITEM_HEIGHT;\n      newHeights[id] = height;\n\n      if (heights[id] !== height) {\n        hasChanges = true;\n      }\n    });\n\n    for (const id of Object.keys(heights)) {\n      if (!itemRefs.current.has(id)) {\n        hasRemovals = true;\n      }\n    }\n\n    if (hasChanges || hasRemovals) {\n      setHeights(newHeights);\n    }\n\n    // Drop a removed item's settled id with its height, so a restored\n    // notification settles again under its old id. Pruning later, from the\n    // `heights` effect, left an update pending after each removal's sync\n    // commit, which React 19 counts as nested (\"Maximum update depth\").\n    if (hasRemovals) {\n      setSettledIds((prev) => {\n        const next = new Set([...prev].filter((id) => id in newHeights));\n\n        return next.size === prev.size ? prev : next;\n      });\n    }\n  });\n\n  // A wrapped toast changes height with the viewport, not only on a render.\n  // Re-rendering on a viewport resize lets the measurement above restack the\n  // items. A height change from content that re-renders on its own, outside\n  // this container, still waits for the container's next render.\n  useViewportSize();\n\n  // After heights change, schedule settledIds update for the next frame.\n  // This ensures the item is painted at its correct position (with no top\n  // transition) before we enable the transition.\n  useEffect(() => {\n    const heightKeys = Object.keys(heights);\n    const newIds = heightKeys.filter((id) => !settledIds.has(id));\n\n    if (newIds.length === 0) return;\n\n    // A removal changes `heights`, which cancels this frame, so the ids to\n    // add are still current when it runs.\n    const frame = requestAnimationFrame(() => {\n      setSettledIds((prev) => new Set([...prev, ...newIds]));\n    });\n\n    return () => cancelAnimationFrame(frame);\n  }, [heights]);\n\n  const createRefCallback =\n    (itemId: string, displayRef: (el: HTMLElement | null) => void) =>\n    (el: HTMLDivElement | null) => {\n      displayRef(el);\n\n      if (el) {\n        itemRefs.current.set(itemId, el);\n      } else {\n        itemRefs.current.delete(itemId);\n      }\n    };\n\n  const positions = useMemo(() => {\n    const posMap = new Map<string, number>();\n    let currentTop = 0;\n\n    for (const item of visibleItems) {\n      const id = getItemId(item);\n      posMap.set(id, currentTop);\n      const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;\n      currentTop += height + ITEM_GAP;\n    }\n\n    return posMap;\n  }, [visibleItems, heights]);\n\n  useEffect(() => {\n    positions.forEach((pos, id) => {\n      lastPositionsRef.current.set(id, pos);\n    });\n  }, [positions]);\n\n  return {\n    heights,\n    settledIds,\n    positions,\n    lastPositionsRef,\n    itemRefs,\n    createRefCallback,\n  };\n}\n\n// ─── useCollapseState Hook ───────────────────────────────────────────\n\ninterface CollapseStateResult {\n  isCollapsed: boolean;\n  handleMouseEnter: () => void;\n  handleMouseMove: () => void;\n  handleMouseLeave: () => void;\n  handleFocus: () => void;\n  handleBlur: (e: FocusEvent) => void;\n  containerRef: RefObject<HTMLDivElement | null>;\n}\n\n/**\n * Manages collapse/expand behavior and pause state for the overlay container.\n * Extracted from OverlayContainer for readability.\n */\nfunction useCollapseState(\n  canCollapse: boolean,\n  allItems: OverlayItem[],\n  itemRefs: ReturnType<typeof useRef<Map<string, HTMLDivElement>>>,\n  onPauseChange: (paused: boolean) => void,\n): CollapseStateResult {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const boundsRef = useRef<DOMRect | null>(null);\n\n  const updateBounds = () => {\n    const refs = itemRefs.current;\n\n    if (!refs || refs.size === 0) {\n      boundsRef.current = null;\n      return;\n    }\n\n    let minX = Infinity,\n      minY = Infinity,\n      maxX = -Infinity,\n      maxY = -Infinity;\n\n    refs.forEach((el) => {\n      const rect = el.getBoundingClientRect();\n      minX = Math.min(minX, rect.left);\n      minY = Math.min(minY, rect.top);\n      maxX = Math.max(maxX, rect.right);\n      maxY = Math.max(maxY, rect.bottom);\n    });\n\n    if (typeof DOMRect !== 'undefined') {\n      boundsRef.current = new DOMRect(minX, minY, maxX - minX, maxY - minY);\n    } else {\n      boundsRef.current = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY,\n        top: minY,\n        right: maxX,\n        bottom: maxY,\n        left: minX,\n        toJSON: () => ({}),\n      } as DOMRect;\n    }\n  };\n\n  // Track mouse for collapse — expand when mouse leaves bounds\n  useEffect(() => {\n    if (!isCollapsed) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const bounds = boundsRef.current;\n\n      if (!bounds) {\n        setIsCollapsed(false);\n        onPauseChange(false);\n        return;\n      }\n\n      const padding = 20;\n      const isInBounds =\n        e.clientX >= bounds.left - padding &&\n        e.clientX <= bounds.right + padding &&\n        e.clientY >= bounds.top - padding &&\n        e.clientY <= bounds.bottom + padding;\n\n      if (!isInBounds) {\n        setIsCollapsed(false);\n        onPauseChange(false);\n      }\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    return () => window.removeEventListener('mousemove', handleMouseMove);\n  }, [isCollapsed, onPauseChange]);\n\n  // An empty container must not carry hover state into the next toast stack.\n  useEffect(() => {\n    updateBounds();\n\n    if (allItems.length === 0) {\n      setIsCollapsed(false);\n      onPauseChange(false);\n    }\n  }, [allItems, updateBounds, onPauseChange]);\n\n  const handleMouseEnter = () => {\n    onPauseChange(true);\n  };\n\n  // Layout and enter animations can put an item under a stationary pointer\n  // and fire mouseenter. Collapse only after the user moves over the stack.\n  const handleMouseMove = () => {\n    if (canCollapse && !isCollapsed) {\n      updateBounds();\n      setIsCollapsed(true);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    if (!isCollapsed) {\n      onPauseChange(false);\n    }\n  };\n\n  const handleFocus = () => {\n    onPauseChange(true);\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    if (\n      containerRef.current &&\n      !containerRef.current.contains(e.relatedTarget as Node)\n    ) {\n      onPauseChange(false);\n    }\n  };\n\n  return {\n    isCollapsed,\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleFocus,\n    handleBlur,\n    containerRef,\n  };\n}\n\n// ─── Overlay Container ───────────────────────────────────────────────\n//\n// INTENTIONAL: Position calculations are done manually (absolute positioning + JS\n// height tracking) rather than relying on CSS flexbox/grid layout. This is\n// deliberate — the container mixes enter/exit animations, collapse behavior, and\n// heterogeneous item sizes (toasts vs notifications) which require per-item\n// position control. CSS-only solutions (e.g., flex column with gap) break when\n// items exit asynchronously or when collapse transforms need to be computed per-item.\n\nexport interface OverlayContainerProps {\n  toasts: InternalToast[];\n  notifications: InternalNotification[];\n  onToastExitComplete: (internalId: string) => void;\n  onNotificationExitComplete: (internalId: string) => void;\n  onNotificationDismiss: (id: Key, reason: DismissReason) => void;\n  onNotificationRestore: (id: Key) => void;\n  onPauseChange: (paused: boolean) => void;\n}\n\nexport function OverlayContainer({\n  toasts,\n  notifications,\n  onToastExitComplete,\n  onNotificationExitComplete,\n  onNotificationDismiss,\n  onNotificationRestore,\n  onPauseChange,\n}: OverlayContainerProps) {\n  // Merge toasts and notifications into a single ordered list\n  const allItems: OverlayItem[] = useMemo(() => {\n    const items: OverlayItem[] = [\n      ...toasts.map((t): OverlayItem => ({ kind: 'toast', data: t })),\n      ...notifications.map(\n        (n): OverlayItem => ({ kind: 'notification', data: n }),\n      ),\n    ];\n\n    // Sort by createdAt ascending (oldest first = bottom of stack, newest last = top)\n    items.sort((a, b) => getItemCreatedAt(a) - getItemCreatedAt(b));\n\n    return items;\n  }, [toasts, notifications]);\n\n  const visibleItems = useMemo(\n    () => allItems.filter((item) => !isItemExiting(item)),\n    [allItems],\n  );\n  const hasNotifications = notifications.some((n) => !n.isExiting);\n  const hasActionableToasts = toasts.some((t) => !t.isExiting && t.actions);\n  const canCollapse = !hasNotifications && !hasActionableToasts;\n\n  const {\n    heights,\n    settledIds,\n    positions,\n    lastPositionsRef,\n    itemRefs,\n    createRefCallback,\n  } = useItemPositions(visibleItems);\n\n  const {\n    isCollapsed,\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleFocus,\n    handleBlur,\n    containerRef,\n  } = useCollapseState(canCollapse, allItems, itemRefs, onPauseChange);\n\n  // ─── Callbacks ─────────────────────────────────────────────────────\n\n  // When the user dismisses a notification they were hovering, the element\n  // is removed from the DOM so mouseLeave never fires. Explicitly unpause\n  // so remaining notifications' timers resume.\n  const handleNotificationDismiss = useEvent(\n    (id: Key, reason: DismissReason) => {\n      onNotificationDismiss(id, reason);\n      onPauseChange(false);\n    },\n  );\n\n  const handleExitComplete = useEvent((item: OverlayItem) => {\n    const id = getItemId(item);\n    lastPositionsRef.current?.delete(id);\n\n    if (item.kind === 'toast') {\n      onToastExitComplete(item.data.internalId);\n    } else {\n      onNotificationExitComplete(item.data.internalId);\n    }\n  });\n\n  // useCallback (not useEvent) because this is called during render.\n  // useEvent defers the ref update to useLayoutEffect, so during render\n  // it would still read the previous closure's positions/heights.\n  const getItemStyle = (item: OverlayItem, index: number, total: number) => {\n    const id = getItemId(item);\n    const baseTop = positions.get(id) ?? lastPositionsRef.current?.get(id) ?? 0;\n    const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;\n\n    if (!isCollapsed || !canCollapse) {\n      return { top: `${baseTop}px` };\n    }\n\n    const isNewest = index === total - 1;\n    const collapsedTop = COLLAPSE_VISIBLE_HEIGHT - CONTAINER_OFFSET - height;\n\n    return {\n      top: `${collapsedTop}px`,\n      zIndex: index,\n      opacity: isNewest ? 1 : 0,\n      pointerEvents: 'none' as const,\n    };\n  };\n\n  // Build a visibleIndex lookup map to avoid O(n²) findIndex inside render loop\n  const visibleIndexMap = new Map<string, number>(\n    visibleItems.map((item, index) => [getItemId(item), index]),\n  );\n\n  if (allItems.length === 0) return null;\n\n  return (\n    <Portal>\n      <OverlayContainerElement\n        ref={containerRef}\n        // Portaled outside any open Dialog, so React Aria would count a press\n        // on a toast as a press outside it: the Dialog closed and the action\n        // never ran. A top layer is never \"outside\", stays reachable by focus\n        // from a Dialog's contained scope and visible to screen readers, as\n        // React Aria's own toast region does.\n        data-react-aria-top-layer=\"\"\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        {allItems.map((item) => {\n          const itemId = getItemId(item);\n          const visibleIndex = visibleIndexMap.get(itemId) ?? 0;\n          const isExiting = isItemExiting(item);\n\n          return (\n            <DisplayTransition\n              key={itemId}\n              isShown={!isExiting}\n              onRest={(transition) => {\n                if (transition === 'exit') {\n                  handleExitComplete(item);\n                }\n              }}\n            >\n              {({ isShown, ref }) => (\n                <OverlayItemWrapper\n                  ref={createRefCallback(itemId, ref)}\n                  mods={{ isShown, isMeasured: settledIds.has(itemId) }}\n                  style={getItemStyle(item, visibleIndex, visibleItems.length)}\n                  onMouseEnter={handleMouseEnter}\n                  onMouseMove={handleMouseMove}\n                  onMouseLeave={handleMouseLeave}\n                >\n                  {item.kind === 'toast' ? (\n                    <ToastItem\n                      {...item.data.itemProps}\n                      title={item.data.title}\n                      description={item.data.description}\n                      theme={item.data.theme}\n                      icon={item.data.icon}\n                      isLoading={item.data.isLoading}\n                      actions={item.data.actions}\n                    />\n                  ) : (\n                    <NotificationItem\n                      notification={item.data}\n                      onDismiss={handleNotificationDismiss}\n                      onRestore={onNotificationRestore}\n                    />\n                  )}\n                </OverlayItemWrapper>\n              )}\n            </DisplayTransition>\n          );\n        })}\n      </OverlayContainerElement>\n    </Portal>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OverlayContainer.js","names":["tasty","FocusEvent","Key","RefObject","useCallback","useEffect","useMemo","useRef","useState","useEvent","useLayoutEffect","useViewportSize","DisplayTransition","Portal","ToastItem","NotificationItem","InternalToast","DismissReason","InternalNotification","COLLAPSE_VISIBLE_HEIGHT","CONTAINER_OFFSET","ITEM_GAP","DEFAULT_ITEM_HEIGHT","OverlayContainerElement","styles","position","top","left","transform","zIndex","padding","height","pointerEvents","OverlayItemWrapper","width","transition","isMeasured","opacity","isShown","OverlayItem","kind","data","getItemId","item","internalId","isItemExiting","isExiting","getItemCreatedAt","createdAt","ItemPositionsResult","heights","Record","settledIds","Set","positions","Map","lastPositionsRef","ReturnType","itemRefs","HTMLDivElement","createRefCallback","itemId","displayRef","el","HTMLElement","useItemPositions","visibleItems","$","_c","t0","Symbol","for","setHeights","t1","t2","t3","setSettledIds","t4","newHeights","hasChanges","hasRemovals","current","forEach","id","offsetHeight","id_0","Object","keys","has","prev","next","filter","id_1","size","t5","heightKeys","newIds","id_2","length","frame","requestAnimationFrame","prev_0","cancelAnimationFrame","t6","t7","el_0","set","delete","posMap","currentTop","id_3","height_0","t8","t9","pos","id_4","t10","CollapseStateResult","isCollapsed","handleMouseEnter","handleMouseMove","handleMouseLeave","handleFocus","handleBlur","e","containerRef","useCollapseState","canCollapse","allItems","onPauseChange","setIsCollapsed","boundsRef","refs","minX","Infinity","minY","maxX","maxY","rect","getBoundingClientRect","Math","min","max","right","bottom","DOMRect","x","y","toJSON","_temp","updateBounds","bounds","isInBounds","clientX","clientY","window","addEventListener","removeEventListener","handleMouseMove_0","e_0","contains","relatedTarget","Node","OverlayContainerProps","toasts","notifications","onToastExitComplete","onNotificationExitComplete","onNotificationDismiss","reason","onNotificationRestore","paused","OverlayContainer","items","map","_temp2","_temp3","sort","_temp4","_temp5","some","_temp6","hasNotifications","_temp7","hasActionableToasts","handleNotificationDismiss","item_0","handleExitComplete","T0","T1","t11","bb0","getItemStyle","item_1","index","total","baseTop","get","isNewest","collapsedTop","const","visibleIndexMap","_temp8","item_3","visibleIndex","t12","ref","itemProps","title","description","theme","icon","isLoading","actions","t13","item_2","index_0","t_0","t","n_0","n","a","b","_c","hasActionableToasts"],"sources":["../../../../src/components/overlays/Notifications/OverlayContainer.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  Key,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useEvent } from '../../../_internal';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { useViewportSize } from '../../../utils/react/useViewportSize';\nimport { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';\nimport { Portal } from '../../portal';\nimport { ToastItem } from '../Toast/ToastItem';\n\nimport { NotificationItem } from './NotificationItem';\n\nimport type { InternalToast } from '../Toast/types';\nimport type { DismissReason, InternalNotification } from './types';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst COLLAPSE_VISIBLE_HEIGHT = 10;\nconst CONTAINER_OFFSET = 16;\nconst ITEM_GAP = 8;\nconst DEFAULT_ITEM_HEIGHT = 56;\n\n// ─── Styled Elements ─────────────────────────────────────────────────\n\nconst OverlayContainerElement = tasty({\n  styles: {\n    position: 'fixed',\n    top: '2x',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    zIndex: 100,\n    padding: '1x',\n    height: '0',\n    pointerEvents: 'none',\n  },\n});\n\nconst OverlayItemWrapper = tasty({\n  styles: {\n    position: 'absolute',\n    top: '0',\n    left: '50%',\n    transform: {\n      '': 'translateX(-50%) translateY(-50%)',\n      'isMeasured & isShown': 'translateX(-50%) translateY(0)',\n    },\n    // Sized to its content: the container has no width of its own. Capped,\n    // never floored, so a long toast wraps inside the viewport. The cap\n    // matches NotificationCard's own width.\n    width: 'initial max-content min((100vw - 4x), 50x)',\n    pointerEvents: 'auto',\n    transition: {\n      '': 'opacity $transition ease-in, transform $transition ease-in',\n      isMeasured:\n        'top $transition ease-in, opacity $transition ease-in, transform $transition ease-in',\n    },\n    opacity: {\n      '': 0,\n      isShown: 1,\n    },\n  },\n});\n\n// ─── Unified Item Type ───────────────────────────────────────────────\n\ntype OverlayItem =\n  | { kind: 'toast'; data: InternalToast }\n  | { kind: 'notification'; data: InternalNotification };\n\nfunction getItemId(item: OverlayItem): string {\n  return item.data.internalId;\n}\n\nfunction isItemExiting(item: OverlayItem): boolean {\n  return item.data.isExiting === true;\n}\n\nfunction getItemCreatedAt(item: OverlayItem): number {\n  return item.data.createdAt;\n}\n\n// ─── useItemPositions Hook ───────────────────────────────────────────\n\ninterface ItemPositionsResult {\n  heights: Record<string, number>;\n  /** Set of item IDs that have been measured AND painted at their correct position. */\n  settledIds: Set<string>;\n  positions: Map<string, number>;\n  lastPositionsRef: ReturnType<typeof useRef<Map<string, number>>>;\n  itemRefs: ReturnType<typeof useRef<Map<string, HTMLDivElement>>>;\n  createRefCallback: (\n    itemId: string,\n    displayRef: (el: HTMLElement | null) => void,\n  ) => (el: HTMLDivElement | null) => void;\n}\n\n/**\n * Manages height measurement, position calculation, and ref tracking\n * for overlay items. Extracted from OverlayContainer for readability.\n */\nfunction useItemPositions(visibleItems: OverlayItem[]): ItemPositionsResult {\n  const [heights, setHeights] = useState<Record<string, number>>({});\n  const itemRefs = useRef<Map<string, HTMLDivElement>>(new Map());\n  const lastPositionsRef = useRef<Map<string, number>>(new Map());\n\n  // Items that have been measured AND painted at their correct position.\n  // Lags one frame behind `heights` so the browser paints the item at\n  // its final `top` before the CSS `top` transition is enabled.\n  const [settledIds, setSettledIds] = useState<Set<string>>(new Set());\n\n  // Measure heights using layout effect to avoid visible layout shifts.\n  // Runs every render but bails early if nothing changed.\n  useLayoutEffect(() => {\n    const newHeights: Record<string, number> = {};\n    let hasChanges = false;\n    let hasRemovals = false;\n\n    itemRefs.current.forEach((el, id) => {\n      const height = el.offsetHeight || DEFAULT_ITEM_HEIGHT;\n      newHeights[id] = height;\n\n      if (heights[id] !== height) {\n        hasChanges = true;\n      }\n    });\n\n    for (const id of Object.keys(heights)) {\n      if (!itemRefs.current.has(id)) {\n        hasRemovals = true;\n      }\n    }\n\n    if (hasChanges || hasRemovals) {\n      setHeights(newHeights);\n    }\n\n    // Drop a removed item's settled id with its height, so a restored\n    // notification settles again under its old id. Pruning later, from the\n    // `heights` effect, left an update pending after each removal's sync\n    // commit, which React 19 counts as nested (\"Maximum update depth\").\n    if (hasRemovals) {\n      setSettledIds((prev) => {\n        const next = new Set([...prev].filter((id) => id in newHeights));\n\n        return next.size === prev.size ? prev : next;\n      });\n    }\n  });\n\n  // A wrapped toast changes height with the viewport, not only on a render.\n  // Re-rendering on a viewport resize lets the measurement above restack the\n  // items. A height change from content that re-renders on its own, outside\n  // this container, still waits for the container's next render.\n  useViewportSize();\n\n  // After heights change, schedule settledIds update for the next frame.\n  // This ensures the item is painted at its correct position (with no top\n  // transition) before we enable the transition.\n  useEffect(() => {\n    const heightKeys = Object.keys(heights);\n    const newIds = heightKeys.filter((id) => !settledIds.has(id));\n\n    if (newIds.length === 0) return;\n\n    // A removal changes `heights`, which cancels this frame, so the ids to\n    // add are still current when it runs.\n    const frame = requestAnimationFrame(() => {\n      setSettledIds((prev) => new Set([...prev, ...newIds]));\n    });\n\n    return () => cancelAnimationFrame(frame);\n  }, [heights]);\n\n  const createRefCallback =\n    (itemId: string, displayRef: (el: HTMLElement | null) => void) =>\n    (el: HTMLDivElement | null) => {\n      displayRef(el);\n\n      if (el) {\n        itemRefs.current.set(itemId, el);\n      } else {\n        itemRefs.current.delete(itemId);\n      }\n    };\n\n  const positions = useMemo(() => {\n    const posMap = new Map<string, number>();\n    let currentTop = 0;\n\n    for (const item of visibleItems) {\n      const id = getItemId(item);\n      posMap.set(id, currentTop);\n      const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;\n      currentTop += height + ITEM_GAP;\n    }\n\n    return posMap;\n  }, [visibleItems, heights]);\n\n  useEffect(() => {\n    positions.forEach((pos, id) => {\n      lastPositionsRef.current.set(id, pos);\n    });\n  }, [positions]);\n\n  return {\n    heights,\n    settledIds,\n    positions,\n    lastPositionsRef,\n    itemRefs,\n    createRefCallback,\n  };\n}\n\n// ─── useCollapseState Hook ───────────────────────────────────────────\n\ninterface CollapseStateResult {\n  isCollapsed: boolean;\n  handleMouseEnter: () => void;\n  handleMouseMove: () => void;\n  handleMouseLeave: () => void;\n  handleFocus: () => void;\n  handleBlur: (e: FocusEvent) => void;\n  containerRef: RefObject<HTMLDivElement | null>;\n}\n\n/**\n * Manages collapse/expand behavior and pause state for the overlay container.\n * Extracted from OverlayContainer for readability.\n */\nfunction useCollapseState(\n  canCollapse: boolean,\n  allItems: OverlayItem[],\n  itemRefs: ReturnType<typeof useRef<Map<string, HTMLDivElement>>>,\n  onPauseChange: (paused: boolean) => void,\n): CollapseStateResult {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const boundsRef = useRef<DOMRect | null>(null);\n\n  const updateBounds = () => {\n    const refs = itemRefs.current;\n\n    if (!refs || refs.size === 0) {\n      boundsRef.current = null;\n      return;\n    }\n\n    let minX = Infinity,\n      minY = Infinity,\n      maxX = -Infinity,\n      maxY = -Infinity;\n\n    refs.forEach((el) => {\n      const rect = el.getBoundingClientRect();\n      minX = Math.min(minX, rect.left);\n      minY = Math.min(minY, rect.top);\n      maxX = Math.max(maxX, rect.right);\n      maxY = Math.max(maxY, rect.bottom);\n    });\n\n    if (typeof DOMRect !== 'undefined') {\n      boundsRef.current = new DOMRect(minX, minY, maxX - minX, maxY - minY);\n    } else {\n      boundsRef.current = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY,\n        top: minY,\n        right: maxX,\n        bottom: maxY,\n        left: minX,\n        toJSON: () => ({}),\n      } as DOMRect;\n    }\n  };\n\n  // Track mouse for collapse — expand when mouse leaves bounds\n  useEffect(() => {\n    if (!isCollapsed) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const bounds = boundsRef.current;\n\n      if (!bounds) {\n        setIsCollapsed(false);\n        onPauseChange(false);\n        return;\n      }\n\n      const padding = 20;\n      const isInBounds =\n        e.clientX >= bounds.left - padding &&\n        e.clientX <= bounds.right + padding &&\n        e.clientY >= bounds.top - padding &&\n        e.clientY <= bounds.bottom + padding;\n\n      if (!isInBounds) {\n        setIsCollapsed(false);\n        onPauseChange(false);\n      }\n    };\n\n    window.addEventListener('mousemove', handleMouseMove);\n    return () => window.removeEventListener('mousemove', handleMouseMove);\n  }, [isCollapsed, onPauseChange]);\n\n  // An empty container must not carry hover state into the next toast stack.\n  useEffect(() => {\n    updateBounds();\n\n    if (allItems.length === 0) {\n      setIsCollapsed(false);\n      onPauseChange(false);\n    }\n  }, [allItems, updateBounds, onPauseChange]);\n\n  const handleMouseEnter = () => {\n    onPauseChange(true);\n  };\n\n  // Layout and enter animations can put an item under a stationary pointer\n  // and fire mouseenter. Collapse only after the user moves over the stack.\n  const handleMouseMove = () => {\n    if (canCollapse && !isCollapsed) {\n      updateBounds();\n      setIsCollapsed(true);\n    }\n  };\n\n  const handleMouseLeave = () => {\n    if (!isCollapsed) {\n      onPauseChange(false);\n    }\n  };\n\n  const handleFocus = () => {\n    onPauseChange(true);\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    if (\n      containerRef.current &&\n      !containerRef.current.contains(e.relatedTarget as Node)\n    ) {\n      onPauseChange(false);\n    }\n  };\n\n  return {\n    isCollapsed,\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleFocus,\n    handleBlur,\n    containerRef,\n  };\n}\n\n// ─── Overlay Container ───────────────────────────────────────────────\n//\n// INTENTIONAL: Position calculations are done manually (absolute positioning + JS\n// height tracking) rather than relying on CSS flexbox/grid layout. This is\n// deliberate — the container mixes enter/exit animations, collapse behavior, and\n// heterogeneous item sizes (toasts vs notifications) which require per-item\n// position control. CSS-only solutions (e.g., flex column with gap) break when\n// items exit asynchronously or when collapse transforms need to be computed per-item.\n\nexport interface OverlayContainerProps {\n  toasts: InternalToast[];\n  notifications: InternalNotification[];\n  onToastExitComplete: (internalId: string) => void;\n  onNotificationExitComplete: (internalId: string) => void;\n  onNotificationDismiss: (id: Key, reason: DismissReason) => void;\n  onNotificationRestore: (id: Key) => void;\n  onPauseChange: (paused: boolean) => void;\n}\n\nexport function OverlayContainer({\n  toasts,\n  notifications,\n  onToastExitComplete,\n  onNotificationExitComplete,\n  onNotificationDismiss,\n  onNotificationRestore,\n  onPauseChange,\n}: OverlayContainerProps) {\n  // Merge toasts and notifications into a single ordered list\n  const allItems: OverlayItem[] = useMemo(() => {\n    const items: OverlayItem[] = [\n      ...toasts.map((t): OverlayItem => ({ kind: 'toast', data: t })),\n      ...notifications.map((n): OverlayItem => ({\n        kind: 'notification',\n        data: n,\n      })),\n    ];\n\n    // Sort by createdAt ascending (oldest first = bottom of stack, newest last = top)\n    items.sort((a, b) => getItemCreatedAt(a) - getItemCreatedAt(b));\n\n    return items;\n  }, [toasts, notifications]);\n\n  const visibleItems = useMemo(\n    () => allItems.filter((item) => !isItemExiting(item)),\n    [allItems],\n  );\n  const hasNotifications = notifications.some((n) => !n.isExiting);\n  const hasActionableToasts = toasts.some((t) => !t.isExiting && t.actions);\n  const canCollapse = !hasNotifications && !hasActionableToasts;\n\n  const {\n    heights,\n    settledIds,\n    positions,\n    lastPositionsRef,\n    itemRefs,\n    createRefCallback,\n  } = useItemPositions(visibleItems);\n\n  const {\n    isCollapsed,\n    handleMouseEnter,\n    handleMouseMove,\n    handleMouseLeave,\n    handleFocus,\n    handleBlur,\n    containerRef,\n  } = useCollapseState(canCollapse, allItems, itemRefs, onPauseChange);\n\n  // ─── Callbacks ─────────────────────────────────────────────────────\n\n  // When the user dismisses a notification they were hovering, the element\n  // is removed from the DOM so mouseLeave never fires. Explicitly unpause\n  // so remaining notifications' timers resume.\n  const handleNotificationDismiss = useEvent(\n    (id: Key, reason: DismissReason) => {\n      onNotificationDismiss(id, reason);\n      onPauseChange(false);\n    },\n  );\n\n  const handleExitComplete = useEvent((item: OverlayItem) => {\n    const id = getItemId(item);\n    lastPositionsRef.current?.delete(id);\n\n    if (item.kind === 'toast') {\n      onToastExitComplete(item.data.internalId);\n    } else {\n      onNotificationExitComplete(item.data.internalId);\n    }\n  });\n\n  // useCallback (not useEvent) because this is called during render.\n  // useEvent defers the ref update to useLayoutEffect, so during render\n  // it would still read the previous closure's positions/heights.\n  const getItemStyle = (item: OverlayItem, index: number, total: number) => {\n    const id = getItemId(item);\n    const baseTop = positions.get(id) ?? lastPositionsRef.current?.get(id) ?? 0;\n    const height = heights[id] ?? DEFAULT_ITEM_HEIGHT;\n\n    if (!isCollapsed || !canCollapse) {\n      return { top: `${baseTop}px` };\n    }\n\n    const isNewest = index === total - 1;\n    const collapsedTop = COLLAPSE_VISIBLE_HEIGHT - CONTAINER_OFFSET - height;\n\n    return {\n      top: `${collapsedTop}px`,\n      zIndex: index,\n      opacity: isNewest ? 1 : 0,\n      pointerEvents: 'none' as const,\n    };\n  };\n\n  // Build a visibleIndex lookup map to avoid O(n²) findIndex inside render loop\n  const visibleIndexMap = new Map<string, number>(\n    visibleItems.map((item, index) => [getItemId(item), index]),\n  );\n\n  if (allItems.length === 0) return null;\n\n  return (\n    <Portal>\n      <OverlayContainerElement\n        ref={containerRef}\n        // Portaled outside any open Dialog, so React Aria would count a press\n        // on a toast as a press outside it: the Dialog closed and the action\n        // never ran. A top layer is never \"outside\", stays reachable by focus\n        // from a Dialog's contained scope and visible to screen readers, as\n        // React Aria's own toast region does.\n        data-react-aria-top-layer=\"\"\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        {allItems.map((item) => {\n          const itemId = getItemId(item);\n          const visibleIndex = visibleIndexMap.get(itemId) ?? 0;\n          const isExiting = isItemExiting(item);\n\n          return (\n            <DisplayTransition\n              key={itemId}\n              isShown={!isExiting}\n              onRest={(transition) => {\n                if (transition === 'exit') {\n                  handleExitComplete(item);\n                }\n              }}\n            >\n              {({ isShown, ref }) => (\n                <OverlayItemWrapper\n                  ref={createRefCallback(itemId, ref)}\n                  mods={{ isShown, isMeasured: settledIds.has(itemId) }}\n                  style={getItemStyle(item, visibleIndex, visibleItems.length)}\n                  onMouseEnter={handleMouseEnter}\n                  onMouseMove={handleMouseMove}\n                  onMouseLeave={handleMouseLeave}\n                >\n                  {item.kind === 'toast' ? (\n                    <ToastItem\n                      {...item.data.itemProps}\n                      title={item.data.title}\n                      description={item.data.description}\n                      theme={item.data.theme}\n                      icon={item.data.icon}\n                      isLoading={item.data.isLoading}\n                      actions={item.data.actions}\n                    />\n                  ) : (\n                    <NotificationItem\n                      notification={item.data}\n                      onDismiss={handleNotificationDismiss}\n                      onRestore={onNotificationRestore}\n                    />\n                  )}\n                </OverlayItemWrapper>\n              )}\n            </DisplayTransition>\n          );\n        })}\n      </OverlayContainerElement>\n    </Portal>\n  );\n}\n"],"mappings":"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"}

package/dist/components/overlays/Notifications/OverlayProvider.d.ts

@@ -1,13 +1,7 @@
 
 import { OverlayProviderProps } from "./types.js";
 import { useToastContext } from "./NotificationContext.js";
-import * as react from "react";
-
 //#region src/components/overlays/Notifications/OverlayProvider.d.ts
-declare function OverlayProvider({
-  children,
-  maxPersistentNotifications
-}: OverlayProviderProps): react.JSX.Element;
+export declare function OverlayProvider({ children, maxPersistentNotifications }: OverlayProviderProps): import("react").JSX.Element;
 //#endregion
-export { OverlayProvider };
 //# sourceMappingURL=OverlayProvider.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { NotificationContext, PersistentNotificationsContext, ToastContext, useNotificationContext, useToastContext } from "./NotificationContext.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { NotificationContext, PersistentNotificationsContext, ToastContext } from "./NotificationContext.js";
 import { OverlayContainer } from "./OverlayContainer.js";
 import { useNotificationState } from "./use-notification-state.js";
 import { useOverlayTimers } from "./use-overlay-timers.js";
@@ -7,7 +7,6 @@ import { usePersistentState } from "./use-persistent-state.js";
 import { useToastState } from "./use-toast-state.js";
 import { useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/overlays/Notifications/OverlayProvider.tsx
 const DEFAULT_MAX_PERSISTENT = 200;
 function OverlayProvider({ children, maxPersistentNotifications = DEFAULT_MAX_PERSISTENT }) {
@@ -63,7 +62,7 @@ function OverlayProvider({ children, maxPersistentNotifications = DEFAULT_MAX_PE
 		})
 	});
 }
-
 //#endregion
 export { OverlayProvider };
+
 //# sourceMappingURL=OverlayProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayProvider.js","names":["useMemo","useRef","NotificationContext","PersistentNotificationsContext","ToastContext","OverlayContainer","useNotificationState","useOverlayTimers","usePersistentState","useToastState","ToastContextValue","InternalNotificationContextValue","OverlayProviderProps","PersistentNotificationsContextValue","OverlayTimers","useToastContext","useNotificationContext","DEFAULT_MAX_PERSISTENT","OverlayProvider","children","maxPersistentNotifications","timersRef","persistent","toast","notification","timers","toastsRef","notificationsRef","removeToast","removeNotification","current","toastContextValue","addToast","updateToast","toasts","notificationContextValue","addNotification","updateNotification","notifications","addPersistentItem","removePersistentItem","removePersistentItemsByOwner","removeByOwner","persistentContextValue","persistentItems","clearPersistentItems","markAllAsRead","finalizeToastRemoval","finalizeNotificationRemoval","restoreNotification","handlePauseChange"],"sources":["../../../../src/components/overlays/Notifications/OverlayProvider.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nimport {\n  NotificationContext,\n  PersistentNotificationsContext,\n  ToastContext,\n} from './NotificationContext';\nimport { OverlayContainer } from './OverlayContainer';\nimport { useNotificationState } from './use-notification-state';\nimport { useOverlayTimers } from './use-overlay-timers';\nimport { usePersistentState } from './use-persistent-state';\nimport { useToastState } from './use-toast-state';\n\nimport type { ToastContextValue } from '../Toast/types';\nimport type {\n  InternalNotificationContextValue,\n  OverlayProviderProps,\n  PersistentNotificationsContextValue,\n} from './types';\nimport type { OverlayTimers } from './use-overlay-timers';\n\n// ─── Re-export context hooks for consumers ───────────────────────────\n\nexport { useToastContext, useNotificationContext } from './NotificationContext';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst DEFAULT_MAX_PERSISTENT = 200;\n\n// ─── OverlayProvider ─────────────────────────────────────────────────\n\nexport function OverlayProvider({\n  children,\n  maxPersistentNotifications = DEFAULT_MAX_PERSISTENT,\n}: OverlayProviderProps) {\n  // Shared ref that breaks the circular dependency between state hooks and timers.\n  // State hooks need timer methods (start/clear), timer hooks need remove methods.\n  // All consumers access the ref only inside useEvent/callbacks (never during\n  // render), so it is guaranteed to be populated before first use.\n  const timersRef = useRef<OverlayTimers>(null!);\n\n  // 1. Persistent state (no dependencies on other hooks)\n  const persistent = usePersistentState(maxPersistentNotifications);\n\n  // 2. Toast state — accesses timers through the shared ref\n  const toast = useToastState(timersRef);\n\n  // 3. Notification state — accesses timers through the shared ref\n  const notification = useNotificationState(timersRef, persistent);\n\n  // 4. Create timers and populate the ref\n  const timers = useOverlayTimers({\n    toastsRef: toast.toastsRef,\n    notificationsRef: notification.notificationsRef,\n    removeToast: toast.removeToast,\n    removeNotification: notification.removeNotification,\n  });\n\n  timersRef.current = timers;\n\n  // ─── Context Values ───────────────────────────────────────────────\n\n  // Only include actually-changing values in deps. All useEvent-based\n  // callbacks are referentially stable and omitted.\n  const toastContextValue = useMemo<ToastContextValue>(\n    () => ({\n      addToast: toast.addToast,\n      removeToast: toast.removeToast,\n      updateToast: toast.updateToast,\n      toasts: toast.toasts,\n    }),\n    [toast.toasts],\n  );\n\n  const notificationContextValue = useMemo<InternalNotificationContextValue>(\n    () => ({\n      addNotification: notification.addNotification,\n      removeNotification: notification.removeNotification,\n      updateNotification: notification.updateNotification,\n      notifications: notification.notifications,\n      addPersistentItem: persistent.addPersistentItem,\n      removePersistentItem: persistent.removePersistentItem,\n      removePersistentItemsByOwner: persistent.removePersistentItemsByOwner,\n      removeByOwner: notification.removeByOwner,\n    }),\n    [notification.notifications],\n  );\n\n  const persistentContextValue = useMemo<PersistentNotificationsContextValue>(\n    () => ({\n      persistentItems: persistent.persistentItems,\n      removePersistentItem: persistent.removePersistentItem,\n      clearPersistentItems: persistent.clearPersistentItems,\n      markAllAsRead: persistent.markAllAsRead,\n    }),\n    [persistent.persistentItems],\n  );\n\n  return (\n    <ToastContext.Provider value={toastContextValue}>\n      <NotificationContext.Provider value={notificationContextValue}>\n        <PersistentNotificationsContext.Provider value={persistentContextValue}>\n          {children}\n          <OverlayContainer\n            toasts={toast.toasts}\n            notifications={notification.notifications}\n            onToastExitComplete={toast.finalizeToastRemoval}\n            onNotificationExitComplete={\n              notification.finalizeNotificationRemoval\n            }\n            onNotificationDismiss={notification.removeNotification}\n            onNotificationRestore={notification.restoreNotification}\n            onPauseChange={timers.handlePauseChange}\n          />\n        </PersistentNotificationsContext.Provider>\n      </NotificationContext.Provider>\n    </ToastContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA2BA,MAAMiB,yBAAyB;AAI/B,SAAgBC,gBAAgB,EAC9BC,UACAC,6BAA6BH,0BACN;CAKvB,MAAMI,YAAYpB,OAAsB,KAAM;CAG9C,MAAMqB,aAAad,mBAAmBY,2BAA2B;CAGjE,MAAMG,QAAQd,cAAcY,UAAU;CAGtC,MAAMG,eAAelB,qBAAqBe,WAAWC,WAAW;CAGhE,MAAMG,SAASlB,iBAAiB;EAC9BmB,WAAWH,MAAMG;EACjBC,kBAAkBH,aAAaG;EAC/BC,aAAaL,MAAMK;EACnBC,oBAAoBL,aAAaK;EAClC,CAAC;AAEFR,WAAUS,UAAUL;CAMpB,MAAMM,oBAAoB/B,eACjB;EACLgC,UAAUT,MAAMS;EAChBJ,aAAaL,MAAMK;EACnBK,aAAaV,MAAMU;EACnBC,QAAQX,MAAMW;EACf,GACD,CAACX,MAAMW,OACT,CAAC;CAED,MAAMC,2BAA2BnC,eACxB;EACLoC,iBAAiBZ,aAAaY;EAC9BP,oBAAoBL,aAAaK;EACjCQ,oBAAoBb,aAAaa;EACjCC,eAAed,aAAac;EAC5BC,mBAAmBjB,WAAWiB;EAC9BC,sBAAsBlB,WAAWkB;EACjCC,8BAA8BnB,WAAWmB;EACzCC,eAAelB,aAAakB;EAC7B,GACD,CAAClB,aAAac,cAChB,CAAC;CAED,MAAMK,yBAAyB3C,eACtB;EACL4C,iBAAiBtB,WAAWsB;EAC5BJ,sBAAsBlB,WAAWkB;EACjCK,sBAAsBvB,WAAWuB;EACjCC,eAAexB,WAAWwB;EAC3B,GACD,CAACxB,WAAWsB,gBACd,CAAC;AAED,QACE,oBAAC,aAAa;EAAS,OAAOb;YAC5B,oBAAC,oBAAoB;GAAS,OAAOI;aACnC,qBAAC,+BAA+B;IAAS,OAAOQ;eAC7CxB,UACD,oBAAC;KACC,QAAQI,MAAMW;KACd,eAAeV,aAAac;KAC5B,qBAAqBf,MAAMwB;KAC3B,4BACEvB,aAAawB;KAEf,uBAAuBxB,aAAaK;KACpC,uBAAuBL,aAAayB;KACpC,eAAexB,OAAOyB;MAAkB;KAEH;IACb;GACR"}
+{"version":3,"file":"OverlayProvider.js","names":["useMemo","useRef","NotificationContext","PersistentNotificationsContext","ToastContext","OverlayContainer","useNotificationState","useOverlayTimers","usePersistentState","useToastState","ToastContextValue","InternalNotificationContextValue","OverlayProviderProps","PersistentNotificationsContextValue","OverlayTimers","useToastContext","useNotificationContext","DEFAULT_MAX_PERSISTENT","OverlayProvider","children","maxPersistentNotifications","timersRef","persistent","toast","notification","timers","toastsRef","notificationsRef","removeToast","removeNotification","current","toastContextValue","addToast","updateToast","toasts","notificationContextValue","addNotification","updateNotification","notifications","addPersistentItem","removePersistentItem","removePersistentItemsByOwner","removeByOwner","persistentContextValue","persistentItems","clearPersistentItems","markAllAsRead","finalizeToastRemoval","finalizeNotificationRemoval","restoreNotification","handlePauseChange"],"sources":["../../../../src/components/overlays/Notifications/OverlayProvider.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nimport {\n  NotificationContext,\n  PersistentNotificationsContext,\n  ToastContext,\n} from './NotificationContext';\nimport { OverlayContainer } from './OverlayContainer';\nimport { useNotificationState } from './use-notification-state';\nimport { useOverlayTimers } from './use-overlay-timers';\nimport { usePersistentState } from './use-persistent-state';\nimport { useToastState } from './use-toast-state';\n\nimport type { ToastContextValue } from '../Toast/types';\nimport type {\n  InternalNotificationContextValue,\n  OverlayProviderProps,\n  PersistentNotificationsContextValue,\n} from './types';\nimport type { OverlayTimers } from './use-overlay-timers';\n\n// ─── Re-export context hooks for consumers ───────────────────────────\n\nexport { useToastContext, useNotificationContext } from './NotificationContext';\n\n// ─── Constants ───────────────────────────────────────────────────────\n\nconst DEFAULT_MAX_PERSISTENT = 200;\n\n// ─── OverlayProvider ─────────────────────────────────────────────────\n\nexport function OverlayProvider({\n  children,\n  maxPersistentNotifications = DEFAULT_MAX_PERSISTENT,\n}: OverlayProviderProps) {\n  // Shared ref that breaks the circular dependency between state hooks and timers.\n  // State hooks need timer methods (start/clear), timer hooks need remove methods.\n  // All consumers access the ref only inside useEvent/callbacks (never during\n  // render), so it is guaranteed to be populated before first use.\n  const timersRef = useRef<OverlayTimers>(null!);\n\n  // 1. Persistent state (no dependencies on other hooks)\n  const persistent = usePersistentState(maxPersistentNotifications);\n\n  // 2. Toast state — accesses timers through the shared ref\n  const toast = useToastState(timersRef);\n\n  // 3. Notification state — accesses timers through the shared ref\n  const notification = useNotificationState(timersRef, persistent);\n\n  // 4. Create timers and populate the ref\n  const timers = useOverlayTimers({\n    toastsRef: toast.toastsRef,\n    notificationsRef: notification.notificationsRef,\n    removeToast: toast.removeToast,\n    removeNotification: notification.removeNotification,\n  });\n\n  timersRef.current = timers;\n\n  // ─── Context Values ───────────────────────────────────────────────\n\n  // Only include actually-changing values in deps. All useEvent-based\n  // callbacks are referentially stable and omitted.\n  const toastContextValue = useMemo<ToastContextValue>(\n    () => ({\n      addToast: toast.addToast,\n      removeToast: toast.removeToast,\n      updateToast: toast.updateToast,\n      toasts: toast.toasts,\n    }),\n    [toast.toasts],\n  );\n\n  const notificationContextValue = useMemo<InternalNotificationContextValue>(\n    () => ({\n      addNotification: notification.addNotification,\n      removeNotification: notification.removeNotification,\n      updateNotification: notification.updateNotification,\n      notifications: notification.notifications,\n      addPersistentItem: persistent.addPersistentItem,\n      removePersistentItem: persistent.removePersistentItem,\n      removePersistentItemsByOwner: persistent.removePersistentItemsByOwner,\n      removeByOwner: notification.removeByOwner,\n    }),\n    [notification.notifications],\n  );\n\n  const persistentContextValue = useMemo<PersistentNotificationsContextValue>(\n    () => ({\n      persistentItems: persistent.persistentItems,\n      removePersistentItem: persistent.removePersistentItem,\n      clearPersistentItems: persistent.clearPersistentItems,\n      markAllAsRead: persistent.markAllAsRead,\n    }),\n    [persistent.persistentItems],\n  );\n\n  return (\n    <ToastContext.Provider value={toastContextValue}>\n      <NotificationContext.Provider value={notificationContextValue}>\n        <PersistentNotificationsContext.Provider value={persistentContextValue}>\n          {children}\n          <OverlayContainer\n            toasts={toast.toasts}\n            notifications={notification.notifications}\n            onToastExitComplete={toast.finalizeToastRemoval}\n            onNotificationExitComplete={\n              notification.finalizeNotificationRemoval\n            }\n            onNotificationDismiss={notification.removeNotification}\n            onNotificationRestore={notification.restoreNotification}\n            onPauseChange={timers.handlePauseChange}\n          />\n        </PersistentNotificationsContext.Provider>\n      </NotificationContext.Provider>\n    </ToastContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;AA2BA,MAAMiB,yBAAyB;AAI/B,SAAgBC,gBAAgB,EAC9BC,UACAC,6BAA6BH,0BACN;CAKvB,MAAMI,YAAYpB,OAAsB,IAAK;CAG7C,MAAMqB,aAAad,mBAAmBY,0BAA0B;CAGhE,MAAMG,QAAQd,cAAcY,SAAS;CAGrC,MAAMG,eAAelB,qBAAqBe,WAAWC,UAAU;CAG/D,MAAMG,SAASlB,iBAAiB;EAC9BmB,WAAWH,MAAMG;EACjBC,kBAAkBH,aAAaG;EAC/BC,aAAaL,MAAMK;EACnBC,oBAAoBL,aAAaK;CACnC,CAAC;CAEDR,UAAUS,UAAUL;CAMpB,MAAMM,oBAAoB/B,eACjB;EACLgC,UAAUT,MAAMS;EAChBJ,aAAaL,MAAMK;EACnBK,aAAaV,MAAMU;EACnBC,QAAQX,MAAMW;CAChB,IACA,CAACX,MAAMW,MAAM,CACf;CAEA,MAAMC,2BAA2BnC,eACxB;EACLoC,iBAAiBZ,aAAaY;EAC9BP,oBAAoBL,aAAaK;EACjCQ,oBAAoBb,aAAaa;EACjCC,eAAed,aAAac;EAC5BC,mBAAmBjB,WAAWiB;EAC9BC,sBAAsBlB,WAAWkB;EACjCC,8BAA8BnB,WAAWmB;EACzCC,eAAelB,aAAakB;CAC9B,IACA,CAAClB,aAAac,aAAa,CAC7B;CAEA,MAAMK,yBAAyB3C,eACtB;EACL4C,iBAAiBtB,WAAWsB;EAC5BJ,sBAAsBlB,WAAWkB;EACjCK,sBAAsBvB,WAAWuB;EACjCC,eAAexB,WAAWwB;CAC5B,IACA,CAACxB,WAAWsB,eAAe,CAC7B;CAEA,OACE,oBAAC,aAAa,UAAd;EAAuB,OAAOb;EAC5B,UAAA,oBAAC,oBAAoB,UAArB;GAA8B,OAAOI;GACnC,UAAA,qBAAC,+BAA+B,UAAhC;IAAyC,OAAOQ;IAAhD,UAAA,CACGxB,UACD,oBAAC,kBAAD;KACE,QAAQI,MAAMW;KACd,eAAeV,aAAac;KAC5B,qBAAqBf,MAAMwB;KAC3B,4BACEvB,aAAawB;KAEf,uBAAuBxB,aAAaK;KACpC,uBAAuBL,aAAayB;KACpC,eAAexB,OAAOyB;IAAkB,CAAA,CAEH;;EACb,CAAA;CACT,CAAA;AAE3B"}

package/dist/components/overlays/Notifications/PersistentNotificationsList.d.ts

@@ -1,7 +1,5 @@
 
 import { PersistentNotificationsListProps } from "./types.js";
-import * as react from "react";
-
 //#region src/components/overlays/Notifications/PersistentNotificationsList.d.ts
 /**
  * Standardized rendering for archived/persistent notifications.
@@ -20,11 +18,6 @@ import * as react from "react";
  * <PersistentNotificationsList emptyState="No notifications" />
  * ```
  */
-declare function PersistentNotificationsList({
-  onDismissItem,
-  onAction,
-  emptyState
-}: PersistentNotificationsListProps): react.JSX.Element;
+export declare function PersistentNotificationsList({ onDismissItem, onAction, emptyState }: PersistentNotificationsListProps): import("react").JSX.Element;
 //#endregion
-export { PersistentNotificationsList };
 //# sourceMappingURL=PersistentNotificationsList.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _Text } from "../../content/Text.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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";
 import { NotificationActionInterceptorContext } from "./NotificationAction.js";
@@ -11,7 +11,6 @@ import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { Fragment, useContext, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/overlays/Notifications/PersistentNotificationsList.tsx
 const MARK_READ_DELAY = 2e3;
 /** Interval (ms) at which relative timestamps refresh while the list is mounted. */
@@ -275,7 +274,7 @@ function PersistentNotificationListItem(t0) {
 	} else t8 = $[23];
 	return t8;
 }
-
 //#endregion
 export { PersistentNotificationsList };
+
 //# sourceMappingURL=PersistentNotificationsList.js.map