@purpurds/notification 5.11.0 → 5.11.1

package/dist/notification.es.js

@@ -1,14 +1,14 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
-import { forwardRef as I } from "react";
-const j = {
+import { forwardRef as L } from "react";
+const Z = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function G(e) {
+function H(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var R = { exports: {} };
+var I = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -17,20 +17,20 @@ var R = { exports: {} };
 (function(e) {
   (function() {
     var p = {}.hasOwnProperty;
-    function u() {
+    function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, a(n)));
+        n && (r = i(r, u(n)));
       }
       return r;
     }
-    function a(r) {
+    function u(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return u.apply(null, r);
+        return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
@@ -41,46 +41,46 @@ var R = { exports: {} };
     function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(R);
-var Z = R.exports;
-const q = /* @__PURE__ */ G(Z), H = "_rotate_1xozj_1", F = "_dash_1xozj_1", h = {
+})(I);
+var U = I.exports;
+const j = /* @__PURE__ */ H(U), F = "_rotate_1xozj_1", V = "_dash_1xozj_1", h = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: H,
+  rotate: F,
   "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: F,
+  dash: V,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, v = "purpur-spinner", U = {
+}, v = "purpur-spinner", W = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, V = ({
+}, X = ({
   ["data-testid"]: e,
   disabled: p = !1,
-  negative: u = !1,
-  size: a = U.SM,
+  negative: a = !1,
+  size: u = W.SM,
   ...i
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: q([h[v], h[`${v}--${a}`]]),
+    className: j([h[v], h[`${v}--${u}`]]),
     "data-testid": e,
     ...i,
     children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
       "circle",
       {
-        className: q(h[`${v}__circle`], {
+        className: j(h[`${v}__circle`], {
           [h[`${v}__circle--disabled`]]: p,
-          [h[`${v}__circle--negative`]]: u
+          [h[`${v}__circle--negative`]]: a
         }),
         cx: "25",
         cy: "25",
@@ -89,10 +89,10 @@ const q = /* @__PURE__ */ G(Z), H = "_rotate_1xozj_1", F = "_dash_1xozj_1", h =
     ) })
   }
 );
-function W(e) {
+function K(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
@@ -101,20 +101,20 @@ var M = { exports: {} };
 (function(e) {
   (function() {
     var p = {}.hasOwnProperty;
-    function u() {
+    function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, a.call(this, n)));
+        n && (r = i(r, u.call(this, n)));
       }
       return r;
     }
-    function a(r) {
+    function u(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return u.apply(this, r);
+        return a.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
@@ -125,87 +125,87 @@ var M = { exports: {} };
     function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(M);
-var X = M.exports;
-const K = /* @__PURE__ */ W(X), Y = {
-  "purpur-button": "_purpur-button_u2yv5_1",
-  "purpur-button--sm": "_purpur-button--sm_u2yv5_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_u2yv5_36",
-  "purpur-button--md": "_purpur-button--md_u2yv5_39",
-  "purpur-button--lg": "_purpur-button--lg_u2yv5_45",
-  "purpur-button--full-width": "_purpur-button--full-width_u2yv5_51",
-  "purpur-button--primary": "_purpur-button--primary_u2yv5_54",
-  "purpur-button--disabled": "_purpur-button--disabled_u2yv5_58",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_u2yv5_64",
-  "purpur-button--secondary": "_purpur-button--secondary_u2yv5_76",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_u2yv5_87",
-  "purpur-button--expressive": "_purpur-button--expressive_u2yv5_98",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_u2yv5_108",
-  "purpur-button--negative": "_purpur-button--negative_u2yv5_120",
-  "purpur-button--destructive": "_purpur-button--destructive_u2yv5_127",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_u2yv5_137",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_u2yv5_147",
-  "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"
-}, J = K.bind(Y), f = "purpur-button", Q = ({
+})(R);
+var Y = R.exports;
+const J = /* @__PURE__ */ K(Y), Q = {
+  "purpur-button": "_purpur-button_1acxn_1",
+  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
+  "purpur-button--md": "_purpur-button--md_1acxn_39",
+  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
+  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
+  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
+  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
+  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
+  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
+  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
+  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
+  "purpur-button--text": "_purpur-button--text_1acxn_175"
+}, rr = J.bind(Q), g = "purpur-button", tr = ({
   children: e,
   className: p,
-  ["data-testid"]: u,
-  disabled: a = !1,
+  ["data-testid"]: a,
+  disabled: u = !1,
   fullWidth: i = !1,
   iconOnly: r,
   loading: t = !1,
   negative: n = !1,
-  onClick: c,
-  size: d = j.MD,
+  onClick: _,
+  size: d = "md",
   variant: o,
-  type: g = "button",
-  ...x
+  type: f = "button",
+  ...w
 }, O) => {
   if (r && o === "destructive")
     return null;
-  const D = J(
+  const D = rr(
     [
-      f,
-      `${f}--${n ? `${o}-negative` : o}`,
-      `${f}--${d}`
+      g,
+      `${g}--${n ? `${o}-negative` : o}`,
+      `${g}--${d}`
     ],
     {
-      [`${f}--icon-only`]: r,
-      [`${f}--negative`]: n,
-      [`${f}--full-width`]: i,
-      [`${f}--disabled`]: a || t
+      [`${g}--icon-only`]: r,
+      [`${g}--negative`]: n,
+      [`${g}--full-width`]: i,
+      [`${g}--disabled`]: u || t
     },
     p
-  ), B = (N) => {
-    a || t ? N.preventDefault() : c && c(N);
-  }, A = !!x["aria-disabled"] || a || t;
+  ), G = (A) => {
+    u || t ? A.preventDefault() : _ && _(A);
+  }, N = !!w["aria-disabled"] || u || t;
   return /* @__PURE__ */ b(
     "button",
     {
       className: D,
-      "data-testid": u,
-      type: g,
+      "data-testid": a,
+      type: f,
       ref: O,
-      "aria-disabled": A,
-      onClick: B,
-      ...x,
+      "aria-disabled": N,
+      onClick: G,
+      ...w,
       children: [
-        t && /* @__PURE__ */ s(V, { size: d === j.LG ? "xs" : "xxs", negative: n, disabled: A }),
+        t && /* @__PURE__ */ s(X, { size: d === Z.LG ? "xs" : "xxs", negative: n, disabled: N }),
         " ",
         e
       ]
     }
   );
-}, P = I(Q);
+}, P = L(tr);
 P.displayName = "Button";
-function rr(e) {
+function er(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
@@ -214,20 +214,20 @@ var k = { exports: {} };
 (function(e) {
   (function() {
     var p = {}.hasOwnProperty;
-    function u() {
+    function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, a(n)));
+        n && (r = i(r, u(n)));
       }
       return r;
     }
-    function a(r) {
+    function u(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return u.apply(null, r);
+        return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
@@ -238,11 +238,11 @@ var k = { exports: {} };
     function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(k);
-var tr = k.exports;
-const er = /* @__PURE__ */ rr(tr), $ = {
+})(T);
+var nr = T.exports;
+const ar = /* @__PURE__ */ er(nr), $ = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -258,7 +258,7 @@ const er = /* @__PURE__ */ rr(tr), $ = {
   "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"
-}, nr = {
+}, pr = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -267,31 +267,32 @@ const er = /* @__PURE__ */ rr(tr), $ = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, S = "purpur-heading", ur = ({
+}, S = "purpur-heading", k = ({
   ["data-testid"]: e,
   children: p,
-  className: u = "",
-  enableHyphenation: a = !1,
+  className: a = "",
+  enableHyphenation: u = !1,
   negative: i = !1,
   tag: r,
-  variant: t = nr.TITLE100,
+  variant: t = pr.TITLE100,
   ...n
 }) => {
-  const c = r, d = er([
-    u,
+  const _ = r, d = ar([
+    a,
     $[S],
     $[`${S}--${t}`],
     {
-      [$[`${S}--hyphens`]]: a,
+      [$[`${S}--hyphens`]]: u,
       [$[`${S}--negative`]]: i
     }
   ]);
-  return /* @__PURE__ */ s(c, { ...n, className: d, "data-testid": e, children: p });
+  return /* @__PURE__ */ s(_, { ...n, className: d, "data-testid": e, children: p });
 };
-function pr(e) {
+k.displayName = "Heading";
+function ir(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var T = { exports: {} };
+var M = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -300,20 +301,20 @@ var T = { exports: {} };
 (function(e) {
   (function() {
     var p = {}.hasOwnProperty;
-    function u() {
+    function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, a.call(this, n)));
+        n && (r = i(r, u.call(this, n)));
       }
       return r;
     }
-    function a(r) {
+    function u(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return u.apply(this, r);
+        return a.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
@@ -324,11 +325,11 @@ var T = { exports: {} };
     function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(T);
-var ir = T.exports;
-const ar = /* @__PURE__ */ pr(ir), or = {
+})(M);
+var ur = M.exports;
+const or = /* @__PURE__ */ ir(ur), sr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -336,12 +337,12 @@ const ar = /* @__PURE__ */ pr(ir), or = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, sr = {
+}, lr = {
   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"
-}, lr = {
+}, cr = {
   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"],
@@ -351,40 +352,40 @@ const ar = /* @__PURE__ */ pr(ir), or = {
   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"
-}, cr = {
+}, dr = {
   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"
-}, dr = {
+}, gr = {
   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"
-}, fr = ar.bind(or), E = "purpur-icon", gr = "md", hr = (e) => e.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), vr = ({ content: e = "", title: p } = {}) => {
-  const u = [
+}, fr = or.bind(sr), q = "purpur-icon", hr = "md", vr = (e) => e.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), mr = ({ content: e = "", title: p } = {}) => {
+  const a = [
     { 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" }
-  ], a = p ? `<title>${p}</title>` : "";
-  return `<svg ${hr(u)}>${a}${e}</svg>`;
-}, yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), L = ({
+  ], u = p ? `<title>${p}</title>` : "";
+  return `<svg ${vr(a)}>${u}${e}</svg>`;
+}, yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), E = ({
   ["data-testid"]: e,
   svg: p,
-  allyTitle: u,
-  className: a = "",
-  size: i = gr,
+  allyTitle: a,
+  className: u,
+  size: i = hr,
   ...r
 }) => {
-  const t = vr({
+  const t = mr({
     content: yr(p.svg),
-    title: u
-  }), n = fr(a, E, `${E}--${i}`);
+    title: a
+  }), n = fr(u, q, `${q}--${i}`);
   return /* @__PURE__ */ s(
     "span",
     {
-      "aria-label": u,
+      "aria-label": a,
       className: n,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: t },
@@ -392,7 +393,7 @@ const ar = /* @__PURE__ */ pr(ir), or = {
     }
   );
 };
-function mr(e) {
+function br(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var z = { exports: {} };
@@ -404,20 +405,20 @@ var z = { exports: {} };
 (function(e) {
   (function() {
     var p = {}.hasOwnProperty;
-    function u() {
+    function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, a(n)));
+        n && (r = i(r, u(n)));
       }
       return r;
     }
-    function a(r) {
+    function u(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return u.apply(null, r);
+        return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
@@ -428,11 +429,11 @@ var z = { exports: {} };
     function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(z);
-var br = z.exports;
-const wr = /* @__PURE__ */ mr(br), y = {
+var xr = z.exports;
+const wr = /* @__PURE__ */ br(xr), m = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -447,7 +448,7 @@ const wr = /* @__PURE__ */ mr(br), y = {
   "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"
-}, xr = {
+}, $r = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -458,32 +459,33 @@ const wr = /* @__PURE__ */ mr(br), y = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, m = "purpur-paragraph", $r = ({
+}, y = "purpur-paragraph", C = ({
   ["data-testid"]: e,
   children: p,
-  className: u = "",
-  disabled: a,
+  className: a,
+  disabled: u,
   enableHyphenation: i = !1,
   negative: r = !1,
-  variant: t = xr.PARAGRAPH100,
+  variant: t = $r.PARAGRAPH100,
   ...n
 }) => {
-  const c = wr([
-    u,
-    y[m],
-    y[`${m}--${t}`],
+  const _ = wr([
+    a,
+    m[y],
+    m[`${y}--${t}`],
     {
-      [y[`${m}--hyphens`]]: i,
-      [y[`${m}--disabled`]]: a,
-      [y[`${m}--negative`]]: r
+      [m[`${y}--hyphens`]]: i,
+      [m[`${y}--disabled`]]: u,
+      [m[`${y}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s("p", { ...n, className: c, "data-testid": e, children: p });
+  return /* @__PURE__ */ s("p", { ...n, className: _, "data-testid": e, children: p });
 };
+C.displayName = "Paragraph";
 function Sr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var C = { exports: {} };
+var B = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -492,20 +494,20 @@ var C = { exports: {} };
 (function(e) {
   (function() {
     var p = {}.hasOwnProperty;
-    function u() {
+    function a() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, a(n)));
+        n && (r = i(r, u(n)));
       }
       return r;
     }
-    function a(r) {
+    function u(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return u.apply(null, r);
+        return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
@@ -516,11 +518,11 @@ var C = { exports: {} };
     function i(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(C);
-var Or = C.exports;
-const Ar = /* @__PURE__ */ Sr(Or), l = {
+})(B);
+var Or = B.exports;
+const Nr = /* @__PURE__ */ Sr(Or), l = {
   "purpur-notification": "_purpur-notification_10qwf_1",
   "purpur-notification__top": "_purpur-notification__top_10qwf_14",
   "purpur-notification__header": "_purpur-notification__header_10qwf_20",
@@ -534,43 +536,43 @@ const Ar = /* @__PURE__ */ Sr(Or), 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"
-}, w = {
+}, x = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error",
   INFO: "info"
-}, Mr = Object.values(w), Nr = {
+}, Pr = Object.values(x), Ar = {
   POLITE: "polite",
   ASSERTIVE: "assertive"
-}, Pr = Object.values(Nr), jr = {
+}, Tr = Object.values(Ar), jr = {
   ALERT: "alert",
   DIALOG: "dialog",
   ALERTDIALOG: "alertdialog"
-}, kr = Object.values(jr), _ = "purpur-notification", qr = (e) => {
+}, kr = Object.values(jr), c = "purpur-notification", qr = (e) => {
   switch (e) {
-    case w.INFO:
-      return dr;
-    case w.SUCCESS:
-      return lr;
-    case w.WARNING:
-      return sr;
-    case w.ERROR:
+    case x.INFO:
+      return gr;
+    case x.SUCCESS:
       return cr;
+    case x.WARNING:
+      return lr;
+    case x.ERROR:
+      return dr;
   }
 }, Er = ({
   ["data-testid"]: e,
   ["aria-live"]: p,
-  children: u,
-  className: a,
+  children: a,
+  className: u,
   closeButtonAllyLabel: i,
   headingTag: r = "h4",
   role: t,
   status: n = "info",
-  heading: c,
+  heading: _,
   hidden: d,
   id: o,
-  onClose: g,
-  ...x
+  onClose: f,
+  ...w
 }, O) => /* @__PURE__ */ b(
   "div",
   {
@@ -579,41 +581,41 @@ const Ar = /* @__PURE__ */ Sr(Or), l = {
     "aria-describedby": o ? `${o}-body` : void 0,
     "aria-live": p,
     "aria-hidden": !!d,
-    className: Ar(a, l[_], l[`${_}--${n}`], {
-      [l[`${_}--hidden`]]: d,
-      [l[`${_}--has-close-button`]]: !!g
+    className: Nr(u, l[c], l[`${c}--${n}`], {
+      [l[`${c}--hidden`]]: d,
+      [l[`${c}--has-close-button`]]: !!f
     }),
     "data-testid": e,
     ref: O,
     role: t,
-    ...x,
+    ...w,
     children: [
-      /* @__PURE__ */ b("div", { className: l[`${_}__top`], children: [
-        /* @__PURE__ */ b("div", { className: l[`${_}__header`], children: [
+      /* @__PURE__ */ b("div", { className: l[`${c}__top`], children: [
+        /* @__PURE__ */ b("div", { className: l[`${c}__header`], children: [
           /* @__PURE__ */ s(
-            L,
+            E,
             {
               "data-testid": e ? `${e}-icon` : void 0,
-              className: l[`${_}__icon`],
+              className: l[`${c}__icon`],
               svg: qr(n),
               size: "md"
             }
           ),
-          !!c && /* @__PURE__ */ s(
-            ur,
+          !!_ && /* @__PURE__ */ s(
+            k,
             {
               "data-testid": e ? `${e}-heading` : void 0,
               variant: "subsection-100",
               tag: r,
-              className: l[`${_}__heading`],
+              className: l[`${c}__heading`],
               children: /* @__PURE__ */ b("span", { id: o ? `${o}-heading` : void 0, children: [
                 " ",
-                c
+                _
               ] })
             }
           )
         ] }),
-        g && /* @__PURE__ */ s(
+        f && /* @__PURE__ */ s(
           P,
           {
             "data-testid": e ? `${e}-close-button` : void 0,
@@ -621,39 +623,39 @@ const Ar = /* @__PURE__ */ Sr(Or), l = {
             size: "sm",
             iconOnly: !0,
             "aria-label": i,
-            onClick: g,
-            className: l[`${_}__close-button`],
-            children: /* @__PURE__ */ s(L, { svg: _r, size: "sm" })
+            onClick: f,
+            className: l[`${c}__close-button`],
+            children: /* @__PURE__ */ s(E, { svg: _r, size: "sm" })
           }
         )
       ] }),
-      u && /* @__PURE__ */ s(
+      a && /* @__PURE__ */ s(
         "div",
         {
           "data-testid": e ? `${e}-body` : void 0,
-          className: l[`${_}__body`],
+          className: l[`${c}__body`],
           id: o ? `${o}-body` : void 0,
-          children: typeof u == "string" ? /* @__PURE__ */ s(
-            $r,
+          children: typeof a == "string" ? /* @__PURE__ */ s(
+            C,
             {
               "data-testid": e ? `${e}-paragraph` : void 0,
               variant: "paragraph-100",
-              children: u
+              children: a
             }
-          ) : u
+          ) : a
         }
       )
     ]
   }
-), Lr = I(Er);
+), Lr = L(Er);
 Lr.displayName = "Notification";
 export {
-  Nr as NOTIFICATION_ARIA_LIVE,
+  Ar as NOTIFICATION_ARIA_LIVE,
   jr as NOTIFICATION_ROLE,
-  w as NOTIFICATION_STATUS,
+  x as NOTIFICATION_STATUS,
   Lr as Notification,
-  Pr as notificationAriaLiveValues,
+  Tr as notificationAriaLiveValues,
   kr as notificationRoles,
-  Mr as notificationStatuses
+  Pr as notificationStatuses
 };
 //# sourceMappingURL=notification.es.js.map