@purpurds/promotion-card 5.24.3 → 5.25.0

package/dist/promotion-card.es.js

@@ -1,5 +1,5 @@
-import { jsxs as _, jsx as l, Fragment as hr } from "react/jsx-runtime";
-import { forwardRef as $, Children as q, isValidElement as V, createElement as D, cloneElement as mr, useEffect as Dr, Fragment as Pr } from "react";
+import { jsxs as f, jsx as l, Fragment as hr } from "react/jsx-runtime";
+import { forwardRef as $, Children as R, isValidElement as V, createElement as D, cloneElement as mr, useEffect as Dr, Fragment as Pr } from "react";
 import "react-dom";
 function Tr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -166,7 +166,7 @@ const le = /* @__PURE__ */ ne(pe), er = {
   "purpur-badge--warning": "_purpur-badge--warning_1r1mu_33",
   "purpur-badge--error": "_purpur-badge--error_1r1mu_37",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1r1mu_41"
-}, tr = "purpur-badge", w = {
+}, tr = "purpur-badge", b = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
@@ -177,20 +177,20 @@ const le = /* @__PURE__ */ ne(pe), er = {
   BLACK_FRIDAY: "black-friday"
 }, ue = (e) => {
   switch (e) {
-    case w.ATTENTION:
-    case w.SPECIAL:
+    case b.ATTENTION:
+    case b.SPECIAL:
       return Jr;
-    case w.INFORMATION:
+    case b.INFORMATION:
       return Yr;
-    case w.SUCCESS:
+    case b.SUCCESS:
       return Xr;
-    case w.WARNING:
+    case b.WARNING:
       return Wr;
-    case w.ERROR:
+    case b.ERROR:
       return Kr;
-    case w.NEUTRAL:
+    case b.NEUTRAL:
       return Qr;
-    case w.BLACK_FRIDAY:
+    case b.BLACK_FRIDAY:
       return re;
     default:
       return;
@@ -205,7 +205,7 @@ const le = /* @__PURE__ */ ne(pe), er = {
   ...t
 }) => {
   const o = ue(a), u = le([r, er[tr], er[`${tr}--${a}`]]);
-  return /* @__PURE__ */ _("span", { "aria-label": p, className: u, "data-testid": n, ...t, children: [
+  return /* @__PURE__ */ f("span", { "aria-label": p, className: u, "data-testid": n, ...t, children: [
     i && o && /* @__PURE__ */ l(yr, { "data-testid": `${n}-icon`, allyTitle: p, size: "xs", svg: o }),
     e
   ] });
@@ -359,7 +359,7 @@ const xe = /* @__PURE__ */ ve(ye), we = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
-}, be = xe.bind(we), A = "purpur-button", $e = ({
+}, be = xe.bind(we), A = "purpur-button", Se = ({
   children: e,
   className: i,
   ["data-testid"]: a,
@@ -369,10 +369,10 @@ const xe = /* @__PURE__ */ ve(ye), we = {
   loading: t = !1,
   negative: o = !1,
   onClick: u,
-  size: c = "md",
+  size: d = "md",
   variant: g,
-  type: S = "button",
-  ...d
+  type: w = "button",
+  ...c
 }, F) => {
   if (r && g === "destructive")
     return null;
@@ -380,7 +380,7 @@ const xe = /* @__PURE__ */ ve(ye), we = {
     [
       A,
       `${A}--${o ? `${g}-negative` : g}`,
-      `${A}--${c}`
+      `${A}--${d}`
     ],
     {
       [`${A}--icon-only`]: r,
@@ -389,32 +389,32 @@ const xe = /* @__PURE__ */ ve(ye), we = {
       [`${A}--disabled`]: n || t
     },
     i
-  ), h = (P) => {
+  ), _ = (P) => {
     n || t ? P.preventDefault() : u && u(P);
-  }, C = !!d["aria-disabled"] || n || t;
-  return /* @__PURE__ */ _(
+  }, C = !!c["aria-disabled"] || n || t;
+  return /* @__PURE__ */ f(
     "button",
     {
       className: v,
       "data-testid": a,
-      type: S,
+      type: w,
       ref: F,
       "aria-disabled": C,
-      onClick: h,
-      ...d,
+      onClick: _,
+      ...c,
       children: [
-        t && /* @__PURE__ */ l(me, { size: c === de.LG ? "xs" : "xxs", negative: o, disabled: C }),
+        t && /* @__PURE__ */ l(me, { size: d === de.LG ? "xs" : "xxs", negative: o, disabled: C }),
         " ",
         e
       ]
     }
   );
-}, $r = $($e);
-$r.displayName = "Button";
-function Se(e) {
+}, Sr = $(Se);
+Sr.displayName = "Button";
+function $e(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Sr = { exports: {} };
+var $r = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -449,9 +449,9 @@ var Sr = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(Sr);
-var Ce = Sr.exports;
-const m = /* @__PURE__ */ Se(Ce), ke = {
+})($r);
+var Ce = $r.exports;
+const m = /* @__PURE__ */ $e(Ce), ke = {
   "purpur-card": "_purpur-card_1owb4_1"
 };
 function Ae(e) {
@@ -537,14 +537,14 @@ const Be = /* @__PURE__ */ Ae(Oe), Fe = {
   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"
-}, Ue = Be.bind(Fe), ir = "purpur-icon", Le = "md", Re = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), qe = ({ content: e = "", title: i } = {}) => {
+}, Ue = Be.bind(Fe), ir = "purpur-icon", Le = "md", qe = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Re = ({ content: e = "", title: i } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], n = i ? `<title>${i}</title>` : "";
-  return `<svg ${Re(a)}>${n}${e}</svg>`;
+  return `<svg ${qe(a)}>${n}${e}</svg>`;
 }, De = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), kr = ({
   ["data-testid"]: e,
   svg: i,
@@ -553,7 +553,7 @@ const Be = /* @__PURE__ */ Ae(Oe), Fe = {
   size: p = Le,
   ...r
 }) => {
-  const t = qe({
+  const t = Re({
     content: De(i.svg),
     title: a
   }), o = Ue(n, ir, `${ir}--${p}`);
@@ -619,7 +619,7 @@ const ze = /* @__PURE__ */ Pe(Te), or = {
   "purpur-badge--warning": "_purpur-badge--warning_1r1mu_33",
   "purpur-badge--error": "_purpur-badge--error_1r1mu_37",
   "purpur-badge--black-friday": "_purpur-badge--black-friday_1r1mu_41"
-}, nr = "purpur-badge", b = {
+}, nr = "purpur-badge", S = {
   ATTENTION: "attention",
   SPECIAL: "special",
   NEUTRAL: "neutral",
@@ -630,20 +630,20 @@ const ze = /* @__PURE__ */ Pe(Te), or = {
   BLACK_FRIDAY: "black-friday"
 }, He = (e) => {
   switch (e) {
-    case b.ATTENTION:
-    case b.SPECIAL:
+    case S.ATTENTION:
+    case S.SPECIAL:
       return Ze;
-    case b.INFORMATION:
+    case S.INFORMATION:
       return Ge;
-    case b.SUCCESS:
+    case S.SUCCESS:
       return Ne;
-    case b.WARNING:
+    case S.WARNING:
       return Me;
-    case b.ERROR:
+    case S.ERROR:
       return Ee;
-    case b.NEUTRAL:
+    case S.NEUTRAL:
       return Ie;
-    case b.BLACK_FRIDAY:
+    case S.BLACK_FRIDAY:
       return je;
     default:
       return;
@@ -658,7 +658,7 @@ const ze = /* @__PURE__ */ Pe(Te), or = {
   ...t
 }) => {
   const o = He(a), u = ze([r, or[nr], or[`${nr}--${a}`]]);
-  return /* @__PURE__ */ _("span", { "aria-label": p, className: u, "data-testid": n, ...t, children: [
+  return /* @__PURE__ */ f("span", { "aria-label": p, className: u, "data-testid": n, ...t, children: [
     i && o && /* @__PURE__ */ l(kr, { "data-testid": `${n}-icon`, allyTitle: p, size: "xs", svg: o }),
     e
   ] });
@@ -825,7 +825,7 @@ const lr = /* @__PURE__ */ ot(nt), pt = "_rotate_1xozj_1", lt = "_dash_1xozj_1",
     ])} ${O}`,
     "data-testid": e,
     ...o,
-    children: r ? /* @__PURE__ */ l(Br, { "data-testid": `${e}-spinner`, size: "xs", disabled: n }) : /* @__PURE__ */ _(hr, { children: [
+    children: r ? /* @__PURE__ */ l(Br, { "data-testid": `${e}-spinner`, size: "xs", disabled: n }) : /* @__PURE__ */ f(hr, { children: [
       p === "left" && a,
       t,
       p === "right" && a
@@ -914,7 +914,7 @@ const yt = gt.bind(ht), ur = "purpur-icon", xt = "md", wt = (e) => e.filter((i)
     i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], n = i ? `<title>${i}</title>` : "";
   return `<svg ${wt(a)}>${n}${e}</svg>`;
-}, $t = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({
+}, St = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), J = ({
   ["data-testid"]: e,
   svg: i,
   allyTitle: a,
@@ -923,7 +923,7 @@ const yt = gt.bind(ht), ur = "purpur-icon", xt = "md", wt = (e) => e.filter((i)
   ...r
 }) => {
   const t = bt({
-    content: $t(i.svg),
+    content: St(i.svg),
     title: a
   }), o = yt(n, ur, `${ur}--${p}`);
   return /* @__PURE__ */ l(
@@ -938,7 +938,7 @@ const yt = gt.bind(ht), ur = "purpur-icon", xt = "md", wt = (e) => e.filter((i)
   );
 };
 J.displayName = "Icon";
-function St(e) {
+function $t(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Er = { exports: {} };
@@ -978,7 +978,7 @@ var Er = { exports: {} };
   })();
 })(Er);
 var Ct = Er.exports;
-const kt = /* @__PURE__ */ St(Ct), L = {
+const kt = /* @__PURE__ */ $t(Ct), L = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1004,7 +1004,7 @@ const kt = /* @__PURE__ */ St(Ct), L = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, R = "purpur-paragraph", Q = ({
+}, q = "purpur-paragraph", Q = ({
   ["data-testid"]: e,
   children: i,
   className: a,
@@ -1016,12 +1016,12 @@ const kt = /* @__PURE__ */ St(Ct), L = {
 }) => {
   const u = kt([
     a,
-    L[R],
-    L[`${R}--${t}`],
+    L[q],
+    L[`${q}--${t}`],
     {
-      [L[`${R}--hyphens`]]: p,
-      [L[`${R}--disabled`]]: n,
-      [L[`${R}--negative`]]: r
+      [L[`${q}--hyphens`]]: p,
+      [L[`${q}--disabled`]]: n,
+      [L[`${q}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ l("p", { ...o, className: u, "data-testid": e, children: i });
@@ -1033,7 +1033,7 @@ const Ot = {
 }, sr = m.bind(Ot), dr = "purpur-card-feature-list", Bt = ({
   ["data-testid"]: e = "purpur-card-feature-list",
   listItems: i
-}) => i && i.length > 0 ? /* @__PURE__ */ l("ul", { className: sr(dr), "data-testid": e, children: i.map((a) => /* @__PURE__ */ _(
+}) => i && i.length > 0 ? /* @__PURE__ */ l("ul", { className: sr(dr), "data-testid": e, children: i.map((a) => /* @__PURE__ */ f(
   "li",
   {
     className: sr(`${dr}__list-item`),
@@ -1108,15 +1108,15 @@ function E() {
 function Lt(e, i) {
   typeof e == "function" ? e(i) : e != null && (e.current = i);
 }
-function Rt(...e) {
+function qt(...e) {
   return (i) => e.forEach(
     (a) => Lt(a, i)
   );
 }
 const Gr = /* @__PURE__ */ $((e, i) => {
-  const { children: a, ...n } = e, p = q.toArray(a), r = p.find(Dt);
+  const { children: a, ...n } = e, p = R.toArray(a), r = p.find(Dt);
   if (r) {
-    const t = r.props.children, o = p.map((u) => u === r ? q.count(t) > 1 ? q.only(null) : /* @__PURE__ */ V(t) ? t.props.children : null : u);
+    const t = r.props.children, o = p.map((u) => u === r ? R.count(t) > 1 ? R.only(null) : /* @__PURE__ */ V(t) ? t.props.children : null : u);
     return /* @__PURE__ */ D(K, E({}, n, {
       ref: i
     }), /* @__PURE__ */ V(t) ? /* @__PURE__ */ mr(t, void 0, o) : null);
@@ -1130,13 +1130,13 @@ const K = /* @__PURE__ */ $((e, i) => {
   const { children: a, ...n } = e;
   return /* @__PURE__ */ V(a) ? /* @__PURE__ */ mr(a, {
     ...Pt(n, a.props),
-    ref: i ? Rt(i, a.ref) : a.ref
-  }) : q.count(a) > 1 ? q.only(null) : null;
+    ref: i ? qt(i, a.ref) : a.ref
+  }) : R.count(a) > 1 ? R.only(null) : null;
 });
 K.displayName = "SlotClone";
-const qt = ({ children: e }) => /* @__PURE__ */ D(Pr, null, e);
+const Rt = ({ children: e }) => /* @__PURE__ */ D(Pr, null, e);
 function Dt(e) {
-  return /* @__PURE__ */ V(e) && e.type === qt;
+  return /* @__PURE__ */ V(e) && e.type === Rt;
 }
 function Pt(e, i) {
   const a = {
@@ -1266,9 +1266,9 @@ const Tt = [
     onClick: t,
     screenReaderText: o,
     variant: u,
-    ...c
+    ...d
   }, g) => {
-    const S = Xt([
+    const w = Xt([
       W,
       a,
       {
@@ -1276,7 +1276,7 @@ const Tt = [
         [`${W}--full-height`]: p
       }
     ]);
-    return /* @__PURE__ */ _("div", { className: S, "data-testid": e, ref: g, ...c, children: [
+    return /* @__PURE__ */ f("div", { className: w, "data-testid": e, ref: g, ...d, children: [
       i,
       (t || r) && o && /* @__PURE__ */ l(
         Wt,
@@ -1476,34 +1476,35 @@ const da = /* @__PURE__ */ ua(sa), ca = {
     ["data-testid"]: a,
     fullWidth: n = !1,
     iconOnly: p = !1,
-    negative: r = !1,
-    size: t = "md",
-    variant: o,
-    icon: u = "forward",
-    ...c
-  }, g) => {
-    const S = _a(
+    showIcon: r = !0,
+    negative: t = !1,
+    size: o = "md",
+    variant: u,
+    icon: d = "forward",
+    ...g
+  }, w) => {
+    const c = _a(
       [
         i,
         N,
-        `${N}--${r ? `${o}-negative` : o}`,
-        `${N}--${t}`
+        `${N}--${t ? `${u}-negative` : u}`,
+        `${N}--${o}`
       ],
       {
         [`${N}--icon-only`]: p,
-        [`${N}--negative`]: r,
+        [`${N}--negative`]: t,
         [`${N}--full-width`]: n
       }
-    ), d = fa[u], F = /* @__PURE__ */ _(hr, { children: [
-      (u === "back" || u === "phone") && /* @__PURE__ */ l(Y, { svg: d, size: t === "lg" ? "sm" : "xs" }),
-      !p && e,
-      (u === "forward" || u === "external") && /* @__PURE__ */ l(Y, { svg: d, size: t === "lg" ? "sm" : "xs" })
-    ] }), v = {
-      ...c,
-      className: S,
+    ), F = fa[d], v = /* @__PURE__ */ f(hr, { children: [
+      r && (d === "back" || d === "phone") && /* @__PURE__ */ l(Y, { svg: F, size: o === "lg" ? "sm" : "xs" }),
+      (!p || p && !r) && e,
+      r && (d === "forward" || d === "external") && /* @__PURE__ */ l(Y, { svg: F, size: o === "lg" ? "sm" : "xs" })
+    ] }), _ = {
+      ...g,
+      className: c,
       "data-testid": a
     };
-    return "href" in c && c.href ? /* @__PURE__ */ l("a", { ...v, ref: g, children: F }) : /* @__PURE__ */ l("span", { ...v, ref: g, children: F });
+    return "href" in g && g.href ? /* @__PURE__ */ l("a", { ..._, ref: w, children: v }) : /* @__PURE__ */ l("span", { ..._, ref: w, children: v });
   }
 );
 function ha(e) {
@@ -1581,7 +1582,7 @@ const va = /* @__PURE__ */ ha(ma), z = {
   variant: t = ya.TITLE100,
   ...o
 }) => {
-  const u = r, c = va([
+  const u = r, d = va([
     a,
     z[H],
     z[`${H}--${t}`],
@@ -1590,13 +1591,13 @@ const va = /* @__PURE__ */ ha(ma), z = {
       [z[`${H}--negative`]]: p
     }
   ]);
-  return /* @__PURE__ */ l(u, { ...o, className: c, "data-testid": e, children: i });
+  return /* @__PURE__ */ l(u, { ...o, className: d, "data-testid": e, children: i });
 };
 Lr.displayName = "Heading";
 function xa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Rr = { exports: {} };
+var qr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1631,9 +1632,9 @@ var Rr = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(Rr);
-var wa = Rr.exports;
-const ba = /* @__PURE__ */ xa(wa), $a = {
+})(qr);
+var wa = qr.exports;
+const ba = /* @__PURE__ */ xa(wa), Sa = {
   "purpur-promotion-card": "_purpur-promotion-card_12rh3_1",
   "purpur-promotion-card--without-image": "_purpur-promotion-card--without-image_12rh3_8",
   "purpur-promotion-card__content": "_purpur-promotion-card__content_12rh3_8",
@@ -1651,7 +1652,7 @@ const ba = /* @__PURE__ */ xa(wa), $a = {
   "purpur-promotion-card__image-wrapper": "_purpur-promotion-card__image-wrapper_12rh3_140",
   "purpur-promotion-card__image-wrapper--decorative": "_purpur-promotion-card__image-wrapper--decorative_12rh3_143",
   "purpur-promotion-card__image-wrapper--product": "_purpur-promotion-card__image-wrapper--product_12rh3_144"
-}, Za = ["primary", "secondary", "quaternary"], Sa = {
+}, Za = ["primary", "secondary", "quaternary"], $a = {
   primary: "var(--purpur-color-background-tone-on-tone-primary)",
   secondary: "var(--purpur-color-background-tone-on-tone-secondary)",
   quaternary: "var(--purpur-color-background-tone-on-tone-quaternary)"
@@ -1663,7 +1664,7 @@ const ba = /* @__PURE__ */ xa(wa), $a = {
   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)"
-}, f = ba.bind($a), s = "purpur-promotion-card", Aa = ({
+}, h = ba.bind(Sa), s = "purpur-promotion-card", Aa = ({
   ["data-testid"]: e,
   variant: i = "primary",
   badgeText: a,
@@ -1673,104 +1674,104 @@ const ba = /* @__PURE__ */ xa(wa), $a = {
   titleVariant: t = "title-300",
   enableTitleHyphenation: o = !0,
   className: u,
-  actions: c,
+  actions: d,
   children: g,
-  style: S,
-  ...d
+  style: w,
+  ...c
 }, F) => {
-  let v = d, h, C;
-  if ("decorativeImage" in d) {
-    const { hasGradient: y, decorativeImage: k, ...G } = d;
-    h = k, C = y, v = G;
-  } else if ("productImage" in d) {
-    const { hasGradient: y, productImage: k, ...G } = d;
-    h = k, C = y, v = G;
-  } else if ("hasGradient" in d) {
-    const { hasGradient: y, ...k } = d;
+  let v = c, _, C;
+  if ("decorativeImage" in c) {
+    const { hasGradient: y, decorativeImage: k, ...G } = c;
+    _ = k, C = y, v = G;
+  } else if ("productImage" in c) {
+    const { hasGradient: y, productImage: k, ...G } = c;
+    _ = k, C = y, v = G;
+  } else if ("hasGradient" in c) {
+    const { hasGradient: y, ...k } = c;
     C = y, v = k;
   }
   const P = {
-    "--promotion-card-background": Sa[i],
+    "--promotion-card-background": $a[i],
     "--promotion-card-color": ka[i],
     "--promotion-card-background-image": Ca[i]
   };
-  return /* @__PURE__ */ l(x, { ref: F, className: f(`${s}__card`), children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ l(x, { ref: F, className: h(`${s}__card`), children: /* @__PURE__ */ f(
     "div",
     {
       "data-testid": e,
       style: {
         ...P,
-        ...S
+        ...w
       },
-      className: f([
+      className: h([
         u,
         s,
         `${s}--${i}`,
         {
-          [`${s}--with-image`]: h,
-          [`${s}--without-image`]: !h
+          [`${s}--with-image`]: _,
+          [`${s}--without-image`]: !_
         }
       ]),
       ...v,
       children: [
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ f(
           "div",
           {
-            className: f([
+            className: h([
               `${s}__content`,
               {
-                [`${s}__content--with-image`]: h,
-                [`${s}__content--without-image`]: !h
+                [`${s}__content--with-image`]: _,
+                [`${s}__content--without-image`]: !_
               }
             ]),
             children: [
-              a && /* @__PURE__ */ l("div", { "data-testid": "badgeWrapper", className: f(`${s}__badge-wrapper`), children: /* @__PURE__ */ _(se, { variant: i === "primary" ? "special" : "attention", showIcon: !1, children: [
+              a && /* @__PURE__ */ l("div", { "data-testid": "badgeWrapper", className: h(`${s}__badge-wrapper`), children: /* @__PURE__ */ f(se, { variant: i === "primary" ? "special" : "attention", showIcon: !1, children: [
                 n && n,
                 a
               ] }) }),
-              /* @__PURE__ */ _("div", { className: f(`${s}__main-content`), children: [
+              /* @__PURE__ */ f("div", { className: h(`${s}__main-content`), children: [
                 /* @__PURE__ */ l(
                   Lr,
                   {
                     tag: r,
                     variant: t,
                     enableHyphenation: o,
-                    className: f(`${s}__heading`),
+                    className: h(`${s}__heading`),
                     children: p
                   }
                 ),
-                /* @__PURE__ */ _("div", { className: f(`${s}__body`), children: [
-                  /* @__PURE__ */ l("div", { className: f(`${s}__child-content`), children: g }),
-                  c && c.length > 0 && /* @__PURE__ */ l("div", { className: f(`${s}__actions`), children: c.map(({ label: y, variant: k, ...G }, qr) => {
+                /* @__PURE__ */ f("div", { className: h(`${s}__body`), children: [
+                  /* @__PURE__ */ l("div", { className: h(`${s}__child-content`), children: g }),
+                  d && d.length > 0 && /* @__PURE__ */ l("div", { className: h(`${s}__actions`), children: d.map(({ label: y, variant: k, ...G }, Rr) => {
                     const T = {
-                      variant: k ?? qr === 0 ? "primary" : "secondary",
+                      variant: k ?? Rr === 0 ? "primary" : "secondary",
                       negative: i === "primary",
                       ...G,
                       children: y
                     };
-                    return Oa(T) ? /* @__PURE__ */ l(ga, { ...T }, y) : Ba(T) ? /* @__PURE__ */ l($r, { ...T }, y) : null;
+                    return Oa(T) ? /* @__PURE__ */ l(ga, { ...T }, y) : Ba(T) ? /* @__PURE__ */ l(Sr, { ...T }, y) : null;
                   }) })
                 ] })
               ] })
             ]
           }
         ),
-        h && /* @__PURE__ */ _(
+        _ && /* @__PURE__ */ f(
           "div",
           {
-            className: f([
+            className: h([
               `${s}__image-wrapper`,
               {
-                [`${s}__image-wrapper--product`]: "productImage" in d,
-                [`${s}__image-wrapper--decorative`]: "decorativeImage" in d
+                [`${s}__image-wrapper--product`]: "productImage" in c,
+                [`${s}__image-wrapper--decorative`]: "decorativeImage" in c
               }
             ]),
             children: [
-              h,
+              _,
               C && /* @__PURE__ */ l(
                 "div",
                 {
-                  className: f(`${s}__image-gradient`),
+                  className: h(`${s}__image-gradient`),
                   "data-testid": "promotion-card-gradient"
                 }
               )