@purpurds/promotion-card 7.2.0 → 7.3.1

package/dist/promotion-card.es.js

@@ -17,11 +17,11 @@ function Hr() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p.call(this, i)));
+          i && (r = p(r, o.call(this, i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -32,10 +32,10 @@ function Hr() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -57,20 +57,20 @@ const Vr = /* @__PURE__ */ Dr(Tr), Wr = {
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = n ? `<title>${n}</title>` : "";
-  return `<svg ${Jr(a)}>${p}${e}</svg>`;
+  ], o = n ? `<title>${n}</title>` : "";
+  return `<svg ${Jr(a)}>${o}${e}</svg>`;
 }, Xr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: a,
-  className: p,
-  size: o = Yr,
+  className: o,
+  size: p = Yr,
   ...r
 }) => {
   const t = Qr({
     content: Xr(n.svg),
     title: a
-  }), i = Kr(p, ar, `${ar}--${o}`);
+  }), i = Kr(o, ar, `${ar}--${p}`);
   return /* @__PURE__ */ u(
     "span",
     {
@@ -140,11 +140,11 @@ function le() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p(i)));
+          i && (r = p(r, o(i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -155,10 +155,10 @@ function le() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, i));
+          n.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -166,7 +166,7 @@ function le() {
   }(ir)), ir.exports;
 }
 var se = le();
