@purpurds/radio-card-group 6.0.1 → 6.1.0

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

@@ -1,11 +1,11 @@
-import { jsx as y, jsxs as k, Fragment as Le } from "react/jsx-runtime";
-import * as fe from "react";
-import N, { useCallback as w, createContext as oe, useMemo as G, createElement as b, useContext as _e, forwardRef as I, Children as P, isValidElement as U, cloneElement as X, Fragment as Ge, useEffect as T, useLayoutEffect as Ue, useRef as A, useState as M, useReducer as qe } from "react";
-import { flushSync as je } from "react-dom";
-function Be(e) {
+import { jsx as f, Fragment as ie, jsxs as I } from "react/jsx-runtime";
+import * as s from "react";
+import E, { useState as Ue, forwardRef as ue, isValidElement as qe, Children as oe, cloneElement as je } from "react";
+import "react-dom";
+function Ve(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var me = { exports: {} };
+var se = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -13,11 +13,11 @@ var me = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", a = 0; a < arguments.length; a++) {
-        var u = arguments[a];
-        u && (r = i(r, o(u)));
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o(u)));
       }
       return r;
     }
@@ -27,22 +27,22 @@ var me = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var a = "";
+      var i = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (a = i(a, u));
-      return a;
+        t.call(r, u) && r[u] && (i = a(i, u));
+      return i;
     }
