@purpurds/radio-card-group 4.2.0 → 4.4.0

package/dist/radio-card-group.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode, Ref } from "react";
-import { RadioCardItemProps } from "./radio-card-item";
+import { RadioCardItemProps } from './radio-card-item';
+import { default as React, ReactNode, Ref } from 'react';
+
 export type RadioCardGroupItem = RadioCardItemProps & {
     ref?: Ref<HTMLDivElement>;
 };
@@ -68,6 +69,6 @@ export type RadioCardGroupProps = {
     children?: ReactNode;
 };
 export declare const RadioCardGroup: React.ForwardRefExoticComponent<RadioCardGroupProps & React.RefAttributes<HTMLDivElement>>;
-export type { RadioCardItemProps } from "./radio-card-item";
-export { RadioCardItem } from "./radio-card-item";
+export type { RadioCardItemProps } from './radio-card-item';
+export { RadioCardItem } from './radio-card-item';
 //# sourceMappingURL=radio-card-group.d.ts.map

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

@@ -1,11 +1,11 @@
 import { jsx as v, jsxs as M, Fragment as Le } from "react/jsx-runtime";
 import * as _e from "react";
-import A, { useCallback as k, createContext as ae, useMemo as z, createElement as m, useContext as be, forwardRef as R, Children as P, isValidElement as U, cloneElement as Z, Fragment as De, useEffect as T, useLayoutEffect as Ge, useRef as S, useState as F, useReducer as ze } from "react";
+import A, { useCallback as k, createContext as ae, useMemo as z, createElement as b, useContext as me, forwardRef as R, Children as P, isValidElement as U, cloneElement as Z, Fragment as De, useEffect as T, useLayoutEffect as Ge, useRef as S, useState as F, useReducer as ze } from "react";
 import { flushSync as Ue } from "react-dom";
 function je(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var me = { exports: {} };
+var be = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -40,8 +40,8 @@ var me = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(me);
-var Be = me.exports;
+})(be);
+var Be = be.exports;
 const Ve = /* @__PURE__ */ je(Be), V = {
   "purpur-heading": "_purpur-heading_1g237_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_1g237_8",
@@ -88,17 +88,17 @@ const Ve = /* @__PURE__ */ je(Be), V = {
   ]);
   return /* @__PURE__ */ v(s, { ...c, className: u, "data-testid": e, children: n });
 };
