@purpurds/radio-card-group 7.13.1 → 8.0.0

package/dist/radio-card-group.es.js

@@ -1,6 +1,6 @@
 import { jsx as f, Fragment as le, jsxs as N } from "react/jsx-runtime";
 import * as s from "react";
-import A, { useState as ze, forwardRef as fe, isValidElement as Ve, Children as ne, cloneElement as Ke } from "react";
+import A, { useState as je, forwardRef as fe, isValidElement as Ve, Children as ne, cloneElement as Ke } from "react";
 import "react-dom";
 function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -45,7 +45,7 @@ function We() {
   }(oe)), oe.exports;
 }
 var qe = We();
-const He = /* @__PURE__ */ Be(qe), $ = {
+const He = /* @__PURE__ */ Be(qe), M = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -78,11 +78,11 @@ const He = /* @__PURE__ */ Be(qe), $ = {
 }) => {
   const u = a, c = He([
     t,
-    $[F],
-    $[`${F}--${r}`],
+    M[F],
+    M[`${F}--${r}`],
     {
-      [$[`${F}--hyphens`]]: n,
-      [$[`${F}--negative`]]: o
+      [M[`${F}--hyphens`]]: n,
+      [M[`${F}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ f(u, { className: c, ...i, children: e });
@@ -118,7 +118,7 @@ function me(...e) {
 function P(...e) {
   return s.useCallback(me(...e), e);
 }
-function j(e, t = []) {
+function U(e, t = []) {
   let n = [];
   function o(r, i) {
     const u = s.createContext(i), c = n.length;
@@ -222,7 +222,7 @@ var rr = [
   "span",
   "svg",
   "ul"
-], M = rr.reduce((e, t) => {
+], $ = rr.reduce((e, t) => {
   const n = s.forwardRef((o, a) => {
     const { asChild: r, ...i } = o, u = r ? L : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: a });
@@ -230,7 +230,7 @@ var rr = [
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
 function tr(e) {
-  const t = e + "CollectionProvider", [n, o] = j(t), [a, r] = n(
+  const t = e + "CollectionProvider", [n, o] = U(t), [a, r] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), i = (d) => {
@@ -269,12 +269,12 @@ function tr(e) {
     o
   ];
 }
-var U = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var z = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 }, nr = s.useId || (() => {
 }), or = 0;
 function ar(e) {
   const [t, n] = s.useState(nr());
-  return U(() => {
+  return z(() => {
     n((o) => o ?? String(or++));
   }, [e]), t ? `radix-${t}` : "";
 }
@@ -319,13 +319,13 @@ function he(e) {
   const t = s.useContext(ur);
   return e || t || "ltr";
 }
-var K = "rovingFocusGroup.onEntryFocus", sr = { bubbles: !1, cancelable: !0 }, z = "RovingFocusGroup", [Y, ve, cr] = tr(z), [pr, ye] = j(
-  z,
+var K = "rovingFocusGroup.onEntryFocus", sr = { bubbles: !1, cancelable: !0 }, j = "RovingFocusGroup", [Y, ve, cr] = tr(j), [pr, ye] = U(
+  j,
   [cr]
-), [dr, lr] = pr(z), be = s.forwardRef(
+), [dr, lr] = pr(j), be = s.forwardRef(
   (e, t) => /* @__PURE__ */ f(Y.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ f(Y.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ f(fr, { ...e, ref: t }) }) })
 );
-be.displayName = z;
+be.displayName = j;
 var fr = s.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
@@ -369,7 +369,7 @@ var fr = s.forwardRef((e, t) => {
         []
       ),
       children: /* @__PURE__ */ f(
-        M.div,
+        $.div,
         {
           tabIndex: y || De === 0 ? -1 : 0,
           "data-orientation": o,
@@ -384,10 +384,10 @@ var fr = s.forwardRef((e, t) => {
             if (R.target === R.currentTarget && Ge && !y) {
               const te = new CustomEvent(K, sr);
               if (R.currentTarget.dispatchEvent(te), !te.defaultPrevented) {
-                const V = O().filter((w) => w.focusable), Le = V.find((w) => w.active), Ue = V.find((w) => w.id === h), je = [Le, Ue, ...V].filter(
+                const V = O().filter((w) => w.focusable), Le = V.find((w) => w.active), ze = V.find((w) => w.id === h), Ue = [Le, ze, ...V].filter(
                   Boolean
                 ).map((w) => w.ref.current);
-                Se(je, m);
+                Se(Ue, m);
               }
             }
             x.current = !1;
@@ -417,7 +417,7 @@ var fr = s.forwardRef((e, t) => {
         focusable: o,
         active: a,
         children: /* @__PURE__ */ f(
-          M.span,
+          $.span,
           {
             tabIndex: m ? 0 : -1,
             "data-orientation": p.orientation,
@@ -483,7 +483,7 @@ function hr(e, t) {
 var vr = be, yr = Ce;
 function br(e) {
   const [t, n] = s.useState(void 0);
-  return U(() => {
+  return z(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const o = new ResizeObserver((a) => {
@@ -532,13 +532,13 @@ function Sr(e) {
   return s.useEffect(() => {
     const p = k(o.current);
     r.current = u === "mounted" ? p : "none";
-  }, [u]), U(() => {
+  }, [u]), z(() => {
     const p = o.current, m = a.current;
     if (m !== e) {
       const g = r.current, d = k(p);
       e ? c("MOUNT") : d === "none" || (p == null ? void 0 : p.display) === "none" ? c("UNMOUNT") : c(m && g !== d ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
-  }, [e, c]), U(() => {
+  }, [e, c]), z(() => {
     if (t) {
       let p;
       const m = t.ownerDocument.defaultView ?? window, _ = (d) => {
@@ -572,7 +572,7 @@ function Nr(e) {
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var J = "Radio", [Ir, Ie] = j(J), [wr, Ar] = Ir(J), we = s.forwardRef(
+var J = "Radio", [Ir, Ie] = U(J), [wr, Ar] = Ir(J), we = s.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: n,
@@ -587,7 +587,7 @@ var J = "Radio", [Ir, Ie] = j(J), [wr, Ar] = Ir(J), we = s.forwardRef(
     } = e, [_, g] = s.useState(null), d = P(t, (v) => g(v)), l = s.useRef(!1), h = _ ? p || !!_.closest("form") : !0;
     return /* @__PURE__ */ N(wr, { scope: n, checked: a, disabled: i, children: [
       /* @__PURE__ */ f(
-        M.button,
+        $.button,
         {
           type: "button",
           role: "radio",
@@ -625,7 +625,7 @@ var Ae = "RadioIndicator", Ee = s.forwardRef(
   (e, t) => {
     const { __scopeRadio: n, forceMount: o, ...a } = e, r = Ar(Ae, n);
     return /* @__PURE__ */ f(Ne, { present: o || r.checked, children: /* @__PURE__ */ f(
-      M.span,
+      $.span,
       {
         "data-state": Oe(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
@@ -667,7 +667,7 @@ var Er = (e) => {
 function Oe(e) {
   return e ? "checked" : "unchecked";
 }
-var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup", [Pr, pt] = j(Q, [
+var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup", [Pr, pt] = U(Q, [
   ye,
   Ie
 ]), Pe = ye(), xe = Ie(), [xr, Tr] = Pr(Q), Te = s.forwardRef(
@@ -707,7 +707,7 @@ var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup",
             dir: l,
             loop: m,
             children: /* @__PURE__ */ f(
-              M.div,
+              $.div,
               {
                 role: "radiogroup",
                 "aria-required": i,
@@ -725,9 +725,9 @@ var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup",
   }
 );
 Te.displayName = Q;
-var Me = "RadioGroupItem", $e = s.forwardRef(
+var $e = "RadioGroupItem", Me = s.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: o, ...a } = e, r = Tr(Me, n), i = r.disabled || o, u = Pe(n), c = xe(n), p = s.useRef(null), m = P(t, p), _ = r.value === a.value, g = s.useRef(!1);
+    const { __scopeRadioGroup: n, disabled: o, ...a } = e, r = Tr($e, n), i = r.disabled || o, u = Pe(n), c = xe(n), p = s.useRef(null), m = P(t, p), _ = r.value === a.value, g = s.useRef(!1);
     return s.useEffect(() => {
       const d = (h) => {
         Or.includes(h.key) && (g.current = !0);
@@ -766,15 +766,15 @@ var Me = "RadioGroupItem", $e = s.forwardRef(
     );
   }
 );
-$e.displayName = Me;
-var Mr = "RadioGroupIndicator", Fe = s.forwardRef(
+Me.displayName = $e;
+var $r = "RadioGroupIndicator", Fe = s.forwardRef(
   (e, t) => {
     const { __scopeRadioGroup: n, ...o } = e, a = xe(n);
     return /* @__PURE__ */ f(Ee, { ...a, ...o, ref: t });
   }
 );
-Fe.displayName = Mr;
-var $r = Te, Fr = $e, kr = Fe;
+Fe.displayName = $r;
+var Mr = Te, Fr = Me, kr = Fe;
 function Dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -818,7 +818,7 @@ function Gr() {
   }(B)), B.exports;
 }
 var Lr = Gr();
-const Ur = /* @__PURE__ */ Dr(Lr), jr = {
+const zr = /* @__PURE__ */ Dr(Lr), Ur = {
   "purpur-radio-card-group": "_purpur-radio-card-group_19msf_1",
   "purpur-radio-card-group--vertical": "_purpur-radio-card-group--vertical_19msf_5",
   "purpur-radio-card-group--horizontal": "_purpur-radio-card-group--horizontal_19msf_9",
@@ -838,8 +838,8 @@ const Ur = /* @__PURE__ */ Dr(Lr), jr = {
   "purpur-radio-card-group__item-image-placeholder": "_purpur-radio-card-group__item-image-placeholder_19msf_167",
   "purpur-radio-card-group__item-image-placeholder--loaded": "_purpur-radio-card-group__item-image-placeholder--loaded_19msf_172",
   "purpur-radio-card-group__item-children": "_purpur-radio-card-group__item-children_19msf_175"
-}, C = Ur.bind(jr);
-function zr(e) {
+}, C = zr.bind(Ur);
+function jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var se = { exports: {} };
@@ -882,7 +882,7 @@ function Vr() {
   }(se)), se.exports;
 }
 var Kr = Vr();
-const Br = /* @__PURE__ */ zr(Kr), Wr = {
+const Br = /* @__PURE__ */ jr(Kr), Wr = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -959,16 +959,16 @@ function Xr() {
   }(pe)), pe.exports;
 }
 var Zr = Xr();
-const Jr = /* @__PURE__ */ Yr(Zr), Qr = "_loading_93tal_1", et = {
-  "purpur-skeleton": "_purpur-skeleton_93tal_1",
+const Jr = /* @__PURE__ */ Yr(Zr), Qr = "_loading_rzc29_1", et = {
+  "purpur-skeleton": "_purpur-skeleton_rzc29_1",
   loading: Qr,
-  "purpur-skeleton--default": "_purpur-skeleton--default_93tal_24",
-  "purpur-skeleton--negative": "_purpur-skeleton--negative_93tal_30",
-  "purpur-skeleton--xs": "_purpur-skeleton--xs_93tal_36",
-  "purpur-skeleton--sm": "_purpur-skeleton--sm_93tal_39",
-  "purpur-skeleton--md": "_purpur-skeleton--md_93tal_42",
-  "purpur-skeleton--lg": "_purpur-skeleton--lg_93tal_45",
-  "purpur-skeleton--full": "_purpur-skeleton--full_93tal_48"
+  "purpur-skeleton--default": "_purpur-skeleton--default_rzc29_24",
+  "purpur-skeleton--negative": "_purpur-skeleton--negative_rzc29_30",
+  "purpur-skeleton--xs": "_purpur-skeleton--xs_rzc29_36",
+  "purpur-skeleton--sm": "_purpur-skeleton--sm_rzc29_39",
+  "purpur-skeleton--md": "_purpur-skeleton--md_rzc29_42",
+  "purpur-skeleton--lg": "_purpur-skeleton--lg_rzc29_45",
+  "purpur-skeleton--full": "_purpur-skeleton--full_rzc29_48"
 }, rt = Jr.bind(et), W = "purpur-skeleton", ke = ({
   className: e,
   radius: t = "xs",
@@ -991,7 +991,7 @@ const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
   loading: o = "lazy",
   ["data-testid"]: a
 }) => {
-  const [r, i] = ze(!1), u = () => i(!0), c = C(D, {
+  const [r, i] = je(!1), u = () => i(!0), c = C(D, {
     [`${D}--loaded`]: r
   }), p = C(`${D}-placeholder`, {
     [`${D}-placeholder--loaded`]: r
@@ -1086,7 +1086,7 @@ const ot = (e) => Ve(e) && (e == null ? void 0 : e.type) === ee, dt = ["horizont
         }
       ),
       (!!(a != null && a.length) || g.length) && /* @__PURE__ */ N(
-        $r,
+        Mr,
         {
           ...m,
           "aria-labelledby": t || (r ? `${m.id}-heading` : void 0),