@purpurds/promotion-card 7.10.1 → 7.12.0

package/dist/promotion-card.es.js

@@ -1,6 +1,6 @@
-import { jsxs as c, jsx as u, Fragment as zr } from "react/jsx-runtime";
-import { forwardRef as kr } from "react";
-function Rr(e) {
+import { jsxs as c, jsx as u, Fragment as Rr } from "react/jsx-runtime";
+import { forwardRef as Nr } from "react";
+function Lr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Q = { exports: {} };
@@ -10,18 +10,18 @@ var Q = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var X;
-function Lr() {
+function Dr() {
   return X || (X = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o.call(this, i)));
+          i && (r = p(r, n.call(this, i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -32,7 +32,7 @@ function Lr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          o.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
       function p(r, t) {
@@ -42,8 +42,8 @@ function Lr() {
     })();
   }(Q)), Q.exports;
 }
-var Dr = Lr();
-const Pr = /* @__PURE__ */ Rr(Dr), Hr = {
+var Pr = Dr();
+const Hr = /* @__PURE__ */ Lr(Pr), Tr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -51,22 +51,22 @@ const Pr = /* @__PURE__ */ Rr(Dr), Hr = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Tr = Pr.bind(Hr), rr = "purpur-icon", Vr = "md", Wr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Kr = ({ content: e = "", title: n } = {}) => {
+}, qr = Hr.bind(Tr), rr = "purpur-icon", Vr = "md", Wr = (e) => e.filter((o) => Object.keys(o).length >= 1).map((o) => `${o.name}="${o.value}"`).join(" "), Kr = ({ content: e = "", title: o } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], o = n ? `<title>${n}</title>` : "";
-  return `<svg ${Wr(a)}>${o}${e}</svg>`;
-}, Yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Nr = ({ svg: e, allyTitle: n, className: a, size: o = Vr, ...p }) => {
+    o ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], n = o ? `<title>${o}</title>` : "";
+  return `<svg ${Wr(a)}>${n}${e}</svg>`;
+}, Yr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Or = ({ svg: e, allyTitle: o, className: a, size: n = Vr, ...p }) => {
   const r = Kr({
     content: Yr(e.svg),
-    title: n
-  }), t = Tr(a, rr, `${rr}--${o}`);
+    title: o
+  }), t = qr(a, rr, `${rr}--${n}`);
   return /* @__PURE__ */ u("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-Nr.displayName = "Icon";
+Or.displayName = "Icon";
 const Jr = {
   name: "alert",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m13.038 7.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.586 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.664 0 1.25.601 1.25 1.234Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
@@ -108,7 +108,7 @@ const Jr = {
   keywords: ["tag"],
   category: "other"
 };
-function ne(e) {
+function oe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var er = { exports: {} };
@@ -118,18 +118,18 @@ var er = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var tr;
-function oe() {
+function ne() {
   return tr || (tr = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o(i)));
+          i && (r = p(r, n(i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -140,7 +140,7 @@ function oe() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, i));
+          o.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
       function p(r, t) {
@@ -150,8 +150,8 @@ function oe() {
     })();
   }(er)), er.exports;
 }
-var pe = oe();
-const ar = /* @__PURE__ */ ne(pe), R = {
+var pe = ne();
+const ar = /* @__PURE__ */ oe(pe), L = {
   "purpur-badge": "_purpur-badge_1mlzj_1",
   "purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
   "purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
@@ -163,7 +163,7 @@ const ar = /* @__PURE__ */ ne(pe), R = {
   "purpur-badge--warning": "_purpur-badge--warning_1mlzj_41",
   "purpur-badge--error": "_purpur-badge--error_1mlzj_45",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1mlzj_49"
-}, L = "purpur-badge", g = {
+}, D = "purpur-badge", h = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -175,45 +175,45 @@ const ar = /* @__PURE__ */ ne(pe), R = {
   WARNING: "warning"
 }, ue = (e) => {
   switch (e) {
-    case g.ATTENTION:
-    case g.SPECIAL:
+    case h.ATTENTION:
+    case h.SPECIAL:
       return te;
-    case g.INFORMATION:
+    case h.INFORMATION:
       return ee;
-    case g.GENERAL:
+    case h.GENERAL:
       return Xr;
-    case g.SUCCESS:
+    case h.SUCCESS:
       return Qr;
-    case g.WARNING:
+    case h.WARNING:
       return Jr;
-    case g.ERROR:
+    case h.ERROR:
       return re;
-    case g.NEUTRAL:
+    case h.NEUTRAL:
       return ae;
-    case g.BLACK_FRIDAY:
+    case h.BLACK_FRIDAY:
       return ie;
     default:
       return;
   }
 }, le = ({
   children: e,
-  showIcon: n = !0,
+  showIcon: o = !0,
   iconAllyTitle: a,
-  variant: o,
+  variant: n,
   ["data-testid"]: p,
   className: r = "",
   ...t
 }) => {
-  const i = ue(o), s = ar([r, R[L], R[`${L}--${o}`]]);
+  const i = ue(n), s = ar([r, L[D], L[`${D}--${n}`]]);
   return /* @__PURE__ */ c("span", { className: s, "data-testid": p, ...t, children: [
-    n && i && /* @__PURE__ */ u(
-      Nr,
+    o && i && /* @__PURE__ */ u(
+      Or,
       {
         "data-testid": `${p}-icon`,
         allyTitle: a,
         size: "xs",
         svg: i,
-        className: ar(R[`${L}__icon`])
+        className: ar(L[`${D}__icon`])
       }
     ),
     e
@@ -228,19 +228,19 @@ var ir = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var nr;
+var or;
 function de() {
-  return nr || (nr = 1, function(e) {
+  return or || (or = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o.call(this, i)));
+          i && (r = p(r, n.call(this, i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -251,7 +251,7 @@ function de() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          o.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
       function p(r, t) {
@@ -270,25 +270,25 @@ const _ = /* @__PURE__ */ se(ce), _e = {
 function fe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var or = { exports: {} };
+var nr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
 var pr;
-function he() {
+function ge() {
   return pr || (pr = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o.call(this, i)));
+          i && (r = p(r, n.call(this, i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -299,7 +299,7 @@ function he() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          o.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
       function p(r, t) {
@@ -307,10 +307,10 @@ function he() {
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
     })();
-  }(or)), or.exports;
+  }(nr)), nr.exports;
 }
-var ge = he();
-const me = /* @__PURE__ */ fe(ge), ve = {
+var he = ge();
+const me = /* @__PURE__ */ fe(he), ve = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -318,22 +318,22 @@ const me = /* @__PURE__ */ fe(ge), ve = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ye = me.bind(ve), ur = "purpur-icon", we = "md", xe = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), be = ({ content: e = "", title: n } = {}) => {
+}, ye = me.bind(ve), ur = "purpur-icon", we = "md", xe = (e) => e.filter((o) => Object.keys(o).length >= 1).map((o) => `${o.name}="${o.value}"`).join(" "), be = ({ content: e = "", title: o } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], o = n ? `<title>${n}</title>` : "";
-  return `<svg ${xe(a)}>${o}${e}</svg>`;
-}, Ce = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Or = ({ svg: e, allyTitle: n, className: a, size: o = we, ...p }) => {
+    o ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], n = o ? `<title>${o}</title>` : "";
+  return `<svg ${xe(a)}>${n}${e}</svg>`;
+}, Ce = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({ svg: e, allyTitle: o, className: a, size: n = we, ...p }) => {
   const r = be({
     content: Ce(e.svg),
-    title: n
-  }), t = ye(a, ur, `${ur}--${o}`);
+    title: o
+  }), t = ye(a, ur, `${ur}--${n}`);
   return /* @__PURE__ */ u("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-Or.displayName = "Icon";
+Mr.displayName = "Icon";
 const Se = {
   name: "alert",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="m13.038 7.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.586 1.234-1.25 1.234-.649 0-1.25-.585-1.25-1.234 0-.633.601-1.234 1.25-1.234.664 0 1.25.601 1.25 1.234Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
@@ -359,23 +359,23 @@ const Se = {
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 8.18c0 .537.469.979 1.007.979.524 0 .993-.442.993-.98s-.469-.979-.993-.979c-.538 0-1.007.441-1.007.98Zm.152 1.958v6.897h1.696v-6.897h-1.696Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["info"],
   category: "status"
-}, ke = {
+}, Ne = {
   name: "offering",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.118 4.6H7a1.9 1.9 0 0 0-1.9 1.9V8a1.9 1.9 0 0 0 1.5 1.858v.642a.9.9 0 1 0 1.8 0v-.6h3.2v.6a.9.9 0 0 0 1.8 0v-.6h3.7V11a.9.9 0 0 0 1.8 0V9.858A1.9 1.9 0 0 0 20.4 8V6.5a1.9 1.9 0 0 0-1.9-1.9h-.618c-.063-.708-.3-1.394-.756-1.943-.56-.674-1.384-1.057-2.376-1.057-.92 0-1.696.33-2.25.915-.554-.585-1.33-.915-2.25-.915-.992 0-1.816.383-2.376 1.057-.457.549-.693 1.235-.756 1.943Zm1.812 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm4.5 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm-.03 3.5h5.1a.1.1 0 0 0 .1-.1V6.5a.1.1 0 0 0-.1-.1h-5.1v1.7Zm-1.8-1.7H7a.1.1 0 0 0-.1.1V8a.1.1 0 0 0 .1.1h4.6V6.4Zm8.335 5.147c.743-.107 1.52.135 2.201.817.474.473.695 1.011.708 1.548.012.508-.163.927-.318 1.2-.185.326-.47.607-.634.77l-.049.047-4.414 4.414a1.9 1.9 0 0 1-1.343.557H7.914a.1.1 0 0 0-.07.03l-.5.5a1.9 1.9 0 0 1-2.687 0L2.57 19.342a1.9 1.9 0 0 1 0-2.686l4-4a1.9 1.9 0 0 1 1.343-.557H14.5v.9-.9h.041l.065.004a2.73 2.73 0 0 1 .79.185 2.665 2.665 0 0 1 1.46 1.417c.188-.162.375-.324.551-.479.46-.401.815-.722.957-.863.338-.34.882-.719 1.571-.817ZM15.088 15.1a1.06 1.06 0 0 0 .08-.145c.1-.207.113-.38.027-.553a.867.867 0 0 0-.668-.497.628.628 0 0 0-.042-.005h-6.57a.1.1 0 0 0-.071.03l-4 4a.1.1 0 0 0 0 .14l2.085 2.087a.1.1 0 0 0 .142 0l.5-.5a1.9 1.9 0 0 1 1.343-.557h8.172a.1.1 0 0 0 .07-.03l4.415-4.414c.225-.225.334-.335.39-.434a.539.539 0 0 0 .083-.266.283.283 0 0 0-.026-.11.712.712 0 0 0-.154-.21c-.319-.318-.542-.326-.674-.307-.186.026-.392.146-.554.307-.191.192-.595.553-1.043.946-.904.79-2.143 1.838-2.561 2.144l-.238.174H10.5a.9.9 0 0 1 0-1.8h4.588Z" clip-rule="evenodd"/></svg>',
   keywords: ["offering"],
   category: "other"
-}, Ne = {
+}, Oe = {
   name: "question",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13.672 12.056c-.635.547-1.242 1.07-1.164 2.062h-1.385c-.309-1.553.504-2.214 1.23-2.805.514-.419.986-.802.986-1.442 0-.593-.489-1.068-1.267-1.068-.764 0-1.345.422-1.872 1.187L9 9.067C9.712 7.92 10.807 7.3 12.086 7.3 13.906 7.3 15 8.42 15 9.78c0 1.133-.678 1.717-1.328 2.277Zm-.822 3.763c0 .54-.487 1.028-1.041 1.028-.554 0-1.042-.488-1.042-1.028 0-.528.488-1.029 1.042-1.029s1.042.501 1.042 1.029Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["question"],
   category: "status"
-}, Oe = {
+}, Me = {
   name: "tag",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 4a.9.9 0 0 1 .9-.9h6.5a.9.9 0 0 1 .636.264l10 10a.9.9 0 0 1 0 1.272l-4.5 4.5a.9.9 0 1 1-1.272-1.272L19.227 14l-9.1-9.1H4.9v5.227l9.736 9.737a.9.9 0 1 1-1.272 1.272l-10-10A.9.9 0 0 1 3.1 10.5V4ZM8 7.4a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2ZM5.6 8a2.4 2.4 0 1 1 4.8 0 2.4 2.4 0 0 1-4.8 0Z" clip-rule="evenodd"/></svg>',
   keywords: ["tag"],
   category: "other"
 };
-function Me(e) {
+function Ge(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var lr = { exports: {} };
@@ -385,18 +385,18 @@ var lr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var sr;
-function Ge() {
+function je() {
   return sr || (sr = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o(i)));
+          i && (r = p(r, n(i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -407,7 +407,7 @@ function Ge() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, i));
+          o.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
       function p(r, t) {
@@ -417,8 +417,8 @@ function Ge() {
     })();
   }(lr)), lr.exports;
 }
-var je = Ge();
-const dr = /* @__PURE__ */ Me(je), D = {
+var Ze = je();
+const dr = /* @__PURE__ */ Ge(Ze), P = {
   "purpur-badge": "_purpur-badge_1mlzj_1",
   "purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
   "purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
@@ -430,7 +430,7 @@ const dr = /* @__PURE__ */ Me(je), D = {
   "purpur-badge--warning": "_purpur-badge--warning_1mlzj_41",
   "purpur-badge--error": "_purpur-badge--error_1mlzj_45",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1mlzj_49"
-}, P = "purpur-badge", m = {
+}, H = "purpur-badge", m = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -440,11 +440,11 @@ const dr = /* @__PURE__ */ Me(je), D = {
   SPECIAL: "special",
   SUCCESS: "success",
   WARNING: "warning"
-}, Ze = (e) => {
+}, Ee = (e) => {
   switch (e) {
     case m.ATTENTION:
     case m.SPECIAL:
-      return ke;
+      return Ne;
     case m.INFORMATION:
       return Be;
     case m.GENERAL:
@@ -456,87 +456,87 @@ const dr = /* @__PURE__ */ Me(je), D = {
     case m.ERROR:
       return Fe;
     case m.NEUTRAL:
-      return Ne;
-    case m.BLACK_FRIDAY:
       return Oe;
+    case m.BLACK_FRIDAY:
+      return Me;
     default:
       return;
   }
-}, Ee = ({
+}, ke = ({
   children: e,
-  showIcon: n = !0,
+  showIcon: o = !0,
   iconAllyTitle: a,
-  variant: o,
+  variant: n,
   ["data-testid"]: p,
   className: r = "",
   ...t
 }) => {
-  const i = Ze(o), s = dr([r, D[P], D[`${P}--${o}`]]);
+  const i = Ee(n), s = dr([r, P[H], P[`${H}--${n}`]]);
   return /* @__PURE__ */ c("span", { className: s, "data-testid": p, ...t, children: [
-    n && i && /* @__PURE__ */ u(
-      Or,
+    o && i && /* @__PURE__ */ u(
+      Mr,
       {
         "data-testid": `${p}-icon`,
         allyTitle: a,
         size: "xs",
         svg: i,
-        className: dr(D[`${P}__icon`])
+        className: dr(P[`${H}__icon`])
       }
     ),
     e
   ] });
 }, Ue = {
   "purpur-card-badge": "_purpur-card-badge_k9ziu_1"
-}, Ie = _.bind(Ue), qe = "purpur-card-badge", ze = ({
+}, Ie = _.bind(Ue), ze = "purpur-card-badge", Re = ({
   ["data-testid"]: e = "purpur-card-badge",
-  variant: n,
+  variant: o,
   text: a
-}) => n && a ? /* @__PURE__ */ u(
-  Ee,
+}) => o && a ? /* @__PURE__ */ u(
+  ke,
   {
-    className: Ie(qe),
-    variant: n,
+    className: Ie(ze),
+    variant: o,
     showIcon: !1,
     "data-testid": e,
     children: a
   }
-) : null, Re = {
+) : null, Le = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
-}, Le = _.bind(Re), De = "purpur-card-content", Pe = ({
+}, De = _.bind(Le), Pe = "purpur-card-content", He = ({
   ["data-testid"]: e = "purpur-card-content",
-  children: n,
+  children: o,
   className: a,
-  ...o
-}) => /* @__PURE__ */ u("div", { className: Le(De, a), "data-testid": e, ...o, children: n }), He = {
+  ...n
+}) => /* @__PURE__ */ u("div", { className: De(Pe, a), "data-testid": e, ...n, children: o }), Te = {
   "purpur-card-content-container": "_purpur-card-content-container_5c1mb_1",
   "purpur-card-content-container--full-height": "_purpur-card-content-container--full-height_5c1mb_6",
   "purpur-card-content-container--footer": "_purpur-card-content-container--footer_5c1mb_14",
   "purpur-card-content-container--gap-size--sm": "_purpur-card-content-container--gap-size--sm_5c1mb_22",
   "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_5c1mb_25",
   "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_5c1mb_28"
-}, Te = _.bind(He), O = "purpur-card-content-container", Ve = ({
+}, qe = _.bind(Te), M = "purpur-card-content-container", Ve = ({
   ["data-testid"]: e = "purpur-card-content-container",
-  children: n,
+  children: o,
   className: a,
-  isFooter: o = !1,
+  isFooter: n = !1,
   fullHeight: p = !1,
   gapSize: r = "md",
   ...t
 }) => /* @__PURE__ */ u(
   "div",
   {
-    className: Te([
-      O,
+    className: qe([
+      M,
       a,
-      `${O}--gap-size--${r}`,
+      `${M}--gap-size--${r}`,
       {
-        [`${O}--full-height`]: p,
-        [`${O}--footer`]: o
+        [`${M}--full-height`]: p,
+        [`${M}--footer`]: n
       }
     ]),
     "data-testid": e,
     ...t,
-    children: n
+    children: o
   }
 );
 function We(e) {
@@ -552,15 +552,15 @@ var _r;
 function Ke() {
   return _r || (_r = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o.call(this, i)));
+          i && (r = p(r, n.call(this, i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -571,7 +571,7 @@ function Ke() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          o.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
       function p(r, t) {
@@ -598,15 +598,15 @@ const Je = /* @__PURE__ */ We(Ye), Qe = "_rotate_12t9p_1", Xe = "_dash_12t9p_1",
   SM: "sm"
 }, tt = ({
   disabled: e = !1,
-  negative: n = !1,
+  negative: o = !1,
   size: a = et.SM,
-  ...o
-}) => /* @__PURE__ */ u("div", { className: fr($, `${$}--${a}`), ...o, children: /* @__PURE__ */ u("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ u(
+  ...n
+}) => /* @__PURE__ */ u("div", { className: fr($, `${$}--${a}`), ...n, children: /* @__PURE__ */ u("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ u(
   "circle",
   {
     className: fr(`${$}__circle`, {
       [`${$}__circle--disabled`]: e,
-      [`${$}__circle--negative`]: n
+      [`${$}__circle--negative`]: o
     }),
     cx: "25",
     cy: "25",
@@ -631,11 +631,11 @@ const Je = /* @__PURE__ */ We(Ye), Qe = "_rotate_12t9p_1", Xe = "_dash_12t9p_1",
   "purpur-card-cta--secondary": "_purpur-card-cta--secondary_1wc0z_131",
   "purpur-card-cta--disabled": "_purpur-card-cta--disabled_1wc0z_131",
   "purpur-card-cta--text": "_purpur-card-cta--text_1wc0z_139"
-}, it = _.bind(at), v = "purpur-card-cta", nt = ({
+}, it = _.bind(at), v = "purpur-card-cta", ot = ({
   ["data-testid"]: e = "purpur-card-cta",
-  className: n,
+  className: o,
   children: a,
-  disabled: o = !1,
+  disabled: n = !1,
   iconPosition: p = "right",
   loading: r = !1,
   text: t,
@@ -646,9 +646,9 @@ const Je = /* @__PURE__ */ We(Ye), Qe = "_rotate_12t9p_1", Xe = "_dash_12t9p_1",
   {
     className: `${it([
       v,
-      n,
+      o,
       {
-        [`${v}--disabled`]: o,
+        [`${v}--disabled`]: n,
         [`${v}--text`]: !!t,
         [`${v}--cta-styling`]: i,
         [`${v}--button-styling`]: !i,
@@ -659,35 +659,35 @@ const Je = /* @__PURE__ */ We(Ye), Qe = "_rotate_12t9p_1", Xe = "_dash_12t9p_1",
     ])} ${v}`,
     "data-testid": e,
     ...s,
-    children: r ? /* @__PURE__ */ u(tt, { "data-testid": `${e}-spinner`, size: "xs", disabled: o }) : /* @__PURE__ */ c(zr, { children: [
+    children: r ? /* @__PURE__ */ u(tt, { "data-testid": `${e}-spinner`, size: "xs", disabled: n }) : /* @__PURE__ */ c(Rr, { children: [
       p === "left" && a,
       t,
       p === "right" && a
     ] })
   }
 );
-function ot(e) {
+function nt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var hr = { exports: {} };
+var gr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var gr;
+var hr;
 function pt() {
-  return gr || (gr = 1, function(e) {
+  return hr || (hr = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o.call(this, i)));
+          i && (r = p(r, n.call(this, i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -698,7 +698,7 @@ function pt() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          o.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
       function p(r, t) {
@@ -706,10 +706,10 @@ function pt() {
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
     })();
-  }(hr)), hr.exports;
+  }(gr)), gr.exports;
 }
 var ut = pt();
-const lt = /* @__PURE__ */ ot(ut), st = {
+const lt = /* @__PURE__ */ nt(ut), st = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -717,29 +717,29 @@ const lt = /* @__PURE__ */ ot(ut), st = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, dt = lt.bind(st), mr = "purpur-icon", ct = "md", _t = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), ft = ({ content: e = "", title: n } = {}) => {
+}, dt = lt.bind(st), mr = "purpur-icon", ct = "md", _t = (e) => e.filter((o) => Object.keys(o).length >= 1).map((o) => `${o.name}="${o.value}"`).join(" "), ft = ({ content: e = "", title: o } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
-    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], o = n ? `<title>${n}</title>` : "";
-  return `<svg ${_t(a)}>${o}${e}</svg>`;
-}, ht = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Mr = ({ svg: e, allyTitle: n, className: a, size: o = ct, ...p }) => {
+    o ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], n = o ? `<title>${o}</title>` : "";
+  return `<svg ${_t(a)}>${n}${e}</svg>`;
+}, gt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({ svg: e, allyTitle: o, className: a, size: n = ct, ...p }) => {
   const r = ft({
-    content: ht(e.svg),
-    title: n
-  }), t = dt(a, mr, `${mr}--${o}`);
+    content: gt(e.svg),
+    title: o
+  }), t = dt(a, mr, `${mr}--${n}`);
   return /* @__PURE__ */ u("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...p });
 };
-Mr.displayName = "Icon";
-const gt = {
+Gr.displayName = "Icon";
+const ht = {
   name: "checkmark",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M21.06 3.795a.9.9 0 0 1 .145 1.264l-11.5 14.5a.9.9 0 0 1-1.341.077l-6-6a.9.9 0 0 1 1.272-1.272l5.286 5.286L19.795 3.94a.9.9 0 0 1 1.264-.145Z" clip-rule="evenodd"/></svg>',
   keywords: ["checkmark"],
   category: "utility"
-}, Gr = (e) => /* @__PURE__ */ u(Mr, { ...e, svg: gt });
-Gr.displayName = "IconCheckmark";
+}, jr = (e) => /* @__PURE__ */ u(Gr, { ...e, svg: ht });
+jr.displayName = "IconCheckmark";
 function mt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -753,15 +753,15 @@ var yr;
 function vt() {
   return yr || (yr = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o.call(this, i)));
+          i && (r = p(r, n.call(this, i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -772,7 +772,7 @@ function vt() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          o.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
       function p(r, t) {
@@ -802,15 +802,15 @@ const wt = /* @__PURE__ */ mt(yt), xt = {
   PARAGRAPH100: "paragraph-100"
 }, A = "purpur-paragraph", J = ({
   children: e,
-  className: n,
+  className: o,
   disabled: a,
-  enableHyphenation: o = !1,
+  enableHyphenation: n = !1,
   negative: p = !1,
   variant: r = Ct.PARAGRAPH100,
   ...t
 }) => {
-  const i = bt(n, A, `${A}--${r}`, {
-    [`${A}--hyphens`]: o,
+  const i = bt(o, A, `${A}--${r}`, {
+    [`${A}--hyphens`]: n,
     [`${A}--disabled`]: a,
     [`${A}--negative`]: p
   });
@@ -821,16 +821,16 @@ const St = {
   "purpur-card-feature-list": "_purpur-card-feature-list_1hnss_1",
   "purpur-card-feature-list__list-item": "_purpur-card-feature-list__list-item_1hnss_7",
   "purpur-card-feature-list__icon": "_purpur-card-feature-list__icon_1hnss_12"
-}, H = _.bind(St), T = "purpur-card-feature-list", $t = ({
+}, T = _.bind(St), q = "purpur-card-feature-list", $t = ({
   ["data-testid"]: e = "purpur-card-feature-list",
-  listItems: n
-}) => n && n.length > 0 ? /* @__PURE__ */ u("ul", { className: H(T), "data-testid": e, children: n.map((a) => /* @__PURE__ */ c(
+  listItems: o
+}) => o && o.length > 0 ? /* @__PURE__ */ u("ul", { className: T(q), "data-testid": e, children: o.map((a) => /* @__PURE__ */ c(
   "li",
   {
-    className: H(`${T}__list-item`),
+    className: T(`${q}__list-item`),
     "data-testid": `${e}-item`,
     children: [
-      /* @__PURE__ */ u(Gr, { size: "xs", className: H(`${T}__icon`) }),
+      /* @__PURE__ */ u(jr, { size: "xs", className: T(`${q}__icon`) }),
       /* @__PURE__ */ u(J, { children: a })
     ]
   },
@@ -849,15 +849,15 @@ var xr;
 function Ft() {
   return xr || (xr = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o(i)));
+          i && (r = p(r, n(i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -868,7 +868,7 @@ function Ft() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, i));
+          o.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
       function p(r, t) {
@@ -879,60 +879,64 @@ function Ft() {
   }(wr)), wr.exports;
 }
 var Bt = Ft();
-const kt = /* @__PURE__ */ At(Bt), M = {
-  "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"
-}, Nt = {
+const Nt = /* @__PURE__ */ At(Bt), G = {
+  "purpur-heading": "_purpur-heading_vo751_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
+  "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_vo751_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_vo751_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_vo751_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_vo751_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_vo751_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_vo751_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_vo751_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_vo751_56",
+  "purpur-heading--display-5": "_purpur-heading--display-5_vo751_62",
+  "purpur-heading--display-10": "_purpur-heading--display-10_vo751_68",
+  "purpur-heading--display-15": "_purpur-heading--display-15_vo751_74",
+  "purpur-heading--display-20": "_purpur-heading--display-20_vo751_80",
+  "purpur-heading--display-25": "_purpur-heading--display-25_vo751_86",
+  "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
+  "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
+  "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
+}, Ot = {
   TITLE100: "title-100"
-}, G = "purpur-heading", jr = ({
+}, j = "purpur-heading", Zr = ({
   children: e,
-  className: n = "",
+  className: o = "",
   enableHyphenation: a = !1,
-  negative: o = !1,
+  negative: n = !1,
   tag: p,
-  variant: r = Nt.TITLE100,
+  variant: r = Ot.TITLE100,
   ...t
 }) => {
-  const i = p, s = kt([
-    n,
-    M[G],
-    M[`${G}--${r}`],
+  const i = p, s = Nt([
+    o,
+    G[j],
+    G[`${j}--${r}`],
     {
-      [M[`${G}--hyphens`]]: a,
-      [M[`${G}--negative`]]: o
+      [G[`${j}--hyphens`]]: a,
+      [G[`${j}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ u(i, { className: s, ...t, children: e });
 };
-jr.displayName = "Heading";
-const Ot = {
+Zr.displayName = "Heading";
+const Mt = {
   "purpur-card-heading": "_purpur-card-heading_j3j6u_1",
   "purpur-card-heading__header": "_purpur-card-heading__header_j3j6u_6",
   "purpur-card-heading__heading": "_purpur-card-heading__heading_j3j6u_11",
   "purpur-card-heading__icon": "_purpur-card-heading__icon_j3j6u_14"
-}, Mt = {
+}, Gt = {
   "purpur-card-trigger-item--link": "_purpur-card-trigger-item--link_t6ena_1",
   "purpur-card-trigger-item--button": "_purpur-card-trigger-item--button_t6ena_5",
   "purpur-card-trigger-item--disabled": "_purpur-card-trigger-item--disabled_t6ena_18",
   "purpur-card-trigger-item": "_purpur-card-trigger-item_t6ena_1"
-}, br = _.bind(Mt), w = "purpur-card-trigger-item", Gt = ({
+}, br = _.bind(Gt), w = "purpur-card-trigger-item", jt = ({
   ["data-testid"]: e = "purpur-card-trigger-item",
-  ["aria-label"]: n,
+  ["aria-label"]: o,
   disabled: a = !1,
-  href: o,
+  href: n,
   onClick: p,
   children: r,
   linkElement: t = "a"
@@ -940,11 +944,11 @@ const Ot = {
   const i = (x) => {
     a ? x.preventDefault() : p && p();
   }, s = `${w} ${a ? `${w}--disabled` : ""}`;
-  return o ? /* @__PURE__ */ u(
+  return n ? /* @__PURE__ */ u(
     t,
     {
       "aria-disabled": a,
-      "aria-label": n,
+      "aria-label": o,
       className: `${br([
         w,
         `${w}--link`,
@@ -953,7 +957,7 @@ const Ot = {
         }
       ])} ${s}`,
       "data-testid": e,
-      href: a ? void 0 : o,
+      href: a ? void 0 : n,
       tabIndex: a ? 0 : void 0,
       onClick: i,
       children: r
@@ -962,7 +966,7 @@ const Ot = {
     "button",
     {
       "aria-disabled": a,
-      "aria-label": n,
+      "aria-label": o,
       className: `${br([
         w,
         `${w}--button`,
@@ -976,11 +980,11 @@ const Ot = {
       children: r
     }
   );
-}, j = _.bind(Ot), b = "purpur-card-heading", jt = ({
+}, Z = _.bind(Mt), b = "purpur-card-heading", Zt = ({
   ["data-testid"]: e = "purpur-card-heading",
-  ["aria-label"]: n,
+  ["aria-label"]: o,
   title: a,
-  icon: o,
+  icon: n,
   children: p,
   titleTag: r = "h2",
   enableHyphenation: t,
@@ -989,27 +993,27 @@ const Ot = {
   disabled: x = !1,
   linkElement: U = "a",
   variant: I = "title-100",
-  ...q
+  ...z
 }) => {
-  const B = j(b, {
+  const B = Z(b, {
     [`${b}--is-interactive`]: i || s,
     [`${b}--disabled`]: x
   });
   return /* @__PURE__ */ c("div", { className: B, "data-testid": e, children: [
-    /* @__PURE__ */ c("div", { className: j(`${b}__header`), children: [
-      o && /* @__PURE__ */ u("div", { className: j(`${b}__icon`), children: o }),
+    /* @__PURE__ */ c("div", { className: Z(`${b}__header`), children: [
+      n && /* @__PURE__ */ u("div", { className: Z(`${b}__icon`), children: n }),
       /* @__PURE__ */ u(
-        jr,
+        Zr,
         {
           tag: r,
-          className: j(`${b}__heading`),
+          className: Z(`${b}__heading`),
           variant: I,
           enableHyphenation: t,
-          ...q,
+          ...z,
           children: i || s ? /* @__PURE__ */ u(
-            Gt,
+            jt,
             {
-              "aria-label": n,
+              "aria-label": o,
               disabled: x,
               href: s,
               onClick: i,
@@ -1022,46 +1026,46 @@ const Ot = {
     ] }),
     p
   ] });
-}, Zt = {
+}, Et = {
   "purpur-card-media": "_purpur-card-media_udc1o_1"
-}, Et = _.bind(Zt), Ut = "purpur-card-media", It = ({
+}, kt = _.bind(Et), Ut = "purpur-card-media", It = ({
   ["data-testid"]: e = "purpur-card-media",
-  className: n,
+  className: o,
   children: a,
-  ...o
-}) => /* @__PURE__ */ u("div", { ...o, className: Et([Ut, n]), "data-testid": e, children: a }), qt = {
+  ...n
+}) => /* @__PURE__ */ u("div", { ...n, className: kt([Ut, o]), "data-testid": e, children: a }), zt = {
   "purpur-card-media-layout": "_purpur-card-media-layout_1tkaa_1",
   "purpur-card-media-layout--image-top": "_purpur-card-media-layout--image-top_1tkaa_11"
-}, zt = _.bind(qt), Cr = "purpur-card-media-layout", Rt = ({
+}, Rt = _.bind(zt), Cr = "purpur-card-media-layout", Lt = ({
   ["data-testid"]: e = "purpur-card-media-layout",
-  className: n,
+  className: o,
   children: a,
-  imageTop: o = !1,
+  imageTop: n = !1,
   ...p
 }) => /* @__PURE__ */ u(
   "div",
   {
     ...p,
-    className: zt(Cr, n, { [`${Cr}--image-top`]: o }),
+    className: Rt(Cr, o, { [`${Cr}--image-top`]: n }),
     "data-testid": e,
     children: a
   }
-), Lt = {
+), Dt = {
   "purpur-card-overline": "_purpur-card-overline_qhfj0_1"
-}, Dt = _.bind(Lt), Pt = "purpur-card-overline", Ht = ({
+}, Pt = _.bind(Dt), Ht = "purpur-card-overline", Tt = ({
   ["data-testid"]: e = "purpur-card-overline",
-  overline: n
-}) => n ? /* @__PURE__ */ u(J, { variant: "overline-100", className: Dt(Pt), "data-testid": e, children: n }) : null, Tt = {
+  overline: o
+}) => o ? /* @__PURE__ */ u(J, { variant: "overline-100", className: Pt(Ht), "data-testid": e, children: o }) : null, qt = {
   "purpur-card-root": "_purpur-card-root_eupww_1",
   "purpur-card-root--primary": "_purpur-card-root--primary_eupww_7",
   "purpur-card-root--secondary": "_purpur-card-root--secondary_eupww_10",
   "purpur-card-root--full-height": "_purpur-card-root--full-height_eupww_13"
-}, Vt = _.bind(Tt), V = "purpur-card-root", Zr = kr(
+}, Vt = _.bind(qt), V = "purpur-card-root", Er = Nr(
   ({
     ["data-testid"]: e = "purpur-card-root",
-    children: n,
+    children: o,
     className: a,
-    fullHeight: o = !0,
+    fullHeight: n = !0,
     variant: p,
     ...r
   }, t) => {
@@ -1070,34 +1074,34 @@ const Ot = {
       a,
       {
         [`${V}--${p}`]: p,
-        [`${V}--full-height`]: o
+        [`${V}--full-height`]: n
       }
     ]);
-    return /* @__PURE__ */ u("div", { className: i, "data-testid": e, ref: t, ...r, children: n });
+    return /* @__PURE__ */ u("div", { className: i, "data-testid": e, ref: t, ...r, children: o });
   }
 );
-Zr.displayName = "CardRoot";
-const W = _.bind(_e), K = "purpur-card", f = ({ children: e, className: n, ...a }) => {
-  const o = W([K, n]);
+Er.displayName = "CardRoot";
+const W = _.bind(_e), K = "purpur-card", f = ({ children: e, className: o, ...a }) => {
+  const n = W([K, o]);
   return /* @__PURE__ */ u(
     "div",
     {
       className: W(`${K}__container`, {
         [`${K}__container--full-height`]: a.fullHeight
       }),
-      children: /* @__PURE__ */ u(Zr, { className: W(o), ...a, children: e })
+      children: /* @__PURE__ */ u(Er, { className: W(n), ...a, children: e })
     }
   );
 };
-f.Badge = ze;
-f.Content = Pe;
+f.Badge = Re;
+f.Content = He;
 f.ContentContainer = Ve;
-f.Cta = nt;
+f.Cta = ot;
 f.FeatureList = $t;
-f.Overline = Ht;
-f.Heading = jt;
+f.Overline = Tt;
+f.Heading = Zt;
 f.Media = It;
-f.MediaLayout = Rt;
+f.MediaLayout = Lt;
 f.displayName = "Card";
 function Wt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -1112,15 +1116,15 @@ var $r;
 function Kt() {
   return $r || ($r = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o(i)));
+          i && (r = p(r, n(i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -1131,7 +1135,7 @@ function Kt() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, i));
+          o.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
       function p(r, t) {
@@ -1142,45 +1146,49 @@ function Kt() {
   }(Sr)), Sr.exports;
 }
 var Yt = Kt();
-const Jt = /* @__PURE__ */ Wt(Yt), Z = {
-  "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"
+const Jt = /* @__PURE__ */ Wt(Yt), E = {
+  "purpur-heading": "_purpur-heading_vo751_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
+  "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_vo751_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_vo751_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_vo751_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_vo751_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_vo751_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_vo751_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_vo751_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_vo751_56",
+  "purpur-heading--display-5": "_purpur-heading--display-5_vo751_62",
+  "purpur-heading--display-10": "_purpur-heading--display-10_vo751_68",
+  "purpur-heading--display-15": "_purpur-heading--display-15_vo751_74",
+  "purpur-heading--display-20": "_purpur-heading--display-20_vo751_80",
+  "purpur-heading--display-25": "_purpur-heading--display-25_vo751_86",
+  "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
+  "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
+  "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, Qt = {
   TITLE100: "title-100"
-}, E = "purpur-heading", Er = ({
+}, k = "purpur-heading", kr = ({
   children: e,
-  className: n = "",
+  className: o = "",
   enableHyphenation: a = !1,
-  negative: o = !1,
+  negative: n = !1,
   tag: p,
   variant: r = Qt.TITLE100,
   ...t
 }) => {
   const i = p, s = Jt([
-    n,
-    Z[E],
-    Z[`${E}--${r}`],
+    o,
+    E[k],
+    E[`${k}--${r}`],
     {
-      [Z[`${E}--hyphens`]]: a,
-      [Z[`${E}--negative`]]: o
+      [E[`${k}--hyphens`]]: a,
+      [E[`${k}--negative`]]: n
     }
   ]);
   return /* @__PURE__ */ u(i, { className: s, ...t, children: e });
 };
-Er.displayName = "Heading";
+kr.displayName = "Heading";
 function Xt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1194,15 +1202,15 @@ var Fr;
 function ra() {
   return Fr || (Fr = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o.call(this, i)));
+          i && (r = p(r, n.call(this, i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1213,7 +1221,7 @@ function ra() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          o.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
       function p(r, t) {
@@ -1239,26 +1247,26 @@ const ta = /* @__PURE__ */ Xt(ea), aa = {
   "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"
-}, ia = ta.bind(aa), na = {
+}, ia = ta.bind(aa), oa = {
   PARAGRAPH100: "paragraph-100"
 }, F = "purpur-paragraph", Ur = ({
   children: e,
-  className: n,
+  className: o,
   disabled: a,
-  enableHyphenation: o = !1,
+  enableHyphenation: n = !1,
   negative: p = !1,
-  variant: r = na.PARAGRAPH100,
+  variant: r = oa.PARAGRAPH100,
   ...t
 }) => {
-  const i = ia(n, F, `${F}--${r}`, {
-    [`${F}--hyphens`]: o,
+  const i = ia(o, F, `${F}--${r}`, {
+    [`${F}--hyphens`]: n,
     [`${F}--disabled`]: a,
     [`${F}--negative`]: p
   });
   return /* @__PURE__ */ u("p", { ...t, className: i, children: e });
 };
 Ur.displayName = "Paragraph";
-function oa(e) {
+function na(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Y = { exports: {} };
@@ -1271,15 +1279,15 @@ var Br;
 function pa() {
   return Br || (Br = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var o = {}.hasOwnProperty;
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = p(r, o.call(this, i)));
+          i && (r = p(r, n.call(this, i)));
         }
         return r;
       }
-      function o(r) {
+      function n(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1290,7 +1298,7 @@ function pa() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
+          o.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
       function p(r, t) {
@@ -1301,7 +1309,7 @@ function pa() {
   }(Y)), Y.exports;
 }
 var ua = pa();
-const la = /* @__PURE__ */ oa(ua), sa = {
+const la = /* @__PURE__ */ na(ua), sa = {
   "purpur-promotion-card": "_purpur-promotion-card_1ufmj_1",
   "purpur-promotion-card--without-image": "_purpur-promotion-card--without-image_1ufmj_8",
   "purpur-promotion-card__content": "_purpur-promotion-card__content_1ufmj_8",
@@ -1334,12 +1342,12 @@ const la = /* @__PURE__ */ oa(ua), sa = {
   primary: "var(--purpur-color-text-tone-on-tone-primary)",
   secondary: "var(--purpur-color-text-tone-on-tone-secondary)",
   quaternary: "var(--purpur-color-text-tone-on-tone-tertiary)"
-}, d = la.bind(sa), l = "purpur-promotion-card", fa = kr(
+}, d = la.bind(sa), l = "purpur-promotion-card", fa = Nr(
   ({
     ["data-testid"]: e,
-    variant: n = "primary",
+    variant: o = "primary",
     badgeText: a,
-    badgeIcon: o,
+    badgeIcon: n,
     title: p,
     titleTag: r = "h2",
     titleVariant: t = "title-300",
@@ -1348,39 +1356,39 @@ const la = /* @__PURE__ */ oa(ua), sa = {
     actions: x,
     children: U,
     style: I,
-    alignment: q = "space-between",
+    alignment: z = "space-between",
     additionalText: B,
-    ...h
+    ...g
   }, Ir) => {
-    let k = h, y, N;
-    if ("decorativeImage" in h) {
-      const { hasGradient: C, decorativeImage: S, ...z } = h;
-      y = S, N = C, k = z;
-    } else if ("productImage" in h) {
-      const { hasGradient: C, productImage: S, ...z } = h;
-      y = S, N = C, k = z;
-    } else if ("hasGradient" in h) {
-      const { hasGradient: C, ...S } = h;
-      N = C, k = S;
+    let N = g, y, O;
+    if ("decorativeImage" in g) {
+      const { hasGradient: C, decorativeImage: S, ...R } = g;
+      y = S, O = C, N = R;
+    } else if ("productImage" in g) {
+      const { hasGradient: C, productImage: S, ...R } = g;
+      y = S, O = C, N = R;
+    } else if ("hasGradient" in g) {
+      const { hasGradient: C, ...S } = g;
+      O = C, N = S;
     }
-    const qr = {
-      "--promotion-card-background": da[n],
-      "--promotion-card-color": _a[n],
-      "--promotion-card-background-image": ca[n]
+    const zr = {
+      "--promotion-card-background": da[o],
+      "--promotion-card-color": _a[o],
+      "--promotion-card-background-image": ca[o]
     };
     return /* @__PURE__ */ u(f, { ref: Ir, className: d(`${l}__card`), fullHeight: !0, children: /* @__PURE__ */ c(
       "div",
       {
         "data-testid": e,
         style: {
-          ...qr,
+          ...zr,
           ...I
         },
-        className: d(s, l, `${l}--${n}`, {
+        className: d(s, l, `${l}--${o}`, {
           [`${l}--with-image`]: y,
           [`${l}--without-image`]: !y
         }),
-        ...k,
+        ...N,
         children: [
           /* @__PURE__ */ c(
             "div",
@@ -1390,8 +1398,8 @@ const la = /* @__PURE__ */ oa(ua), sa = {
                 [`${l}__content--without-image`]: !y
               }),
               children: [
-                a && /* @__PURE__ */ u("div", { "data-testid": "badgeWrapper", className: d(`${l}__badge-wrapper`), children: /* @__PURE__ */ c(le, { variant: n === "primary" ? "special" : "attention", showIcon: !1, children: [
-                  o && o,
+                a && /* @__PURE__ */ u("div", { "data-testid": "badgeWrapper", className: d(`${l}__badge-wrapper`), children: /* @__PURE__ */ c(le, { variant: o === "primary" ? "special" : "attention", showIcon: !1, children: [
+                  n && n,
                   a
                 ] }) }),
                 /* @__PURE__ */ c(
@@ -1399,11 +1407,11 @@ const la = /* @__PURE__ */ oa(ua), sa = {
                   {
                     className: d(
                       `${l}__main-content`,
-                      `${l}__main-content--${q}`
+                      `${l}__main-content--${z}`
                     ),
                     children: [
                       /* @__PURE__ */ u(
-                        Er,
+                        kr,
                         {
                           tag: r,
                           variant: t,
@@ -1435,12 +1443,12 @@ const la = /* @__PURE__ */ oa(ua), sa = {
             "div",
             {
               className: d(`${l}__image-wrapper`, {
-                [`${l}__image-wrapper--product`]: "productImage" in h,
-                [`${l}__image-wrapper--decorative`]: "decorativeImage" in h
+                [`${l}__image-wrapper--product`]: "productImage" in g,
+                [`${l}__image-wrapper--decorative`]: "decorativeImage" in g
               }),
               children: [
                 y,
-                N && /* @__PURE__ */ u(
+                O && /* @__PURE__ */ u(
                   "div",
                   {
                     className: d(`${l}__image-gradient`),