@purpurds/radio-card-group 6.6.0 → 6.6.2

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

@@ -73,7 +73,7 @@ const Xe = /* @__PURE__ */ We(Ye), M = {
   variant: i = Ze.TITLE100,
   ...u
 }) => {
-  const p = r, c = Xe([
+  const c = r, p = Xe([
     n,
     M[F],
     M[`${F}--${i}`],
@@ -82,7 +82,7 @@ const Xe = /* @__PURE__ */ We(Ye), M = {
       [M[`${F}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ f(p, { ...u, className: c, "data-testid": e, children: t });
+  return /* @__PURE__ */ f(c, { ...u, className: p, "data-testid": e, children: t });
 };
 ge.displayName = "Heading";
 function N(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
@@ -118,30 +118,30 @@ function P(...e) {
 function j(e, t = []) {
   let n = [];
   function o(r, i) {
-    const u = s.createContext(i), p = n.length;
+    const u = s.createContext(i), c = n.length;
     n = [...n, i];
-    const c = (l) => {
+    const p = (m) => {
       var y;
-      const { scope: m, children: _, ...d } = l, g = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[p]) || u, v = s.useMemo(() => d, Object.values(d));
-      return /* @__PURE__ */ f(g.Provider, { value: v, children: _ });
+      const { scope: _, children: d, ...l } = m, h = ((y = _ == null ? void 0 : _[e]) == null ? void 0 : y[c]) || u, v = s.useMemo(() => l, Object.values(l));
+      return /* @__PURE__ */ f(h.Provider, { value: v, children: d });
     };
-    c.displayName = r + "Provider";
-    function h(l, m) {
-      var g;
-      const _ = ((g = m == null ? void 0 : m[e]) == null ? void 0 : g[p]) || u, d = s.useContext(_);
-      if (d) return d;
+    p.displayName = r + "Provider";
+    function g(m, _) {
+      var h;
+      const d = ((h = _ == null ? void 0 : _[e]) == null ? void 0 : h[c]) || u, l = s.useContext(d);
+      if (l) return l;
       if (i !== void 0) return i;
-      throw new Error(`\`${l}\` must be used within \`${r}\``);
+      throw new Error(`\`${m}\` must be used within \`${r}\``);
     }
-    return [c, h];
+    return [p, g];
   }
   const a = () => {
     const r = n.map((i) => s.createContext(i));
     return function(u) {
-      const p = (u == null ? void 0 : u[e]) || r;
+      const c = (u == null ? void 0 : u[e]) || r;
       return s.useMemo(
-        () => ({ [`__scope${e}`]: { ...u, [e]: p } }),
-        [u, p]
+        () => ({ [`__scope${e}`]: { ...u, [e]: c } }),
+        [u, c]
       );
     };
   };
@@ -156,9 +156,9 @@ function Je(...e) {
       scopeName: a.scopeName
     }));
     return function(r) {
-      const i = o.reduce((u, { useScope: p, scopeName: c }) => {
-        const l = p(r)[`__scope${c}`];
-        return { ...u, ...l };
+      const i = o.reduce((u, { useScope: c, scopeName: p }) => {
+        const m = c(r)[`__scope${p}`];
+        return { ...u, ...m };
       }, {});
       return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
     };
@@ -168,7 +168,7 @@ function Je(...e) {
 var q = s.forwardRef((e, t) => {
   const { children: n, ...o } = e, a = s.Children.toArray(n), r = a.find(er);
   if (r) {
-    const i = r.props.children, u = a.map((p) => p === r ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : p);
+    const i = r.props.children, u = a.map((c) => c === r ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : c);
     return /* @__PURE__ */ f(X, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
   }
   return /* @__PURE__ */ f(X, { ...o, ref: t, children: n });
@@ -230,39 +230,39 @@ function or(e) {
   const t = e + "CollectionProvider", [n, o] = j(t), [a, r] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), i = (_) => {
-    const { scope: d, children: g } = _, v = A.useRef(null), y = A.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ f(a, { scope: d, itemMap: y, collectionRef: v, children: g });
+  ), i = (d) => {
+    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", p = A.forwardRef(
-    (_, d) => {
-      const { scope: g, children: v } = _, y = r(u, g), b = P(d, y.collectionRef);
+  const u = e + "CollectionSlot", c = A.forwardRef(
+    (d, l) => {
+      const { scope: h, children: v } = d, y = r(u, h), b = P(l, y.collectionRef);
       return /* @__PURE__ */ f(q, { ref: b, children: v });
     }
   );
-  p.displayName = u;
-  const c = e + "CollectionItemSlot", h = "data-radix-collection-item", l = A.forwardRef(
-    (_, d) => {
-      const { scope: g, children: v, ...y } = _, b = A.useRef(null), E = P(d, b), O = r(c, g);
-      return A.useEffect(() => (O.itemMap.set(b, { ref: b, ...y }), () => void O.itemMap.delete(b))), /* @__PURE__ */ f(q, { [h]: "", ref: E, children: v });
+  c.displayName = u;
+  const p = e + "CollectionItemSlot", g = "data-radix-collection-item", m = A.forwardRef(
+    (d, l) => {
+      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(q, { [g]: "", ref: E, children: v });
     }
   );
-  l.displayName = c;
-  function m(_) {
-    const d = r(e + "CollectionConsumer", _);
+  m.displayName = p;
+  function _(d) {
+    const l = r(e + "CollectionConsumer", d);
     return A.useCallback(() => {
-      const v = d.collectionRef.current;
+      const v = l.collectionRef.current;
       if (!v) return [];
-      const y = Array.from(v.querySelectorAll(`[${h}]`));
-      return Array.from(d.itemMap.values()).sort(
+      const y = Array.from(v.querySelectorAll(`[${g}]`));
+      return Array.from(l.itemMap.values()).sort(
         (O, x) => y.indexOf(O.ref.current) - y.indexOf(x.ref.current)
       );
-    }, [d.collectionRef, d.itemMap]);
+    }, [l.collectionRef, l.itemMap]);
   }
   return [
-    { Provider: i, Slot: p, ItemSlot: l },
-    m,
+    { Provider: i, Slot: c, ItemSlot: m },
+    _,
     o
   ];
 }
@@ -290,17 +290,17 @@ function ve({
   onChange: n = () => {
   }
 }) {
-  const [o, a] = sr({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : o, u = Q(n), p = s.useCallback(
-    (c) => {
+  const [o, a] = sr({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : o, u = Q(n), c = s.useCallback(
+    (p) => {
       if (r) {
-        const l = typeof c == "function" ? c(e) : c;
-        l !== e && u(l);
+        const m = typeof p == "function" ? p(e) : p;
+        m !== e && u(m);
       } else
-        a(c);
+        a(p);
     },
     [r, e, a, u]
   );
-  return [i, p];
+  return [i, c];
 }
 function sr({
   defaultProp: e,
@@ -331,17 +331,17 @@ var _r = s.forwardRef((e, t) => {
     dir: r,
     currentTabStopId: i,
     defaultCurrentTabStopId: u,
-    onCurrentTabStopIdChange: p,
-    onEntryFocus: c,
-    preventScrollOnEntryFocus: h = !1,
-    ...l
-  } = e, m = s.useRef(null), _ = P(t, m), d = ye(r), [g = null, v] = ve({
+    onCurrentTabStopIdChange: c,
+    onEntryFocus: p,
+    preventScrollOnEntryFocus: g = !1,
+    ...m
+  } = e, _ = s.useRef(null), d = P(t, _), l = ye(r), [h = null, v] = ve({
     prop: i,
     defaultProp: u,
-    onChange: p
-  }), [y, b] = s.useState(!1), E = Q(c), O = be(n), x = s.useRef(!1), [Le, ne] = s.useState(0);
+    onChange: c
+  }), [y, b] = s.useState(!1), E = Q(p), O = be(n), x = s.useRef(!1), [Le, ne] = s.useState(0);
   return s.useEffect(() => {
-    const R = m.current;
+    const R = _.current;
     if (R)
       return R.addEventListener(K, E), () => R.removeEventListener(K, E);
   }, [E]), /* @__PURE__ */ f(
@@ -349,9 +349,9 @@ var _r = s.forwardRef((e, t) => {
     {
       scope: n,
       orientation: o,
-      dir: d,
+      dir: l,
       loop: a,
-      currentTabStopId: g,
+      currentTabStopId: h,
       onItemFocus: s.useCallback(
         (R) => v(R),
         [v]
@@ -370,8 +370,8 @@ var _r = s.forwardRef((e, t) => {
         {
           tabIndex: y || Le === 0 ? -1 : 0,
           "data-orientation": o,
-          ...l,
-          ref: _,
+          ...m,
+          ref: d,
           style: { outline: "none", ...e.style },
           onMouseDown: N(e.onMouseDown, () => {
             x.current = !0;
@@ -381,10 +381,10 @@ var _r = s.forwardRef((e, t) => {
             if (R.target === R.currentTarget && qe && !y) {
               const oe = new CustomEvent(K, pr);
               if (R.currentTarget.dispatchEvent(oe), !oe.defaultPrevented) {
-                const V = O().filter((w) => w.focusable), Ue = V.find((w) => w.active), je = V.find((w) => w.id === g), ze = [Ue, je, ...V].filter(
+                const V = O().filter((w) => w.focusable), Ue = V.find((w) => w.active), je = V.find((w) => w.id === h), ze = [Ue, je, ...V].filter(
                   Boolean
                 ).map((w) => w.ref.current);
-                Ie(ze, h);
+                Ie(ze, g);
               }
             }
             x.current = !1;
@@ -402,44 +402,44 @@ var _r = s.forwardRef((e, t) => {
       active: a = !1,
       tabStopId: r,
       ...i
-    } = e, u = ur(), p = r || u, c = mr(Se, n), h = c.currentTabStopId === p, l = be(n), { onFocusableItemAdd: m, onFocusableItemRemove: _ } = c;
+    } = e, u = ur(), c = r || u, p = mr(Se, n), g = p.currentTabStopId === c, m = be(n), { onFocusableItemAdd: _, onFocusableItemRemove: d } = p;
     return s.useEffect(() => {
       if (o)
-        return m(), () => _();
-    }, [o, m, _]), /* @__PURE__ */ f(
+        return _(), () => d();
+    }, [o, _, d]), /* @__PURE__ */ f(
       Z.ItemSlot,
       {
         scope: n,
-        id: p,
+        id: c,
         focusable: o,
         active: a,
         children: /* @__PURE__ */ f(
           $.span,
           {
-            tabIndex: h ? 0 : -1,
-            "data-orientation": c.orientation,
+            tabIndex: g ? 0 : -1,
+            "data-orientation": p.orientation,
             ...i,
             ref: t,
-            onMouseDown: N(e.onMouseDown, (d) => {
-              o ? c.onItemFocus(p) : d.preventDefault();
+            onMouseDown: N(e.onMouseDown, (l) => {
+              o ? p.onItemFocus(c) : l.preventDefault();
             }),
-            onFocus: N(e.onFocus, () => c.onItemFocus(p)),
-            onKeyDown: N(e.onKeyDown, (d) => {
-              if (d.key === "Tab" && d.shiftKey) {
-                c.onItemShiftTab();
+            onFocus: N(e.onFocus, () => p.onItemFocus(c)),
+            onKeyDown: N(e.onKeyDown, (l) => {
+              if (l.key === "Tab" && l.shiftKey) {
+                p.onItemShiftTab();
                 return;
               }
-              if (d.target !== d.currentTarget) return;
-              const g = vr(d, c.orientation, c.dir);
-              if (g !== void 0) {
-                if (d.metaKey || d.ctrlKey || d.altKey || d.shiftKey) return;
-                d.preventDefault();
-                let y = l().filter((b) => b.focusable).map((b) => b.ref.current);
-                if (g === "last") y.reverse();
-                else if (g === "prev" || g === "next") {
-                  g === "prev" && y.reverse();
-                  const b = y.indexOf(d.currentTarget);
-                  y = c.loop ? yr(y, b + 1) : y.slice(b + 1);
+              if (l.target !== l.currentTarget) return;
+              const h = vr(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 (h === "last") y.reverse();
+                else if (h === "prev" || h === "next") {
+                  h === "prev" && y.reverse();
+                  const b = y.indexOf(l.currentTarget);
+                  y = p.loop ? yr(y, b + 1) : y.slice(b + 1);
                 }
                 setTimeout(() => Ie(y));
               }
@@ -489,8 +489,8 @@ function Cr(e) {
         const r = a[0];
         let i, u;
         if ("borderBoxSize" in r) {
-          const p = r.borderBoxSize, c = Array.isArray(p) ? p[0] : p;
-          i = c.inlineSize, u = c.blockSize;
+          const c = r.borderBoxSize, p = Array.isArray(c) ? c[0] : c;
+          i = p.inlineSize, u = p.blockSize;
         } else
           i = e.offsetWidth, u = e.offsetHeight;
         n({ width: i, height: u });
@@ -513,7 +513,7 @@ var we = (e) => {
 };
 we.displayName = "Presence";
 function Ir(e) {
-  const [t, n] = s.useState(), o = s.useRef({}), a = s.useRef(e), r = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, p] = Nr(i, {
+  const [t, n] = s.useState(), o = s.useRef({}), a = s.useRef(e), r = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, c] = Nr(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -527,37 +527,37 @@ function Ir(e) {
     }
   });
   return s.useEffect(() => {
-    const c = D(o.current);
-    r.current = u === "mounted" ? c : "none";
+    const p = D(o.current);
+    r.current = u === "mounted" ? p : "none";
   }, [u]), U(() => {
-    const c = o.current, h = a.current;
-    if (h !== e) {
-      const m = r.current, _ = D(c);
-      e ? p("MOUNT") : _ === "none" || (c == null ? void 0 : c.display) === "none" ? p("UNMOUNT") : p(h && m !== _ ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+    const p = o.current, g = a.current;
+    if (g !== e) {
+      const _ = r.current, d = D(p);
+      e ? c("MOUNT") : d === "none" || (p == null ? void 0 : p.display) === "none" ? c("UNMOUNT") : c(g && _ !== d ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
-  }, [e, p]), U(() => {
+  }, [e, c]), U(() => {
     if (t) {
-      let c;
-      const h = t.ownerDocument.defaultView ?? window, l = (_) => {
-        const g = D(o.current).includes(_.animationName);
-        if (_.target === t && g && (p("ANIMATION_END"), !a.current)) {
+      let p;
+      const g = t.ownerDocument.defaultView ?? window, m = (d) => {
+        const h = D(o.current).includes(d.animationName);
+        if (d.target === t && h && (c("ANIMATION_END"), !a.current)) {
           const v = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", c = h.setTimeout(() => {
+          t.style.animationFillMode = "forwards", p = g.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
           });
         }
-      }, m = (_) => {
-        _.target === t && (r.current = D(o.current));
+      }, _ = (d) => {
+        d.target === t && (r.current = D(o.current));
       };
-      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", l), t.addEventListener("animationend", l), () => {
-        h.clearTimeout(c), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", l), t.removeEventListener("animationend", l);
+      return t.addEventListener("animationstart", _), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
+        g.clearTimeout(p), t.removeEventListener("animationstart", _), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
       };
     } else
-      p("ANIMATION_END");
-  }, [t, p]), {
+      c("ANIMATION_END");
+  }, [t, c]), {
     isPresent: ["mounted", "unmountSuspended"].includes(u),
-    ref: s.useCallback((c) => {
-      c && (o.current = getComputedStyle(c)), n(c);
+    ref: s.useCallback((p) => {
+      p && (o.current = getComputedStyle(p)), n(p);
     }, [])
   };
 }
@@ -578,10 +578,10 @@ var ee = "Radio", [Ar, Ae] = j(ee), [Er, Or] = Ar(ee), Ee = s.forwardRef(
       required: r,
       disabled: i,
       value: u = "on",
-      onCheck: p,
-      form: c,
-      ...h
-    } = e, [l, m] = s.useState(null), _ = P(t, (v) => m(v)), d = s.useRef(!1), g = l ? c || !!l.closest("form") : !0;
+      onCheck: c,
+      form: p,
+      ...g
+    } = e, [m, _] = s.useState(null), d = P(t, (v) => _(v)), l = s.useRef(!1), h = m ? p || !!m.closest("form") : !0;
     return /* @__PURE__ */ I(Er, { scope: n, checked: a, disabled: i, children: [
       /* @__PURE__ */ f(
         $.button,
@@ -593,24 +593,24 @@ var ee = "Radio", [Ar, Ae] = j(ee), [Er, Or] = Ar(ee), Ee = s.forwardRef(
           "data-disabled": i ? "" : void 0,
           disabled: i,
           value: u,
-          ...h,
-          ref: _,
+          ...g,
+          ref: d,
           onClick: N(e.onClick, (v) => {
-            a || p == null || p(), g && (d.current = v.isPropagationStopped(), d.current || v.stopPropagation());
+            a || c == null || c(), h && (l.current = v.isPropagationStopped(), l.current || v.stopPropagation());
           })
         }
       ),
-      g && /* @__PURE__ */ f(
+      h && /* @__PURE__ */ f(
         Pr,
         {
-          control: l,
-          bubbles: !d.current,
+          control: m,
+          bubbles: !l.current,
           name: o,
           value: u,
           checked: a,
           required: r,
           disabled: i,
-          form: c,
+          form: p,
           style: { transform: "translateX(-100%)" }
         }
       )
@@ -636,10 +636,10 @@ Pe.displayName = Oe;
 var Pr = (e) => {
   const { control: t, checked: n, bubbles: o = !0, ...a } = e, r = s.useRef(null), i = Sr(n), u = Cr(t);
   return s.useEffect(() => {
-    const p = r.current, c = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(c, "checked").set;
-    if (i !== n && l) {
-      const m = new Event("click", { bubbles: o });
-      l.call(p, n), p.dispatchEvent(m);
+    const c = r.current, p = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(p, "checked").set;
+    if (i !== n && m) {
+      const _ = new Event("click", { bubbles: o });
+      m.call(c, n), c.dispatchEvent(_);
     }
   }, [i, n, o]), /* @__PURE__ */ f(
     "input",
@@ -676,15 +676,15 @@ var xr = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], re = "RadioGroup",
       value: r,
       required: i = !1,
       disabled: u = !1,
-      orientation: p,
-      dir: c,
-      loop: h = !0,
-      onValueChange: l,
-      ...m
-    } = e, _ = ke(n), d = ye(c), [g, v] = ve({
+      orientation: c,
+      dir: p,
+      loop: g = !0,
+      onValueChange: m,
+      ..._
+    } = e, d = ke(n), l = ye(p), [h, v] = ve({
       prop: r,
       defaultProp: a,
-      onChange: l
+      onChange: m
     });
     return /* @__PURE__ */ f(
       Tr,
@@ -693,25 +693,25 @@ var xr = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], re = "RadioGroup",
         name: o,
         required: i,
         disabled: u,
-        value: g,
+        value: h,
         onValueChange: v,
         children: /* @__PURE__ */ f(
           br,
           {
             asChild: !0,
-            ..._,
-            orientation: p,
-            dir: d,
-            loop: h,
+            ...d,
+            orientation: c,
+            dir: l,
+            loop: g,
             children: /* @__PURE__ */ f(
               $.div,
               {
                 role: "radiogroup",
                 "aria-required": i,
-                "aria-orientation": p,
+                "aria-orientation": c,
                 "data-disabled": u ? "" : void 0,
-                dir: d,
-                ...m,
+                dir: l,
+                ..._,
                 ref: t
               }
             )
@@ -724,13 +724,13 @@ var xr = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], re = "RadioGroup",
 $e.displayName = re;
 var Me = "RadioGroupItem", Fe = s.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: n, disabled: o, ...a } = e, r = $r(Me, n), i = r.disabled || o, u = ke(n), p = Te(n), c = s.useRef(null), h = P(t, c), l = r.value === a.value, m = s.useRef(!1);
+    const { __scopeRadioGroup: n, disabled: o, ...a } = e, r = $r(Me, n), i = r.disabled || o, u = ke(n), c = Te(n), p = s.useRef(null), g = P(t, p), m = r.value === a.value, _ = s.useRef(!1);
     return s.useEffect(() => {
-      const _ = (g) => {
-        xr.includes(g.key) && (m.current = !0);
-      }, d = () => m.current = !1;
-      return document.addEventListener("keydown", _), document.addEventListener("keyup", d), () => {
-        document.removeEventListener("keydown", _), document.removeEventListener("keyup", d);
+      const d = (h) => {
+        xr.includes(h.key) && (_.current = !0);
+      }, l = () => _.current = !1;
+      return document.addEventListener("keydown", d), document.addEventListener("keyup", l), () => {
+        document.removeEventListener("keydown", d), document.removeEventListener("keyup", l);
       };
     }, []), /* @__PURE__ */ f(
       Rr,
@@ -738,24 +738,24 @@ var Me = "RadioGroupItem", Fe = s.forwardRef(
         asChild: !0,
         ...u,
         focusable: !i,
-        active: l,
+        active: m,
         children: /* @__PURE__ */ f(
           Ee,
           {
             disabled: i,
             required: r.required,
-            checked: l,
-            ...p,
+            checked: m,
+            ...c,
             ...a,
             name: r.name,
-            ref: h,
+            ref: g,
             onCheck: () => r.onValueChange(a.value),
-            onKeyDown: N((_) => {
-              _.key === "Enter" && _.preventDefault();
+            onKeyDown: N((d) => {
+              d.key === "Enter" && d.preventDefault();
             }),
             onFocus: N(a.onFocus, () => {
-              var _;
-              m.current && ((_ = c.current) == null || _.click());
+              var d;
+              _.current && ((d = p.current) == null || d.click());
             })
           }
         )
@@ -906,7 +906,7 @@ const Wr = /* @__PURE__ */ Vr(Br), k = {
   variant: i = Hr.PARAGRAPH100,
   ...u
 }) => {
-  const p = Wr([
+  const c = Wr([
     n,
     k[T],
     k[`${T}--${i}`],
@@ -916,7 +916,7 @@ const Wr = /* @__PURE__ */ Vr(Br), k = {
       [k[`${T}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ f("p", { ...u, className: p, "data-testid": e, children: t });
+  return /* @__PURE__ */ f("p", { ...u, className: c, "data-testid": e, children: t });
 };
 J.displayName = "Paragraph";
 function Yr(e) {
@@ -996,9 +996,9 @@ const G = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.s
   loading: o = "lazy",
   ["data-testid"]: a
 }) => {
-  const [r, i] = Ve(!1), u = () => i(!0), p = C(G, {
+  const [r, i] = Ve(!1), u = () => i(!0), c = C(G, {
     [`${G}--loaded`]: r
-  }), c = C(`${G}-placeholder`, {
+  }), p = C(`${G}-placeholder`, {
     [`${G}-placeholder--loaded`]: r
   });
   return /* @__PURE__ */ I(me, { children: [
@@ -1006,14 +1006,14 @@ const G = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.s
       "img",
       {
         "data-testid": a,
-        className: p,
+        className: c,
         src: e,
         alt: t,
         loading: o,
         onLoad: u
       }
     ),
-    !n && /* @__PURE__ */ f(Ge, { className: c })
+    !n && /* @__PURE__ */ f(Ge, { className: p })
   ] });
 }, S = "purpur-radio-card-group__item", Y = (e, { disabled: t }) => typeof e == "function" ? e({ disabled: t }) : e, tt = ({ title: e, ...t }, n) => {
   const {
@@ -1022,10 +1022,10 @@ const G = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.s
     children: r,
     disabled: i,
     id: u,
-    image: p,
-    required: c,
-    value: h
-  } = t, l = { ...t };
+    image: c,
+    required: p,
+    value: g
+  } = t, m = { ...t };
   return /* @__PURE__ */ I("div", { className: C(`${S}-container`), ref: n, children: [
     /* @__PURE__ */ I(
       Dr,
@@ -1034,10 +1034,10 @@ const G = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.s
         "data-testid": o,
         disabled: i,
         id: u,
-        required: c,
-        value: h,
+        required: p,
+        value: g,
         children: [
-          p && /* @__PURE__ */ f("span", { className: C(`${S}-image-container`), children: et(p) ? /* @__PURE__ */ f(rt, { ...p, "data-testid": o && `${o}-image` }) : Y(p, l) }),
+          c && /* @__PURE__ */ f("span", { className: C(`${S}-image-container`), children: et(c) ? /* @__PURE__ */ f(rt, { ...c, "data-testid": o && `${o}-image` }) : Y(c, m) }),
           /* @__PURE__ */ I("span", { className: C(`${S}-content`), children: [
             /* @__PURE__ */ I("span", { className: C(`${S}-top-container`), children: [
               typeof e == "string" ? /* @__PURE__ */ f(
@@ -1049,7 +1049,7 @@ const G = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.s
                   disabled: i,
                   children: e
                 }
-              ) : Y(e, l),
+              ) : Y(e, m),
               /* @__PURE__ */ f("span", { className: C(`${S}-radio`), children: /* @__PURE__ */ f(Gr, { className: C(`${S}-indicator`) }) })
             ] }),
             a && /* @__PURE__ */ f("span", { className: C(`${S}-bottom-container`), children: typeof a == "string" ? /* @__PURE__ */ f(
@@ -1060,7 +1060,7 @@ const G = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.s
                 disabled: i,
                 children: a
               }
-            ) : Y(a, l) })
+            ) : Y(a, m) })
           ] })
         ]
       }
@@ -1076,48 +1076,49 @@ const nt = (e) => Ke(e) && (e == null ? void 0 : e.type) === te, dt = ["horizont
   className: o,
   items: a,
   label: r,
-  loop: i = !0,
-  orientation: u = "vertical",
+  labelTag: i = "h2",
+  loop: u = !0,
+  orientation: c = "vertical",
   radioPosition: p = "right",
-  ...c
-}, h) => {
-  const l = ae.toArray(n).filter(nt);
-  return /* @__PURE__ */ I("div", { className: C(o, `${L}__container`), ref: h, children: [
+  ...g
+}, m) => {
+  const _ = ae.toArray(n).filter(nt);
+  return /* @__PURE__ */ I("div", { className: C(o, `${L}__container`), ref: m, children: [
     r && /* @__PURE__ */ f(
       ge,
       {
         "data-testid": e ? `${e}-label` : void 0,
-        id: `${c.id}-label`,
-        tag: "h2",
+        id: `${g.id}-label`,
+        tag: i,
         variant: "subsection-100",
-        children: `${c.required ? "* " : ""}${r}`
+        children: `${g.required ? "* " : ""}${r}`
       }
     ),
-    (!!(a != null && a.length) || l.length) && /* @__PURE__ */ I(
+    (!!(a != null && a.length) || _.length) && /* @__PURE__ */ I(
       Fr,
       {
-        ...c,
-        "aria-labelledby": t || (r ? `${c.id}-label` : void 0),
+        ...g,
+        "aria-labelledby": t || (r ? `${g.id}-label` : void 0),
         className: C(
           L,
-          `${L}--${u}`,
+          `${L}--${c}`,
           `${L}--radio-${p}`
         ),
         "data-testid": e,
-        loop: i,
+        loop: u,
         children: [
-          a == null ? void 0 : a.map((m) => /* @__PURE__ */ f(
+          a == null ? void 0 : a.map((d) => /* @__PURE__ */ f(
             te,
             {
-              ...m,
-              disabled: m.disabled || c.disabled,
+              ...d,
+              disabled: d.disabled || g.disabled,
               "data-testid": e ? `${e}-item` : void 0
             },
-            m.id
+            d.id
           )),
           ae.map(
-            l,
-            (m) => Be(m, { disabled: m.props.disabled || c.disabled })
+            _,
+            (d) => Be(d, { disabled: d.props.disabled || g.disabled })
           )
         ]
       }