-function N() {
-  return N = Object.assign ? Object.assign.bind() : function(e) {
+function I() {
+  return I = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
       var t = arguments[n];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, N.apply(this, arguments);
+  }, I.apply(this, arguments);
 }
-function I(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+function x(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(i) {
     if (e == null || e(i), t === !1 || !i.defaultPrevented)
       return n == null ? void 0 : n(i);
@@ -124,16 +124,16 @@ function J(e, n = []) {
       a
     ];
     function u(l) {
-      const { scope: f, children: p, ...d } = l, b = (f == null ? void 0 : f[e][s]) || c, h = z(
+      const { scope: f, children: p, ...d } = l, m = (f == null ? void 0 : f[e][s]) || c, h = z(
         () => d,
         Object.values(d)
       );
-      return /* @__PURE__ */ m(b.Provider, {
+      return /* @__PURE__ */ b(m.Provider, {
         value: h
       }, p);
     }
     function _(l, f) {
-      const p = (f == null ? void 0 : f[e][s]) || c, d = be(p);
+      const p = (f == null ? void 0 : f[e][s]) || c, d = me(p);
       if (d)
         return d;
       if (a !== void 0)
@@ -213,11 +213,11 @@ const W = /* @__PURE__ */ R((e, n) => {
   const { children: t, ...o } = e, i = P.toArray(t), r = i.find(Xe);
   if (r) {
     const a = r.props.children, c = i.map((s) => s === r ? P.count(a) > 1 ? P.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : s);
-    return /* @__PURE__ */ m(ie, O({}, o, {
+    return /* @__PURE__ */ b(ie, O({}, o, {
       ref: n
     }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ Z(a, void 0, c) : null);
   }
-  return /* @__PURE__ */ m(ie, O({}, o, {
+  return /* @__PURE__ */ b(ie, O({}, o, {
     ref: n
   }), t);
 });
@@ -230,7 +230,7 @@ const ie = /* @__PURE__ */ R((e, n) => {
   }) : P.count(t) > 1 ? P.only(null) : null;
 });
 ie.displayName = "SlotClone";
-const We = ({ children: e }) => /* @__PURE__ */ m(De, null, e);
+const We = ({ children: e }) => /* @__PURE__ */ b(De, null, e);
 function Xe(e) {
   return /* @__PURE__ */ U(e) && e.type === We;
 }
@@ -277,7 +277,7 @@ const Je = [
     const { asChild: r, ...a } = o, c = r ? W : n;
     return T(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ m(c, O({}, a, {
+    }, []), /* @__PURE__ */ b(c, O({}, a, {
       ref: i
     }));
   });
@@ -293,19 +293,19 @@ function Qe(e) {
     },
     itemMap: /* @__PURE__ */ new Map()
   }), a = (p) => {
-    const { scope: d, children: b } = p, h = A.useRef(null), $ = A.useRef(/* @__PURE__ */ new Map()).current;
+    const { scope: d, children: m } = p, h = A.useRef(null), $ = A.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ A.createElement(i, {
       scope: d,
       itemMap: $,
       collectionRef: h
-    }, b);
+    }, m);
   }, c = e + "CollectionSlot", s = /* @__PURE__ */ A.forwardRef((p, d) => {
-    const { scope: b, children: h } = p, $ = r(c, b), g = L(d, $.collectionRef);
+    const { scope: m, children: h } = p, $ = r(c, m), g = L(d, $.collectionRef);
     return /* @__PURE__ */ A.createElement(W, {
       ref: g
     }, h);
   }), u = e + "CollectionItemSlot", _ = "data-radix-collection-item", l = /* @__PURE__ */ A.forwardRef((p, d) => {
-    const { scope: b, children: h, ...$ } = p, g = A.useRef(null), B = L(d, g), E = r(u, b);
+    const { scope: m, children: h, ...$ } = p, g = A.useRef(null), B = L(d, g), E = r(u, m);
     return A.useEffect(() => (E.itemMap.set(g, {
       ref: g,
       ...$
@@ -346,12 +346,12 @@ let rr = 0;
 function tr(e) {
   const [n, t] = _e.useState(er());
   return X(() => {
-    e || t(
+    t(
       (o) => o ?? String(rr++)
     );
   }, [
     e
-  ]), e || (n ? `radix-${n}` : "");
+  ]), n ? `radix-${n}` : "";
 }
 function ue(e) {
   const n = S(e);
@@ -399,7 +399,7 @@ function nr({ defaultProp: e, onChange: n }) {
 }
 const or = /* @__PURE__ */ ae(void 0);
 function he(e) {
-  const n = be(or);
+  const n = me(or);
   return e || n || "ltr";
 }
 const re = "rovingFocusGroup.onEntryFocus", ar = {
@@ -407,14 +407,14 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
   cancelable: !0
 }, se = "RovingFocusGroup", [ce, ve, ir] = Qe(se), [cr, ye] = J(se, [
   ir
-]), [ur, sr] = cr(se), dr = /* @__PURE__ */ R((e, n) => /* @__PURE__ */ m(ce.Provider, {
+]), [ur, sr] = cr(se), dr = /* @__PURE__ */ R((e, n) => /* @__PURE__ */ b(ce.Provider, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ m(ce.Slot, {
+}, /* @__PURE__ */ b(ce.Slot, {
   scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ m(pr, O({}, e, {
+}, /* @__PURE__ */ b(pr, O({}, e, {
   ref: n
 }))))), pr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRovingFocusGroup: t, orientation: o, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, l = S(null), f = L(n, l), p = he(r), [d = null, b] = ge({
+  const { __scopeRovingFocusGroup: t, orientation: o, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: c, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, l = S(null), f = L(n, l), p = he(r), [d = null, m] = ge({
     prop: a,
     defaultProp: c,
     onChange: s
@@ -425,16 +425,16 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       return y.addEventListener(re, g), () => y.removeEventListener(re, g);
   }, [
     g
-  ]), /* @__PURE__ */ m(ur, {
+  ]), /* @__PURE__ */ b(ur, {
     scope: t,
     orientation: o,
     dir: p,
     loop: i,
     currentTabStopId: d,
     onItemFocus: k(
-      (y) => b(y),
+      (y) => m(y),
       [
-        b
+        m
       ]
     ),
     onItemShiftTab: k(
@@ -453,7 +453,7 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       ),
       []
     )
-  }, /* @__PURE__ */ m(j.div, O({
+  }, /* @__PURE__ */ b(j.div, O({
     tabIndex: h || Q === 0 ? -1 : 0,
     "data-orientation": o
   }, _, {
@@ -462,10 +462,10 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       outline: "none",
       ...e.style
     },
-    onMouseDown: I(e.onMouseDown, () => {
+    onMouseDown: x(e.onMouseDown, () => {
       E.current = !0;
     }),
-    onFocus: I(e.onFocus, (y) => {
+    onFocus: x(e.onFocus, (y) => {
       const we = !E.current;
       if (y.target === y.currentTarget && we && !h) {
         const le = new CustomEvent(re, ar);
@@ -488,7 +488,7 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
       }
       E.current = !1;
     }),
-    onBlur: I(
+    onBlur: x(
       e.onBlur,
       () => $(!1)
     )
@@ -502,42 +502,42 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
     o,
     f,
     p
-  ]), /* @__PURE__ */ m(ce.ItemSlot, {
+  ]), /* @__PURE__ */ b(ce.ItemSlot, {
     scope: t,
     id: s,
     focusable: o,
     active: i
-  }, /* @__PURE__ */ m(j.span, O({
+  }, /* @__PURE__ */ b(j.span, O({
     tabIndex: _ ? 0 : -1,
     "data-orientation": u.orientation
   }, a, {
     ref: n,
-    onMouseDown: I(e.onMouseDown, (d) => {
+    onMouseDown: x(e.onMouseDown, (d) => {
       o ? u.onItemFocus(s) : d.preventDefault();
     }),
-    onFocus: I(
+    onFocus: x(
       e.onFocus,
       () => u.onItemFocus(s)
     ),
-    onKeyDown: I(e.onKeyDown, (d) => {
+    onKeyDown: x(e.onKeyDown, (d) => {
       if (d.key === "Tab" && d.shiftKey) {
         u.onItemShiftTab();
         return;
       }
       if (d.target !== d.currentTarget)
         return;
-      const b = mr(d, u.orientation, u.dir);
-      if (b !== void 0) {
+      const m = br(d, u.orientation, u.dir);
+      if (m !== void 0) {
         d.preventDefault();
         let $ = l().filter(
           (g) => g.focusable
         ).map(
           (g) => g.ref.current
         );
-        if (b === "last")
+        if (m === "last")
           $.reverse();
-        else if (b === "prev" || b === "next") {
-          b === "prev" && $.reverse();
+        else if (m === "prev" || m === "next") {
+          m === "prev" && $.reverse();
           const g = $.indexOf(d.currentTarget);
           $ = u.loop ? $r($, g + 1) : $.slice(g + 1);
         }
@@ -557,11 +557,11 @@ const re = "rovingFocusGroup.onEntryFocus", ar = {
   PageDown: "last",
   End: "last"
 };
-function br(e, n) {
+function mr(e, n) {
   return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function mr(e, n, t) {
-  const o = br(e.key, t);
+function br(e, n, t) {
+  const o = mr(e.key, t);
   if (!(n === "vertical" && [
     "ArrowLeft",
     "ArrowRight"
@@ -698,29 +698,29 @@ function Rr(e) {
 function K(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Nr] = Sr(Se), xr = /* @__PURE__ */ R((e, n) => {
+const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Ir] = Sr(Se), Nr = /* @__PURE__ */ R((e, n) => {
   const { __scopeRadio: t, name: o, checked: i = !1, required: r, disabled: a, value: c = "on", onCheck: s, ...u } = e, [_, l] = F(null), f = L(
     n,
-    (b) => l(b)
+    (m) => l(m)
   ), p = S(!1), d = _ ? !!_.closest("form") : !0;
-  return /* @__PURE__ */ m(Ar, {
+  return /* @__PURE__ */ b(Ar, {
     scope: t,
     checked: i,
     disabled: a
-  }, /* @__PURE__ */ m(j.button, N({
+  }, /* @__PURE__ */ b(j.button, I({
     type: "button",
     role: "radio",
     "aria-checked": i,
-    "data-state": Ne(i),
+    "data-state": Ie(i),
     "data-disabled": a ? "" : void 0,
     disabled: a,
     value: c
   }, u, {
     ref: f,
-    onClick: I(e.onClick, (b) => {
-      i || s == null || s(), d && (p.current = b.isPropagationStopped(), p.current || b.stopPropagation());
+    onClick: x(e.onClick, (m) => {
+      i || s == null || s(), d && (p.current = m.isPropagationStopped(), p.current || m.stopPropagation());
     })
-  })), d && /* @__PURE__ */ m(Pr, {
+  })), d && /* @__PURE__ */ b(Pr, {
     control: _,
     bubbles: !p.current,
     name: o,
@@ -732,12 +732,12 @@ const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Nr] = Sr(Se), xr = /* @__PURE__ */ R(
       transform: "translateX(-100%)"
     }
   }));
-}), Ir = "RadioIndicator", Er = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadio: t, forceMount: o, ...i } = e, r = Nr(Ir, t);
-  return /* @__PURE__ */ m(Re, {
+}), xr = "RadioIndicator", Er = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRadio: t, forceMount: o, ...i } = e, r = Ir(xr, t);
+  return /* @__PURE__ */ b(Re, {
     present: o || r.checked
-  }, /* @__PURE__ */ m(j.span, N({
-    "data-state": Ne(r.checked),
+  }, /* @__PURE__ */ b(j.span, I({
+    "data-state": Ie(r.checked),
     "data-disabled": r.disabled ? "" : void 0
   }, i, {
     ref: n
@@ -756,7 +756,7 @@ const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Nr] = Sr(Se), xr = /* @__PURE__ */ R(
     a,
     t,
     o
-  ]), /* @__PURE__ */ m("input", N({
+  ]), /* @__PURE__ */ b("input", I({
     type: "radio",
     "aria-hidden": !0,
     defaultChecked: t
@@ -773,7 +773,7 @@ const Se = "Radio", [Sr, Ae] = J(Se), [Ar, Nr] = Sr(Se), xr = /* @__PURE__ */ R(
     }
   }));
 };
-function Ne(e) {
+function Ie(e) {
   return e ? "checked" : "unchecked";
 }
 const Or = [
@@ -781,29 +781,29 @@ const Or = [
   "ArrowDown",
   "ArrowLeft",
   "ArrowRight"
-], xe = "RadioGroup", [Tr, pt] = J(xe, [
+], Ne = "RadioGroup", [Tr, pt] = J(Ne, [
   ye,
   Ae
-]), Ie = ye(), Ee = Ae(), [wr, Mr] = Tr(xe), kr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadioGroup: t, name: o, defaultValue: i, value: r, required: a = !1, disabled: c = !1, orientation: s, dir: u, loop: _ = !0, onValueChange: l, ...f } = e, p = Ie(t), d = he(u), [b, h] = ge({
+]), xe = ye(), Ee = Ae(), [wr, Mr] = Tr(Ne), kr = /* @__PURE__ */ R((e, n) => {
+  const { __scopeRadioGroup: t, name: o, defaultValue: i, value: r, required: a = !1, disabled: c = !1, orientation: s, dir: u, loop: _ = !0, onValueChange: l, ...f } = e, p = xe(t), d = he(u), [m, h] = ge({
     prop: r,
     defaultProp: i,
     onChange: l
   });
-  return /* @__PURE__ */ m(wr, {
+  return /* @__PURE__ */ b(wr, {
     scope: t,
     name: o,
     required: a,
     disabled: c,
-    value: b,
+    value: m,
     onValueChange: h
-  }, /* @__PURE__ */ m(gr, N({
+  }, /* @__PURE__ */ b(gr, I({
     asChild: !0
   }, p, {
     orientation: s,
     dir: d,
     loop: _
-  }), /* @__PURE__ */ m(j.div, N({
+  }), /* @__PURE__ */ b(j.div, I({
     role: "radiogroup",
     "aria-required": a,
     "aria-orientation": s,
@@ -813,20 +813,20 @@ const Or = [
     ref: n
   }))));
 }), Fr = "RadioGroupItem", Lr = /* @__PURE__ */ R((e, n) => {
-  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = Mr(Fr, t), a = r.disabled || o, c = Ie(t), s = Ee(t), u = S(null), _ = L(n, u), l = r.value === i.value, f = S(!1);
+  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = Mr(Fr, t), a = r.disabled || o, c = xe(t), s = Ee(t), u = S(null), _ = L(n, u), l = r.value === i.value, f = S(!1);
   return T(() => {
-    const p = (b) => {
-      Or.includes(b.key) && (f.current = !0);
+    const p = (m) => {
+      Or.includes(m.key) && (f.current = !0);
     }, d = () => f.current = !1;
     return document.addEventListener("keydown", p), document.addEventListener("keyup", d), () => {
       document.removeEventListener("keydown", p), document.removeEventListener("keyup", d);
     };
-  }, []), /* @__PURE__ */ m(hr, N({
+  }, []), /* @__PURE__ */ b(hr, I({
     asChild: !0
   }, c, {
     focusable: !a,
     active: l
-  }), /* @__PURE__ */ m(xr, N({
+  }), /* @__PURE__ */ b(Nr, I({
     disabled: a,
     required: r.required,
     checked: l
@@ -834,17 +834,17 @@ const Or = [
     name: r.name,
     ref: _,
     onCheck: () => r.onValueChange(i.value),
-    onKeyDown: I((p) => {
+    onKeyDown: x((p) => {
       p.key === "Enter" && p.preventDefault();
     }),
-    onFocus: I(i.onFocus, () => {
+    onFocus: x(i.onFocus, () => {
       var p;
       f.current && ((p = u.current) === null || p === void 0 || p.click());
     })
   })));
 }), Dr = /* @__PURE__ */ R((e, n) => {
   const { __scopeRadioGroup: t, ...o } = e, i = Ee(t);
-  return /* @__PURE__ */ m(Er, N({}, i, o, {
+  return /* @__PURE__ */ b(Er, I({}, i, o, {
     ref: n
   }));
 }), Gr = kr, zr = Lr, Ur = Dr;
@@ -1088,7 +1088,7 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
     ),
     !t && /* @__PURE__ */ v(et, { className: u })
   ] });
-}, x = "purpur-radio-card-group__item", oe = (e, { disabled: n }) => typeof e == "function" ? e({ disabled: n }) : e, nt = (e, n) => {
+}, N = "purpur-radio-card-group__item", oe = (e, { disabled: n }) => typeof e == "function" ? e({ disabled: n }) : e, nt = (e, n) => {
   const {
     ["data-testid"]: t,
     body: o,
@@ -1100,33 +1100,33 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
     title: u,
     value: _
   } = e;
-  return /* @__PURE__ */ M("div", { className: C(`${x}-container`), ref: n, children: [
+  return /* @__PURE__ */ M("div", { className: C(`${N}-container`), ref: n, children: [
     /* @__PURE__ */ M(
       zr,
       {
-        className: C(x),
+        className: C(N),
         "data-testid": t,
         disabled: r,
         id: a,
         required: s,
         value: _,
         children: [
-          c && /* @__PURE__ */ v("span", { className: C(`${x}-image-container`), children: rt(c) ? /* @__PURE__ */ v(tt, { ...c, "data-testid": t && `${t}-image` }) : oe(c, e) }),
-          /* @__PURE__ */ M("span", { className: C(`${x}-content`), children: [
-            /* @__PURE__ */ M("span", { className: C(`${x}-top-container`), children: [
+          c && /* @__PURE__ */ v("span", { className: C(`${N}-image-container`), children: rt(c) ? /* @__PURE__ */ v(tt, { ...c, "data-testid": t && `${t}-image` }) : oe(c, e) }),
+          /* @__PURE__ */ M("span", { className: C(`${N}-content`), children: [
+            /* @__PURE__ */ M("span", { className: C(`${N}-top-container`), children: [
               typeof u == "string" ? /* @__PURE__ */ v(
                 fe,
                 {
-                  className: C(`${x}-title`),
+                  className: C(`${N}-title`),
                   "data-testid": t && `${t}-title`,
                   variant: "paragraph-100",
                   disabled: r,
                   children: u
                 }
               ) : oe(u, e),
-              /* @__PURE__ */ v("span", { className: C(`${x}-radio`), children: /* @__PURE__ */ v(Ur, { className: C(`${x}-indicator`) }) })
+              /* @__PURE__ */ v("span", { className: C(`${N}-radio`), children: /* @__PURE__ */ v(Ur, { className: C(`${N}-indicator`) }) })
             ] }),
-            o && /* @__PURE__ */ v("span", { className: C(`${x}-bottom-container`), children: typeof o == "string" ? /* @__PURE__ */ v(
+            o && /* @__PURE__ */ v("span", { className: C(`${N}-bottom-container`), children: typeof o == "string" ? /* @__PURE__ */ v(
               fe,
               {
                 "data-testid": t && `${t}-body`,