@purpurds/notification 4.4.0 → 4.5.1

package/dist/notification.es.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { forwardRef as M } from "react";
+import { forwardRef as L } from "react";
 const E = {
   SM: "sm",
   MD: "md",
@@ -8,7 +8,7 @@ const E = {
 function Z(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
@@ -16,38 +16,38 @@ var P = { exports: {} };
 */
 (function(e) {
   (function() {
-    var u = {}.hasOwnProperty;
-    function a() {
+    var p = {}.hasOwnProperty;
+    function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, p(n)));
+        n && (r = a(r, i(n)));
       }
       return r;
     }
-    function p(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return a.apply(null, r);
+        return u.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = i(t, n));
+        p.call(r, n) && r[n] && (t = a(t, n));
       return t;
     }
-    function i(r, t) {
+    function a(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
+    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(P);
-var V = P.exports;
-const I = /* @__PURE__ */ Z(V), k = "_rotate_7s2g1_1", H = "_dash_7s2g1_1", w = {
+})(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: k,
+  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",
@@ -71,21 +71,21 @@ const I = /* @__PURE__ */ Z(V), k = "_rotate_7s2g1_1", H = "_dash_7s2g1_1", w =
   LG: "lg"
 }, W = ({
   ["data-testid"]: e,
-  size: u = U.SM,
-  variant: a = F.PRIMARY,
-  ...p
+  size: p = U.SM,
+  variant: u = F.PRIMARY,
+  ...i
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: I([w[x], w[`${x}--${u}`]]),
+    className: I([w[x], w[`${x}--${p}`]]),
     "data-testid": e,
-    ...p,
+    ...i,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
         className: I(
           w[`${x}__circle`],
-          w[`${x}__circle--${a}`]
+          w[`${x}__circle--${u}`]
         ),
         cx: "25",
         cy: "25",
@@ -97,7 +97,7 @@ const I = /* @__PURE__ */ Z(V), k = "_rotate_7s2g1_1", H = "_dash_7s2g1_1", w =
 function Y(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var j = { exports: {} };
+var P = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -105,70 +105,70 @@ var j = { exports: {} };
 */
 (function(e) {
   (function() {
-    var u = {}.hasOwnProperty;
-    function a() {
+    var p = {}.hasOwnProperty;
+    function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, p(n)));
+        n && (r = a(r, i(n)));
       }
       return r;
     }
-    function p(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return a.apply(null, r);
+        return u.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = i(t, n));
+        p.call(r, n) && r[n] && (t = a(t, n));
       return t;
     }
-    function i(r, t) {
+    function a(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
+    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(j);
-var X = j.exports;
+})(P);
+var X = P.exports;
 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",
-  "purpur-button--md": "_purpur-button--md_1fna2_39",
-  "purpur-button--lg": "_purpur-button--lg_1fna2_45",
-  "purpur-button--full-width": "_purpur-button--full-width_1fna2_51",
-  "purpur-button--primary": "_purpur-button--primary_1fna2_54",
-  "purpur-button--disabled": "_purpur-button--disabled_1fna2_58",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1fna2_64",
-  "purpur-button--secondary": "_purpur-button--secondary_1fna2_76",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1fna2_87",
-  "purpur-button--expressive": "_purpur-button--expressive_1fna2_98",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1fna2_108",
-  "purpur-button--negative": "_purpur-button--negative_1fna2_120",
-  "purpur-button--destructive": "_purpur-button--destructive_1fna2_127",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1fna2_137",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1fna2_147",
-  "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"
+  "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"
 }, f = "purpur-button", K = ({
   children: e,
-  className: u,
-  ["data-testid"]: a,
-  disabled: p = !1,
-  fullWidth: i = !1,
+  className: p,
+  ["data-testid"]: u,
+  disabled: i = !1,
+  fullWidth: a = !1,
   iconOnly: r,
   loading: t = !1,
   onClick: n,
   size: c = E.MD,
   variant: d,
   type: s = "button",
-  ...v
-}, A) => {
+  ...h
+}, S) => {
   if (r && d === "destructive")
     return null;
   const O = J(
@@ -180,23 +180,23 @@ const J = /* @__PURE__ */ Y(X), g = {
     {
       [g[`${f}--icon-only`]]: r,
       [g[`${f}--negative`]]: d.endsWith("negative"),
-      [g[`${f}--full-width`]]: i,
-      [g[`${f}--disabled`]]: p || t
+      [g[`${f}--full-width`]]: a,
+      [g[`${f}--disabled`]]: i || t
     },
-    u
+    p
   ), G = (N) => {
-    p || t ? N.preventDefault() : n && n(N);
+    i || t ? N.preventDefault() : n && n(N);
   }, B = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
   return /* @__PURE__ */ m(
     "button",
     {
       className: O,
-      "data-testid": a,
+      "data-testid": u,
       type: s,
-      ref: A,
-      "aria-disabled": v["aria-disabled"] || p || t,
+      ref: S,
+      "aria-disabled": h["aria-disabled"] || i || t,
       onClick: G,
-      ...v,
+      ...h,
       children: [
         t && /* @__PURE__ */ o(W, { size: c === E.LG ? "xs" : "xxs", variant: B() }),
         " ",
@@ -204,12 +204,12 @@ const J = /* @__PURE__ */ Y(X), g = {
       ]
     }
   );
-}, T = M(K);
-T.displayName = "Button";
+}, j = L(K);
+j.displayName = "Button";
 function Q(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var z = { exports: {} };
+var T = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -217,51 +217,51 @@ var z = { exports: {} };
 */
 (function(e) {
   (function() {
-    var u = {}.hasOwnProperty;
-    function a() {
+    var p = {}.hasOwnProperty;
+    function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, p(n)));
+        n && (r = a(r, i(n)));
       }
       return r;
     }
-    function p(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return a.apply(null, r);
+        return u.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = i(t, n));
+        p.call(r, n) && r[n] && (t = a(t, n));
       return t;
     }
-    function i(r, t) {
+    function a(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
+    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(z);
-var rr = z.exports;
+})(T);
+var rr = T.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"
+  "purpur-heading": "_purpur-heading_k9fhq_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
+  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
+  "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 = {
   TITLE100: "title-100",
   TITLE200: "title-200",
@@ -271,31 +271,31 @@ const tr = /* @__PURE__ */ Q(rr), $ = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, S = "purpur-heading", nr = ({
+}, A = "purpur-heading", nr = ({
   ["data-testid"]: e,
-  children: u,
-  className: a = "",
-  enableHyphenation: p = !1,
-  negative: i = !1,
+  children: p,
+  className: u = "",
+  enableHyphenation: i = !1,
+  negative: a = !1,
   tag: r,
   variant: t = er.TITLE100,
   ...n
 }) => {
   const c = r, d = tr([
-    a,
-    $[S],
-    $[`${S}--${t}`],
+    u,
+    $[A],
+    $[`${A}--${t}`],
     {
-      [$[`${S}--hyphens`]]: p,
-      [$[`${S}--negative`]]: i
+      [$[`${A}--hyphens`]]: i,
+      [$[`${A}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ o(c, { ...n, className: d, "data-testid": e, children: u });
+  return /* @__PURE__ */ o(c, { ...n, className: d, "data-testid": e, children: p });
 };
-function ar(e) {
+function ur(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var q = { exports: {} };
+var k = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -303,36 +303,36 @@ var q = { exports: {} };
 */
 (function(e) {
   (function() {
-    var u = {}.hasOwnProperty;
-    function a() {
+    var p = {}.hasOwnProperty;
+    function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, p.call(this, n)));
+        n && (r = a(r, i.call(this, n)));
       }
       return r;
     }
-    function p(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return a.apply(this, r);
+        return u.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = i(t, this && this[n] || n));
+        p.call(r, n) && r[n] && (t = a(t, this && this[n] || n));
       return t;
     }
-    function i(r, t) {
+    function a(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
+    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
-})(q);
-var ur = q.exports;
-const pr = /* @__PURE__ */ ar(ur), ir = {
+})(k);
+var pr = k.exports;
+const ir = /* @__PURE__ */ ur(pr), ar = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -365,30 +365,30 @@ const pr = /* @__PURE__ */ ar(ur), ir = {
   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 = pr.bind(ir), R = "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 = [
+}, 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 } = {}) => {
+  const u = [
     { 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" }
-  ], p = u ? `<title>${u}</title>` : "";
-  return `<svg ${fr(a)}>${p}${e}</svg>`;
-}, hr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), L = ({
+    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 = ({
   ["data-testid"]: e,
-  svg: u,
-  allyTitle: a,
-  className: p = "",
-  size: i = gr,
+  svg: p,
+  allyTitle: u,
+  className: i = "",
+  size: a = gr,
   ...r
 }) => {
-  const t = vr({
-    content: hr(u.svg),
-    title: a
-  }), n = dr(p, R, `${R}--${i}`);
+  const t = hr({
+    content: vr(p.svg),
+    title: u
+  }), n = dr(i, q, `${q}--${a}`);
   return /* @__PURE__ */ o(
     "span",
     {
-      "aria-label": a,
+      "aria-label": u,
       className: n,
       "data-testid": e,
       dangerouslySetInnerHTML: { __html: t },
@@ -407,50 +407,50 @@ var D = { exports: {} };
 */
 (function(e) {
   (function() {
-    var u = {}.hasOwnProperty;
-    function a() {
+    var p = {}.hasOwnProperty;
+    function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, p(n)));
+        n && (r = a(r, i(n)));
       }
       return r;
     }
-    function p(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return a.apply(null, r);
+        return u.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = i(t, n));
+        p.call(r, n) && r[n] && (t = a(t, n));
       return t;
     }
-    function i(r, t) {
+    function a(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
+    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
 })(D);
 var mr = D.exports;
-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"
+const br = /* @__PURE__ */ yr(mr), v = {
+  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
+  "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 = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -464,25 +464,25 @@ const br = /* @__PURE__ */ yr(mr), h = {
   OVERLINE200: "overline-200"
 }, y = "purpur-paragraph", xr = ({
   ["data-testid"]: e,
-  children: u,
-  className: a = "",
-  disabled: p,
-  enableHyphenation: i = !1,
+  children: p,
+  className: u = "",
+  disabled: i,
+  enableHyphenation: a = !1,
   negative: r = !1,
   variant: t = wr.PARAGRAPH100,
   ...n
 }) => {
   const c = br([
-    a,
-    h[y],
-    h[`${y}--${t}`],
+    u,
+    v[y],
+    v[`${y}--${t}`],
     {
-      [h[`${y}--hyphens`]]: i,
-      [h[`${y}--disabled`]]: p,
-      [h[`${y}--negative`]]: r
+      [v[`${y}--hyphens`]]: a,
+      [v[`${y}--disabled`]]: i,
+      [v[`${y}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o("p", { ...n, className: c, "data-testid": e, children: u });
+  return /* @__PURE__ */ o("p", { ...n, className: c, "data-testid": e, children: p });
 };
 function $r(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -495,36 +495,36 @@ var C = { exports: {} };
 */
 (function(e) {
   (function() {
-    var u = {}.hasOwnProperty;
-    function a() {
+    var p = {}.hasOwnProperty;
+    function u() {
       for (var r = "", t = 0; t < arguments.length; t++) {
         var n = arguments[t];
-        n && (r = i(r, p(n)));
+        n && (r = a(r, i(n)));
       }
       return r;
     }
-    function p(r) {
+    function i(r) {
       if (typeof r == "string" || typeof r == "number")
         return r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return a.apply(null, r);
+        return u.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var t = "";
       for (var n in r)
-        u.call(r, n) && r[n] && (t = i(t, n));
+        p.call(r, n) && r[n] && (t = a(t, n));
       return t;
     }
-    function i(r, t) {
+    function a(r, t) {
       return t ? r ? r + " " + t : r + t : r;
     }
-    e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
+    e.exports ? (u.default = u, e.exports = u) : window.classNames = u;
   })();
 })(C);
-var Sr = C.exports;
-const Ar = /* @__PURE__ */ $r(Sr), l = {
+var Ar = C.exports;
+const Sr = /* @__PURE__ */ $r(Ar), l = {
   "purpur-notification": "_purpur-notification_10qwf_1",
   "purpur-notification__top": "_purpur-notification__top_10qwf_14",
   "purpur-notification__header": "_purpur-notification__header_10qwf_20",
@@ -543,14 +543,14 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
   WARNING: "warning",
   ERROR: "error",
   INFO: "info"
-}, Pr = Object.values(b), Or = {
+}, Mr = Object.values(b), Or = {
   POLITE: "polite",
   ASSERTIVE: "assertive"
-}, jr = Object.values(Or), Nr = {
+}, Pr = Object.values(Or), Nr = {
   ALERT: "alert",
   DIALOG: "dialog",
   ALERTDIALOG: "alertdialog"
-}, Tr = Object.values(Nr), _ = "purpur-notification", Er = (e) => {
+}, jr = Object.values(Nr), _ = "purpur-notification", Er = (e) => {
   switch (e) {
     case b.INFO:
       return cr;
@@ -563,39 +563,39 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
   }
 }, Ir = ({
   ["data-testid"]: e,
-  ["aria-live"]: u,
-  children: a,
-  className: p,
-  closeButtonAllyLabel: i,
+  ["aria-live"]: p,
+  children: u,
+  className: i,
+  closeButtonAllyLabel: a,
   headingTag: r = "h4",
   role: t,
   status: n = "info",
   heading: c,
   hidden: d,
   id: s,
-  onClose: v,
-  ...A
+  onClose: h,
+  ...S
 }, O) => /* @__PURE__ */ m(
   "div",
   {
     id: s,
     "aria-labelledby": s ? `${s}-heading` : void 0,
     "aria-describedby": s ? `${s}-body` : void 0,
-    "aria-live": u,
+    "aria-live": p,
     "aria-hidden": !!d,
-    className: Ar(p, l[_], l[`${_}--${n}`], {
+    className: Sr(i, l[_], l[`${_}--${n}`], {
       [l[`${_}--hidden`]]: d,
-      [l[`${_}--has-close-button`]]: !!v
+      [l[`${_}--has-close-button`]]: !!h
     }),
     "data-testid": e,
     ref: O,
     role: t,
-    ...A,
+    ...S,
     children: [
       /* @__PURE__ */ m("div", { className: l[`${_}__top`], children: [
         /* @__PURE__ */ m("div", { className: l[`${_}__header`], children: [
           /* @__PURE__ */ o(
-            L,
+            R,
             {
               "data-testid": e ? `${e}-icon` : void 0,
               className: l[`${_}__icon`],
@@ -617,47 +617,47 @@ const Ar = /* @__PURE__ */ $r(Sr), l = {
             }
           )
         ] }),
-        v && /* @__PURE__ */ o(
-          T,
+        h && /* @__PURE__ */ o(
+          j,
           {
             "data-testid": e ? `${e}-close-button` : void 0,
             variant: "tertiary-purple",
             size: "sm",
             iconOnly: !0,
-            "aria-label": i,
-            onClick: v,
+            "aria-label": a,
+            onClick: h,
             className: l[`${_}__close-button`],
-            children: /* @__PURE__ */ o(L, { svg: lr, size: "sm" })
+            children: /* @__PURE__ */ o(R, { svg: lr, size: "sm" })
           }
         )
       ] }),
-      a && /* @__PURE__ */ o(
+      u && /* @__PURE__ */ o(
         "div",
         {
           "data-testid": e ? `${e}-body` : void 0,
           className: l[`${_}__body`],
           id: s ? `${s}-body` : void 0,
-          children: typeof a == "string" ? /* @__PURE__ */ o(
+          children: typeof u == "string" ? /* @__PURE__ */ o(
             xr,
             {
               "data-testid": e ? `${e}-paragraph` : void 0,
               variant: "paragraph-100",
-              children: a
+              children: u
             }
-          ) : a
+          ) : u
         }
       )
     ]
   }
-), Rr = M(Ir);
-Rr.displayName = "Notification";
+), qr = L(Ir);
+qr.displayName = "Notification";
 export {
   Or as NOTIFICATION_ARIA_LIVE,
   Nr as NOTIFICATION_ROLE,
   b as NOTIFICATION_STATUS,
-  Rr as Notification,
-  jr as notificationAriaLiveValues,
-  Tr as notificationRoles,
-  Pr as notificationStatuses
+  qr as Notification,
+  Pr as notificationAriaLiveValues,
+  jr as notificationRoles,
+  Mr as notificationStatuses
 };
 //# sourceMappingURL=notification.es.js.map