@purpurds/notification 5.32.0 → 5.34.0

package/dist/notification.es.js

@@ -1,12 +1,13 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
-import { forwardRef as E } from "react";
+import { forwardRef as L } from "react";
 const Z = {
+  XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function H(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function H(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var I = { exports: {} };
 /*!
@@ -14,17 +15,17 @@ var I = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var p = {}.hasOwnProperty;
     function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var n = arguments[e];
-        n && (r = i(r, u(n)));
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var n = arguments[t];
+        n && (r = u(r, i(n)));
       }
       return r;
     }
-    function u(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -33,21 +34,21 @@ var I = { exports: {} };
         return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (e = i(e, n));
-      return e;
+        p.call(r, n) && r[n] && (t = u(t, n));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function u(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(I);
-var U = I.exports;
-const q = /* @__PURE__ */ H(U), V = "_rotate_1xozj_1", F = "_dash_1xozj_1", h = {
+var V = I.exports;
+const j = /* @__PURE__ */ H(V), U = "_rotate_1xozj_1", F = "_dash_1xozj_1", h = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: V,
+  rotate: U,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
@@ -64,21 +65,21 @@ const q = /* @__PURE__ */ H(U), V = "_rotate_1xozj_1", F = "_dash_1xozj_1", h =
   MD: "md",
   LG: "lg"
 }, W = ({
-  ["data-testid"]: t,
+  ["data-testid"]: e,
   disabled: p = !1,
   negative: a = !1,
-  size: u = X.SM,
-  ...i
+  size: i = X.SM,
+  ...u
 }) => /* @__PURE__ */ s(
   "div",
   {
-    className: q([h[v], h[`${v}--${u}`]]),
-    "data-testid": t,
-    ...i,
+    className: j([h[v], h[`${v}--${i}`]]),
+    "data-testid": e,
+    ...u,
     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`]]: a
         }),
@@ -89,8 +90,8 @@ const q = /* @__PURE__ */ H(U), V = "_rotate_1xozj_1", F = "_dash_1xozj_1", h =
     ) })
   }
 );
-function Y(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function Y(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var R = { exports: {} };
 /*!
@@ -98,17 +99,17 @@ var R = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var p = {}.hasOwnProperty;
     function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var n = arguments[e];
-        n && (r = i(r, u.call(this, n)));
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var n = arguments[t];
+        n && (r = u(r, i.call(this, n)));
       }
       return r;
     }
-    function u(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -117,54 +118,55 @@ var R = { exports: {} };
         return a.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (e = i(e, this && this[n] || n));
-      return e;
+        p.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function u(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(R);
 var J = R.exports;
 const K = /* @__PURE__ */ Y(J), 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 = K.bind(Q), f = "purpur-button", er = ({
-  children: t,
+  "purpur-button": "_purpur-button_w455q_1",
+  "purpur-button--xs": "_purpur-button--xs_w455q_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
+  "purpur-button--sm": "_purpur-button--sm_w455q_39",
+  "purpur-button--md": "_purpur-button--md_w455q_45",
+  "purpur-button--lg": "_purpur-button--lg_w455q_51",
+  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
+  "purpur-button--primary": "_purpur-button--primary_w455q_60",
+  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
+  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
+  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
+  "purpur-button--negative": "_purpur-button--negative_w455q_126",
+  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
+  "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
+  "purpur-button--text": "_purpur-button--text_w455q_181"
+}, rr = K.bind(Q), f = "purpur-button", tr = ({
+  children: e,
   className: p,
   ["data-testid"]: a,
-  disabled: u = !1,
-  fullWidth: i = !1,
+  disabled: i = !1,
+  fullWidth: u = !1,
   iconOnly: r,
-  loading: e = !1,
+  loading: t = !1,
   negative: n = !1,
-  onClick: _,
+  onClick: c,
   size: d = "md",
   variant: o,
   type: g = "button",
-  ...w
-}, N) => {
+  ...x
+}, S) => {
   if (r && o === "destructive")
     return null;
   const B = rr(
@@ -176,34 +178,34 @@ const K = /* @__PURE__ */ Y(J), Q = {
     {
       [`${f}--icon-only`]: r,
       [`${f}--negative`]: n,
-      [`${f}--full-width`]: i,
-      [`${f}--disabled`]: u || e
+      [`${f}--full-width`]: u,
+      [`${f}--disabled`]: i || t
     },
     p
-  ), G = (j) => {
-    u || e ? j.preventDefault() : _ && _(j);
-  }, A = !!w["aria-disabled"] || u || e;
+  ), G = (A) => {
+    i || t ? A.preventDefault() : c && c(A);
+  }, O = !!x["aria-disabled"] || i || t;
   return /* @__PURE__ */ b(
     "button",
     {
       className: B,
       "data-testid": a,
       type: g,
-      ref: N,
-      "aria-disabled": A,
+      ref: S,
+      "aria-disabled": O,
       onClick: G,
-      ...w,
+      ...x,
       children: [
-        e && /* @__PURE__ */ s(W, { size: d === Z.LG ? "xs" : "xxs", negative: n, disabled: A }),
+        t && /* @__PURE__ */ s(W, { size: d === Z.LG ? "xs" : "xxs", negative: n, disabled: O }),
         " ",
-        t
+        e
       ]
     }
   );
-}, P = E(er);
+}, P = L(tr);
 P.displayName = "Button";
-function tr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function er(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var M = { exports: {} };
 /*!
@@ -211,17 +213,17 @@ var M = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var p = {}.hasOwnProperty;
     function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var n = arguments[e];
-        n && (r = i(r, u(n)));
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var n = arguments[t];
+        n && (r = u(r, i(n)));
       }
       return r;
     }
-    function u(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -230,19 +232,19 @@ var M = { exports: {} };
         return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (e = i(e, n));
-      return e;
+        p.call(r, n) && r[n] && (t = u(t, n));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function u(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(M);
 var nr = M.exports;
-const ar = /* @__PURE__ */ tr(nr), $ = {
+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",
@@ -267,30 +269,30 @@ const ar = /* @__PURE__ */ tr(nr), $ = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, S = "purpur-heading", T = ({
-  ["data-testid"]: t,
+}, q = "purpur-heading", T = ({
+  ["data-testid"]: e,
   children: p,
   className: a = "",
-  enableHyphenation: u = !1,
-  negative: i = !1,
+  enableHyphenation: i = !1,
+  negative: u = !1,
   tag: r,
-  variant: e = pr.TITLE100,
+  variant: t = pr.TITLE100,
   ...n
 }) => {
-  const _ = r, d = ar([
+  const c = r, d = ar([
     a,
-    $[S],
-    $[`${S}--${e}`],
+    $[q],
+    $[`${q}--${t}`],
     {
-      [$[`${S}--hyphens`]]: u,
-      [$[`${S}--negative`]]: i
+      [$[`${q}--hyphens`]]: i,
+      [$[`${q}--negative`]]: u
     }
   ]);
-  return /* @__PURE__ */ s(_, { ...n, className: d, "data-testid": t, children: p });
+  return /* @__PURE__ */ s(c, { ...n, className: d, "data-testid": e, children: p });
 };
 T.displayName = "Heading";
-function ir(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function ur(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var k = { exports: {} };
 /*!
@@ -298,17 +300,17 @@ var k = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var p = {}.hasOwnProperty;
     function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var n = arguments[e];
-        n && (r = i(r, u.call(this, n)));
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var n = arguments[t];
+        n && (r = u(r, i.call(this, n)));
       }
       return r;
     }
-    function u(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
@@ -317,19 +319,19 @@ var k = { exports: {} };
         return a.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (e = i(e, this && this[n] || n));
-      return e;
+        p.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function u(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(k);
-var ur = k.exports;
-const or = /* @__PURE__ */ ir(ur), sr = {
+var ir = k.exports;
+const or = /* @__PURE__ */ ur(ir), sr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -342,12 +344,12 @@ const or = /* @__PURE__ */ ir(ur), sr = {
   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"
-}, cr = {
+}, _r = {
   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"
-}, _r = {
+}, cr = {
   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"],
@@ -362,40 +364,40 @@ const or = /* @__PURE__ */ ir(ur), sr = {
   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"
-}, gr = or.bind(sr), L = "purpur-icon", hr = "md", vr = (t) => t.filter((p) => Object.keys(p).length >= 1).map((p) => `${p.name}="${p.value}"`).join(" "), mr = ({ content: t = "", title: p } = {}) => {
+}, gr = or.bind(sr), E = "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" }
-  ], u = p ? `<title>${p}</title>` : "";
-  return `<svg ${vr(a)}>${u}${t}</svg>`;
-}, yr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), O = ({
-  ["data-testid"]: t,
+  ], i = p ? `<title>${p}</title>` : "";
+  return `<svg ${vr(a)}>${i}${e}</svg>`;
+}, yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), N = ({
+  ["data-testid"]: e,
   svg: p,
   allyTitle: a,
-  className: u,
-  size: i = hr,
+  className: i,
+  size: u = hr,
   ...r
 }) => {
-  const e = mr({
+  const t = mr({
     content: yr(p.svg),
     title: a
-  }), n = gr(u, L, `${L}--${i}`);
+  }), n = gr(i, E, `${E}--${u}`);
   return /* @__PURE__ */ s(
     "span",
     {
       "aria-label": a,
       className: n,
-      "data-testid": t,
-      dangerouslySetInnerHTML: { __html: e },
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: t },
       ...r
     }
   );
 };
-O.displayName = "Icon";
-function br(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+N.displayName = "Icon";
+function br(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var z = { exports: {} };
 /*!
@@ -403,17 +405,17 @@ var z = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var p = {}.hasOwnProperty;
     function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var n = arguments[e];
-        n && (r = i(r, u(n)));
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var n = arguments[t];
+        n && (r = u(r, i(n)));
       }
       return r;
     }
-    function u(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -422,19 +424,19 @@ var z = { exports: {} };
         return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (e = i(e, n));
-      return e;
+        p.call(r, n) && r[n] && (t = u(t, n));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function u(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(z);
-var xr = z.exports;
-const wr = /* @__PURE__ */ br(xr), m = {
+var wr = z.exports;
+const xr = /* @__PURE__ */ br(wr), m = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -461,30 +463,30 @@ const wr = /* @__PURE__ */ br(xr), m = {
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
 }, y = "purpur-paragraph", C = ({
-  ["data-testid"]: t,
+  ["data-testid"]: e,
   children: p,
   className: a,
-  disabled: u,
-  enableHyphenation: i = !1,
+  disabled: i,
+  enableHyphenation: u = !1,
   negative: r = !1,
-  variant: e = $r.PARAGRAPH100,
+  variant: t = $r.PARAGRAPH100,
   ...n
 }) => {
-  const _ = wr([
+  const c = xr([
     a,
     m[y],
-    m[`${y}--${e}`],
+    m[`${y}--${t}`],
     {
-      [m[`${y}--hyphens`]]: i,
-      [m[`${y}--disabled`]]: u,
+      [m[`${y}--hyphens`]]: u,
+      [m[`${y}--disabled`]]: i,
       [m[`${y}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ s("p", { ...n, className: _, "data-testid": t, children: p });
+  return /* @__PURE__ */ s("p", { ...n, className: c, "data-testid": e, children: p });
 };
 C.displayName = "Paragraph";
-function Sr(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function qr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var D = { exports: {} };
 /*!
@@ -492,17 +494,17 @@ var D = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(t) {
+(function(e) {
   (function() {
     var p = {}.hasOwnProperty;
     function a() {
-      for (var r = "", e = 0; e < arguments.length; e++) {
-        var n = arguments[e];
-        n && (r = i(r, u(n)));
+      for (var r = "", t = 0; t < arguments.length; t++) {
+        var n = arguments[t];
+        n && (r = u(r, i(n)));
       }
       return r;
     }
-    function u(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
@@ -511,19 +513,19 @@ var D = { exports: {} };
         return a.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var e = "";
+      var t = "";
       for (var n in r)
-        p.call(r, n) && r[n] && (e = i(e, n));
-      return e;
+        p.call(r, n) && r[n] && (t = u(t, n));
+      return t;
     }
-    function i(r, e) {
-      return e ? r ? r + " " + e : r + e : r;
+    function u(r, t) {
+      return t ? r ? r + " " + t : r + t : r;
     }
-    t.exports ? (a.default = a, t.exports = a) : window.classNames = a;
+    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(D);
-var Nr = D.exports;
-const Or = /* @__PURE__ */ Sr(Nr), l = {
+var Sr = D.exports;
+const Nr = /* @__PURE__ */ qr(Sr), l = {
   "purpur-notification": "_purpur-notification_10qwf_1",
   "purpur-notification__top": "_purpur-notification__top_10qwf_14",
   "purpur-notification__header": "_purpur-notification__header_10qwf_20",
@@ -537,44 +539,44 @@ const Or = /* @__PURE__ */ Sr(Nr), 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"
-}, x = {
+}, w = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error",
   INFO: "info"
-}, Pr = Object.values(x), Ar = {
+}, Pr = Object.values(w), Or = {
   POLITE: "polite",
   ASSERTIVE: "assertive"
-}, Mr = Object.values(Ar), jr = {
+}, Mr = Object.values(Or), Ar = {
   ALERT: "alert",
   DIALOG: "dialog",
   ALERTDIALOG: "alertdialog"
-}, Tr = Object.values(jr), c = "purpur-notification", qr = (t) => {
-  switch (t) {
-    case x.INFO:
+}, Tr = Object.values(Ar), _ = "purpur-notification", jr = (e) => {
+  switch (e) {
+    case w.INFO:
       return fr;
-    case x.SUCCESS:
-      return cr;
-    case x.WARNING:
+    case w.SUCCESS:
+      return _r;
+    case w.WARNING:
       return lr;
-    case x.ERROR:
+    case w.ERROR:
       return dr;
   }
-}, Lr = ({
-  ["data-testid"]: t,
+}, Er = ({
+  ["data-testid"]: e,
   ["aria-live"]: p,
   children: a,
-  className: u,
-  closeButtonAllyLabel: i,
+  className: i,
+  closeButtonAllyLabel: u,
   headingTag: r = "h4",
-  role: e,
+  role: t,
   status: n = "info",
-  heading: _,
+  heading: c,
   hidden: d,
   id: o,
   onClose: g,
-  ...w
-}, N) => /* @__PURE__ */ b(
+  ...x
+}, S) => /* @__PURE__ */ b(
   "div",
   {
     id: o,
@@ -582,36 +584,36 @@ const Or = /* @__PURE__ */ Sr(Nr), l = {
     "aria-describedby": o ? `${o}-body` : void 0,
     "aria-live": p,
     "aria-hidden": !!d,
-    className: Or(u, l[c], l[`${c}--${n}`], {
-      [l[`${c}--hidden`]]: d,
-      [l[`${c}--has-close-button`]]: !!g
+    className: Nr(i, l[_], l[`${_}--${n}`], {
+      [l[`${_}--hidden`]]: d,
+      [l[`${_}--has-close-button`]]: !!g
     }),
-    "data-testid": t,
-    ref: N,
-    role: e,
-    ...w,
+    "data-testid": e,
+    ref: S,
+    role: t,
+    ...x,
     children: [
-      /* @__PURE__ */ b("div", { className: l[`${c}__top`], children: [
-        /* @__PURE__ */ b("div", { className: l[`${c}__header`], children: [
+      /* @__PURE__ */ b("div", { className: l[`${_}__top`], children: [
+        /* @__PURE__ */ b("div", { className: l[`${_}__header`], children: [
           /* @__PURE__ */ s(
-            O,
+            N,
             {
-              "data-testid": t ? `${t}-icon` : void 0,
-              className: l[`${c}__icon`],
-              svg: qr(n),
+              "data-testid": e ? `${e}-icon` : void 0,
+              className: l[`${_}__icon`],
+              svg: jr(n),
               size: "md"
             }
           ),
-          !!_ && /* @__PURE__ */ s(
+          !!c && /* @__PURE__ */ s(
             T,
             {
-              "data-testid": t ? `${t}-heading` : void 0,
+              "data-testid": e ? `${e}-heading` : void 0,
               variant: "subsection-100",
               tag: r,
-              className: l[`${c}__heading`],
+              className: l[`${_}__heading`],
               children: /* @__PURE__ */ b("span", { id: o ? `${o}-heading` : void 0, children: [
                 " ",
-                _
+                c
               ] })
             }
           )
@@ -619,27 +621,27 @@ const Or = /* @__PURE__ */ Sr(Nr), l = {
         g && /* @__PURE__ */ s(
           P,
           {
-            "data-testid": t ? `${t}-close-button` : void 0,
+            "data-testid": e ? `${e}-close-button` : void 0,
             variant: "tertiary-purple",
             size: "sm",
             iconOnly: !0,
-            "aria-label": i,
+            "aria-label": u,
             onClick: g,
-            className: l[`${c}__close-button`],
-            children: /* @__PURE__ */ s(O, { svg: _r, size: "sm" })
+            className: l[`${_}__close-button`],
+            children: /* @__PURE__ */ s(N, { svg: cr, size: "sm" })
           }
         )
       ] }),
       a && /* @__PURE__ */ s(
         "div",
         {
-          "data-testid": t ? `${t}-body` : void 0,
-          className: l[`${c}__body`],
+          "data-testid": e ? `${e}-body` : void 0,
+          className: l[`${_}__body`],
           id: o ? `${o}-body` : void 0,
           children: typeof a == "string" ? /* @__PURE__ */ s(
             C,
             {
-              "data-testid": t ? `${t}-paragraph` : void 0,
+              "data-testid": e ? `${e}-paragraph` : void 0,
               variant: "paragraph-100",
               children: a
             }
@@ -648,13 +650,13 @@ const Or = /* @__PURE__ */ Sr(Nr), l = {
       )
     ]
   }
-), Er = E(Lr);
-Er.displayName = "Notification";
+), Lr = L(Er);
+Lr.displayName = "Notification";
 export {
-  Ar as NOTIFICATION_ARIA_LIVE,
-  jr as NOTIFICATION_ROLE,
-  x as NOTIFICATION_STATUS,
-  Er as Notification,
+  Or as NOTIFICATION_ARIA_LIVE,
+  Ar as NOTIFICATION_ROLE,
+  w as NOTIFICATION_STATUS,
+  Lr as Notification,
   Mr as notificationAriaLiveValues,
   Tr as notificationRoles,
   Pr as notificationStatuses