@midas-ds/components 1.0.2 → 1.0.3

package/index82.js

@@ -1,171 +1,170 @@
-import { jsx as I } from "react/jsx-runtime";
-import { $ as L } from "./Group-DPMuN3h8.js";
-import { m as q, e as P, n as w, f as E, k as G, a as _, u as N, v as T, d as M, x as W, i as A, H, w as j, c as K, b as U } from "./useFocusRing-D97-G3fT.js";
-import { a as z, b as J, $ as Q, c as X, d as Y } from "./Form-DXLoQL91.js";
-import { $ as Z, a as ee } from "./Label-C18A_4Z5.js";
-import { $ as ae } from "./Text-DGLaY3HR.js";
-import D, { useMemo as ie, useState as de, forwardRef as S, createContext as F } from "react";
-import { $ as re } from "./useControlledState-S_TYcV_c.js";
-import { $ as le } from "./FocusScope-BR0SJ-cZ.js";
-import { $ as se } from "./context-ScOIq_Gu.js";
-import { $ as te } from "./useFocusable-C-N9wcwm.js";
-import { a as oe } from "./VisuallyHidden-B_XzVvlX.js";
-import { I as ne } from "./TextField-C_hq9WeT.js";
+import { jsx as D } from "react/jsx-runtime";
+import { $ as L } from "./Group-CdwXhx8Q.js";
+import { m as w, e as y, n as F, f as E, l as G, a as _, x as N, y as T, d as M, A as W, i as A, I as H, z as j, c as K, b as z } from "./useFocusRing-BKGhL91C.js";
+import { d as U, e as J, c as Q, $ as X, a as Y } from "./Form-BQQs3jUk.js";
+import { b as Z, $ as ee } from "./useField-Dz62UHCP.js";
+import { $ as ae } from "./Text-CQPW6xs7.js";
+import I, { useMemo as ie, useState as de, forwardRef as S, createContext as q } from "react";
+import { $ as re } from "./useControlledState-DrAoodI6.js";
+import { $ as le } from "./FocusScope-C8i7CH6y.js";
+import { $ as se } from "./context-Bnqknrce.js";
+import { $ as ne } from "./useFocusable-CRSmYEQc.js";
+import { a as te } from "./VisuallyHidden-CFx06Bae.js";
+import { I as oe } from "./TextField-DeK_yiK-.js";
 import './Radio.css';const C = /* @__PURE__ */ new WeakMap();
