@midas-ds/components 10.3.0 → 10.4.0

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

@@ -1,26 +1,29 @@
-import { jsx as y, jsxs as k } from "react/jsx-runtime";
-import { $ as G } from "./Group-B6EslsHZ.js";
-import { c as V, e as T, a as M, l as W, m as A, i as j, b as O, g as H, h as K, j as U } from "./utils-DIMfEPAt.js";
-import { $ as z, F as q } from "./FieldError-CAcjosk_.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 { b as Q } from "./Button-DjBChs7s.js";
-import { $ as X } from "./Text-BoXuUVVH.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 S, useState as Y, forwardRef as C, createContext as B } from "react";
-import { a as Z, b as ee, $ as ae } from "./useFormValidation-BIGzfO9h.js";
-import { a as E } from "./usePress-CNjmDzap.js";
-import { $ as ie } from "./useFocusable-C8uh8K4g.js";
-import { $ as de } from "./FocusScope-CxkURfoc.js";
-import { a as re, $ as le } from "./useFocusRing-XnR3cZjO.js";
-import { $ as oe } from "./useField-DvpGZkw_.js";
-import { $ as te } from "./context-C81gPYvC.js";
-import { $ as se } from "./useHover-DjIHtjGN.js";
-import { $ as ne } from "./VisuallyHidden-ZCYf65q4.js";
-import { $ as ce } from "./useControlledState-u436Wbp1.js";
-import { c as fe } from "./clsx-OuTLNxxd.js";
-import { a as ue, L as be } from "./Label-BwJrdqEE.js";
-import { T as $e } from "./Text-jWWg0B20.js";
-import './assets/Radio.css';const L = /* @__PURE__ */ new WeakMap();
+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 ve(a, e, d) {
   let { value: l, children: t, "aria-label": r, "aria-labelledby": o } = a;
   const i = a.isDisabled || e.isDisabled;
@@ -28,22 +31,22 @@ function ve(a, e, d) {
   !u && !f && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
   let s = e.selectedValue === l, p = (R) => {
     R.stopPropagation(), e.setSelectedValue(l);
-  }, { pressProps: m, isPressed: h } = E({
+  }, { pressProps: m, isPressed: h } = q({
     isDisabled: i
-  }), { pressProps: x, isPressed: $ } = E({
+  }), { pressProps: x, isPressed: $ } = q({
     isDisabled: i,
     onPress() {
       var R;
       e.setSelectedValue(l), (R = d.current) === null || R === void 0 || R.focus();
     }
-  }), { focusableProps: F } = ie(V(a, {
+  }), { focusableProps: F } = de(V(a, {
     onFocus: () => e.setLastFocusedValue(l)
   }), 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 } = L.get(e);
-  return Z(d, e.selectedValue, e.setSelectedValue), ee({
+  let { name: b, descriptionId: n, errorMessageId: P, validationBehavior: c } = N.get(e);
+  return ee(d, e.selectedValue, e.setSelectedValue), ae({
     validationBehavior: c
   }, e, d), {
     labelProps: V(x, {
@@ -80,7 +83,7 @@ function pe(a, e) {
     errorMessage: a.errorMessage || s
   }), F = w(a, {
     labelable: !0
-  }), { focusWithinProps: D } = re({
+  }), { focusWithinProps: D } = le({
     onBlurWithin(b) {
       var n;
       (n = a.onBlur) === null || n === void 0 || n.call(a, b), e.selectedValue || e.setLastFocusedValue(null);
@@ -106,12 +109,12 @@ function pe(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);
-  return L.set(e, {
+  }, v = Y(d);
+  return N.set(e, {
     name: v,
     descriptionId: x.id,
     errorMessageId: $.id,
@@ -144,7 +147,7 @@ function xe(a) {
     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) => {
@@ -164,7 +167,7 @@ function xe(a) {
     isInvalid: f
   };
 }
-const Pe = /* @__PURE__ */ B(null), Re = /* @__PURE__ */ B(null), N = /* @__PURE__ */ B(null), ye = /* @__PURE__ */ C(function(e, d) {
+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;
@@ -200,7 +203,7 @@ const Pe = /* @__PURE__ */ B(null), Re = /* @__PURE__ */ B(null), N = /* @__PURE
   }, /* @__PURE__ */ I.createElement(U, {
     values: [
       [
-        N,
+        k,
         i
       ],
       [
@@ -229,14 +232,14 @@ const Pe = /* @__PURE__ */ B(null), Re = /* @__PURE__ */ B(null), N = /* @__PURE
 }), Ve = /* @__PURE__ */ C(function(e, d) {
   let { inputRef: l = null, ...t } = e;
   [e, d] = M(t, d, Re);
-  let r = I.useContext(N), o = W(S(() => A(l, e.inputRef !== void 0 ? e.inputRef : null), [
+  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 } = 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: D } = se({
+  }, r, o), { isFocused: m, isFocusVisible: h, focusProps: x } = se(), $ = s || r.isReadOnly, { hoverProps: F, isHovered: D } = ne({
     ...e,
     isDisabled: $
   }), g = O({
@@ -266,7 +269,7 @@ const Pe = /* @__PURE__ */ B(null), Re = /* @__PURE__ */ B(null), N = /* @__PURE
     "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", {
     ...V(u, x),
@@ -276,7 +279,7 @@ const Pe = /* @__PURE__ */ B(null), Re = /* @__PURE__ */ B(null), N = /* @__PURE
   radioGroup: De,
   wrap: ge,
   radio: Ie
-}, Je = ({
+}, Ye = ({
   label: a,
   description: e,
   errorMessage: d,
@@ -285,27 +288,27 @@ const Pe = /* @__PURE__ */ B(null), Re = /* @__PURE__ */ B(null), N = /* @__PURE
   errorPosition: r = "top",
   popover: o,
   ...i
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ G(
   ye,
   {
     ...i,
-    className: fe(_.radioGroup, t),
+    className: L(_.radioGroup, t),
     children: [
       /* @__PURE__ */ y(ue, { popover: o, children: a && /* @__PURE__ */ y(be, { children: a }) }),
       e && /* @__PURE__ */ y($e, { slot: "description", children: e }),
-      r === "top" && /* @__PURE__ */ y(q, { "data-testid": "fieldError", children: d }),
-      /* @__PURE__ */ y(G, { className: _.wrap, children: l }),
-      r === "bottom" && /* @__PURE__ */ y(q, { "data-testid": "fieldError", children: d })
+      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__ */ y(
+), 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
 };