mimir-ui-kit 1.34.4 → 1.34.6

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,185 +1,179 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { K, w, a, z as z$1, U, b as l, T, j as j$1, u as u$1, I, G, p } from "../../label-P7Xsi5N7.js";
-import { W, y, o, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, a as u$2, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
-import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
-import { u } from "../../use-by-comparator-BUO78DGe.js";
-import { r } from "../../bugs-CSBdWk0R.js";
-import { P, F, T as T$1, _ } from "../../focus-management-1rQPII7Z.js";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import '../../assets/RadioGroup.css';var Le = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Le || {});
-let ke = { [0](o2, t) {
-  let e = [...o2.options, { id: t.id, element: t.element, propsRef: t.propsRef }];
-  return { ...o2, options: _(e, (a2) => a2.element.current) };
-}, [1](o2, t) {
-  let e = o2.options.slice(), a2 = o2.options.findIndex((O) => O.id === t.id);
-  return a2 === -1 ? o2 : (e.splice(a2, 1), { ...o2, options: e });
-} }, j = createContext(null);
-j.displayName = "RadioGroupDataContext";
-function J(o2) {
-  let t = useContext(j);
-  if (t === null) {
-    let e = new Error(`<${o2} /> is missing a parent <RadioGroup /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, J), e;
+import { jsxs as ee, jsx as L, Fragment as _e } from "react/jsx-runtime";
+import { K as V, w as ye, a as oe, z as te, U as ie, b as ke, T as Oe, j as we, u as Pe, I as Ee, G as Te, p as De } from "../../label-y3ANLTNC.js";
+import { W, y as z, o as U, H as K, s as se, n as ne, $ as le, b as de, D as ue, a as Ce, u as Ge, c as N } from "../../keyboard-B0lm_zyn.js";
+import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as Fe, useContext as pe, forwardRef as Ne } from "react";
+import { u as Ae } from "../../use-by-comparator-CVuf9KBq.js";
+import { r as fe } from "../../bugs-diTMAGNw.js";
+import { P as re, F as H, T as ae, _ as Ie } from "../../focus-management-XwV-9qkO.js";
+import { c as M } from "../../index-DIxK0V-G.js";
+import '../../assets/RadioGroup.css';var Se = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Se || {});
+let Le = { 0(e, r) {
+  let o = [...e.options, { id: r.id, element: r.element, propsRef: r.propsRef }];
+  return { ...e, options: Ie(o, (a) => a.element.current) };
+}, 1(e, r) {
+  let o = e.options.slice(), a = e.options.findIndex((l) => l.id === r.id);
+  return a === -1 ? e : (o.splice(a, 1), { ...e, options: o });
+} }, J = ce(null);
+J.displayName = "RadioGroupDataContext";
+function X(e) {
+  let r = pe(J);
+  if (r === null) {
+    let o = new Error(`<${e} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, X), o;
   }
-  return t;
+  return r;
 }
-let X = createContext(null);
-X.displayName = "RadioGroupActionsContext";
-function z(o2) {
-  let t = useContext(X);
-  if (t === null) {
-    let e = new Error(`<${o2} /> is missing a parent <RadioGroup /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, z), e;
+let Q = ce(null);
+Q.displayName = "RadioGroupActionsContext";
+function Y(e) {
+  let r = pe(Q);
+  if (r === null) {
+    let o = new Error(`<${e} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Y), o;
   }
-  return t;
+  return r;
 }
