@purpurds/card 5.6.0 → 5.8.0

package/dist/card.es.js

@@ -1,5 +1,5 @@
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import { forwardRef as $, Children as y, isValidElement as x, createElement as b, cloneElement as L, useEffect as tr, Fragment as er } from "react";
+import { jsxs as A, jsx as o } from "react/jsx-runtime";
+import { forwardRef as $, Children as y, isValidElement as x, createElement as b, cloneElement as I, useEffect as tr, Fragment as er } from "react";
 import "react-dom";
 function ar(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -210,7 +210,7 @@ const Nr = /* @__PURE__ */ $r(xr), O = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error"
-}, Sr = (t) => {
+}, Cr = (t) => {
   switch (t) {
     case c.ATTENTION:
     case c.SPECIAL:
@@ -228,7 +228,7 @@ const Nr = /* @__PURE__ */ $r(xr), O = {
     default:
       return;
   }
-}, Ar = ({
+}, Sr = ({
   children: t,
   showIcon: n = !0,
   variant: e,
@@ -237,19 +237,19 @@ const Nr = /* @__PURE__ */ $r(xr), O = {
   className: r = "",
   ...a
 }) => {
-  const u = Sr(e), s = Nr([r, O[j], O[`${j}--${e}`]]);
-  return /* @__PURE__ */ C("span", { "aria-label": i, className: s, "data-testid": p, ...a, children: [
+  const u = Cr(e), s = Nr([r, O[j], O[`${j}--${e}`]]);
+  return /* @__PURE__ */ A("span", { "aria-label": i, className: s, "data-testid": p, ...a, children: [
     n && u && /* @__PURE__ */ o(br, { "data-testid": `${p}-icon`, allyTitle: i, size: "xs", svg: u }),
     t
   ] });
-}, Cr = {
+}, Ar = {
   "purpur-card-badge": "_purpur-card-badge_r7moe_1"
-}, kr = l.bind(Cr), Or = "purpur-card-badge", jr = ({
+}, kr = l.bind(Ar), Or = "purpur-card-badge", jr = ({
   ["data-testid"]: t = "purpur-card-badge",
   variant: n,
   text: e
 }) => n && e ? /* @__PURE__ */ o(
-  Ar,
+  Sr,
   {
     className: kr(Or),
     variant: n,
@@ -257,32 +257,32 @@ const Nr = /* @__PURE__ */ $r(xr), O = {
     "data-testid": t,
     children: e
   }
-) : null, Mr = {
+) : null, zr = {
   "purpur-card-content": "_purpur-card-content_2uc00_1"
-}, zr = l.bind(Mr), Zr = "purpur-card-content", Er = ({
+}, Mr = l.bind(zr), Zr = "purpur-card-content", Er = ({
   ["data-testid"]: t = "purpur-card-content",
   children: n
-}) => /* @__PURE__ */ o("div", { className: zr(Zr), "data-testid": t, children: n }), Rr = {
+}) => /* @__PURE__ */ o("div", { className: Mr(Zr), "data-testid": t, children: n }), Pr = {
   "purpur-card-content-container": "_purpur-card-content-container_dx1e4_1",
   "purpur-card-content-container--footer": "_purpur-card-content-container--footer_dx1e4_7"
-}, Pr = l.bind(Rr), M = "purpur-card-content-container", qr = ({
+}, Rr = l.bind(Pr), z = "purpur-card-content-container", qr = ({
   ["data-testid"]: t = "purpur-card-content-container",
   children: n,
   isFooter: e = !1
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: Pr([
-      M,
+    className: Rr([
+      z,
       {
-        [`${M}--footer`]: e
+        [`${z}--footer`]: e
       }
     ]),
     "data-testid": t,
     children: n
   }
 );
-function Ir(t) {
+function Lr(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var V = { exports: {} };
@@ -321,8 +321,8 @@ var V = { exports: {} };
     t.exports ? (e.default = e, t.exports = e) : window.classNames = e;
   })();
 })(V);
-var Lr = V.exports;
-const Hr = /* @__PURE__ */ Ir(Lr), Br = {
+var Ir = V.exports;
+const Hr = /* @__PURE__ */ Lr(Ir), Br = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -356,7 +356,7 @@ const G = (t) => /* @__PURE__ */ o(
   }
 );
 G.displayName = "IconCheckmark";
-const Dr = Hr.bind(Br), z = "purpur-icon", Gr = "md", Fr = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ur = ({ content: t = "", title: n } = {}) => {
+const Dr = Hr.bind(Br), M = "purpur-icon", Gr = "md", Fr = (t) => t.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Ur = ({ content: t = "", title: n } = {}) => {
   const e = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -375,7 +375,7 @@ const Dr = Hr.bind(Br), z = "purpur-icon", Gr = "md", Fr = (t) => t.filter((n) =
   const a = Ur({
     content: Wr(n.svg),
     title: e
-  }), u = Dr(p, z, `${z}--${i}`);
+  }), u = Dr(p, M, `${M}--${i}`);
   return /* @__PURE__ */ o(
     "span",
     {
@@ -480,7 +480,7 @@ const Kr = /* @__PURE__ */ Xr(Jr), m = {
 }, Z = l.bind(Yr), E = "purpur-card-feature-list", rt = ({
   ["data-testid"]: t = "purpur-card-feature-list",
   listItems: n
-}) => n && n.length > 0 ? /* @__PURE__ */ o("ul", { className: Z(E), "data-testid": t, children: n.map((e) => /* @__PURE__ */ C(
+}) => n && n.length > 0 ? /* @__PURE__ */ o("ul", { className: Z(E), "data-testid": t, children: n.map((e) => /* @__PURE__ */ A(
   "li",
   {
     className: Z(`${E}__list-item`),
@@ -532,7 +532,7 @@ var X = { exports: {} };
   })();
 })(X);
 var et = X.exports;
-const R = /* @__PURE__ */ tt(et), at = "_rotate_1xozj_1", nt = "_dash_1xozj_1", v = {
+const P = /* @__PURE__ */ tt(et), at = "_rotate_1xozj_1", nt = "_dash_1xozj_1", v = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: at,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -559,13 +559,13 @@ const R = /* @__PURE__ */ tt(et), at = "_rotate_1xozj_1", nt = "_dash_1xozj_1",
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: R([v[w], v[`${w}--${p}`]]),
+    className: P([v[w], v[`${w}--${p}`]]),
     "data-testid": t,
     ...i,
     children: /* @__PURE__ */ o("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ o(
       "circle",
       {
-        className: R(v[`${w}__circle`], {
+        className: P(v[`${w}__circle`], {
           [v[`${w}__circle--disabled`]]: n,
           [v[`${w}__circle--negative`]]: e
         }),
@@ -649,23 +649,23 @@ const J = /* @__PURE__ */ $((t, n) => {
   const { children: e, ...p } = t, i = y.toArray(e), r = i.find(wt);
   if (r) {
     const a = r.props.children, u = i.map((s) => s === r ? y.count(a) > 1 ? y.only(null) : /* @__PURE__ */ x(a) ? a.props.children : null : s);
-    return /* @__PURE__ */ b(A, h({}, p, {
+    return /* @__PURE__ */ b(S, h({}, p, {
       ref: n
-    }), /* @__PURE__ */ x(a) ? /* @__PURE__ */ L(a, void 0, u) : null);
+    }), /* @__PURE__ */ x(a) ? /* @__PURE__ */ I(a, void 0, u) : null);
   }
-  return /* @__PURE__ */ b(A, h({}, p, {
+  return /* @__PURE__ */ b(S, h({}, p, {
     ref: n
   }), e);
 });
 J.displayName = "Slot";
-const A = /* @__PURE__ */ $((t, n) => {
+const S = /* @__PURE__ */ $((t, n) => {
   const { children: e, ...p } = t;
-  return /* @__PURE__ */ x(e) ? /* @__PURE__ */ L(e, {
+  return /* @__PURE__ */ x(e) ? /* @__PURE__ */ I(e, {
     ...yt(p, e.props),
     ref: n ? ft(n, e.ref) : e.ref
   }) : y.count(e) > 1 ? y.only(null) : null;
 });
-A.displayName = "SlotClone";
+S.displayName = "SlotClone";
 const vt = ({ children: t }) => /* @__PURE__ */ b(er, null, t);
 function wt(t) {
   return /* @__PURE__ */ x(t) && t.type === vt;
@@ -737,12 +737,12 @@ const bt = [
     wordWrap: "normal",
     ...t.style
   }
-}))), Nt = xt, P = ({
+}))), Nt = xt, R = ({
   asChild: t,
   children: n,
   className: e = "",
   ["data-testid"]: p
-}) => /* @__PURE__ */ o(Nt, { asChild: t, "data-testid": p, className: e, children: n }), q = l.bind(ht), d = "purpur-card-trigger-item", St = ({
+}) => /* @__PURE__ */ o(Nt, { asChild: t, "data-testid": p, className: e, children: n }), q = l.bind(ht), d = "purpur-card-trigger-item", Ct = ({
   ["data-testid"]: t = "purpur-card-trigger-item",
   disabled: n = !1,
   href: e,
@@ -767,7 +767,7 @@ const bt = [
         "data-testid": t,
         href: n ? void 0 : e,
         tabIndex: n ? 0 : void 0,
-        children: /* @__PURE__ */ o(P, { children: i })
+        children: /* @__PURE__ */ o(R, { children: i })
       }
     )
   ) : /* @__PURE__ */ o(
@@ -784,10 +784,10 @@ const bt = [
       "data-testid": t,
       type: "button",
       onClick: r,
-      children: /* @__PURE__ */ o(P, { children: i })
+      children: /* @__PURE__ */ o(R, { children: i })
     }
   );
-}, At = l.bind(gt), N = "purpur-card-root", K = $(
+}, St = l.bind(gt), N = "purpur-card-root", K = $(
   ({
     ["data-testid"]: t = "purpur-card-root",
     children: n,
@@ -800,7 +800,7 @@ const bt = [
     variant: s,
     ...Q
   }, Y) => {
-    const rr = At([
+    const rr = St([
       N,
       e,
       {
@@ -808,10 +808,10 @@ const bt = [
         [`${N}--full-height`]: i
       }
     ]);
-    return /* @__PURE__ */ C("div", { className: rr, "data-testid": t, ref: Y, ...Q, children: [
+    return /* @__PURE__ */ A("div", { className: rr, "data-testid": t, ref: Y, ...Q, children: [
       n,
       (a || r) && u && /* @__PURE__ */ o(
-        St,
+        Ct,
         {
           disabled: p,
           href: r,
@@ -823,16 +823,16 @@ const bt = [
   }
 );
 K.displayName = "CardRoot";
-const I = l.bind(ur), S = "purpur-card", _ = ({ children: t, className: n, ...e }) => {
-  const p = I([
-    S,
+const L = l.bind(ur), C = "purpur-card", _ = ({ children: t, className: n, ...e }) => {
+  const p = L([
+    C,
     n,
     {
-      [`${S}--is-interactive`]: e.onClick || e.href,
-      [`${S}--disabled`]: e.disabled
+      [`${C}--is-interactive`]: e.onClick || e.href,
+      [`${C}--disabled`]: e.disabled
     }
   ]);
-  return /* @__PURE__ */ o(K, { className: I(p), ...e, children: t });
+  return /* @__PURE__ */ o(K, { className: L(p), ...e, children: t });
 };
 _.Badge = jr;
 _.LinkArrow = st;