@purpurds/notification 4.1.1 → 4.2.0

package/dist/notification.es.js

@@ -1,4 +1,4 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { forwardRef as M } from "react";
 const E = {
   SM: "sm",
@@ -20,11 +20,11 @@ var P = { exports: {} };
     function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = p(r, i(n)));
+        n && (r = i(r, p(n)));
       }
       return r;
     }
-    function i(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -35,30 +35,30 @@ var P = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = p(t, n));
+        u.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function p(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(P);
 var V = P.exports;
-const I = /* @__PURE__ */ Z(V), H = "_rotate_7s2g1_1", F = "_dash_7s2g1_1", m = {
+const R = /* @__PURE__ */ Z(V), k = "_rotate_7s2g1_1", H = "_dash_7s2g1_1", w = {
   "purpur-spinner": "_purpur-spinner_7s2g1_1",
-  rotate: H,
+  rotate: k,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
   "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
-  dash: F,
+  dash: H,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
   "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
-}, y = "purpur-spinner", z = {
+}, x = "purpur-spinner", F = {
   PRIMARY: "primary",
   DISABLED: "disabled",
   NEGATIVE: "negative",
@@ -72,20 +72,20 @@ const I = /* @__PURE__ */ Z(V), H = "_rotate_7s2g1_1", F = "_dash_7s2g1_1", m =
 }, W = ({
   ["data-testid"]: e,
   size: u = U.SM,
-  variant: a = z.PRIMARY,
-  ...i
+  variant: a = F.PRIMARY,
+  ...p
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: I([m[y], m[`${y}--${u}`]]),
+    className: R([w[x], w[`${x}--${u}`]]),
     "data-testid": e,
-    ...i,
+    ...p,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: I(
-          m[`${y}__circle`],
-          m[`${y}__circle--${a}`]
+        className: R(
+          w[`${x}__circle`],
+          w[`${x}__circle--${a}`]
         ),
         cx: "25",
         cy: "25",
@@ -109,11 +109,11 @@ var j = { exports: {} };
     function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = p(r, i(n)));
+        n && (r = i(r, p(n)));
       }
       return r;
     }
-    function i(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -124,17 +124,17 @@ var j = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = p(t, n));
+        u.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function p(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(j);
 var X = j.exports;
-const J = /* @__PURE__ */ Y(X), f = {
+const J = /* @__PURE__ */ Y(X), g = {
   "purpur-button": "_purpur-button_1fna2_1",
   "purpur-button--sm": "_purpur-button--sm_1fna2_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1fna2_36",
@@ -155,48 +155,48 @@ const J = /* @__PURE__ */ Y(X), f = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1fna2_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1fna2_175",
   "purpur-button--text": "_purpur-button--text_1fna2_175"
-}, g = "purpur-button", K = ({
+}, f = "purpur-button", K = ({
   children: e,
   className: u,
   ["data-testid"]: a,
-  disabled: i = !1,
-  fullWidth: p = !1,
+  disabled: p = !1,
+  fullWidth: i = !1,
   iconOnly: r,
   loading: t = !1,
   onClick: n,
   size: c = E.MD,
   variant: d,
   type: s = "button",
-  ...h
-}, $) => {
+  ...v
+}, A) => {
   if (r && d === "destructive")
     return null;
-  const S = J(
+  const O = J(
     [
-      f[g],
-      f[`${g}--${d}`],
-      f[`${g}--${c}`]
+      g[f],
+      g[`${f}--${d}`],
+      g[`${f}--${c}`]
     ],
     {
-      [f[`${g}--icon-only`]]: r,
-      [f[`${g}--negative`]]: d.endsWith("negative"),
-      [f[`${g}--full-width`]]: p,
-      [f[`${g}--disabled`]]: i || t
+      [g[`${f}--icon-only`]]: r,
+      [g[`${f}--negative`]]: d.endsWith("negative"),
+      [g[`${f}--full-width`]]: i,
+      [g[`${f}--disabled`]]: p || t
     },
     u
   ), G = (N) => {
-    i || t ? N.preventDefault() : n && n(N);
+    p || t ? N.preventDefault() : n && n(N);
   }, B = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ m(
     "button",
     {
-      className: S,
+      className: O,
       "data-testid": a,
       type: s,
-      ref: $,
-      "aria-disabled": h["aria-disabled"] || i || t,
+      ref: A,
+      "aria-disabled": v["aria-disabled"] || p || t,
       onClick: G,
-      ...h,
+      ...v,
       children: [
         t && /* @__PURE__ */ o(W, { size: c === E.LG ? "xs" : "xxs", variant: B() }),
         " ",
@@ -209,7 +209,7 @@ T.displayName = "Button";
 function Q(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var k = { exports: {} };
+var z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -221,11 +221,11 @@ var k = { exports: {} };
     function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = p(r, i(n)));
+        n && (r = i(r, p(n)));
       }
       return r;
     }
-    function i(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -236,31 +236,32 @@ var k = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = p(t, n));
+        u.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function p(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(k);
-var rr = k.exports;
-const tr = /* @__PURE__ */ Q(rr), A = {
-  "purpur-heading": "_purpur-heading_1abfh_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_1abfh_8",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1abfh_11",
-  "purpur-heading--title-100": "_purpur-heading--title-100_1abfh_17",
-  "purpur-heading--title-200": "_purpur-heading--title-200_1abfh_23",
-  "purpur-heading--title-300": "_purpur-heading--title-300_1abfh_29",
-  "purpur-heading--title-400": "_purpur-heading--title-400_1abfh_35",
-  "purpur-heading--title-500": "_purpur-heading--title-500_1abfh_41",
-  "purpur-heading--title-600": "_purpur-heading--title-600_1abfh_47",
-  "purpur-heading--title-700": "_purpur-heading--title-700_1abfh_53",
-  "purpur-heading--display-25": "_purpur-heading--display-25_1abfh_59",
-  "purpur-heading--display-50": "_purpur-heading--display-50_1abfh_65",
-  "purpur-heading--display-100": "_purpur-heading--display-100_1abfh_71",
-  "purpur-heading--display-200": "_purpur-heading--display-200_1abfh_77"
+})(z);
+var rr = z.exports;
+const tr = /* @__PURE__ */ Q(rr), $ = {
+  "purpur-heading": "_purpur-heading_1g237_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_1g237_8",
+  "purpur-heading--negative": "_purpur-heading--negative_1g237_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1g237_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_1g237_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_1g237_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_1g237_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_1g237_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_1g237_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_1g237_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_1g237_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_1g237_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_1g237_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_1g237_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_1g237_80"
 }, er = {
   TITLE100: "title-100",
   TITLE200: "title-200",
@@ -270,24 +271,26 @@ const tr = /* @__PURE__ */ Q(rr), A = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, O = "purpur-heading", nr = ({
+}, S = "purpur-heading", nr = ({
   ["data-testid"]: e,
   children: u,
   className: a = "",
-  enableHyphenation: i = !1,
-  tag: p,
-  variant: r = er.TITLE100,
-  ...t
+  enableHyphenation: p = !1,
+  negative: i = !1,
+  tag: r,
+  variant: t = er.TITLE100,
+  ...n
 }) => {
-  const n = p, c = tr([
+  const c = r, d = tr([
     a,
-    A[O],
-    A[`${O}--${r}`],
+    $[S],
+    $[`${S}--${t}`],
     {
-      [A[`${O}--hyphens`]]: i
+      [$[`${S}--hyphens`]]: p,
+      [$[`${S}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ o(n, { ...t, className: c, "data-testid": e, children: u });
+  return /* @__PURE__ */ o(c, { ...n, className: d, "data-testid": e, children: u });
 };
 function ar(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -304,11 +307,11 @@ var q = { exports: {} };
     function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = p(r, i.call(this, n)));
+        n && (r = i(r, p.call(this, n)));
       }
       return r;
     }
-    function i(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -319,17 +322,17 @@ var q = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = p(t, this && this[n] || n));
+        u.call(r, n) && r[n] && (t = i(t, this && this[n] || n));
       return t;
     }
-    function p(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(q);
 var ur = q.exports;
-const ir = /* @__PURE__ */ ar(ur), pr = {
+const pr = /* @__PURE__ */ ar(ur), ir = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -362,26 +365,26 @@ const ir = /* @__PURE__ */ ar(ur), pr = {
   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"
-}, dr = ir.bind(pr), R = "purpur-icon", fr = "md", gr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), hr = ({ content: e = "", title: u } = {}) => {
+}, dr = pr.bind(ir), I = "purpur-icon", gr = "md", fr = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), vr = ({ content: e = "", title: u } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], i = u ? `<title>${u}</title>` : "";
-  return `<svg ${gr(a)}>${i}${e}</svg>`;
-}, vr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), L = ({
+  ], p = u ? `<title>${u}</title>` : "";
+  return `<svg ${fr(a)}>${p}${e}</svg>`;
+}, hr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), L = ({
   ["data-testid"]: e,
   svg: u,
   allyTitle: a,
-  className: i = "",
-  size: p = fr,
+  className: p = "",
+  size: i = gr,
   ...r
 }) => {
-  const t = hr({
-    content: vr(u.svg),
+  const t = vr({
+    content: hr(u.svg),
     title: a
-  }), n = dr(i, R, `${R}--${p}`);
+  }), n = dr(p, I, `${I}--${i}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -393,7 +396,7 @@ const ir = /* @__PURE__ */ ar(ur), pr = {
     }
   );
 };
-function br(e) {
+function yr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var D = { exports: {} };
@@ -408,11 +411,11 @@ var D = { exports: {} };
     function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = p(r, i(n)));
+        n && (r = i(r, p(n)));
       }
       return r;
     }
-    function i(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -423,30 +426,31 @@ var D = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = p(t, n));
+        u.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function p(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(D);
 var mr = D.exports;
-const yr = /* @__PURE__ */ br(mr), w = {
-  "purpur-paragraph": "_purpur-paragraph_5wbko_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_5wbko_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_5wbko_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_5wbko_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_5wbko_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_5wbko_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_5wbko_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_5wbko_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_5wbko_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_5wbko_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_5wbko_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_5wbko_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_5wbko_72"
+const br = /* @__PURE__ */ yr(mr), h = {
+  "purpur-paragraph": "_purpur-paragraph_15yuz_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
 }, wr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -458,25 +462,27 @@ const yr = /* @__PURE__ */ br(mr), w = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, x = "purpur-paragraph", xr = ({
+}, y = "purpur-paragraph", xr = ({
   ["data-testid"]: e,
   children: u,
   className: a = "",
-  disabled: i,
-  enableHyphenation: p = !1,
-  variant: r = wr.PARAGRAPH100,
-  ...t
+  disabled: p,
+  enableHyphenation: i = !1,
+  negative: r = !1,
+  variant: t = wr.PARAGRAPH100,
+  ...n
 }) => {
-  const n = yr([
+  const c = br([
     a,
-    w[x],
-    w[`${x}--${r}`],
+    h[y],
+    h[`${y}--${t}`],
     {
-      [w[`${x}--hyphens`]]: p,
-      [w[`${x}--disabled`]]: i
+      [h[`${y}--hyphens`]]: i,
+      [h[`${y}--disabled`]]: p,
+      [h[`${y}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o("p", { ...t, className: n, "data-testid": e, children: u });
+  return /* @__PURE__ */ o("p", { ...n, className: c, "data-testid": e, children: u });
 };
 function $r(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -493,11 +499,11 @@ var C = { exports: {} };
     function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = p(r, i(n)));
+        n && (r = i(r, p(n)));
       }
       return r;
     }
-    function i(r) {
+    function p(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -508,10 +514,10 @@ var C = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = p(t, n));
+        u.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function p(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -555,21 +561,21 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
     case b.ERROR:
       return _r;
   }
-}, Ir = ({
+}, Rr = ({
   ["data-testid"]: e,
   ["aria-live"]: u,
   children: a,
-  className: i,
-  closeButtonAllyLabel: p,
+  className: p,
+  closeButtonAllyLabel: i,
   headingTag: r = "h4",
   role: t,
   status: n = "info",
   heading: c,
   hidden: d,
   id: s,
-  onClose: h,
-  ...$
-}, S) => /* @__PURE__ */ v(
+  onClose: v,
+  ...A
+}, O) => /* @__PURE__ */ m(
   "div",
   {
     id: s,
@@ -577,17 +583,17 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
     "aria-describedby": s ? `${s}-body` : void 0,
     "aria-live": u,
     "aria-hidden": !!d,
-    className: Ar(i, l[_], l[`${_}--${n}`], {
+    className: Ar(p, l[_], l[`${_}--${n}`], {
       [l[`${_}--hidden`]]: d,
-      [l[`${_}--has-close-button`]]: !!h
+      [l[`${_}--has-close-button`]]: !!v
     }),
     "data-testid": e,
-    ref: S,
+    ref: O,
     role: t,
-    ...$,
+    ...A,
     children: [
-      /* @__PURE__ */ v("div", { className: l[`${_}__top`], children: [
-        /* @__PURE__ */ v("div", { className: l[`${_}__header`], children: [
+      /* @__PURE__ */ m("div", { className: l[`${_}__top`], children: [
+        /* @__PURE__ */ m("div", { className: l[`${_}__header`], children: [
           /* @__PURE__ */ o(
             L,
             {
@@ -604,22 +610,22 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
               variant: "subsection-100",
               tag: r,
               className: l[`${_}__heading`],
-              children: /* @__PURE__ */ v("span", { id: s ? `${s}-heading` : void 0, children: [
+              children: /* @__PURE__ */ m("span", { id: s ? `${s}-heading` : void 0, children: [
                 " ",
                 c
               ] })
             }
           )
         ] }),
-        h && /* @__PURE__ */ o(
+        v && /* @__PURE__ */ o(
           T,
           {
             "data-testid": e ? `${e}-close-button` : void 0,
             variant: "tertiary-purple",
             size: "sm",
             iconOnly: !0,
-            "aria-label": p,
-            onClick: h,
+            "aria-label": i,
+            onClick: v,
             className: l[`${_}__close-button`],
             children: /* @__PURE__ */ o(L, { svg: lr, size: "sm" })
           }
@@ -643,13 +649,13 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
       )
     ]
   }
-), Rr = M(Ir);
-Rr.displayName = "Notification";
+), Ir = M(Rr);
+Ir.displayName = "Notification";
 export {
   Or as NOTIFICATION_ARIA_LIVE,
   Nr as NOTIFICATION_ROLE,
   b as NOTIFICATION_STATUS,
-  Rr as Notification,
+  Ir as Notification,
   jr as notificationAriaLiveValues,
   Tr as notificationRoles,
   Pr as notificationStatuses