@purpurds/card 6.12.2 → 6.12.3

package/dist/card.es.js

@@ -18,12 +18,12 @@ function hr() {
       var n = {}.hasOwnProperty;
       function a() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = i(r, p.call(this, u)));
+          var p = arguments[e];
+          p && (r = i(r, u.call(this, p)));
         }
         return r;
       }
-      function p(r) {
+      function u(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -33,8 +33,8 @@ function hr() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+        for (var p in r)
+          n.call(r, p) && r[p] && (e = i(e, this && this[p] || p));
         return e;
       }
       function i(r, e) {
@@ -66,12 +66,12 @@ function yr() {
       var n = {}.hasOwnProperty;
       function a() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = i(r, p.call(this, u)));
+          var p = arguments[e];
+          p && (r = i(r, u.call(this, p)));
         }
         return r;
       }
-      function p(r) {
+      function u(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -81,8 +81,8 @@ function yr() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+        for (var p in r)
+          n.call(r, p) && r[p] && (e = i(e, this && this[p] || p));
         return e;
       }
       function i(r, e) {
@@ -107,25 +107,25 @@ const br = /* @__PURE__ */ vr($r), 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 ${Cr(a)}>${p}${t}</svg>`;
+  ], u = n ? `<title>${n}</title>` : "";
+  return `<svg ${Cr(a)}>${u}${t}</svg>`;
 }, zr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), er = ({
   ["data-testid"]: t,
   svg: n,
   allyTitle: a,
-  className: p,
+  className: u,
   size: i = Nr,
   ...r
 }) => {
   const e = jr({
     content: zr(n.svg),
     title: a
-  }), u = xr(p, H, `${H}--${i}`);
+  }), p = xr(u, H, `${H}--${i}`);
   return /* @__PURE__ */ o(
     "span",
     {
       "aria-label": a,
-      className: u,
+      className: p,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
       ...r
@@ -190,12 +190,12 @@ function Hr() {
       var n = {}.hasOwnProperty;
       function a() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = i(r, p(u)));
+          var p = arguments[e];
+          p && (r = i(r, u(p)));
         }
         return r;
       }
-      function p(r) {
+      function u(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -205,8 +205,8 @@ function Hr() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (e = i(e, u));
+        for (var p in r)
+          n.call(r, p) && r[p] && (e = i(e, p));
         return e;
       }
       function i(r, e) {
@@ -265,20 +265,20 @@ const B = /* @__PURE__ */ Er(Pr), z = {
   children: t,
   showIcon: n = !0,
   variant: a,
-  ["data-testid"]: p,
+  ["data-testid"]: u,
   allyLabel: i,
   className: r = "",
   ...e
 }) => {
-  const u = Lr(a), c = B([r, z[S], z[`${S}--${a}`]]);
-  return /* @__PURE__ */ f("span", { "aria-label": i, className: c, "data-testid": p, ...e, children: [
-    n && u && /* @__PURE__ */ o(
+  const p = Lr(a), c = B([r, z[S], z[`${S}--${a}`]]);
+  return /* @__PURE__ */ f("span", { "aria-label": i, className: c, "data-testid": u, ...e, children: [
+    n && p && /* @__PURE__ */ o(
       er,
       {
-        "data-testid": `${p}-icon`,
+        "data-testid": `${u}-icon`,
         allyTitle: i,
         size: "xs",
-        svg: u,
+        svg: p,
         className: B(z[`${S}__icon`])
       }
     ),
@@ -314,7 +314,7 @@ const B = /* @__PURE__ */ Er(Pr), z = {
   ["data-testid"]: t = "purpur-card-content-container",
   children: n,
   className: a,
-  isFooter: p = !1,
+  isFooter: u = !1,
   gapSize: i = "md",
   ...r
 }) => /* @__PURE__ */ o(
@@ -325,7 +325,7 @@ const B = /* @__PURE__ */ Er(Pr), z = {
       a,
       `${O}--gap-size--${i}`,
       {
-        [`${O}--footer`]: p
+        [`${O}--footer`]: u
       }
     ]),
     "data-testid": t,
@@ -349,12 +349,12 @@ function Xr() {
       var n = {}.hasOwnProperty;
       function a() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = i(r, p(u)));
+          var p = arguments[e];
+          p && (r = i(r, u(p)));
         }
         return r;
       }
-      function p(r) {
+      function u(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -364,8 +364,8 @@ function Xr() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (e = i(e, u));
+        for (var p in r)
+          n.call(r, p) && r[p] && (e = i(e, p));
         return e;
       }
       function i(r, e) {
@@ -394,12 +394,12 @@ const T = /* @__PURE__ */ Qr(rt), tt = "_rotate_1xozj_1", at = "_dash_1xozj_1",
   ["data-testid"]: t,
   disabled: n = !1,
   negative: a = !1,
-  size: p = et.SM,
+  size: u = et.SM,
   ...i
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: T([m[v], m[`${v}--${p}`]]),
+    className: T([m[v], m[`${v}--${u}`]]),
     "data-testid": t,
     ...i,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
@@ -438,11 +438,11 @@ const T = /* @__PURE__ */ Qr(rt), tt = "_rotate_1xozj_1", at = "_dash_1xozj_1",
   ["data-testid"]: t = "purpur-card-cta",
   className: n,
   children: a,
-  disabled: p = !1,
+  disabled: u = !1,
   iconPosition: i = "right",
   loading: r = !1,
   text: e,
-  linkStyling: u = !1,
+  linkStyling: p = !1,
   ...c
 }) => /* @__PURE__ */ o(
   "div",
@@ -451,18 +451,18 @@ const T = /* @__PURE__ */ Qr(rt), tt = "_rotate_1xozj_1", at = "_dash_1xozj_1",
       g,
       n,
       {
-        [`${g}--disabled`]: p,
+        [`${g}--disabled`]: u,
         [`${g}--text`]: !!e,
-        [`${g}--cta-styling`]: u,
-        [`${g}--button-styling`]: !u,
-        [`${g}--button-styling--md`]: !u,
-        [`${g}--button-styling--secondary`]: !u,
-        [`${g}--button-styling--icon-only`]: !u && !e
+        [`${g}--cta-styling`]: p,
+        [`${g}--button-styling`]: !p,
+        [`${g}--button-styling--md`]: !p,
+        [`${g}--button-styling--secondary`]: !p,
+        [`${g}--button-styling--icon-only`]: !p && !e
       }
     ])} ${g}`,
     "data-testid": t,
     ...c,
-    children: r ? /* @__PURE__ */ o(nt, { "data-testid": `${t}-spinner`, size: "xs", disabled: p }) : /* @__PURE__ */ f(ar, { children: [
+    children: r ? /* @__PURE__ */ o(nt, { "data-testid": `${t}-spinner`, size: "xs", disabled: u }) : /* @__PURE__ */ f(ar, { children: [
       i === "left" && a,
       e,
       i === "right" && a
@@ -485,12 +485,12 @@ function st() {
       var n = {}.hasOwnProperty;
       function a() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = i(r, p.call(this, u)));
+          var p = arguments[e];
+          p && (r = i(r, u.call(this, p)));
         }
         return r;
       }
-      function p(r) {
+      function u(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -500,8 +500,8 @@ function st() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+        for (var p in r)
+          n.call(r, p) && r[p] && (e = i(e, this && this[p] || p));
         return e;
       }
       function i(r, e) {
@@ -526,25 +526,25 @@ const lt = /* @__PURE__ */ ot(ct), 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 ${ht(a)}>${p}${t}</svg>`;
+  ], u = n ? `<title>${n}</title>` : "";
+  return `<svg ${ht(a)}>${u}${t}</svg>`;
 }, mt = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), nr = ({
   ["data-testid"]: t,
   svg: n,
   allyTitle: a,
-  className: p,
+  className: u,
   size: i = gt,
   ...r
 }) => {
   const e = ft({
     content: mt(n.svg),
     title: a
-  }), u = _t(p, W, `${W}--${i}`);
+  }), p = _t(u, W, `${W}--${i}`);
   return /* @__PURE__ */ o(
     "span",
     {
       "aria-label": a,
-      className: u,
+      className: p,
       "data-testid": t,
       dangerouslySetInnerHTML: { __html: e },
       ...r
@@ -575,12 +575,12 @@ function $t() {
       var n = {}.hasOwnProperty;
       function a() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = i(r, p(u)));
+          var p = arguments[e];
+          p && (r = i(r, u(p)));
         }
         return r;
       }
-      function p(r) {
+      function u(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -590,8 +590,8 @@ function $t() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (e = i(e, u));
+        for (var p in r)
+          n.call(r, p) && r[p] && (e = i(e, p));
         return e;
       }
       function i(r, e) {
@@ -623,11 +623,11 @@ const wt = /* @__PURE__ */ yt(bt), y = {
   ["data-testid"]: t,
   children: n,
   className: a,
-  disabled: p,
+  disabled: u,
   enableHyphenation: i = !1,
   negative: r = !1,
   variant: e = xt.PARAGRAPH100,
-  ...u
+  ...p
 }) => {
   const c = wt([
     a,
@@ -635,11 +635,11 @@ const wt = /* @__PURE__ */ yt(bt), y = {
     y[`${$}--${e}`],
     {
       [y[`${$}--hyphens`]]: i,
-      [y[`${$}--disabled`]]: p,
+      [y[`${$}--disabled`]]: u,
       [y[`${$}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ o("p", { ...u, className: c, "data-testid": t, children: n });
+  return /* @__PURE__ */ o("p", { ...p, className: c, "data-testid": t, children: n });
 };
 q.displayName = "Paragraph";
 const Nt = {
@@ -676,12 +676,12 @@ function zt() {
       var n = {}.hasOwnProperty;
       function a() {
         for (var r = "", e = 0; e < arguments.length; e++) {
-          var u = arguments[e];
-          u && (r = i(r, p(u)));
+          var p = arguments[e];
+          p && (r = i(r, u(p)));
         }
         return r;
       }
-      function p(r) {
+      function u(r) {
         if (typeof r == "string" || typeof r == "number")
           return r;
         if (typeof r != "object")
@@ -691,8 +691,8 @@ function zt() {
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var e = "";
-        for (var u in r)
-          n.call(r, u) && r[u] && (e = i(e, u));
+        for (var p in r)
+          n.call(r, p) && r[p] && (e = i(e, p));
         return e;
       }
       function i(r, e) {
@@ -725,21 +725,21 @@ const Ot = /* @__PURE__ */ jt(St), w = {
   children: t,
   className: n = "",
   enableHyphenation: a = !1,
-  negative: p = !1,
+  negative: u = !1,
   tag: i,
   variant: r = At.TITLE100,
   ...e
 }) => {
-  const u = i, c = Ot([
+  const p = i, c = Ot([
     n,
     w[x],
     w[`${x}--${r}`],
     {
       [w[`${x}--hyphens`]]: a,
-      [w[`${x}--negative`]]: p
+      [w[`${x}--negative`]]: u
     }
   ]);
-  return /* @__PURE__ */ o(u, { className: c, ...e, children: t });
+  return /* @__PURE__ */ o(p, { className: c, ...e, children: t });
 };
 pr.displayName = "Heading";
 const Zt = {
@@ -751,7 +751,7 @@ const Zt = {
   ["data-testid"]: t = "purpur-card-heading",
   title: n,
   icon: a,
-  children: p,
+  children: u,
   titleTag: i = "h2",
   enableHyphenation: r
 }) => /* @__PURE__ */ f("div", { className: N(C), "data-testid": t, children: [
@@ -768,20 +768,22 @@ const Zt = {
       }
     )
   ] }),
-  p
+  u
 ] }), qt = {
   "purpur-card-media": "_purpur-card-media_udc1o_1"
 }, kt = l.bind(qt), Rt = "purpur-card-media", Et = ({
   ["data-testid"]: t = "purpur-card-media",
   className: n,
-  children: a
-}) => /* @__PURE__ */ o("div", { className: kt([Rt, n]), "data-testid": t, children: a }), Ht = {
+  children: a,
+  ...u
+}) => /* @__PURE__ */ o("div", { ...u, className: kt([Rt, n]), "data-testid": t, children: a }), Ht = {
   "purpur-card-media-layout": "_purpur-card-media-layout_1yfvb_1"
 }, Pt = l.bind(Ht), Lt = "purpur-card-media-layout", Bt = ({
   ["data-testid"]: t = "purpur-card-media-layout",
   className: n,
-  children: a
-}) => /* @__PURE__ */ o("div", { className: Pt([Lt, n]), "data-testid": t, children: a }), It = {
+  children: a,
+  ...u
+}) => /* @__PURE__ */ o("div", { ...u, className: Pt([Lt, n]), "data-testid": t, children: a }), It = {
   "purpur-card-overline": "_purpur-card-overline_192fe_1"
 }, Vt = l.bind(It), Tt = "purpur-card-overline", Ft = ({
   ["data-testid"]: t = "purpur-card-overline",
@@ -804,32 +806,32 @@ function X(t, n) {
 function Dt(...t) {
   return (n) => {
     let a = !1;
-    const p = t.map((i) => {
+    const u = t.map((i) => {
       const r = X(i, n);
       return !a && typeof r == "function" && (a = !0), r;
     });
     if (a)
       return () => {
-        for (let i = 0; i < p.length; i++) {
-          const r = p[i];
+        for (let i = 0; i < u.length; i++) {
+          const r = u[i];
           typeof r == "function" ? r() : X(t[i], null);
         }
       };
   };
 }
 var ir = s.forwardRef((t, n) => {
-  const { children: a, ...p } = t, i = s.Children.toArray(a), r = i.find(Kt);
+  const { children: a, ...u } = t, i = s.Children.toArray(a), r = i.find(Kt);
   if (r) {
-    const e = r.props.children, u = i.map((c) => c === r ? s.Children.count(e) > 1 ? s.Children.only(null) : s.isValidElement(e) ? e.props.children : null : c);
-    return /* @__PURE__ */ o(M, { ...p, ref: n, children: s.isValidElement(e) ? s.cloneElement(e, void 0, u) : null });
+    const e = r.props.children, p = i.map((c) => c === r ? s.Children.count(e) > 1 ? s.Children.only(null) : s.isValidElement(e) ? e.props.children : null : c);
+    return /* @__PURE__ */ o(M, { ...u, ref: n, children: s.isValidElement(e) ? s.cloneElement(e, void 0, p) : null });
   }
-  return /* @__PURE__ */ o(M, { ...p, ref: n, children: a });
+  return /* @__PURE__ */ o(M, { ...u, ref: n, children: a });
 });
 ir.displayName = "Slot";
 var M = s.forwardRef((t, n) => {
-  const { children: a, ...p } = t;
+  const { children: a, ...u } = t;
   if (s.isValidElement(a)) {
-    const i = Jt(a), r = Yt(p, a.props);
+    const i = Jt(a), r = Yt(u, a.props);
     return a.type !== s.Fragment && (r.ref = n ? Dt(n, i) : i), s.cloneElement(a, r);
   }
   return s.Children.count(a) > 1 ? s.Children.only(null) : null;
@@ -841,18 +843,18 @@ function Kt(t) {
 }
 function Yt(t, n) {
   const a = { ...n };
-  for (const p in n) {
-    const i = t[p], r = n[p];
-    /^on[A-Z]/.test(p) ? i && r ? a[p] = (...e) => {
+  for (const u in n) {
+    const i = t[u], r = n[u];
+    /^on[A-Z]/.test(u) ? i && r ? a[u] = (...e) => {
       r(...e), i(...e);
-    } : i && (a[p] = i) : p === "style" ? a[p] = { ...i, ...r } : p === "className" && (a[p] = [i, r].filter(Boolean).join(" "));
+    } : i && (a[u] = i) : u === "style" ? a[u] = { ...i, ...r } : u === "className" && (a[u] = [i, r].filter(Boolean).join(" "));
   }
   return { ...t, ...a };
 }
 function Jt(t) {
   var n, a;
-  let p = (n = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : n.get, i = p && "isReactWarning" in p && p.isReactWarning;
-  return i ? t.ref : (p = (a = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : a.get, i = p && "isReactWarning" in p && p.isReactWarning, i ? t.props.ref : t.props.ref || t.ref);
+  let u = (n = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : n.get, i = u && "isReactWarning" in u && u.isReactWarning;
+  return i ? t.ref : (u = (a = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : a.get, i = u && "isReactWarning" in u && u.isReactWarning, i ? t.props.ref : t.props.ref || t.ref);
 }
 var Qt = [
   "a",
@@ -872,9 +874,9 @@ var Qt = [
   "svg",
   "ul"
 ], Xt = Qt.reduce((t, n) => {
-  const a = s.forwardRef((p, i) => {
-    const { asChild: r, ...e } = p, u = r ? ir : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(u, { ...e, ref: i });
+  const a = s.forwardRef((u, i) => {
+    const { asChild: r, ...e } = u, p = r ? ir : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(p, { ...e, ref: i });
   });
   return a.displayName = `Primitive.${n}`, { ...t, [n]: a };
 }, {}), ra = "VisuallyHidden", or = s.forwardRef(
@@ -906,16 +908,16 @@ const rr = ({
   asChild: t,
   children: n,
   className: a = "",
-  ["data-testid"]: p
-}) => /* @__PURE__ */ o(ta, { asChild: t, "data-testid": p, className: a, children: n }), tr = l.bind(Wt), h = "purpur-card-trigger-item", aa = ({
+  ["data-testid"]: u
+}) => /* @__PURE__ */ o(ta, { asChild: t, "data-testid": u, className: a, children: n }), tr = l.bind(Wt), h = "purpur-card-trigger-item", aa = ({
   ["data-testid"]: t = "purpur-card-trigger-item",
   disabled: n = !1,
   href: a,
-  onClick: p,
+  onClick: u,
   screenReaderText: i
 }) => {
-  const r = (u) => {
-    n ? u.preventDefault() : p && p();
+  const r = (p) => {
+    n ? p.preventDefault() : u && u();
   }, e = `${h} ${n ? `${h}--disabled` : ""}`;
   return a ? (
     // eslint-disable-next-line jsx-a11y/anchor-is-valid
@@ -958,11 +960,11 @@ const rr = ({
     ["data-testid"]: t = "purpur-card-root",
     children: n,
     className: a,
-    disabled: p,
+    disabled: u,
     fullHeight: i,
     href: r,
     onClick: e,
-    screenReaderText: u,
+    screenReaderText: p,
     variant: c,
     ...cr
   }, lr) => {
@@ -976,13 +978,13 @@ const rr = ({
     ]);
     return /* @__PURE__ */ f("div", { className: dr, "data-testid": t, ref: lr, ...cr, children: [
       n,
-      (e || r) && u && /* @__PURE__ */ o(
+      (e || r) && p && /* @__PURE__ */ o(
         aa,
         {
-          disabled: p,
+          disabled: u,
           href: r,
           onClick: e,
-          screenReaderText: u
+          screenReaderText: p
         }
       )
     ] });
@@ -990,7 +992,7 @@ const rr = ({
 );
 sr.displayName = "CardRoot";
 const Z = l.bind(mr), b = "purpur-card", d = ({ children: t, className: n, ...a }) => {
-  const p = Z([
+  const u = Z([
     b,
     n,
     {
@@ -1004,7 +1006,7 @@ const Z = l.bind(mr), b = "purpur-card", d = ({ children: t, className: n, ...a
       className: Z(`${b}__container`, {
         [`${b}__container--full-height`]: a.fullHeight
       }),
-      children: /* @__PURE__ */ o(sr, { className: Z(p), ...a, children: t })
+      children: /* @__PURE__ */ o(sr, { className: Z(u), ...a, children: t })
     }
   );
 };