@purpurds/radio-card-group 3.0.0

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

@@ -0,0 +1,1200 @@
+import { jsx as v, jsxs as M, Fragment as Le } from "react/jsx-runtime";
+import * as _e from "react";
+import A, { useCallback as k, createContext as ae, useMemo as D, createElement as m, useContext as be, forwardRef as R, Children as w, isValidElement as j, cloneElement as W, Fragment as De, useEffect as O, useLayoutEffect as je, useRef as S, useState as F, useReducer as Ge } from "react";
+import { flushSync as Ue } from "react-dom";
+function Be(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var me = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var o = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var i = arguments[a];
+        i && (r = c(r, n(i)));
+      }
+      return r;
+    }
+    function n(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var a = "";
+      for (var i in r)
+        o.call(r, i) && r[i] && (a = c(a, i));
+      return a;
+    }
+    function c(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(me);
+var ze = me.exports;
+const Ve = /* @__PURE__ */ Be(ze), Q = {
+  "purpur-heading": "_purpur-heading_2c2y0_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_2c2y0_8",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_2c2y0_11",
+  "purpur-heading--title-100": "_purpur-heading--title-100_2c2y0_17",
+  "purpur-heading--title-200": "_purpur-heading--title-200_2c2y0_23",
+  "purpur-heading--title-300": "_purpur-heading--title-300_2c2y0_29",
+  "purpur-heading--title-400": "_purpur-heading--title-400_2c2y0_35",
+  "purpur-heading--title-500": "_purpur-heading--title-500_2c2y0_41",
+  "purpur-heading--title-600": "_purpur-heading--title-600_2c2y0_47",
+  "purpur-heading--title-700": "_purpur-heading--title-700_2c2y0_53",
+  "purpur-heading--display-25": "_purpur-heading--display-25_2c2y0_59",
+  "purpur-heading--display-50": "_purpur-heading--display-50_2c2y0_65",
+  "purpur-heading--display-100": "_purpur-heading--display-100_2c2y0_71",
+  "purpur-heading--display-200": "_purpur-heading--display-200_2c2y0_77"
+}, qe = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, ee = "purpur-heading", Ke = ({
+  ["data-testid"]: e,
+  children: o,
+  className: t = "",
+  enableHyphenation: n = !1,
+  tag: c,
+  variant: r = qe.TITLE100,
+  ...a
+}) => {
+  const i = c, s = Ve([
+    t,
+    Q[ee],
+    Q[`${ee}--${r}`],
+    {
+      [Q[`${ee}--hyphens`]]: n
+    }
+  ]);
+  return /* @__PURE__ */ v(i, { ...a, className: s, "data-testid": e, children: o });
+};
+function N() {
+  return N = Object.assign ? Object.assign.bind() : function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var t = arguments[o];
+      for (var n in t)
+        Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    }
+    return e;
+  }, N.apply(this, arguments);
+}
+function I(e, o, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(c) {
+    if (e == null || e(c), t === !1 || !c.defaultPrevented)
+      return o == null ? void 0 : o(c);
+  };
+}
+function He(e, o) {
+  typeof e == "function" ? e(o) : e != null && (e.current = o);
+}
+function $e(...e) {
+  return (o) => e.forEach(
+    (t) => He(t, o)
+  );
+}
+function L(...e) {
+  return k($e(...e), e);
+}
+function X(e, o = []) {
+  let t = [];
+  function n(r, a) {
+    const i = /* @__PURE__ */ ae(a), s = t.length;
+    t = [
+      ...t,
+      a
+    ];
+    function u(l) {
+      const { scope: f, children: p, ...d } = l, b = (f == null ? void 0 : f[e][s]) || i, g = D(
+        () => d,
+        Object.values(d)
+      );
+      return /* @__PURE__ */ m(b.Provider, {
+        value: g
+      }, p);
+    }
+    function _(l, f) {
+      const p = (f == null ? void 0 : f[e][s]) || i, d = be(p);
+      if (d)
+        return d;
+      if (a !== void 0)
+        return a;
+      throw new Error(`\`${l}\` must be used within \`${r}\``);
+    }
+    return u.displayName = r + "Provider", [
+      u,
+      _
+    ];
+  }
+  const c = () => {
+    const r = t.map((a) => /* @__PURE__ */ ae(a));
+    return function(i) {
+      const s = (i == null ? void 0 : i[e]) || r;
+      return D(
+        () => ({
+          [`__scope${e}`]: {
+            ...i,
+            [e]: s
+          }
+        }),
+        [
+          i,
+          s
+        ]
+      );
+    };
+  };
+  return c.scopeName = e, [
+    n,
+    Ye(c, ...o)
+  ];
+}
+function Ye(...e) {
+  const o = e[0];
+  if (e.length === 1)
+    return o;
+  const t = () => {
+    const n = e.map(
+      (c) => ({
+        useScope: c(),
+        scopeName: c.scopeName
+      })
+    );
+    return function(r) {
+      const a = n.reduce((i, { useScope: s, scopeName: u }) => {
+        const l = s(r)[`__scope${u}`];
+        return {
+          ...i,
+          ...l
+        };
+      }, {});
+      return D(
+        () => ({
+          [`__scope${o.scopeName}`]: a
+        }),
+        [
+          a
+        ]
+      );
+    };
+  };
+  return t.scopeName = o.scopeName, t;
+}
+function P() {
+  return P = Object.assign ? Object.assign.bind() : function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var t = arguments[o];
+      for (var n in t)
+        Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    }
+    return e;
+  }, P.apply(this, arguments);
+}
+const H = /* @__PURE__ */ R((e, o) => {
+  const { children: t, ...n } = e, c = w.toArray(t), r = c.find(Xe);
+  if (r) {
+    const a = r.props.children, i = c.map((s) => s === r ? w.count(a) > 1 ? w.only(null) : /* @__PURE__ */ j(a) ? a.props.children : null : s);
+    return /* @__PURE__ */ m(ce, P({}, n, {
+      ref: o
+    }), /* @__PURE__ */ j(a) ? /* @__PURE__ */ W(a, void 0, i) : null);
+  }
+  return /* @__PURE__ */ m(ce, P({}, n, {
+    ref: o
+  }), t);
+});
+H.displayName = "Slot";
+const ce = /* @__PURE__ */ R((e, o) => {
+  const { children: t, ...n } = e;
+  return /* @__PURE__ */ j(t) ? /* @__PURE__ */ W(t, {
+    ...Ze(n, t.props),
+    ref: o ? $e(o, t.ref) : t.ref
+  }) : w.count(t) > 1 ? w.only(null) : null;
+});
+ce.displayName = "SlotClone";
+const We = ({ children: e }) => /* @__PURE__ */ m(De, null, e);
+function Xe(e) {
+  return /* @__PURE__ */ j(e) && e.type === We;
+}
+function Ze(e, o) {
+  const t = {
+    ...o
+  };
+  for (const n in o) {
+    const c = e[n], r = o[n];
+    /^on[A-Z]/.test(n) ? c && r ? t[n] = (...i) => {
+      r(...i), c(...i);
+    } : c && (t[n] = c) : n === "style" ? t[n] = {
+      ...c,
+      ...r
+    } : n === "className" && (t[n] = [
+      c,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...t
+  };
+}
+const Je = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], G = Je.reduce((e, o) => {
+  const t = /* @__PURE__ */ R((n, c) => {
+    const { asChild: r, ...a } = n, i = r ? H : o;
+    return O(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ m(i, P({}, a, {
+      ref: c
+    }));
+  });
+  return t.displayName = `Primitive.${o}`, {
+    ...e,
+    [o]: t
+  };
+}, {});
+function Qe(e) {
+  const o = e + "CollectionProvider", [t, n] = X(o), [c, r] = t(o, {
+    collectionRef: {
+      current: null
+    },
+    itemMap: /* @__PURE__ */ new Map()
+  }), a = (p) => {
+    const { scope: d, children: b } = p, g = A.useRef(null), $ = A.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ A.createElement(c, {
+      scope: d,
+      itemMap: $,
+      collectionRef: g
+    }, b);
+  }, i = e + "CollectionSlot", s = /* @__PURE__ */ A.forwardRef((p, d) => {
+    const { scope: b, children: g } = p, $ = r(i, b), h = L(d, $.collectionRef);
+    return /* @__PURE__ */ A.createElement(H, {
+      ref: h
+    }, g);
+  }), u = e + "CollectionItemSlot", _ = "data-radix-collection-item", l = /* @__PURE__ */ A.forwardRef((p, d) => {
+    const { scope: b, children: g, ...$ } = p, h = A.useRef(null), U = L(d, h), E = r(u, b);
+    return A.useEffect(() => (E.itemMap.set(h, {
+      ref: h,
+      ...$
+    }), () => void E.itemMap.delete(h))), /* @__PURE__ */ A.createElement(H, {
+      [_]: "",
+      ref: U
+    }, g);
+  });
+  function f(p) {
+    const d = r(e + "CollectionConsumer", p);
+    return A.useCallback(() => {
+      const g = d.collectionRef.current;
+      if (!g)
+        return [];
+      const $ = Array.from(g.querySelectorAll(`[${_}]`));
+      return Array.from(d.itemMap.values()).sort(
+        (E, Z) => $.indexOf(E.ref.current) - $.indexOf(Z.ref.current)
+      );
+    }, [
+      d.collectionRef,
+      d.itemMap
+    ]);
+  }
+  return [
+    {
+      Provider: a,
+      Slot: s,
+      ItemSlot: l
+    },
+    f,
+    n
+  ];
+}
+const Y = globalThis != null && globalThis.document ? je : () => {
+}, er = _e.useId || (() => {
+});
+let rr = 0;
+function tr(e) {
+  const [o, t] = _e.useState(er());
+  return Y(() => {
+    e || t(
+      (n) => n ?? String(rr++)
+    );
+  }, [
+    e
+  ]), e || (o ? `radix-${o}` : "");
+}
+function ue(e) {
+  const o = S(e);
+  return O(() => {
+    o.current = e;
+  }), D(
+    () => (...t) => {
+      var n;
+      return (n = o.current) === null || n === void 0 ? void 0 : n.call(o, ...t);
+    },
+    []
+  );
+}
+function he({ prop: e, defaultProp: o, onChange: t = () => {
+} }) {
+  const [n, c] = or({
+    defaultProp: o,
+    onChange: t
+  }), r = e !== void 0, a = r ? e : n, i = ue(t), s = k((u) => {
+    if (r) {
+      const l = typeof u == "function" ? u(e) : u;
+      l !== e && i(l);
+    } else
+      c(u);
+  }, [
+    r,
+    e,
+    c,
+    i
+  ]);
+  return [
+    a,
+    s
+  ];
+}
+function or({ defaultProp: e, onChange: o }) {
+  const t = F(e), [n] = t, c = S(n), r = ue(o);
+  return O(() => {
+    c.current !== n && (r(n), c.current = n);
+  }, [
+    n,
+    c,
+    r
+  ]), t;
+}
+const nr = /* @__PURE__ */ ae(void 0);
+function ge(e) {
+  const o = be(nr);
+  return e || o || "ltr";
+}
+const re = "rovingFocusGroup.onEntryFocus", ar = {
+  bubbles: !1,
+  cancelable: !0
+}, se = "RovingFocusGroup", [ie, ve, cr] = Qe(se), [ir, ye] = X(se, [
+  cr
+]), [ur, sr] = ir(se), dr = /* @__PURE__ */ R((e, o) => /* @__PURE__ */ m(ie.Provider, {
+  scope: e.__scopeRovingFocusGroup
+}, /* @__PURE__ */ m(ie.Slot, {
+  scope: e.__scopeRovingFocusGroup
+}, /* @__PURE__ */ m(pr, P({}, e, {
+  ref: o
+}))))), pr = /* @__PURE__ */ R((e, o) => {
+  const { __scopeRovingFocusGroup: t, orientation: n, loop: c = !1, dir: r, currentTabStopId: a, defaultCurrentTabStopId: i, onCurrentTabStopIdChange: s, onEntryFocus: u, ..._ } = e, l = S(null), f = L(o, l), p = ge(r), [d = null, b] = he({
+    prop: a,
+    defaultProp: i,
+    onChange: s
+  }), [g, $] = F(!1), h = ue(u), U = ve(t), E = S(!1), [Z, pe] = F(0);
+  return O(() => {
+    const y = l.current;
+    if (y)
+      return y.addEventListener(re, h), () => y.removeEventListener(re, h);
+  }, [
+    h
+  ]), /* @__PURE__ */ m(ur, {
+    scope: t,
+    orientation: n,
+    dir: p,
+    loop: c,
+    currentTabStopId: d,
+    onItemFocus: k(
+      (y) => b(y),
+      [
+        b
+      ]
+    ),
+    onItemShiftTab: k(
+      () => $(!0),
+      []
+    ),
+    onFocusableItemAdd: k(
+      () => pe(
+        (y) => y + 1
+      ),
+      []
+    ),
+    onFocusableItemRemove: k(
+      () => pe(
+        (y) => y - 1
+      ),
+      []
+    )
+  }, /* @__PURE__ */ m(G.div, P({
+    tabIndex: g || Z === 0 ? -1 : 0,
+    "data-orientation": n
+  }, _, {
+    ref: f,
+    style: {
+      outline: "none",
+      ...e.style
+    },
+    onMouseDown: I(e.onMouseDown, () => {
+      E.current = !0;
+    }),
+    onFocus: I(e.onFocus, (y) => {
+      const Te = !E.current;
+      if (y.target === y.currentTarget && Te && !g) {
+        const le = new CustomEvent(re, ar);
+        if (y.currentTarget.dispatchEvent(le), !le.defaultPrevented) {
+          const J = U().filter(
+            (T) => T.focusable
+          ), Me = J.find(
+            (T) => T.active
+          ), ke = J.find(
+            (T) => T.id === d
+          ), Fe = [
+            Me,
+            ke,
+            ...J
+          ].filter(Boolean).map(
+            (T) => T.ref.current
+          );
+          Ce(Fe);
+        }
+      }
+      E.current = !1;
+    }),
+    onBlur: I(
+      e.onBlur,
+      () => $(!1)
+    )
+  })));
+}), lr = "RovingFocusGroupItem", fr = /* @__PURE__ */ R((e, o) => {
+  const { __scopeRovingFocusGroup: t, focusable: n = !0, active: c = !1, tabStopId: r, ...a } = e, i = tr(), s = r || i, u = sr(lr, t), _ = u.currentTabStopId === s, l = ve(t), { onFocusableItemAdd: f, onFocusableItemRemove: p } = u;
+  return O(() => {
+    if (n)
+      return f(), () => p();
+  }, [
+    n,
+    f,
+    p
+  ]), /* @__PURE__ */ m(ie.ItemSlot, {
+    scope: t,
+    id: s,
+    focusable: n,
+    active: c
+  }, /* @__PURE__ */ m(G.span, P({
+    tabIndex: _ ? 0 : -1,
+    "data-orientation": u.orientation
+  }, a, {
+    ref: o,
+    onMouseDown: I(e.onMouseDown, (d) => {
+      n ? u.onItemFocus(s) : d.preventDefault();
+    }),
+    onFocus: I(
+      e.onFocus,
+      () => u.onItemFocus(s)
+    ),
+    onKeyDown: I(e.onKeyDown, (d) => {
+      if (d.key === "Tab" && d.shiftKey) {
+        u.onItemShiftTab();
+        return;
+      }
+      if (d.target !== d.currentTarget)
+        return;
+      const b = mr(d, u.orientation, u.dir);
+      if (b !== void 0) {
+        d.preventDefault();
+        let $ = l().filter(
+          (h) => h.focusable
+        ).map(
+          (h) => h.ref.current
+        );
+        if (b === "last")
+          $.reverse();
+        else if (b === "prev" || b === "next") {
+          b === "prev" && $.reverse();
+          const h = $.indexOf(d.currentTarget);
+          $ = u.loop ? $r($, h + 1) : $.slice(h + 1);
+        }
+        setTimeout(
+          () => Ce($)
+        );
+      }
+    })
+  })));
+}), _r = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function br(e, o) {
+  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function mr(e, o, t) {
+  const n = br(e.key, t);
+  if (!(o === "vertical" && [
+    "ArrowLeft",
+    "ArrowRight"
+  ].includes(n)) && !(o === "horizontal" && [
+    "ArrowUp",
+    "ArrowDown"
+  ].includes(n)))
+    return _r[n];
+}
+function Ce(e) {
+  const o = document.activeElement;
+  for (const t of e)
+    if (t === o || (t.focus(), document.activeElement !== o))
+      return;
+}
+function $r(e, o) {
+  return e.map(
+    (t, n) => e[(o + n) % e.length]
+  );
+}
+const hr = dr, gr = fr;
+function vr(e) {
+  const [o, t] = F(void 0);
+  return Y(() => {
+    if (e) {
+      t({
+        width: e.offsetWidth,
+        height: e.offsetHeight
+      });
+      const n = new ResizeObserver((c) => {
+        if (!Array.isArray(c) || !c.length)
+          return;
+        const r = c[0];
+        let a, i;
+        if ("borderBoxSize" in r) {
+          const s = r.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
+          a = u.inlineSize, i = u.blockSize;
+        } else
+          a = e.offsetWidth, i = e.offsetHeight;
+        t({
+          width: a,
+          height: i
+        });
+      });
+      return n.observe(e, {
+        box: "border-box"
+      }), () => n.unobserve(e);
+    } else
+      t(void 0);
+  }, [
+    e
+  ]), o;
+}
+function yr(e) {
+  const o = S({
+    value: e,
+    previous: e
+  });
+  return D(() => (o.current.value !== e && (o.current.previous = o.current.value, o.current.value = e), o.current.previous), [
+    e
+  ]);
+}
+function Cr(e, o) {
+  return Ge((t, n) => {
+    const c = o[t][n];
+    return c ?? t;
+  }, e);
+}
+const Re = (e) => {
+  const { present: o, children: t } = e, n = Rr(o), c = typeof t == "function" ? t({
+    present: n.isPresent
+  }) : w.only(t), r = L(n.ref, c.ref);
+  return typeof t == "function" || n.isPresent ? /* @__PURE__ */ W(c, {
+    ref: r
+  }) : null;
+};
+Re.displayName = "Presence";
+function Rr(e) {
+  const [o, t] = F(), n = S({}), c = S(e), r = S("none"), a = e ? "mounted" : "unmounted", [i, s] = Cr(a, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return O(() => {
+    const u = B(n.current);
+    r.current = i === "mounted" ? u : "none";
+  }, [
+    i
+  ]), Y(() => {
+    const u = n.current, _ = c.current;
+    if (_ !== e) {
+      const f = r.current, p = B(u);
+      e ? s("MOUNT") : p === "none" || (u == null ? void 0 : u.display) === "none" ? s("UNMOUNT") : s(_ && f !== p ? "ANIMATION_OUT" : "UNMOUNT"), c.current = e;
+    }
+  }, [
+    e,
+    s
+  ]), Y(() => {
+    if (o) {
+      const u = (l) => {
+        const p = B(n.current).includes(l.animationName);
+        l.target === o && p && Ue(
+          () => s("ANIMATION_END")
+        );
+      }, _ = (l) => {
+        l.target === o && (r.current = B(n.current));
+      };
+      return o.addEventListener("animationstart", _), o.addEventListener("animationcancel", u), o.addEventListener("animationend", u), () => {
+        o.removeEventListener("animationstart", _), o.removeEventListener("animationcancel", u), o.removeEventListener("animationend", u);
+      };
+    } else
+      s("ANIMATION_END");
+  }, [
+    o,
+    s
+  ]), {
+    isPresent: [
+      "mounted",
+      "unmountSuspended"
+    ].includes(i),
+    ref: k((u) => {
+      u && (n.current = getComputedStyle(u)), t(u);
+    }, [])
+  };
+}
+function B(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+const Se = "Radio", [Sr, Ae] = X(Se), [Ar, Nr] = Sr(Se), xr = /* @__PURE__ */ R((e, o) => {
+  const { __scopeRadio: t, name: n, checked: c = !1, required: r, disabled: a, value: i = "on", onCheck: s, ...u } = e, [_, l] = F(null), f = L(
+    o,
+    (b) => l(b)
+  ), p = S(!1), d = _ ? !!_.closest("form") : !0;
+  return /* @__PURE__ */ m(Ar, {
+    scope: t,
+    checked: c,
+    disabled: a
+  }, /* @__PURE__ */ m(G.button, N({
+    type: "button",
+    role: "radio",
+    "aria-checked": c,
+    "data-state": Ne(c),
+    "data-disabled": a ? "" : void 0,
+    disabled: a,
+    value: i
+  }, u, {
+    ref: f,
+    onClick: I(e.onClick, (b) => {
+      c || s == null || s(), d && (p.current = b.isPropagationStopped(), p.current || b.stopPropagation());
+    })
+  })), d && /* @__PURE__ */ m(wr, {
+    control: _,
+    bubbles: !p.current,
+    name: n,
+    value: i,
+    checked: c,
+    required: r,
+    disabled: a,
+    style: {
+      transform: "translateX(-100%)"
+    }
+  }));
+}), Ir = "RadioIndicator", Er = /* @__PURE__ */ R((e, o) => {
+  const { __scopeRadio: t, forceMount: n, ...c } = e, r = Nr(Ir, t);
+  return /* @__PURE__ */ m(Re, {
+    present: n || r.checked
+  }, /* @__PURE__ */ m(G.span, N({
+    "data-state": Ne(r.checked),
+    "data-disabled": r.disabled ? "" : void 0
+  }, c, {
+    ref: o
+  })));
+}), wr = (e) => {
+  const { control: o, checked: t, bubbles: n = !0, ...c } = e, r = S(null), a = yr(t), i = vr(o);
+  return O(() => {
+    const s = r.current, u = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(u, "checked").set;
+    if (a !== t && l) {
+      const f = new Event("click", {
+        bubbles: n
+      });
+      l.call(s, t), s.dispatchEvent(f);
+    }
+  }, [
+    a,
+    t,
+    n
+  ]), /* @__PURE__ */ m("input", N({
+    type: "radio",
+    "aria-hidden": !0,
+    defaultChecked: t
+  }, c, {
+    tabIndex: -1,
+    ref: r,
+    style: {
+      ...e.style,
+      ...i,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0
+    }
+  }));
+};
+function Ne(e) {
+  return e ? "checked" : "unchecked";
+}
+const Pr = [
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight"
+], xe = "RadioGroup", [Or, pt] = X(xe, [
+  ye,
+  Ae
+]), Ie = ye(), Ee = Ae(), [Tr, Mr] = Or(xe), kr = /* @__PURE__ */ R((e, o) => {
+  const { __scopeRadioGroup: t, name: n, defaultValue: c, value: r, required: a = !1, disabled: i = !1, orientation: s, dir: u, loop: _ = !0, onValueChange: l, ...f } = e, p = Ie(t), d = ge(u), [b, g] = he({
+    prop: r,
+    defaultProp: c,
+    onChange: l
+  });
+  return /* @__PURE__ */ m(Tr, {
+    scope: t,
+    name: n,
+    required: a,
+    disabled: i,
+    value: b,
+    onValueChange: g
+  }, /* @__PURE__ */ m(hr, N({
+    asChild: !0
+  }, p, {
+    orientation: s,
+    dir: d,
+    loop: _
+  }), /* @__PURE__ */ m(G.div, N({
+    role: "radiogroup",
+    "aria-required": a,
+    "aria-orientation": s,
+    "data-disabled": i ? "" : void 0,
+    dir: d
+  }, f, {
+    ref: o
+  }))));
+}), Fr = "RadioGroupItem", Lr = /* @__PURE__ */ R((e, o) => {
+  const { __scopeRadioGroup: t, disabled: n, ...c } = e, r = Mr(Fr, t), a = r.disabled || n, i = Ie(t), s = Ee(t), u = S(null), _ = L(o, u), l = r.value === c.value, f = S(!1);
+  return O(() => {
+    const p = (b) => {
+      Pr.includes(b.key) && (f.current = !0);
+    }, d = () => f.current = !1;
+    return document.addEventListener("keydown", p), document.addEventListener("keyup", d), () => {
+      document.removeEventListener("keydown", p), document.removeEventListener("keyup", d);
+    };
+  }, []), /* @__PURE__ */ m(gr, N({
+    asChild: !0
+  }, i, {
+    focusable: !a,
+    active: l
+  }), /* @__PURE__ */ m(xr, N({
+    disabled: a,
+    required: r.required,
+    checked: l
+  }, s, c, {
+    name: r.name,
+    ref: _,
+    onCheck: () => r.onValueChange(c.value),
+    onKeyDown: I((p) => {
+      p.key === "Enter" && p.preventDefault();
+    }),
+    onFocus: I(c.onFocus, () => {
+      var p;
+      f.current && ((p = u.current) === null || p === void 0 || p.click());
+    })
+  })));
+}), Dr = /* @__PURE__ */ R((e, o) => {
+  const { __scopeRadioGroup: t, ...n } = e, c = Ee(t);
+  return /* @__PURE__ */ m(Er, N({}, c, n, {
+    ref: o
+  }));
+}), jr = kr, Gr = Lr, Ur = Dr;
+function Br(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var we = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var o = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var i = arguments[a];
+        i && (r = c(r, n.call(this, i)));
+      }
+      return r;
+    }
+    function n(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var a = "";
+      for (var i in r)
+        o.call(r, i) && r[i] && (a = c(a, this && this[i] || i));
+      return a;
+    }
+    function c(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(we);
+var zr = we.exports;
+const Vr = /* @__PURE__ */ Br(zr), qr = {
+  "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",
+  "purpur-radio-card-group--radio-left": "_purpur-radio-card-group--radio-left_19msf_18",
+  "purpur-radio-card-group__item": "_purpur-radio-card-group__item_19msf_18",
+  "purpur-radio-card-group__item-bottom-container": "_purpur-radio-card-group__item-bottom-container_19msf_21",
+  "purpur-radio-card-group__item-top-container": "_purpur-radio-card-group__item-top-container_19msf_24",
+  "purpur-radio-card-group__container": "_purpur-radio-card-group__container_19msf_35",
+  "purpur-radio-card-group__item-container": "_purpur-radio-card-group__item-container_19msf_42",
+  "purpur-radio-card-group__item-radio": "_purpur-radio-card-group__item-radio_19msf_77",
+  "purpur-radio-card-group__item-content": "_purpur-radio-card-group__item-content_19msf_108",
+  "purpur-radio-card-group__item-title": "_purpur-radio-card-group__item-title_19msf_121",
+  "purpur-radio-card-group__item-indicator": "_purpur-radio-card-group__item-indicator_19msf_141",
+  "purpur-radio-card-group__item-image-container": "_purpur-radio-card-group__item-image-container_19msf_151",
+  "purpur-radio-card-group__item-image": "_purpur-radio-card-group__item-image_19msf_151",
+  "purpur-radio-card-group__item-image--loaded": "_purpur-radio-card-group__item-image--loaded_19msf_164",
+  "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 = Vr.bind(qr);
+function Kr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Pe = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var o = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var i = arguments[a];
+        i && (r = c(r, n(i)));
+      }
+      return r;
+    }
+    function n(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var a = "";
+      for (var i in r)
+        o.call(r, i) && r[i] && (a = c(a, i));
+      return a;
+    }
+    function c(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Pe);
+var Hr = Pe.exports;
+const Yr = /* @__PURE__ */ Kr(Hr), z = {
+  "purpur-paragraph": "_purpur-paragraph_hwaj6_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_hwaj6_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_hwaj6_10",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_hwaj6_13",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_hwaj6_19",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_hwaj6_26",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_hwaj6_33",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_hwaj6_39",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_hwaj6_45",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_hwaj6_51",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_hwaj6_57",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_hwaj6_64",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_hwaj6_71"
+}, Wr = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, V = "purpur-paragraph", fe = ({
+  ["data-testid"]: e,
+  children: o,
+  className: t = "",
+  disabled: n,
+  enableHyphenation: c = !1,
+  variant: r = Wr.PARAGRAPH100,
+  ...a
+}) => {
+  const i = Yr([
+    t,
+    z[V],
+    z[`${V}--${r}`],
+    {
+      [z[`${V}--hyphens`]]: c,
+      [z[`${V}--disabled`]]: n
+    }
+  ]);
+  return /* @__PURE__ */ v("p", { ...a, className: i, "data-testid": e, children: o });
+};
+function Xr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Oe = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var o = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", a = 0; a < arguments.length; a++) {
+        var i = arguments[a];
+        i && (r = c(r, n(i)));
+      }
+      return r;
+    }
+    function n(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var a = "";
+      for (var i in r)
+        o.call(r, i) && r[i] && (a = c(a, i));
+      return a;
+    }
+    function c(r, a) {
+      return a ? r ? r + " " + a : r + a : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Oe);
+var Zr = Oe.exports;
+const Jr = /* @__PURE__ */ Xr(Zr), Qr = "_loading_93tal_1", te = {
+  "purpur-skeleton": "_purpur-skeleton_93tal_1",
+  loading: Qr,
+  "purpur-skeleton--default": "_purpur-skeleton--default_93tal_24",
+  "purpur-skeleton--negative": "_purpur-skeleton--negative_93tal_30",
+  "purpur-skeleton--xs": "_purpur-skeleton--xs_93tal_36",
+  "purpur-skeleton--sm": "_purpur-skeleton--sm_93tal_39",
+  "purpur-skeleton--md": "_purpur-skeleton--md_93tal_42",
+  "purpur-skeleton--lg": "_purpur-skeleton--lg_93tal_45",
+  "purpur-skeleton--full": "_purpur-skeleton--full_93tal_48"
+}, oe = "purpur-skeleton", et = ({
+  className: e,
+  ["data-testid"]: o,
+  radius: t = "xs",
+  style: n,
+  variant: c = "default",
+  ...r
+}) => {
+  const a = Jr([
+    e,
+    te[oe],
+    te[`${oe}--${c}`],
+    te[`${oe}--${t}`]
+  ]);
+  return /* @__PURE__ */ v("div", { className: a, style: n, "data-testid": o, ...r });
+}, q = "purpur-radio-card-group__item-image", rt = (e) => !!(e != null && e.src) && !!e.altText, tt = ({
+  src: e,
+  altText: o,
+  noPlaceholder: t,
+  loading: n = "lazy",
+  ["data-testid"]: c
+}) => {
+  const [r, a] = F(!1), i = () => a(!0), s = C(q, {
+    [`${q}--loaded`]: r
+  }), u = C(`${q}-placeholder`, {
+    [`${q}-placeholder--loaded`]: r
+  });
+  return /* @__PURE__ */ M(Le, { children: [
+    /* @__PURE__ */ v(
+      "img",
+      {
+        "data-testid": c,
+        className: s,
+        src: e,
+        alt: o,
+        loading: n,
+        onLoad: i
+      }
+    ),
+    !t && /* @__PURE__ */ v(et, { className: u })
+  ] });
+}, x = "purpur-radio-card-group__item", ne = (e, { disabled: o }) => typeof e == "function" ? e({ disabled: o }) : e, ot = (e, o) => {
+  const {
+    ["data-testid"]: t,
+    body: n,
+    children: c,
+    disabled: r,
+    id: a,
+    image: i,
+    required: s,
+    title: u,
+    value: _
+  } = e;
+  return /* @__PURE__ */ M("div", { className: C(`${x}-container`), ref: o, children: [
+    /* @__PURE__ */ M(
+      Gr,
+      {
+        className: C(x),
+        "data-testid": t,
+        disabled: r,
+        id: a,
+        required: s,
+        value: _,
+        children: [
+          i && /* @__PURE__ */ v("span", { className: C(`${x}-image-container`), children: rt(i) ? /* @__PURE__ */ v(tt, { ...i, "data-testid": t && `${t}-image` }) : ne(i, e) }),
+          /* @__PURE__ */ M("span", { className: C(`${x}-content`), children: [
+            /* @__PURE__ */ M("span", { className: C(`${x}-top-container`), children: [
+              typeof u == "string" ? /* @__PURE__ */ v(
+                fe,
+                {
+                  className: C(`${x}-title`),
+                  "data-testid": t && `${t}-title`,
+                  variant: "paragraph-100",
+                  disabled: r,
+                  children: u
+                }
+              ) : ne(u, e),
+              /* @__PURE__ */ v("span", { className: C(`${x}-radio`), children: /* @__PURE__ */ v(Ur, { className: C(`${x}-indicator`) }) })
+            ] }),
+            n && /* @__PURE__ */ v("span", { className: C(`${x}-bottom-container`), children: typeof n == "string" ? /* @__PURE__ */ v(
+              fe,
+              {
+                "data-testid": t && `${t}-body`,
+                variant: "paragraph-100",
+                disabled: r,
+                children: n
+              }
+            ) : ne(n, e) })
+          ] })
+        ]
+      }
+    ),
+    c
+  ] });
+}, de = R(ot);
+de.displayName = "RadioCardItem";
+const nt = (e) => j(e) && (e == null ? void 0 : e.type) === de, K = "purpur-radio-card-group", at = ({
+  "data-testid": e,
+  "aria-labelledby": o,
+  children: t,
+  className: n,
+  items: c,
+  label: r,
+  loop: a = !0,
+  orientation: i = "vertical",
+  radioPosition: s = "right",
+  ...u
+}, _) => {
+  const l = w.toArray(t).filter(nt);
+  return /* @__PURE__ */ M("div", { className: C(n, `${K}__container`), ref: _, children: [
+    r && /* @__PURE__ */ v(
+      Ke,
+      {
+        "data-testid": e ? `${e}-label` : void 0,
+        id: `${u.id}-label`,
+        tag: "h2",
+        variant: "subsection-100",
+        children: `${u.required ? "* " : ""}${r}`
+      }
+    ),
+    (!!(c != null && c.length) || l.length) && /* @__PURE__ */ M(
+      jr,
+      {
+        ...u,
+        "aria-labelledby": o || (r ? `${u.id}-label` : void 0),
+        className: C(
+          K,
+          `${K}--${i}`,
+          `${K}--radio-${s}`
+        ),
+        "data-testid": e,
+        loop: a,
+        children: [
+          c == null ? void 0 : c.map((f) => /* @__PURE__ */ v(
+            de,
+            {
+              ...f,
+              disabled: f.disabled || u.disabled,
+              "data-testid": e ? `${e}-item` : void 0
+            },
+            f.id
+          )),
+          w.map(
+            l,
+            (f) => W(f, { disabled: f.props.disabled || u.disabled })
+          )
+        ]
+      }
+    )
+  ] });
+}, ct = R(at);
+ct.displayName = "RadioCardGroup";
+export {
+  ct as RadioCardGroup,
+  de as RadioCardItem
+};
+//# sourceMappingURL=radio-card-group.es.js.map