@purpurds/notification 4.6.0 → 5.1.0

package/dist/notification.es.js

@@ -1,14 +1,14 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { jsxs as w, jsx as s } from "react/jsx-runtime";
 import { forwardRef as L } from "react";
-const E = {
+const j = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function Z(e) {
+function B(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var M = { exports: {} };
+var R = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -20,11 +20,11 @@ var M = { exports: {} };
     function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = a(r, i(n)));
+        n && (r = i(r, a(n)));
       }
       return r;
     }
-    function i(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -35,58 +35,53 @@ var M = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (t = a(t, n));
+        p.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function a(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(M);
-var V = M.exports;
-const I = /* @__PURE__ */ Z(V), z = "_rotate_7s2g1_1", H = "_dash_7s2g1_1", w = {
-  "purpur-spinner": "_purpur-spinner_7s2g1_1",
-  rotate: z,
-  "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",
+})(R);
+var Z = R.exports;
+const q = /* @__PURE__ */ B(Z), V = "_rotate_1xozj_1", H = "_dash_1xozj_1", v = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: V,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
+  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
   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"
-}, x = "purpur-spinner", F = {
-  PRIMARY: "primary",
-  DISABLED: "disabled",
-  NEGATIVE: "negative",
-  NEGATIVE_DISABLED: "negative-disabled"
-}, U = {
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, y = "purpur-spinner", F = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, W = ({
+}, U = ({
   ["data-testid"]: e,
-  size: p = U.SM,
-  variant: u = F.PRIMARY,
+  disabled: p = !1,
+  negative: u = !1,
+  size: a = F.SM,
   ...i
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: I([w[x], w[`${x}--${p}`]]),
+    className: q([v[y], v[`${y}--${a}`]]),
     "data-testid": e,
     ...i,
-    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: I(
-          w[`${x}__circle`],
-          w[`${x}__circle--${u}`]
-        ),
+        className: q(v[`${y}__circle`], {
+          [v[`${y}__circle--disabled`]]: p,
+          [v[`${y}__circle--negative`]]: u
+        }),
         cx: "25",
         cy: "25",
         r: "20"
@@ -94,10 +89,10 @@ const I = /* @__PURE__ */ Z(V), z = "_rotate_7s2g1_1", H = "_dash_7s2g1_1", w =
     ) })
   }
 );
-function Y(e) {
+function X(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var P = { exports: {} };
+var M = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -109,11 +104,11 @@ var P = { exports: {} };
     function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = a(r, i(n)));
+        n && (r = i(r, a(n)));
       }
       return r;
     }
-    function i(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -124,17 +119,17 @@ var P = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (t = a(t, n));
+        p.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function a(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(P);
-var X = P.exports;
-const J = /* @__PURE__ */ Y(X), g = {
+})(M);
+var W = M.exports;
+const Y = /* @__PURE__ */ X(W), g = {
   "purpur-button": "_purpur-button_u2yv5_1",
   "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
@@ -155,61 +150,62 @@ const J = /* @__PURE__ */ Y(X), g = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_u2yv5_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_u2yv5_175",
   "purpur-button--text": "_purpur-button--text_u2yv5_175"
-}, f = "purpur-button", K = ({
+}, f = "purpur-button", J = ({
   children: e,
   className: p,
   ["data-testid"]: u,
-  disabled: i = !1,
-  fullWidth: a = !1,
+  disabled: a = !1,
+  fullWidth: i = !1,
   iconOnly: r,
   loading: t = !1,
-  onClick: n,
-  size: c = E.MD,
-  variant: d,
-  type: s = "button",
-  ...h
-}, S) => {
-  if (r && d === "destructive")
+  negative: n = !1,
+  onClick: c,
+  size: d = j.MD,
+  variant: o,
+  type: h = "button",
+  ...$
+}, A) => {
+  if (r && o === "destructive")
     return null;
-  const O = J(
+  const D = Y(
     [
       g[f],
-      g[`${f}--${d}`],
-      g[`${f}--${c}`]
+      g[`${f}--${n ? `${o}-negative` : o}`],
+      g[`${f}--${d}`]
     ],
     {
       [g[`${f}--icon-only`]]: r,
-      [g[`${f}--negative`]]: d.endsWith("negative"),
-      [g[`${f}--full-width`]]: a,
-      [g[`${f}--disabled`]]: i || t
+      [g[`${f}--negative`]]: n,
+      [g[`${f}--full-width`]]: i,
+      [g[`${f}--disabled`]]: a || t
     },
     p
   ), G = (N) => {
-    i || t ? N.preventDefault() : n && n(N);
-  }, B = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
-  return /* @__PURE__ */ m(
+    a || t ? N.preventDefault() : c && c(N);
+  };
+  return /* @__PURE__ */ w(
     "button",
     {
-      className: O,
+      className: D,
       "data-testid": u,
-      type: s,
-      ref: S,
-      "aria-disabled": h["aria-disabled"] || i || t,
+      type: h,
+      ref: A,
+      "aria-disabled": $["aria-disabled"] || a || t,
       onClick: G,
-      ...h,
+      ...$,
       children: [
-        t && /* @__PURE__ */ o(W, { size: c === E.LG ? "xs" : "xxs", variant: B() }),
+        t && /* @__PURE__ */ s(U, { size: d === j.LG ? "xs" : "xxs", negative: n, disabled: a }),
         " ",
         e
       ]
     }
   );
-}, j = L(K);
-j.displayName = "Button";
-function Q(e) {
+}, P = L(J);
+P.displayName = "Button";
+function K(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var T = { exports: {} };
+var k = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -221,11 +217,11 @@ var T = { exports: {} };
     function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = a(r, i(n)));
+        n && (r = i(r, a(n)));
       }
       return r;
     }
