@purpurds/promotion-card 5.28.3 → 5.30.0

package/dist/promotion-card.es.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as l, Fragment as hr } from "react/jsx-runtime";
-import { forwardRef as $, Children as D, isValidElement as V, createElement as P, cloneElement as mr, useEffect as Rr, Fragment as Dr } from "react";
+import { forwardRef as $, Children as q, isValidElement as V, createElement as D, cloneElement as mr, useEffect as Rr, Fragment as qr } from "react";
 import "react-dom";
-function Pr(e) {
+function Dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var vr = { exports: {} };
@@ -40,8 +40,8 @@ var vr = { exports: {} };
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(vr);
-var Tr = vr.exports;
-const zr = /* @__PURE__ */ Pr(Tr), Hr = {
+var Pr = vr.exports;
+const Tr = /* @__PURE__ */ Dr(Pr), Hr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -84,7 +84,7 @@ const zr = /* @__PURE__ */ Pr(Tr), Hr = {
   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"
-}, re = zr.bind(Hr), rr = "purpur-icon", ee = "md", te = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ae = ({ content: e = "", title: i } = {}) => {
+}, re = Tr.bind(Hr), rr = "purpur-icon", ee = "md", te = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), ae = ({ content: e = "", title: i } = {}) => {
   const a = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -157,15 +157,15 @@ var xr = { exports: {} };
 })(xr);
 var ne = xr.exports;
 const pe = /* @__PURE__ */ oe(ne), er = {
-  "purpur-badge": "_purpur-badge_1r1mu_1",
-  "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
-  "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
-  "purpur-badge--neutral": "_purpur-badge--neutral_1r1mu_21",
-  "purpur-badge--information": "_purpur-badge--information_1r1mu_25",
-  "purpur-badge--success": "_purpur-badge--success_1r1mu_29",
-  "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"
+  "purpur-badge": "_purpur-badge_19vzu_1",
+  "purpur-badge--attention": "_purpur-badge--attention_19vzu_13",
+  "purpur-badge--special": "_purpur-badge--special_19vzu_17",
+  "purpur-badge--neutral": "_purpur-badge--neutral_19vzu_21",
+  "purpur-badge--information": "_purpur-badge--information_19vzu_25",
+  "purpur-badge--success": "_purpur-badge--success_19vzu_29",
+  "purpur-badge--warning": "_purpur-badge--warning_19vzu_33",
+  "purpur-badge--error": "_purpur-badge--error_19vzu_37",
+  "purpur-badge--black-friday": "_purpur-badge--black-friday_19vzu_41"
 }, tr = "purpur-badge", b = {
   ATTENTION: "attention",
   SPECIAL: "special",
@@ -389,8 +389,8 @@ const ye = /* @__PURE__ */ me(ve), xe = {
       [`${A}--disabled`]: n || t
     },
     i
-  ), _ = (T) => {
-    n || t ? T.preventDefault() : u && u(T);
+  ), _ = (P) => {
+    n || t ? P.preventDefault() : u && u(P);
   }, C = !!c["aria-disabled"] || n || t;
   return /* @__PURE__ */ f(
     "button",
@@ -537,14 +537,14 @@ const Oe = /* @__PURE__ */ ke(Ae), Be = {
   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"
-}, je = Oe.bind(Be), ir = "purpur-icon", Ue = "md", Le = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), qe = ({ content: e = "", title: i } = {}) => {
+}, je = Oe.bind(Be), ir = "purpur-icon", Ue = "md", ze = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), Le = ({ 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 ${Le(a)}>${n}${e}</svg>`;
+  return `<svg ${ze(a)}>${n}${e}</svg>`;
 }, Re = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), kr = ({
   ["data-testid"]: e,
   svg: i,
@@ -553,7 +553,7 @@ const Oe = /* @__PURE__ */ ke(Ae), Be = {
   size: p = Ue,
   ...r
 }) => {
-  const t = qe({
+  const t = Le({
     content: Re(i.svg),
     title: a
   }), o = je(n, ir, `${ir}--${p}`);
@@ -569,7 +569,7 @@ const Oe = /* @__PURE__ */ ke(Ae), Be = {
   );
 };
 kr.displayName = "Icon";
-function De(e) {
+function qe(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ar = { exports: {} };
@@ -608,17 +608,17 @@ var Ar = { exports: {} };
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
 })(Ar);
-var Pe = Ar.exports;
-const Te = /* @__PURE__ */ De(Pe), or = {
-  "purpur-badge": "_purpur-badge_1r1mu_1",
-  "purpur-badge--attention": "_purpur-badge--attention_1r1mu_13",
-  "purpur-badge--special": "_purpur-badge--special_1r1mu_17",
-  "purpur-badge--neutral": "_purpur-badge--neutral_1r1mu_21",
-  "purpur-badge--information": "_purpur-badge--information_1r1mu_25",
-  "purpur-badge--success": "_purpur-badge--success_1r1mu_29",
-  "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"
+var De = Ar.exports;
+const Pe = /* @__PURE__ */ qe(De), or = {
+  "purpur-badge": "_purpur-badge_19vzu_1",
+  "purpur-badge--attention": "_purpur-badge--attention_19vzu_13",
+  "purpur-badge--special": "_purpur-badge--special_19vzu_17",
+  "purpur-badge--neutral": "_purpur-badge--neutral_19vzu_21",
+  "purpur-badge--information": "_purpur-badge--information_19vzu_25",
+  "purpur-badge--success": "_purpur-badge--success_19vzu_29",
+  "purpur-badge--warning": "_purpur-badge--warning_19vzu_33",
+  "purpur-badge--error": "_purpur-badge--error_19vzu_37",
+  "purpur-badge--black-friday": "_purpur-badge--black-friday_19vzu_41"
 }, nr = "purpur-badge", S = {
   ATTENTION: "attention",
   SPECIAL: "special",
@@ -628,7 +628,7 @@ const Te = /* @__PURE__ */ De(Pe), or = {
   WARNING: "warning",
   ERROR: "error",
   BLACK_FRIDAY: "black-friday"
-}, ze = (e) => {
+}, Te = (e) => {
   switch (e) {
     case S.ATTENTION:
     case S.SPECIAL:
@@ -657,7 +657,7 @@ const Te = /* @__PURE__ */ De(Pe), or = {
   className: r = "",
   ...t
 }) => {
-  const o = ze(a), u = Te([r, or[nr], or[`${nr}--${a}`]]);
+  const o = Te(a), u = Pe([r, or[nr], or[`${nr}--${a}`]]);
   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
@@ -754,7 +754,7 @@ const lr = /* @__PURE__ */ it(ot), nt = "_rotate_1xozj_1", pt = "_dash_1xozj_1",
   dash: pt,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, L = "purpur-spinner", lt = {
+}, z = "purpur-spinner", lt = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
@@ -769,15 +769,15 @@ const lr = /* @__PURE__ */ it(ot), nt = "_rotate_1xozj_1", pt = "_dash_1xozj_1",
 }) => /* @__PURE__ */ l(
   "div",
   {
-    className: lr([U[L], U[`${L}--${n}`]]),
+    className: lr([U[z], U[`${z}--${n}`]]),
     "data-testid": e,
     ...p,
     children: /* @__PURE__ */ l("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ l(
       "circle",
       {
-        className: lr(U[`${L}__circle`], {
-          [U[`${L}__circle--disabled`]]: i,
-          [U[`${L}__circle--negative`]]: a
+        className: lr(U[`${z}__circle`], {
+          [U[`${z}__circle--disabled`]]: i,
+          [U[`${z}__circle--negative`]]: a
         }),
         cx: "25",
         cy: "25",
@@ -978,7 +978,7 @@ var Er = { exports: {} };
   })();
 })(Er);
 var $t = Er.exports;
-const Ct = /* @__PURE__ */ St($t), q = {
+const Ct = /* @__PURE__ */ St($t), L = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1016,12 +1016,12 @@ const Ct = /* @__PURE__ */ St($t), q = {
 }) => {
   const u = Ct([
     a,
-    q[R],
-    q[`${R}--${t}`],
+    L[R],
+    L[`${R}--${t}`],
     {
-      [q[`${R}--hyphens`]]: p,
-      [q[`${R}--disabled`]]: n,
-      [q[`${R}--negative`]]: r
+      [L[`${R}--hyphens`]]: p,
+      [L[`${R}--disabled`]]: n,
+      [L[`${R}--negative`]]: r
     }
   ]);
   return /* @__PURE__ */ l("p", { ...o, className: u, "data-testid": e, children: i });
@@ -1108,20 +1108,20 @@ function E() {
 function Ut(e, i) {
   typeof e == "function" ? e(i) : e != null && (e.current = i);
 }
-function Lt(...e) {
+function zt(...e) {
   return (i) => e.forEach(
     (a) => Ut(a, i)
   );
 }
 const Gr = /* @__PURE__ */ $((e, i) => {
-  const { children: a, ...n } = e, p = D.toArray(a), r = p.find(Rt);
+  const { children: a, ...n } = e, p = q.toArray(a), r = p.find(Rt);
   if (r) {
-    const t = r.props.children, o = p.map((u) => u === r ? D.count(t) > 1 ? D.only(null) : /* @__PURE__ */ V(t) ? t.props.children : null : u);
-    return /* @__PURE__ */ P(K, E({}, n, {
+    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);
+    return /* @__PURE__ */ D(K, E({}, n, {
       ref: i
     }), /* @__PURE__ */ V(t) ? /* @__PURE__ */ mr(t, void 0, o) : null);
   }
-  return /* @__PURE__ */ P(K, E({}, n, {
+  return /* @__PURE__ */ D(K, E({}, n, {
     ref: i
   }), a);
 });
@@ -1129,16 +1129,16 @@ Gr.displayName = "Slot";
 const K = /* @__PURE__ */ $((e, i) => {
   const { children: a, ...n } = e;
   return /* @__PURE__ */ V(a) ? /* @__PURE__ */ mr(a, {
-    ...Dt(n, a.props),
-    ref: i ? Lt(i, a.ref) : a.ref
-  }) : D.count(a) > 1 ? D.only(null) : null;
+    ...qt(n, a.props),
+    ref: i ? zt(i, a.ref) : a.ref
+  }) : q.count(a) > 1 ? q.only(null) : null;
 });
 K.displayName = "SlotClone";
-const qt = ({ children: e }) => /* @__PURE__ */ P(Dr, null, e);
+const Lt = ({ children: e }) => /* @__PURE__ */ D(qr, null, e);
 function Rt(e) {
-  return /* @__PURE__ */ V(e) && e.type === qt;
+  return /* @__PURE__ */ V(e) && e.type === Lt;
 }
-function Dt(e, i) {
+function qt(e, i) {
   const a = {
     ...i
   };
@@ -1159,7 +1159,7 @@ function Dt(e, i) {
     ...a
   };
 }
-const Pt = [
+const Dt = [
   "a",
   "button",
   "div",
@@ -1176,12 +1176,12 @@ const Pt = [
   "span",
   "svg",
   "ul"
-], Tt = Pt.reduce((e, i) => {
+], Pt = Dt.reduce((e, i) => {
   const a = /* @__PURE__ */ $((n, p) => {
     const { asChild: r, ...t } = n, o = r ? Gr : i;
     return Rr(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ P(o, E({}, t, {
+    }, []), /* @__PURE__ */ D(o, E({}, t, {
       ref: p
     }));
   });
@@ -1189,7 +1189,7 @@ const Pt = [
     ...e,
     [i]: a
   };
-}, {}), zt = /* @__PURE__ */ $((e, i) => /* @__PURE__ */ P(Tt.span, E({}, e, {
+}, {}), Tt = /* @__PURE__ */ $((e, i) => /* @__PURE__ */ D(Pt.span, E({}, e, {
   ref: i,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1205,7 +1205,7 @@ const Pt = [
     wordWrap: "normal",
     ...e.style
   }
-}))), Ht = zt, cr = ({
+}))), Ht = Tt, cr = ({
   asChild: e,
   children: i,
   className: a = "",
@@ -1547,7 +1547,7 @@ var Ur = { exports: {} };
   })();
 })(Ur);
 var ha = Ur.exports;
-const ma = /* @__PURE__ */ ga(ha), z = {
+const ma = /* @__PURE__ */ ga(ha), T = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1572,7 +1572,7 @@ const ma = /* @__PURE__ */ ga(ha), z = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, H = "purpur-heading", Lr = ({
+}, H = "purpur-heading", zr = ({
   ["data-testid"]: e,
   children: i,
   className: a = "",
@@ -1584,20 +1584,20 @@ const ma = /* @__PURE__ */ ga(ha), z = {
 }) => {
   const u = r, d = ma([
     a,
-    z[H],
-    z[`${H}--${t}`],
+    T[H],
+    T[`${H}--${t}`],
     {
-      [z[`${H}--hyphens`]]: n,
-      [z[`${H}--negative`]]: p
+      [T[`${H}--hyphens`]]: n,
+      [T[`${H}--negative`]]: p
     }
   ]);
   return /* @__PURE__ */ l(u, { ...o, className: d, "data-testid": e, children: i });
 };
-Lr.displayName = "Heading";
+zr.displayName = "Heading";
 function ya(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var qr = { exports: {} };
+var Lr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1632,8 +1632,8 @@ var qr = { exports: {} };
     }
     e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
   })();
-})(qr);
-var xa = qr.exports;
+})(Lr);
+var xa = Lr.exports;
 const wa = /* @__PURE__ */ ya(xa), ba = {
   "purpur-promotion-card": "_purpur-promotion-card_13lr0_1",
   "purpur-promotion-card--without-image": "_purpur-promotion-card--without-image_13lr0_8",
@@ -1690,7 +1690,7 @@ const wa = /* @__PURE__ */ ya(xa), ba = {
     const { hasGradient: y, ...k } = c;
     C = y, v = k;
   }
-  const T = {
+  const P = {
     "--promotion-card-background": Sa[i],
     "--promotion-card-color": Ca[i],
     "--promotion-card-background-image": $a[i]
@@ -1700,7 +1700,7 @@ const wa = /* @__PURE__ */ ya(xa), ba = {
     {
       "data-testid": e,
       style: {
-        ...T,
+        ...P,
         ...w
       },
       className: h([
@@ -1731,7 +1731,7 @@ const wa = /* @__PURE__ */ ya(xa), ba = {
               ] }) }),
               /* @__PURE__ */ f("div", { className: h(`${s}__main-content`), children: [
                 /* @__PURE__ */ l(
-                  Lr,
+                  zr,
                   {
                     tag: r,
                     variant: t,