@purpur/library 9.1.2 → 9.2.0

package/dist/library.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"library.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"library.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/minus.es-BK9qA9iJ.mjs

@@ -0,0 +1,13 @@
+import { jsx as e } from "react/jsx-runtime";
+import { b as i } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+const r = {
+  name: "minus",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
+  keywords: ["minus"],
+  category: "utility"
+}, s = (o) => /* @__PURE__ */ e(i, { ...o, svg: r });
+s.displayName = "IconMinus";
+export {
+  s as e
+};
+//# sourceMappingURL=minus.es-BK9qA9iJ.mjs.map

package/dist/minus.es-BK9qA9iJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus.es-BK9qA9iJ.mjs","sources":["../../../components/icon/dist/components/minus.es.js"],"sourcesContent":["import { jsx as s } from \"react/jsx-runtime\";\nimport { I as n } from \"../icon-DNHpBTHs.mjs\";\nconst i = {\n  name: \"minus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus\"],\n  category: \"utility\"\n}, e = (o) => /* @__PURE__ */ s(n, { ...o, svg: i });\ne.displayName = \"IconMinus\";\nexport {\n  e as IconMinus\n};\n//# sourceMappingURL=minus.es.js.map\n"],"names":["i","e","s","n"],"mappings":";;AAEK,MAACA,IAAI;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AAAA,EACL,UAAU,CAAC,OAAO;AAAA,EAClB,UAAU;AACZ,GAAGC,IAAI,CAAC,MAAsBC,gBAAAA,EAAEC,GAAG,EAAE,GAAG,GAAG,KAAKH,EAAC,CAAE;AACnDC,EAAE,cAAc;"}

package/dist/minus.es-DtXArdKK.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),n=require("./icon-DNHpBTHs-faYHqTXU.js"),o={name:"minus",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',keywords:["minus"],category:"utility"},e=s=>i.jsx(n.b,{...s,svg:o});e.displayName="IconMinus";exports.e=e;
+//# sourceMappingURL=minus.es-DtXArdKK.js.map

package/dist/minus.es-DtXArdKK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus.es-DtXArdKK.js","sources":["../../../components/icon/dist/components/minus.es.js"],"sourcesContent":["import { jsx as s } from \"react/jsx-runtime\";\nimport { I as n } from \"../icon-DNHpBTHs.mjs\";\nconst i = {\n  name: \"minus\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.1 12a.9.9 0 0 1 .9-.9h14a.9.9 0 1 1 0 1.8H5a.9.9 0 0 1-.9-.9Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"minus\"],\n  category: \"utility\"\n}, e = (o) => /* @__PURE__ */ s(n, { ...o, svg: i });\ne.displayName = \"IconMinus\";\nexport {\n  e as IconMinus\n};\n//# sourceMappingURL=minus.es.js.map\n"],"names":["i","o","s","n"],"mappings":"2FAEMA,EAAI,CACR,KAAM,QACN,IAAK,6MACL,SAAU,CAAC,OAAO,EAClB,SAAU,SACZ,EAAG,EAAKC,GAAsBC,EAAAA,IAAEC,EAAAA,EAAG,CAAE,GAAGF,EAAG,IAAKD,CAAC,CAAE,EACnD,EAAE,YAAc"}

package/dist/{modal-fTWvPEPW.mjs → modal-DCfN6q8I.mjs}

@@ -1,16 +1,16 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { P as k, O as q, C as G, T as J, D as O, a as Q, b as X, R as Y } from "./index-CKCTy3ZL.mjs";
-import { forwardRef as I, useState as P, useRef as y, useCallback as Z, useEffect as g } from "react";
-import { b as tt } from "./button-Cv7NlYbv.mjs";
+import { forwardRef as I, useState as P, useRef as b, useCallback as Z, useEffect as g } from "react";
+import { b as tt } from "./button-4-yWOgtD.mjs";
 import { H as et } from "./heading-xwBuT_-9.mjs";
 import { r as rt } from "./close.es-BPmk2wkU.mjs";
 import { P as ot } from "./paragraph-Ci50OF1u.mjs";
 import { V as nt } from "./visually-hidden-BYFkJEp1.mjs";
 import { c as at } from "./bind-CU-R61T-.mjs";