-    function i(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -236,17 +232,17 @@ var T = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (t = a(t, n));
+        p.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function a(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(T);
-var rr = T.exports;
-const tr = /* @__PURE__ */ Q(rr), $ = {
+})(k);
+var Q = k.exports;
+const rr = /* @__PURE__ */ K(Q), S = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -262,7 +258,7 @@ const tr = /* @__PURE__ */ Q(rr), $ = {
   "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
   "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
-}, er = {
+}, tr = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -271,31 +267,31 @@ const tr = /* @__PURE__ */ Q(rr), $ = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, A = "purpur-heading", nr = ({
+}, O = "purpur-heading", er = ({
   ["data-testid"]: e,
   children: p,
   className: u = "",
-  enableHyphenation: i = !1,
-  negative: a = !1,
+  enableHyphenation: a = !1,
+  negative: i = !1,
   tag: r,
-  variant: t = er.TITLE100,
+  variant: t = tr.TITLE100,
   ...n
 }) => {
-  const c = r, d = tr([
+  const c = r, d = rr([
     u,
-    $[A],
-    $[`${A}--${t}`],
+    S[O],
+    S[`${O}--${t}`],
     {
-      [$[`${A}--hyphens`]]: i,
-      [$[`${A}--negative`]]: a
+      [S[`${O}--hyphens`]]: a,
+      [S[`${O}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ o(c, { ...n, className: d, "data-testid": e, children: p });
+  return /* @__PURE__ */ s(c, { ...n, className: d, "data-testid": e, children: p });
 };
-function ur(e) {
+function nr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var k = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -307,11 +303,11 @@ var k = { exports: {} };
     function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = a(r, i.call(this, n)));
+        n && (r = i(r, a.call(this, n)));
       }
       return r;
     }
-    function i(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -322,17 +318,17 @@ var k = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (t = a(t, this && this[n] || n));
+        p.call(r, n) && r[n] && (t = i(t, this && this[n] || n));
       return t;
     }
-    function a(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(k);
-var pr = k.exports;
-const ir = /* @__PURE__ */ ur(pr), ar = {
+})(T);
+var ur = T.exports;
+const pr = /* @__PURE__ */ nr(ur), ir = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -340,52 +336,52 @@ const ir = /* @__PURE__ */ ur(pr), ar = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, or = {
+}, ar = {
   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"
-}, sr = {
+}, or = {
   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"
-}, lr = {
+}, sr = {
   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"
-}, _r = {
+}, lr = {
   name: "error-filled",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',
   keywords: ["error-filled"],
   category: "status"
-}, cr = {
+}, _r = {
   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"
-}, dr = ir.bind(ar), q = "purpur-icon", gr = "md", fr = (e) => e.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), hr = ({ content: e = "", title: p } = {}) => {
+}, cr = pr.bind(ir), E = "purpur-icon", dr = "md", gr = (e) => e.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), fr = ({ content: e = "", title: p } = {}) => {
   const u = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     p ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], i = p ? `<title>${p}</title>` : "";
-  return `<svg ${fr(u)}>${i}${e}</svg>`;
-}, vr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), R = ({
+  ], a = p ? `<title>${p}</title>` : "";
+  return `<svg ${gr(u)}>${a}${e}</svg>`;
+}, hr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), I = ({
   ["data-testid"]: e,
   svg: p,
   allyTitle: u,
-  className: i = "",
-  size: a = gr,
+  className: a = "",
+  size: i = dr,
   ...r
 }) => {
-  const t = hr({
-    content: vr(p.svg),
+  const t = fr({
+    content: hr(p.svg),
     title: u
-  }), n = dr(i, q, `${q}--${a}`);
-  return /* @__PURE__ */ o(
+  }), n = cr(a, E, `${E}--${i}`);
+  return /* @__PURE__ */ s(
     "span",
     {
       "aria-label": u,
@@ -396,10 +392,10 @@ const ir = /* @__PURE__ */ ur(pr), ar = {
     }
   );
 };
-function yr(e) {
+function vr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var D = { exports: {} };
+var z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -411,11 +407,11 @@ var D = { exports: {} };
     function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = a(r, i(n)));
+        n && (r = i(r, a(n)));
       }
       return r;
     }
-    function i(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -426,17 +422,17 @@ var D = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (t = a(t, n));
+        p.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function a(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(D);
-var mr = D.exports;
-const br = /* @__PURE__ */ yr(mr), v = {
+})(z);
+var yr = z.exports;
+const mr = /* @__PURE__ */ vr(yr), m = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -451,7 +447,7 @@ const br = /* @__PURE__ */ yr(mr), v = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, wr = {
+}, br = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -462,29 +458,29 @@ const br = /* @__PURE__ */ yr(mr), v = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, y = "purpur-paragraph", xr = ({
+}, b = "purpur-paragraph", wr = ({
   ["data-testid"]: e,
   children: p,
   className: u = "",
-  disabled: i,
-  enableHyphenation: a = !1,
+  disabled: a,
+  enableHyphenation: i = !1,
   negative: r = !1,
-  variant: t = wr.PARAGRAPH100,
+  variant: t = br.PARAGRAPH100,
   ...n
 }) => {
-  const c = br([
+  const c = mr([
     u,
-    v[y],
-    v[`${y}--${t}`],
+    m[b],
+    m[`${b}--${t}`],
     {
-      [v[`${y}--hyphens`]]: a,
-      [v[`${y}--disabled`]]: i,
-      [v[`${y}--negative`]]: r
+      [m[`${b}--hyphens`]]: i,
+      [m[`${b}--disabled`]]: a,
+      [m[`${b}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o("p", { ...n, className: c, "data-testid": e, children: p });
+  return /* @__PURE__ */ s("p", { ...n, className: c, "data-testid": e, children: p });
 };
-function $r(e) {
+function xr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var C = { exports: {} };
@@ -499,11 +495,11 @@ var C = { exports: {} };
     function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = a(r, i(n)));
+        n && (r = i(r, a(n)));
       }
       return r;
     }
-    function i(r) {
+    function a(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -514,17 +510,17 @@ var C = { exports: {} };
         return r.toString();
       var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (t = a(t, n));
+        p.call(r, n) && r[n] && (t = i(t, n));
       return t;
     }
-    function a(r, t) {
+    function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
     e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
 })(C);
-var Ar = C.exports;
-const Sr = /* @__PURE__ */ $r(Ar), l = {
+var $r = C.exports;
+const Sr = /* @__PURE__ */ xr($r), l = {
   "purpur-notification": "_purpur-notification_10qwf_1",
   "purpur-notification__top": "_purpur-notification__top_10qwf_14",
   "purpur-notification__header": "_purpur-notification__header_10qwf_20",
@@ -538,107 +534,107 @@ const Sr = /* @__PURE__ */ $r(Ar), l = {
   "purpur-notification--info": "_purpur-notification--info_10qwf_63",
   "purpur-notification--hidden": "_purpur-notification--hidden_10qwf_72",
   "purpur-notification--has-close-button": "_purpur-notification--has-close-button_10qwf_76"
-}, b = {
+}, x = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error",
   INFO: "info"
-}, Mr = Object.values(b), Or = {
+}, Lr = Object.values(x), Or = {
   POLITE: "polite",
   ASSERTIVE: "assertive"
-}, Pr = Object.values(Or), Nr = {
+}, Rr = Object.values(Or), Ar = {
   ALERT: "alert",
   DIALOG: "dialog",
   ALERTDIALOG: "alertdialog"
-}, jr = Object.values(Nr), _ = "purpur-notification", Er = (e) => {
+}, Mr = Object.values(Ar), _ = "purpur-notification", Nr = (e) => {
   switch (e) {
-    case b.INFO:
-      return cr;
-    case b.SUCCESS:
-      return sr;
-    case b.WARNING:
-      return or;
-    case b.ERROR:
+    case x.INFO:
       return _r;
+    case x.SUCCESS:
+      return or;
+    case x.WARNING:
+      return ar;
+    case x.ERROR:
+      return lr;
   }
-}, Ir = ({
+}, jr = ({
   ["data-testid"]: e,
   ["aria-live"]: p,
   children: u,
-  className: i,
-  closeButtonAllyLabel: a,
+  className: a,
+  closeButtonAllyLabel: i,
   headingTag: r = "h4",
   role: t,
   status: n = "info",
   heading: c,
   hidden: d,
-  id: s,
+  id: o,
   onClose: h,
-  ...S
-}, O) => /* @__PURE__ */ m(
+  ...$
+}, A) => /* @__PURE__ */ w(
   "div",
   {
-    id: s,
-    "aria-labelledby": s ? `${s}-heading` : void 0,
-    "aria-describedby": s ? `${s}-body` : void 0,
+    id: o,
+    "aria-labelledby": o ? `${o}-heading` : void 0,
+    "aria-describedby": o ? `${o}-body` : void 0,
     "aria-live": p,
     "aria-hidden": !!d,
-    className: Sr(i, l[_], l[`${_}--${n}`], {
+    className: Sr(a, l[_], l[`${_}--${n}`], {
       [l[`${_}--hidden`]]: d,
       [l[`${_}--has-close-button`]]: !!h
     }),
     "data-testid": e,
-    ref: O,
+    ref: A,
     role: t,
-    ...S,
+    ...$,
     children: [
-      /* @__PURE__ */ m("div", { className: l[`${_}__top`], children: [
-        /* @__PURE__ */ m("div", { className: l[`${_}__header`], children: [
-          /* @__PURE__ */ o(
-            R,
+      /* @__PURE__ */ w("div", { className: l[`${_}__top`], children: [
+        /* @__PURE__ */ w("div", { className: l[`${_}__header`], children: [
+          /* @__PURE__ */ s(
+            I,
             {
               "data-testid": e ? `${e}-icon` : void 0,
               className: l[`${_}__icon`],
-              svg: Er(n),
+              svg: Nr(n),
               size: "md"
             }
           ),
-          !!c && /* @__PURE__ */ o(
-            nr,
+          !!c && /* @__PURE__ */ s(
+            er,
             {
               "data-testid": e ? `${e}-heading` : void 0,
               variant: "subsection-100",
               tag: r,
               className: l[`${_}__heading`],
-              children: /* @__PURE__ */ m("span", { id: s ? `${s}-heading` : void 0, children: [
+              children: /* @__PURE__ */ w("span", { id: o ? `${o}-heading` : void 0, children: [
                 " ",
                 c
               ] })
             }
           )
         ] }),
-        h && /* @__PURE__ */ o(
-          j,
+        h && /* @__PURE__ */ s(
+          P,
           {
             "data-testid": e ? `${e}-close-button` : void 0,
             variant: "tertiary-purple",
             size: "sm",
             iconOnly: !0,
-            "aria-label": a,
+            "aria-label": i,
             onClick: h,
             className: l[`${_}__close-button`],
-            children: /* @__PURE__ */ o(R, { svg: lr, size: "sm" })
+            children: /* @__PURE__ */ s(I, { svg: sr, size: "sm" })
           }
         )
       ] }),
-      u && /* @__PURE__ */ o(
+      u && /* @__PURE__ */ s(
         "div",
         {
           "data-testid": e ? `${e}-body` : void 0,
           className: l[`${_}__body`],
-          id: s ? `${s}-body` : void 0,
-          children: typeof u == "string" ? /* @__PURE__ */ o(
-            xr,
+          id: o ? `${o}-body` : void 0,
+          children: typeof u == "string" ? /* @__PURE__ */ s(
+            wr,
             {
               "data-testid": e ? `${e}-paragraph` : void 0,
               variant: "paragraph-100",
@@ -649,15 +645,15 @@ const Sr = /* @__PURE__ */ $r(Ar), l = {
       )
     ]
   }
-), qr = L(Ir);
+), qr = L(jr);
 qr.displayName = "Notification";
 export {
   Or as NOTIFICATION_ARIA_LIVE,
-  Nr as NOTIFICATION_ROLE,
-  b as NOTIFICATION_STATUS,
+  Ar as NOTIFICATION_ROLE,
+  x as NOTIFICATION_STATUS,
   qr as Notification,
-  Pr as notificationAriaLiveValues,
-  jr as notificationRoles,
-  Mr as notificationStatuses
+  Rr as notificationAriaLiveValues,
+  Mr as notificationRoles,
+  Lr as notificationStatuses
 };
 //# sourceMappingURL=notification.es.js.map