@midas-ds/components 1.0.3 → 1.1.0

package/Disclosure-dAZYXyTH.js

@@ -0,0 +1,225 @@
+import { a as y } from "./Button-DL6nqUco.js";
+import { k as b, g as k, l as A, d as x, o as g, a as V, c as P, B as D, E as I, F as B, e as N } from "./useFocusRing-9PXyKy2A.js";
+import { flushSync as G } from "react-dom";
+import c, { useRef as q, useCallback as u, useEffect as v, useMemo as _, forwardRef as h, useContext as w, createContext as p } from "react";
+import { $ as z } from "./useEvent-Xk5kn5Ns.js";
+import { $ as S } from "./useControlledState-Kv9K2AYu.js";
+import './Disclosure.css';const O = '"../theme/tokens.css"', j = '"Inter", sans-serif', H = "#f2f2f2", J = "#e6e6e6", L = "#d9d9d9", Q = "#000000", U = "300ms", X = "400", Y = "500", Z = "_root_6hoor_4", ee = "_contained_6hoor_12", ae = "_triggerText_6hoor_27", te = "_trigger_6hoor_27", de = "_item_6hoor_78", ne = "_panel_6hoor_84", se = "_panel0_6hoor_84", ie = "_content_6hoor_94", le = "_header_6hoor_98", me = {
+  tokens: O,
+  display: j,
+  gray10: H,
+  gray20: J,
+  gray30: L,
+  black: Q,
+  normalTransition: U,
+  regularWeight: X,
+  mediumWeight: Y,
+  root: Z,
+  contained: ee,
+  triggerText: ae,
+  trigger: te,
+  item: de,
+  panel: ne,
+  panel0: se,
+  content: ie,
+  header: le
+};
+function oe(n, e, t) {
+  let { isDisabled: a } = n, d = b(), s = b(), o = !k() && "onbeforematch" in document.body, i = q(null), f = u(() => {
+    i.current = requestAnimationFrame(() => {
+      t.current && t.current.setAttribute("hidden", "until-found");
+    }), G(() => {
+      e.toggle();
+    });
+  }, [
+    t,
+    e
+  ]);
+  return z(t, "beforematch", o ? f : null), A(() => {
+    i.current && cancelAnimationFrame(i.current), o && t.current && !a && (e.isExpanded ? t.current.removeAttribute("hidden") : t.current.setAttribute("hidden", "until-found"));
+  }, [
+    a,
+    t,
+    e.isExpanded,
+    o
+  ]), v(() => () => {
+    i.current && cancelAnimationFrame(i.current);
+  }, []), {
+    buttonProps: {
+      id: d,
+      "aria-expanded": e.isExpanded,
+      "aria-controls": s,
+      onPress: (r) => {
+        !a && r.pointerType !== "keyboard" && e.toggle();
+      },
+      isDisabled: a,
+      onPressStart(r) {
+        r.pointerType === "keyboard" && !a && e.toggle();
+      }
+    },
+    panelProps: {
+      id: s,
+      // This can be overridden at the panel element level.
+      role: "group",
+      "aria-labelledby": d,
+      "aria-hidden": !e.isExpanded,
+      hidden: o ? !0 : !e.isExpanded
+    }
+  };
+}
+function re(n) {
+  let [e, t] = S(n.isExpanded, n.defaultExpanded || !1, n.onExpandedChange);
+  const a = u(() => {
+    t(!0);
+  }, [
+    t
+  ]), d = u(() => {
+    t(!1);
+  }, [
+    t
+  ]), s = u(() => {
+    t(!e);
+  }, [
+    t,
+    e
+  ]);
+  return {
+    isExpanded: e,
+    setExpanded: t,
+    expand: a,
+    collapse: d,
+    toggle: s
+  };
+}
+function ce(n) {
+  let { allowsMultipleExpanded: e = !1, isDisabled: t = !1 } = n, [a, d] = S(_(() => n.expandedKeys ? new Set(n.expandedKeys) : void 0, [
+    n.expandedKeys
+  ]), _(() => n.defaultExpandedKeys ? new Set(n.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
+    n.defaultExpandedKeys
+  ]), n.onExpandedChange);
+  return v(() => {
+    !e && a.size > 1 && d(/* @__PURE__ */ new Set([
+      a.values().next().value
+    ]));
+  }), {
+    allowsMultipleExpanded: e,
+    isDisabled: t,
+    expandedKeys: a,
+    setExpandedKeys: d,
+    toggleKey(s) {
+      let l;
+      e ? (l = new Set(a), l.has(s) ? l.delete(s) : l.add(s)) : l = new Set(a.has(s) ? [] : [
+        s
+      ]), d(l);
+    }
+  };
+}
+const K = /* @__PURE__ */ p(null), Ee = /* @__PURE__ */ h(function(e, t) {
+  let a = ce(e), d = x({
+    ...e,
+    defaultClassName: "react-aria-DisclosureGroup",
+    values: {
+      isDisabled: a.isDisabled,
+      state: a
+    }
+  }), s = g(e);
+  return /* @__PURE__ */ c.createElement("div", {
+    ...s,
+    ...d,
+    ref: t,
+    "data-disabled": e.isDisabled || void 0
+  }, /* @__PURE__ */ c.createElement(K.Provider, {
+    value: a
+  }, d.children));
+}), fe = /* @__PURE__ */ p(null), ue = /* @__PURE__ */ p(null), C = /* @__PURE__ */ p(null), _e = /* @__PURE__ */ h(function(e, t) {
+  [e, t] = V(e, t, fe);
+  let a = w(K), { id: d, ...s } = e, l = b();
+  d || (d = l);
+  let o = a ? a.expandedKeys.has(d) : e.isExpanded, i = re({
+    ...e,
+    isExpanded: o,
+    onExpandedChange(T) {
+      var $;
+      a && a.toggleKey(d), ($ = e.onExpandedChange) === null || $ === void 0 || $.call(e, T);
+    }
+  }), f = c.useRef(null), r = e.isDisabled || (a == null ? void 0 : a.isDisabled) || !1, { buttonProps: F, panelProps: R } = oe({
+    ...e,
+    isExpanded: o,
+    isDisabled: r
+  }, i, f), { isFocusVisible: m, focusProps: W } = P({
+    within: !0
+  }), E = x({
+    ...e,
+    id: void 0,
+    defaultClassName: "react-aria-Disclosure",
+    values: {
+      isExpanded: i.isExpanded,
+      isDisabled: r,
+      isFocusVisibleWithin: m,
+      state: i
+    }
+  }), M = g(s);
+  return /* @__PURE__ */ c.createElement(D, {
+    values: [
+      [
+        y,
+        {
+          slots: {
+            [I]: {},
+            trigger: F
+          }
+        }
+      ],
+      [
+        C,
+        {
+          panelProps: R,
+          panelRef: f
+        }
+      ],
+      [
+        ue,
+        i
+      ]
+    ]
+  }, /* @__PURE__ */ c.createElement("div", {
+    ref: t,
+    "data-expanded": i.isExpanded || void 0,
+    "data-disabled": r || void 0,
+    "data-focus-visible-within": m || void 0,
+    ...M,
+    ...W,
+    ...E
+  }, E.children));
+}), ye = /* @__PURE__ */ h(function(e, t) {
+  let { role: a = "group" } = e, { panelProps: d, panelRef: s } = w(C), { isFocusVisible: l, focusProps: o } = P({
+    within: !0
+  }), i = x({
+    ...e,
+    defaultClassName: "react-aria-DisclosurePanel",
+    values: {
+      isFocusVisibleWithin: l
+    }
+  }), f = g(e);
+  return /* @__PURE__ */ c.createElement("div", {
+    ...f,
+    ref: B(t, s),
+    ...N(d, o),
+    ...i,
+    role: a,
+    "data-focus-visible-within": l || void 0
+  }, /* @__PURE__ */ c.createElement(D, {
+    values: [
+      [
+        y,
+        null
+      ]
+    ]
+  }, e.children));
+});
+export {
+  Ee as $,
+  _e as a,
+  ye as b,
+  me as s
+};

