@purpurds/notification 7.6.1 → 7.8.0

package/dist/notification.es.js

@@ -1,113 +1,104 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { forwardRef as F } from "react";
-const X = {
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { forwardRef as z } from "react";
+const D = {
   LG: "lg"
 };
-function Y(e) {
+function U(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var k = { exports: {} };
+var A = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var R;
-function J() {
-  return R || (R = 1, function(e) {
+var j;
+function W() {
+  return j || (j = 1, function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function p() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var n = arguments[t];
-          n && (r = a(r, i(n)));
+          n && (r = u(r, a.call(this, n)));
         }
         return r;
       }
-      function i(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return p.apply(null, r);
+          return p.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 = a(t, n));
+          i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
     })();
-  }(k)), k.exports;
+  }(A)), A.exports;
 }
-var K = J();
-const P = /* @__PURE__ */ Y(K), Q = "_rotate_12t9p_1", rr = "_dash_12t9p_1", h = {
+var X = W();
+const Y = /* @__PURE__ */ U(X), J = "_rotate_12t9p_1", K = "_dash_12t9p_1", Q = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Q,
+  rotate: J,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: rr,
+  dash: K,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, v = "purpur-spinner", tr = {
+}, k = Y.bind(Q), h = "purpur-spinner", rr = {
   SM: "sm"
-}, er = ({
-  ["data-testid"]: e,
-  disabled: u = !1,
-  negative: p = !1,
-  size: i = tr.SM,
+}, tr = ({
+  disabled: e = !1,
+  negative: i = !1,
+  size: p = rr.SM,
   ...a
-}) => /* @__PURE__ */ s(
-  "div",
+}) => /* @__PURE__ */ o("div", { className: k(h, `${h}--${p}`), ...a, children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
+  "circle",
   {
-    className: P([h[v], h[`${v}--${i}`]]),
-    "data-testid": e,
-    ...a,
-    children: /* @__PURE__ */ s("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ s(
-      "circle",
-      {
-        className: P(h[`${v}__circle`], {
-          [h[`${v}__circle--disabled`]]: u,
-          [h[`${v}__circle--negative`]]: p
-        }),
-        cx: "25",
-        cy: "25",
-        r: "20"
-      }
-    ) })
+    className: k(`${h}__circle`, {
+      [`${h}__circle--disabled`]: e,
+      [`${h}__circle--negative`]: i
+    }),
+    cx: "25",
+    cy: "25",
+    r: "20"
   }
-);
-function nr(e) {
+) }) });
+function er(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var C = { exports: {} };
+var R = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var L;
-function pr() {
-  return L || (L = 1, function(e) {
+var P;
+function nr() {
+  return P || (P = 1, function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function p() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var n = arguments[t];
-          n && (r = a(r, i.call(this, n)));
+          n && (r = u(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")
@@ -118,18 +109,18 @@ function pr() {
           return r.toString();
         var t = "";
         for (var n in r)
-          u.call(r, n) && r[n] && (t = a(t, this && this[n] || n));
+          i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
     })();
-  }(C)), C.exports;
+  }(R)), R.exports;
 }
-var ur = pr();
-const ar = /* @__PURE__ */ nr(ur), ir = {
+var pr = nr();
+const ir = /* @__PURE__ */ er(pr), ur = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -151,80 +142,87 @@ const ar = /* @__PURE__ */ nr(ur), ir = {
   "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"
-}, or = ar.bind(ir), d = "purpur-button", sr = ({
-  children: e,
-  className: u,
-  ["data-testid"]: p,
-  disabled: i = !1,
-  fullWidth: a = !1,
-  iconOnly: r,
-  loading: t = !1,
-  negative: n = !1,
-  onClick: c,
-  size: f = "md",
-  variant: o,
-  type: g = "button",
-  ...$
-}, S) => {
-  if (r && o === "destructive")
-    return null;
-  const U = or(
-    [
-      d,
-      `${d}--${n ? `${o}-negative` : o}`,
-      `${d}--${f}`
-    ],
-    {
-      [`${d}--icon-only`]: r,
-      [`${d}--negative`]: n,
-      [`${d}--full-width`]: a,
-      [`${d}--disabled`]: i || t
-    },
-    u
-  ), W = (j) => {
-    i || t ? j.preventDefault() : c && c(j);
-  }, A = !!$["aria-disabled"] || i || t;
-  return /* @__PURE__ */ m(
-    "button",
-    {
-      className: U,
-      "data-testid": p,
-      type: g,
-      ref: S,
-      "aria-disabled": A,
-      onClick: W,
-      ...$,
-      children: [
-        t && /* @__PURE__ */ s(er, { size: f === X.LG ? "xs" : "xxs", negative: n, disabled: A }),
-        " ",
-        e
-      ]
-    }
-  );
-}, H = F(sr);
-H.displayName = "Button";
-function lr(e) {
+}, ar = ir.bind(ur), c = "purpur-button", G = z(
+  ({
+    children: e,
+    className: i,
+    disabled: p = !1,
+    fullWidth: a = !1,
+    iconOnly: u,
+    loading: r = !1,
+    negative: t = !1,
+    onClick: n,
+    size: _ = "md",
+    variant: s,
+    type: f = "button",
+    ...b
+  }, $) => {
+    if (u && s === "destructive")
+      return null;
+    const x = ar(
+      [
+        c,
+        `${c}--${t ? `${s}-negative` : s}`,
+        `${c}--${_}`
+      ],
+      {
+        [`${c}--icon-only`]: u,
+        [`${c}--negative`]: t,
+        [`${c}--full-width`]: a,
+        [`${c}--disabled`]: p || r
+      },
+      i
+    ), V = (N) => {
+      p || r ? N.preventDefault() : n && n(N);
+    }, O = !!b["aria-disabled"] || p || r;
+    return /* @__PURE__ */ v(
+      "button",
+      {
+        className: x,
+        type: f,
+        ref: $,
+        "aria-disabled": O,
+        onClick: V,
+        ...b,
+        children: [
+          r && /* @__PURE__ */ o(
+            tr,
+            {
+              size: _ === D.LG ? "xs" : "xxs",
+              negative: t,
+              disabled: O
+            }
+          ),
+          " ",
+          e
+        ]
+      }
+    );
+  }
+);
+G.displayName = "Button";
+function or(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var M = { exports: {} };
+var L = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var E;
-function _r() {
-  return E || (E = 1, function(e) {
+var C;
+function sr() {
+  return C || (C = 1, function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function p() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var n = arguments[t];
-          n && (r = a(r, i(n)));
+          n && (r = u(r, a(n)));
         }
         return r;
       }
-      function i(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -235,18 +233,18 @@ function _r() {
           return r.toString();
         var t = "";
         for (var n in r)
-          u.call(r, n) && r[n] && (t = a(t, n));
+          i.call(r, n) && r[n] && (t = u(t, n));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
     })();
-  }(M)), M.exports;
+  }(L)), L.exports;
 }
-var cr = _r();
-const dr = /* @__PURE__ */ lr(cr), x = {
+var lr = sr();
+const _r = /* @__PURE__ */ or(lr), m = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -262,51 +260,51 @@ const dr = /* @__PURE__ */ lr(cr), x = {
   "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"
-}, fr = {
+}, cr = {
   TITLE100: "title-100"
-}, q = "purpur-heading", V = ({
+}, w = "purpur-heading", F = ({
   children: e,
-  className: u = "",
+  className: i = "",
   enableHyphenation: p = !1,
-  negative: i = !1,
-  tag: a,
-  variant: r = fr.TITLE100,
+  negative: a = !1,
+  tag: u,
+  variant: r = cr.TITLE100,
   ...t
 }) => {
-  const n = a, c = dr([
-    u,
-    x[q],
-    x[`${q}--${r}`],
+  const n = u, _ = _r([
+    i,
+    m[w],
+    m[`${w}--${r}`],
     {
-      [x[`${q}--hyphens`]]: p,
-      [x[`${q}--negative`]]: i
+      [m[`${w}--hyphens`]]: p,
+      [m[`${w}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ s(n, { className: c, ...t, children: e });
+  return /* @__PURE__ */ o(n, { className: _, ...t, children: e });
 };
-V.displayName = "Heading";
-function gr(e) {
+F.displayName = "Heading";
+function dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var I = { exports: {} };
+var M = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Z;
-function hr() {
-  return Z || (Z = 1, function(e) {
+var E;
+function fr() {
+  return E || (E = 1, function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function p() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var n = arguments[t];
-          n && (r = a(r, i.call(this, n)));
+          n && (r = u(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")
@@ -317,18 +315,18 @@ function hr() {
           return r.toString();
         var t = "";
         for (var n in r)
-          u.call(r, n) && r[n] && (t = a(t, this && this[n] || n));
+          i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
     })();
-  }(I)), I.exports;
+  }(M)), M.exports;
 }
-var vr = hr();
-const yr = /* @__PURE__ */ gr(vr), br = {
+var hr = fr();
+const gr = /* @__PURE__ */ dr(hr), vr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -336,107 +334,92 @@ const yr = /* @__PURE__ */ gr(vr), br = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, mr = yr.bind(br), B = "purpur-icon", wr = "md", $r = (e) => e.filter((u) => Object.keys(u).length >= 1).map((u) => `${u.name}="${u.value}"`).join(" "), xr = ({ content: e = "", title: u } = {}) => {
+}, yr = gr.bind(vr), I = "purpur-icon", br = "md", mr = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), wr = ({ content: e = "", title: i } = {}) => {
   const p = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], i = u ? `<title>${u}</title>` : "";
-  return `<svg ${$r(p)}>${i}${e}</svg>`;
-}, qr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), O = ({
-  ["data-testid"]: e,
-  svg: u,
-  allyTitle: p,
-  className: i,
-  size: a = wr,
-  ...r
-}) => {
-  const t = xr({
-    content: qr(u.svg),
-    title: p
-  }), n = mr(i, B, `${B}--${a}`);
-  return /* @__PURE__ */ s(
-    "span",
-    {
-      className: n,
-      "data-testid": e,
-      dangerouslySetInnerHTML: { __html: t },
-      ...r
-    }
-  );
+    i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], a = i ? `<title>${i}</title>` : "";
+  return `<svg ${mr(p)}>${a}${e}</svg>`;
+}, $r = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), S = ({ svg: e, allyTitle: i, className: p, size: a = br, ...u }) => {
+  const r = wr({
+    content: $r(e.svg),
+    title: i
+  }), t = yr(p, I, `${I}--${a}`);
+  return /* @__PURE__ */ o("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...u });
 };
-O.displayName = "Icon";
-const Sr = {
+S.displayName = "Icon";
+const xr = {
   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"
-}, Nr = {
+}, qr = {
   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"
-}, Or = {
+}, 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"
-}, Ar = {
+}, Or = {
   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"
-}, jr = {
+}, Nr = {
   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"
 };
-function kr(e) {
+function Ar(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var T = { exports: {} };
+var Z = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var z;
-function Rr() {
-  return z || (z = 1, function(e) {
+var B;
+function jr() {
+  return B || (B = 1, function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function p() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var n = arguments[t];
-          n && (r = a(r, i(n)));
+          n && (r = u(r, a.call(this, n)));
         }
         return r;
       }
-      function i(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return p.apply(null, r);
+          return p.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 = a(t, n));
+          i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
     })();
-  }(T)), T.exports;
+  }(Z)), Z.exports;
 }
-var Pr = Rr();
-const Cr = /* @__PURE__ */ kr(Pr), y = {
+var kr = jr();
+const Rr = /* @__PURE__ */ Ar(kr), Pr = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -451,75 +434,69 @@ const Cr = /* @__PURE__ */ kr(Pr), 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"
-}, Lr = {
+}, Lr = Rr.bind(Pr), Cr = {
   PARAGRAPH100: "paragraph-100"
-}, b = "purpur-paragraph", D = ({
-  ["data-testid"]: e,
-  children: u,
-  className: p,
-  disabled: i,
+}, g = "purpur-paragraph", H = ({
+  children: e,
+  className: i,
+  disabled: p,
   enableHyphenation: a = !1,
-  negative: r = !1,
-  variant: t = Lr.PARAGRAPH100,
-  ...n
+  negative: u = !1,
+  variant: r = Cr.PARAGRAPH100,
+  ...t
 }) => {
-  const c = Cr([
-    p,
-    y[b],
-    y[`${b}--${t}`],
-    {
-      [y[`${b}--hyphens`]]: a,
-      [y[`${b}--disabled`]]: i,
-      [y[`${b}--negative`]]: r
-    }
-  ]);
-  return /* @__PURE__ */ s("p", { ...n, className: c, "data-testid": e, children: u });
+  const n = Lr(i, g, `${g}--${r}`, {
+    [`${g}--hyphens`]: a,
+    [`${g}--disabled`]: p,
+    [`${g}--negative`]: u
+  });
+  return /* @__PURE__ */ o("p", { ...t, className: n, children: e });
 };
-D.displayName = "Paragraph";
+H.displayName = "Paragraph";
 function Mr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var N = { exports: {} };
+var q = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var G;
+var T;
 function Er() {
-  return G || (G = 1, function(e) {
+  return T || (T = 1, function(e) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var i = {}.hasOwnProperty;
       function p() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var n = arguments[t];
-          n && (r = a(r, i(n)));
+          n && (r = u(r, a.call(this, n)));
         }
         return r;
       }
-      function i(r) {
+      function a(r) {
         if (typeof r == "string" || typeof r == "number")
-          return r;
+          return this && this[r] || r;
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return p.apply(null, r);
+          return p.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 = a(t, n));
+          i.call(r, n) && r[n] && (t = u(t, this && this[n] || n));
         return t;
       }
-      function a(r, t) {
+      function u(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
     })();
-  }(N)), N.exports;
+  }(q)), q.exports;
 }
 var Ir = Er();
-const Zr = /* @__PURE__ */ Mr(Ir), l = {
+const Zr = /* @__PURE__ */ Mr(Ir), Br = {
   "purpur-notification": "_purpur-notification_10qwf_1",
   "purpur-notification__top": "_purpur-notification__top_10qwf_14",
   "purpur-notification__header": "_purpur-notification__header_10qwf_20",
@@ -533,123 +510,123 @@ const Zr = /* @__PURE__ */ Mr(Ir), 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 = {
+}, d = Zr.bind(Br), y = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error",
   INFO: "info"
-}, Dr = Object.values(w), Br = {
+}, Dr = Object.values(y), Tr = {
   POLITE: "polite",
   ASSERTIVE: "assertive"
-}, Ur = Object.values(Br), Tr = {
+}, Ur = Object.values(Tr), zr = {
   ALERT: "alert",
   DIALOG: "dialog",
   ALERTDIALOG: "alertdialog"
-}, Wr = Object.values(Tr), _ = "purpur-notification", zr = (e) => {
+}, Wr = Object.values(zr), l = "purpur-notification", Gr = (e) => {
   switch (e) {
-    case w.INFO:
-      return jr;
-    case w.SUCCESS:
+    case y.INFO:
       return Nr;
-    case w.WARNING:
-      return Sr;
-    case w.ERROR:
-      return Ar;
+    case y.SUCCESS:
+      return qr;
+    case y.WARNING:
+      return xr;
+    case y.ERROR:
+      return Or;
   }
-}, Gr = ({
-  ["data-testid"]: e,
-  ["aria-live"]: u,
-  children: p,
-  className: i,
-  closeButtonAriaLabel: a,
-  headingTag: r = "h4",
-  role: t,
-  status: n = "info",
-  heading: c,
-  hidden: f,
-  id: o,
-  onClose: g,
-  ...$
-}, S) => /* @__PURE__ */ m(
-  "div",
-  {
-    id: o,
-    "aria-labelledby": o ? `${o}-heading` : void 0,
-    "aria-describedby": o ? `${o}-body` : void 0,
-    "aria-live": u,
-    "aria-hidden": !!f,
-    className: Zr(i, l[_], l[`${_}--${n}`], {
-      [l[`${_}--hidden`]]: f,
-      [l[`${_}--has-close-button`]]: !!g
-    }),
-    "data-testid": e,
-    ref: S,
-    role: t,
-    ...$,
-    children: [
-      /* @__PURE__ */ m("div", { className: l[`${_}__top`], children: [
-        /* @__PURE__ */ m("div", { className: l[`${_}__header`], children: [
-          /* @__PURE__ */ s(
-            O,
-            {
-              "data-testid": e ? `${e}-icon` : void 0,
-              className: l[`${_}__icon`],
-              svg: zr(n),
-              size: "md"
-            }
-          ),
-          !!c && /* @__PURE__ */ s(
-            V,
+}, Fr = z(
+  ({
+    ["data-testid"]: e,
+    ["aria-live"]: i,
+    children: p,
+    className: a,
+    closeButtonAriaLabel: u,
+    headingTag: r = "h4",
+    status: t = "info",
+    heading: n,
+    hidden: _,
+    id: s,
+    onClose: f,
+    open: b = !0,
+    ...$
+  }, x) => /* @__PURE__ */ o("div", { "aria-live": i, children: b && /* @__PURE__ */ v(
+    "div",
+    {
+      id: s,
+      "aria-labelledby": s ? `${s}-heading` : void 0,
+      "aria-describedby": s ? `${s}-body` : void 0,
+      "aria-hidden": !!_,
+      className: d(a, l, `${l}--${t}`, {
+        [`${l}--hidden`]: _,
+        [`${l}--has-close-button`]: !!f
+      }),
+      "data-testid": e,
+      ref: x,
+      ...$,
+      children: [
+        /* @__PURE__ */ v("div", { className: d(`${l}__top`), children: [
+          /* @__PURE__ */ v("div", { className: d(`${l}__header`), children: [
+            /* @__PURE__ */ o(
+              S,
+              {
+                "data-testid": e ? `${e}-icon` : void 0,
+                className: d(`${l}__icon`),
+                svg: Gr(t),
+                size: "md"
+              }
+            ),
+            !!n && /* @__PURE__ */ o(
+              F,
+              {
+                "data-testid": e ? `${e}-heading` : void 0,
+                variant: "subsection-100",
+                tag: r,
+                className: d(`${l}__heading`),
+                children: /* @__PURE__ */ v("span", { id: s ? `${s}-heading` : void 0, children: [
+                  " ",
+                  n
+                ] })
+              }
+            )
+          ] }),
+          f && /* @__PURE__ */ o(
+            G,
             {
-              "data-testid": e ? `${e}-heading` : void 0,
-              variant: "subsection-100",
-              tag: r,
-              className: l[`${_}__heading`],
-              children: /* @__PURE__ */ m("span", { id: o ? `${o}-heading` : void 0, children: [
-                " ",
-                c
-              ] })
+              "data-testid": e ? `${e}-close-button` : void 0,
+              variant: "tertiary-purple",
+              size: "sm",
+              iconOnly: !0,
+              "aria-label": u,
+              onClick: f,
+              className: d(`${l}__close-button`),
+              children: /* @__PURE__ */ o(S, { svg: Sr, size: "sm" })
             }
           )
         ] }),
-        g && /* @__PURE__ */ s(
-          H,
+        p && /* @__PURE__ */ o(
+          "div",
           {
-            "data-testid": e ? `${e}-close-button` : void 0,
-            variant: "tertiary-purple",
-            size: "sm",
-            iconOnly: !0,
-            "aria-label": a,
-            onClick: g,
-            className: l[`${_}__close-button`],
-            children: /* @__PURE__ */ s(O, { svg: Or, size: "sm" })
+            "data-testid": e ? `${e}-body` : void 0,
+            className: d(`${l}__body`),
+            id: s ? `${s}-body` : void 0,
+            children: typeof p == "string" ? /* @__PURE__ */ o(
+              H,
+              {
+                "data-testid": e ? `${e}-paragraph` : void 0,
+                variant: "paragraph-100",
+                children: p
+              }
+            ) : p
           }
         )
-      ] }),
-      p && /* @__PURE__ */ s(
-        "div",
-        {
-          "data-testid": e ? `${e}-body` : void 0,
-          className: l[`${_}__body`],
-          id: o ? `${o}-body` : void 0,
-          children: typeof p == "string" ? /* @__PURE__ */ s(
-            D,
-            {
-              "data-testid": e ? `${e}-paragraph` : void 0,
-              variant: "paragraph-100",
-              children: p
-            }
-          ) : p
-        }
-      )
-    ]
-  }
-), Fr = F(Gr);
+      ]
+    }
+  ) })
+);
 Fr.displayName = "Notification";
 export {
-  Br as NOTIFICATION_ARIA_LIVE,
-  Tr as NOTIFICATION_ROLE,
-  w as NOTIFICATION_STATUS,
+  Tr as NOTIFICATION_ARIA_LIVE,
+  zr as NOTIFICATION_ROLE,
+  y as NOTIFICATION_STATUS,
   Fr as Notification,
   Ur as notificationAriaLiveValues,
   Wr as notificationRoles,