@midas-ds/components 1.0.2 → 1.1.0

package/{Form-DXLoQL91.js → Form-BWBjJC6v.js}

@@ -1,19 +1,19 @@
-import { F as b, l as Q, G as k, n as q, d as G } from "./useFocusRing-D97-G3fT.js";
+import { m as b, l as Q, K as k, o as q, d as K } from "./useFocusRing-9PXyKy2A.js";
 import R, { useRef as x, useEffect as S, createContext as L, useMemo as y, useContext as D, useState as m, forwardRef as B } from "react";
-import { a as Y } from "./Text-DGLaY3HR.js";
+import { a as Y } from "./Text-BCF0xvqL.js";
 function ne(t, e, a) {
-  let i = x(e), l = b(() => {
+  let i = x(e), n = b(() => {
     a && a(i.current);
   });
   S(() => {
     var r;
-    let n = t == null || (r = t.current) === null || r === void 0 ? void 0 : r.form;
-    return n == null || n.addEventListener("reset", l), () => {
-      n == null || n.removeEventListener("reset", l);
+    let l = t == null || (r = t.current) === null || r === void 0 ? void 0 : r.form;
+    return l == null || l.addEventListener("reset", n), () => {
+      l == null || l.removeEventListener("reset", n);
     };
   }, [
     t,
-    l
+    n
   ]);
 }
 const C = {
@@ -32,66 +32,66 @@ const C = {
   ...C,
   customError: !0,
   valid: !1
-}, f = {
+}, v = {
   isInvalid: !1,
   validationDetails: C,
   validationErrors: []
 }, z = L({}), F = "__formValidationState" + Date.now();
-function oe(t) {
+function le(t) {
   if (t[F]) {
-    let { realtimeValidation: e, displayValidation: a, updateValidation: i, resetValidation: l, commitValidation: r } = t[F];
+    let { realtimeValidation: e, displayValidation: a, updateValidation: i, resetValidation: n, commitValidation: r } = t[F];
     return {
       realtimeValidation: e,
       displayValidation: a,
       updateValidation: i,
-      resetValidation: l,
+      resetValidation: n,
       commitValidation: r
     };
   }
-  return H(t);
+  return G(t);
 }
-function H(t) {
-  let { isInvalid: e, validationState: a, name: i, value: l, builtinValidation: r, validate: n, validationBehavior: v = "aria" } = t;
+function G(t) {
+  let { isInvalid: e, validationState: a, name: i, value: n, builtinValidation: r, validate: l, validationBehavior: u = "aria" } = t;
   a && (e || (e = a === "invalid"));
-  let o = e !== void 0 ? {
+  let d = e !== void 0 ? {
     isInvalid: e,
     validationErrors: [],
     validationDetails: T
   } : null, s = y(() => {
-    if (!n || l == null) return null;
-    let d = J(n, l);
-    return O(d);
+    if (!l || n == null) return null;
+    let o = H(l, n);
+    return O(o);
   }, [
-    n,
-    l
+    l,
+    n
   ]);
   r != null && r.validationDetails.valid && (r = void 0);
-  let c = D(z), u = y(() => i ? Array.isArray(i) ? i.flatMap((d) => M(c[d])) : M(c[i]) : [], [
-    c,
+  let f = D(z), c = y(() => i ? Array.isArray(i) ? i.flatMap((o) => M(f[o])) : M(f[i]) : [], [
+    f,
     i
-  ]), [_, j] = m(c), [w, V] = m(!1);
-  c !== _ && (j(c), V(!1));
-  let p = y(() => O(w ? [] : u), [
+  ]), [_, j] = m(f), [w, V] = m(!1);
+  f !== _ && (j(f), V(!1));
+  let p = y(() => O(w ? [] : c), [
     w,
-    u
-  ]), A = x(f), [E, g] = m(f), $ = x(f), P = () => {
+    c
+  ]), A = x(v), [E, g] = m(v), $ = x(v), P = () => {
     if (!N) return;
     h(!1);
-    let d = s || r || A.current;
-    I(d, $.current) || ($.current = d, g(d));
+    let o = s || r || A.current;
+    I(o, $.current) || ($.current = o, g(o));
   }, [N, h] = m(!1);
   return S(P), {
-    realtimeValidation: o || p || s || r || f,
-    displayValidation: v === "native" ? o || p || E : o || p || s || r || E,
-    updateValidation(d) {
-      v === "aria" && !I(E, d) ? g(d) : A.current = d;
+    realtimeValidation: d || p || s || r || v,
+    displayValidation: u === "native" ? d || p || E : d || p || s || r || E,
+    updateValidation(o) {
+      u === "aria" && !I(E, o) ? g(o) : A.current = o;
     },
     resetValidation() {
-      let d = f;
-      I(d, $.current) || ($.current = d, g(d)), v === "native" && h(!1), V(!0);
+      let o = v;
+      I(o, $.current) || ($.current = o, g(o)), u === "native" && h(!1), V(!0);
     },
     commitValidation() {
-      v === "native" && h(!0), V(!0);
+      u === "native" && h(!0), V(!0);
     }
   };
 }
@@ -100,7 +100,7 @@ function M(t) {
     t
   ] : [];
 }
-function J(t, e) {
+function H(t, e) {
   if (typeof t == "function") {
     let a = t(e);
     if (a && typeof a != "boolean") return M(a);
@@ -121,11 +121,11 @@ function de(...t) {
   let e = /* @__PURE__ */ new Set(), a = !1, i = {
     ...C
   };
-  for (let n of t) {
-    var l, r;
-    for (let v of n.validationErrors) e.add(v);
-    a || (a = n.isInvalid);
-    for (let v in i) (l = i)[r = v] || (l[r] = n.validationDetails[v]);
+  for (let l of t) {
+    var n, r;
+    for (let u of l.validationErrors) e.add(u);
+    a || (a = l.isInvalid);
+    for (let u in i) (n = i)[r = u] || (n[r] = l.validationDetails[u]);
   }
   return i.valid = !a, {
     isInvalid: a,
@@ -135,44 +135,44 @@ function de(...t) {
     validationDetails: i
   };
 }
-function se(t, e, a) {
-  let { validationBehavior: i, focus: l } = t;
+function oe(t, e, a) {
+  let { validationBehavior: i, focus: n } = t;
   Q(() => {
-    if (i === "native" && (a != null && a.current)) {
-      let o = e.realtimeValidation.isInvalid ? e.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
-      a.current.setCustomValidity(o), a.current.hasAttribute("title") || (a.current.title = ""), e.realtimeValidation.isInvalid || e.updateValidation(W(a.current));
+    if (i === "native" && (a != null && a.current) && !a.current.disabled) {
+      let d = e.realtimeValidation.isInvalid ? e.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
+      a.current.setCustomValidity(d), a.current.hasAttribute("title") || (a.current.title = ""), e.realtimeValidation.isInvalid || e.updateValidation(W(a.current));
     }
   });
   let r = b(() => {
     e.resetValidation();
-  }), n = b((o) => {
+  }), l = b((d) => {
     var s;
     e.displayValidation.isInvalid || e.commitValidation();
-    let c = a == null || (s = a.current) === null || s === void 0 ? void 0 : s.form;
-    if (!o.defaultPrevented && a && c && X(c) === a.current) {
-      var u;
-      l ? l() : (u = a.current) === null || u === void 0 || u.focus(), k("keyboard");
+    let f = a == null || (s = a.current) === null || s === void 0 ? void 0 : s.form;
+    if (!d.defaultPrevented && a && f && X(f) === a.current) {
+      var c;
+      n ? n() : (c = a.current) === null || c === void 0 || c.focus(), k("keyboard");
     }
-    o.preventDefault();
-  }), v = b(() => {
+    d.preventDefault();
+  }), u = b(() => {
     e.commitValidation();
   });
   S(() => {
-    let o = a == null ? void 0 : a.current;
-    if (!o) return;
-    let s = o.form;
-    return o.addEventListener("invalid", n), o.addEventListener("change", v), s == null || s.addEventListener("reset", r), () => {
-      o.removeEventListener("invalid", n), o.removeEventListener("change", v), s == null || s.removeEventListener("reset", r);
+    let d = a == null ? void 0 : a.current;
+    if (!d) return;
+    let s = d.form;
+    return d.addEventListener("invalid", l), d.addEventListener("change", u), s == null || s.addEventListener("reset", r), () => {
+      d.removeEventListener("invalid", l), d.removeEventListener("change", u), s == null || s.removeEventListener("reset", r);
     };
   }, [
     a,
-    n,
-    v,
+    l,
+    u,
     r,
     i
   ]);
 }
-function K(t) {
+function J(t) {
   let e = t.validity;
   return {
     badInput: e.badInput,
@@ -191,7 +191,7 @@ function K(t) {
 function W(t) {
   return {
     isInvalid: !t.validity.valid,
-    validationDetails: K(t),
+    validationDetails: J(t),
     validationErrors: t.validationMessage ? [
       t.validationMessage
     ] : []
@@ -204,37 +204,35 @@ function X(t) {
   }
   return null;
 }
-const U = /* @__PURE__ */ L(null);
-function Z(t, e) {
-  let a = D(U);
-  return a != null && a.isInvalid ? /* @__PURE__ */ R.createElement(ee, {
-    ...t,
-    ref: e
+const U = /* @__PURE__ */ L(null), se = /* @__PURE__ */ B(function(e, a) {
+  let i = D(U);
+  return i != null && i.isInvalid ? /* @__PURE__ */ R.createElement(Z, {
+    ...e,
+    ref: a
   }) : null;
-}
-const ve = /* @__PURE__ */ B(Z), ee = /* @__PURE__ */ B((t, e) => {
-  let a = D(U), i = q(t), l = G({
+}), Z = /* @__PURE__ */ B((t, e) => {
+  let a = D(U), i = q(t), n = K({
     ...t,
     defaultClassName: "react-aria-FieldError",
     defaultChildren: a.validationErrors.length === 0 ? void 0 : a.validationErrors.join(" "),
     values: a
   });
-  return l.children == null ? null : /* @__PURE__ */ R.createElement(Y, {
+  return n.children == null ? null : /* @__PURE__ */ R.createElement(Y, {
     slot: "errorMessage",
     ...i,
-    ...l,
+    ...n,
     ref: e
   });
-}), ce = /* @__PURE__ */ L(null);
+}), ue = /* @__PURE__ */ L(null);
 export {
-  oe as $,
-  ne as a,
+  ue as $,
+  U as a,
   se as b,
-  ce as c,
-  U as d,
-  ve as e,
+  le as c,
+  ne as d,
+  oe as e,
   F as f,
-  f as g,
+  v as g,
   de as h,
   C as i
 };

package/Group-D7_8007y.js

@@ -0,0 +1,42 @@
+import { a as H, b as h, c as x, d as m, e as F } from "./useFocusRing-9PXyKy2A.js";
+import P, { forwardRef as _, createContext as p } from "react";
+const C = /* @__PURE__ */ p({}), S = /* @__PURE__ */ _(function(e, i) {
+  [e, i] = H(e, i, C);
+  let { isDisabled: d, isInvalid: a, onHoverStart: f, onHoverChange: u, onHoverEnd: c, ...v } = e, { hoverProps: $, isHovered: r } = h({
+    onHoverStart: f,
+    onHoverChange: u,
+    onHoverEnd: c,
+    isDisabled: d
+  }), { isFocused: s, isFocusVisible: t, focusProps: b } = x({
+    within: !0
+  });
+  d ?? (d = !!e["aria-disabled"] && e["aria-disabled"] !== "false"), a ?? (a = !!e["aria-invalid"] && e["aria-invalid"] !== "false");
+  let l = m({
+    ...e,
+    values: {
+      isHovered: r,
+      isFocusWithin: s,
+      isFocusVisible: t,
+      isDisabled: d,
+      isInvalid: a
+    },
+    defaultClassName: "react-aria-Group"
+  });
+  var o, n;
+  return /* @__PURE__ */ P.createElement("div", {
+    ...F(v, b, $),
+    ...l,
+    ref: i,
+    role: (o = e.role) !== null && o !== void 0 ? o : "group",
+    slot: (n = e.slot) !== null && n !== void 0 ? n : void 0,
+    "data-focus-within": s || void 0,
+    "data-hovered": r || void 0,
+    "data-focus-visible": t || void 0,
+    "data-disabled": d || void 0,
+    "data-invalid": a || void 0
+  }, l.children);
+});
+export {
+  S as $,
+  C as a
+};

package/Heading-RCRHv6hd.js

@@ -0,0 +1,15 @@
+import { $ } from "./RSPContexts-BW2SEIqe.js";
+import { a as n } from "./useFocusRing-9PXyKy2A.js";
+import o, { forwardRef as m } from "react";
+const b = /* @__PURE__ */ m(function(e, a) {
+  [e, a] = n(e, a, $);
+  let { children: t, level: l = 3, className: r, ...d } = e, f = `h${l}`;
+  return /* @__PURE__ */ o.createElement(f, {
+    ...d,
+    ref: a,
+    className: r ?? "react-aria-Heading"
+  }, t);
+});
+export {
+  b as $
+};

package/{Hidden-BQWDvze4.js → Hidden-CVlUgUJM.js}

@@ -1,6 +1,6 @@
 import { createPortal as c } from "react-dom";
 import a, { forwardRef as l, useContext as d, createContext as o } from "react";
-import { g as f } from "./useFocusRing-D97-G3fT.js";
+import { g as f } from "./useFocusRing-9PXyKy2A.js";
 if (typeof HTMLTemplateElement < "u") {
   const e = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
   Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {

package/Link-BnQvB-hH.js

@@ -0,0 +1,75 @@
+import { n as v, o as h, e as b, p as C, q as D, r as T, a as E, b as F, c as H, d as g } from "./useFocusRing-9PXyKy2A.js";
+import y, { createContext as L, forwardRef as S } from "react";
+import { $ as _ } from "./useFocusable-CcEBZe40.js";
+function V(r, e) {
+  let {
+    elementType: a = "a",
+    onPress: i,
+    onPressStart: f,
+    onPressEnd: o,
+    // @ts-ignore
+    onClick: c,
+    isDisabled: d,
+    ...u
+  } = r, n = {};
+  a !== "a" && (n = {
+    role: "link",
+    tabIndex: d ? void 0 : 0
+  });
+  let { focusableProps: l } = _(r, e), { pressProps: t, isPressed: p } = v({
+    onPress: i,
+    onPressStart: f,
+    onPressEnd: o,
+    isDisabled: d,
+    ref: e
+  }), x = h(u, {
+    labelable: !0
+  }), k = b(l, t), P = C(), m = D(r);
+  return {
+    isPressed: p,
+    linkProps: b(x, m, {
+      ...k,
+      ...n,
+      "aria-disabled": d || void 0,
+      "aria-current": r["aria-current"],
+      onClick: (s) => {
+        var $;
+        ($ = t.onClick) === null || $ === void 0 || $.call(t, s), c && (c(s), console.warn("onClick is deprecated, please use onPress")), !P.isNative && s.currentTarget instanceof HTMLAnchorElement && s.currentTarget.href && // If props are applied to a router Link component, it may have already prevented default.
+        !s.isDefaultPrevented() && T(s.currentTarget, s) && r.href && (s.preventDefault(), P.open(s.currentTarget, s, r.href, r.routerOptions));
+      }
+    })
+  };
+}
+const w = /* @__PURE__ */ L(null), q = /* @__PURE__ */ S(function(e, a) {
+  [e, a] = E(e, a, w);
+  let i = e.href && !e.isDisabled ? "a" : "span", { linkProps: f, isPressed: o } = V({
+    ...e,
+    elementType: i
+  }, a), { hoverProps: c, isHovered: d } = F(e), { focusProps: u, isFocused: n, isFocusVisible: l } = H(), t = g({
+    ...e,
+    defaultClassName: "react-aria-Link",
+    values: {
+      isCurrent: !!e["aria-current"],
+      isDisabled: e.isDisabled || !1,
+      isPressed: o,
+      isHovered: d,
+      isFocused: n,
+      isFocusVisible: l
+    }
+  });
+  return /* @__PURE__ */ y.createElement(i, {
+    ref: a,
+    slot: e.slot || void 0,
+    ...b(t, f, c, u),
+    "data-focused": n || void 0,
+    "data-hovered": d || void 0,
+    "data-pressed": o || void 0,
+    "data-focus-visible": l || void 0,
+    "data-current": !!e["aria-current"] || void 0,
+    "data-disabled": e.isDisabled || void 0
+  }, t.children);
+});
+export {
+  q as $,
+  w as a
+};