-function Fe(o2, t) {
-  return u$2(t.type, ke, o2, t);
+function Ue(e, r) {
+  return Ce(r.type, Le, e, r);
 }
-let Ie = "div";
-function Ue(o$2, t) {
-  let e = useId(), a$1 = a(), { id: O = `headlessui-radiogroup-${e}`, value: m, form: P$1, name: i, onChange: f, by: c, disabled: p$1 = a$1 || false, defaultValue: I2, ...y$1 } = o$2, T$2 = u(c), [v, C] = useReducer(Fe, { options: [] }), n2 = v.options, [U$1, h] = z$1(), [D2, L] = U(), A = useRef(null), M = y(A, t), l$1 = l(I2), [s2, _2] = T(m, f, l$1), R = useMemo(() => n2.find((r2) => !r2.propsRef.current.disabled), [n2]), b = useMemo(() => n2.some((r2) => T$2(r2.propsRef.current.value, s2)), [n2, s2]), d = o((r2) => {
-    var u2;
-    if (p$1 || T$2(r2, s2)) return false;
-    let k = (u2 = n2.find((H2) => T$2(H2.propsRef.current.value, r2))) == null ? void 0 : u2.propsRef.current;
-    return k != null && k.disabled ? false : (_2 == null || _2(r2), true);
-  }), de = o((r2) => {
-    let k = A.current;
-    if (!k) return;
-    let u2 = u$3(k), H2 = n2.filter((g) => g.propsRef.current.disabled === false).map((g) => g.element.current);
-    switch (r2.key) {
-      case o$1.Enter:
-        p(r2.currentTarget);
+let je = "div";
+function He(e, r) {
+  let o = q(), a = oe(), { id: l = `headlessui-radiogroup-${o}`, value: _, form: d, name: v, onChange: n, by: f, disabled: t = a || !1, defaultValue: u, ...y } = e, m = Ae(f), [k, D] = xe(Ue, { options: [] }), c = k.options, [O, A] = te(), [C, w] = ie(), P = B(null), G = z(P, r), $ = ke(u), [i, x] = Oe(_, n, $), F = T(() => c.find((s) => !s.propsRef.current.disabled), [c]), g = T(() => c.some((s) => m(s.propsRef.current.value, i)), [c, i]), p = U((s) => {
+    var I;
+    if (t || m(s, i)) return !1;
+    let h = (I = c.find((j) => m(j.propsRef.current.value, s))) == null ? void 0 : I.propsRef.current;
+    return h != null && h.disabled ? !1 : (x == null || x(s), !0);
+  }), be = U((s) => {
+    let I = P.current;
+    if (!I) return;
+    let h = Ge(I), j = c.filter((b) => b.propsRef.current.disabled === !1).map((b) => b.element.current);
+    switch (s.key) {
+      case N.Enter:
+        De(s.currentTarget);
         break;
-      case o$1.ArrowLeft:
-      case o$1.ArrowUp:
-        if (r2.preventDefault(), r2.stopPropagation(), P(H2, F.Previous | F.WrapAround) === T$1.Success) {
-          let E = n2.find((N) => N.element.current === (u2 == null ? void 0 : u2.activeElement));
-          E && d(E.propsRef.current.value);
+      case N.ArrowLeft:
+      case N.ArrowUp:
+        if (s.preventDefault(), s.stopPropagation(), re(j, H.Previous | H.WrapAround) === ae.Success) {
+          let b = c.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && p(b.propsRef.current.value);
         }
         break;
-      case o$1.ArrowRight:
-      case o$1.ArrowDown:
-        if (r2.preventDefault(), r2.stopPropagation(), P(H2, F.Next | F.WrapAround) === T$1.Success) {
-          let E = n2.find((N) => N.element.current === (u2 == null ? void 0 : u2.activeElement));
-          E && d(E.propsRef.current.value);
+      case N.ArrowRight:
+      case N.ArrowDown:
+        if (s.preventDefault(), s.stopPropagation(), re(j, H.Next | H.WrapAround) === ae.Success) {
+          let b = c.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && p(b.propsRef.current.value);
         }
         break;
-      case o$1.Space:
+      case N.Space:
         {
-          r2.preventDefault(), r2.stopPropagation();
-          let g = n2.find((E) => E.element.current === (u2 == null ? void 0 : u2.activeElement));
-          g && d(g.propsRef.current.value);
+          s.preventDefault(), s.stopPropagation();
+          let b = c.find((S) => S.element.current === (h == null ? void 0 : h.activeElement));
+          b && p(b.propsRef.current.value);
         }
         break;
     }
-  }), q = o((r2) => (C({ type: 0, ...r2 }), () => C({ type: 1, id: r2.id }))), ue = useMemo(() => ({ value: s2, firstOption: R, containsCheckedOption: b, disabled: p$1, compare: T$2, ...v }), [s2, R, b, p$1, T$2, v]), ce = useMemo(() => ({ registerOption: q, change: d }), [q, d]), fe = { ref: M, id: O, role: "radiogroup", "aria-labelledby": U$1, "aria-describedby": D2, onKeyDown: de }, Te = useMemo(() => ({ value: s2 }), [s2]), me = useCallback(() => {
-    if (l$1 !== void 0) return d(l$1);
-  }, [d, l$1]);
-  return React__default.createElement(L, { name: "RadioGroup.Description" }, React__default.createElement(h, { name: "RadioGroup.Label" }, React__default.createElement(X.Provider, { value: ce }, React__default.createElement(j.Provider, { value: ue }, i != null && React__default.createElement(j$1, { disabled: p$1, data: { [i]: s2 || "on" }, overrides: { type: "radio", checked: s2 != null }, form: P$1, onReset: me }), H({ ourProps: fe, theirProps: y$1, slot: Te, defaultTag: Ie, name: "RadioGroup" })))));
+  }), Z = U((s) => (D({ type: 0, ...s }), () => D({ type: 1, id: s.id }))), ve = T(() => ({ value: i, firstOption: F, containsCheckedOption: g, disabled: t, compare: m, ...k }), [i, F, g, t, m, k]), Re = T(() => ({ registerOption: Z, change: p }), [Z, p]), he = { ref: G, id: l, role: "radiogroup", "aria-labelledby": O, "aria-describedby": C, onKeyDown: be }, $e = T(() => ({ value: i }), [i]), ge = Fe(() => {
+    if ($ !== void 0) return p($);
+  }, [p, $]);
+  return E.createElement(w, { name: "RadioGroup.Description" }, E.createElement(A, { name: "RadioGroup.Label" }, E.createElement(Q.Provider, { value: Re }, E.createElement(J.Provider, { value: ve }, v != null && E.createElement(we, { disabled: t, data: { [v]: i || "on" }, overrides: { type: "radio", checked: i != null }, form: d, onReset: ge }), K({ ourProps: he, theirProps: y, slot: $e, defaultTag: je, name: "RadioGroup" })))));
 }
 let Me = "div";
-function Se(o$12, t) {
-  var R;
-  let e = J("RadioGroup.Option"), a2 = z("RadioGroup.Option"), O = useId(), { id: m = `headlessui-radiogroup-option-${O}`, value: P2, disabled: i = e.disabled || false, autoFocus: f = false, ...c } = o$12, p2 = useRef(null), I2 = y(p2, t), [y$1, T2] = z$1(), [v, C] = U(), n$1 = s({ value: P2, disabled: i });
-  n(() => a2.registerOption({ id: m, element: p2, propsRef: n$1 }), [m, a2, p2, n$1]);
-  let U$1 = o((b) => {
-    var d;
-    if (r(b.currentTarget)) return b.preventDefault();
-    a2.change(P2) && ((d = p2.current) == null || d.focus());
-  }), h = ((R = e.firstOption) == null ? void 0 : R.id) === m, { isFocusVisible: D$1, focusProps: L } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: f }), { isHovered: A, hoverProps: M } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: i }), l2 = e.compare(e.value, P2), s$1 = D({ ref: I2, id: m, role: "radio", "aria-checked": l2 ? "true" : "false", "aria-labelledby": y$1, "aria-describedby": v, "aria-disabled": i ? true : void 0, tabIndex: (() => i ? -1 : l2 || !e.containsCheckedOption && h ? 0 : -1)(), onClick: i ? void 0 : U$1, autoFocus: f }, L, M), _2 = useMemo(() => ({ checked: l2, disabled: i, active: D$1, hover: A, focus: D$1, autofocus: f }), [l2, i, A, D$1, f]);
-  return React__default.createElement(C, { name: "RadioGroup.Description" }, React__default.createElement(T2, { name: "RadioGroup.Label" }, H({ ourProps: s$1, theirProps: c, slot: _2, defaultTag: Me, name: "RadioGroup.Option" })));
+function Ve(e, r) {
+  var o;
+  let a = X("RadioGroup.Option"), l = Y("RadioGroup.Option"), _ = q(), { id: d = `headlessui-radiogroup-option-${_}`, value: v, disabled: n = a.disabled || !1, autoFocus: f = !1, ...t } = e, u = B(null), y = z(u, r), [m, k] = te(), [D, c] = ie(), O = se({ value: v, disabled: n });
+  ne(() => l.registerOption({ id: d, element: u, propsRef: O }), [d, l, u, O]);
+  let A = U((g) => {
+    var p;
+    if (fe(g.currentTarget)) return g.preventDefault();
+    l.change(v) && ((p = u.current) == null || p.focus());
+  }), C = ((o = a.firstOption) == null ? void 0 : o.id) === d, { isFocusVisible: w, focusProps: P } = le({ autoFocus: f }), { isHovered: G, hoverProps: $ } = de({ isDisabled: n }), i = a.compare(a.value, v), x = ue({ ref: y, id: d, role: "radio", "aria-checked": i ? "true" : "false", "aria-labelledby": m, "aria-describedby": D, "aria-disabled": n ? !0 : void 0, tabIndex: n ? -1 : i || !a.containsCheckedOption && C ? 0 : -1, onClick: n ? void 0 : A, autoFocus: f }, P, $), F = T(() => ({ checked: i, disabled: n, active: w, hover: G, focus: w, autofocus: f }), [i, n, G, w, f]);
+  return E.createElement(c, { name: "RadioGroup.Description" }, E.createElement(k, { name: "RadioGroup.Label" }, K({ ourProps: x, theirProps: t, slot: F, defaultTag: Me, name: "RadioGroup.Option" })));
 }
-let He = "span";
-function we(o$12, t) {
-  var R;
-  let e = J("Radio"), a$1 = z("Radio"), O = useId(), m = u$1(), P2 = a(), { id: i = m || `headlessui-radio-${O}`, value: f, disabled: c = e.disabled || P2 || false, autoFocus: p2 = false, ...I$1 } = o$12, y$1 = useRef(null), T2 = y(y$1, t), v = I(), C = G(), n$1 = s({ value: f, disabled: c });
-  n(() => a$1.registerOption({ id: i, element: y$1, propsRef: n$1 }), [i, a$1, y$1, n$1]);
-  let U2 = o((b) => {
-    var d;
-    if (r(b.currentTarget)) return b.preventDefault();
-    a$1.change(f) && ((d = y$1.current) == null || d.focus());
-  }), { isFocusVisible: h, focusProps: D$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: p2 }), { isHovered: L, hoverProps: A } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: c }), M = ((R = e.firstOption) == null ? void 0 : R.id) === i, l2 = e.compare(e.value, f), s$1 = D({ ref: T2, id: i, role: "radio", "aria-checked": l2 ? "true" : "false", "aria-labelledby": v, "aria-describedby": C, "aria-disabled": c ? true : void 0, tabIndex: (() => c ? -1 : l2 || !e.containsCheckedOption && M ? 0 : -1)(), autoFocus: p2, onClick: c ? void 0 : U2 }, D$1, A), _2 = useMemo(() => ({ checked: l2, disabled: c, hover: L, focus: h, autofocus: p2 }), [l2, c, L, h, p2]);
-  return H({ ourProps: s$1, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
+let We = "span";
+function ze(e, r) {
+  var o;
+  let a = X("Radio"), l = Y("Radio"), _ = q(), d = Pe(), v = oe(), { id: n = d || `headlessui-radio-${_}`, value: f, disabled: t = a.disabled || v || !1, autoFocus: u = !1, ...y } = e, m = B(null), k = z(m, r), D = Ee(), c = Te(), O = se({ value: f, disabled: t });
+  ne(() => l.registerOption({ id: n, element: m, propsRef: O }), [n, l, m, O]);
+  let A = U((g) => {
+    var p;
+    if (fe(g.currentTarget)) return g.preventDefault();
+    l.change(f) && ((p = m.current) == null || p.focus());
+  }), { isFocusVisible: C, focusProps: w } = le({ autoFocus: u }), { isHovered: P, hoverProps: G } = de({ isDisabled: t }), $ = ((o = a.firstOption) == null ? void 0 : o.id) === n, i = a.compare(a.value, f), x = ue({ ref: k, id: n, role: "radio", "aria-checked": i ? "true" : "false", "aria-labelledby": D, "aria-describedby": c, "aria-disabled": t ? !0 : void 0, tabIndex: t ? -1 : i || !a.containsCheckedOption && $ ? 0 : -1, autoFocus: u, onClick: t ? void 0 : A }, w, G), F = T(() => ({ checked: i, disabled: t, hover: P, focus: C, autofocus: u }), [i, t, P, C, u]);
+  return K({ ourProps: x, theirProps: y, slot: F, defaultTag: We, name: "Radio" });
 }
-let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
-const group = "_group_yses6_3";
-const radio = "_radio_yses6_18";
-const disabled = "_disabled_yses6_40";
-const label = "_label_yses6_51";
-const frame = "_frame_yses6_64";
-const checked = "_checked_yses6_73";
-const cls = {
-  group,
+let Ke = W(He), qe = W(Ve), me = W(ze), Be = V, Je = ye, Xe = Object.assign(Ke, { Option: qe, Radio: me, Label: Be, Description: Je });
+const Qe = "_group_yses6_3", Ye = "_radio_yses6_18", Ze = "_disabled_yses6_40", er = "_label_yses6_51", rr = "_frame_yses6_64", ar = "_checked_yses6_73", R = {
+  group: Qe,
   "content-wrapper": "_content-wrapper_yses6_8",
   "radio-wrapper": "_radio-wrapper_yses6_18",
-  radio,
-  disabled,
-  label,
-  frame,
-  checked
-};
-const RadioGroup = forwardRef(
+  radio: Ye,
+  disabled: Ze,
+  label: er,
+  frame: rr,
+  checked: ar
+}, cr = Ne(
   ({
-    options,
-    value,
-    onChange,
-    label: label2,
-    classNameRadioWrapper,
-    classNameRadioSpan,
-    ...props
-  }, ref) => {
-    const radioClasses = classNames(
-      cls["radio-wrapper"],
-      classNameRadioWrapper,
+    options: e,
+    value: r,
+    onChange: o,
+    label: a,
+    classNameRadioWrapper: l,
+    classNameRadioSpan: _,
+    ...d
+  }, v) => {
+    const n = M(
+      R["radio-wrapper"],
+      l,
       {
-        [cls.disabled]: props.disabled
+        [R.disabled]: d.disabled
       }
     );
-    return /* @__PURE__ */ jsxs(
-      Tt,
+    return /* @__PURE__ */ ee(
+      Xe,
       {
-        ref,
-        value,
-        className: cls.group,
-        onChange,
-        ...props,
+        ref: v,
+        value: r,
+        className: R.group,
+        onChange: o,
+        ...d,
         children: [
-          label2 && /* @__PURE__ */ jsx(K, { as: "p", className: cls.label, children: label2 }),
-          /* @__PURE__ */ jsx("div", { className: cls["content-wrapper"], children: options.map(({ label: label22, value: value2 }) => /* @__PURE__ */ jsx(
-            Be,
+          a && /* @__PURE__ */ L(V, { as: "p", className: R.label, children: a }),
+          /* @__PURE__ */ L("div", { className: R["content-wrapper"], children: e.map(({ label: f, value: t }) => /* @__PURE__ */ L(
+            me,
             {
               as: "span",
-              value: value2,
-              disabled: props.disabled,
-              className: radioClasses,
-              children: ({ checked: checked2, disabled: disabled2 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  K,
+              value: t,
+              disabled: d.disabled,
+              className: n,
+              "data-testid": `radio-option-${t}`,
+              children: ({ checked: u, disabled: y }) => /* @__PURE__ */ ee(_e, { children: [
+                /* @__PURE__ */ L(
+                  V,
                   {
                     as: "span",
-                    className: classNames(
-                      cls.radio,
+                    className: M(
+                      R.radio,
                       {
-                        [cls.disabled]: props.disabled
+                        [R.disabled]: d.disabled
                       },
-                      classNameRadioSpan
+                      _
                     ),
-                    children: /* @__PURE__ */ jsx(
+                    children: /* @__PURE__ */ L(
                       "span",
                       {
-                        className: classNames(cls.frame, {
-                          [cls.checked]: checked2,
-                          [cls.disabled]: disabled2
+                        className: M(R.frame, {
+                          [R.checked]: u,
+                          [R.disabled]: y
                         })
                       }
                     )
                   }
                 ),
-                label22
+                f
               ] })
             },
-            typeof value2 === "string" ? value2 : String(value2)
+            typeof t == "string" ? t : String(t)
           )) })
         ]
       }
@@ -187,5 +181,5 @@ const RadioGroup = forwardRef(
   }
 );
 export {
-  RadioGroup
+  cr as RadioGroup
 };

package/dist/components/RadioGroup/index.js

@@ -1,4 +1,4 @@
-import { RadioGroup } from "./RadioGroup.js";
+import { RadioGroup as p } from "./RadioGroup.js";
 export {
-  RadioGroup
+  p as RadioGroup
 };