@midas-ds/components 1.0.2 → 1.0.3

package/index-DK9ZACEc.js

@@ -0,0 +1,642 @@
+import * as i from "react";
+import R from "react";
+import { jsx as u, Fragment as he } from "react/jsx-runtime";
+import "react-dom";
+import './index.css';const Ae = '"../theme/tokens.css"', be = '"Inter", sans-serif', Re = "#bfbfbf", _e = "#e6e6e6", Ne = "#000000", ye = "300ms", Ie = "400", xe = "_root_nq4cs_4", Pe = "_trigger_nq4cs_8", we = "_item_nq4cs_34", Se = "_content_nq4cs_52", Ee = "_slideDown_nq4cs_1", Me = "_slideUp_nq4cs_1", Oe = "_header_nq4cs_90", Te = "_triggerText_nq4cs_94", mn = {
+  tokens: Ae,
+  display: be,
+  gray50: Re,
+  gray20: _e,
+  black: Ne,
+  normalTransition: ye,
+  regularWeight: Ie,
+  root: xe,
+  trigger: Pe,
+  item: we,
+  content: Se,
+  slideDown: Ee,
+  slideUp: Me,
+  header: Oe,
+  triggerText: Te
+};
+function V(e, n = []) {
+  let t = [];
+  function o(c, s) {
+    const a = i.createContext(s), d = t.length;
+    t = [...t, s];
+    const l = (f) => {
+      var b;
+      const { scope: v, children: m, ...g } = f, h = ((b = v == null ? void 0 : v[e]) == null ? void 0 : b[d]) || a, A = i.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ u(h.Provider, { value: A, children: m });
+    };
+    l.displayName = c + "Provider";
+    function C(f, v) {
+      var h;
+      const m = ((h = v == null ? void 0 : v[e]) == null ? void 0 : h[d]) || a, g = i.useContext(m);
+      if (g) return g;
+      if (s !== void 0) return s;
+      throw new Error(`\`${f}\` must be used within \`${c}\``);
+    }
+    return [l, C];
+  }
+  const r = () => {
+    const c = t.map((s) => i.createContext(s));
+    return function(a) {
+      const d = (a == null ? void 0 : a[e]) || c;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: d } }),
+        [a, d]
+      );
+    };
+  };
+  return r.scopeName = e, [o, De(r, ...n)];
+}
+function De(...e) {
+  const n = e[0];
+  if (e.length === 1) return n;
+  const t = () => {
+    const o = e.map((r) => ({
+      useScope: r(),
+      scopeName: r.scopeName
+    }));
+    return function(c) {
+      const s = o.reduce((a, { useScope: d, scopeName: l }) => {
+        const f = d(c)[`__scope${l}`];
+        return { ...a, ...f };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${n.scopeName}`]: s }), [s]);
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+function Y(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
+}
+function Z(...e) {
+  return (n) => {
+    let t = !1;
+    const o = e.map((r) => {
+      const c = Y(r, n);
+      return !t && typeof c == "function" && (t = !0), c;
+    });
+    if (t)
+      return () => {
+        for (let r = 0; r < o.length; r++) {
+          const c = o[r];
+          typeof c == "function" ? c() : Y(e[r], null);
+        }
+      };
+  };
+}
+function x(...e) {
+  return i.useCallback(Z(...e), e);
+}
+var S = i.forwardRef((e, n) => {
+  const { children: t, ...o } = e, r = i.Children.toArray(t), c = r.find(Le);
+  if (c) {
+    const s = c.props.children, a = r.map((d) => d === c ? i.Children.count(s) > 1 ? i.Children.only(null) : i.isValidElement(s) ? s.props.children : null : d);
+    return /* @__PURE__ */ u(L, { ...o, ref: n, children: i.isValidElement(s) ? i.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ u(L, { ...o, ref: n, children: t });
+});
+S.displayName = "Slot";
+var L = i.forwardRef((e, n) => {
+  const { children: t, ...o } = e;
+  if (i.isValidElement(t)) {
+    const r = Ve(t);
+    return i.cloneElement(t, {
+      ...Ue(o, t.props),
+      // @ts-ignore
+      ref: n ? Z(n, r) : r
+    });
+  }
+  return i.Children.count(t) > 1 ? i.Children.only(null) : null;
+});
+L.displayName = "SlotClone";
+var ke = ({ children: e }) => /* @__PURE__ */ u(he, { children: e });
+function Le(e) {
+  return i.isValidElement(e) && e.type === ke;
+}
+function Ue(e, n) {
+  const t = { ...n };
+  for (const o in n) {
+    const r = e[o], c = n[o];
+    /^on[A-Z]/.test(o) ? r && c ? t[o] = (...a) => {
+      c(...a), r(...a);
+    } : r && (t[o] = r) : o === "style" ? t[o] = { ...r, ...c } : o === "className" && (t[o] = [r, c].filter(Boolean).join(" "));
+  }
+  return { ...e, ...t };
+}
+function Ve(e) {
+  var o, r;
+  let n = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = n && "isReactWarning" in n && n.isReactWarning;
+  return t ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+function $e(e) {
+  const n = e + "CollectionProvider", [t, o] = V(n), [r, c] = t(
+    n,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), s = (m) => {
+    const { scope: g, children: h } = m, A = R.useRef(null), b = R.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u(r, { scope: g, itemMap: b, collectionRef: A, children: h });
+  };
+  s.displayName = n;
+  const a = e + "CollectionSlot", d = R.forwardRef(
+    (m, g) => {
+      const { scope: h, children: A } = m, b = c(a, h), p = x(g, b.collectionRef);
+      return /* @__PURE__ */ u(S, { ref: p, children: A });
+    }
+  );
+  d.displayName = a;
+  const l = e + "CollectionItemSlot", C = "data-radix-collection-item", f = R.forwardRef(
+    (m, g) => {
+      const { scope: h, children: A, ...b } = m, p = R.useRef(null), _ = x(g, p), y = c(l, h);
+      return R.useEffect(() => (y.itemMap.set(p, { ref: p, ...b }), () => void y.itemMap.delete(p))), /* @__PURE__ */ u(S, { [C]: "", ref: _, children: A });
+    }
+  );
+  f.displayName = l;
+  function v(m) {
+    const g = c(e + "CollectionConsumer", m);
+    return R.useCallback(() => {
+      const A = g.collectionRef.current;
+      if (!A) return [];
+      const b = Array.from(A.querySelectorAll(`[${C}]`));
+      return Array.from(g.itemMap.values()).sort(
+        (y, I) => b.indexOf(y.ref.current) - b.indexOf(I.ref.current)
+      );
+    }, [g.collectionRef, g.itemMap]);
+  }
+  return [
+    { Provider: s, Slot: d, ItemSlot: f },
+    v,
+    o
+  ];
+}
+function J(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(r) {
+    if (e == null || e(r), t === !1 || !r.defaultPrevented)
+      return n == null ? void 0 : n(r);
+  };
+}
+function Q(e) {
+  const n = i.useRef(e);
+  return i.useEffect(() => {
+    n.current = e;
+  }), i.useMemo(() => (...t) => {
+    var o;
+    return (o = n.current) == null ? void 0 : o.call(n, ...t);
+  }, []);
+}
+function $({
+  prop: e,
+  defaultProp: n,
+  onChange: t = () => {
+  }
+}) {
+  const [o, r] = We({ defaultProp: n, onChange: t }), c = e !== void 0, s = c ? e : o, a = Q(t), d = i.useCallback(
+    (l) => {
+      if (c) {
+        const f = typeof l == "function" ? l(e) : l;
+        f !== e && a(f);
+      } else
+        r(l);
+    },
+    [c, e, r, a]
+  );
+  return [s, d];
+}
+function We({
+  defaultProp: e,
+  onChange: n
+}) {
+  const t = i.useState(e), [o] = t, r = i.useRef(o), c = Q(n);
+  return i.useEffect(() => {
+    r.current !== o && (c(o), r.current = o);
+  }, [o, r, c]), t;
+}
+var qe = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], P = qe.reduce((e, n) => {
+  const t = i.forwardRef((o, r) => {
+    const { asChild: c, ...s } = o, a = c ? S : n;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(a, { ...s, ref: r });
+  });
+  return t.displayName = `Primitive.${n}`, { ...e, [n]: t };
+}, {}), E = globalThis != null && globalThis.document ? i.useLayoutEffect : () => {
+};
+function Fe(e, n) {
+  return i.useReducer((t, o) => n[t][o] ?? t, e);
+}
+var X = (e) => {
+  const { present: n, children: t } = e, o = je(n), r = typeof t == "function" ? t({ present: o.isPresent }) : i.Children.only(t), c = x(o.ref, Be(r));
+  return typeof t == "function" || o.isPresent ? i.cloneElement(r, { ref: c }) : null;
+};
+X.displayName = "Presence";
+function je(e) {
+  const [n, t] = i.useState(), o = i.useRef({}), r = i.useRef(e), c = i.useRef("none"), s = e ? "mounted" : "unmounted", [a, d] = Fe(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const l = w(o.current);
+    c.current = a === "mounted" ? l : "none";
+  }, [a]), E(() => {
+    const l = o.current, C = r.current;
+    if (C !== e) {
+      const v = c.current, m = w(l);
+      e ? d("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? d("UNMOUNT") : d(C && v !== m ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
+    }
+  }, [e, d]), E(() => {
+    if (n) {
+      let l;
+      const C = n.ownerDocument.defaultView ?? window, f = (m) => {
+        const h = w(o.current).includes(m.animationName);
+        if (m.target === n && h && (d("ANIMATION_END"), !r.current)) {
+          const A = n.style.animationFillMode;
+          n.style.animationFillMode = "forwards", l = C.setTimeout(() => {
+            n.style.animationFillMode === "forwards" && (n.style.animationFillMode = A);
+          });
+        }
+      }, v = (m) => {
+        m.target === n && (c.current = w(o.current));
+      };
+      return n.addEventListener("animationstart", v), n.addEventListener("animationcancel", f), n.addEventListener("animationend", f), () => {
+        C.clearTimeout(l), n.removeEventListener("animationstart", v), n.removeEventListener("animationcancel", f), n.removeEventListener("animationend", f);
+      };
+    } else
+      d("ANIMATION_END");
+  }, [n, d]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(a),
+    ref: i.useCallback((l) => {
+      l && (o.current = getComputedStyle(l)), t(l);
+    }, [])
+  };
+}
+function w(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function Be(e) {
+  var o, r;
+  let n = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = n && "isReactWarning" in n && n.isReactWarning;
+  return t ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, t = n && "isReactWarning" in n && n.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+}
+var Ge = i.useId || (() => {
+}), Ke = 0;
+function ee(e) {
+  const [n, t] = i.useState(Ge());
+  return E(() => {
+    t((o) => o ?? String(Ke++));
+  }, [e]), n ? `radix-${n}` : "";
+}
+var W = "Collapsible", [He, ne] = V(W), [ze, q] = He(W), te = i.forwardRef(
+  (e, n) => {
+    const {
+      __scopeCollapsible: t,
+      open: o,
+      defaultOpen: r,
+      disabled: c,
+      onOpenChange: s,
+      ...a
+    } = e, [d = !1, l] = $({
+      prop: o,
+      defaultProp: r,
+      onChange: s
+    });
+    return /* @__PURE__ */ u(
+      ze,
+      {
+        scope: t,
+        disabled: c,
+        contentId: ee(),
+        open: d,
+        onOpenToggle: i.useCallback(() => l((C) => !C), [l]),
+        children: /* @__PURE__ */ u(
+          P.div,
+          {
+            "data-state": j(d),
+            "data-disabled": c ? "" : void 0,
+            ...a,
+            ref: n
+          }
+        )
+      }
+    );
+  }
+);
+te.displayName = W;
+var oe = "CollapsibleTrigger", re = i.forwardRef(
+  (e, n) => {
+    const { __scopeCollapsible: t, ...o } = e, r = q(oe, t);
+    return /* @__PURE__ */ u(
+      P.button,
+      {
+        type: "button",
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open || !1,
+        "data-state": j(r.open),
+        "data-disabled": r.disabled ? "" : void 0,
+        disabled: r.disabled,
+        ...o,
+        ref: n,
+        onClick: J(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+re.displayName = oe;
+var F = "CollapsibleContent", ce = i.forwardRef(
+  (e, n) => {
+    const { forceMount: t, ...o } = e, r = q(F, e.__scopeCollapsible);
+    return /* @__PURE__ */ u(X, { present: t || r.open, children: ({ present: c }) => /* @__PURE__ */ u(Ye, { ...o, ref: n, present: c }) });
+  }
+);
+ce.displayName = F;
+var Ye = i.forwardRef((e, n) => {
+  const { __scopeCollapsible: t, present: o, children: r, ...c } = e, s = q(F, t), [a, d] = i.useState(o), l = i.useRef(null), C = x(n, l), f = i.useRef(0), v = f.current, m = i.useRef(0), g = m.current, h = s.open || a, A = i.useRef(h), b = i.useRef(void 0);
+  return i.useEffect(() => {
+    const p = requestAnimationFrame(() => A.current = !1);
+    return () => cancelAnimationFrame(p);
+  }, []), E(() => {
+    const p = l.current;
+    if (p) {
+      b.current = b.current || {
+        transitionDuration: p.style.transitionDuration,
+        animationName: p.style.animationName
+      }, p.style.transitionDuration = "0s", p.style.animationName = "none";
+      const _ = p.getBoundingClientRect();
+      f.current = _.height, m.current = _.width, A.current || (p.style.transitionDuration = b.current.transitionDuration, p.style.animationName = b.current.animationName), d(o);
+    }
+  }, [s.open, o]), /* @__PURE__ */ u(
+    P.div,
+    {
+      "data-state": j(s.open),
+      "data-disabled": s.disabled ? "" : void 0,
+      id: s.contentId,
+      hidden: !h,
+      ...c,
+      ref: C,
+      style: {
+        "--radix-collapsible-content-height": v ? `${v}px` : void 0,
+        "--radix-collapsible-content-width": g ? `${g}px` : void 0,
+        ...e.style
+      },
+      children: h && r
+    }
+  );
+});
+function j(e) {
+  return e ? "open" : "closed";
+}
+var Ze = te, Je = re, Qe = ce, Xe = i.createContext(void 0);
+function en(e) {
+  const n = i.useContext(Xe);
+  return e || n || "ltr";
+}
+var N = "Accordion", nn = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [B, tn, on] = $e(N), [O, Cn] = V(N, [
+  on,
+  ne
+]), G = ne(), ie = R.forwardRef(
+  (e, n) => {
+    const { type: t, ...o } = e, r = o, c = o;
+    return /* @__PURE__ */ u(B.Provider, { scope: e.__scopeAccordion, children: t === "multiple" ? /* @__PURE__ */ u(an, { ...c, ref: n }) : /* @__PURE__ */ u(sn, { ...r, ref: n }) });
+  }
+);
+ie.displayName = N;
+var [se, rn] = O(N), [ae, cn] = O(
+  N,
+  { collapsible: !1 }
+), sn = R.forwardRef(
+  (e, n) => {
+    const {
+      value: t,
+      defaultValue: o,
+      onValueChange: r = () => {
+      },
+      collapsible: c = !1,
+      ...s
+    } = e, [a, d] = $({
+      prop: t,
+      defaultProp: o,
+      onChange: r
+    });
+    return /* @__PURE__ */ u(
+      se,
+      {
+        scope: e.__scopeAccordion,
+        value: a ? [a] : [],
+        onItemOpen: d,
+        onItemClose: R.useCallback(() => c && d(""), [c, d]),
+        children: /* @__PURE__ */ u(ae, { scope: e.__scopeAccordion, collapsible: c, children: /* @__PURE__ */ u(le, { ...s, ref: n }) })
+      }
+    );
+  }
+), an = R.forwardRef((e, n) => {
+  const {
+    value: t,
+    defaultValue: o,
+    onValueChange: r = () => {
+    },
+    ...c
+  } = e, [s = [], a] = $({
+    prop: t,
+    defaultProp: o,
+    onChange: r
+  }), d = R.useCallback(
+    (C) => a((f = []) => [...f, C]),
+    [a]
+  ), l = R.useCallback(
+    (C) => a((f = []) => f.filter((v) => v !== C)),
+    [a]
+  );
+  return /* @__PURE__ */ u(
+    se,
+    {
+      scope: e.__scopeAccordion,
+      value: s,
+      onItemOpen: d,
+      onItemClose: l,
+      children: /* @__PURE__ */ u(ae, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ u(le, { ...c, ref: n }) })
+    }
+  );
+}), [ln, T] = O(N), le = R.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: t, disabled: o, dir: r, orientation: c = "vertical", ...s } = e, a = R.useRef(null), d = x(a, n), l = tn(t), f = en(r) === "ltr", v = J(e.onKeyDown, (m) => {
+      var H;
+      if (!nn.includes(m.key)) return;
+      const g = m.target, h = l().filter((k) => {
+        var z;
+        return !((z = k.ref.current) != null && z.disabled);
+      }), A = h.findIndex((k) => k.ref.current === g), b = h.length;
+      if (A === -1) return;
+      m.preventDefault();
+      let p = A;
+      const _ = 0, y = b - 1, I = () => {
+        p = A + 1, p > y && (p = _);
+      }, D = () => {
+        p = A - 1, p < _ && (p = y);
+      };
+      switch (m.key) {
+        case "Home":
+          p = _;
+          break;
+        case "End":
+          p = y;
+          break;
+        case "ArrowRight":
+          c === "horizontal" && (f ? I() : D());
+          break;
+        case "ArrowDown":
+          c === "vertical" && I();
+          break;
+        case "ArrowLeft":
+          c === "horizontal" && (f ? D() : I());
+          break;
+        case "ArrowUp":
+          c === "vertical" && D();
+          break;
+      }
+      const ve = p % b;
+      (H = h[ve].ref.current) == null || H.focus();
+    });
+    return /* @__PURE__ */ u(
+      ln,
+      {
+        scope: t,
+        disabled: o,
+        direction: r,
+        orientation: c,
+        children: /* @__PURE__ */ u(B.Slot, { scope: t, children: /* @__PURE__ */ u(
+          P.div,
+          {
+            ...s,
+            "data-orientation": c,
+            ref: d,
+            onKeyDown: o ? void 0 : v
+          }
+        ) })
+      }
+    );
+  }
+), M = "AccordionItem", [dn, K] = O(M), de = R.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: t, value: o, ...r } = e, c = T(M, t), s = rn(M, t), a = G(t), d = ee(), l = o && s.value.includes(o) || !1, C = c.disabled || e.disabled;
+    return /* @__PURE__ */ u(
+      dn,
+      {
+        scope: t,
+        open: l,
+        disabled: C,
+        triggerId: d,
+        children: /* @__PURE__ */ u(
+          Ze,
+          {
+            "data-orientation": c.orientation,
+            "data-state": ge(l),
+            ...a,
+            ...r,
+            ref: n,
+            disabled: C,
+            open: l,
+            onOpenChange: (f) => {
+              f ? s.onItemOpen(o) : s.onItemClose(o);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+de.displayName = M;
+var ue = "AccordionHeader", fe = R.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: t, ...o } = e, r = T(N, t), c = K(ue, t);
+    return /* @__PURE__ */ u(
+      P.h3,
+      {
+        "data-orientation": r.orientation,
+        "data-state": ge(c.open),
+        "data-disabled": c.disabled ? "" : void 0,
+        ...o,
+        ref: n
+      }
+    );
+  }
+);
+fe.displayName = ue;
+var U = "AccordionTrigger", pe = R.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: t, ...o } = e, r = T(N, t), c = K(U, t), s = cn(U, t), a = G(t);
+    return /* @__PURE__ */ u(B.ItemSlot, { scope: t, children: /* @__PURE__ */ u(
+      Je,
+      {
+        "aria-disabled": c.open && !s.collapsible || void 0,
+        "data-orientation": r.orientation,
+        id: c.triggerId,
+        ...a,
+        ...o,
+        ref: n
+      }
+    ) });
+  }
+);
+pe.displayName = U;
+var me = "AccordionContent", Ce = R.forwardRef(
+  (e, n) => {
+    const { __scopeAccordion: t, ...o } = e, r = T(N, t), c = K(me, t), s = G(t);
+    return /* @__PURE__ */ u(
+      Qe,
+      {
+        role: "region",
+        "aria-labelledby": c.triggerId,
+        "data-orientation": r.orientation,
+        ...s,
+        ...o,
+        ref: n,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+Ce.displayName = me;
+function ge(e) {
+  return e ? "open" : "closed";
+}
+var gn = ie, vn = de, hn = fe, An = pe, bn = Ce;
+export {
+  bn as C,
+  hn as H,
+  vn as I,
+  gn as R,
+  An as T,
+  mn as s
+};