-function ce(e, a, l) {
-  let { value: d, children: r, "aria-label": f, "aria-labelledby": i } = e;
-  const s = e.isDisabled || a.isDisabled;
-  let u = r != null, o = f != null || i != null;
-  !u && !o && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let n = a.selectedValue === d, v = (B) => {
-    B.stopPropagation(), a.setSelectedValue(d);
-  }, { pressProps: p, isPressed: x } = q({
-    isDisabled: s
-  }), { pressProps: $, isPressed: h } = q({
-    isDisabled: s,
+function ce(a, e, d) {
+  let { value: r, children: s, "aria-label": l, "aria-labelledby": n } = a;
+  const i = a.isDisabled || e.isDisabled;
+  let u = s != null, f = l != null || n != null;
+  !u && !f && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let t = e.selectedValue === r, v = (B) => {
+    B.stopPropagation(), e.setSelectedValue(r);
+  }, { pressProps: m, isPressed: x } = w({
+    isDisabled: i
+  }), { pressProps: P, isPressed: $ } = w({
+    isDisabled: i,
     onPress() {
-      a.setSelectedValue(d);
+      e.setSelectedValue(r);
     }
-  }), { focusableProps: y } = te(P(e, {
-    onFocus: () => a.setLastFocusedValue(d)
-  }), l), R = P(p, y), g = w(e, {
+  }), { focusableProps: V } = ne(y(a, {
+    onFocus: () => e.setLastFocusedValue(r)
+  }), d), R = y(m, V), g = F(a, {
     labelable: !0
-  }), V = -1;
-  a.selectedValue != null ? a.selectedValue === d && (V = 0) : (a.lastFocusedValue === d || a.lastFocusedValue == null) && (V = 0), s && (V = void 0);
-  let { name: b, descriptionId: t, errorMessageId: m, validationBehavior: c } = C.get(a);
-  return z(l, a.selectedValue, a.setSelectedValue), J({
+  }), p = -1;
+  e.selectedValue != null ? e.selectedValue === r && (p = 0) : (e.lastFocusedValue === r || e.lastFocusedValue == null) && (p = 0), i && (p = void 0);
+  let { name: b, descriptionId: o, errorMessageId: h, validationBehavior: c } = C.get(e);
+  return U(d, e.selectedValue, e.setSelectedValue), J({
     validationBehavior: c
-  }, a, l), {
-    labelProps: P($, {
+  }, e, d), {
+    labelProps: y(P, {
       onClick: (B) => B.preventDefault()
     }),
-    inputProps: P(g, {
+    inputProps: y(g, {
       ...R,
       type: "radio",
       name: b,
-      tabIndex: V,
-      disabled: s,
-      required: a.isRequired && c === "native",
-      checked: n,
-      value: d,
+      tabIndex: p,
+      disabled: i,
+      required: e.isRequired && c === "native",
+      checked: t,
+      value: r,
       onChange: v,
       "aria-describedby": [
-        e["aria-describedby"],
-        a.isInvalid ? m : null,
-        t
+        a["aria-describedby"],
+        e.isInvalid ? h : null,
+        o
       ].filter(Boolean).join(" ") || void 0
     }),
-    isDisabled: s,
-    isSelected: n,
-    isPressed: x || h
+    isDisabled: i,
+    isSelected: t,
+    isPressed: x || $
   };
 }
-function fe(e, a) {
-  let { name: l, isReadOnly: d, isRequired: r, isDisabled: f, orientation: i = "vertical", validationBehavior: s = "aria" } = e, { direction: u } = se(), { isInvalid: o, validationErrors: n, validationDetails: v } = a.displayValidation, { labelProps: p, fieldProps: x, descriptionProps: $, errorMessageProps: h } = Z({
-    ...e,
+function fe(a, e) {
+  let { name: d, isReadOnly: r, isRequired: s, isDisabled: l, orientation: n = "vertical", validationBehavior: i = "aria" } = a, { direction: u } = se(), { isInvalid: f, validationErrors: t, validationDetails: v } = e.displayValidation, { labelProps: m, fieldProps: x, descriptionProps: P, errorMessageProps: $ } = Z({
+    ...a,
     // Radio group is not an HTML input element so it
     // shouldn't be labeled by a <label> element.
     labelElementType: "span",
-    isInvalid: a.isInvalid,
-    errorMessage: e.errorMessage || n
-  }), y = w(e, {
+    isInvalid: e.isInvalid,
+    errorMessage: a.errorMessage || t
+  }), V = F(a, {
     labelable: !0
   }), { focusWithinProps: R } = E({
     onBlurWithin(b) {
-      var t;
-      (t = e.onBlur) === null || t === void 0 || t.call(e, b), a.selectedValue || a.setLastFocusedValue(null);
+      var o;
+      (o = a.onBlur) === null || o === void 0 || o.call(a, b), e.selectedValue || e.setLastFocusedValue(null);
     },
-    onFocusWithin: e.onFocus,
-    onFocusWithinChange: e.onFocusChange
+    onFocusWithin: a.onFocus,
+    onFocusWithinChange: a.onFocusChange
   }), g = (b) => {
-    let t;
+    let o;
     switch (b.key) {
       case "ArrowRight":
-        u === "rtl" && i !== "vertical" ? t = "prev" : t = "next";
+        u === "rtl" && n !== "vertical" ? o = "prev" : o = "next";
         break;
       case "ArrowLeft":
-        u === "rtl" && i !== "vertical" ? t = "next" : t = "prev";
+        u === "rtl" && n !== "vertical" ? o = "next" : o = "prev";
         break;
       case "ArrowDown":
-        t = "next";
+        o = "next";
         break;
       case "ArrowUp":
-        t = "prev";
+        o = "prev";
         break;
       default:
         return;
     }
     b.preventDefault();
-    let m = le(b.currentTarget, {
+    let h = le(b.currentTarget, {
       from: b.target
     }), c;
-    t === "next" ? (c = m.nextNode(), c || (m.currentNode = b.currentTarget, c = m.firstChild())) : (c = m.previousNode(), c || (m.currentNode = b.currentTarget, c = m.lastChild())), c && (c.focus(), a.setSelectedValue(c.value));
-  }, V = G(l);
-  return C.set(a, {
-    name: V,
-    descriptionId: $.id,
-    errorMessageId: h.id,
-    validationBehavior: s
+    o === "next" ? (c = h.nextNode(), c || (h.currentNode = b.currentTarget, c = h.firstChild())) : (c = h.previousNode(), c || (h.currentNode = b.currentTarget, c = h.lastChild())), c && (c.focus(), e.setSelectedValue(c.value));
+  }, p = G(d);
+  return C.set(e, {
+    name: p,
+    descriptionId: P.id,
+    errorMessageId: $.id,
+    validationBehavior: i
   }), {
-    radioGroupProps: P(y, {
+    radioGroupProps: y(V, {
       // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
       role: "radiogroup",
       onKeyDown: g,
-      "aria-invalid": a.isInvalid || void 0,
-      "aria-errormessage": e["aria-errormessage"],
-      "aria-readonly": d || void 0,
-      "aria-required": r || void 0,
-      "aria-disabled": f || void 0,
-      "aria-orientation": i,
+      "aria-invalid": e.isInvalid || void 0,
+      "aria-errormessage": a["aria-errormessage"],
+      "aria-readonly": r || void 0,
+      "aria-required": s || void 0,
+      "aria-disabled": l || void 0,
+      "aria-orientation": n,
       ...x,
       ...R
     }),
-    labelProps: p,
-    descriptionProps: $,
-    errorMessageProps: h,
-    isInvalid: o,
-    validationErrors: n,
+    labelProps: m,
+    descriptionProps: P,
+    errorMessageProps: $,
+    isInvalid: f,
+    validationErrors: t,
     validationDetails: v
   };
 }
 let ue = Math.round(Math.random() * 1e10), be = 0;
-function $e(e) {
-  let a = ie(() => e.name || `radio-group-${ue}-${++be}`, [
-    e.name
+function $e(a) {
+  let e = ie(() => a.name || `radio-group-${ue}-${++be}`, [
+    a.name
   ]);
-  var l;
-  let [d, r] = re(e.value, (l = e.defaultValue) !== null && l !== void 0 ? l : null, e.onChange), [f, i] = de(null), s = Q({
-    ...e,
-    value: d
-  }), u = (n) => {
-    !e.isReadOnly && !e.isDisabled && (r(n), s.commitValidation());
-  }, o = s.displayValidation.isInvalid;
+  var d;
+  let [r, s] = re(a.value, (d = a.defaultValue) !== null && d !== void 0 ? d : null, a.onChange), [l, n] = de(null), i = Q({
+    ...a,
+    value: r
+  }), u = (t) => {
+    !a.isReadOnly && !a.isDisabled && (s(t), i.commitValidation());
+  }, f = i.displayValidation.isInvalid;
   return {
-    ...s,
-    name: a,
-    selectedValue: d,
+    ...i,
+    name: e,
+    selectedValue: r,
     setSelectedValue: u,
-    lastFocusedValue: f,
-    setLastFocusedValue: i,
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isRequired: e.isRequired || !1,
-    validationState: e.validationState || (o ? "invalid" : null),
-    isInvalid: o
+    lastFocusedValue: l,
+    setLastFocusedValue: n,
+    isDisabled: a.isDisabled || !1,
+    isReadOnly: a.isReadOnly || !1,
+    isRequired: a.isRequired || !1,
+    validationState: a.validationState || (f ? "invalid" : null),
+    isInvalid: f
   };
 }
-const ve = /* @__PURE__ */ F(null), pe = /* @__PURE__ */ F(null), O = /* @__PURE__ */ F(null);
-function me(e, a) {
-  [e, a] = _(e, a, ve);
-  let { validationBehavior: l } = N(X) || {};
-  var d, r;
-  let f = (r = (d = e.validationBehavior) !== null && d !== void 0 ? d : l) !== null && r !== void 0 ? r : "native", i = $e({
+const pe = /* @__PURE__ */ q(null), ve = /* @__PURE__ */ q(null), O = /* @__PURE__ */ q(null), me = /* @__PURE__ */ S(function(e, d) {
+  [e, d] = _(e, d, pe);
+  let { validationBehavior: r } = N(X) || {};
+  var s, l;
+  let n = (l = (s = e.validationBehavior) !== null && s !== void 0 ? s : r) !== null && l !== void 0 ? l : "native", i = $e({
     ...e,
-    validationBehavior: f
-  }), [s, u] = T(), { radioGroupProps: o, labelProps: n, descriptionProps: v, errorMessageProps: p, ...x } = fe({
+    validationBehavior: n
+  }), [u, f] = T(), { radioGroupProps: t, labelProps: v, descriptionProps: m, errorMessageProps: x, ...P } = fe({
     ...e,
-    label: u,
-    validationBehavior: f
+    label: f,
+    validationBehavior: n
   }, i), $ = M({
     ...e,
     values: {
@@ -178,17 +177,17 @@ function me(e, a) {
     },
     defaultClassName: "react-aria-RadioGroup"
   });
-  return /* @__PURE__ */ D.createElement("div", {
-    ...o,
+  return /* @__PURE__ */ I.createElement("div", {
+    ...t,
     ...$,
-    ref: a,
+    ref: d,
     slot: e.slot || void 0,
     "data-orientation": e.orientation || "vertical",
     "data-invalid": i.isInvalid || void 0,
     "data-disabled": i.isDisabled || void 0,
     "data-readonly": i.isReadOnly || void 0,
     "data-required": i.isRequired || void 0
-  }, /* @__PURE__ */ D.createElement(W, {
+  }, /* @__PURE__ */ I.createElement(W, {
     values: [
       [
         O,
@@ -197,8 +196,8 @@ function me(e, a) {
       [
         ee,
         {
-          ...n,
-          ref: s,
+          ...v,
+          ref: u,
           elementType: "span"
         }
       ],
@@ -206,112 +205,110 @@ function me(e, a) {
         ae,
         {
           slots: {
-            description: v,
-            errorMessage: p
+            description: m,
+            errorMessage: x
           }
         }
       ],
       [
         Y,
-        x
+        P
       ]
     ]
   }, $.children));
-}
-function xe(e, a) {
-  let { inputRef: l = null, ...d } = e;
-  [e, a] = _(d, a, pe);
-  let r = D.useContext(O), f = A(H(l, e.inputRef !== void 0 ? e.inputRef : null)), { labelProps: i, inputProps: s, isSelected: u, isDisabled: o, isPressed: n } = ce({
+}), xe = /* @__PURE__ */ S(function(e, d) {
+  let { inputRef: r = null, ...s } = e;
+  [e, d] = _(s, d, ve);
+  let l = I.useContext(O), n = A(H(r, e.inputRef !== void 0 ? e.inputRef : null)), { labelProps: i, inputProps: u, isSelected: f, isDisabled: t, isPressed: v } = ce({
     ...j(e),
     // ReactNode type doesn't allow function children.
     children: typeof e.children == "function" ? !0 : e.children
-  }, r, f), { isFocused: v, isFocusVisible: p, focusProps: x } = K(), $ = o || r.isReadOnly, { hoverProps: h, isHovered: y } = U({
+  }, l, n), { isFocused: m, isFocusVisible: x, focusProps: P } = K(), $ = t || l.isReadOnly, { hoverProps: V, isHovered: R } = z({
     ...e,
     isDisabled: $
-  }), R = M({
+  }), g = M({
     ...e,
     defaultClassName: "react-aria-Radio",
     values: {
-      isSelected: u,
-      isPressed: n,
-      isHovered: y,
-      isFocused: v,
-      isFocusVisible: p,
-      isDisabled: o,
-      isReadOnly: r.isReadOnly,
-      isInvalid: r.isInvalid,
-      isRequired: r.isRequired
+      isSelected: f,
+      isPressed: v,
+      isHovered: R,
+      isFocused: m,
+      isFocusVisible: x,
+      isDisabled: t,
+      isReadOnly: l.isReadOnly,
+      isInvalid: l.isInvalid,
+      isRequired: l.isRequired
     }
-  }), g = w(e);
-  return delete g.id, /* @__PURE__ */ D.createElement("label", {
-    ...P(g, i, h, R),
-    ref: a,
-    "data-selected": u || void 0,
-    "data-pressed": n || void 0,
-    "data-hovered": y || void 0,
-    "data-focused": v || void 0,
-    "data-focus-visible": p || void 0,
-    "data-disabled": o || void 0,
-    "data-readonly": r.isReadOnly || void 0,
-    "data-invalid": r.isInvalid || void 0,
-    "data-required": r.isRequired || void 0
-  }, /* @__PURE__ */ D.createElement(oe, {
+  }), p = F(e);
+  return delete p.id, /* @__PURE__ */ I.createElement("label", {
+    ...y(p, i, V, g),
+    ref: d,
+    "data-selected": f || void 0,
+    "data-pressed": v || void 0,
+    "data-hovered": R || void 0,
+    "data-focused": m || void 0,
+    "data-focus-visible": x || void 0,
+    "data-disabled": t || void 0,
+    "data-readonly": l.isReadOnly || void 0,
+    "data-invalid": l.isInvalid || void 0,
+    "data-required": l.isRequired || void 0
+  }, /* @__PURE__ */ I.createElement(te, {
     elementType: "span"
-  }, /* @__PURE__ */ D.createElement("input", {
-    ...P(s, x),
-    ref: f
-  })), R.children);
-}
-const Pe = /* @__PURE__ */ S(me), he = /* @__PURE__ */ S(xe), ye = '"../theme/tokens.css"', Re = '"Inter", sans-serif', ge = "undefined", Ve = "#1f1f1f", De = "#000000", Ie = "#143c50", Be = "#bfbfbf", ke = "#b3b3b3", we = "#ffdfdf", Fe = "#e62323", qe = "undefined", _e = "#1f1f1f", Me = "undefined", Se = "(max-width: 767px)", Ce = "0 0 0 2px #ffffff, 0 0 0 4px #000000", Oe = "(min-width: 768px)", Le = "#b3b3b3", Ee = "_radioGroup_1vn0q_4", Ge = "_wrap_1vn0q_17", Ne = "_radio_1vn0q_4", k = {
-  tokens: ye,
-  display: Re,
-  inputLabel: ge,
-  inputText: Ve,
-  black: De,
+  }, /* @__PURE__ */ I.createElement("input", {
+    ...y(u, P),
+    ref: n
+  })), g.children);
+}), Pe = '"../theme/tokens.css"', he = '"Inter", sans-serif', ye = "undefined", Re = "#1f1f1f", ge = "#000000", Ie = "#143c50", Ve = "#bfbfbf", De = "#b3b3b3", Be = "#ffdfdf", ke = "#e62323", Fe = "undefined", qe = "#1f1f1f", we = "undefined", _e = "(max-width: 767px)", Me = "0 0 0 2px #ffffff, 0 0 0 4px #000000", Se = "(min-width: 768px)", Ce = "#b3b3b3", Oe = "_radioGroup_1vn0q_4", Le = "_wrap_1vn0q_17", Ee = "_radio_1vn0q_4", k = {
+  tokens: Pe,
+  display: he,
+  inputLabel: ye,
+  inputText: Re,
+  black: ge,
   blue150: Ie,
-  gray50: Be,
-  gray60: ke,
-  signalRed10: we,
-  signalRed100: Fe,
-  medium: qe,
-  gray150: _e,
-  regular: Me,
-  smBreakpoint: Se,
-  focus: Ce,
-  mdBreakpoint: Oe,
-  borderSecondary: Le,
-  radioGroup: Ee,
-  wrap: Ge,
-  radio: Ne
-}, ea = ({
-  label: e,
-  description: a,
-  errorMessage: l,
-  children: d,
-  ...r
-}) => /* @__PURE__ */ I(
-  Pe,
+  gray50: Ve,
+  gray60: De,
+  signalRed10: Be,
+  signalRed100: ke,
+  medium: Fe,
+  gray150: qe,
+  regular: we,
+  smBreakpoint: _e,
+  focus: Me,
+  mdBreakpoint: Se,
+  borderSecondary: Ce,
+  radioGroup: Oe,
+  wrap: Le,
+  radio: Ee
+}, Ye = ({
+  label: a,
+  description: e,
+  errorMessage: d,
+  children: r,
+  ...s
+}) => /* @__PURE__ */ D(
+  me,
   {
-    ...r,
+    ...s,
     className: k.radioGroup,
-    children: /* @__PURE__ */ I(
-      ne,
+    children: /* @__PURE__ */ D(
+      oe,
       {
-        label: e,
-        description: a,
-        errorMessage: l,
-        children: /* @__PURE__ */ I(L, { className: k.wrap, children: d })
+        label: a,
+        description: e,
+        errorMessage: d,
+        children: /* @__PURE__ */ D(L, { className: k.wrap, children: r })
       }
     )
   }
-), aa = (e) => /* @__PURE__ */ I(
-  he,
+), Ze = (a) => /* @__PURE__ */ D(
+  xe,
   {
     className: k.radio,
-    ...e
+    ...a
   }
 );
 export {
-  aa as Radio,
-  ea as RadioGroup
+  Ze as Radio,
+  Ye as RadioGroup
 };