package/Disclosure.css

@@ -0,0 +1 @@
+._root_6hoor_4{--gap: .75rem;--item-padding: 0;--content-padding: .5rem .5rem .5rem 1.85rem;--background: transparent;--background-active: transparent;--background-hover: transparent;width:100%;display:flex;flex-direction:column;gap:var(--gap)}._root_6hoor_4._contained_6hoor_12{--gap: .25rem;--item-padding: .875rem;--content-padding: 1rem;--background: #f2f2f2;--background-active: #e6e6e6;--background-hover: #d9d9d9}._triggerText_6hoor_27{margin:0;padding:0;font-size:1rem;font-weight:400}._trigger_6hoor_27{font-family:Inter,sans-serif;color:#000;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin:0}._trigger_6hoor_27 button{width:100%;justify-content:flex-start;gap:.5rem;padding:var(--item-padding)}._trigger_6hoor_27 button svg{transform:rotate(0);transition:transform .3s ease}._trigger_6hoor_27 button[aria-expanded=true]{background-color:var(--background-active)}._trigger_6hoor_27 button[aria-expanded=true] ._triggerText_6hoor_27{font-weight:500}._trigger_6hoor_27 button[aria-expanded=true] svg{transform:rotate(-180deg);transition:transform .3s ease}._trigger_6hoor_27 button[aria-expanded=true]:hover{background-color:var(--background-hover)}._trigger_6hoor_27 button:hover{background-color:var(--background-active)}._item_6hoor_78{background-color:var(--background);font-family:Inter,sans-serif}._panel_6hoor_84:not(._panel0_6hoor_84){height:0;overflow:hidden;transition:height .5s cubic-bezier(.16,1,.3,1)}._panel_6hoor_84:not(._panel0_6hoor_84)[aria-hidden=false]{height:var(--panel-height)}._content_6hoor_94{padding:var(--content-padding)}._header_6hoor_98{margin:0}

package/{FocusScope-C8i7CH6y.js → FocusScope-B7CkxXNC.js}

@@ -1,4 +1,4 @@
-import { r as H, k as T, s as N, t as W, u as G, v as J, w as Y } from "./useFocusRing-BKGhL91C.js";
+import { s as H, l as T, t as N, u as W, v as G, w as J, x as Y } from "./useFocusRing-9PXyKy2A.js";
 import L, { useRef as y, useContext as Q, useMemo as R, useEffect as B } from "react";
 function X(e) {
   const t = H(e);

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

@@ -1,19 +1,19 @@
-import { J as b, k as N, K as Q, n as q, d as J } from "./useFocusRing-BKGhL91C.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 K } from "./Text-CQPW6xs7.js";
-function re(t, e, a) {
-  let i = x(e), r = b(() => {
+import { a as Y } from "./Text-BCF0xvqL.js";
+function ne(t, e, a) {
+  let i = x(e), n = b(() => {
     a && a(i.current);
   });
   S(() => {
-    var n;
-    let l = t == null || (n = t.current) === null || n === void 0 ? void 0 : n.form;
-    return l == null || l.addEventListener("reset", r), () => {
-      l == null || l.removeEventListener("reset", r);
+    var r;
+    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,
-    r
+    n
   ]);
 }
 const C = {
@@ -36,37 +36,37 @@ const C = {
   isInvalid: !1,
   validationDetails: C,
   validationErrors: []
-}, Y = L({}), F = "__formValidationState" + Date.now();
+}, z = L({}), F = "__formValidationState" + Date.now();
 function le(t) {
   if (t[F]) {
-    let { realtimeValidation: e, displayValidation: a, updateValidation: i, resetValidation: r, commitValidation: n } = t[F];
+    let { realtimeValidation: e, displayValidation: a, updateValidation: i, resetValidation: n, commitValidation: r } = t[F];
     return {
       realtimeValidation: e,
       displayValidation: a,
       updateValidation: i,
-      resetValidation: r,
-      commitValidation: n
+      resetValidation: n,
+      commitValidation: r
     };
   }
-  return z(t);
+  return G(t);
 }
-function z(t) {
-  let { isInvalid: e, validationState: a, name: i, value: r, builtinValidation: n, validate: l, validationBehavior: u = "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 d = e !== void 0 ? {
     isInvalid: e,
     validationErrors: [],
     validationDetails: T
   } : null, s = y(() => {
-    if (!l || r == null) return null;
-    let o = G(l, r);
+    if (!l || n == null) return null;
+    let o = H(l, n);
     return O(o);
   }, [
     l,
-    r
+    n
   ]);
-  n != null && n.validationDetails.valid && (n = void 0);
-  let f = D(Y), c = y(() => i ? Array.isArray(i) ? i.flatMap((o) => M(f[o])) : M(f[i]) : [], [
+  r != null && r.validationDetails.valid && (r = void 0);
+  let f = D(z), c = y(() => i ? Array.isArray(i) ? i.flatMap((o) => M(f[o])) : M(f[i]) : [], [
     f,
     i
   ]), [_, j] = m(f), [w, V] = m(!1);
@@ -75,14 +75,14 @@ function z(t) {
     w,
     c
   ]), A = x(v), [E, g] = m(v), $ = x(v), P = () => {
-    if (!k) return;
+    if (!N) return;
     h(!1);
-    let o = s || n || A.current;
+    let o = s || r || A.current;
     I(o, $.current) || ($.current = o, g(o));
-  }, [k, h] = m(!1);
+  }, [N, h] = m(!1);
   return S(P), {
-    realtimeValidation: d || p || s || n || v,
-    displayValidation: u === "native" ? d || p || E : d || p || s || n || E,
+    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;
     },
@@ -100,7 +100,7 @@ function M(t) {
     t
   ] : [];
 }
-function G(t, e) {
+function H(t, e) {
   if (typeof t == "function") {
     let a = t(e);
     if (a && typeof a != "boolean") return M(a);
@@ -122,10 +122,10 @@ function de(...t) {
     ...C
   };
   for (let l of t) {
-    var r, n;
+    var n, r;
     for (let u of l.validationErrors) e.add(u);
     a || (a = l.isInvalid);
-    for (let u in i) (r = i)[n = u] || (r[n] = l.validationDetails[u]);
+    for (let u in i) (n = i)[r = u] || (n[r] = l.validationDetails[u]);
   }
   return i.valid = !a, {
     isInvalid: a,
@@ -136,14 +136,14 @@ function de(...t) {
   };
 }
 function oe(t, e, a) {
-  let { validationBehavior: i, focus: r } = t;
-  N(() => {
+  let { validationBehavior: i, focus: n } = t;
+  Q(() => {
     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 n = b(() => {
+  let r = b(() => {
     e.resetValidation();
   }), l = b((d) => {
     var s;
@@ -151,7 +151,7 @@ function oe(t, e, a) {
     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;
-      r ? r() : (c = a.current) === null || c === void 0 || c.focus(), Q("keyboard");
+      n ? n() : (c = a.current) === null || c === void 0 || c.focus(), k("keyboard");
     }
     d.preventDefault();
   }), u = b(() => {
@@ -161,18 +161,18 @@ function oe(t, e, a) {
     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", n), () => {
-      d.removeEventListener("invalid", l), d.removeEventListener("change", u), s == null || s.removeEventListener("reset", n);
+    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,
     l,
     u,
-    n,
+    r,
     i
   ]);
 }
-function H(t) {
+function J(t) {
   let e = t.validity;
   return {
     badInput: e.badInput,
@@ -191,7 +191,7 @@ function H(t) {
 function W(t) {
   return {
     isInvalid: !t.validity.valid,
-    validationDetails: H(t),
+    validationDetails: J(t),
     validationErrors: t.validationMessage ? [
       t.validationMessage
     ] : []
@@ -211,16 +211,16 @@ const U = /* @__PURE__ */ L(null), se = /* @__PURE__ */ B(function(e, a) {
     ref: a
   }) : null;
 }), Z = /* @__PURE__ */ B((t, e) => {
-  let a = D(U), i = q(t), r = J({
+  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 r.children == null ? null : /* @__PURE__ */ R.createElement(K, {
+  return n.children == null ? null : /* @__PURE__ */ R.createElement(Y, {
     slot: "errorMessage",
     ...i,
-    ...r,
+    ...n,
     ref: e
   });
 }), ue = /* @__PURE__ */ L(null);
@@ -229,7 +229,7 @@ export {
   U as a,
   se as b,
   le as c,
-  re as d,
+  ne as d,
   oe as e,
   F as f,
   v as g,

package/{Group-CdwXhx8Q.js → Group-D7_8007y.js}

@@ -1,21 +1,21 @@
-import { a as H, b as h, c as x, d as m, e as F } from "./useFocusRing-BKGhL91C.js";
+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({}), w = /* @__PURE__ */ _(function(e, i) {
+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: b, isHovered: s } = h({
+  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: r, isFocusVisible: t, focusProps: $ } = x({
+  }), { 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: s,
-      isFocusWithin: r,
+      isHovered: r,
+      isFocusWithin: s,
       isFocusVisible: t,
       isDisabled: d,
       isInvalid: a
@@ -24,19 +24,19 @@ const C = /* @__PURE__ */ p({}), w = /* @__PURE__ */ _(function(e, i) {
   });
   var o, n;
   return /* @__PURE__ */ P.createElement("div", {
-    ...F(v, $, b),
+    ...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": r || void 0,
-    "data-hovered": s || 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 {
-  w as $,
+  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-DngIphiL.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-BKGhL91C.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-iAZLB3RI.js → Link-BnQvB-hH.js}

@@ -1,6 +1,6 @@
-import { m as v, n as h, e as b, o as C, p as D, q as T, a as E, b as F, c as H, d as g } from "./useFocusRing-BKGhL91C.js";
-import y, { createContext as L, forwardRef as _ } from "react";
-import { $ as S } from "./useFocusable-CRSmYEQc.js";
+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",
@@ -16,7 +16,7 @@ function V(r, e) {
     role: "link",
     tabIndex: d ? void 0 : 0
   });
-  let { focusableProps: l } = S(r, e), { pressProps: t, isPressed: p } = v({
+  let { focusableProps: l } = _(r, e), { pressProps: t, isPressed: p } = v({
     onPress: i,
     onPressStart: f,
     onPressEnd: o,
@@ -24,11 +24,11 @@ function V(r, e) {
     ref: e
   }), x = h(u, {
     labelable: !0
-  }), m = b(l, t), P = C(), k = D(r);
+  }), k = b(l, t), P = C(), m = D(r);
   return {
     isPressed: p,
-    linkProps: b(x, k, {
-      ...m,
+    linkProps: b(x, m, {
+      ...k,
       ...n,
       "aria-disabled": d || void 0,
       "aria-current": r["aria-current"],
@@ -40,7 +40,7 @@ function V(r, e) {
     })
   };
 }
-const w = /* @__PURE__ */ L(null), q = /* @__PURE__ */ _(function(e, a) {
+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,