-const lt = "_fadeIn_slvdi_1", st = "_fadeOut_slvdi_1", dt = "_slideUp_slvdi_1", it = "_slideDown_slvdi_1", _t = {
+const st = "_fadeIn_slvdi_1", lt = "_fadeOut_slvdi_1", dt = "_slideUp_slvdi_1", it = "_slideDown_slvdi_1", _t = {
   "purpur-modal-content": "_purpur-modal-content_slvdi_1",
-  fadeIn: lt,
-  fadeOut: st,
+  fadeIn: st,
+  fadeOut: lt,
   slideUp: dt,
   slideDown: it,
   "purpur-modal-content__overlay": "_purpur-modal-content__overlay_slvdi_49",
@@ -45,41 +45,41 @@ const lt = "_fadeIn_slvdi_1", st = "_fadeOut_slvdi_1", dt = "_slideUp_slvdi_1",
     notification: w = void 0,
     zIndex: D,
     onCloseAutoFocus: E,
-    ...b
+    ...y
   }, S) => {
-    const { closeButtonAriaLabel: m, showCloseButton: T, ...B } = b, [V, W] = P(!1), [z, A] = P(0), p = y(null), v = y(null), F = r(
+    const { closeButtonAriaLabel: m, showCloseButton: T, ...B } = y, [V, W] = P(!1), [z, A] = P(0), p = b(null), v = b(null), F = r(
       e,
       { [`${e}--with-image`]: !!u },
       { [`${e}--overflow`]: V },
       { [`${e}--sticky-footer`]: f },
       _
-    ), d = (l) => o ? `${o} ${l}` : void 0, L = (l) => {
-      C && l.preventDefault();
+    ), d = (s) => o ? `${o} ${s}` : void 0, L = (s) => {
+      C && s.preventDefault();
     }, i = Z(() => {
       if (!p.current || !v.current)
         return;
-      const l = window.getComputedStyle(p.current, null), h = parseFloat(l.getPropertyValue("height")), K = v.current.offsetHeight;
+      const s = window.getComputedStyle(p.current, null), h = parseFloat(s.getPropertyValue("height")), K = v.current.offsetHeight;
       W(h < K), A(
         (p.current.offsetWidth ?? 0) - (p.current.clientWidth ?? 0)
       );
     }, []), U = () => {
-      const l = v.current;
-      if (l) {
-        const h = l.querySelector("h2");
+      const s = v.current;
+      if (s) {
+        const h = s.querySelector("h2");
         h && setTimeout(() => {
           h.focus();
         });
       }
-    }, j = (l) => {
-      C && !T && l.preventDefault();
+    }, j = (s) => {
+      C && !T && s.preventDefault();
     };
     return g(() => (window.addEventListener("resize", i), () => {
       window.removeEventListener("resize", i);
     }), [i]), g(() => {
       i();
-    }, [w, a, i]), /* @__PURE__ */ s(k, { children: [
+    }, [w, a, i]), /* @__PURE__ */ l(k, { children: [
       /* @__PURE__ */ t(q, { className: r(`${e}__overlay`), style: { zIndex: D } }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         G,
         {
           ...B,
@@ -95,8 +95,8 @@ const lt = "_fadeIn_slvdi_1", st = "_fadeOut_slvdi_1", dt = "_slideUp_slvdi_1",
           onCloseAutoFocus: E,
           style: { zIndex: `calc(${D} + 1)` },
           children: [
-            /* @__PURE__ */ s("div", { ref: p, className: r(`${e}__wrapper`), children: [
-              R(b) && m && u && /* @__PURE__ */ t(
+            /* @__PURE__ */ l("div", { ref: p, className: r(`${e}__wrapper`), children: [
+              R(y) && m && u && /* @__PURE__ */ t(
                 x,
                 {
                   "aria-label": m,
@@ -105,9 +105,9 @@ const lt = "_fadeIn_slvdi_1", st = "_fadeOut_slvdi_1", dt = "_slideUp_slvdi_1",
                   "data-testid": d("close-button")
                 }
               ),
-              /* @__PURE__ */ s("div", { ref: v, className: r(`${e}__wrapper-inner`), children: [
-                /* @__PURE__ */ s("div", { className: r(`${e}__header`), children: [
-                  R(b) && m && !u && /* @__PURE__ */ t(
+              /* @__PURE__ */ l("div", { ref: v, className: r(`${e}__wrapper-inner`), children: [
+                /* @__PURE__ */ l("div", { className: r(`${e}__header`), children: [
+                  R(y) && m && !u && /* @__PURE__ */ t(
                     x,
                     {
                       "aria-label": m,
@@ -120,7 +120,7 @@ const lt = "_fadeIn_slvdi_1", st = "_fadeOut_slvdi_1", dt = "_slideUp_slvdi_1",
                       asChild: !0,
                       className: r(`${e}__title`),
                       "data-testid": d("title"),
-                      children: /* @__PURE__ */ t(et, { tag: "h2", variant: "title-200", tabIndex: -1, children: M })
+                      children: /* @__PURE__ */ t(et, { tag: "h2", variant: "display-10", tabIndex: -1, children: M })
                     }
                   )
                 ] }),
@@ -132,7 +132,7 @@ const lt = "_fadeIn_slvdi_1", st = "_fadeOut_slvdi_1", dt = "_slideUp_slvdi_1",
                     children: u
                   }
                 ),
-                /* @__PURE__ */ t("div", { className: r(`${e}__body`), children: /* @__PURE__ */ s("div", { className: r(`${e}__body-inner`), children: [
+                /* @__PURE__ */ t("div", { className: r(`${e}__body`), children: /* @__PURE__ */ l("div", { className: r(`${e}__body-inner`), children: [
                   c && N && /* @__PURE__ */ t(nt, { asChild: !0, children: /* @__PURE__ */ t(O, { "data-testid": d("description"), children: c }) }),
                   c && !N && /* @__PURE__ */ t(
                     O,
@@ -176,10 +176,10 @@ const lt = "_fadeIn_slvdi_1", st = "_fadeOut_slvdi_1", dt = "_slideUp_slvdi_1",
   actions: o,
   notification: n
 }) => {
-  const a = y(null);
+  const a = b(null);
   return g(() => {
     n && a?.current?.scrollIntoView?.(!1);
-  }, [n]), o ? /* @__PURE__ */ s("div", { className: r(`${e}__actions`), children: [
+  }, [n]), o ? /* @__PURE__ */ l("div", { className: r(`${e}__actions`), children: [
     /* @__PURE__ */ t("div", { className: r(`${e}__actions-buttons`), "data-testid": "modal actions", children: o }),
     n && /* @__PURE__ */ t("div", { className: r(`${e}__notification`), ref: a, children: n }),
     /* @__PURE__ */ t("span", { className: r(`${e}__actions-separator`) })
@@ -198,4 +198,4 @@ $.displayName = "Modal";
 export {
   $ as M
 };
-//# sourceMappingURL=modal-fTWvPEPW.mjs.map
+//# sourceMappingURL=modal-DCfN6q8I.mjs.map

package/dist/modal-DCfN6q8I.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-DCfN6q8I.mjs","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n  Close as RadixClose,\n  Content as RadixContent,\n  Description as RadixDescription,\n  Overlay as RadixOverlay,\n  Portal as RadixPortal,\n  Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * One or several CTA links or buttons\n   * */\n  actions?: ReactNode;\n  children: ReactNode;\n  /**\n   * An optional accessible description to be announced when the dialog is opened.\n   * */\n  description?: string;\n  /**\n   * Prevents the modal from closing on click outside if set to `true`.\n   * */\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * Visually hides the description if set to `true`.\n   * */\n  hideDescription?: boolean;\n  /**\n   * An optional image to be displayed at the top of the modal.\n   * */\n  image?: ReactNode;\n  /**\n   * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n   * */\n  notification?: ReactNode;\n  /**\n   * Determines whether the button group should be fixed at the bottom or scroll with the content.\n   * */\n  stickyButtons?: boolean;\n  /**\n   * An accessible title to be announced when the dialog is opened.\n   * */\n  title: string;\n  /**\n   * z-index of the modal\n   * */\n  zIndex?: number;\n  /**\n   * Event handler called when focus moves to the trigger after closing.\n   * */\n  onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel?: never;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel: string;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n  props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      actions,\n      children,\n      className,\n      description,\n      disableCloseOnClickOutside,\n      hideDescription,\n      image,\n      stickyButtons = true,\n      title,\n      notification = undefined,\n      zIndex,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref\n  ) => {\n    const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n    const [contentOverflow, setContentOverflow] = useState(false);\n    const [scrollbarWidth, setScrollbarWidth] = useState(0);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperInnerRef = useRef<HTMLDivElement>(null);\n\n    const classes = cx(\n      rootClassName,\n      { [`${rootClassName}--with-image`]: !!image },\n      { [`${rootClassName}--overflow`]: contentOverflow },\n      { [`${rootClassName}--sticky-footer`]: stickyButtons },\n      className\n    );\n\n    const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n      }\n    };\n\n    const handleContentOverflow = useCallback(() => {\n      if (!wrapperRef.current || !wrapperInnerRef.current) {\n        return;\n      }\n\n      const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n      const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n      const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n      setContentOverflow(wrapperHeight < innerHeight);\n\n      setScrollbarWidth(\n        (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n      );\n    }, []);\n\n    const handleInitialFocus = () => {\n      const frame = wrapperInnerRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (disableCloseOnClickOutside && !showCloseButton) {\n        event.preventDefault();\n      }\n    };\n\n    useEffect(() => {\n      window.addEventListener(\"resize\", handleContentOverflow);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleContentOverflow);\n      };\n    }, [handleContentOverflow]);\n\n    useEffect(() => {\n      handleContentOverflow();\n    }, [notification, children, handleContentOverflow]);\n\n    return (\n      <RadixPortal>\n        <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n        <RadixContent\n          {...rest}\n          className={classes}\n          data-testid={dataTestId}\n          ref={ref}\n          {...(!description && { [\"aria-describedby\"]: undefined })}\n          onPointerDownOutside={handlePointerDownOutside}\n          onOpenAutoFocus={() => {\n            handleContentOverflow();\n            handleInitialFocus();\n          }}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onCloseAutoFocus={onCloseAutoFocus}\n          style={{ zIndex: `calc(${zIndex} + 1)` }}\n        >\n          <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n            {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n              <CloseButton\n                aria-label={closeButtonAriaLabel}\n                hasImage\n                scrollbarWidth={scrollbarWidth}\n                data-testid={getTestId(\"close-button\")}\n              />\n            )}\n            <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n              <div className={cx(`${rootClassName}__header`)}>\n                {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n                  <CloseButton\n                    aria-label={closeButtonAriaLabel}\n                    data-testid={getTestId(\"close-button\")}\n                  />\n                )}\n                <RadixTitle\n                  asChild\n                  className={cx(`${rootClassName}__title`)}\n                  data-testid={getTestId(\"title\")}\n                >\n                  <Heading tag=\"h2\" variant=\"display-10\" tabIndex={-1}>\n                    {title}\n                  </Heading>\n                </RadixTitle>\n              </div>\n              {image && (\n                <div\n                  className={cx(`${rootClassName}__image-wrapper`)}\n                  data-testid={getTestId(\"image\")}\n                >\n                  {image}\n                </div>\n              )}\n              <div className={cx(`${rootClassName}__body`)}>\n                <div className={cx(`${rootClassName}__body-inner`)}>\n                  {description && hideDescription && (\n                    <VisuallyHidden asChild>\n                      <RadixDescription data-testid={getTestId(\"description\")}>\n                        {description}\n                      </RadixDescription>\n                    </VisuallyHidden>\n                  )}\n                  {description && !hideDescription && (\n                    <RadixDescription\n                      asChild\n                      className={cx(`${rootClassName}__description`)}\n                      data-testid={getTestId(\"description\")}\n                    >\n                      <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n                    </RadixDescription>\n                  )}\n                  <div>{children}</div>\n                  {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n        </RadixContent>\n      </RadixPortal>\n    );\n  }\n);\n\nconst CloseButton = ({\n  [\"aria-label\"]: ariaLabel,\n  hasImage,\n  scrollbarWidth,\n  [\"data-testid\"]: dataTestId,\n}: {\n  [\"aria-label\"]: string;\n  hasImage?: boolean;\n  scrollbarWidth?: number;\n  [\"data-testid\"]?: string;\n}) => (\n  <RadixClose asChild>\n    <Button\n      variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n      negative={hasImage}\n      size=\"sm\"\n      iconOnly\n      aria-label={ariaLabel}\n      className={cx(`${rootClassName}__close-button`)}\n      style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n      data-testid={dataTestId}\n    >\n      <IconClose />\n    </Button>\n  </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n  actions,\n  notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n  const notificationRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (notification) {\n      notificationRef?.current?.scrollIntoView?.(false);\n    }\n  }, [notification]);\n\n  return actions ? (\n    <div className={cx(`${rootClassName}__actions`)}>\n      <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n        {actions}\n      </div>\n      {notification && (\n        <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n          {notification}\n        </div>\n      )}\n      <span className={cx(`${rootClassName}__actions-separator`)} />\n    </div>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <RadixTrigger asChild ref={ref} {...props}>\n        {children}\n      </RadixTrigger>\n    );\n  }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  /**\n   * Event handler called when the open state of the dialog changes.\n   * */\n  onOpenChange?: (value: boolean) => void;\n  /**\n   * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n   * */\n  open?: boolean;\n};\n\nexport const Modal = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  open,\n  onOpenChange,\n}: ModalProps) => (\n  <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n    {children}\n  </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","RadixPortal","jsx","RadixOverlay","jsxs","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}

package/dist/{modal-DMeRO1wE.js → modal-DZIdw9xy.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("./index-2cFVyGXq.js"),a=require("react"),F=require("./button-Dqxdc3nC.js"),L=require("./heading-drD5ugCC.js"),U=require("./close.es-VL3lKi1O.js"),V=require("./paragraph-BsI53OR0.js"),K=require("./visually-hidden-C2CKovZx.js"),k=require("./bind-DeUYJ6m9.js"),G="_fadeIn_slvdi_1",J="_fadeOut_slvdi_1",Q="_slideUp_slvdi_1",X="_slideDown_slvdi_1",Y={"purpur-modal-content":"_purpur-modal-content_slvdi_1",fadeIn:G,fadeOut:J,slideUp:Q,slideDown:X,"purpur-modal-content__overlay":"_purpur-modal-content__overlay_slvdi_49","purpur-modal-content__close-button":"_purpur-modal-content__close-button_slvdi_65","purpur-modal-content__wrapper":"_purpur-modal-content__wrapper_slvdi_75","purpur-modal-content__wrapper-inner":"_purpur-modal-content__wrapper-inner_slvdi_85","purpur-modal-content__image-wrapper":"_purpur-modal-content__image-wrapper_slvdi_89","purpur-modal-content__header":"_purpur-modal-content__header_slvdi_112","purpur-modal-content__title":"_purpur-modal-content__title_slvdi_125","purpur-modal-content__description":"_purpur-modal-content__description_slvdi_128","purpur-modal-content__body":"_purpur-modal-content__body_slvdi_131","purpur-modal-content__body-inner":"_purpur-modal-content__body-inner_slvdi_139","purpur-modal-content__actions-buttons":"_purpur-modal-content__actions-buttons_slvdi_151","purpur-modal-content__notification":"_purpur-modal-content__notification_slvdi_169","purpur-modal-content--with-image":"_purpur-modal-content--with-image_slvdi_172","purpur-modal-content--overflow":"_purpur-modal-content--overflow_slvdi_172","purpur-modal-content__actions":"_purpur-modal-content__actions_slvdi_151","purpur-modal-content__actions-separator":"_purpur-modal-content__actions-separator_slvdi_203","purpur-modal-content--sticky-footer":"_purpur-modal-content--sticky-footer_slvdi_213"},N=n=>n.showCloseButton===!0,r=k.c.bind(Y),t="purpur-modal-content",Z=a.forwardRef(({["data-testid"]:n,actions:o,children:s,className:u,description:_,disableCloseOnClickOutside:b,hideDescription:g,image:p,stickyButtons:x=!0,title:q,notification:j=void 0,zIndex:$,onCloseAutoFocus:D,...y},O)=>{const{closeButtonAriaLabel:v,showCloseButton:E,...H}=y,[I,M]=a.useState(!1),[P,S]=a.useState(0),m=a.useRef(null),h=a.useRef(null),B=r(t,{[`${t}--with-image`]:!!p},{[`${t}--overflow`]:I},{[`${t}--sticky-footer`]:x},u),i=l=>n?`${n} ${l}`:void 0,T=l=>{b&&l.preventDefault()},c=a.useCallback(()=>{if(!m.current||!h.current)return;const l=window.getComputedStyle(m.current,null),f=parseFloat(l.getPropertyValue("height")),A=h.current.offsetHeight;M(f<A),S((m.current.offsetWidth??0)-(m.current.clientWidth??0))},[]),W=()=>{const l=h.current;if(l){const f=l.querySelector("h2");f&&setTimeout(()=>{f.focus()})}},z=l=>{b&&!E&&l.preventDefault()};return a.useEffect(()=>(window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[c]),a.useEffect(()=>{c()},[j,s,c]),e.jsxs(d.Portal,{children:[e.jsx(d.Overlay,{className:r(`${t}__overlay`),style:{zIndex:$}}),e.jsxs(d.Content,{...H,className:B,"data-testid":n,ref:O,...!_&&{"aria-describedby":void 0},onPointerDownOutside:T,onOpenAutoFocus:()=>{c(),W()},onEscapeKeyDown:z,onCloseAutoFocus:D,style:{zIndex:`calc(${$} + 1)`},children:[e.jsxs("div",{ref:m,className:r(`${t}__wrapper`),children:[N(y)&&v&&p&&e.jsx(C,{"aria-label":v,hasImage:!0,scrollbarWidth:P,"data-testid":i("close-button")}),e.jsxs("div",{ref:h,className:r(`${t}__wrapper-inner`),children:[e.jsxs("div",{className:r(`${t}__header`),children:[N(y)&&v&&!p&&e.jsx(C,{"aria-label":v,"data-testid":i("close-button")}),e.jsx(d.Title,{asChild:!0,className:r(`${t}__title`),"data-testid":i("title"),children:e.jsx(L.Heading,{tag:"h2",variant:"title-200",tabIndex:-1,children:q})})]}),p&&e.jsx("div",{className:r(`${t}__image-wrapper`),"data-testid":i("image"),children:p}),e.jsx("div",{className:r(`${t}__body`),children:e.jsxs("div",{className:r(`${t}__body-inner`),children:[_&&g&&e.jsx(K.VisuallyHidden,{asChild:!0,children:e.jsx(d.Description,{"data-testid":i("description"),children:_})}),_&&!g&&e.jsx(d.Description,{asChild:!0,className:r(`${t}__description`),"data-testid":i("description"),children:e.jsx(V.Paragraph,{variant:"paragraph-100",children:_})}),e.jsx("div",{children:s}),!x&&e.jsx(R,{actions:o,notification:j})]})})]})]}),x&&e.jsx(R,{actions:o,notification:j})]})]})}),C=({["aria-label"]:n,hasImage:o,scrollbarWidth:s,["data-testid"]:u})=>e.jsx(d.Close,{asChild:!0,children:e.jsx(F.Button,{variant:o?"primary":"tertiary-purple",negative:o,size:"sm",iconOnly:!0,"aria-label":n,className:r(`${t}__close-button`),style:{right:`calc(var(--purpur-spacing-100) + ${s||0}px)`},"data-testid":u,children:e.jsx(U.r,{})})}),R=({actions:n,notification:o})=>{const s=a.useRef(null);return a.useEffect(()=>{o&&s?.current?.scrollIntoView?.(!1)},[o]),n?e.jsxs("div",{className:r(`${t}__actions`),children:[e.jsx("div",{className:r(`${t}__actions-buttons`),"data-testid":"modal actions",children:n}),o&&e.jsx("div",{className:r(`${t}__notification`),ref:s,children:o}),e.jsx("span",{className:r(`${t}__actions-separator`)})]}):null},ee=a.forwardRef(({children:n,...o},s)=>e.jsx(d.Trigger,{asChild:!0,ref:s,...o,children:n})),w=({["data-testid"]:n,children:o,open:s,onOpenChange:u})=>e.jsx(d.Root,{open:s,onOpenChange:u,"data-testid":n,children:o});w.Trigger=ee;w.Content=Z;w.displayName="Modal";exports.Modal=w;
-//# sourceMappingURL=modal-DMeRO1wE.js.map
+"use strict";const e=require("react/jsx-runtime"),d=require("./index-2cFVyGXq.js"),a=require("react"),F=require("./button-DmybVApa.js"),L=require("./heading-drD5ugCC.js"),U=require("./close.es-VL3lKi1O.js"),V=require("./paragraph-BsI53OR0.js"),K=require("./visually-hidden-C2CKovZx.js"),k=require("./bind-DeUYJ6m9.js"),G="_fadeIn_slvdi_1",J="_fadeOut_slvdi_1",Q="_slideUp_slvdi_1",X="_slideDown_slvdi_1",Y={"purpur-modal-content":"_purpur-modal-content_slvdi_1",fadeIn:G,fadeOut:J,slideUp:Q,slideDown:X,"purpur-modal-content__overlay":"_purpur-modal-content__overlay_slvdi_49","purpur-modal-content__close-button":"_purpur-modal-content__close-button_slvdi_65","purpur-modal-content__wrapper":"_purpur-modal-content__wrapper_slvdi_75","purpur-modal-content__wrapper-inner":"_purpur-modal-content__wrapper-inner_slvdi_85","purpur-modal-content__image-wrapper":"_purpur-modal-content__image-wrapper_slvdi_89","purpur-modal-content__header":"_purpur-modal-content__header_slvdi_112","purpur-modal-content__title":"_purpur-modal-content__title_slvdi_125","purpur-modal-content__description":"_purpur-modal-content__description_slvdi_128","purpur-modal-content__body":"_purpur-modal-content__body_slvdi_131","purpur-modal-content__body-inner":"_purpur-modal-content__body-inner_slvdi_139","purpur-modal-content__actions-buttons":"_purpur-modal-content__actions-buttons_slvdi_151","purpur-modal-content__notification":"_purpur-modal-content__notification_slvdi_169","purpur-modal-content--with-image":"_purpur-modal-content--with-image_slvdi_172","purpur-modal-content--overflow":"_purpur-modal-content--overflow_slvdi_172","purpur-modal-content__actions":"_purpur-modal-content__actions_slvdi_151","purpur-modal-content__actions-separator":"_purpur-modal-content__actions-separator_slvdi_203","purpur-modal-content--sticky-footer":"_purpur-modal-content--sticky-footer_slvdi_213"},N=n=>n.showCloseButton===!0,r=k.c.bind(Y),t="purpur-modal-content",Z=a.forwardRef(({["data-testid"]:n,actions:s,children:o,className:u,description:_,disableCloseOnClickOutside:b,hideDescription:g,image:p,stickyButtons:x=!0,title:q,notification:j=void 0,zIndex:$,onCloseAutoFocus:D,...y},O)=>{const{closeButtonAriaLabel:v,showCloseButton:E,...H}=y,[I,M]=a.useState(!1),[P,S]=a.useState(0),m=a.useRef(null),h=a.useRef(null),B=r(t,{[`${t}--with-image`]:!!p},{[`${t}--overflow`]:I},{[`${t}--sticky-footer`]:x},u),i=l=>n?`${n} ${l}`:void 0,T=l=>{b&&l.preventDefault()},c=a.useCallback(()=>{if(!m.current||!h.current)return;const l=window.getComputedStyle(m.current,null),f=parseFloat(l.getPropertyValue("height")),A=h.current.offsetHeight;M(f<A),S((m.current.offsetWidth??0)-(m.current.clientWidth??0))},[]),W=()=>{const l=h.current;if(l){const f=l.querySelector("h2");f&&setTimeout(()=>{f.focus()})}},z=l=>{b&&!E&&l.preventDefault()};return a.useEffect(()=>(window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[c]),a.useEffect(()=>{c()},[j,o,c]),e.jsxs(d.Portal,{children:[e.jsx(d.Overlay,{className:r(`${t}__overlay`),style:{zIndex:$}}),e.jsxs(d.Content,{...H,className:B,"data-testid":n,ref:O,...!_&&{"aria-describedby":void 0},onPointerDownOutside:T,onOpenAutoFocus:()=>{c(),W()},onEscapeKeyDown:z,onCloseAutoFocus:D,style:{zIndex:`calc(${$} + 1)`},children:[e.jsxs("div",{ref:m,className:r(`${t}__wrapper`),children:[N(y)&&v&&p&&e.jsx(C,{"aria-label":v,hasImage:!0,scrollbarWidth:P,"data-testid":i("close-button")}),e.jsxs("div",{ref:h,className:r(`${t}__wrapper-inner`),children:[e.jsxs("div",{className:r(`${t}__header`),children:[N(y)&&v&&!p&&e.jsx(C,{"aria-label":v,"data-testid":i("close-button")}),e.jsx(d.Title,{asChild:!0,className:r(`${t}__title`),"data-testid":i("title"),children:e.jsx(L.Heading,{tag:"h2",variant:"display-10",tabIndex:-1,children:q})})]}),p&&e.jsx("div",{className:r(`${t}__image-wrapper`),"data-testid":i("image"),children:p}),e.jsx("div",{className:r(`${t}__body`),children:e.jsxs("div",{className:r(`${t}__body-inner`),children:[_&&g&&e.jsx(K.VisuallyHidden,{asChild:!0,children:e.jsx(d.Description,{"data-testid":i("description"),children:_})}),_&&!g&&e.jsx(d.Description,{asChild:!0,className:r(`${t}__description`),"data-testid":i("description"),children:e.jsx(V.Paragraph,{variant:"paragraph-100",children:_})}),e.jsx("div",{children:o}),!x&&e.jsx(R,{actions:s,notification:j})]})})]})]}),x&&e.jsx(R,{actions:s,notification:j})]})]})}),C=({["aria-label"]:n,hasImage:s,scrollbarWidth:o,["data-testid"]:u})=>e.jsx(d.Close,{asChild:!0,children:e.jsx(F.Button,{variant:s?"primary":"tertiary-purple",negative:s,size:"sm",iconOnly:!0,"aria-label":n,className:r(`${t}__close-button`),style:{right:`calc(var(--purpur-spacing-100) + ${o||0}px)`},"data-testid":u,children:e.jsx(U.r,{})})}),R=({actions:n,notification:s})=>{const o=a.useRef(null);return a.useEffect(()=>{s&&o?.current?.scrollIntoView?.(!1)},[s]),n?e.jsxs("div",{className:r(`${t}__actions`),children:[e.jsx("div",{className:r(`${t}__actions-buttons`),"data-testid":"modal actions",children:n}),s&&e.jsx("div",{className:r(`${t}__notification`),ref:o,children:s}),e.jsx("span",{className:r(`${t}__actions-separator`)})]}):null},ee=a.forwardRef(({children:n,...s},o)=>e.jsx(d.Trigger,{asChild:!0,ref:o,...s,children:n})),w=({["data-testid"]:n,children:s,open:o,onOpenChange:u})=>e.jsx(d.Root,{open:o,onOpenChange:u,"data-testid":n,children:s});w.Trigger=ee;w.Content=Z;w.displayName="Modal";exports.Modal=w;
+//# sourceMappingURL=modal-DZIdw9xy.js.map

package/dist/modal-DZIdw9xy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-DZIdw9xy.js","sources":["../../../components/modal/src/modal-content.tsx","../../../components/modal/src/modal-trigger.tsx","../../../components/modal/src/modal.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { VisuallyHidden } from \"@purpur/visually-hidden\";\nimport {\n  Close as RadixClose,\n  Content as RadixContent,\n  Description as RadixDescription,\n  Overlay as RadixOverlay,\n  Portal as RadixPortal,\n  Title as RadixTitle,\n} from \"@radix-ui/react-dialog\";\nimport c from \"classnames/bind\";\n\nimport \"@purpur/notification/styles\";\nimport styles from \"./modal-content.module.scss\";\n\nexport type DefaultProps = Omit<BaseProps, \"children\"> & {\n  /**\n   * One or several CTA links or buttons\n   * */\n  actions?: ReactNode;\n  children: ReactNode;\n  /**\n   * An optional accessible description to be announced when the dialog is opened.\n   * */\n  description?: string;\n  /**\n   * Prevents the modal from closing on click outside if set to `true`.\n   * */\n  disableCloseOnClickOutside?: boolean;\n  /**\n   * Visually hides the description if set to `true`.\n   * */\n  hideDescription?: boolean;\n  /**\n   * An optional image to be displayed at the top of the modal.\n   * */\n  image?: ReactNode;\n  /**\n   * Provide a Purpur Notification which will render beneath the modal buttons, otherwise leave it undefined.\n   * */\n  notification?: ReactNode;\n  /**\n   * Determines whether the button group should be fixed at the bottom or scroll with the content.\n   * */\n  stickyButtons?: boolean;\n  /**\n   * An accessible title to be announced when the dialog is opened.\n   * */\n  title: string;\n  /**\n   * z-index of the modal\n   * */\n  zIndex?: number;\n  /**\n   * Event handler called when focus moves to the trigger after closing.\n   * */\n  onCloseAutoFocus?: (e: Event) => void;\n};\n\ntype NoCloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel?: never;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton?: false;\n};\n\ntype CloseButtonProps = {\n  /**\n   * An accessible label for the close button.\n   * */\n  closeButtonAriaLabel: string;\n  /**\n   * Shows the close button if set to `true`. Must be used in conjunction with `closeButtonAriaLabel`.\n   * */\n  showCloseButton: true;\n};\n\nexport type ModalContentProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst hasCloseButtonProps = (\n  props: CloseButtonProps | NoCloseButtonProps\n): props is CloseButtonProps => (props as CloseButtonProps).showCloseButton === true;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-modal-content\";\n\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      actions,\n      children,\n      className,\n      description,\n      disableCloseOnClickOutside,\n      hideDescription,\n      image,\n      stickyButtons = true,\n      title,\n      notification = undefined,\n      zIndex,\n      onCloseAutoFocus,\n      ...props\n    },\n    ref\n  ) => {\n    const { closeButtonAriaLabel, showCloseButton, ...rest } = props;\n    const [contentOverflow, setContentOverflow] = useState(false);\n    const [scrollbarWidth, setScrollbarWidth] = useState(0);\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const wrapperInnerRef = useRef<HTMLDivElement>(null);\n\n    const classes = cx(\n      rootClassName,\n      { [`${rootClassName}--with-image`]: !!image },\n      { [`${rootClassName}--overflow`]: contentOverflow },\n      { [`${rootClassName}--sticky-footer`]: stickyButtons },\n      className\n    );\n\n    const getTestId = (id: string) => (dataTestId ? `${dataTestId} ${id}` : undefined);\n\n    const handlePointerDownOutside = (event: CustomEvent<{ originalEvent: PointerEvent }>) => {\n      if (disableCloseOnClickOutside) {\n        event.preventDefault();\n      }\n    };\n\n    const handleContentOverflow = useCallback(() => {\n      if (!wrapperRef.current || !wrapperInnerRef.current) {\n        return;\n      }\n\n      const computedStyle = window.getComputedStyle(wrapperRef.current, null);\n      const wrapperHeight = parseFloat(computedStyle.getPropertyValue(\"height\"));\n      const innerHeight = wrapperInnerRef.current.offsetHeight;\n\n      setContentOverflow(wrapperHeight < innerHeight);\n\n      setScrollbarWidth(\n        (wrapperRef.current.offsetWidth ?? 0) - (wrapperRef.current.clientWidth ?? 0)\n      );\n    }, []);\n\n    const handleInitialFocus = () => {\n      const frame = wrapperInnerRef.current;\n      if (frame) {\n        const heading = frame.querySelector(\"h2\");\n\n        heading &&\n          setTimeout(() => {\n            heading.focus();\n          });\n      }\n    };\n\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      if (disableCloseOnClickOutside && !showCloseButton) {\n        event.preventDefault();\n      }\n    };\n\n    useEffect(() => {\n      window.addEventListener(\"resize\", handleContentOverflow);\n\n      return () => {\n        window.removeEventListener(\"resize\", handleContentOverflow);\n      };\n    }, [handleContentOverflow]);\n\n    useEffect(() => {\n      handleContentOverflow();\n    }, [notification, children, handleContentOverflow]);\n\n    return (\n      <RadixPortal>\n        <RadixOverlay className={cx(`${rootClassName}__overlay`)} style={{ zIndex }} />\n        <RadixContent\n          {...rest}\n          className={classes}\n          data-testid={dataTestId}\n          ref={ref}\n          {...(!description && { [\"aria-describedby\"]: undefined })}\n          onPointerDownOutside={handlePointerDownOutside}\n          onOpenAutoFocus={() => {\n            handleContentOverflow();\n            handleInitialFocus();\n          }}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onCloseAutoFocus={onCloseAutoFocus}\n          style={{ zIndex: `calc(${zIndex} + 1)` }}\n        >\n          <div ref={wrapperRef} className={cx(`${rootClassName}__wrapper`)}>\n            {hasCloseButtonProps(props) && closeButtonAriaLabel && image && (\n              <CloseButton\n                aria-label={closeButtonAriaLabel}\n                hasImage\n                scrollbarWidth={scrollbarWidth}\n                data-testid={getTestId(\"close-button\")}\n              />\n            )}\n            <div ref={wrapperInnerRef} className={cx(`${rootClassName}__wrapper-inner`)}>\n              <div className={cx(`${rootClassName}__header`)}>\n                {hasCloseButtonProps(props) && closeButtonAriaLabel && !image && (\n                  <CloseButton\n                    aria-label={closeButtonAriaLabel}\n                    data-testid={getTestId(\"close-button\")}\n                  />\n                )}\n                <RadixTitle\n                  asChild\n                  className={cx(`${rootClassName}__title`)}\n                  data-testid={getTestId(\"title\")}\n                >\n                  <Heading tag=\"h2\" variant=\"display-10\" tabIndex={-1}>\n                    {title}\n                  </Heading>\n                </RadixTitle>\n              </div>\n              {image && (\n                <div\n                  className={cx(`${rootClassName}__image-wrapper`)}\n                  data-testid={getTestId(\"image\")}\n                >\n                  {image}\n                </div>\n              )}\n              <div className={cx(`${rootClassName}__body`)}>\n                <div className={cx(`${rootClassName}__body-inner`)}>\n                  {description && hideDescription && (\n                    <VisuallyHidden asChild>\n                      <RadixDescription data-testid={getTestId(\"description\")}>\n                        {description}\n                      </RadixDescription>\n                    </VisuallyHidden>\n                  )}\n                  {description && !hideDescription && (\n                    <RadixDescription\n                      asChild\n                      className={cx(`${rootClassName}__description`)}\n                      data-testid={getTestId(\"description\")}\n                    >\n                      <Paragraph variant=\"paragraph-100\">{description}</Paragraph>\n                    </RadixDescription>\n                  )}\n                  <div>{children}</div>\n                  {!stickyButtons && <ModalActions actions={actions} notification={notification} />}\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {stickyButtons && <ModalActions actions={actions} notification={notification} />}\n        </RadixContent>\n      </RadixPortal>\n    );\n  }\n);\n\nconst CloseButton = ({\n  [\"aria-label\"]: ariaLabel,\n  hasImage,\n  scrollbarWidth,\n  [\"data-testid\"]: dataTestId,\n}: {\n  [\"aria-label\"]: string;\n  hasImage?: boolean;\n  scrollbarWidth?: number;\n  [\"data-testid\"]?: string;\n}) => (\n  <RadixClose asChild>\n    <Button\n      variant={hasImage ? \"primary\" : \"tertiary-purple\"}\n      negative={hasImage}\n      size=\"sm\"\n      iconOnly\n      aria-label={ariaLabel}\n      className={cx(`${rootClassName}__close-button`)}\n      style={{ right: `calc(var(--purpur-spacing-100) + ${scrollbarWidth || 0}px)` }}\n      data-testid={dataTestId}\n    >\n      <IconClose />\n    </Button>\n  </RadixClose>\n);\n\nexport const MAX_NUMBER_OF_ACTIONS = 3;\n\nexport const ModalActions = ({\n  actions,\n  notification,\n}: Pick<ModalContentProps, \"actions\" | \"notification\">) => {\n  const notificationRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (notification) {\n      notificationRef?.current?.scrollIntoView?.(false);\n    }\n  }, [notification]);\n\n  return actions ? (\n    <div className={cx(`${rootClassName}__actions`)}>\n      <div className={cx(`${rootClassName}__actions-buttons`)} data-testid=\"modal actions\">\n        {actions}\n      </div>\n      {notification && (\n        <div className={cx(`${rootClassName}__notification`)} ref={notificationRef}>\n          {notification}\n        </div>\n      )}\n      <span className={cx(`${rootClassName}__actions-separator`)} />\n    </div>\n  ) : null;\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Trigger as RadixTrigger } from \"@radix-ui/react-dialog\";\n\nexport type ModalTriggerProps = Omit<BaseProps<\"button\">, \"children\"> & {\n  children: ReactNode;\n};\n\nexport const ModalTrigger = forwardRef<HTMLButtonElement, ModalTriggerProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <RadixTrigger asChild ref={ref} {...props}>\n        {children}\n      </RadixTrigger>\n    );\n  }\n);\n","import React, { type ReactNode } from \"react\";\nimport { Root as RadixRoot } from \"@radix-ui/react-dialog\";\n\nimport { ModalContent } from \"./modal-content\";\nimport { ModalTrigger } from \"./modal-trigger\";\n\nexport type ModalProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  /**\n   * Event handler called when the open state of the dialog changes.\n   * */\n  onOpenChange?: (value: boolean) => void;\n  /**\n   * The controlled open state of the dialog. Must be used in conjunction with `onOpenChange`.\n   * */\n  open?: boolean;\n};\n\nexport const Modal = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  open,\n  onOpenChange,\n}: ModalProps) => (\n  <RadixRoot open={open} onOpenChange={onOpenChange} data-testid={dataTestId}>\n    {children}\n  </RadixRoot>\n);\n\nModal.Trigger = ModalTrigger;\nModal.Content = ModalContent;\n\nModal.displayName = \"Modal\";\n"],"names":["hasCloseButtonProps","props","cx","c","styles","rootClassName","ModalContent","forwardRef","dataTestId","actions","children","className","description","disableCloseOnClickOutside","hideDescription","image","stickyButtons","title","notification","zIndex","onCloseAutoFocus","ref","closeButtonAriaLabel","showCloseButton","rest","contentOverflow","setContentOverflow","useState","scrollbarWidth","setScrollbarWidth","wrapperRef","useRef","wrapperInnerRef","classes","getTestId","id","handlePointerDownOutside","event","handleContentOverflow","useCallback","computedStyle","wrapperHeight","innerHeight","handleInitialFocus","frame","heading","handleEscapeKeyDown","useEffect","RadixPortal","jsx","RadixOverlay","jsxs","RadixContent","CloseButton","RadixTitle","Heading","VisuallyHidden","RadixDescription","Paragraph","ModalActions","ariaLabel","hasImage","RadixClose","Button","IconClose","notificationRef","ModalTrigger","RadixTrigger","Modal","open","onOpenChange","RadixRoot"],"mappings":"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"}

package/dist/modal.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal-DMeRO1wE.js");exports.Modal=e.Modal;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./modal-DZIdw9xy.js");exports.Modal=e.Modal;
 //# sourceMappingURL=modal.cjs.js.map

package/dist/modal.es.js

@@ -1,4 +1,4 @@
-import { M as r } from "./modal-fTWvPEPW.mjs";
+import { M as r } from "./modal-DCfN6q8I.mjs";
 export {
   r as Modal
 };

package/dist/{notification-DE1pvk9W.js → notification-BqjaT4E7.js}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),y=require("react"),O=require("./button-Dqxdc3nC.js"),A=require("./heading-drD5ugCC.js"),d=require("./icon.es-j3eRib6d.js"),I=require("./error-filled.es-BbS_Oggw.js"),R=require("./paragraph-BsI53OR0.js"),$=require("./bind-DeUYJ6m9.js"),S={name:"alert-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',keywords:["alert-filled"],category:"status"},C={name:"check-circle-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',keywords:["check-circle-filled"],category:"status"},L={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},E={name:"info-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z" clip-rule="evenodd"/></svg>',keywords:["info-filled"],category:"status"},Z={name:"sparkles",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z"/></svg>',keywords:["sparkles"],category:"ai"},k={"purpur-notification":"_purpur-notification_1c3oj_1","purpur-notification__top":"_purpur-notification__top_1c3oj_14","purpur-notification__header":"_purpur-notification__header_1c3oj_20","purpur-notification__close-button":"_purpur-notification__close-button_1c3oj_25","purpur-notification__icon":"_purpur-notification__icon_1c3oj_31","purpur-notification__body":"_purpur-notification__body_1c3oj_35","purpur-notification__body--extra-padding":"_purpur-notification__body--extra-padding_1c3oj_38","purpur-notification--success":"_purpur-notification--success_1c3oj_41","purpur-notification__heading":"_purpur-notification__heading_1c3oj_44","purpur-notification--warning":"_purpur-notification--warning_1c3oj_50","purpur-notification--error":"_purpur-notification--error_1c3oj_59","purpur-notification--info":"_purpur-notification--info_1c3oj_68","purpur-notification--ai":"_purpur-notification--ai_1c3oj_77","purpur-notification--hidden":"_purpur-notification--hidden_1c3oj_92","purpur-notification--has-close-button":"_purpur-notification--has-close-button_1c3oj_96"},n=$.c.bind(k),e={SUCCESS:"success",WARNING:"warning",ERROR:"error",INFO:"info",AI:"ai"},T=Object.values(e),f={POLITE:"polite",ASSERTIVE:"assertive"},F=Object.values(f),v={ALERT:"alert",DIALOG:"dialog",ALERTDIALOG:"alertdialog"},q=Object.values(v),t="purpur-notification",M=i=>{switch(i){case e.AI:return Z;case e.INFO:return E;case e.SUCCESS:return C;case e.WARNING:return S;case e.ERROR:return I.e}},g=y.forwardRef(({["data-testid"]:i,["aria-live"]:h,children:a,className:w,closeButtonAriaLabel:b,headingTag:j="h4",status:u="info",heading:s,hidden:l,id:r,onClose:c,open:N=!0,hideIcon:_,...m},x)=>{const p=!!s||!_;return o.jsx("div",{"aria-live":h,children:N&&o.jsxs("div",{id:r,"aria-labelledby":r?`${r}-heading`:void 0,"aria-describedby":r?`${r}-body`:void 0,"aria-hidden":!!l,className:n(w,t,`${t}--${u}`,{[`${t}--hidden`]:l,[`${t}--has-close-button`]:!!c}),"data-testid":i,ref:x,...m,children:[p&&o.jsx("div",{className:n(`${t}__top`),children:o.jsxs("div",{className:n(`${t}__header`),children:[!_&&o.jsx(d.b,{"data-testid":i?`${i}-icon`:void 0,className:n(`${t}__icon`),svg:M(u),size:"sm"}),!!s&&o.jsx(A.Heading,{"data-testid":i?`${i}-heading`:void 0,variant:"subsection-100",tag:j,className:n(`${t}__heading`),children:o.jsxs("span",{id:r?`${r}-heading`:void 0,children:[" ",s]})})]})}),c&&o.jsx(O.Button,{"data-testid":i?`${i}-close-button`:void 0,variant:"text",size:"sm",iconOnly:!0,"aria-label":b,onClick:c,className:n(`${t}__close-button`),children:o.jsx(d.b,{svg:L,size:"md"})}),a&&o.jsx("div",{"data-testid":i?`${i}-body`:void 0,className:n(`${t}__body`,{[`${t}__body--extra-padding`]:!p&&!!c}),id:r?`${r}-body`:void 0,children:typeof a=="string"?o.jsx(R.Paragraph,{"data-testid":i?`${i}-paragraph`:void 0,variant:"paragraph-100",children:a}):a})]})})});g.displayName="Notification";exports.NOTIFICATION_ARIA_LIVE=f;exports.NOTIFICATION_ROLE=v;exports.NOTIFICATION_STATUS=e;exports.Notification=g;exports.notificationAriaLiveValues=F;exports.notificationRoles=q;exports.notificationStatuses=T;
-//# sourceMappingURL=notification-DE1pvk9W.js.map
+"use strict";const o=require("react/jsx-runtime"),y=require("react"),O=require("./button-DmybVApa.js"),A=require("./heading-drD5ugCC.js"),d=require("./icon.es-j3eRib6d.js"),I=require("./error-filled.es-BbS_Oggw.js"),R=require("./paragraph-BsI53OR0.js"),$=require("./bind-DeUYJ6m9.js"),S={name:"alert-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',keywords:["alert-filled"],category:"status"},C={name:"check-circle-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z" clip-rule="evenodd"/></svg>',keywords:["check-circle-filled"],category:"status"},L={name:"close",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',keywords:["close"],category:"utility"},E={name:"info-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z" clip-rule="evenodd"/></svg>',keywords:["info-filled"],category:"status"},Z={name:"sparkles",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z"/></svg>',keywords:["sparkles"],category:"ai"},k={"purpur-notification":"_purpur-notification_1c3oj_1","purpur-notification__top":"_purpur-notification__top_1c3oj_14","purpur-notification__header":"_purpur-notification__header_1c3oj_20","purpur-notification__close-button":"_purpur-notification__close-button_1c3oj_25","purpur-notification__icon":"_purpur-notification__icon_1c3oj_31","purpur-notification__body":"_purpur-notification__body_1c3oj_35","purpur-notification__body--extra-padding":"_purpur-notification__body--extra-padding_1c3oj_38","purpur-notification--success":"_purpur-notification--success_1c3oj_41","purpur-notification__heading":"_purpur-notification__heading_1c3oj_44","purpur-notification--warning":"_purpur-notification--warning_1c3oj_50","purpur-notification--error":"_purpur-notification--error_1c3oj_59","purpur-notification--info":"_purpur-notification--info_1c3oj_68","purpur-notification--ai":"_purpur-notification--ai_1c3oj_77","purpur-notification--hidden":"_purpur-notification--hidden_1c3oj_92","purpur-notification--has-close-button":"_purpur-notification--has-close-button_1c3oj_96"},n=$.c.bind(k),e={SUCCESS:"success",WARNING:"warning",ERROR:"error",INFO:"info",AI:"ai"},T=Object.values(e),f={POLITE:"polite",ASSERTIVE:"assertive"},F=Object.values(f),v={ALERT:"alert",DIALOG:"dialog",ALERTDIALOG:"alertdialog"},q=Object.values(v),t="purpur-notification",M=i=>{switch(i){case e.AI:return Z;case e.INFO:return E;case e.SUCCESS:return C;case e.WARNING:return S;case e.ERROR:return I.e}},g=y.forwardRef(({["data-testid"]:i,["aria-live"]:h,children:a,className:w,closeButtonAriaLabel:b,headingTag:j="h4",status:u="info",heading:s,hidden:l,id:r,onClose:c,open:N=!0,hideIcon:_,...m},x)=>{const p=!!s||!_;return o.jsx("div",{"aria-live":h,children:N&&o.jsxs("div",{id:r,"aria-labelledby":r?`${r}-heading`:void 0,"aria-describedby":r?`${r}-body`:void 0,"aria-hidden":!!l,className:n(w,t,`${t}--${u}`,{[`${t}--hidden`]:l,[`${t}--has-close-button`]:!!c}),"data-testid":i,ref:x,...m,children:[p&&o.jsx("div",{className:n(`${t}__top`),children:o.jsxs("div",{className:n(`${t}__header`),children:[!_&&o.jsx(d.b,{"data-testid":i?`${i}-icon`:void 0,className:n(`${t}__icon`),svg:M(u),size:"sm"}),!!s&&o.jsx(A.Heading,{"data-testid":i?`${i}-heading`:void 0,variant:"subsection-100",tag:j,className:n(`${t}__heading`),children:o.jsxs("span",{id:r?`${r}-heading`:void 0,children:[" ",s]})})]})}),c&&o.jsx(O.Button,{"data-testid":i?`${i}-close-button`:void 0,variant:"text",size:"sm",iconOnly:!0,"aria-label":b,onClick:c,className:n(`${t}__close-button`),children:o.jsx(d.b,{svg:L,size:"md"})}),a&&o.jsx("div",{"data-testid":i?`${i}-body`:void 0,className:n(`${t}__body`,{[`${t}__body--extra-padding`]:!p&&!!c}),id:r?`${r}-body`:void 0,children:typeof a=="string"?o.jsx(R.Paragraph,{"data-testid":i?`${i}-paragraph`:void 0,variant:"paragraph-100",children:a}):a})]})})});g.displayName="Notification";exports.NOTIFICATION_ARIA_LIVE=f;exports.NOTIFICATION_ROLE=v;exports.NOTIFICATION_STATUS=e;exports.Notification=g;exports.notificationAriaLiveValues=F;exports.notificationRoles=q;exports.notificationStatuses=T;
+//# sourceMappingURL=notification-BqjaT4E7.js.map

package/dist/{notification-DE1pvk9W.js.map → notification-BqjaT4E7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"notification-DE1pvk9W.js","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/icon/dist/assets/sparkles.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n  name: \"alert-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"alert-filled\"],\n  category: \"status\"\n};\nexport {\n  l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n  name: \"check-circle-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"check-circle-filled\"],\n  category: \"status\"\n};\nexport {\n  e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n  name: \"close\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"close\"],\n  category: \"utility\"\n};\nexport {\n  l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n  name: \"info-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"info-filled\"],\n  category: \"status\"\n};\nexport {\n  e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","const a = {\n  name: \"sparkles\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z\"/></svg>',\n  keywords: [\"sparkles\"],\n  category: \"ai\"\n};\nexport {\n  a as sparkles\n};\n//# sourceMappingURL=sparkles.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { sparkles } from \"@purpur/icon/assets/sparkles\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n  INFO: \"info\",\n  AI: \"ai\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n  POLITE: \"polite\",\n  ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n  (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n  ALERT: \"alert\",\n  DIALOG: \"dialog\",\n  ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n  switch (status) {\n    case NOTIFICATION_STATUS.AI:\n      return sparkles;\n    case NOTIFICATION_STATUS.INFO:\n      return infoFilled;\n    case NOTIFICATION_STATUS.SUCCESS:\n      return checkCircleFilled;\n    case NOTIFICATION_STATUS.WARNING:\n      return alertFilled;\n    case NOTIFICATION_STATUS.ERROR:\n      return errorFilled;\n  }\n};\n\ntype DefaultProps = BaseProps & {\n  [\"aria-live\"]?: NotificationAriaLive;\n  headingTag?: HeadingTagType;\n  status?: NotificationStatus;\n  heading?: string;\n  role?: NotificationRole;\n  hidden?: boolean;\n  /**\n   * Use to explicitly not open the notification initially and open it programatically to trigger\n   * that the aria-live message is read by the screen reader correctly.\n   */\n  open?: boolean;\n  hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      [\"aria-live\"]: ariaLive,\n      children,\n      className,\n      closeButtonAriaLabel,\n      headingTag = \"h4\",\n      status = \"info\",\n      heading,\n      hidden,\n      id,\n      onClose,\n      open = true,\n      hideIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const showHeader = !!heading || !hideIcon;\n\n    return (\n      <div aria-live={ariaLive}>\n        {open && (\n          <div\n            id={id}\n            aria-labelledby={id ? `${id}-heading` : undefined}\n            aria-describedby={id ? `${id}-body` : undefined}\n            aria-hidden={!!hidden}\n            className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n              [`${rootClassName}--hidden`]: hidden,\n              [`${rootClassName}--has-close-button`]: !!onClose,\n            })}\n            data-testid={dataTestId}\n            ref={ref}\n            {...props}\n          >\n            {showHeader && (\n              <div className={cx(`${rootClassName}__top`)}>\n                <div className={cx(`${rootClassName}__header`)}>\n                  {!hideIcon && (\n                    <Icon\n                      data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n                      className={cx(`${rootClassName}__icon`)}\n                      svg={getStatusIcon(status)}\n                      size=\"sm\"\n                    />\n                  )}\n                  {!!heading && (\n                    <Heading\n                      data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n                      variant=\"subsection-100\"\n                      tag={headingTag}\n                      className={cx(`${rootClassName}__heading`)}\n                    >\n                      <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n                    </Heading>\n                  )}\n                </div>\n              </div>\n            )}\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"text\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <Icon svg={close} size=\"md\" />\n              </Button>\n            )}\n            {children && (\n              <div\n                data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n                className={cx(`${rootClassName}__body`, {\n                  [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n                })}\n                id={id ? `${id}-body` : undefined}\n              >\n                {typeof children === \"string\" ? (\n                  <Paragraph\n                    data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n                    variant=\"paragraph-100\"\n                  >\n                    {children}\n                  </Paragraph>\n                ) : (\n                  children\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","a","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","sparkles","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}
+{"version":3,"file":"notification-BqjaT4E7.js","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/icon/dist/assets/sparkles.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n  name: \"alert-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"alert-filled\"],\n  category: \"status\"\n};\nexport {\n  l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n  name: \"check-circle-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"check-circle-filled\"],\n  category: \"status\"\n};\nexport {\n  e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n  name: \"close\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"close\"],\n  category: \"utility\"\n};\nexport {\n  l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n  name: \"info-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"info-filled\"],\n  category: \"status\"\n};\nexport {\n  e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","const a = {\n  name: \"sparkles\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z\"/></svg>',\n  keywords: [\"sparkles\"],\n  category: \"ai\"\n};\nexport {\n  a as sparkles\n};\n//# sourceMappingURL=sparkles.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { sparkles } from \"@purpur/icon/assets/sparkles\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n  INFO: \"info\",\n  AI: \"ai\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n  POLITE: \"polite\",\n  ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n  (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n  ALERT: \"alert\",\n  DIALOG: \"dialog\",\n  ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n  switch (status) {\n    case NOTIFICATION_STATUS.AI:\n      return sparkles;\n    case NOTIFICATION_STATUS.INFO:\n      return infoFilled;\n    case NOTIFICATION_STATUS.SUCCESS:\n      return checkCircleFilled;\n    case NOTIFICATION_STATUS.WARNING:\n      return alertFilled;\n    case NOTIFICATION_STATUS.ERROR:\n      return errorFilled;\n  }\n};\n\ntype DefaultProps = BaseProps & {\n  [\"aria-live\"]?: NotificationAriaLive;\n  headingTag?: HeadingTagType;\n  status?: NotificationStatus;\n  heading?: string;\n  role?: NotificationRole;\n  hidden?: boolean;\n  /**\n   * Use to explicitly not open the notification initially and open it programatically to trigger\n   * that the aria-live message is read by the screen reader correctly.\n   */\n  open?: boolean;\n  hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      [\"aria-live\"]: ariaLive,\n      children,\n      className,\n      closeButtonAriaLabel,\n      headingTag = \"h4\",\n      status = \"info\",\n      heading,\n      hidden,\n      id,\n      onClose,\n      open = true,\n      hideIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const showHeader = !!heading || !hideIcon;\n\n    return (\n      <div aria-live={ariaLive}>\n        {open && (\n          <div\n            id={id}\n            aria-labelledby={id ? `${id}-heading` : undefined}\n            aria-describedby={id ? `${id}-body` : undefined}\n            aria-hidden={!!hidden}\n            className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n              [`${rootClassName}--hidden`]: hidden,\n              [`${rootClassName}--has-close-button`]: !!onClose,\n            })}\n            data-testid={dataTestId}\n            ref={ref}\n            {...props}\n          >\n            {showHeader && (\n              <div className={cx(`${rootClassName}__top`)}>\n                <div className={cx(`${rootClassName}__header`)}>\n                  {!hideIcon && (\n                    <Icon\n                      data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n                      className={cx(`${rootClassName}__icon`)}\n                      svg={getStatusIcon(status)}\n                      size=\"sm\"\n                    />\n                  )}\n                  {!!heading && (\n                    <Heading\n                      data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n                      variant=\"subsection-100\"\n                      tag={headingTag}\n                      className={cx(`${rootClassName}__heading`)}\n                    >\n                      <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n                    </Heading>\n                  )}\n                </div>\n              </div>\n            )}\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"text\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <Icon svg={close} size=\"md\" />\n              </Button>\n            )}\n            {children && (\n              <div\n                data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n                className={cx(`${rootClassName}__body`, {\n                  [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n                })}\n                id={id ? `${id}-body` : undefined}\n              >\n                {typeof children === \"string\" ? (\n                  <Paragraph\n                    data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n                    variant=\"paragraph-100\"\n                  >\n                    {children}\n                  </Paragraph>\n                ) : (\n                  children\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","a","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","sparkles","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}

package/dist/{notification-BvoL7BIW.mjs → notification-DdRS5BF2.mjs}

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
-import { b as $ } from "./button-Cv7NlYbv.mjs";
+import { b as $ } from "./button-4-yWOgtD.mjs";
 import { H as j } from "./heading-xwBuT_-9.mjs";
 import { b as f } from "./icon.es-CZcKxTaM.mjs";
 import { e as x } from "./error-filled.es-C0Amnd7Y.mjs";
@@ -176,4 +176,4 @@ export {
   T as e,
   W as n
 };
-//# sourceMappingURL=notification-BvoL7BIW.mjs.map
+//# sourceMappingURL=notification-DdRS5BF2.mjs.map

package/dist/{notification-BvoL7BIW.mjs.map → notification-DdRS5BF2.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"notification-BvoL7BIW.mjs","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/icon/dist/assets/sparkles.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n  name: \"alert-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"alert-filled\"],\n  category: \"status\"\n};\nexport {\n  l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n  name: \"check-circle-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"check-circle-filled\"],\n  category: \"status\"\n};\nexport {\n  e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n  name: \"close\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"close\"],\n  category: \"utility\"\n};\nexport {\n  l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n  name: \"info-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"info-filled\"],\n  category: \"status\"\n};\nexport {\n  e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","const a = {\n  name: \"sparkles\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z\"/></svg>',\n  keywords: [\"sparkles\"],\n  category: \"ai\"\n};\nexport {\n  a as sparkles\n};\n//# sourceMappingURL=sparkles.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { sparkles } from \"@purpur/icon/assets/sparkles\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n  INFO: \"info\",\n  AI: \"ai\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n  POLITE: \"polite\",\n  ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n  (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n  ALERT: \"alert\",\n  DIALOG: \"dialog\",\n  ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n  switch (status) {\n    case NOTIFICATION_STATUS.AI:\n      return sparkles;\n    case NOTIFICATION_STATUS.INFO:\n      return infoFilled;\n    case NOTIFICATION_STATUS.SUCCESS:\n      return checkCircleFilled;\n    case NOTIFICATION_STATUS.WARNING:\n      return alertFilled;\n    case NOTIFICATION_STATUS.ERROR:\n      return errorFilled;\n  }\n};\n\ntype DefaultProps = BaseProps & {\n  [\"aria-live\"]?: NotificationAriaLive;\n  headingTag?: HeadingTagType;\n  status?: NotificationStatus;\n  heading?: string;\n  role?: NotificationRole;\n  hidden?: boolean;\n  /**\n   * Use to explicitly not open the notification initially and open it programatically to trigger\n   * that the aria-live message is read by the screen reader correctly.\n   */\n  open?: boolean;\n  hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      [\"aria-live\"]: ariaLive,\n      children,\n      className,\n      closeButtonAriaLabel,\n      headingTag = \"h4\",\n      status = \"info\",\n      heading,\n      hidden,\n      id,\n      onClose,\n      open = true,\n      hideIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const showHeader = !!heading || !hideIcon;\n\n    return (\n      <div aria-live={ariaLive}>\n        {open && (\n          <div\n            id={id}\n            aria-labelledby={id ? `${id}-heading` : undefined}\n            aria-describedby={id ? `${id}-body` : undefined}\n            aria-hidden={!!hidden}\n            className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n              [`${rootClassName}--hidden`]: hidden,\n              [`${rootClassName}--has-close-button`]: !!onClose,\n            })}\n            data-testid={dataTestId}\n            ref={ref}\n            {...props}\n          >\n            {showHeader && (\n              <div className={cx(`${rootClassName}__top`)}>\n                <div className={cx(`${rootClassName}__header`)}>\n                  {!hideIcon && (\n                    <Icon\n                      data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n                      className={cx(`${rootClassName}__icon`)}\n                      svg={getStatusIcon(status)}\n                      size=\"sm\"\n                    />\n                  )}\n                  {!!heading && (\n                    <Heading\n                      data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n                      variant=\"subsection-100\"\n                      tag={headingTag}\n                      className={cx(`${rootClassName}__heading`)}\n                    >\n                      <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n                    </Heading>\n                  )}\n                </div>\n              </div>\n            )}\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"text\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <Icon svg={close} size=\"md\" />\n              </Button>\n            )}\n            {children && (\n              <div\n                data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n                className={cx(`${rootClassName}__body`, {\n                  [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n                })}\n                id={id ? `${id}-body` : undefined}\n              >\n                {typeof children === \"string\" ? (\n                  <Paragraph\n                    data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n                    variant=\"paragraph-100\"\n                  >\n                    {children}\n                  </Paragraph>\n                ) : (\n                  children\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","a","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","sparkles","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}
+{"version":3,"file":"notification-DdRS5BF2.mjs","sources":["../../../components/icon/dist/assets/alert-filled.es.js","../../../components/icon/dist/assets/check-circle-filled.es.js","../../../components/icon/dist/assets/close.es.js","../../../components/icon/dist/assets/info-filled.es.js","../../../components/icon/dist/assets/sparkles.es.js","../../../components/notification/src/notification.tsx"],"sourcesContent":["const l = {\n  name: \"alert-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.038-14.81-.247 6.875h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.916c0 .649-.585 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"alert-filled\"],\n  category: \"status\"\n};\nexport {\n  l as alertFilled\n};\n//# sourceMappingURL=alert-filled.es.js.map\n","const e = {\n  name: \"check-circle-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm4.712-12.491a.875.875 0 1 0-1.424-1.018l-4.4 6.16-2.27-2.27a.875.875 0 0 0-1.237 1.238l3 3a.875.875 0 0 0 1.331-.11l5-7Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"check-circle-filled\"],\n  category: \"status\"\n};\nexport {\n  e as checkCircleFilled\n};\n//# sourceMappingURL=check-circle-filled.es.js.map\n","const l = {\n  name: \"close\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"close\"],\n  category: \"utility\"\n};\nexport {\n  l as close\n};\n//# sourceMappingURL=close.es.js.map\n","const e = {\n  name: \"info-filled\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10ZM10.9 7.786c0 .591.516 1.077 1.108 1.077.576 0 1.092-.486 1.092-1.077 0-.592-.516-1.078-1.092-1.078-.592 0-1.108.486-1.108 1.078Zm.167 9.74h1.866V9.94h-1.866v7.586Z\" clip-rule=\"evenodd\"/></svg>',\n  keywords: [\"info-filled\"],\n  category: \"status\"\n};\nexport {\n  e as infoFilled\n};\n//# sourceMappingURL=info-filled.es.js.map\n","const a = {\n  name: \"sparkles\",\n  svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.154 22.054c.463-.002.855-.304.977-.755.411-1.533 1.256-2.463 2.656-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.665-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.864.305-.986.747-.422 1.518-1.267 2.447-2.66 2.923a1.02 1.02 0 0 0-.687.968c.001.437.279.825.686.962 1.4.479 2.243 1.414 2.657 2.946.121.442.523.75.978.75h.003Zm-1.788-4.66a5.334 5.334 0 0 0 1.779-1.867 5.32 5.32 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.784-1.883Zm.956-8.397c-2.97-1.047-4.797-3.046-5.583-6.115a1.232 1.232 0 0 0-1.19-.936 1.247 1.247 0 0 0-1.204.916c-.868 3.125-2.693 5.124-5.579 6.112-.502.171-.84.646-.84 1.182 0 .536.338 1.01.84 1.182 2.897.991 4.72 3.004 5.57 6.154.151.552.632.922 1.196.922h.004a1.228 1.228 0 0 0 1.191-.925c.849-3.162 2.674-5.166 5.578-6.126h.003a1.253 1.253 0 0 0 .015-2.366ZM9.53 15.415c-.996-2.405-2.64-4.167-4.906-5.259C6.878 9.071 8.52 7.324 9.526 4.941c.967 2.359 2.616 4.109 4.926 5.226-2.276 1.073-3.925 2.83-4.922 5.248Z\"/></svg>',\n  keywords: [\"sparkles\"],\n  category: \"ai\"\n};\nexport {\n  a as sparkles\n};\n//# sourceMappingURL=sparkles.es.js.map\n","import React, { forwardRef } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { Icon } from \"@purpur/icon\";\nimport { alertFilled } from \"@purpur/icon/assets/alert-filled\";\nimport { checkCircleFilled } from \"@purpur/icon/assets/check-circle-filled\";\nimport { close } from \"@purpur/icon/assets/close\";\nimport { errorFilled } from \"@purpur/icon/assets/error-filled\";\nimport { infoFilled } from \"@purpur/icon/assets/info-filled\";\nimport { sparkles } from \"@purpur/icon/assets/sparkles\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const NOTIFICATION_STATUS = {\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n  INFO: \"info\",\n  AI: \"ai\",\n} as const;\n\nexport const notificationStatuses = Object.values(NOTIFICATION_STATUS);\nexport type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];\n\nexport const NOTIFICATION_ARIA_LIVE = {\n  POLITE: \"polite\",\n  ASSERTIVE: \"assertive\",\n} as const;\n\nexport const notificationAriaLiveValues = Object.values(NOTIFICATION_ARIA_LIVE);\nexport type NotificationAriaLive =\n  (typeof NOTIFICATION_ARIA_LIVE)[keyof typeof NOTIFICATION_ARIA_LIVE];\n\nexport const NOTIFICATION_ROLE = {\n  ALERT: \"alert\",\n  DIALOG: \"dialog\",\n  ALERTDIALOG: \"alertdialog\",\n} as const;\n\nexport const notificationRoles = Object.values(NOTIFICATION_ROLE);\nexport type NotificationRole = (typeof NOTIFICATION_ROLE)[keyof typeof NOTIFICATION_ROLE];\n\nconst rootClassName = \"purpur-notification\";\n\nconst getStatusIcon = (status: NotificationStatus) => {\n  switch (status) {\n    case NOTIFICATION_STATUS.AI:\n      return sparkles;\n    case NOTIFICATION_STATUS.INFO:\n      return infoFilled;\n    case NOTIFICATION_STATUS.SUCCESS:\n      return checkCircleFilled;\n    case NOTIFICATION_STATUS.WARNING:\n      return alertFilled;\n    case NOTIFICATION_STATUS.ERROR:\n      return errorFilled;\n  }\n};\n\ntype DefaultProps = BaseProps & {\n  [\"aria-live\"]?: NotificationAriaLive;\n  headingTag?: HeadingTagType;\n  status?: NotificationStatus;\n  heading?: string;\n  role?: NotificationRole;\n  hidden?: boolean;\n  /**\n   * Use to explicitly not open the notification initially and open it programatically to trigger\n   * that the aria-live message is read by the screen reader correctly.\n   */\n  open?: boolean;\n  hideIcon?: boolean;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      [\"aria-live\"]: ariaLive,\n      children,\n      className,\n      closeButtonAriaLabel,\n      headingTag = \"h4\",\n      status = \"info\",\n      heading,\n      hidden,\n      id,\n      onClose,\n      open = true,\n      hideIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const showHeader = !!heading || !hideIcon;\n\n    return (\n      <div aria-live={ariaLive}>\n        {open && (\n          <div\n            id={id}\n            aria-labelledby={id ? `${id}-heading` : undefined}\n            aria-describedby={id ? `${id}-body` : undefined}\n            aria-hidden={!!hidden}\n            className={cx(className, rootClassName, `${rootClassName}--${status}`, {\n              [`${rootClassName}--hidden`]: hidden,\n              [`${rootClassName}--has-close-button`]: !!onClose,\n            })}\n            data-testid={dataTestId}\n            ref={ref}\n            {...props}\n          >\n            {showHeader && (\n              <div className={cx(`${rootClassName}__top`)}>\n                <div className={cx(`${rootClassName}__header`)}>\n                  {!hideIcon && (\n                    <Icon\n                      data-testid={dataTestId ? `${dataTestId}-icon` : undefined}\n                      className={cx(`${rootClassName}__icon`)}\n                      svg={getStatusIcon(status)}\n                      size=\"sm\"\n                    />\n                  )}\n                  {!!heading && (\n                    <Heading\n                      data-testid={dataTestId ? `${dataTestId}-heading` : undefined}\n                      variant=\"subsection-100\"\n                      tag={headingTag}\n                      className={cx(`${rootClassName}__heading`)}\n                    >\n                      <span id={id ? `${id}-heading` : undefined}> {heading}</span>\n                    </Heading>\n                  )}\n                </div>\n              </div>\n            )}\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"text\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <Icon svg={close} size=\"md\" />\n              </Button>\n            )}\n            {children && (\n              <div\n                data-testid={dataTestId ? `${dataTestId}-body` : undefined}\n                className={cx(`${rootClassName}__body`, {\n                  [`${rootClassName}__body--extra-padding`]: !showHeader && !!onClose,\n                })}\n                id={id ? `${id}-body` : undefined}\n              >\n                {typeof children === \"string\" ? (\n                  <Paragraph\n                    data-testid={dataTestId ? `${dataTestId}-paragraph` : undefined}\n                    variant=\"paragraph-100\"\n                  >\n                    {children}\n                  </Paragraph>\n                ) : (\n                  children\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nNotification.displayName = \"Notification\";\n"],"names":["l","e","a","cx","c","styles","NOTIFICATION_STATUS","notificationStatuses","NOTIFICATION_ARIA_LIVE","notificationAriaLiveValues","NOTIFICATION_ROLE","notificationRoles","rootClassName","getStatusIcon","status","sparkles","infoFilled","checkCircleFilled","alertFilled","errorFilled","Notification","forwardRef","dataTestId","ariaLive","children","className","closeButtonAriaLabel","headingTag","heading","hidden","id","onClose","open","hideIcon","props","ref","showHeader","jsx","jsxs","Icon","Heading","Button","close","Paragraph"],"mappings":"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"}

package/dist/{notification-banner-C4gkkSlf.mjs → notification-banner-BOclxqFu.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
-import { b as v } from "./button-Cv7NlYbv.mjs";
+import { b as v } from "./button-4-yWOgtD.mjs";
 import { G as $ } from "./grid-DGnCQgwf.mjs";
 import { H as g } from "./heading-xwBuT_-9.mjs";
 import { r as x } from "./close.es-BPmk2wkU.mjs";
@@ -72,4 +72,4 @@ j.displayName = "NotificationBanner";
 export {
   j as N
 };
-//# sourceMappingURL=notification-banner-C4gkkSlf.mjs.map
+//# sourceMappingURL=notification-banner-BOclxqFu.mjs.map

package/dist/{notification-banner-C4gkkSlf.mjs.map → notification-banner-BOclxqFu.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"notification-banner-C4gkkSlf.mjs","sources":["../../../components/notification-banner/src/notification-banner.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { IconInfo } from \"@purpur/icon/info\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification-banner.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DefaultProps = BaseProps & {\n  closeButtonAriaLabel?: string;\n  description?: string;\n  hideIcon?: boolean;\n  icon?: ReactNode;\n  link?: ReactNode;\n  titleTag?: HeadingTagType;\n  title?: string;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationBannerProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst rootClassName = \"purpur-notification-banner\";\n\nexport const NotificationBanner = forwardRef<HTMLDivElement, NotificationBannerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      children,\n      className,\n      closeButtonAriaLabel,\n      description,\n      hideIcon,\n      icon,\n      link,\n      onClose,\n      titleTag = \"h4\",\n      title,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <div {...props} className={classes} role=\"alert\" ref={ref} data-testid={dataTestId}>\n        <Grid>\n          <div className={cx(`${rootClassName}__container`)}>\n            {!hideIcon ? (\n              icon ? (\n                <span className={cx(`${rootClassName}__icon`)}>{icon}</span>\n              ) : (\n                <IconInfo className={cx(`${rootClassName}__icon`)} size=\"sm\" />\n              )\n            ) : null}\n            <div className={cx(`${rootClassName}__content`)}>\n              <Heading\n                tag={titleTag}\n                variant=\"subsection-100\"\n                className={cx([\n                  `${rootClassName}__heading`,\n                  { [`${rootClassName}__heading--no-overlap`]: onClose },\n                ])}\n              >\n                {title}\n              </Heading>\n              <div>\n                {description} {link}\n              </div>\n              {children}\n            </div>\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"tertiary-purple\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            )}\n          </div>\n        </Grid>\n      </div>\n    );\n  }\n);\n\nNotificationBanner.displayName = \"NotificationBanner\";\n"],"names":["cx","c","styles","rootClassName","NotificationBanner","forwardRef","dataTestId","children","className","closeButtonAriaLabel","description","hideIcon","icon","link","onClose","titleTag","title","props","ref","classes","jsx","Grid","IconInfo","Heading","Button","IconClose"],"mappings":";;;;;;;;;;;;;;;;GAWMA,IAAKC,EAAE,KAAKC,CAAM,GAwBlBC,IAAgB,8BAETC,IAAqBC;AAAA,EAChC,CACE;AAAA,IACE,CAAC,gBAAgBC;AAAA,IACjB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUnB,EAAGQ,GAAWL,CAAa;AAE3C,WACE,gBAAAiB,EAAC,SAAK,GAAGH,GAAO,WAAWE,GAAS,MAAK,SAAQ,KAAAD,GAAU,eAAaZ,GACtE,UAAA,gBAAAc,EAACC,GAAA,EACC,4BAAC,OAAA,EAAI,WAAWrB,EAAG,GAAGG,CAAa,aAAa,GAC7C,UAAA;AAAA,MAACQ,IAME,OALFC,IACE,gBAAAQ,EAAC,QAAA,EAAK,WAAWpB,EAAG,GAAGG,CAAa,QAAQ,GAAI,UAAAS,GAAK,IAErD,gBAAAQ,EAACE,GAAA,EAAS,WAAWtB,EAAG,GAAGG,CAAa,QAAQ,GAAG,MAAK,KAAA,CAAK;AAAA,wBAGhE,OAAA,EAAI,WAAWH,EAAG,GAAGG,CAAa,WAAW,GAC5C,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKR;AAAA,YACL,SAAQ;AAAA,YACR,WAAWf,EAAG;AAAA,cACZ,GAAGG,CAAa;AAAA,cAChB,EAAE,CAAC,GAAGA,CAAa,uBAAuB,GAAGW,EAAA;AAAA,YAAQ,CACtD;AAAA,YAEA,UAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEF,OAAA,EACE,UAAA;AAAA,UAAAN;AAAA,UAAY;AAAA,UAAEG;AAAA,QAAA,GACjB;AAAA,QACCN;AAAA,MAAA,GACH;AAAA,MACCO,KACC,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,eAAalB,IAAa,GAAGA,CAAU,kBAAkB;AAAA,UACzD,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,cAAYG;AAAA,UACZ,SAASK;AAAA,UACT,WAAWd,EAAG,GAAGG,CAAa,gBAAgB;AAAA,UAE9C,UAAA,gBAAAiB,EAACK,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACvB,EAAA,CAEJ,GACF,GACF;AAAA,EAEJ;AACF;AAEArB,EAAmB,cAAc;"}
+{"version":3,"file":"notification-banner-BOclxqFu.mjs","sources":["../../../components/notification-banner/src/notification-banner.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Grid } from \"@purpur/grid\";\nimport { Heading, type HeadingTagType } from \"@purpur/heading\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { IconInfo } from \"@purpur/icon/info\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./notification-banner.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type DefaultProps = BaseProps & {\n  closeButtonAriaLabel?: string;\n  description?: string;\n  hideIcon?: boolean;\n  icon?: ReactNode;\n  link?: ReactNode;\n  titleTag?: HeadingTagType;\n  title?: string;\n};\n\ntype CloseButtonProps = {\n  onClose: () => void;\n  closeButtonAriaLabel: string;\n};\n\ntype NoCloseButtonProps = {\n  onClose?: never;\n  closeButtonAriaLabel?: never;\n};\n\nexport type NotificationBannerProps = DefaultProps & (CloseButtonProps | NoCloseButtonProps);\n\nconst rootClassName = \"purpur-notification-banner\";\n\nexport const NotificationBanner = forwardRef<HTMLDivElement, NotificationBannerProps>(\n  (\n    {\n      [\"data-testid\"]: dataTestId,\n      children,\n      className,\n      closeButtonAriaLabel,\n      description,\n      hideIcon,\n      icon,\n      link,\n      onClose,\n      titleTag = \"h4\",\n      title,\n      ...props\n    },\n    ref\n  ) => {\n    const classes = cx(className, rootClassName);\n\n    return (\n      <div {...props} className={classes} role=\"alert\" ref={ref} data-testid={dataTestId}>\n        <Grid>\n          <div className={cx(`${rootClassName}__container`)}>\n            {!hideIcon ? (\n              icon ? (\n                <span className={cx(`${rootClassName}__icon`)}>{icon}</span>\n              ) : (\n                <IconInfo className={cx(`${rootClassName}__icon`)} size=\"sm\" />\n              )\n            ) : null}\n            <div className={cx(`${rootClassName}__content`)}>\n              <Heading\n                tag={titleTag}\n                variant=\"subsection-100\"\n                className={cx([\n                  `${rootClassName}__heading`,\n                  { [`${rootClassName}__heading--no-overlap`]: onClose },\n                ])}\n              >\n                {title}\n              </Heading>\n              <div>\n                {description} {link}\n              </div>\n              {children}\n            </div>\n            {onClose && (\n              <Button\n                data-testid={dataTestId ? `${dataTestId}-close-button` : undefined}\n                variant=\"tertiary-purple\"\n                size=\"sm\"\n                iconOnly\n                aria-label={closeButtonAriaLabel}\n                onClick={onClose}\n                className={cx(`${rootClassName}__close-button`)}\n              >\n                <IconClose size=\"sm\" />\n              </Button>\n            )}\n          </div>\n        </Grid>\n      </div>\n    );\n  }\n);\n\nNotificationBanner.displayName = \"NotificationBanner\";\n"],"names":["cx","c","styles","rootClassName","NotificationBanner","forwardRef","dataTestId","children","className","closeButtonAriaLabel","description","hideIcon","icon","link","onClose","titleTag","title","props","ref","classes","jsx","Grid","IconInfo","Heading","Button","IconClose"],"mappings":";;;;;;;;;;;;;;;;GAWMA,IAAKC,EAAE,KAAKC,CAAM,GAwBlBC,IAAgB,8BAETC,IAAqBC;AAAA,EAChC,CACE;AAAA,IACE,CAAC,gBAAgBC;AAAA,IACjB,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAUnB,EAAGQ,GAAWL,CAAa;AAE3C,WACE,gBAAAiB,EAAC,SAAK,GAAGH,GAAO,WAAWE,GAAS,MAAK,SAAQ,KAAAD,GAAU,eAAaZ,GACtE,UAAA,gBAAAc,EAACC,GAAA,EACC,4BAAC,OAAA,EAAI,WAAWrB,EAAG,GAAGG,CAAa,aAAa,GAC7C,UAAA;AAAA,MAACQ,IAME,OALFC,IACE,gBAAAQ,EAAC,QAAA,EAAK,WAAWpB,EAAG,GAAGG,CAAa,QAAQ,GAAI,UAAAS,GAAK,IAErD,gBAAAQ,EAACE,GAAA,EAAS,WAAWtB,EAAG,GAAGG,CAAa,QAAQ,GAAG,MAAK,KAAA,CAAK;AAAA,wBAGhE,OAAA,EAAI,WAAWH,EAAG,GAAGG,CAAa,WAAW,GAC5C,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKR;AAAA,YACL,SAAQ;AAAA,YACR,WAAWf,EAAG;AAAA,cACZ,GAAGG,CAAa;AAAA,cAChB,EAAE,CAAC,GAAGA,CAAa,uBAAuB,GAAGW,EAAA;AAAA,YAAQ,CACtD;AAAA,YAEA,UAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEF,OAAA,EACE,UAAA;AAAA,UAAAN;AAAA,UAAY;AAAA,UAAEG;AAAA,QAAA,GACjB;AAAA,QACCN;AAAA,MAAA,GACH;AAAA,MACCO,KACC,gBAAAM;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,eAAalB,IAAa,GAAGA,CAAU,kBAAkB;AAAA,UACzD,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,cAAYG;AAAA,UACZ,SAASK;AAAA,UACT,WAAWd,EAAG,GAAGG,CAAa,gBAAgB;AAAA,UAE9C,UAAA,gBAAAiB,EAACK,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACvB,EAAA,CAEJ,GACF,GACF;AAAA,EAEJ;AACF;AAEArB,EAAmB,cAAc;"}

package/dist/{notification-banner-COH7wJu2.js → notification-banner-jY8rQH2M.js}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),x=require("react"),N=require("./button-Dqxdc3nC.js"),j=require("./grid-uGMD2euo.js"),g=require("./heading-drD5ugCC.js"),v=require("./close.es-VL3lKi1O.js"),q=require("./info.es-Br84jly5.js"),$=require("./bind-DeUYJ6m9.js"),y={"purpur-notification-banner":"_purpur-notification-banner_llblm_1","purpur-notification-banner__container":"_purpur-notification-banner__container_llblm_6","purpur-notification-banner__content":"_purpur-notification-banner__content_llblm_11","purpur-notification-banner__icon":"_purpur-notification-banner__icon_llblm_16","purpur-notification-banner__heading":"_purpur-notification-banner__heading_llblm_19","purpur-notification-banner__heading--no-overlap":"_purpur-notification-banner__heading--no-overlap_llblm_22","purpur-notification-banner__close-button":"_purpur-notification-banner__close-button_llblm_25"},r=$.c.bind(y),i="purpur-notification-banner",o=x.forwardRef(({["data-testid"]:e,children:c,className:s,closeButtonAriaLabel:_,description:l,hideIcon:u,icon:a,link:p,onClose:t,titleTag:b="h4",title:d,...f},m)=>{const h=r(s,i);return n.jsx("div",{...f,className:h,role:"alert",ref:m,"data-testid":e,children:n.jsx(j.Grid,{children:n.jsxs("div",{className:r(`${i}__container`),children:[u?null:a?n.jsx("span",{className:r(`${i}__icon`),children:a}):n.jsx(q.r,{className:r(`${i}__icon`),size:"sm"}),n.jsxs("div",{className:r(`${i}__content`),children:[n.jsx(g.Heading,{tag:b,variant:"subsection-100",className:r([`${i}__heading`,{[`${i}__heading--no-overlap`]:t}]),children:d}),n.jsxs("div",{children:[l," ",p]}),c]}),t&&n.jsx(N.Button,{"data-testid":e?`${e}-close-button`:void 0,variant:"tertiary-purple",size:"sm",iconOnly:!0,"aria-label":_,onClick:t,className:r(`${i}__close-button`),children:n.jsx(v.r,{size:"sm"})})]})})})});o.displayName="NotificationBanner";exports.NotificationBanner=o;
-//# sourceMappingURL=notification-banner-COH7wJu2.js.map
+"use strict";const n=require("react/jsx-runtime"),x=require("react"),N=require("./button-DmybVApa.js"),j=require("./grid-uGMD2euo.js"),g=require("./heading-drD5ugCC.js"),v=require("./close.es-VL3lKi1O.js"),q=require("./info.es-Br84jly5.js"),$=require("./bind-DeUYJ6m9.js"),y={"purpur-notification-banner":"_purpur-notification-banner_llblm_1","purpur-notification-banner__container":"_purpur-notification-banner__container_llblm_6","purpur-notification-banner__content":"_purpur-notification-banner__content_llblm_11","purpur-notification-banner__icon":"_purpur-notification-banner__icon_llblm_16","purpur-notification-banner__heading":"_purpur-notification-banner__heading_llblm_19","purpur-notification-banner__heading--no-overlap":"_purpur-notification-banner__heading--no-overlap_llblm_22","purpur-notification-banner__close-button":"_purpur-notification-banner__close-button_llblm_25"},r=$.c.bind(y),i="purpur-notification-banner",o=x.forwardRef(({["data-testid"]:e,children:c,className:s,closeButtonAriaLabel:_,description:l,hideIcon:u,icon:a,link:p,onClose:t,titleTag:b="h4",title:d,...f},m)=>{const h=r(s,i);return n.jsx("div",{...f,className:h,role:"alert",ref:m,"data-testid":e,children:n.jsx(j.Grid,{children:n.jsxs("div",{className:r(`${i}__container`),children:[u?null:a?n.jsx("span",{className:r(`${i}__icon`),children:a}):n.jsx(q.r,{className:r(`${i}__icon`),size:"sm"}),n.jsxs("div",{className:r(`${i}__content`),children:[n.jsx(g.Heading,{tag:b,variant:"subsection-100",className:r([`${i}__heading`,{[`${i}__heading--no-overlap`]:t}]),children:d}),n.jsxs("div",{children:[l," ",p]}),c]}),t&&n.jsx(N.Button,{"data-testid":e?`${e}-close-button`:void 0,variant:"tertiary-purple",size:"sm",iconOnly:!0,"aria-label":_,onClick:t,className:r(`${i}__close-button`),children:n.jsx(v.r,{size:"sm"})})]})})})});o.displayName="NotificationBanner";exports.NotificationBanner=o;
+//# sourceMappingURL=notification-banner-jY8rQH2M.js.map