-    function i(r, a) {
-      return a ? r ? r + " " + a : r + a : r;
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(me);
-var ze = me.exports;
-const Ve = /* @__PURE__ */ Be(ze), B = {
+})(se);
+var ze = se.exports;
+const Be = /* @__PURE__ */ Ve(ze), $ = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -58,7 +58,7 @@ const Ve = /* @__PURE__ */ Be(ze), B = {
   "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"
-}, He = {
+}, Ke = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -67,181 +67,146 @@ const Ve = /* @__PURE__ */ Be(ze), B = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, z = "purpur-heading", be = ({
+}, F = "purpur-heading", ce = ({
   ["data-testid"]: e,
-  children: n,
-  className: t = "",
+  children: t,
+  className: n = "",
   enableHyphenation: o = !1,
-  negative: i = !1,
+  negative: a = !1,
   tag: r,
-  variant: a = He.TITLE100,
+  variant: i = Ke.TITLE100,
   ...u
 }) => {
-  const s = r, c = Ve([
-    t,
-    B[z],
-    B[`${z}--${a}`],
+  const d = r, c = Be([
+    n,
+    $[F],
+    $[`${F}--${i}`],
     {
-      [B[`${z}--hyphens`]]: o,
-      [B[`${z}--negative`]]: i
+      [$[`${F}--hyphens`]]: o,
+      [$[`${F}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ y(s, { ...u, className: c, "data-testid": e, children: n });
+  return /* @__PURE__ */ f(d, { ...u, className: c, "data-testid": e, children: t });
 };
-be.displayName = "Heading";
-function v() {
-  return v = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var o in t) ({}).hasOwnProperty.call(t, o) && (e[o] = t[o]);
-    }
-    return e;
-  }, v.apply(null, arguments);
-}
-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);
+ce.displayName = "Heading";
+function S(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(a) {
+    if (e == null || e(a), n === !1 || !a.defaultPrevented)
+      return t == null ? void 0 : t(a);
   };
 }
-function Ke(e, n) {
-  typeof e == "function" ? e(n) : e != null && (e.current = n);
+function ae(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
 }
-function $e(...e) {
-  return (n) => e.forEach(
-    (t) => Ke(t, n)
-  );
+function de(...e) {
+  return (t) => {
+    let n = !1;
+    const o = e.map((a) => {
+      const r = ae(a, t);
+      return !n && typeof r == "function" && (n = !0), r;
+    });
+    if (n)
+      return () => {
+        for (let a = 0; a < o.length; a++) {
+          const r = o[a];
+          typeof r == "function" ? r() : ae(e[a], null);
+        }
+      };
+  };
 }
-function F(...e) {
-  return w($e(...e), e);
+function O(...e) {
+  return s.useCallback(de(...e), e);
 }
-function Z(e, n = []) {
-  let t = [];
-  function o(r, a) {
-    const u = /* @__PURE__ */ oe(a), s = t.length;
-    t = [
-      ...t,
-      a
-    ];
-    function c(p) {
-      const { scope: f, children: l, ...d } = p, m = (f == null ? void 0 : f[e][s]) || u, g = G(
-        () => d,
-        Object.values(d)
-      );
-      return /* @__PURE__ */ b(m.Provider, {
-        value: g
-      }, l);
-    }
-    function _(p, f) {
-      const l = (f == null ? void 0 : f[e][s]) || u, d = _e(l);
-      if (d) return d;
-      if (a !== void 0) return a;
-      throw new Error(`\`${p}\` must be used within \`${r}\``);
+function j(e, t = []) {
+  let n = [];
+  function o(r, i) {
+    const u = s.createContext(i), d = n.length;
+    n = [...n, i];
+    const c = (l) => {
+      var y;
+      const { scope: m, children: _, ...p } = l, g = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[d]) || u, v = s.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ f(g.Provider, { value: v, children: _ });
+    };
+    c.displayName = r + "Provider";
+    function h(l, m) {
+      var g;
+      const _ = ((g = m == null ? void 0 : m[e]) == null ? void 0 : g[d]) || u, p = s.useContext(_);
+      if (p) return p;
+      if (i !== void 0) return i;
+      throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
-    return c.displayName = r + "Provider", [
-      c,
-      _
-    ];
+    return [c, h];
   }
-  const i = () => {
-    const r = t.map((a) => /* @__PURE__ */ oe(a));
+  const a = () => {
+    const r = n.map((i) => s.createContext(i));
     return function(u) {
-      const s = (u == null ? void 0 : u[e]) || r;
-      return G(
-        () => ({
-          [`__scope${e}`]: {
-            ...u,
-            [e]: s
-          }
-        }),
-        [
-          u,
-          s
-        ]
+      const d = (u == null ? void 0 : u[e]) || r;
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...u, [e]: d } }),
+        [u, d]
       );
     };
   };
-  return i.scopeName = e, [
-    o,
-    Ye(i, ...n)
-  ];
+  return a.scopeName = e, [o, We(a, ...t)];
 }
-function Ye(...e) {
-  const n = e[0];
-  if (e.length === 1) return n;
-  const t = () => {
-    const o = e.map(
-      (i) => ({
-        useScope: i(),
-        scopeName: i.scopeName
-      })
-    );
+function We(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const o = e.map((a) => ({
+      useScope: a(),
+      scopeName: a.scopeName
+    }));
     return function(r) {
-      const a = o.reduce((u, { useScope: s, scopeName: c }) => {
-        const p = s(r)[`__scope${c}`];
-        return {
-          ...u,
-          ...p
-        };
+      const i = o.reduce((u, { useScope: d, scopeName: c }) => {
+        const l = d(r)[`__scope${c}`];
+        return { ...u, ...l };
       }, {});
-      return G(
-        () => ({
-          [`__scope${n.scopeName}`]: a
-        }),
-        [
-          a
-        ]
-      );
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
     };
   };
-  return t.scopeName = n.scopeName, t;
+  return n.scopeName = t.scopeName, n;
 }
-const Y = /* @__PURE__ */ I((e, n) => {
-  const { children: t, ...o } = e, i = P.toArray(t), r = i.find(Xe);
+var U = s.forwardRef((e, t) => {
+  const { children: n, ...o } = e, a = s.Children.toArray(n), r = a.find(Ye);
   if (r) {
-    const a = r.props.children, u = i.map((s) => s === r ? P.count(a) > 1 ? P.only(null) : /* @__PURE__ */ U(a) ? a.props.children : null : s);
-    return /* @__PURE__ */ b(ae, v({}, o, {
-      ref: n
-    }), /* @__PURE__ */ U(a) ? /* @__PURE__ */ X(a, void 0, u) : null);
+    const i = r.props.children, u = a.map((d) => d === r ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : d);
+    return /* @__PURE__ */ f(Y, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
   }
-  return /* @__PURE__ */ b(ae, v({}, o, {
-    ref: n
-  }), t);
+  return /* @__PURE__ */ f(Y, { ...o, ref: t, children: n });
 });
-Y.displayName = "Slot";
-const ae = /* @__PURE__ */ I((e, n) => {
-  const { children: t, ...o } = e;
-  return /* @__PURE__ */ U(t) ? /* @__PURE__ */ X(t, {
-    ...Ze(o, t.props),
-    ref: n ? $e(n, t.ref) : t.ref
-  }) : P.count(t) > 1 ? P.only(null) : null;
+U.displayName = "Slot";
+var Y = s.forwardRef((e, t) => {
+  const { children: n, ...o } = e;
+  if (s.isValidElement(n)) {
+    const a = Ze(n), r = Xe(o, n.props);
+    return n.type !== s.Fragment && (r.ref = t ? de(t, a) : a), s.cloneElement(n, r);
+  }
+  return s.Children.count(n) > 1 ? s.Children.only(null) : null;
 });
-ae.displayName = "SlotClone";
-const We = ({ children: e }) => /* @__PURE__ */ b(Ge, null, e);
-function Xe(e) {
-  return /* @__PURE__ */ U(e) && e.type === We;
+Y.displayName = "SlotClone";
+var He = ({ children: e }) => /* @__PURE__ */ f(ie, { children: e });
+function Ye(e) {
+  return s.isValidElement(e) && e.type === He;
 }
-function Ze(e, n) {
-  const t = {
-    ...n
-  };
-  for (const o in n) {
-    const i = e[o], r = n[o];
-    /^on[A-Z]/.test(o) ? i && r ? t[o] = (...u) => {
-      r(...u), i(...u);
-    } : i && (t[o] = i) : o === "style" ? t[o] = {
-      ...i,
-      ...r
-    } : o === "className" && (t[o] = [
-      i,
-      r
-    ].filter(Boolean).join(" "));
+function Xe(e, t) {
+  const n = { ...t };
+  for (const o in t) {
+    const a = e[o], r = t[o];
+    /^on[A-Z]/.test(o) ? a && r ? n[o] = (...u) => {
+      r(...u), a(...u);
+    } : a && (n[o] = a) : o === "style" ? n[o] = { ...a, ...r } : o === "className" && (n[o] = [a, r].filter(Boolean).join(" "));
   }
-  return {
-    ...e,
-    ...t
-  };
+  return { ...e, ...n };
+}
+function Ze(e) {
+  var o, a;
+  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);
 }
-const Je = [
+var Je = [
   "a",
   "button",
   "div",
@@ -258,278 +223,239 @@ const Je = [
   "span",
   "svg",
   "ul"
-], q = Je.reduce((e, n) => {
-  const t = /* @__PURE__ */ I((o, i) => {
-    const { asChild: r, ...a } = o, u = r ? Y : n;
-    return T(() => {
-      window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ b(u, v({}, a, {
-      ref: i
-    }));
+], M = Je.reduce((e, t) => {
+  const n = s.forwardRef((o, a) => {
+    const { asChild: r, ...i } = o, u = r ? U : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: a });
   });
-  return t.displayName = `Primitive.${n}`, {
-    ...e,
-    [n]: t
-  };
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
 function Qe(e) {
-  const n = e + "CollectionProvider", [t, o] = Z(n), [i, r] = t(n, {
-    collectionRef: {
-      current: null
-    },
-    itemMap: /* @__PURE__ */ new Map()
-  }), a = (l) => {
-    const { scope: d, children: m } = l, g = N.useRef(null), $ = N.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ N.createElement(i, {
-      scope: d,
-      itemMap: $,
-      collectionRef: g
-    }, m);
-  }, u = e + "CollectionSlot", s = /* @__PURE__ */ N.forwardRef((l, d) => {
-    const { scope: m, children: g } = l, $ = r(u, m), h = F(d, $.collectionRef);
-    return /* @__PURE__ */ N.createElement(Y, {
-      ref: h
-    }, g);
-  }), c = e + "CollectionItemSlot", _ = "data-radix-collection-item", p = /* @__PURE__ */ N.forwardRef((l, d) => {
-    const { scope: m, children: g, ...$ } = l, h = N.useRef(null), j = F(d, h), E = r(c, m);
-    return N.useEffect(() => (E.itemMap.set(h, {
-      ref: h,
-      ...$
-    }), () => void E.itemMap.delete(h))), /* @__PURE__ */ N.createElement(Y, {
-      [_]: "",
-      ref: j
-    }, g);
-  });
-  function f(l) {
-    const d = r(e + "CollectionConsumer", l);
-    return N.useCallback(() => {
-      const g = d.collectionRef.current;
-      if (!g) return [];
-      const $ = Array.from(g.querySelectorAll(`[${_}]`));
-      return Array.from(d.itemMap.values()).sort(
-        (E, J) => $.indexOf(E.ref.current) - $.indexOf(J.ref.current)
+  const t = e + "CollectionProvider", [n, o] = j(t), [a, r] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), i = (_) => {
+    const { scope: p, children: g } = _, v = E.useRef(null), y = E.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ f(a, { scope: p, itemMap: y, collectionRef: v, children: g });
+  };
+  i.displayName = t;
+  const u = e + "CollectionSlot", d = E.forwardRef(
+    (_, p) => {
+      const { scope: g, children: v } = _, y = r(u, g), R = O(p, y.collectionRef);
+      return /* @__PURE__ */ f(U, { ref: R, children: v });
+    }
+  );
+  d.displayName = u;
+  const c = e + "CollectionItemSlot", h = "data-radix-collection-item", l = E.forwardRef(
+    (_, p) => {
+      const { scope: g, children: v, ...y } = _, R = E.useRef(null), w = O(p, R), P = r(c, g);
+      return E.useEffect(() => (P.itemMap.set(R, { ref: R, ...y }), () => void P.itemMap.delete(R))), /* @__PURE__ */ f(U, { [h]: "", ref: w, children: v });
+    }
+  );
+  l.displayName = c;
+  function m(_) {
+    const p = r(e + "CollectionConsumer", _);
+    return E.useCallback(() => {
+      const v = p.collectionRef.current;
+      if (!v) return [];
+      const y = Array.from(v.querySelectorAll(`[${h}]`));
+      return Array.from(p.itemMap.values()).sort(
+        (P, T) => y.indexOf(P.ref.current) - y.indexOf(T.ref.current)
       );
-    }, [
-      d.collectionRef,
-      d.itemMap
-    ]);
+    }, [p.collectionRef, p.itemMap]);
   }
   return [
-    {
-      Provider: a,
-      Slot: s,
-      ItemSlot: p
-    },
-    f,
+    { Provider: i, Slot: d, ItemSlot: l },
+    m,
     o
   ];
 }
-const W = globalThis != null && globalThis.document ? Ue : () => {
-}, er = fe.useId || (() => {
-});
-let rr = 0;
+var q = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+}, er = s.useId || (() => {
+}), rr = 0;
 function tr(e) {
-  const [n, t] = fe.useState(er());
-  return W(() => {
-    t(
-      (o) => o ?? String(rr++)
-    );
-  }, [
-    e
-  ]), n ? `radix-${n}` : "";
+  const [t, n] = s.useState(er());
+  return q(() => {
+    n((o) => o ?? String(rr++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+function J(e) {
+  const t = s.useRef(e);
+  return s.useEffect(() => {
+    t.current = e;
+  }), s.useMemo(() => (...n) => {
+    var o;
+    return (o = t.current) == null ? void 0 : o.call(t, ...n);
+  }, []);
 }
-function ce(e) {
-  const n = A(e);
-  return T(() => {
-    n.current = e;
-  }), G(
-    () => (...t) => {
-      var o;
-      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
+function pe({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  }
+}) {
+  const [o, a] = nr({ defaultProp: t, onChange: n }), r = e !== void 0, i = r ? e : o, u = J(n), d = s.useCallback(
+    (c) => {
+      if (r) {
+        const l = typeof c == "function" ? c(e) : c;
+        l !== e && u(l);
+      } else
+        a(c);
     },
-    []
+    [r, e, a, u]
   );
+  return [i, d];
 }
-function he({ prop: e, defaultProp: n, onChange: t = () => {
-} }) {
-  const [o, i] = nr({
-    defaultProp: n,
-    onChange: t
-  }), r = e !== void 0, a = r ? e : o, u = ce(t), s = w((c) => {
-    if (r) {
-      const p = typeof c == "function" ? c(e) : c;
-      p !== e && u(p);
-    } else i(c);
-  }, [
-    r,
-    e,
-    i,
-    u
-  ]);
-  return [
-    a,
-    s
-  ];
-}
-function nr({ defaultProp: e, onChange: n }) {
-  const t = M(e), [o] = t, i = A(o), r = ce(n);
-  return T(() => {
-    i.current !== o && (r(o), i.current = o);
-  }, [
-    o,
-    i,
-    r
-  ]), t;
+function nr({
+  defaultProp: e,
+  onChange: t
+}) {
+  const n = s.useState(e), [o] = n, a = s.useRef(o), r = J(t);
+  return s.useEffect(() => {
+    a.current !== o && (r(o), a.current = o);
+  }, [o, a, r]), n;
 }
-const or = /* @__PURE__ */ oe(void 0);
-function ge(e) {
-  const n = _e(or);
-  return e || n || "ltr";
+var or = s.createContext(void 0);
+function le(e) {
+  const t = s.useContext(or);
+  return e || t || "ltr";
 }
-const ee = "rovingFocusGroup.onEntryFocus", ar = {
-  bubbles: !1,
-  cancelable: !0
-}, se = "RovingFocusGroup", [ie, ve, ir] = Qe(se), [ur, ye] = Z(se, [
-  ir
-]), [cr, sr] = ur(se), dr = /* @__PURE__ */ I((e, n) => /* @__PURE__ */ b(ie.Provider, {
-  scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ b(ie.Slot, {
-  scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ b(pr, v({}, e, {
-  ref: n
-}))))), pr = /* @__PURE__ */ I((e, n) => {
-  const { __scopeRovingFocusGroup: t, orientation: o, loop: i = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: u, onCurrentTabStopIdChange: s, onEntryFocus: c, ..._ } = e, p = A(null), f = F(n, p), l = ge(r), [d = null, m] = he({
-    prop: a,
-    defaultProp: u,
-    onChange: s
-  }), [g, $] = M(!1), h = ce(c), j = ve(t), E = A(!1), [J, pe] = M(0);
-  return T(() => {
-    const R = p.current;
-    if (R)
-      return R.addEventListener(ee, h), () => R.removeEventListener(ee, h);
-  }, [
-    h
-  ]), /* @__PURE__ */ b(cr, {
-    scope: t,
+var B = "rovingFocusGroup.onEntryFocus", ar = { bubbles: !1, cancelable: !0 }, V = "RovingFocusGroup", [X, fe, ir] = Qe(V), [ur, me] = j(
+  V,
+  [ir]
+), [sr, cr] = ur(V), _e = s.forwardRef(
+  (e, t) => /* @__PURE__ */ f(X.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ f(X.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ f(dr, { ...e, ref: t }) }) })
+);
+_e.displayName = V;
+var dr = s.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: n,
     orientation: o,
-    dir: l,
-    loop: i,
-    currentTabStopId: d,
-    onItemFocus: w(
-      (R) => m(R),
-      [
-        m
-      ]
-    ),
-    onItemShiftTab: w(
-      () => $(!0),
-      []
-    ),
-    onFocusableItemAdd: w(
-      () => pe(
-        (R) => R + 1
+    loop: a = !1,
+    dir: r,
+    currentTabStopId: i,
+    defaultCurrentTabStopId: u,
+    onCurrentTabStopIdChange: d,
+    onEntryFocus: c,
+    preventScrollOnEntryFocus: h = !1,
+    ...l
+  } = e, m = s.useRef(null), _ = O(t, m), p = le(r), [g = null, v] = pe({
+    prop: i,
+    defaultProp: u,
+    onChange: d
+  }), [y, R] = s.useState(!1), w = J(c), P = fe(n), T = s.useRef(!1), [$e, te] = s.useState(0);
+  return s.useEffect(() => {
+    const b = m.current;
+    if (b)
+      return b.addEventListener(B, w), () => b.removeEventListener(B, w);
+  }, [w]), /* @__PURE__ */ f(
+    sr,
+    {
+      scope: n,
+      orientation: o,
+      dir: p,
+      loop: a,
+      currentTabStopId: g,
+      onItemFocus: s.useCallback(
+        (b) => v(b),
+        [v]
       ),
-      []
-    ),
-    onFocusableItemRemove: w(
-      () => pe(
-        (R) => R - 1
+      onItemShiftTab: s.useCallback(() => R(!0), []),
+      onFocusableItemAdd: s.useCallback(
+        () => te((b) => b + 1),
+        []
       ),
-      []
-    )
-  }, /* @__PURE__ */ b(q.div, v({
-    tabIndex: g || J === 0 ? -1 : 0,
-    "data-orientation": o
-  }, _, {
-    ref: f,
-    style: {
-      outline: "none",
-      ...e.style
-    },
-    onMouseDown: x(e.onMouseDown, () => {
-      E.current = !0;
-    }),
-    onFocus: x(e.onFocus, (R) => {
-      const we = !E.current;
-      if (R.target === R.currentTarget && we && !g) {
-        const le = new CustomEvent(ee, ar);
-        if (R.currentTarget.dispatchEvent(le), !le.defaultPrevented) {
-          const Q = j().filter(
-            (O) => O.focusable
-          ), Me = Q.find(
-            (O) => O.active
-          ), Fe = Q.find(
-            (O) => O.id === d
-          ), De = [
-            Me,
-            Fe,
-            ...Q
-          ].filter(Boolean).map(
-            (O) => O.ref.current
-          );
-          Re(De);
-        }
-      }
-      E.current = !1;
-    }),
-    onBlur: x(
-      e.onBlur,
-      () => $(!1)
-    )
-  })));
-}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ I((e, n) => {
-  const { __scopeRovingFocusGroup: t, focusable: o = !0, active: i = !1, tabStopId: r, ...a } = e, u = tr(), s = r || u, c = sr(lr, t), _ = c.currentTabStopId === s, p = ve(t), { onFocusableItemAdd: f, onFocusableItemRemove: l } = c;
-  return T(() => {
-    if (o)
-      return f(), () => l();
-  }, [
-    o,
-    f,
-    l
-  ]), /* @__PURE__ */ b(ie.ItemSlot, {
-    scope: t,
-    id: s,
-    focusable: o,
-    active: i
-  }, /* @__PURE__ */ b(q.span, v({
-    tabIndex: _ ? 0 : -1,
-    "data-orientation": c.orientation
-  }, a, {
-    ref: n,
-    onMouseDown: x(e.onMouseDown, (d) => {
-      o ? c.onItemFocus(s) : d.preventDefault();
-    }),
-    onFocus: x(
-      e.onFocus,
-      () => c.onItemFocus(s)
-    ),
-    onKeyDown: x(e.onKeyDown, (d) => {
-      if (d.key === "Tab" && d.shiftKey) {
-        c.onItemShiftTab();
-        return;
-      }
-      if (d.target !== d.currentTarget) return;
-      const m = br(d, c.orientation, c.dir);
-      if (m !== void 0) {
-        d.preventDefault();
-        let $ = p().filter(
-          (h) => h.focusable
-        ).map(
-          (h) => h.ref.current
-        );
-        if (m === "last") $.reverse();
-        else if (m === "prev" || m === "next") {
-          m === "prev" && $.reverse();
-          const h = $.indexOf(d.currentTarget);
-          $ = c.loop ? $r($, h + 1) : $.slice(h + 1);
+      onFocusableItemRemove: s.useCallback(
+        () => te((b) => b - 1),
+        []
+      ),
+      children: /* @__PURE__ */ f(
+        M.div,
+        {
+          tabIndex: y || $e === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...l,
+          ref: _,
+          style: { outline: "none", ...e.style },
+          onMouseDown: S(e.onMouseDown, () => {
+            T.current = !0;
+          }),
+          onFocus: S(e.onFocus, (b) => {
+            const Fe = !T.current;
+            if (b.target === b.currentTarget && Fe && !y) {
+              const ne = new CustomEvent(B, ar);
+              if (b.currentTarget.dispatchEvent(ne), !ne.defaultPrevented) {
+                const z = P().filter((A) => A.focusable), De = z.find((A) => A.active), Le = z.find((A) => A.id === g), Ge = [De, Le, ...z].filter(
+                  Boolean
+                ).map((A) => A.ref.current);
+                ve(Ge, h);
+              }
+            }
+            T.current = !1;
+          }),
+          onBlur: S(e.onBlur, () => R(!1))
         }
-        setTimeout(
-          () => Re($)
-        );
+      )
+    }
+  );
+}), ge = "RovingFocusGroupItem", he = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: n,
+      focusable: o = !0,
+      active: a = !1,
+      tabStopId: r,
+      ...i
+    } = e, u = tr(), d = r || u, c = cr(ge, n), h = c.currentTabStopId === d, l = fe(n), { onFocusableItemAdd: m, onFocusableItemRemove: _ } = c;
+    return s.useEffect(() => {
+      if (o)
+        return m(), () => _();
+    }, [o, m, _]), /* @__PURE__ */ f(
+      X.ItemSlot,
+      {
+        scope: n,
+        id: d,
+        focusable: o,
+        active: a,
+        children: /* @__PURE__ */ f(
+          M.span,
+          {
+            tabIndex: h ? 0 : -1,
+            "data-orientation": c.orientation,
+            ...i,
+            ref: t,
+            onMouseDown: S(e.onMouseDown, (p) => {
+              o ? c.onItemFocus(d) : p.preventDefault();
+            }),
+            onFocus: S(e.onFocus, () => c.onItemFocus(d)),
+            onKeyDown: S(e.onKeyDown, (p) => {
+              if (p.key === "Tab" && p.shiftKey) {
+                c.onItemShiftTab();
+                return;
+              }
+              if (p.target !== p.currentTarget) return;
+              const g = fr(p, c.orientation, c.dir);
+              if (g !== void 0) {
+                if (p.metaKey || p.ctrlKey || p.altKey || p.shiftKey) return;
+                p.preventDefault();
+                let y = l().filter((R) => R.focusable).map((R) => R.ref.current);
+                if (g === "last") y.reverse();
+                else if (g === "prev" || g === "next") {
+                  g === "prev" && y.reverse();
+                  const R = y.indexOf(p.currentTarget);
+                  y = c.loop ? mr(y, R + 1) : y.slice(R + 1);
+                }
+                setTimeout(() => ve(y));
+              }
+            })
+          }
+        )
       }
-    })
-  })));
-}), _r = {
+    );
+  }
+);
+he.displayName = ge;
+var pr = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -539,88 +465,59 @@ const ee = "rovingFocusGroup.onEntryFocus", ar = {
   PageDown: "last",
   End: "last"
 };
-function mr(e, n) {
-  return n !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+function lr(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function br(e, n, t) {
-  const o = mr(e.key, t);
-  if (!(n === "vertical" && [
-    "ArrowLeft",
-    "ArrowRight"
-  ].includes(o)) && !(n === "horizontal" && [
-    "ArrowUp",
-    "ArrowDown"
-  ].includes(o)))
-    return _r[o];
+function fr(e, t, n) {
+  const o = lr(e.key, n);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return pr[o];
 }
-function Re(e) {
+function ve(e, t = !1) {
   const n = document.activeElement;
-  for (const t of e)
-    if (t === n || (t.focus(), document.activeElement !== n)) return;
+  for (const o of e)
+    if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
-function $r(e, n) {
-  return e.map(
-    (t, o) => e[(n + o) % e.length]
-  );
+function mr(e, t) {
+  return e.map((n, o) => e[(t + o) % e.length]);
 }
-const hr = dr, gr = fr;
-function vr(e) {
-  const [n, t] = M(void 0);
-  return W(() => {
+var _r = _e, gr = he;
+function hr(e) {
+  const [t, n] = s.useState(void 0);
+  return q(() => {
     if (e) {
-      t({
-        width: e.offsetWidth,
-        height: e.offsetHeight
-      });
-      const o = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length) return;
-        const r = i[0];
-        let a, u;
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const o = new ResizeObserver((a) => {
+        if (!Array.isArray(a) || !a.length)
+          return;
+        const r = a[0];
+        let i, u;
         if ("borderBoxSize" in r) {
-          const s = r.borderBoxSize, c = Array.isArray(s) ? s[0] : s;
-          a = c.inlineSize, u = c.blockSize;
+          const d = r.borderBoxSize, c = Array.isArray(d) ? d[0] : d;
+          i = c.inlineSize, u = c.blockSize;
         } else
-          a = e.offsetWidth, u = e.offsetHeight;
-        t({
-          width: a,
-          height: u
-        });
+          i = e.offsetWidth, u = e.offsetHeight;
+        n({ width: i, height: u });
       });
-      return o.observe(e, {
-        box: "border-box"
-      }), () => o.unobserve(e);
+      return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
     } else
-      t(void 0);
-  }, [
-    e
-  ]), n;
+      n(void 0);
+  }, [e]), t;
 }
-function yr(e) {
-  const n = A({
-    value: e,
-    previous: e
-  });
-  return G(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [
-    e
-  ]);
+function vr(e) {
+  const t = s.useRef({ value: e, previous: e });
+  return s.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-function Rr(e, n) {
-  return qe((t, o) => {
-    const i = n[t][o];
-    return i ?? t;
-  }, e);
+function yr(e, t) {
+  return s.useReducer((n, o) => t[n][o] ?? n, e);
 }
-const Ce = (e) => {
-  const { present: n, children: t } = e, o = Cr(n), i = typeof t == "function" ? t({
-    present: o.isPresent
-  }) : P.only(t), r = F(o.ref, i.ref);
-  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ X(i, {
-    ref: r
-  }) : null;
+var ye = (e) => {
+  const { present: t, children: n } = e, o = Rr(t), a = typeof n == "function" ? n({ present: o.isPresent }) : s.Children.only(n), r = O(o.ref, br(a));
+  return typeof n == "function" || o.isPresent ? s.cloneElement(a, { ref: r }) : null;
 };
-Ce.displayName = "Presence";
-function Cr(e) {
-  const [n, t] = M(), o = A({}), i = A(e), r = A("none"), a = e ? "mounted" : "unmounted", [u, s] = Rr(a, {
+ye.displayName = "Presence";
+function Rr(e) {
+  const [t, n] = s.useState(), o = s.useRef({}), a = s.useRef(e), r = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, d] = yr(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -633,205 +530,256 @@ function Cr(e) {
       MOUNT: "mounted"
     }
   });
-  return T(() => {
-    const c = V(o.current);
+  return s.useEffect(() => {
+    const c = D(o.current);
     r.current = u === "mounted" ? c : "none";
-  }, [
-    u
-  ]), W(() => {
-    const c = o.current, _ = i.current;
-    if (_ !== e) {
-      const f = r.current, l = V(c);
-      e ? s("MOUNT") : l === "none" || (c == null ? void 0 : c.display) === "none" ? s("UNMOUNT") : s(_ && f !== l ? "ANIMATION_OUT" : "UNMOUNT"), i.current = e;
+  }, [u]), q(() => {
+    const c = o.current, h = a.current;
+    if (h !== e) {
+      const m = r.current, _ = D(c);
+      e ? d("MOUNT") : _ === "none" || (c == null ? void 0 : c.display) === "none" ? d("UNMOUNT") : d(h && m !== _ ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
-  }, [
-    e,
-    s
-  ]), W(() => {
-    if (n) {
-      const c = (p) => {
-        const l = V(o.current).includes(p.animationName);
-        p.target === n && l && je(
-          () => s("ANIMATION_END")
-        );
-      }, _ = (p) => {
-        p.target === n && (r.current = V(o.current));
+  }, [e, d]), q(() => {
+    if (t) {
+      let c;
+      const h = t.ownerDocument.defaultView ?? window, l = (_) => {
+        const g = D(o.current).includes(_.animationName);
+        if (_.target === t && g && (d("ANIMATION_END"), !a.current)) {
+          const v = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", c = h.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = v);
+          });
+        }
+      }, m = (_) => {
+        _.target === t && (r.current = D(o.current));
       };
-      return n.addEventListener("animationstart", _), n.addEventListener("animationcancel", c), n.addEventListener("animationend", c), () => {
-        n.removeEventListener("animationstart", _), n.removeEventListener("animationcancel", c), n.removeEventListener("animationend", c);
+      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);
       };
     } else
-      s("ANIMATION_END");
-  }, [
-    n,
-    s
-  ]), {
-    isPresent: [
-      "mounted",
-      "unmountSuspended"
-    ].includes(u),
-    ref: w((c) => {
-      c && (o.current = getComputedStyle(c)), t(c);
+      d("ANIMATION_END");
+  }, [t, d]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(u),
+    ref: s.useCallback((c) => {
+      c && (o.current = getComputedStyle(c)), n(c);
     }, [])
   };
 }
-function V(e) {
+function D(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-const Ie = "Radio", [Ir, Ae] = Z(Ie), [Ar, Nr] = Ir(Ie), Sr = /* @__PURE__ */ I((e, n) => {
-  const { __scopeRadio: t, name: o, checked: i = !1, required: r, disabled: a, value: u = "on", onCheck: s, ...c } = e, [_, p] = M(null), f = F(
-    n,
-    (m) => p(m)
-  ), l = A(!1), d = _ ? !!_.closest("form") : !0;
-  return /* @__PURE__ */ b(Ar, {
-    scope: t,
-    checked: i,
-    disabled: a
-  }, /* @__PURE__ */ b(q.button, v({
-    type: "button",
-    role: "radio",
-    "aria-checked": i,
-    "data-state": Ne(i),
-    "data-disabled": a ? "" : void 0,
-    disabled: a,
-    value: u
-  }, c, {
-    ref: f,
-    onClick: x(e.onClick, (m) => {
-      i || s == null || s(), d && (l.current = m.isPropagationStopped(), l.current || m.stopPropagation());
-    })
-  })), d && /* @__PURE__ */ b(Pr, {
-    control: _,
-    bubbles: !l.current,
-    name: o,
-    value: u,
-    checked: i,
-    required: r,
-    disabled: a,
-    style: {
-      transform: "translateX(-100%)"
-    }
-  }));
-}), xr = "RadioIndicator", Er = /* @__PURE__ */ I((e, n) => {
-  const { __scopeRadio: t, forceMount: o, ...i } = e, r = Nr(xr, t);
-  return /* @__PURE__ */ b(Ce, {
-    present: o || r.checked
-  }, /* @__PURE__ */ b(q.span, v({
-    "data-state": Ne(r.checked),
-    "data-disabled": r.disabled ? "" : void 0
-  }, i, {
-    ref: n
-  })));
-}), Pr = (e) => {
-  const { control: n, checked: t, bubbles: o = !0, ...i } = e, r = A(null), a = yr(t), u = vr(n);
-  return T(() => {
-    const s = r.current, c = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(c, "checked").set;
-    if (a !== t && p) {
-      const f = new Event("click", {
-        bubbles: o
-      });
-      p.call(s, t), s.dispatchEvent(f);
+function br(e) {
+  var o, a;
+  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 Q = "Radio", [Cr, Re] = j(Q), [Nr, Sr] = Cr(Q), be = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRadio: n,
+      name: o,
+      checked: a = !1,
+      required: r,
+      disabled: i,
+      value: u = "on",
+      onCheck: d,
+      form: c,
+      ...h
+    } = e, [l, m] = s.useState(null), _ = O(t, (v) => m(v)), p = s.useRef(!1), g = l ? c || !!l.closest("form") : !0;
+    return /* @__PURE__ */ I(Nr, { scope: n, checked: a, disabled: i, children: [
+      /* @__PURE__ */ f(
+        M.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": a,
+          "data-state": Se(a),
+          "data-disabled": i ? "" : void 0,
+          disabled: i,
+          value: u,
+          ...h,
+          ref: _,
+          onClick: S(e.onClick, (v) => {
+            a || d == null || d(), g && (p.current = v.isPropagationStopped(), p.current || v.stopPropagation());
+          })
+        }
+      ),
+      g && /* @__PURE__ */ f(
+        Ir,
+        {
+          control: l,
+          bubbles: !p.current,
+          name: o,
+          value: u,
+          checked: a,
+          required: r,
+          disabled: i,
+          form: c,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+be.displayName = Q;
+var Ce = "RadioIndicator", Ne = s.forwardRef(
+  (e, t) => {
+    const { __scopeRadio: n, forceMount: o, ...a } = e, r = Sr(Ce, n);
+    return /* @__PURE__ */ f(ye, { present: o || r.checked, children: /* @__PURE__ */ f(
+      M.span,
+      {
+        "data-state": Se(r.checked),
+        "data-disabled": r.disabled ? "" : void 0,
+        ...a,
+        ref: t
+      }
+    ) });
+  }
+);
+Ne.displayName = Ce;
+var Ir = (e) => {
+  const { control: t, checked: n, bubbles: o = !0, ...a } = e, r = s.useRef(null), i = vr(n), u = hr(t);
+  return s.useEffect(() => {
+    const d = 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(d, n), d.dispatchEvent(m);
     }
-  }, [
-    a,
-    t,
-    o
-  ]), /* @__PURE__ */ b("input", v({
-    type: "radio",
-    "aria-hidden": !0,
-    defaultChecked: t
-  }, i, {
-    tabIndex: -1,
-    ref: r,
-    style: {
-      ...e.style,
-      ...u,
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0
+  }, [i, n, o]), /* @__PURE__ */ f(
+    "input",
+    {
+      type: "radio",
+      "aria-hidden": !0,
+      defaultChecked: n,
+      ...a,
+      tabIndex: -1,
+      ref: r,
+      style: {
+        ...e.style,
+        ...u,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
     }
-  }));
+  );
 };
-function Ne(e) {
+function Se(e) {
   return e ? "checked" : "unchecked";
 }
-const Tr = [
-  "ArrowUp",
-  "ArrowDown",
-  "ArrowLeft",
-  "ArrowRight"
-], Se = "RadioGroup", [Or, dt] = Z(Se, [
-  ye,
-  Ae
-]), xe = ye(), Ee = Ae(), [kr, wr] = Or(Se), Mr = /* @__PURE__ */ I((e, n) => {
-  const { __scopeRadioGroup: t, name: o, defaultValue: i, value: r, required: a = !1, disabled: u = !1, orientation: s, dir: c, loop: _ = !0, onValueChange: p, ...f } = e, l = xe(t), d = ge(c), [m, g] = he({
-    prop: r,
-    defaultProp: i,
-    onChange: p
-  });
-  return /* @__PURE__ */ b(kr, {
-    scope: t,
-    name: o,
-    required: a,
-    disabled: u,
-    value: m,
-    onValueChange: g
-  }, /* @__PURE__ */ b(hr, v({
-    asChild: !0
-  }, l, {
-    orientation: s,
-    dir: d,
-    loop: _
-  }), /* @__PURE__ */ b(q.div, v({
-    role: "radiogroup",
-    "aria-required": a,
-    "aria-orientation": s,
-    "data-disabled": u ? "" : void 0,
-    dir: d
-  }, f, {
-    ref: n
-  }))));
-}), Fr = "RadioGroupItem", Dr = /* @__PURE__ */ I((e, n) => {
-  const { __scopeRadioGroup: t, disabled: o, ...i } = e, r = wr(Fr, t), a = r.disabled || o, u = xe(t), s = Ee(t), c = A(null), _ = F(n, c), p = r.value === i.value, f = A(!1);
-  return T(() => {
-    const l = (m) => {
-      Tr.includes(m.key) && (f.current = !0);
-    }, d = () => f.current = !1;
-    return document.addEventListener("keydown", l), document.addEventListener("keyup", d), () => {
-      document.removeEventListener("keydown", l), document.removeEventListener("keyup", d);
-    };
-  }, []), /* @__PURE__ */ b(gr, v({
-    asChild: !0
-  }, u, {
-    focusable: !a,
-    active: p
-  }), /* @__PURE__ */ b(Sr, v({
-    disabled: a,
-    required: r.required,
-    checked: p
-  }, s, i, {
-    name: r.name,
-    ref: _,
-    onCheck: () => r.onValueChange(i.value),
-    onKeyDown: x((l) => {
-      l.key === "Enter" && l.preventDefault();
-    }),
-    onFocus: x(i.onFocus, () => {
-      var l;
-      f.current && ((l = c.current) === null || l === void 0 || l.click());
-    })
-  })));
-}), Lr = /* @__PURE__ */ I((e, n) => {
-  const { __scopeRadioGroup: t, ...o } = e, i = Ee(t);
-  return /* @__PURE__ */ b(Er, v({}, i, o, {
-    ref: n
-  }));
-}), Gr = Mr, Ur = Dr, qr = Lr;
-function jr(e) {
+var Ar = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = "RadioGroup", [Er, tt] = j(ee, [
+  me,
+  Re
+]), Ie = me(), Ae = Re(), [wr, Pr] = Er(ee), Ee = s.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRadioGroup: n,
+      name: o,
+      defaultValue: a,
+      value: r,
+      required: i = !1,
+      disabled: u = !1,
+      orientation: d,
+      dir: c,
+      loop: h = !0,
+      onValueChange: l,
+      ...m
+    } = e, _ = Ie(n), p = le(c), [g, v] = pe({
+      prop: r,
+      defaultProp: a,
+      onChange: l
+    });
+    return /* @__PURE__ */ f(
+      wr,
+      {
+        scope: n,
+        name: o,
+        required: i,
+        disabled: u,
+        value: g,
+        onValueChange: v,
+        children: /* @__PURE__ */ f(
+          _r,
+          {
+            asChild: !0,
+            ..._,
+            orientation: d,
+            dir: p,
+            loop: h,
+            children: /* @__PURE__ */ f(
+              M.div,
+              {
+                role: "radiogroup",
+                "aria-required": i,
+                "aria-orientation": d,
+                "data-disabled": u ? "" : void 0,
+                dir: p,
+                ...m,
+                ref: t
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Ee.displayName = ee;
+var we = "RadioGroupItem", Pe = s.forwardRef(
+  (e, t) => {
+    const { __scopeRadioGroup: n, disabled: o, ...a } = e, r = Pr(we, n), i = r.disabled || o, u = Ie(n), d = Ae(n), c = s.useRef(null), h = O(t, c), l = r.value === a.value, m = s.useRef(!1);
+    return s.useEffect(() => {
+      const _ = (g) => {
+        Ar.includes(g.key) && (m.current = !0);
+      }, p = () => m.current = !1;
+      return document.addEventListener("keydown", _), document.addEventListener("keyup", p), () => {
+        document.removeEventListener("keydown", _), document.removeEventListener("keyup", p);
+      };
+    }, []), /* @__PURE__ */ f(
+      gr,
+      {
+        asChild: !0,
+        ...u,
+        focusable: !i,
+        active: l,
+        children: /* @__PURE__ */ f(
+          be,
+          {
+            disabled: i,
+            required: r.required,
+            checked: l,
+            ...d,
+            ...a,
+            name: r.name,
+            ref: h,
+            onCheck: () => r.onValueChange(a.value),
+            onKeyDown: S((_) => {
+              _.key === "Enter" && _.preventDefault();
+            }),
+            onFocus: S(a.onFocus, () => {
+              var _;
+              m.current && ((_ = c.current) == null || _.click());
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Pe.displayName = we;
+var Or = "RadioGroupIndicator", Oe = s.forwardRef(
+  (e, t) => {
+    const { __scopeRadioGroup: n, ...o } = e, a = Ae(n);
+    return /* @__PURE__ */ f(Ne, { ...a, ...o, ref: t });
+  }
+);
+Oe.displayName = Or;
+var Tr = Ee, xr = Pe, kr = Oe;
+function Mr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Pe = { exports: {} };
+var Te = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -839,11 +787,11 @@ var Pe = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", a = 0; a < arguments.length; a++) {
-        var u = arguments[a];
-        u && (r = i(r, o.call(this, u)));
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o.call(this, u)));
       }
       return r;
     }
@@ -853,22 +801,22 @@ var Pe = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(this, r);
+        return n.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var a = "";
+      var i = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (a = i(a, this && this[u] || u));
-      return a;
+        t.call(r, u) && r[u] && (i = a(i, this && this[u] || u));
+      return i;
     }
-    function i(r, a) {
-      return a ? r ? r + " " + a : r + a : r;
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Pe);
-var Br = Pe.exports;
-const zr = /* @__PURE__ */ jr(Br), Vr = {
+})(Te);
+var $r = Te.exports;
+const Fr = /* @__PURE__ */ Mr($r), Dr = {
   "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",
@@ -888,11 +836,11 @@ const zr = /* @__PURE__ */ jr(Br), Vr = {
   "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 = zr.bind(Vr);
-function Hr(e) {
+}, C = Fr.bind(Dr);
+function Lr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Te = { exports: {} };
+var xe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -900,11 +848,11 @@ var Te = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", a = 0; a < arguments.length; a++) {
-        var u = arguments[a];
-        u && (r = i(r, o(u)));
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o(u)));
       }
       return r;
     }
@@ -914,22 +862,22 @@ var Te = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var a = "";
+      var i = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (a = i(a, u));
-      return a;
+        t.call(r, u) && r[u] && (i = a(i, u));
+      return i;
     }
-    function i(r, a) {
-      return a ? r ? r + " " + a : r + a : r;
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Te);
-var Kr = Te.exports;
-const Yr = /* @__PURE__ */ Hr(Kr), D = {
+})(xe);
+var Gr = xe.exports;
+const Ur = /* @__PURE__ */ Lr(Gr), x = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -944,7 +892,7 @@ const Yr = /* @__PURE__ */ Hr(Kr), D = {
   "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 = {
+}, qr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
   PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -955,33 +903,33 @@ const Yr = /* @__PURE__ */ Hr(Kr), D = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, L = "purpur-paragraph", ue = ({
+}, k = "purpur-paragraph", Z = ({
   ["data-testid"]: e,
-  children: n,
-  className: t,
+  children: t,
+  className: n,
   disabled: o,
-  enableHyphenation: i = !1,
+  enableHyphenation: a = !1,
   negative: r = !1,
-  variant: a = Wr.PARAGRAPH100,
+  variant: i = qr.PARAGRAPH100,
   ...u
 }) => {
-  const s = Yr([
-    t,
-    D[L],
-    D[`${L}--${a}`],
+  const d = Ur([
+    n,
+    x[k],
+    x[`${k}--${i}`],
     {
-      [D[`${L}--hyphens`]]: i,
-      [D[`${L}--disabled`]]: o,
-      [D[`${L}--negative`]]: r
+      [x[`${k}--hyphens`]]: a,
+      [x[`${k}--disabled`]]: o,
+      [x[`${k}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ y("p", { ...u, className: s, "data-testid": e, children: n });
+  return /* @__PURE__ */ f("p", { ...u, className: d, "data-testid": e, children: t });
 };
-ue.displayName = "Paragraph";
-function Xr(e) {
+Z.displayName = "Paragraph";
+function jr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Oe = { exports: {} };
+var ke = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -989,11 +937,11 @@ var Oe = { exports: {} };
 */
 (function(e) {
   (function() {
-    var n = {}.hasOwnProperty;
-    function t() {
-      for (var r = "", a = 0; a < arguments.length; a++) {
-        var u = arguments[a];
-        u && (r = i(r, o(u)));
+    var t = {}.hasOwnProperty;
+    function n() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o(u)));
       }
       return r;
     }
@@ -1003,24 +951,24 @@ var Oe = { exports: {} };
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return t.apply(null, r);
+        return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var a = "";
+      var i = "";
       for (var u in r)
-        n.call(r, u) && r[u] && (a = i(a, u));
-      return a;
+        t.call(r, u) && r[u] && (i = a(i, u));
+      return i;
     }
-    function i(r, a) {
-      return a ? r ? r + " " + a : r + a : r;
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
     }
-    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(Oe);
-var Zr = Oe.exports;
-const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", re = {
+})(ke);
+var Vr = ke.exports;
+const zr = /* @__PURE__ */ jr(Vr), Br = "_loading_93tal_1", K = {
   "purpur-skeleton": "_purpur-skeleton_93tal_1",
-  loading: Qr,
+  loading: Br,
   "purpur-skeleton--default": "_purpur-skeleton--default_93tal_24",
   "purpur-skeleton--negative": "_purpur-skeleton--negative_93tal_30",
   "purpur-skeleton--xs": "_purpur-skeleton--xs_93tal_36",
@@ -1028,119 +976,119 @@ const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", re = {
   "purpur-skeleton--md": "_purpur-skeleton--md_93tal_42",
   "purpur-skeleton--lg": "_purpur-skeleton--lg_93tal_45",
   "purpur-skeleton--full": "_purpur-skeleton--full_93tal_48"
-}, te = "purpur-skeleton", ke = ({
+}, W = "purpur-skeleton", Me = ({
   className: e,
-  ["data-testid"]: n,
-  radius: t = "xs",
+  ["data-testid"]: t,
+  radius: n = "xs",
   style: o,
-  negative: i = !1,
+  negative: a = !1,
   ...r
 }) => {
-  const a = Jr([
+  const i = zr([
     e,
-    re[te],
-    re[`${te}--${i ? "negative" : "default"}`],
-    re[`${te}--${t}`]
+    K[W],
+    K[`${W}--${a ? "negative" : "default"}`],
+    K[`${W}--${n}`]
   ]);
-  return /* @__PURE__ */ y("div", { className: a, style: o, "data-testid": n, ...r });
+  return /* @__PURE__ */ f("div", { className: i, style: o, "data-testid": t, ...r });
 };
-ke.displayName = "Skeleton";
-const H = "purpur-radio-card-group__item-image", et = (e) => !!(e != null && e.src) && !!e.altText, rt = ({
+Me.displayName = "Skeleton";
+const L = "purpur-radio-card-group__item-image", Kr = (e) => !!(e != null && e.src) && !!e.altText, Wr = ({
   src: e,
-  altText: n,
-  noPlaceholder: t,
+  altText: t,
+  noPlaceholder: n,
   loading: o = "lazy",
-  ["data-testid"]: i
+  ["data-testid"]: a
 }) => {
-  const [r, a] = M(!1), u = () => a(!0), s = C(H, {
-    [`${H}--loaded`]: r
-  }), c = C(`${H}-placeholder`, {
-    [`${H}-placeholder--loaded`]: r
+  const [r, i] = Ue(!1), u = () => i(!0), d = C(L, {
+    [`${L}--loaded`]: r
+  }), c = C(`${L}-placeholder`, {
+    [`${L}-placeholder--loaded`]: r
   });
-  return /* @__PURE__ */ k(Le, { children: [
-    /* @__PURE__ */ y(
+  return /* @__PURE__ */ I(ie, { children: [
+    /* @__PURE__ */ f(
       "img",
       {
-        "data-testid": i,
-        className: s,
+        "data-testid": a,
+        className: d,
         src: e,
-        alt: n,
+        alt: t,
         loading: o,
         onLoad: u
       }
     ),
-    !t && /* @__PURE__ */ y(ke, { className: c })
+    !n && /* @__PURE__ */ f(Me, { className: c })
   ] });
-}, S = "purpur-radio-card-group__item", ne = (e, { disabled: n }) => typeof e == "function" ? e({ disabled: n }) : e, tt = ({ title: e, ...n }, t) => {
+}, N = "purpur-radio-card-group__item", H = (e, { disabled: t }) => typeof e == "function" ? e({ disabled: t }) : e, Hr = ({ title: e, ...t }, n) => {
   const {
     ["data-testid"]: o,
-    body: i,
+    body: a,
     children: r,
-    disabled: a,
+    disabled: i,
     id: u,
-    image: s,
+    image: d,
     required: c,
-    value: _
-  } = n, p = { title: e, ...n };
-  return /* @__PURE__ */ k("div", { className: C(`${S}-container`), ref: t, children: [
-    /* @__PURE__ */ k(
-      Ur,
+    value: h
+  } = t, l = { title: e, ...t };
+  return /* @__PURE__ */ I("div", { className: C(`${N}-container`), ref: n, children: [
+    /* @__PURE__ */ I(
+      xr,
       {
-        className: C(S),
+        className: C(N),
         "data-testid": o,
-        disabled: a,
+        disabled: i,
         id: u,
         required: c,
-        value: _,
+        value: h,
         children: [
-          s && /* @__PURE__ */ y("span", { className: C(`${S}-image-container`), children: et(s) ? /* @__PURE__ */ y(rt, { ...s, "data-testid": o && `${o}-image` }) : ne(s, p) }),
-          /* @__PURE__ */ k("span", { className: C(`${S}-content`), children: [
-            /* @__PURE__ */ k("span", { className: C(`${S}-top-container`), children: [
-              typeof e == "string" ? /* @__PURE__ */ y(
-                ue,
+          d && /* @__PURE__ */ f("span", { className: C(`${N}-image-container`), children: Kr(d) ? /* @__PURE__ */ f(Wr, { ...d, "data-testid": o && `${o}-image` }) : H(d, l) }),
+          /* @__PURE__ */ I("span", { className: C(`${N}-content`), children: [
+            /* @__PURE__ */ I("span", { className: C(`${N}-top-container`), children: [
+              typeof e == "string" ? /* @__PURE__ */ f(
+                Z,
                 {
-                  className: C(`${S}-title`),
+                  className: C(`${N}-title`),
                   "data-testid": o && `${o}-title`,
                   variant: "paragraph-100",
-                  disabled: a,
+                  disabled: i,
                   children: e
                 }
-              ) : ne(e, p),
-              /* @__PURE__ */ y("span", { className: C(`${S}-radio`), children: /* @__PURE__ */ y(qr, { className: C(`${S}-indicator`) }) })
+              ) : H(e, l),
+              /* @__PURE__ */ f("span", { className: C(`${N}-radio`), children: /* @__PURE__ */ f(kr, { className: C(`${N}-indicator`) }) })
             ] }),
-            i && /* @__PURE__ */ y("span", { className: C(`${S}-bottom-container`), children: typeof i == "string" ? /* @__PURE__ */ y(
-              ue,
+            a && /* @__PURE__ */ f("span", { className: C(`${N}-bottom-container`), children: typeof a == "string" ? /* @__PURE__ */ f(
+              Z,
               {
                 "data-testid": o && `${o}-body`,
                 variant: "paragraph-100",
-                disabled: a,
-                children: i
+                disabled: i,
+                children: a
               }
-            ) : ne(i, p) })
+            ) : H(a, l) })
           ] })
         ]
       }
     ),
     r
   ] });
-}, de = I(tt);
-de.displayName = "RadioCardItem";
-const nt = (e) => U(e) && (e == null ? void 0 : e.type) === de, pt = ["horizontal", "vertical"], lt = ["right", "left"], K = "purpur-radio-card-group", ot = ({
+}, re = ue(Hr);
+re.displayName = "RadioCardItem";
+const Yr = (e) => qe(e) && (e == null ? void 0 : e.type) === re, nt = ["horizontal", "vertical"], ot = ["right", "left"], G = "purpur-radio-card-group", Xr = ({
   "data-testid": e,
-  "aria-labelledby": n,
-  children: t,
+  "aria-labelledby": t,
+  children: n,
   className: o,
-  items: i,
+  items: a,
   label: r,
-  loop: a = !0,
+  loop: i = !0,
   orientation: u = "vertical",
-  radioPosition: s = "right",
+  radioPosition: d = "right",
   ...c
-}, _) => {
-  const p = P.toArray(t).filter(nt);
-  return /* @__PURE__ */ k("div", { className: C(o, `${K}__container`), ref: _, children: [
-    r && /* @__PURE__ */ y(
-      be,
+}, h) => {
+  const l = oe.toArray(n).filter(Yr);
+  return /* @__PURE__ */ I("div", { className: C(o, `${G}__container`), ref: h, children: [
+    r && /* @__PURE__ */ f(
+      ce,
       {
         "data-testid": e ? `${e}-label` : void 0,
         id: `${c.id}-label`,
@@ -1149,42 +1097,42 @@ const nt = (e) => U(e) && (e == null ? void 0 : e.type) === de, pt = ["horizonta
         children: `${c.required ? "* " : ""}${r}`
       }
     ),
-    (!!(i != null && i.length) || p.length) && /* @__PURE__ */ k(
-      Gr,
+    (!!(a != null && a.length) || l.length) && /* @__PURE__ */ I(
+      Tr,
       {
         ...c,
-        "aria-labelledby": n || (r ? `${c.id}-label` : void 0),
+        "aria-labelledby": t || (r ? `${c.id}-label` : void 0),
         className: C(
-          K,
-          `${K}--${u}`,
-          `${K}--radio-${s}`
+          G,
+          `${G}--${u}`,
+          `${G}--radio-${d}`
         ),
         "data-testid": e,
-        loop: a,
+        loop: i,
         children: [
-          i == null ? void 0 : i.map((f) => /* @__PURE__ */ y(
-            de,
+          a == null ? void 0 : a.map((m) => /* @__PURE__ */ f(
+            re,
             {
-              ...f,
-              disabled: f.disabled || c.disabled,
+              ...m,
+              disabled: m.disabled || c.disabled,
               "data-testid": e ? `${e}-item` : void 0
             },
-            f.id
+            m.id
           )),
-          P.map(
-            p,
-            (f) => X(f, { disabled: f.props.disabled || c.disabled })
+          oe.map(
+            l,
+            (m) => je(m, { disabled: m.props.disabled || c.disabled })
           )
         ]
       }
     )
   ] });
-}, at = I(ot);
-at.displayName = "RadioCardGroup";
+}, Zr = ue(Xr);
+Zr.displayName = "RadioCardGroup";
 export {
-  pt as RADIO_CARD_GROUP_ORIENTATION,
-  lt as RADIO_POSITION,
-  at as RadioCardGroup,
-  de as RadioCardItem
+  nt as RADIO_CARD_GROUP_ORIENTATION,
+  ot as RADIO_POSITION,
+  Zr as RadioCardGroup,
+  re as RadioCardItem
 };
 //# sourceMappingURL=radio-card-group.es.js.map