@midas-ds/components 1.0.2 → 1.0.3

package/index83.js

@@ -1,55 +1,55 @@
-import { jsxs as A, jsx as F } from "react/jsx-runtime";
+import { jsxs as H, jsx as F } from "react/jsx-runtime";
 import * as w from "react";
-import f, { useMemo as S, useRef as H, useEffect as B, forwardRef as M, useContext as p, createContext as T } from "react";
-import { $ as O, c as z, d as _, a as W, f as q } from "./Collection-B3xUVWPF.js";
-import { n as g, p as j, e as v, k as U, i as E, c as C, b as G, d as K, a as J, x as N, u as Q } from "./useFocusRing-D97-G3fT.js";
-import { $ as X } from "./Hidden-BQWDvze4.js";
-import { f as Y, d as Z } from "./SelectionManager-D4WtKtey.js";
-import { a as R } from "./useControlledState-S_TYcV_c.js";
-import { $ as ee } from "./useHasTabbableChild-DeuCnGGv.js";
-import { $ as te } from "./context-ScOIq_Gu.js";
-import { $ as ie } from "./useSingleSelectListState-CmX9_L5H.js";
-import './Tabs.css';const k = /* @__PURE__ */ new WeakMap();
-function x(t, e, i) {
-  return t ? (typeof e == "string" && (e = e.replace(/\s+/g, "")), `${k.get(t)}-${i}-${e}`) : "";
+import f, { useMemo as S, useRef as B, useEffect as O, forwardRef as M, useContext as p, createContext as T } from "react";
+import { $ as z, a as _, b as N, f as W, c as q, d as j } from "./Collection-COLWgm24.js";
+import { n as g, p as U, e as m, l as G, a as J, c as E, d as K, A as R, x as Q, i as C, b as X } from "./useFocusRing-BKGhL91C.js";
+import { $ as Y } from "./Hidden-DngIphiL.js";
+import { $ as Z } from "./useSingleSelectListState-BHTLh8Ob.js";
+import { a as A } from "./useControlledState-DrAoodI6.js";
+import { $ as ee } from "./context-Bnqknrce.js";
+import { d as te, e as ie } from "./SelectionManager-8o40f7mx.js";
+import { $ as ae } from "./useHasTabbableChild-C8y4fwiY.js";
+import './Tabs.css';const V = /* @__PURE__ */ new WeakMap();
+function P(t, e, i) {
+  return t ? (typeof e == "string" && (e = e.replace(/\s+/g, "")), `${V.get(t)}-${i}-${e}`) : "";
 }
-function ae(t, e, i) {
-  let { key: a, isDisabled: s, shouldSelectOnPressUp: o } = t, { selectionManager: l, selectedKey: r } = e, n = a === r, d = s || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: c, isPressed: u } = Y({
-    selectionManager: l,
+function ne(t, e, i) {
+  let { key: a, isDisabled: n, shouldSelectOnPressUp: l } = t, { selectionManager: s, selectedKey: r } = e, d = a === r, o = n || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: c, isPressed: u } = te({
+    selectionManager: s,
     key: a,
     ref: i,
-    isDisabled: d,
-    shouldSelectOnPressUp: o,
+    isDisabled: o,
+    shouldSelectOnPressUp: l,
     linkBehavior: "selection"
-  }), h = x(e, a, "tab"), m = x(e, a, "tabpanel"), { tabIndex: D } = c, b = e.collection.getItem(a), L = g(b == null ? void 0 : b.props, {
+  }), $ = P(e, a, "tab"), y = P(e, a, "tabpanel"), { tabIndex: D } = c, b = e.collection.getItem(a), L = g(b == null ? void 0 : b.props, {
     labelable: !0
   });
   delete L.id;
-  let V = j(b == null ? void 0 : b.props);
+  let k = U(b == null ? void 0 : b.props);
   return {
-    tabProps: v(L, V, c, {
-      id: h,
-      "aria-selected": n,
-      "aria-disabled": d || void 0,
-      "aria-controls": n ? m : void 0,
-      tabIndex: d ? void 0 : D,
+    tabProps: m(L, k, c, {
+      id: $,
+      "aria-selected": d,
+      "aria-disabled": o || void 0,
+      "aria-controls": d ? y : void 0,
+      tabIndex: o ? void 0 : D,
       role: "tab"
     }),
-    isSelected: n,
-    isDisabled: d,
+    isSelected: d,
+    isDisabled: o,
     isPressed: u
   };
 }
 function se(t, e, i) {
-  let a = ee(i) ? void 0 : 0;
-  var s;
-  const o = x(e, (s = t.id) !== null && s !== void 0 ? s : e == null ? void 0 : e.selectedKey, "tabpanel"), l = R({
+  let a = ae(i) ? void 0 : 0;
+  var n;
+  const l = P(e, (n = t.id) !== null && n !== void 0 ? n : e == null ? void 0 : e.selectedKey, "tabpanel"), s = A({
     ...t,
-    id: o,
-    "aria-labelledby": x(e, e == null ? void 0 : e.selectedKey, "tab")
+    id: l,
+    "aria-labelledby": P(e, e == null ? void 0 : e.selectedKey, "tab")
   });
   return {
-    tabPanelProps: v(l, {
+    tabPanelProps: m(s, {
       tabIndex: a,
       role: "tabpanel",
       "aria-describedby": t["aria-describedby"],
@@ -57,7 +57,7 @@ function se(t, e, i) {
     })
   };
 }
-class le {
+class de {
   getKeyLeftOf(e) {
     return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
   }
@@ -94,51 +94,51 @@ class le {
     while (this.isDisabled(e));
     return e;
   }
-  constructor(e, i, a, s = /* @__PURE__ */ new Set()) {
-    this.collection = e, this.flipDirection = i === "rtl" && a === "horizontal", this.disabledKeys = s, this.tabDirection = a === "horizontal";
+  constructor(e, i, a, n = /* @__PURE__ */ new Set()) {
+    this.collection = e, this.flipDirection = i === "rtl" && a === "horizontal", this.disabledKeys = n, this.tabDirection = a === "horizontal";
   }
 }
-function ne(t, e, i) {
-  let { orientation: a = "horizontal", keyboardActivation: s = "automatic" } = t, { collection: o, selectionManager: l, disabledKeys: r } = e, { direction: n } = te(), d = S(() => new le(o, n, a, r), [
-    o,
+function le(t, e, i) {
+  let { orientation: a = "horizontal", keyboardActivation: n = "automatic" } = t, { collection: l, selectionManager: s, disabledKeys: r } = e, { direction: d } = ee(), o = S(() => new de(l, d, a, r), [
+    l,
     r,
     a,
-    n
-  ]), { collectionProps: c } = Z({
+    d
+  ]), { collectionProps: c } = ie({
     ref: i,
-    selectionManager: l,
-    keyboardDelegate: d,
-    selectOnFocus: s === "automatic",
+    selectionManager: s,
+    keyboardDelegate: o,
+    selectOnFocus: n === "automatic",
     disallowEmptySelection: !0,
     scrollRef: i,
     linkBehavior: "selection"
-  }), u = U();
-  k.set(e, u);
-  let h = R({
+  }), u = G();
+  V.set(e, u);
+  let $ = A({
     ...t,
     id: u
   });
   return {
     tabListProps: {
-      ...v(c, h),
+      ...m(c, $),
       role: "tablist",
       "aria-orientation": a,
       tabIndex: void 0
     }
   };
 }
-function oe(t) {
+function re(t) {
   var e, i;
-  let a = ie({
+  let a = Z({
     ...t,
     suppressTextValueWarning: !0,
     defaultSelectedKey: (i = (e = t.defaultSelectedKey) !== null && e !== void 0 ? e : I(t.collection, t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set())) !== null && i !== void 0 ? i : void 0
-  }), { selectionManager: s, collection: o, selectedKey: l } = a, r = H(l);
-  return B(() => {
-    let n = l;
-    (s.isEmpty || n == null || !o.getItem(n)) && (n = I(o, a.disabledKeys), n != null && s.setSelectedKeys([
-      n
-    ])), (n != null && s.focusedKey == null || !s.isFocused && n !== r.current) && s.setFocusedKey(n), r.current = n;
+  }), { selectionManager: n, collection: l, selectedKey: s } = a, r = B(s);
+  return O(() => {
+    let d = s;
+    (n.isEmpty || d == null || !l.getItem(d)) && (d = I(l, a.disabledKeys), d != null && n.setSelectedKeys([
+      d
+    ])), (d != null && n.focusedKey == null || !n.isFocused && d !== r.current) && n.setFocusedKey(d), r.current = d;
   }), {
     ...a,
     isDisabled: t.isDisabled || !1
@@ -147,110 +147,108 @@ function oe(t) {
 function I(t, e) {
   let i = null;
   if (t) {
-    var a, s, o, l;
-    for (i = t.getFirstKey(); i != null && (e.has(i) || !((s = t.getItem(i)) === null || s === void 0 || (a = s.props) === null || a === void 0) && a.isDisabled) && i !== t.getLastKey(); ) i = t.getKeyAfter(i);
-    i != null && (e.has(i) || !((l = t.getItem(i)) === null || l === void 0 || (o = l.props) === null || o === void 0) && o.isDisabled) && i === t.getLastKey() && (i = t.getFirstKey());
+    var a, n, l, s;
+    for (i = t.getFirstKey(); i != null && (e.has(i) || !((n = t.getItem(i)) === null || n === void 0 || (a = n.props) === null || a === void 0) && a.isDisabled) && i !== t.getLastKey(); ) i = t.getKeyAfter(i);
+    i != null && (e.has(i) || !((s = t.getItem(i)) === null || s === void 0 || (l = s.props) === null || l === void 0) && l.isDisabled) && i === t.getLastKey() && (i = t.getFirstKey());
   }
   return i;
 }
-const P = /* @__PURE__ */ T(null), $ = /* @__PURE__ */ T(null);
-function re(t, e) {
-  [t, e] = J(t, e, P);
-  let { children: i, orientation: a = "horizontal" } = t;
-  return i = S(() => typeof i == "function" ? i({
-    orientation: a,
+const v = /* @__PURE__ */ T(null), h = /* @__PURE__ */ T(null), oe = /* @__PURE__ */ M(function(e, i) {
+  [e, i] = J(e, i, v);
+  let { children: a, orientation: n = "horizontal" } = e;
+  return a = S(() => typeof a == "function" ? a({
+    orientation: n,
     defaultChildren: null
-  }) : i, [
-    i,
-    a
+  }) : a, [
+    a,
+    n
   ]), /* @__PURE__ */ f.createElement(z, {
-    content: i
-  }, (s) => /* @__PURE__ */ f.createElement(de, {
-    props: t,
-    collection: s,
-    tabsRef: e
+    content: a
+  }, (l) => /* @__PURE__ */ f.createElement(ce, {
+    props: e,
+    collection: l,
+    tabsRef: i
   }));
-}
-function de({ props: t, tabsRef: e, collection: i }) {
-  let { orientation: a = "horizontal" } = t, s = oe({
+});
+function ce({ props: t, tabsRef: e, collection: i }) {
+  let { orientation: a = "horizontal" } = t, n = re({
     ...t,
     collection: i,
     children: void 0
-  }), { focusProps: o, isFocused: l, isFocusVisible: r } = C({
+  }), { focusProps: l, isFocused: s, isFocusVisible: r } = E({
     within: !0
-  }), n = S(() => ({
+  }), d = S(() => ({
     orientation: a,
-    isFocusWithin: l,
+    isFocusWithin: s,
     isFocusVisible: r
   }), [
     a,
-    l,
+    s,
     r
-  ]), d = K({
+  ]), o = K({
     ...t,
     defaultClassName: "react-aria-Tabs",
-    values: n
+    values: d
   });
   return /* @__PURE__ */ f.createElement("div", {
     ...g(t),
+    ...l,
     ...o,
-    ...d,
     ref: e,
     slot: t.slot || void 0,
-    "data-focused": l || void 0,
+    "data-focused": s || void 0,
     "data-orientation": a,
     "data-focus-visible": r || void 0,
-    "data-disabled": s.isDisabled || void 0
-  }, /* @__PURE__ */ f.createElement(N, {
+    "data-disabled": n.isDisabled || void 0
+  }, /* @__PURE__ */ f.createElement(R, {
     values: [
       [
-        P,
+        v,
         t
       ],
       [
-        $,
-        s
+        h,
+        n
       ]
     ]
-  }, d.children));
-}
-const ce = /* @__PURE__ */ M(re);
-function fe(t, e) {
-  return p($) ? /* @__PURE__ */ f.createElement(ue, {
-    props: t,
-    forwardedRef: e
-  }) : /* @__PURE__ */ f.createElement(_, t);
+  }, o.children));
 }
+const fe = /* @__PURE__ */ M(function(e, i) {
+  return p(h) ? /* @__PURE__ */ f.createElement(ue, {
+    props: e,
+    forwardedRef: i
+  }) : /* @__PURE__ */ f.createElement(_, e);
+});
 function ue({ props: t, forwardedRef: e }) {
-  let i = p($), { CollectionRoot: a } = p(W), { orientation: s = "horizontal", keyboardActivation: o = "automatic" } = Q(P), l = E(e), { tabListProps: r } = ne({
+  let i = p(h), { CollectionRoot: a } = p(N), { orientation: n = "horizontal", keyboardActivation: l = "automatic" } = Q(v), s = C(e), { tabListProps: r } = le({
     ...t,
-    orientation: s,
-    keyboardActivation: o
-  }, i, l), n = K({
+    orientation: n,
+    keyboardActivation: l
+  }, i, s), d = K({
     ...t,
     children: null,
     defaultClassName: "react-aria-TabList",
     values: {
-      orientation: s,
+      orientation: n,
       state: i
     }
-  }), d = g(t);
-  return delete d.id, /* @__PURE__ */ f.createElement("div", {
-    ...d,
+  }), o = g(t);
+  return delete o.id, /* @__PURE__ */ f.createElement("div", {
+    ...o,
     ...r,
-    ref: l,
-    ...n,
-    "data-orientation": s || void 0
+    ref: s,
+    ...d,
+    "data-orientation": n || void 0
   }, /* @__PURE__ */ f.createElement(a, {
     collection: i.collection,
-    persistedKeys: q(i.selectionManager.focusedKey)
+    persistedKeys: W(i.selectionManager.focusedKey)
   }));
 }
-const be = /* @__PURE__ */ M(fe), $e = /* @__PURE__ */ O("item", (t, e, i) => {
-  let a = p($), s = E(e), { tabProps: o, isSelected: l, isDisabled: r, isPressed: n } = ae({
+const be = /* @__PURE__ */ q("item", (t, e, i) => {
+  let a = p(h), n = C(e), { tabProps: l, isSelected: s, isDisabled: r, isPressed: d } = ne({
     key: i.key,
     ...t
-  }, a, s), { focusProps: d, isFocused: c, isFocusVisible: u } = C(), { hoverProps: h, isHovered: m } = G({
+  }, a, n), { focusProps: o, isFocused: c, isFocusVisible: u } = E(), { hoverProps: $, isHovered: y } = X({
     isDisabled: r,
     onHoverStart: t.onHoverStart,
     onHoverEnd: t.onHoverEnd,
@@ -260,127 +258,127 @@ const be = /* @__PURE__ */ M(fe), $e = /* @__PURE__ */ O("item", (t, e, i) => {
     id: void 0,
     defaultClassName: "react-aria-Tab",
     values: {
-      isSelected: l,
+      isSelected: s,
       isDisabled: r,
       isFocused: c,
       isFocusVisible: u,
-      isPressed: n,
-      isHovered: m
+      isPressed: d,
+      isHovered: y
     }
   }), b = i.props.href ? "a" : "div";
   return /* @__PURE__ */ f.createElement(b, {
-    ...v(o, d, h, D),
-    ref: s,
-    "data-selected": l || void 0,
+    ...m(l, o, $, D),
+    ref: n,
+    "data-selected": s || void 0,
     "data-disabled": r || void 0,
     "data-focused": c || void 0,
     "data-focus-visible": u || void 0,
-    "data-pressed": n || void 0,
-    "data-hovered": m || void 0
+    "data-pressed": d || void 0,
+    "data-hovered": y || void 0
   });
-});
-function he(t, e) {
-  const i = p($);
-  let a = E(e), { tabPanelProps: s } = se(t, i, a), { focusProps: o, isFocused: l, isFocusVisible: r } = C(), n = i.selectedKey === t.id, d = K({
-    ...t,
+}), $e = /* @__PURE__ */ Y(function(e, i) {
+  const a = p(h);
+  let n = C(i), { tabPanelProps: l } = se(e, a, n), { focusProps: s, isFocused: r, isFocusVisible: d } = E(), o = a.selectedKey === e.id, c = K({
+    ...e,
     defaultClassName: "react-aria-TabPanel",
     values: {
-      isFocused: l,
-      isFocusVisible: r,
-      isInert: !n,
-      state: i
+      isFocused: r,
+      isFocusVisible: d,
+      isInert: !o,
+      state: a
     }
   });
-  if (!n && !t.shouldForceMount) return null;
-  let c = g(t);
-  delete c.id;
-  let u = n ? v(c, s, o, d) : d;
+  if (!o && !e.shouldForceMount) return null;
+  let u = g(e);
+  delete u.id;
+  let $ = o ? m(u, l, s, c) : c;
   return /* @__PURE__ */ f.createElement("div", {
-    ...u,
-    ref: a,
-    "data-focused": l || void 0,
-    "data-focus-visible": r || void 0,
+    ...$,
+    ref: n,
+    "data-focused": r || void 0,
+    "data-focus-visible": d || void 0,
     // @ts-ignore
-    inert: n ? void 0 : "true",
-    "data-inert": n ? void 0 : "true"
-  }, /* @__PURE__ */ f.createElement(N, {
+    inert: o ? void 0 : "true",
+    "data-inert": o ? void 0 : "true"
+  }, /* @__PURE__ */ f.createElement(R, {
     values: [
       [
-        P,
+        v,
         null
       ],
       [
-        $,
+        h,
         null
       ]
     ]
-  }, d.children));
-}
-const pe = /* @__PURE__ */ X(he), ve = '"../theme/tokens.css"', me = '"Inter", sans-serif', ye = "#bfbfbf", xe = "600", ge = "#25607f", Ke = "0 0 0 2px #ffffff, 0 0 0 4px #000000", Pe = "(max-width: 767px)", De = "_container_a0kqi_4", Fe = "_list_a0kqi_8", we = "_listItem_a0kqi_14", Se = "_panel_a0kqi_42", y = {
-  tokens: ve,
-  display: me,
-  gray50: ye,
-  semiBoldWeight: xe,
-  blue130: ge,
-  focus: Ke,
-  smBreakpoint: Pe,
-  container: De,
-  list: Fe,
-  listItem: we,
-  panel: Se
+  }, /* @__PURE__ */ f.createElement(N.Provider, {
+    value: j
+  }, c.children)));
+}), he = '"../theme/tokens.css"', pe = '"Inter", sans-serif', me = "#bfbfbf", ye = "600", xe = "#25607f", Pe = "0 0 0 2px #ffffff, 0 0 0 4px #000000", ge = "(max-width: 767px)", Ke = "_container_a0kqi_4", ve = "_list_a0kqi_8", De = "_listItem_a0kqi_14", Fe = "_panel_a0kqi_42", x = {
+  tokens: he,
+  display: pe,
+  gray50: me,
+  semiBoldWeight: ye,
+  blue130: xe,
+  focus: Pe,
+  smBreakpoint: ge,
+  container: Ke,
+  list: ve,
+  listItem: De,
+  panel: Fe
 }, Ae = ({
   tabs: t,
   label: e,
   defaultSelected: i,
   children: a
 }) => {
-  const s = w.Children.toArray(a);
-  if (s.length !== t.length)
+  const n = w.Children.toArray(a);
+  if (n.length !== t.length)
     throw new Error(
-      `The number of children must match the number of tabs. Children: ${s.length} Tabs: ${t.length}`
+      `The number of children must match the number of tabs. Children: ${n.length} Tabs: ${t.length}`
     );
-  const o = s.reduce(
-    (l, r, n) => {
-      var d;
+  const l = n.reduce(
+    (s, r, d) => {
+      var o;
       if (w.isValidElement(r)) {
-        const c = (d = t[n]) == null ? void 0 : d.toLowerCase();
-        c && (l[c] = w.cloneElement(r, { id: c }));
+        const c = (o = t[d]) == null ? void 0 : o.toLowerCase();
+        c && (s[c] = w.cloneElement(r, { id: c }));
       }
-      return l;
+      return s;
     },
     {}
   );
-  return /* @__PURE__ */ A(
-    ce,
+  return /* @__PURE__ */ H(
+    oe,
     {
       orientation: "vertical",
       defaultSelectedKey: i && i.toLowerCase(),
-      className: y.container,
+      className: x.container,
       children: [
         /* @__PURE__ */ F(
-          be,
+          fe,
           {
             "aria-label": e,
-            className: y.list,
-            children: t.map((l) => /* @__PURE__ */ F(
-              $e,
+            className: x.list,
+            children: t.map((s) => /* @__PURE__ */ F(
+              be,
               {
-                id: l.toLowerCase(),
-                className: y.listItem,
-                children: l
+                id: s.toLowerCase(),
+                className: x.listItem,
+                children: s
               },
-              l
+              s
             ))
           }
         ),
-        t.map((l) => /* @__PURE__ */ F(
-          pe,
+        t.map((s) => /* @__PURE__ */ F(
+          $e,
           {
-            id: l.toLowerCase(),
-            className: y.panel,
-            children: o[l.toLowerCase()]
+            id: s.toLowerCase(),
+            className: x.panel,
+            children: l[s.toLowerCase()]
           },
-          l
+          s
         ))
       ]
     }