@midas-ds/components 10.2.0 → 10.4.0

package/{Radio-_ukSkxPT.js → Radio-CZYibh9r.js}

@@ -1,28 +1,30 @@
-import { jsx as g, jsxs as L } from "react/jsx-runtime";
-import { $ as G } from "./Group-CeSsSQVC.js";
-import { d as y, c as T, a as M, e as W, m as A, j, b as S, h as H, i as K, k as U } from "./utils-HNTsIwux.js";
-import { $ as z } from "./FieldError-CZikNDxX.js";
+import { jsx as y, jsxs as G } from "react/jsx-runtime";
+import { $ as T } from "./Group-CpkUzEAs.js";
+import { $ as M, f as W, h as A, d as j, a as O, b as H, c as K, e as U } from "./utils-DJhAJHk_.js";
+import { $ as z } from "./FieldError-BbR-29BM.js";
 import { $ as J } from "./Form-CXcEMuBf.js";
-import { $ as Q } from "./Label-DkDOsmUF.js";
-import { a as X } from "./Text-B_H68Tvq.js";
+import { c as Q } from "./Button-CFYdzG0H.js";
+import { a as X } from "./Text-92cPh38G.js";
+import { a as V, c as Y } from "./mergeProps-C1U1OIeJ.js";
 import { $ as w } from "./filterDOMProps-D6KHYVBX.js";
-import I, { useMemo as O, useState as Y, forwardRef as C, createContext as B } from "react";
-import { a as Z, b as ee, $ as ae } from "./useFormValidation-R8hQIjWP.js";
-import { b as q } from "./usePress-CUJ3pMOw.js";
-import { $ as ie } from "./useFocusable-CaedRTpB.js";
-import { $ as de } from "./FocusScope-DwIqdYpQ.js";
-import { a as re, $ as le } from "./useFocusRing-BDGH3lpn.js";
-import { $ as oe } from "./useField-BPMAlIbU.js";
-import { $ as te } from "./context-B8cn10po.js";
-import { $ as se } from "./useHover-qRAon4nS.js";
-import { $ as ne } from "./VisuallyHidden-D-4z1VgU.js";
-import { $ as ce } from "./useControlledState-u436Wbp1.js";
-import { c as fe } from "./clsx-OuTLNxxd.js";
-import { L as ue } from "./Label-C9ivwkAd.js";
-import { T as be } from "./Text-BN-g1iWi.js";
-import { F as E } from "./FieldError-Dv3bBEjh.js";
+import I, { useMemo as S, useState as Z, forwardRef as C, createContext as B } from "react";
+import { a as ee, b as ae, $ as ie } from "./useFormValidation-BzzruZKm.js";
+import { a as q } from "./usePress-DuR4pVsE.js";
+import { $ as de } from "./useFocusable-ChPA2Jc7.js";
+import { $ as re } from "./FocusScope-D_hwN_TJ.js";
+import { $ as le } from "./useFocusWithin-T1ifEM_s.js";
+import { $ as oe } from "./useField-BEBXv5Mh.js";
+import { $ as te } from "./context-CGNJ3grH.js";
+import { $ as se } from "./useFocusRing-DOfBqnUN.js";
+import { $ as ne } from "./useHover-DQvJ3Y-W.js";
+import { $ as ce } from "./VisuallyHidden-CYfmTSCD.js";
+import { $ as fe } from "./useControlledState-u436Wbp1.js";
+import { c as L } from "./clsx-OuTLNxxd.js";
+import { a as ue, L as be } from "./Label-TVxwGZ-O.js";
+import { T as $e } from "./Text-DlKqpvSa.js";
+import { F as E } from "./FieldError-B3YFj-an.js";
 import './assets/Radio.css';const N = /* @__PURE__ */ new WeakMap();
