@purpurds/radio-card-group 7.11.0 → 7.13.0

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

@@ -1,8 +1,8 @@
 import { jsx as f, Fragment as le, jsxs as N } from "react/jsx-runtime";
 import * as s from "react";
-import A, { useState as je, forwardRef as fe, isValidElement as ze, Children as ne, cloneElement as Ve } from "react";
+import A, { useState as ze, forwardRef as fe, isValidElement as Ve, Children as ne, cloneElement as Ke } from "react";
 import "react-dom";
-function Ke(e) {
+function Be(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var oe = { exports: {} };
@@ -12,7 +12,7 @@ var oe = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var ae;
-function Be() {
+function We() {
   return ae || (ae = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -44,26 +44,30 @@ function Be() {
     })();
   }(oe)), oe.exports;
 }
-var We = Be();
-const He = /* @__PURE__ */ Ke(We), M = {
-  "purpur-heading": "_purpur-heading_k9fhq_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
-  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
-  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
-  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
-  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
-  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
-  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
-  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
-  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
-  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
-  "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
-  "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
-  "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
+var qe = We();
+const He = /* @__PURE__ */ Be(qe), $ = {
+  "purpur-heading": "_purpur-heading_vo751_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
+  "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_vo751_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_vo751_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_vo751_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_vo751_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_vo751_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_vo751_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_vo751_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_vo751_56",
+  "purpur-heading--display-5": "_purpur-heading--display-5_vo751_62",
+  "purpur-heading--display-10": "_purpur-heading--display-10_vo751_68",
+  "purpur-heading--display-15": "_purpur-heading--display-15_vo751_74",
+  "purpur-heading--display-20": "_purpur-heading--display-20_vo751_80",
+  "purpur-heading--display-25": "_purpur-heading--display-25_vo751_86",
+  "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
+  "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
+  "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, Ye = {
   TITLE100: "title-100"
-}, $ = "purpur-heading", me = ({
+}, F = "purpur-heading", _e = ({
   children: e,
   className: t = "",
   enableHyphenation: n = !1,
@@ -74,16 +78,16 @@ const He = /* @__PURE__ */ Ke(We), M = {
 }) => {
   const u = a, c = He([
     t,
-    M[$],
-    M[`${$}--${r}`],
+    $[F],
+    $[`${F}--${r}`],
     {
-      [M[`${$}--hyphens`]]: n,
-      [M[`${$}--negative`]]: o
+      [$[`${F}--hyphens`]]: n,
+      [$[`${F}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ f(u, { className: c, ...i, children: e });
 };
-me.displayName = "Heading";
+_e.displayName = "Heading";
 function I(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), n === !1 || !a.defaultPrevented)
@@ -95,7 +99,7 @@ function ie(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function _e(...e) {
+function me(...e) {
   return (t) => {
     let n = !1;
     const o = e.map((a) => {
@@ -112,27 +116,27 @@ function _e(...e) {
   };
 }
 function P(...e) {
-  return s.useCallback(_e(...e), e);
+  return s.useCallback(me(...e), e);
 }
-function U(e, t = []) {
+function j(e, t = []) {
   let n = [];
   function o(r, i) {
     const u = s.createContext(i), c = n.length;
     n = [...n, i];
-    const p = (m) => {
+    const p = (_) => {
       var y;
-      const { scope: h, children: d, ...l } = m, g = ((y = h == null ? void 0 : h[e]) == null ? void 0 : y[c]) || u, v = s.useMemo(() => l, Object.values(l));
-      return /* @__PURE__ */ f(g.Provider, { value: v, children: d });
+      const { scope: g, children: d, ...l } = _, h = ((y = g == null ? void 0 : g[e]) == null ? void 0 : y[c]) || u, v = s.useMemo(() => l, Object.values(l));
+      return /* @__PURE__ */ f(h.Provider, { value: v, children: d });
     };
     p.displayName = r + "Provider";
-    function _(m, h) {
-      var g;
-      const d = ((g = h == null ? void 0 : h[e]) == null ? void 0 : g[c]) || u, l = s.useContext(d);
+    function m(_, g) {
+      var h;
+      const d = ((h = g == null ? void 0 : g[e]) == null ? void 0 : h[c]) || u, l = s.useContext(d);
       if (l) return l;
       if (i !== void 0) return i;
-      throw new Error(`\`${m}\` must be used within \`${r}\``);
+      throw new Error(`\`${_}\` must be used within \`${r}\``);
     }
-    return [p, _];
+    return [p, m];
   }
   const a = () => {
     const r = n.map((i) => s.createContext(i));
@@ -156,8 +160,8 @@ function Xe(...e) {
     }));
     return function(r) {
       const i = o.reduce((u, { useScope: c, scopeName: p }) => {
-        const m = c(r)[`__scope${p}`];
-        return { ...u, ...m };
+        const _ = c(r)[`__scope${p}`];
+        return { ...u, ..._ };
       }, {});
       return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
     };
@@ -177,7 +181,7 @@ var H = s.forwardRef((e, t) => {
   const { children: n, ...o } = e;
   if (s.isValidElement(n)) {
     const a = er(n), r = Qe(o, n.props);
-    return n.type !== s.Fragment && (r.ref = t ? _e(t, a) : a), s.cloneElement(n, r);
+    return n.type !== s.Fragment && (r.ref = t ? me(t, a) : a), s.cloneElement(n, r);
   }
   return s.Children.count(n) > 1 ? s.Children.only(null) : null;
 });
@@ -218,7 +222,7 @@ var rr = [
   "span",
   "svg",
   "ul"
-], T = rr.reduce((e, t) => {
+], M = 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 });
@@ -226,51 +230,51 @@ var rr = [
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
 function tr(e) {
-  const t = e + "CollectionProvider", [n, o] = U(t), [a, r] = n(
+  const t = e + "CollectionProvider", [n, o] = j(t), [a, r] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), i = (d) => {
-    const { scope: l, children: g } = d, v = A.useRef(null), y = A.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ f(a, { scope: l, itemMap: y, collectionRef: v, children: g });
+    const { scope: l, children: h } = d, v = A.useRef(null), y = A.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ f(a, { scope: l, itemMap: y, collectionRef: v, children: h });
   };
   i.displayName = t;
   const u = e + "CollectionSlot", c = A.forwardRef(
     (d, l) => {
-      const { scope: g, children: v } = d, y = r(u, g), b = P(l, y.collectionRef);
+      const { scope: h, children: v } = d, y = r(u, h), b = P(l, y.collectionRef);
       return /* @__PURE__ */ f(L, { ref: b, children: v });
     }
   );
   c.displayName = u;
-  const p = e + "CollectionItemSlot", _ = "data-radix-collection-item", m = A.forwardRef(
+  const p = e + "CollectionItemSlot", m = "data-radix-collection-item", _ = A.forwardRef(
     (d, l) => {
-      const { scope: g, children: v, ...y } = d, b = A.useRef(null), E = P(l, b), O = r(p, g);
-      return A.useEffect(() => (O.itemMap.set(b, { ref: b, ...y }), () => void O.itemMap.delete(b))), /* @__PURE__ */ f(L, { [_]: "", ref: E, children: v });
+      const { scope: h, children: v, ...y } = d, b = A.useRef(null), E = P(l, b), O = r(p, h);
+      return A.useEffect(() => (O.itemMap.set(b, { ref: b, ...y }), () => void O.itemMap.delete(b))), /* @__PURE__ */ f(L, { [m]: "", ref: E, children: v });
     }
   );
-  m.displayName = p;
-  function h(d) {
+  _.displayName = p;
+  function g(d) {
     const l = r(e + "CollectionConsumer", d);
     return A.useCallback(() => {
       const v = l.collectionRef.current;
       if (!v) return [];
-      const y = Array.from(v.querySelectorAll(`[${_}]`));
+      const y = Array.from(v.querySelectorAll(`[${m}]`));
       return Array.from(l.itemMap.values()).sort(
         (O, x) => y.indexOf(O.ref.current) - y.indexOf(x.ref.current)
       );
     }, [l.collectionRef, l.itemMap]);
   }
   return [
-    { Provider: i, Slot: c, ItemSlot: m },
-    h,
+    { Provider: i, Slot: c, ItemSlot: _ },
+    g,
     o
   ];
 }
-var q = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+var U = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
 }, nr = s.useId || (() => {
 }), or = 0;
 function ar(e) {
   const [t, n] = s.useState(nr());
-  return q(() => {
+  return U(() => {
     n((o) => o ?? String(or++));
   }, [e]), t ? `radix-${t}` : "";
 }
@@ -283,7 +287,7 @@ function Z(e) {
     return (o = t.current) == null ? void 0 : o.call(t, ...n);
   }, []);
 }
-function he({
+function ge({
   prop: e,
   defaultProp: t,
   onChange: n = () => {
@@ -292,8 +296,8 @@ function he({
   const [o, a] = ir({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : o, u = Z(n), c = s.useCallback(
     (p) => {
       if (r) {
-        const m = typeof p == "function" ? p(e) : p;
-        m !== e && u(m);
+        const _ = typeof p == "function" ? p(e) : p;
+        _ !== e && u(_);
       } else
         a(p);
     },
@@ -311,17 +315,17 @@ function ir({
   }, [o, a, r]), n;
 }
 var ur = s.createContext(void 0);
-function ge(e) {
+function he(e) {
   const t = s.useContext(ur);
   return e || t || "ltr";
 }
-var V = "rovingFocusGroup.onEntryFocus", sr = { bubbles: !1, cancelable: !0 }, j = "RovingFocusGroup", [Y, ve, cr] = tr(j), [pr, ye] = U(
-  j,
+var K = "rovingFocusGroup.onEntryFocus", sr = { bubbles: !1, cancelable: !0 }, z = "RovingFocusGroup", [Y, ve, cr] = tr(z), [pr, ye] = j(
+  z,
   [cr]
-), [dr, lr] = pr(j), be = s.forwardRef(
+), [dr, lr] = pr(z), 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 = j;
+be.displayName = z;
 var fr = s.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
@@ -332,17 +336,17 @@ var fr = s.forwardRef((e, t) => {
     defaultCurrentTabStopId: u,
     onCurrentTabStopIdChange: c,
     onEntryFocus: p,
-    preventScrollOnEntryFocus: _ = !1,
-    ...m
-  } = e, h = s.useRef(null), d = P(t, h), l = ge(r), [g = null, v] = he({
+    preventScrollOnEntryFocus: m = !1,
+    ..._
+  } = e, g = s.useRef(null), d = P(t, g), l = he(r), [h = null, v] = ge({
     prop: i,
     defaultProp: u,
     onChange: c
   }), [y, b] = s.useState(!1), E = Z(p), O = ve(n), x = s.useRef(!1), [De, re] = s.useState(0);
   return s.useEffect(() => {
-    const R = h.current;
+    const R = g.current;
     if (R)
-      return R.addEventListener(V, E), () => R.removeEventListener(V, E);
+      return R.addEventListener(K, E), () => R.removeEventListener(K, E);
   }, [E]), /* @__PURE__ */ f(
     dr,
     {
@@ -350,7 +354,7 @@ var fr = s.forwardRef((e, t) => {
       orientation: o,
       dir: l,
       loop: a,
-      currentTabStopId: g,
+      currentTabStopId: h,
       onItemFocus: s.useCallback(
         (R) => v(R),
         [v]
@@ -365,11 +369,11 @@ var fr = s.forwardRef((e, t) => {
         []
       ),
       children: /* @__PURE__ */ f(
-        T.div,
+        M.div,
         {
           tabIndex: y || De === 0 ? -1 : 0,
           "data-orientation": o,
-          ...m,
+          ..._,
           ref: d,
           style: { outline: "none", ...e.style },
           onMouseDown: I(e.onMouseDown, () => {
@@ -378,12 +382,12 @@ var fr = s.forwardRef((e, t) => {
           onFocus: I(e.onFocus, (R) => {
             const Ge = !x.current;
             if (R.target === R.currentTarget && Ge && !y) {
-              const te = new CustomEvent(V, sr);
+              const te = new CustomEvent(K, sr);
               if (R.currentTarget.dispatchEvent(te), !te.defaultPrevented) {
-                const z = O().filter((w) => w.focusable), Le = z.find((w) => w.active), qe = z.find((w) => w.id === g), Ue = [Le, qe, ...z].filter(
+                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(
                   Boolean
                 ).map((w) => w.ref.current);
-                Se(Ue, _);
+                Se(je, m);
               }
             }
             x.current = !1;
@@ -401,11 +405,11 @@ var fr = s.forwardRef((e, t) => {
       active: a = !1,
       tabStopId: r,
       ...i
-    } = e, u = ar(), c = r || u, p = lr(Re, n), _ = p.currentTabStopId === c, m = ve(n), { onFocusableItemAdd: h, onFocusableItemRemove: d } = p;
+    } = e, u = ar(), c = r || u, p = lr(Re, n), m = p.currentTabStopId === c, _ = ve(n), { onFocusableItemAdd: g, onFocusableItemRemove: d } = p;
     return s.useEffect(() => {
       if (o)
-        return h(), () => d();
-    }, [o, h, d]), /* @__PURE__ */ f(
+        return g(), () => d();
+    }, [o, g, d]), /* @__PURE__ */ f(
       Y.ItemSlot,
       {
         scope: n,
@@ -413,9 +417,9 @@ var fr = s.forwardRef((e, t) => {
         focusable: o,
         active: a,
         children: /* @__PURE__ */ f(
-          T.span,
+          M.span,
           {
-            tabIndex: _ ? 0 : -1,
+            tabIndex: m ? 0 : -1,
             "data-orientation": p.orientation,
             ...i,
             ref: t,
@@ -429,16 +433,16 @@ var fr = s.forwardRef((e, t) => {
                 return;
               }
               if (l.target !== l.currentTarget) return;
-              const g = hr(l, p.orientation, p.dir);
-              if (g !== void 0) {
+              const h = gr(l, p.orientation, p.dir);
+              if (h !== void 0) {
                 if (l.metaKey || l.ctrlKey || l.altKey || l.shiftKey) return;
                 l.preventDefault();
-                let y = m().filter((b) => b.focusable).map((b) => b.ref.current);
-                if (g === "last") y.reverse();
-                else if (g === "prev" || g === "next") {
-                  g === "prev" && y.reverse();
+                let y = _().filter((b) => b.focusable).map((b) => b.ref.current);
+                if (h === "last") y.reverse();
+                else if (h === "prev" || h === "next") {
+                  h === "prev" && y.reverse();
                   const b = y.indexOf(l.currentTarget);
-                  y = p.loop ? gr(y, b + 1) : y.slice(b + 1);
+                  y = p.loop ? hr(y, b + 1) : y.slice(b + 1);
                 }
                 setTimeout(() => Se(y));
               }
@@ -450,7 +454,7 @@ var fr = s.forwardRef((e, t) => {
   }
 );
 Ce.displayName = Re;
-var mr = {
+var _r = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -460,26 +464,26 @@ var mr = {
   PageDown: "last",
   End: "last"
 };
-function _r(e, t) {
+function mr(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function hr(e, t, n) {
-  const o = _r(e.key, n);
+function gr(e, t, n) {
+  const o = mr(e.key, n);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return mr[o];
+    return _r[o];
 }
 function Se(e, t = !1) {
   const n = document.activeElement;
   for (const o of e)
     if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
-function gr(e, t) {
+function hr(e, t) {
   return e.map((n, o) => e[(t + o) % e.length]);
 }
 var vr = be, yr = Ce;
 function br(e) {
   const [t, n] = s.useState(void 0);
-  return q(() => {
+  return U(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const o = new ResizeObserver((a) => {
@@ -526,30 +530,30 @@ function Sr(e) {
     }
   });
   return s.useEffect(() => {
-    const p = F(o.current);
+    const p = k(o.current);
     r.current = u === "mounted" ? p : "none";
-  }, [u]), q(() => {
-    const p = o.current, _ = a.current;
-    if (_ !== e) {
-      const h = r.current, d = F(p);
-      e ? c("MOUNT") : d === "none" || (p == null ? void 0 : p.display) === "none" ? c("UNMOUNT") : c(_ && h !== d ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+  }, [u]), U(() => {
+    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]), q(() => {
+  }, [e, c]), U(() => {
     if (t) {
       let p;
-      const _ = t.ownerDocument.defaultView ?? window, m = (d) => {
-        const g = F(o.current).includes(d.animationName);
-        if (d.target === t && g && (c("ANIMATION_END"), !a.current)) {
+      const m = t.ownerDocument.defaultView ?? window, _ = (d) => {
+        const h = k(o.current).includes(d.animationName);
+        if (d.target === t && h && (c("ANIMATION_END"), !a.current)) {
           const v = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", p = _.setTimeout(() => {
+          t.style.animationFillMode = "forwards", p = m.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
           });
         }
-      }, h = (d) => {
-        d.target === t && (r.current = F(o.current));
+      }, g = (d) => {
+        d.target === t && (r.current = k(o.current));
       };
-      return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
-        _.clearTimeout(p), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
+      return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", _), t.addEventListener("animationend", _), () => {
+        m.clearTimeout(p), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", _), t.removeEventListener("animationend", _);
       };
     } else
       c("ANIMATION_END");
@@ -560,7 +564,7 @@ function Sr(e) {
     }, [])
   };
 }
-function F(e) {
+function k(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function Nr(e) {
@@ -568,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] = U(J), [wr, Ar] = Ir(J), we = s.forwardRef(
+var J = "Radio", [Ir, Ie] = j(J), [wr, Ar] = Ir(J), we = s.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: n,
@@ -579,11 +583,11 @@ var J = "Radio", [Ir, Ie] = U(J), [wr, Ar] = Ir(J), we = s.forwardRef(
       value: u = "on",
       onCheck: c,
       form: p,
-      ..._
-    } = e, [m, h] = s.useState(null), d = P(t, (v) => h(v)), l = s.useRef(!1), g = m ? p || !!m.closest("form") : !0;
+      ...m
+    } = 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(
-        T.button,
+        M.button,
         {
           type: "button",
           role: "radio",
@@ -592,17 +596,17 @@ var J = "Radio", [Ir, Ie] = U(J), [wr, Ar] = Ir(J), we = s.forwardRef(
           "data-disabled": i ? "" : void 0,
           disabled: i,
           value: u,
-          ..._,
+          ...m,
           ref: d,
           onClick: I(e.onClick, (v) => {
-            a || c == null || c(), g && (l.current = v.isPropagationStopped(), l.current || v.stopPropagation());
+            a || c == null || c(), h && (l.current = v.isPropagationStopped(), l.current || v.stopPropagation());
           })
         }
       ),
-      g && /* @__PURE__ */ f(
+      h && /* @__PURE__ */ f(
         Er,
         {
-          control: m,
+          control: _,
           bubbles: !l.current,
           name: o,
           value: u,
@@ -621,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(
-      T.span,
+      M.span,
       {
         "data-state": Oe(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
@@ -635,10 +639,10 @@ Ee.displayName = Ae;
 var Er = (e) => {
   const { control: t, checked: n, bubbles: o = !0, ...a } = e, r = s.useRef(null), i = Rr(n), u = br(t);
   return s.useEffect(() => {
-    const c = r.current, p = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(p, "checked").set;
-    if (i !== n && m) {
-      const h = new Event("click", { bubbles: o });
-      m.call(c, n), c.dispatchEvent(h);
+    const c = r.current, p = window.HTMLInputElement.prototype, _ = Object.getOwnPropertyDescriptor(p, "checked").set;
+    if (i !== n && _) {
+      const g = new Event("click", { bubbles: o });
+      _.call(c, n), c.dispatchEvent(g);
     }
   }, [i, n, o]), /* @__PURE__ */ f(
     "input",
@@ -663,10 +667,10 @@ var Er = (e) => {
 function Oe(e) {
   return e ? "checked" : "unchecked";
 }
-var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup", [Pr, pt] = U(Q, [
+var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup", [Pr, pt] = j(Q, [
   ye,
   Ie
-]), Pe = ye(), xe = Ie(), [xr, kr] = Pr(Q), ke = s.forwardRef(
+]), Pe = ye(), xe = Ie(), [xr, Tr] = Pr(Q), Te = s.forwardRef(
   (e, t) => {
     const {
       __scopeRadioGroup: n,
@@ -677,13 +681,13 @@ var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup",
       disabled: u = !1,
       orientation: c,
       dir: p,
-      loop: _ = !0,
-      onValueChange: m,
-      ...h
-    } = e, d = Pe(n), l = ge(p), [g, v] = he({
+      loop: m = !0,
+      onValueChange: _,
+      ...g
+    } = e, d = Pe(n), l = he(p), [h, v] = ge({
       prop: r,
       defaultProp: a,
-      onChange: m
+      onChange: _
     });
     return /* @__PURE__ */ f(
       xr,
@@ -692,7 +696,7 @@ var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup",
         name: o,
         required: i,
         disabled: u,
-        value: g,
+        value: h,
         onValueChange: v,
         children: /* @__PURE__ */ f(
           vr,
@@ -701,16 +705,16 @@ var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup",
             ...d,
             orientation: c,
             dir: l,
-            loop: _,
+            loop: m,
             children: /* @__PURE__ */ f(
-              T.div,
+              M.div,
               {
                 role: "radiogroup",
                 "aria-required": i,
                 "aria-orientation": c,
                 "data-disabled": u ? "" : void 0,
                 dir: l,
-                ...h,
+                ...g,
                 ref: t
               }
             )
@@ -720,14 +724,14 @@ var Or = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup",
     );
   }
 );
-ke.displayName = Q;
-var Te = "RadioGroupItem", Me = s.forwardRef(
+Te.displayName = Q;
+var Me = "RadioGroupItem", $e = s.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: o, ...a } = e, r = kr(Te, n), i = r.disabled || o, u = Pe(n), c = xe(n), p = s.useRef(null), _ = P(t, p), m = r.value === a.value, h = s.useRef(!1);
+    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);
     return s.useEffect(() => {
-      const d = (g) => {
-        Or.includes(g.key) && (h.current = !0);
-      }, l = () => h.current = !1;
+      const d = (h) => {
+        Or.includes(h.key) && (g.current = !0);
+      }, l = () => g.current = !1;
       return document.addEventListener("keydown", d), document.addEventListener("keyup", l), () => {
         document.removeEventListener("keydown", d), document.removeEventListener("keyup", l);
       };
@@ -737,24 +741,24 @@ var Te = "RadioGroupItem", Me = s.forwardRef(
         asChild: !0,
         ...u,
         focusable: !i,
-        active: m,
+        active: _,
         children: /* @__PURE__ */ f(
           we,
           {
             disabled: i,
             required: r.required,
-            checked: m,
+            checked: _,
             ...c,
             ...a,
             name: r.name,
-            ref: _,
+            ref: m,
             onCheck: () => r.onValueChange(a.value),
             onKeyDown: I((d) => {
               d.key === "Enter" && d.preventDefault();
             }),
             onFocus: I(a.onFocus, () => {
               var d;
-              h.current && ((d = p.current) == null || d.click());
+              g.current && ((d = p.current) == null || d.click());
             })
           }
         )
@@ -762,19 +766,19 @@ var Te = "RadioGroupItem", Me = s.forwardRef(
     );
   }
 );
-Me.displayName = Te;
-var Tr = "RadioGroupIndicator", $e = s.forwardRef(
+$e.displayName = Me;
+var Mr = "RadioGroupIndicator", Fe = s.forwardRef(
   (e, t) => {
     const { __scopeRadioGroup: n, ...o } = e, a = xe(n);
     return /* @__PURE__ */ f(Ee, { ...a, ...o, ref: t });
   }
 );
-$e.displayName = Tr;
-var Mr = ke, $r = Me, Fr = $e;
+Fe.displayName = Mr;
+var $r = Te, Fr = $e, kr = Fe;
 function Dr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var K = { exports: {} };
+var B = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -811,10 +815,10 @@ function Gr() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(K)), K.exports;
+  }(B)), B.exports;
 }
 var Lr = Gr();
-const qr = /* @__PURE__ */ Dr(Lr), Ur = {
+const Ur = /* @__PURE__ */ Dr(Lr), jr = {
   "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",
@@ -834,8 +838,8 @@ const qr = /* @__PURE__ */ Dr(Lr), Ur = {
   "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 = qr.bind(Ur);
-function jr(e) {
+}, C = Ur.bind(jr);
+function zr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var se = { exports: {} };
@@ -845,7 +849,7 @@ var se = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var ce;
-function zr() {
+function Vr() {
   return ce || (ce = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -877,8 +881,8 @@ function zr() {
     })();
   }(se)), se.exports;
 }
-var Vr = zr();
-const Kr = /* @__PURE__ */ jr(Vr), Br = {
+var Kr = Vr();
+const Br = /* @__PURE__ */ zr(Kr), Wr = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -893,9 +897,9 @@ const Kr = /* @__PURE__ */ jr(Vr), Br = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, Wr = Kr.bind(Br), Hr = {
+}, qr = Br.bind(Wr), Hr = {
   PARAGRAPH100: "paragraph-100"
-}, k = "purpur-paragraph", X = ({
+}, T = "purpur-paragraph", X = ({
   children: e,
   className: t,
   disabled: n,
@@ -904,10 +908,10 @@ const Kr = /* @__PURE__ */ jr(Vr), Br = {
   variant: r = Hr.PARAGRAPH100,
   ...i
 }) => {
-  const u = Wr(t, k, `${k}--${r}`, {
-    [`${k}--hyphens`]: o,
-    [`${k}--disabled`]: n,
-    [`${k}--negative`]: a
+  const u = qr(t, T, `${T}--${r}`, {
+    [`${T}--hyphens`]: o,
+    [`${T}--disabled`]: n,
+    [`${T}--negative`]: a
   });
   return /* @__PURE__ */ f("p", { ...i, className: u, children: e });
 };
@@ -965,7 +969,7 @@ const Jr = /* @__PURE__ */ Yr(Zr), Qr = "_loading_93tal_1", et = {
   "purpur-skeleton--md": "_purpur-skeleton--md_93tal_42",
   "purpur-skeleton--lg": "_purpur-skeleton--lg_93tal_45",
   "purpur-skeleton--full": "_purpur-skeleton--full_93tal_48"
-}, rt = Jr.bind(et), B = "purpur-skeleton", Fe = ({
+}, rt = Jr.bind(et), W = "purpur-skeleton", ke = ({
   className: e,
   radius: t = "xs",
   negative: n = !1,
@@ -973,13 +977,13 @@ const Jr = /* @__PURE__ */ Yr(Zr), Qr = "_loading_93tal_1", et = {
 }) => {
   const a = rt(
     e,
-    B,
-    `${B}--${n ? "negative" : "default"}`,
-    `${B}--${t}`
+    W,
+    `${W}--${n ? "negative" : "default"}`,
+    `${W}--${t}`
   );
   return /* @__PURE__ */ f("div", { className: a, ...o });
 };
-Fe.displayName = "Skeleton";
+ke.displayName = "Skeleton";
 const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.src) && !!e.altText, nt = ({
   src: e,
   altText: t,
@@ -987,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] = je(!1), u = () => i(!0), c = C(D, {
+  const [r, i] = ze(!1), u = () => i(!0), c = C(D, {
     [`${D}--loaded`]: r
   }), p = C(`${D}-placeholder`, {
     [`${D}-placeholder--loaded`]: r
@@ -1004,14 +1008,14 @@ const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
         onLoad: u
       }
     ),
-    !n && /* @__PURE__ */ f(Fe, { className: p })
+    !n && /* @__PURE__ */ f(ke, { className: p })
   ] });
-}, S = "purpur-radio-card-group__item", W = (e, { disabled: t }) => typeof e == "function" ? e({ disabled: t }) : e, ee = fe(
+}, S = "purpur-radio-card-group__item", q = (e, { disabled: t }) => typeof e == "function" ? e({ disabled: t }) : e, ee = fe(
   ({ title: e, ...t }, n) => {
-    const { ["data-testid"]: o, body: a, children: r, disabled: i, id: u, image: c, value: p } = t, _ = { ...t };
+    const { ["data-testid"]: o, body: a, children: r, disabled: i, id: u, image: c, value: p } = t, m = { ...t };
     return /* @__PURE__ */ N("div", { className: C(`${S}-container`), ref: n, children: [
       /* @__PURE__ */ N(
-        $r,
+        Fr,
         {
           className: C(S),
           "data-testid": o,
@@ -1019,7 +1023,7 @@ const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
           id: u,
           value: p,
           children: [
-            c && /* @__PURE__ */ f("span", { className: C(`${S}-image-container`), children: tt(c) ? /* @__PURE__ */ f(nt, { ...c, "data-testid": o && `${o}-image` }) : W(c, _) }),
+            c && /* @__PURE__ */ f("span", { className: C(`${S}-image-container`), children: tt(c) ? /* @__PURE__ */ f(nt, { ...c, "data-testid": o && `${o}-image` }) : q(c, m) }),
             /* @__PURE__ */ N("span", { className: C(`${S}-content`), children: [
               /* @__PURE__ */ N("span", { className: C(`${S}-top-container`), children: [
                 typeof e == "string" ? /* @__PURE__ */ f(
@@ -1031,8 +1035,8 @@ const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
                     disabled: i,
                     children: e
                   }
-                ) : W(e, _),
-                /* @__PURE__ */ f("span", { className: C(`${S}-radio`), children: /* @__PURE__ */ f(Fr, { className: C(`${S}-indicator`) }) })
+                ) : q(e, m),
+                /* @__PURE__ */ f("span", { className: C(`${S}-radio`), children: /* @__PURE__ */ f(kr, { className: C(`${S}-indicator`) }) })
               ] }),
               a && /* @__PURE__ */ f("span", { className: C(`${S}-bottom-container`), children: typeof a == "string" ? /* @__PURE__ */ f(
                 X,
@@ -1042,7 +1046,7 @@ const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
                   disabled: i,
                   children: a
                 }
-              ) : W(a, _) })
+              ) : q(a, m) })
             ] })
           ]
         }
@@ -1052,7 +1056,7 @@ const D = "purpur-radio-card-group__item-image", tt = (e) => !!(e != null && e.s
   }
 );
 ee.displayName = "RadioCardItem";
-const ot = (e) => ze(e) && (e == null ? void 0 : e.type) === ee, dt = ["horizontal", "vertical"], lt = ["right", "left"], G = "purpur-radio-card-group", at = fe(
+const ot = (e) => Ve(e) && (e == null ? void 0 : e.type) === ee, dt = ["horizontal", "vertical"], lt = ["right", "left"], G = "purpur-radio-card-group", at = fe(
   ({
     "data-testid": e,
     "aria-labelledby": t,
@@ -1064,28 +1068,28 @@ const ot = (e) => ze(e) && (e == null ? void 0 : e.type) === ee, dt = ["horizont
     loop: u = !0,
     orientation: c = "vertical",
     radioPosition: p = "right",
-    ..._
-  }, m) => {
-    const h = ne.toArray(n).filter(ot);
-    return /* @__PURE__ */ N("div", { className: C(o, `${G}__container`), ref: m, children: [
+    ...m
+  }, _) => {
+    const g = ne.toArray(n).filter(ot);
+    return /* @__PURE__ */ N("div", { className: C(o, `${G}__container`), ref: _, children: [
       r && /* @__PURE__ */ N(
-        me,
+        _e,
         {
           "data-testid": e ? `${e}-heading` : void 0,
-          id: `${_.id}-heading`,
+          id: `${m.id}-heading`,
           tag: i,
           variant: "subsection-100",
           children: [
-            _.required && /* @__PURE__ */ f("span", { "aria-hidden": !0, children: "* " }),
+            m.required && /* @__PURE__ */ f("span", { "aria-hidden": !0, children: "* " }),
             r
           ]
         }
       ),
-      (!!(a != null && a.length) || h.length) && /* @__PURE__ */ N(
-        Mr,
+      (!!(a != null && a.length) || g.length) && /* @__PURE__ */ N(
+        $r,
         {
-          ..._,
-          "aria-labelledby": t || (r ? `${_.id}-heading` : void 0),
+          ...m,
+          "aria-labelledby": t || (r ? `${m.id}-heading` : void 0),
           className: C(
             G,
             `${G}--${c}`,
@@ -1098,14 +1102,14 @@ const ot = (e) => ze(e) && (e == null ? void 0 : e.type) === ee, dt = ["horizont
               ee,
               {
                 ...d,
-                disabled: d.disabled || _.disabled,
+                disabled: d.disabled || m.disabled,
                 "data-testid": e ? `${e}-item` : void 0
               },
               d.id
             )),
             ne.map(
-              h,
-              (d) => Ve(d, { disabled: d.props.disabled || _.disabled })
+              g,
+              (d) => Ke(d, { disabled: d.props.disabled || m.disabled })
             )
           ]
         }