@purpurds/promotion-card 6.10.0 → 6.11.1

package/dist/promotion-card.es.js

@@ -1,5 +1,5 @@
-import { jsxs as _, jsx as u, Fragment as ur } from "react/jsx-runtime";
-import * as c from "react";
+import { jsxs as c, jsx as u, Fragment as ur } from "react/jsx-runtime";
+import * as d from "react";
 import { forwardRef as J } from "react";
 import "react-dom";
 function _e(e) {
@@ -223,7 +223,7 @@ const gr = /* @__PURE__ */ Be(Me), X = {
   ...t
 }) => {
   const n = Ge(a), l = gr([r, X[Q], X[`${Q}--${a}`]]);
-  return /* @__PURE__ */ _("span", { "aria-label": p, className: l, "data-testid": o, ...t, children: [
+  return /* @__PURE__ */ c("span", { "aria-label": p, className: l, "data-testid": o, ...t, children: [
     i && n && /* @__PURE__ */ u(
       re,
       {
@@ -397,7 +397,7 @@ const Ve = /* @__PURE__ */ De(Te), We = {
   loading: t = !1,
   negative: n = !1,
   onClick: l,
-  size: d = "md",
+  size: _ = "md",
   variant: m,
   type: C = "button",
   ...j
@@ -408,7 +408,7 @@ const Ve = /* @__PURE__ */ De(Te), We = {
     [
       O,
       `${O}--${n ? `${m}-negative` : m}`,
-      `${O}--${d}`
+      `${O}--${_}`
     ],
     {
       [`${O}--icon-only`]: r,
@@ -420,7 +420,7 @@ const Ve = /* @__PURE__ */ De(Te), We = {
   ), B = (v) => {
     o || t ? v.preventDefault() : l && l(v);
   }, k = !!j["aria-disabled"] || o || t;
-  return /* @__PURE__ */ _(
+  return /* @__PURE__ */ c(
     "button",
     {
       className: f,
@@ -431,7 +431,7 @@ const Ve = /* @__PURE__ */ De(Te), We = {
       onClick: B,
       ...j,
       children: [
-        t && /* @__PURE__ */ u(Le, { size: d === Ee.LG ? "xs" : "xxs", negative: n, disabled: k }),
+        t && /* @__PURE__ */ u(Le, { size: _ === Ee.LG ? "xs" : "xxs", negative: n, disabled: k }),
         " ",
         e
       ]
@@ -708,7 +708,7 @@ const Or = /* @__PURE__ */ yt(xt), rr = {
   ...t
 }) => {
   const n = bt(a), l = Or([r, rr[er], rr[`${er}--${a}`]]);
-  return /* @__PURE__ */ _("span", { "aria-label": p, className: l, "data-testid": o, ...t, children: [
+  return /* @__PURE__ */ c("span", { "aria-label": p, className: l, "data-testid": o, ...t, children: [
     i && n && /* @__PURE__ */ u(
       te,
       {
@@ -895,7 +895,7 @@ const Br = /* @__PURE__ */ Zt(qt), zt = "_rotate_1xozj_1", Ut = "_dash_1xozj_1",
     ])} ${$}`,
     "data-testid": e,
     ...l,
-    children: r ? /* @__PURE__ */ u(Rt, { "data-testid": `${e}-spinner`, size: "xs", disabled: o }) : /* @__PURE__ */ _(ur, { children: [
+    children: r ? /* @__PURE__ */ u(Rt, { "data-testid": `${e}-spinner`, size: "xs", disabled: o }) : /* @__PURE__ */ c(ur, { children: [
       p === "left" && a,
       t,
       p === "right" && a
@@ -1081,7 +1081,7 @@ const pa = {
 }, qr = h.bind(pa), zr = "purpur-card-feature-list", ua = ({
   ["data-testid"]: e = "purpur-card-feature-list",
   listItems: i
-}) => i && i.length > 0 ? /* @__PURE__ */ u("ul", { className: qr(zr), "data-testid": e, children: i.map((a) => /* @__PURE__ */ _(
+}) => i && i.length > 0 ? /* @__PURE__ */ u("ul", { className: qr(zr), "data-testid": e, children: i.map((a) => /* @__PURE__ */ c(
   "li",
   {
     className: qr(`${zr}__list-item`),
@@ -1155,25 +1155,24 @@ const ca = /* @__PURE__ */ la(da), H = {
 }, _a = {
   TITLE100: "title-100"
 }, T = "purpur-heading", ie = ({
-  ["data-testid"]: e,
-  children: i,
-  className: a = "",
-  enableHyphenation: o = !1,
-  negative: p = !1,
-  tag: r,
-  variant: t = _a.TITLE100,
-  ...n
+  children: e,
+  className: i = "",
+  enableHyphenation: a = !1,
+  negative: o = !1,
+  tag: p,
+  variant: r = _a.TITLE100,
+  ...t
 }) => {
-  const l = r, d = ca([
-    a,
+  const n = p, l = ca([
+    i,
     H[T],
-    H[`${T}--${t}`],
+    H[`${T}--${r}`],
     {
-      [H[`${T}--hyphens`]]: o,
-      [H[`${T}--negative`]]: p
+      [H[`${T}--hyphens`]]: a,
+      [H[`${T}--negative`]]: o
     }
   ]);
-  return /* @__PURE__ */ u(l, { ...n, className: d, "data-testid": e, children: i });
+  return /* @__PURE__ */ u(n, { className: l, ...t, children: e });
 };
 ie.displayName = "Heading";
 const fa = {
@@ -1188,8 +1187,8 @@ const fa = {
   children: o,
   titleTag: p = "h2",
   enableHyphenation: r
-}) => /* @__PURE__ */ _("div", { className: V(W), "data-testid": e, children: [
-  /* @__PURE__ */ _("div", { className: V(`${W}__header`), children: [
+}) => /* @__PURE__ */ c("div", { className: V(W), "data-testid": e, children: [
+  /* @__PURE__ */ c("div", { className: V(`${W}__header`), children: [
     a && /* @__PURE__ */ u("div", { className: V(`${W}__icon`), children: a }),
     /* @__PURE__ */ u(
       ie,
@@ -1251,27 +1250,27 @@ function ja(...e) {
       };
   };
 }
-var oe = c.forwardRef((e, i) => {
-  const { children: a, ...o } = e, p = c.Children.toArray(a), r = p.find(Fa);
+var oe = d.forwardRef((e, i) => {
+  const { children: a, ...o } = e, p = d.Children.toArray(a), r = p.find(Fa);
   if (r) {
-    const t = r.props.children, n = p.map((l) => l === r ? c.Children.count(t) > 1 ? c.Children.only(null) : c.isValidElement(t) ? t.props.children : null : l);
-    return /* @__PURE__ */ u(or, { ...o, ref: i, children: c.isValidElement(t) ? c.cloneElement(t, void 0, n) : null });
+    const t = r.props.children, n = p.map((l) => l === r ? d.Children.count(t) > 1 ? d.Children.only(null) : d.isValidElement(t) ? t.props.children : null : l);
+    return /* @__PURE__ */ u(or, { ...o, ref: i, children: d.isValidElement(t) ? d.cloneElement(t, void 0, n) : null });
   }
   return /* @__PURE__ */ u(or, { ...o, ref: i, children: a });
 });
 oe.displayName = "Slot";
-var or = c.forwardRef((e, i) => {
+var or = d.forwardRef((e, i) => {
   const { children: a, ...o } = e;
-  if (c.isValidElement(a)) {
+  if (d.isValidElement(a)) {
     const p = Ga(a), r = Ma(o, a.props);
-    return a.type !== c.Fragment && (r.ref = i ? ja(i, p) : p), c.cloneElement(a, r);
+    return a.type !== d.Fragment && (r.ref = i ? ja(i, p) : p), d.cloneElement(a, r);
   }
-  return c.Children.count(a) > 1 ? c.Children.only(null) : null;
+  return d.Children.count(a) > 1 ? d.Children.only(null) : null;
 });
 or.displayName = "SlotClone";
 var Ba = ({ children: e }) => /* @__PURE__ */ u(ur, { children: e });
 function Fa(e) {
-  return c.isValidElement(e) && e.type === Ba;
+  return d.isValidElement(e) && e.type === Ba;
 }
 function Ma(e, i) {
   const a = { ...i };
@@ -1306,12 +1305,12 @@ var Za = [
   "svg",
   "ul"
 ], Ea = Za.reduce((e, i) => {
-  const a = c.forwardRef((o, p) => {
+  const a = d.forwardRef((o, p) => {
     const { asChild: r, ...t } = o, n = r ? oe : i;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(n, { ...t, ref: p });
   });
   return a.displayName = `Primitive.${i}`, { ...e, [i]: a };
-}, {}), qa = "VisuallyHidden", pe = c.forwardRef(
+}, {}), qa = "VisuallyHidden", pe = d.forwardRef(
   (e, i) => /* @__PURE__ */ u(
     Ea.span,
     {
@@ -1398,7 +1397,7 @@ const Pr = ({
     onClick: t,
     screenReaderText: n,
     variant: l,
-    ...d
+    ..._
   }, m) => {
     const C = Ia([
       ar,
@@ -1408,7 +1407,7 @@ const Pr = ({
         [`${ar}--full-height`]: p
       }
     ]);
-    return /* @__PURE__ */ _("div", { className: C, "data-testid": e, ref: m, ...d, children: [
+    return /* @__PURE__ */ c("div", { className: C, "data-testid": e, ref: m, ..._, children: [
       i,
       (t || r) && n && /* @__PURE__ */ u(
         Ua,
@@ -1630,7 +1629,7 @@ const n0 = /* @__PURE__ */ e0(a0), i0 = {
     negative: t = !1,
     size: n = "md",
     variant: l,
-    icon: d = "forward",
+    icon: _ = "forward",
     ...m
   }, C) => {
     const j = o0(
@@ -1645,10 +1644,10 @@ const n0 = /* @__PURE__ */ e0(a0), i0 = {
         [`${F}--negative`]: t,
         [`${F}--full-width`]: o
       }
-    ), S = p0[d], f = /* @__PURE__ */ _(ur, { children: [
-      r && (d === "back" || d === "phone") && /* @__PURE__ */ u(pr, { svg: S, size: n === "lg" ? "sm" : "xs" }),
+    ), S = p0[_], f = /* @__PURE__ */ c(ur, { children: [
+      r && (_ === "back" || _ === "phone") && /* @__PURE__ */ u(pr, { svg: S, size: n === "lg" ? "sm" : "xs" }),
       (!p || p && !r) && e,
-      r && (d === "forward" || d === "external") && /* @__PURE__ */ u(pr, { svg: S, size: n === "lg" ? "sm" : "xs" })
+      r && (_ === "forward" || _ === "external") && /* @__PURE__ */ u(pr, { svg: S, size: n === "lg" ? "sm" : "xs" })
     ] }), B = {
       ...m,
       className: j,
@@ -1720,25 +1719,24 @@ const d0 = /* @__PURE__ */ u0(s0), Y = {
 }, c0 = {
   TITLE100: "title-100"
 }, K = "purpur-heading", se = ({
-  ["data-testid"]: e,
-  children: i,
-  className: a = "",
-  enableHyphenation: o = !1,
-  negative: p = !1,
-  tag: r,
-  variant: t = c0.TITLE100,
-  ...n
+  children: e,
+  className: i = "",
+  enableHyphenation: a = !1,
+  negative: o = !1,
+  tag: p,
+  variant: r = c0.TITLE100,
+  ...t
 }) => {
-  const l = r, d = d0([
-    a,
+  const n = p, l = d0([
+    i,
     Y[K],
-    Y[`${K}--${t}`],
+    Y[`${K}--${r}`],
     {
-      [Y[`${K}--hyphens`]]: o,
-      [Y[`${K}--negative`]]: p
+      [Y[`${K}--hyphens`]]: a,
+      [Y[`${K}--negative`]]: o
     }
   ]);
-  return /* @__PURE__ */ u(l, { ...n, className: d, "data-testid": e, children: i });
+  return /* @__PURE__ */ u(n, { className: l, ...t, children: e });
 };
 se.displayName = "Heading";
 function _0(e) {
@@ -1910,7 +1908,7 @@ const x0 = /* @__PURE__ */ v0(w0), b0 = {
   titleVariant: t = "title-300",
   enableTitleHyphenation: n = !1,
   className: l,
-  actions: d,
+  actions: _,
   children: m,
   style: C,
   alignment: j = "space-between",
@@ -1933,7 +1931,7 @@ const x0 = /* @__PURE__ */ v0(w0), b0 = {
     "--promotion-card-color": S0[i],
     "--promotion-card-background-image": C0[i]
   };
-  return /* @__PURE__ */ u(y, { ref: B, className: g(`${s}__card`), fullHeight: !0, children: /* @__PURE__ */ _(
+  return /* @__PURE__ */ u(y, { ref: B, className: g(`${s}__card`), fullHeight: !0, children: /* @__PURE__ */ c(
     "div",
     {
       "data-testid": e,
@@ -1952,7 +1950,7 @@ const x0 = /* @__PURE__ */ v0(w0), b0 = {
       ]),
       ...k,
       children: [
-        /* @__PURE__ */ _(
+        /* @__PURE__ */ c(
           "div",
           {
             className: g([
@@ -1963,11 +1961,11 @@ const x0 = /* @__PURE__ */ v0(w0), b0 = {
               }
             ]),
             children: [
-              a && /* @__PURE__ */ u("div", { "data-testid": "badgeWrapper", className: g(`${s}__badge-wrapper`), children: /* @__PURE__ */ _(Ze, { variant: i === "primary" ? "special" : "attention", showIcon: !1, children: [
+              a && /* @__PURE__ */ u("div", { "data-testid": "badgeWrapper", className: g(`${s}__badge-wrapper`), children: /* @__PURE__ */ c(Ze, { variant: i === "primary" ? "special" : "attention", showIcon: !1, children: [
                 o && o,
                 a
               ] }) }),
-              /* @__PURE__ */ _(
+              /* @__PURE__ */ c(
                 "div",
                 {
                   className: g(
@@ -1985,9 +1983,9 @@ const x0 = /* @__PURE__ */ v0(w0), b0 = {
                         children: p
                       }
                     ),
-                    /* @__PURE__ */ _("div", { className: g(`${s}__body`), children: [
+                    /* @__PURE__ */ c("div", { className: g(`${s}__body`), children: [
                       /* @__PURE__ */ u("div", { className: g(`${s}__child-content`), children: m }),
-                      d && d.length > 0 && /* @__PURE__ */ u("div", { className: g(`${s}__actions`), children: d.map(({ label: w, ...A }, M) => {
+                      _ && _.length > 0 && /* @__PURE__ */ u("div", { className: g(`${s}__actions`), children: _.map(({ label: w, ...A }, M) => {
                         const G = {
                           variant: M === 0 ? "primary" : "secondary",
                           negative: i === "primary",
@@ -2012,7 +2010,7 @@ const x0 = /* @__PURE__ */ v0(w0), b0 = {
             ]
           }
         ),
-        v && /* @__PURE__ */ _(
+        v && /* @__PURE__ */ c(
           "div",
           {
             className: g([