-const or = /* @__PURE__ */ ue(se), P = {
+const or = /* @__PURE__ */ ue(se), D = {
   "purpur-badge": "_purpur-badge_1mlzj_1",
   "purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
   "purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
@@ -178,7 +178,7 @@ const or = /* @__PURE__ */ ue(se), P = {
   "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"
-}, D = "purpur-badge", g = {
+}, H = "purpur-badge", g = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -214,21 +214,21 @@ const or = /* @__PURE__ */ ue(se), P = {
   children: e,
   showIcon: n = !0,
   iconAllyTitle: a,
-  variant: p,
-  ["data-testid"]: o,
+  variant: o,
+  ["data-testid"]: p,
   className: r = "",
   ...t
 }) => {
-  const i = de(p), l = or([r, P[D], P[`${D}--${p}`]]);
-  return /* @__PURE__ */ c("span", { className: l, "data-testid": o, ...t, children: [
+  const i = de(o), l = or([r, D[H], D[`${H}--${o}`]]);
+  return /* @__PURE__ */ c("span", { className: l, "data-testid": p, ...t, children: [
     n && i && /* @__PURE__ */ u(
       Gr,
       {
-        "data-testid": `${o}-icon`,
+        "data-testid": `${p}-icon`,
         allyTitle: a,
         size: "xs",
         svg: i,
-        className: or(P[`${D}__icon`])
+        className: or(D[`${H}__icon`])
       }
     ),
     e
@@ -251,11 +251,11 @@ function fe() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p.call(this, i)));
+          i && (r = p(r, o.call(this, i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -266,10 +266,10 @@ function fe() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -299,11 +299,11 @@ function ve() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p.call(this, i)));
+          i && (r = p(r, o.call(this, i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -314,10 +314,10 @@ function ve() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -339,20 +339,20 @@ const we = /* @__PURE__ */ me(ye), xe = {
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = n ? `<title>${n}</title>` : "";
-  return `<svg ${Se(a)}>${p}${e}</svg>`;
+  ], o = n ? `<title>${n}</title>` : "";
+  return `<svg ${Se(a)}>${o}${e}</svg>`;
 }, Ae = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), jr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: a,
-  className: p,
-  size: o = Ce,
+  className: o,
+  size: p = Ce,
   ...r
 }) => {
   const t = $e({
     content: Ae(n.svg),
     title: a
-  }), i = be(p, dr, `${dr}--${o}`);
+  }), i = be(o, dr, `${dr}--${p}`);
   return /* @__PURE__ */ u(
     "span",
     {
@@ -422,11 +422,11 @@ function Ee() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p(i)));
+          i && (r = p(r, o(i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -437,10 +437,10 @@ function Ee() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, i));
+          n.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -448,7 +448,7 @@ function Ee() {
   }(cr)), cr.exports;
 }
 var Ue = Ee();
-const fr = /* @__PURE__ */ Ze(Ue), H = {
+const fr = /* @__PURE__ */ Ze(Ue), T = {
   "purpur-badge": "_purpur-badge_1mlzj_1",
   "purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
   "purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
@@ -460,7 +460,7 @@ const fr = /* @__PURE__ */ Ze(Ue), H = {
   "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"
-}, T = "purpur-badge", m = {
+}, V = "purpur-badge", m = {
   ATTENTION: "attention",
   BLACK_FRIDAY: "black-friday",
   ERROR: "error",
@@ -496,21 +496,21 @@ const fr = /* @__PURE__ */ Ze(Ue), H = {
   children: e,
   showIcon: n = !0,
   iconAllyTitle: a,
-  variant: p,
-  ["data-testid"]: o,
+  variant: o,
+  ["data-testid"]: p,
   className: r = "",
   ...t
 }) => {
-  const i = Ie(p), l = fr([r, H[T], H[`${T}--${p}`]]);
-  return /* @__PURE__ */ c("span", { className: l, "data-testid": o, ...t, children: [
+  const i = Ie(o), l = fr([r, T[V], T[`${V}--${o}`]]);
+  return /* @__PURE__ */ c("span", { className: l, "data-testid": p, ...t, children: [
     n && i && /* @__PURE__ */ u(
       jr,
       {
-        "data-testid": `${o}-icon`,
+        "data-testid": `${p}-icon`,
         allyTitle: a,
         size: "xs",
         svg: i,
-        className: fr(H[`${T}__icon`])
+        className: fr(T[`${V}__icon`])
       }
     ),
     e
@@ -534,33 +534,38 @@ const fr = /* @__PURE__ */ Ze(Ue), H = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
 }, He = _.bind(De), Te = "purpur-card-content", Ve = ({
   ["data-testid"]: e = "purpur-card-content",
-  children: n
-}) => /* @__PURE__ */ u("div", { className: He(Te), "data-testid": e, children: n }), We = {
-  "purpur-card-content-container": "_purpur-card-content-container_pn6an_1",
-  "purpur-card-content-container--footer": "_purpur-card-content-container--footer_pn6an_11",
-  "purpur-card-content-container--gap-size--sm": "_purpur-card-content-container--gap-size--sm_pn6an_19",
-  "purpur-card-content-container--gap-size--md": "_purpur-card-content-container--gap-size--md_pn6an_22",
-  "purpur-card-content-container--gap-size--lg": "_purpur-card-content-container--gap-size--lg_pn6an_25"
-}, Ke = _.bind(We), V = "purpur-card-content-container", Ye = ({
+  children: n,
+  className: a,
+  ...o
+}) => /* @__PURE__ */ u("div", { className: He(Te, a), "data-testid": e, ...o, children: n }), We = {
+  "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"
+}, Ke = _.bind(We), j = "purpur-card-content-container", Ye = ({
   ["data-testid"]: e = "purpur-card-content-container",
   children: n,
   className: a,
-  isFooter: p = !1,
-  gapSize: o = "md",
-  ...r
+  isFooter: o = !1,
+  fullHeight: p = !1,
+  gapSize: r = "md",
+  ...t
 }) => /* @__PURE__ */ u(
   "div",
   {
     className: Ke([
-      V,
+      j,
       a,
-      `${V}--gap-size--${o}`,
+      `${j}--gap-size--${r}`,
       {
-        [`${V}--footer`]: p
+        [`${j}--full-height`]: p,
+        [`${j}--footer`]: o
       }
     ]),
     "data-testid": e,
-    ...r,
+    ...t,
     children: n
   }
 );
@@ -581,11 +586,11 @@ function Qe() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p(i)));
+          i && (r = p(r, o(i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -596,10 +601,10 @@ function Qe() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, i));
+          n.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -625,14 +630,14 @@ const mr = /* @__PURE__ */ Je(Xe), rt = "_rotate_12t9p_1", et = "_dash_12t9p_1",
   ["data-testid"]: e,
   disabled: n = !1,
   negative: a = !1,
-  size: p = tt.SM,
-  ...o
+  size: o = tt.SM,
+  ...p
 }) => /* @__PURE__ */ u(
   "div",
   {
-    className: mr([$[A], $[`${A}--${p}`]]),
+    className: mr([$[A], $[`${A}--${o}`]]),
     "data-testid": e,
-    ...o,
+    ...p,
     children: /* @__PURE__ */ u("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ u(
       "circle",
       {
@@ -669,8 +674,8 @@ const mr = /* @__PURE__ */ Je(Xe), rt = "_rotate_12t9p_1", et = "_dash_12t9p_1",
   ["data-testid"]: e = "purpur-card-cta",
   className: n,
   children: a,
-  disabled: p = !1,
-  iconPosition: o = "right",
+  disabled: o = !1,
+  iconPosition: p = "right",
   loading: r = !1,
   text: t,
   linkStyling: i = !1,
@@ -682,7 +687,7 @@ const mr = /* @__PURE__ */ Je(Xe), rt = "_rotate_12t9p_1", et = "_dash_12t9p_1",
       v,
       n,
       {
-        [`${v}--disabled`]: p,
+        [`${v}--disabled`]: o,
         [`${v}--text`]: !!t,
         [`${v}--cta-styling`]: i,
         [`${v}--button-styling`]: !i,
@@ -693,10 +698,10 @@ const mr = /* @__PURE__ */ Je(Xe), rt = "_rotate_12t9p_1", et = "_dash_12t9p_1",
     ])} ${v}`,
     "data-testid": e,
     ...l,
-    children: r ? /* @__PURE__ */ u(at, { "data-testid": `${e}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ c(Pr, { children: [
-      o === "left" && a,
+    children: r ? /* @__PURE__ */ u(at, { "data-testid": `${e}-spinner`, size: "xs", disabled: o }) : /* @__PURE__ */ c(Pr, { children: [
+      p === "left" && a,
       t,
-      o === "right" && a
+      p === "right" && a
     ] })
   }
 );
@@ -717,11 +722,11 @@ function ut() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p.call(this, i)));
+          i && (r = p(r, o.call(this, i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -732,10 +737,10 @@ function ut() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -757,20 +762,20 @@ const st = /* @__PURE__ */ pt(lt), dt = {
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
-  ], p = n ? `<title>${n}</title>` : "";
-  return `<svg ${ft(a)}>${p}${e}</svg>`;
+  ], o = n ? `<title>${n}</title>` : "";
+  return `<svg ${ft(a)}>${o}${e}</svg>`;
 }, gt = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Zr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: a,
-  className: p,
-  size: o = _t,
+  className: o,
+  size: p = _t,
   ...r
 }) => {
   const t = ht({
     content: gt(n.svg),
     title: a
-  }), i = ct(p, wr, `${wr}--${o}`);
+  }), i = ct(o, wr, `${wr}--${p}`);
   return /* @__PURE__ */ u(
     "span",
     {
@@ -806,11 +811,11 @@ function yt() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p(i)));
+          i && (r = p(r, o(i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -821,10 +826,10 @@ function yt() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, i));
+          n.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -853,8 +858,8 @@ const xt = /* @__PURE__ */ vt(wt), F = {
   ["data-testid"]: e,
   children: n,
   className: a,
-  disabled: p,
-  enableHyphenation: o = !1,
+  disabled: o,
+  enableHyphenation: p = !1,
   negative: r = !1,
   variant: t = bt.PARAGRAPH100,
   ...i
@@ -864,8 +869,8 @@ const xt = /* @__PURE__ */ vt(wt), F = {
     F[B],
     F[`${B}--${t}`],
     {
-      [F[`${B}--hyphens`]]: o,
-      [F[`${B}--disabled`]]: p,
+      [F[`${B}--hyphens`]]: p,
+      [F[`${B}--disabled`]]: o,
       [F[`${B}--negative`]]: r
     }
   ]);
@@ -908,11 +913,11 @@ function At() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p(i)));
+          i && (r = p(r, o(i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -923,10 +928,10 @@ function At() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, i));
+          n.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -934,7 +939,7 @@ function At() {
   }(Cr)), Cr.exports;
 }
 var Ft = At();
-const Bt = /* @__PURE__ */ $t(Ft), j = {
+const Bt = /* @__PURE__ */ $t(Ft), Z = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -952,22 +957,22 @@ const Bt = /* @__PURE__ */ $t(Ft), j = {
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
 }, kt = {
   TITLE100: "title-100"
-}, Z = "purpur-heading", Ur = ({
+}, E = "purpur-heading", Ur = ({
   children: e,
   className: n = "",
   enableHyphenation: a = !1,
-  negative: p = !1,
-  tag: o,
+  negative: o = !1,
+  tag: p,
   variant: r = kt.TITLE100,
   ...t
 }) => {
-  const i = o, l = Bt([
+  const i = p, l = Bt([
     n,
-    j[Z],
-    j[`${Z}--${r}`],
+    Z[E],
+    Z[`${E}--${r}`],
     {
-      [j[`${Z}--hyphens`]]: a,
-      [j[`${Z}--negative`]]: p
+      [Z[`${E}--hyphens`]]: a,
+      [Z[`${E}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ u(i, { className: l, ...t, children: e });
@@ -987,15 +992,15 @@ const Nt = {
   ["data-testid"]: e = "purpur-card-trigger-item",
   ["aria-label"]: n,
   disabled: a = !1,
-  href: p,
-  onClick: o,
+  href: o,
+  onClick: p,
   children: r,
   linkElement: t = "a"
 }) => {
   const i = (x) => {
-    a ? x.preventDefault() : o && o();
+    a ? x.preventDefault() : p && p();
   }, l = `${w} ${a ? `${w}--disabled` : ""}`;
-  return p ? /* @__PURE__ */ u(
+  return o ? /* @__PURE__ */ u(
     t,
     {
       "aria-disabled": a,
@@ -1008,7 +1013,7 @@ const Nt = {
         }
       ])} ${l}`,
       "data-testid": e,
-      href: a ? void 0 : p,
+      href: a ? void 0 : o,
       tabIndex: a ? 0 : void 0,
       onClick: i,
       children: r
@@ -1031,36 +1036,36 @@ const Nt = {
       children: r
     }
   );
-}, E = _.bind(Nt), b = "purpur-card-heading", Gt = ({
+}, U = _.bind(Nt), b = "purpur-card-heading", Gt = ({
   ["data-testid"]: e = "purpur-card-heading",
   ["aria-label"]: n,
   title: a,
-  icon: p,
-  children: o,
+  icon: o,
+  children: p,
   titleTag: r = "h2",
   enableHyphenation: t,
   onClick: i = void 0,
   href: l = void 0,
   disabled: x = !1,
-  linkElement: q = "a",
-  variant: z = "title-100",
-  ...R
+  linkElement: z = "a",
+  variant: R = "title-100",
+  ...L
 }) => {
-  const O = E(b, {
+  const O = U(b, {
     [`${b}--is-interactive`]: i || l,
     [`${b}--disabled`]: x
   });
   return /* @__PURE__ */ c("div", { className: O, "data-testid": e, children: [
-    /* @__PURE__ */ c("div", { className: E(`${b}__header`), children: [
-      p && /* @__PURE__ */ u("div", { className: E(`${b}__icon`), children: p }),
+    /* @__PURE__ */ c("div", { className: U(`${b}__header`), children: [
+      o && /* @__PURE__ */ u("div", { className: U(`${b}__icon`), children: o }),
       /* @__PURE__ */ u(
         Ur,
         {
           tag: r,
-          className: E(`${b}__heading`),
-          variant: z,
+          className: U(`${b}__heading`),
+          variant: R,
           enableHyphenation: t,
-          ...R,
+          ...L,
           children: i || l ? /* @__PURE__ */ u(
             Mt,
             {
@@ -1068,14 +1073,14 @@ const Nt = {
               disabled: x,
               href: l,
               onClick: i,
-              linkElement: q,
+              linkElement: z,
               children: a
             }
           ) : a
         }
       )
     ] }),
-    o
+    p
   ] });
 }, jt = {
   "purpur-card-media": "_purpur-card-media_udc1o_1"
@@ -1083,21 +1088,21 @@ const Nt = {
   ["data-testid"]: e = "purpur-card-media",
   className: n,
   children: a,
-  ...p
-}) => /* @__PURE__ */ u("div", { ...p, className: Zt([Et, n]), "data-testid": e, children: a }), It = {
+  ...o
+}) => /* @__PURE__ */ u("div", { ...o, className: Zt([Et, n]), "data-testid": e, children: a }), It = {
   "purpur-card-media-layout": "_purpur-card-media-layout_1tkaa_1",
   "purpur-card-media-layout--image-top": "_purpur-card-media-layout--image-top_1tkaa_11"
 }, qt = _.bind(It), Ar = "purpur-card-media-layout", zt = ({
   ["data-testid"]: e = "purpur-card-media-layout",
   className: n,
   children: a,
-  imageTop: p = !1,
-  ...o
+  imageTop: o = !1,
+  ...p
 }) => /* @__PURE__ */ u(
   "div",
   {
-    ...o,
-    className: qt(Ar, n, { [`${Ar}--image-top`]: p }),
+    ...p,
+    className: qt(Ar, n, { [`${Ar}--image-top`]: o }),
     "data-testid": e,
     children: a
   }
@@ -1116,16 +1121,16 @@ const Nt = {
     ["data-testid"]: e = "purpur-card-root",
     children: n,
     className: a,
-    fullHeight: p = !0,
-    variant: o,
+    fullHeight: o = !0,
+    variant: p,
     ...r
   }, t) => {
     const i = Tt([
       Y,
       a,
       {
-        [`${Y}--${o}`]: o,
-        [`${Y}--full-height`]: p
+        [`${Y}--${p}`]: p,
+        [`${Y}--full-height`]: o
       }
     ]);
     return /* @__PURE__ */ u("div", { className: i, "data-testid": e, ref: t, ...r, children: n });
@@ -1133,14 +1138,14 @@ const Nt = {
 );
 Ir.displayName = "CardRoot";
 const J = _.bind(ge), Q = "purpur-card", f = ({ children: e, className: n, ...a }) => {
-  const p = J([Q, n]);
+  const o = J([Q, n]);
   return /* @__PURE__ */ u(
     "div",
     {
       className: J(`${Q}__container`, {
         [`${Q}__container--full-height`]: a.fullHeight
       }),
-      children: /* @__PURE__ */ u(Ir, { className: J(p), ...a, children: e })
+      children: /* @__PURE__ */ u(Ir, { className: J(o), ...a, children: e })
     }
   );
 };
@@ -1171,11 +1176,11 @@ function Wt() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p(i)));
+          i && (r = p(r, o(i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -1186,10 +1191,10 @@ function Wt() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, i));
+          n.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -1197,7 +1202,7 @@ function Wt() {
   }(Fr)), Fr.exports;
 }
 var Kt = Wt();
-const Yt = /* @__PURE__ */ Vt(Kt), U = {
+const Yt = /* @__PURE__ */ Vt(Kt), I = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1215,22 +1220,22 @@ const Yt = /* @__PURE__ */ Vt(Kt), U = {
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
 }, Jt = {
   TITLE100: "title-100"
-}, I = "purpur-heading", qr = ({
+}, q = "purpur-heading", qr = ({
   children: e,
   className: n = "",
   enableHyphenation: a = !1,
-  negative: p = !1,
-  tag: o,
+  negative: o = !1,
+  tag: p,
   variant: r = Jt.TITLE100,
   ...t
 }) => {
-  const i = o, l = Yt([
+  const i = p, l = Yt([
     n,
-    U[I],
-    U[`${I}--${r}`],
+    I[q],
+    I[`${q}--${r}`],
     {
-      [U[`${I}--hyphens`]]: a,
-      [U[`${I}--negative`]]: p
+      [I[`${q}--hyphens`]]: a,
+      [I[`${q}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ u(i, { className: l, ...t, children: e });
@@ -1253,11 +1258,11 @@ function Xt() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p(i)));
+          i && (r = p(r, o(i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -1268,10 +1273,10 @@ function Xt() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, i));
+          n.call(r, i) && r[i] && (t = p(t, i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -1300,8 +1305,8 @@ const ea = /* @__PURE__ */ Qt(ra), k = {
   ["data-testid"]: e,
   children: n,
   className: a,
-  disabled: p,
-  enableHyphenation: o = !1,
+  disabled: o,
+  enableHyphenation: p = !1,
   negative: r = !1,
   variant: t = ta.PARAGRAPH100,
   ...i
@@ -1311,8 +1316,8 @@ const ea = /* @__PURE__ */ Qt(ra), k = {
     k[N],
     k[`${N}--${t}`],
     {
-      [k[`${N}--hyphens`]]: o,
-      [k[`${N}--disabled`]]: p,
+      [k[`${N}--hyphens`]]: p,
+      [k[`${N}--disabled`]]: o,
       [k[`${N}--negative`]]: r
     }
   ]);
@@ -1336,11 +1341,11 @@ function ia() {
       function a() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var i = arguments[t];
-          i && (r = o(r, p.call(this, i)));
+          i && (r = p(r, o.call(this, i)));
         }
         return r;
       }
-      function p(r) {
+      function o(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -1351,10 +1356,10 @@ function ia() {
           return r.toString();
         var t = "";
         for (var i in r)
-          n.call(r, i) && r[i] && (t = o(t, this && this[i] || i));
+          n.call(r, i) && r[i] && (t = p(t, this && this[i] || i));
         return t;
       }
-      function o(r, t) {
+      function p(r, t) {
         return t ? r ? r + " " + t : r + t : r;
       }
       e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
@@ -1399,26 +1404,26 @@ const oa = /* @__PURE__ */ aa(na), pa = {
   ["data-testid"]: e,
   variant: n = "primary",
   badgeText: a,
-  badgeIcon: p,
-  title: o,
+  badgeIcon: o,
+  title: p,
   titleTag: r = "h2",
   titleVariant: t = "title-300",
   enableTitleHyphenation: i = !1,
   className: l,
   actions: x,
-  children: q,
-  style: z,
-  alignment: R = "space-between",
+  children: z,
+  style: R,
+  alignment: L = "space-between",
   additionalText: O,
   ...h
 }, Rr) => {
   let M = h, y, G;
   if ("decorativeImage" in h) {
-    const { hasGradient: C, decorativeImage: S, ...L } = h;
-    y = S, G = C, M = L;
+    const { hasGradient: C, decorativeImage: S, ...P } = h;
+    y = S, G = C, M = P;
   } else if ("productImage" in h) {
-    const { hasGradient: C, productImage: S, ...L } = h;
-    y = S, G = C, M = L;
+    const { hasGradient: C, productImage: S, ...P } = h;
+    y = S, G = C, M = P;
   } else if ("hasGradient" in h) {
     const { hasGradient: C, ...S } = h;
     G = C, M = S;
@@ -1434,7 +1439,7 @@ const oa = /* @__PURE__ */ aa(na), pa = {
       "data-testid": e,
       style: {
         ...Lr,
-        ...z
+        ...R
       },
       className: d([
         l,
@@ -1459,7 +1464,7 @@ const oa = /* @__PURE__ */ aa(na), pa = {
             ]),
             children: [
               a && /* @__PURE__ */ u("div", { "data-testid": "badgeWrapper", className: d(`${s}__badge-wrapper`), children: /* @__PURE__ */ c(ce, { variant: n === "primary" ? "special" : "attention", showIcon: !1, children: [
-                p && p,
+                o && o,
                 a
               ] }) }),
               /* @__PURE__ */ c(
@@ -1467,7 +1472,7 @@ const oa = /* @__PURE__ */ aa(na), pa = {
                 {
                   className: d(
                     `${s}__main-content`,
-                    `${s}__main-content--${R}`
+                    `${s}__main-content--${L}`
                   ),
                   children: [
                     /* @__PURE__ */ u(
@@ -1477,11 +1482,11 @@ const oa = /* @__PURE__ */ aa(na), pa = {
                         variant: t,
                         enableHyphenation: i,
                         className: d(`${s}__heading`),
-                        children: o
+                        children: p
                       }
                     ),
                     /* @__PURE__ */ c("div", { className: d(`${s}__body`), children: [
-                      /* @__PURE__ */ u("div", { className: d(`${s}__child-content`), children: q }),
+                      /* @__PURE__ */ u("div", { className: d(`${s}__child-content`), children: z }),
                       x && /* @__PURE__ */ u("div", { className: d(`${s}__actions`), children: x }),
                       O && /* @__PURE__ */ u(
                         zr,