-function $e(a, e, d) {
+function ve(a, e, d) {
   let { value: l, children: t, "aria-label": r, "aria-labelledby": o } = a;
   const i = a.isDisabled || e.isDisabled;
   let u = t != null, f = r != null || o != null;
@@ -37,21 +39,21 @@ function $e(a, e, d) {
       var R;
       e.setSelectedValue(l), (R = d.current) === null || R === void 0 || R.focus();
     }
-  }), { focusableProps: F } = ie(y(a, {
+  }), { focusableProps: F } = de(V(a, {
     onFocus: () => e.setLastFocusedValue(l)
-  }), d), V = y(m, F), D = w(a, {
+  }), d), D = V(m, F), g = w(a, {
     labelable: !0
   }), v = -1;
   e.selectedValue != null ? e.selectedValue === l && (v = 0) : (e.lastFocusedValue === l || e.lastFocusedValue == null) && (v = 0), i && (v = void 0);
   let { name: b, descriptionId: n, errorMessageId: P, validationBehavior: c } = N.get(e);
-  return Z(d, e.selectedValue, e.setSelectedValue), ee({
+  return ee(d, e.selectedValue, e.setSelectedValue), ae({
     validationBehavior: c
   }, e, d), {
-    labelProps: y(x, {
+    labelProps: V(x, {
       onClick: (R) => R.preventDefault()
     }),
-    inputProps: y(D, {
-      ...V,
+    inputProps: V(g, {
+      ...D,
       type: "radio",
       name: b,
       tabIndex: v,
@@ -71,7 +73,7 @@ function $e(a, e, d) {
     isPressed: h || $
   };
 }
-function ve(a, e) {
+function pe(a, e) {
   let { name: d, isReadOnly: l, isRequired: t, isDisabled: r, orientation: o = "vertical", validationBehavior: i = "aria" } = a, { direction: u } = te(), { isInvalid: f, validationErrors: s, validationDetails: p } = e.displayValidation, { labelProps: m, fieldProps: h, descriptionProps: x, errorMessageProps: $ } = oe({
     ...a,
     // Radio group is not an HTML input element so it
@@ -81,14 +83,14 @@ function ve(a, e) {
     errorMessage: a.errorMessage || s
   }), F = w(a, {
     labelable: !0
-  }), { focusWithinProps: V } = re({
+  }), { focusWithinProps: D } = le({
     onBlurWithin(b) {
       var n;
       (n = a.onBlur) === null || n === void 0 || n.call(a, b), e.selectedValue || e.setLastFocusedValue(null);
     },
     onFocusWithin: a.onFocus,
     onFocusWithinChange: a.onFocusChange
-  }), D = (b) => {
+  }), g = (b) => {
     let n;
     switch (b.key) {
       case "ArrowRight":
@@ -107,21 +109,21 @@ function ve(a, e) {
         return;
     }
     b.preventDefault();
-    let P = de(b.currentTarget, {
+    let P = re(b.currentTarget, {
       from: b.target
     }), c;
     n === "next" ? (c = P.nextNode(), c || (P.currentNode = b.currentTarget, c = P.firstChild())) : (c = P.previousNode(), c || (P.currentNode = b.currentTarget, c = P.lastChild())), c && (c.focus(), e.setSelectedValue(c.value));
-  }, v = T(d);
+  }, v = Y(d);
   return N.set(e, {
     name: v,
     descriptionId: x.id,
     errorMessageId: $.id,
     validationBehavior: i
   }), {
-    radioGroupProps: y(F, {
+    radioGroupProps: V(F, {
       // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
       role: "radiogroup",
-      onKeyDown: D,
+      onKeyDown: g,
       "aria-invalid": e.isInvalid || void 0,
       "aria-errormessage": a["aria-errormessage"],
       "aria-readonly": l || void 0,
@@ -129,7 +131,7 @@ function ve(a, e) {
       "aria-disabled": r || void 0,
       "aria-orientation": o,
       ...h,
-      ...V
+      ...D
     }),
     labelProps: m,
     descriptionProps: x,
@@ -139,13 +141,13 @@ function ve(a, e) {
     validationDetails: p
   };
 }
-let pe = Math.round(Math.random() * 1e10), me = 0;
-function he(a) {
-  let e = O(() => a.name || `radio-group-${pe}-${++me}`, [
+let me = Math.round(Math.random() * 1e10), he = 0;
+function xe(a) {
+  let e = S(() => a.name || `radio-group-${me}-${++he}`, [
     a.name
   ]);
   var d;
-  let [l, t] = ce(a.value, (d = a.defaultValue) !== null && d !== void 0 ? d : null, a.onChange), [r, o] = Y(null), i = ae({
+  let [l, t] = fe(a.value, (d = a.defaultValue) !== null && d !== void 0 ? d : null, a.onChange), [r, o] = Z(null), i = ie({
     ...a,
     value: l
   }), u = (s) => {
@@ -165,18 +167,18 @@ function he(a) {
     isInvalid: f
   };
 }
-const xe = /* @__PURE__ */ B(null), Pe = /* @__PURE__ */ B(null), k = /* @__PURE__ */ B(null), Re = /* @__PURE__ */ C(function(e, d) {
-  [e, d] = M(e, d, xe);
+const Pe = /* @__PURE__ */ B(null), Re = /* @__PURE__ */ B(null), k = /* @__PURE__ */ B(null), ye = /* @__PURE__ */ C(function(e, d) {
+  [e, d] = M(e, d, Pe);
   let { validationBehavior: l } = H(J) || {};
   var t, r;
-  let o = (r = (t = e.validationBehavior) !== null && t !== void 0 ? t : l) !== null && r !== void 0 ? r : "native", i = he({
+  let o = (r = (t = e.validationBehavior) !== null && t !== void 0 ? t : l) !== null && r !== void 0 ? r : "native", i = xe({
     ...e,
     validationBehavior: o
-  }), [u, f] = K(!e["aria-label"] && !e["aria-labelledby"]), { radioGroupProps: s, labelProps: p, descriptionProps: m, errorMessageProps: h, ...x } = ve({
+  }), [u, f] = K(!e["aria-label"] && !e["aria-labelledby"]), { radioGroupProps: s, labelProps: p, descriptionProps: m, errorMessageProps: h, ...x } = pe({
     ...e,
     label: f,
     validationBehavior: o
-  }, i), $ = S({
+  }, i), $ = O({
     ...e,
     values: {
       orientation: e.orientation || "vertical",
@@ -227,26 +229,26 @@ const xe = /* @__PURE__ */ B(null), Pe = /* @__PURE__ */ B(null), k = /* @__PURE
       ]
     ]
   }, $.children));
-}), ye = /* @__PURE__ */ C(function(e, d) {
+}), Ve = /* @__PURE__ */ C(function(e, d) {
   let { inputRef: l = null, ...t } = e;
-  [e, d] = M(t, d, Pe);
-  let r = I.useContext(k), o = W(O(() => A(l, e.inputRef !== void 0 ? e.inputRef : null), [
+  [e, d] = M(t, d, Re);
+  let r = I.useContext(k), o = W(S(() => A(l, e.inputRef !== void 0 ? e.inputRef : null), [
     l,
     e.inputRef
-  ])), { labelProps: i, inputProps: u, isSelected: f, isDisabled: s, isPressed: p } = $e({
+  ])), { labelProps: i, inputProps: u, isSelected: f, isDisabled: s, isPressed: p } = ve({
     ...j(e),
     // ReactNode type doesn't allow function children.
     children: typeof e.children == "function" ? !0 : e.children
-  }, r, o), { isFocused: m, isFocusVisible: h, focusProps: x } = le(), $ = s || r.isReadOnly, { hoverProps: F, isHovered: V } = se({
+  }, r, o), { isFocused: m, isFocusVisible: h, focusProps: x } = se(), $ = s || r.isReadOnly, { hoverProps: F, isHovered: D } = ne({
     ...e,
     isDisabled: $
-  }), D = S({
+  }), g = O({
     ...e,
     defaultClassName: "react-aria-Radio",
     values: {
       isSelected: f,
       isPressed: p,
-      isHovered: V,
+      isHovered: D,
       isFocused: m,
       isFocusVisible: h,
       isDisabled: s,
@@ -256,56 +258,57 @@ const xe = /* @__PURE__ */ B(null), Pe = /* @__PURE__ */ B(null), k = /* @__PURE
     }
   }), v = w(e);
   return delete v.id, /* @__PURE__ */ I.createElement("label", {
-    ...y(v, i, F, D),
+    ...V(v, i, F, g),
     ref: d,
     "data-selected": f || void 0,
     "data-pressed": p || void 0,
-    "data-hovered": V || void 0,
+    "data-hovered": D || void 0,
     "data-focused": m || void 0,
     "data-focus-visible": h || void 0,
     "data-disabled": s || void 0,
     "data-readonly": r.isReadOnly || void 0,
     "data-invalid": r.isInvalid || void 0,
     "data-required": r.isRequired || void 0
-  }, /* @__PURE__ */ I.createElement(ne, {
+  }, /* @__PURE__ */ I.createElement(ce, {
     elementType: "span"
   }, /* @__PURE__ */ I.createElement("input", {
-    ...y(u, x),
+    ...V(u, x),
     ref: o
-  })), D.children);
-}), Ve = "_radioGroup_i4hw0_4", De = "_wrap_i4hw0_15", ge = "_radio_i4hw0_4", _ = {
-  radioGroup: Ve,
-  wrap: De,
-  radio: ge
-}, Je = ({
+  })), g.children);
+}), De = "_radioGroup_i4hw0_4", ge = "_wrap_i4hw0_15", Ie = "_radio_i4hw0_4", _ = {
+  radioGroup: De,
+  wrap: ge,
+  radio: Ie
+}, Ye = ({
   label: a,
   description: e,
   errorMessage: d,
   children: l,
   className: t,
   errorPosition: r = "top",
-  ...o
-}) => /* @__PURE__ */ L(
-  Re,
+  popover: o,
+  ...i
+}) => /* @__PURE__ */ G(
+  ye,
   {
-    ...o,
-    className: fe(_.radioGroup, t),
+    ...i,
+    className: L(_.radioGroup, t),
     children: [
-      a && /* @__PURE__ */ g(ue, { children: a }),
-      e && /* @__PURE__ */ g(be, { slot: "description", children: e }),
-      r === "top" && /* @__PURE__ */ g(E, { "data-testid": "fieldError", children: d }),
-      /* @__PURE__ */ g(G, { className: _.wrap, children: l }),
-      r === "bottom" && /* @__PURE__ */ g(E, { "data-testid": "fieldError", children: d })
+      /* @__PURE__ */ y(ue, { popover: o, children: a && /* @__PURE__ */ y(be, { children: a }) }),
+      e && /* @__PURE__ */ y($e, { slot: "description", children: e }),
+      r === "top" && /* @__PURE__ */ y(E, { "data-testid": "fieldError", children: d }),
+      /* @__PURE__ */ y(T, { className: _.wrap, children: l }),
+      r === "bottom" && /* @__PURE__ */ y(E, { "data-testid": "fieldError", children: d })
     ]
   }
-), Qe = (a) => /* @__PURE__ */ g(
-  ye,
+), Ze = ({ className: a, ...e }) => /* @__PURE__ */ y(
+  Ve,
   {
-    className: _.radio,
-    ...a
+    className: L(_.radio, a),
+    ...e
   }
 );
 export {
-  Qe as R,
-  Je as a
+  Ze as R,
+  Ye as a
 };