@midas-ds/components 13.0.1 → 14.0.0

package/{TabList-CXaxruLg.js → TabList-P5HnizZt.js}

@@ -1,44 +1,44 @@
 import { jsx as K } from "react/jsx-runtime";
-import { c as D } from "./clsx-OuTLNxxd.js";
+import { c as D } from "./clsx-jbLnTBqA.js";
 import { u as A } from "./useObserveElement-BdI4zgd7.js";
 import { w as B } from "./variables-DzXcMW2k.js";
-import { $ as W, b as j, g as k, k as U, c as q, j as G, l as J } from "./Collection-B0_WAieZ.js";
-import { $ as Q, b as w, a as S, f as L, c as X } from "./utils-Cpcjg55U.js";
-import { $ as Y } from "./Hidden-C9KWUR7b.js";
-import { a as v, c as Z } from "./mergeProps-BSsN7Bgk.js";
-import { $ as P } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as W, b as j, g as k, k as U, c as q, j as G, l as J } from "./Collection-j_iWeuZo.js";
+import { $ as Q, b as E, a as S, f as L, c as X } from "./utils-BMBoiyL7.js";
+import { $ as Y } from "./Hidden-B5ir3Lei.js";
+import { a as v, c as Z } from "./mergeProps-Ct8m5-xW.js";
+import { $ as x } from "./filterDOMProps-wsa9OcNI.js";
 import { $ as C } from "./inertValue-B7loUihk.js";
-import u, { useMemo as I, useRef as ee, useEffect as te, forwardRef as M, createContext as O, useContext as x } from "react";
-import { d as ie } from "./usePress-DMUpU0GU.js";
-import { a as ae } from "./useFocusable-DXlMChFC.js";
-import { d as se, e as le } from "./SelectionManager-Bq-Gw1UT.js";
-import { $ as R } from "./useLabels-Kmq5JCp_.js";
-import { $ as oe } from "./useHasTabbableChild-BDaxMsGu.js";
-import { $ as ne } from "./context-CGNJ3grH.js";
-import { $ as T } from "./useFocusRing-DMo8ctYV.js";
-import { $ as de } from "./useHover-D6bNIkU0.js";
-import { $ as re } from "./useSingleSelectListState-BlvpP8y-.js";
+import u, { useMemo as I, useRef as ee, useEffect as te, forwardRef as M, createContext as O, useContext as P } from "react";
+import { d as ae } from "./usePress-4yZ5a87p.js";
+import { a as ie } from "./useFocusable-CCh54GIw.js";
+import { d as se, e as le } from "./SelectionManager-D-4ThfPZ.js";
+import { $ as R } from "./useLabels-D24on06F.js";
+import { $ as oe } from "./useHasTabbableChild-BbgOpdGQ.js";
+import { $ as ne } from "./context-Dl_saGB6.js";
+import { $ as T } from "./useFocusRing-Copf_tx8.js";
+import { $ as de } from "./useHover-zCCNtF6g.js";
+import { $ as re } from "./useSingleSelectListState-lyai-bC_.js";
 import './assets/TabList.css';const V = /* @__PURE__ */ new WeakMap();
-function g(i, e, t) {
-  if (!i)
+function g(a, e, t) {
+  if (!a)
     return "";
   typeof e == "string" && (e = e.replace(/\s+/g, ""));
-  let a = V.get(i);
-  return process.env.NODE_ENV !== "production" && !a && console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."), `${a}-${t}-${e}`;
+  let i = V.get(a);
+  return process.env.NODE_ENV !== "production" && !i && console.error("There is no tab id, please check if you have rendered the tab panel before the tab list."), `${i}-${t}-${e}`;
 }
-function ce(i, e, t) {
-  let { key: a, isDisabled: s, shouldSelectOnPressUp: n } = i, { selectionManager: o, selectedKey: r } = e, l = a === r, d = s || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: f, isPressed: c } = se({
+function ce(a, e, t) {
+  let { key: i, isDisabled: s, shouldSelectOnPressUp: n } = a, { selectionManager: o, selectedKey: r } = e, l = i === r, d = s || e.isDisabled || e.selectionManager.isDisabled(i), { itemProps: f, isPressed: c } = se({
     selectionManager: o,
-    key: a,
+    key: i,
     ref: t,
     isDisabled: d,
     shouldSelectOnPressUp: n,
     linkBehavior: "selection"
-  }), b = g(e, a, "tab"), p = g(e, a, "tabpanel"), { tabIndex: m } = f, $ = e.collection.getItem(a), h = P($ == null ? void 0 : $.props, {
+  }), b = g(e, i, "tab"), p = g(e, i, "tabpanel"), { tabIndex: m } = f, $ = e.collection.getItem(i), h = x($ == null ? void 0 : $.props, {
     labelable: !0
   });
   delete h.id;
-  let _ = ie($ == null ? void 0 : $.props), { focusableProps: z } = ae({
+  let _ = ae($ == null ? void 0 : $.props), { focusableProps: z } = ie({
     isDisabled: d
   }, t);
   return {
@@ -55,20 +55,20 @@ function ce(i, e, t) {
     isPressed: c
   };
 }
-function fe(i, e, t) {
-  let a = oe(t) ? void 0 : 0;
+function fe(a, e, t) {
+  let i = oe(t) ? void 0 : 0;
   var s;
-  const n = g(e, (s = i.id) !== null && s !== void 0 ? s : e == null ? void 0 : e.selectedKey, "tabpanel"), o = R({
-    ...i,
+  const n = g(e, (s = a.id) !== null && s !== void 0 ? s : e == null ? void 0 : e.selectedKey, "tabpanel"), o = R({
+    ...a,
     id: n,
     "aria-labelledby": g(e, e == null ? void 0 : e.selectedKey, "tab")
   });
   return {
     tabPanelProps: v(o, {
-      tabIndex: a,
+      tabIndex: i,
       role: "tabpanel",
-      "aria-describedby": i["aria-describedby"],
-      "aria-details": i["aria-details"]
+      "aria-describedby": a["aria-describedby"],
+      "aria-details": a["aria-details"]
     })
   };
 }
@@ -80,8 +80,8 @@ class ue {
     return this.flipDirection ? this.getPreviousKey(e) : this.getNextKey(e);
   }
   isDisabled(e) {
-    var t, a;
-    return this.disabledKeys.has(e) || !!(!((a = this.collection.getItem(e)) === null || a === void 0 || (t = a.props) === null || t === void 0) && t.isDisabled);
+    var t, i;
+    return this.disabledKeys.has(e) || !!(!((i = this.collection.getItem(e)) === null || i === void 0 || (t = i.props) === null || t === void 0) && t.isDisabled);
   }
   getFirstKey() {
     let e = this.collection.getFirstKey();
@@ -111,15 +111,15 @@ class ue {
     while (t != null && this.isDisabled(t));
     return t;
   }
-  constructor(e, t, a, s = /* @__PURE__ */ new Set()) {
-    this.collection = e, this.flipDirection = t === "rtl" && a === "horizontal", this.disabledKeys = s, this.tabDirection = a === "horizontal";
+  constructor(e, t, i, s = /* @__PURE__ */ new Set()) {
+    this.collection = e, this.flipDirection = t === "rtl" && i === "horizontal", this.disabledKeys = s, this.tabDirection = i === "horizontal";
   }
 }
-function be(i, e, t) {
-  let { orientation: a = "horizontal", keyboardActivation: s = "automatic" } = i, { collection: n, selectionManager: o, disabledKeys: r } = e, { direction: l } = ne(), d = I(() => new ue(n, l, a, r), [
+function be(a, e, t) {
+  let { orientation: i = "horizontal", keyboardActivation: s = "automatic" } = a, { collection: n, selectionManager: o, disabledKeys: r } = e, { direction: l } = ne(), d = I(() => new ue(n, l, i, r), [
     n,
     r,
-    a,
+    i,
     l
   ]), { collectionProps: f } = le({
     ref: t,
@@ -132,100 +132,100 @@ function be(i, e, t) {
   }), c = Z();
   V.set(e, c);
   let b = R({
-    ...i,
+    ...a,
     id: c
   });
   return {
     tabListProps: {
       ...v(f, b),
       role: "tablist",
-      "aria-orientation": a,
+      "aria-orientation": i,
       tabIndex: void 0
     }
   };
 }
-function $e(i) {
+function $e(a) {
   var e, t;
-  let a = re({
-    ...i,
-    onSelectionChange: i.onSelectionChange ? (l) => {
+  let i = re({
+    ...a,
+    onSelectionChange: a.onSelectionChange ? (l) => {
       var d;
-      l != null && ((d = i.onSelectionChange) === null || d === void 0 || d.call(i, l));
+      l != null && ((d = a.onSelectionChange) === null || d === void 0 || d.call(a, l));
     } : void 0,
     suppressTextValueWarning: !0,
-    defaultSelectedKey: (t = (e = i.defaultSelectedKey) !== null && e !== void 0 ? e : N(i.collection, i.disabledKeys ? new Set(i.disabledKeys) : /* @__PURE__ */ new Set())) !== null && t !== void 0 ? t : void 0
-  }), { selectionManager: s, collection: n, selectedKey: o } = a, r = ee(o);
+    defaultSelectedKey: (t = (e = a.defaultSelectedKey) !== null && e !== void 0 ? e : N(a.collection, a.disabledKeys ? new Set(a.disabledKeys) : /* @__PURE__ */ new Set())) !== null && t !== void 0 ? t : void 0
+  }), { selectionManager: s, collection: n, selectedKey: o } = i, r = ee(o);
   return te(() => {
     let l = o;
-    i.selectedKey == null && (s.isEmpty || l == null || !n.getItem(l)) && (l = N(n, a.disabledKeys), l != null && s.setSelectedKeys([
+    a.selectedKey == null && (s.isEmpty || l == null || !n.getItem(l)) && (l = N(n, i.disabledKeys), l != null && s.setSelectedKeys([
       l
     ])), (l != null && s.focusedKey == null || !s.isFocused && l !== r.current) && s.setFocusedKey(l), r.current = l;
   }), {
-    ...a,
-    isDisabled: i.isDisabled || !1
+    ...i,
+    isDisabled: a.isDisabled || !1
   };
 }
-function N(i, e) {
+function N(a, e) {
   let t = null;
-  if (i) {
-    var a, s, n, o;
-    for (t = i.getFirstKey(); t != null && (e.has(t) || !((s = i.getItem(t)) === null || s === void 0 || (a = s.props) === null || a === void 0) && a.isDisabled) && t !== i.getLastKey(); ) t = i.getKeyAfter(t);
-    t != null && (e.has(t) || !((o = i.getItem(t)) === null || o === void 0 || (n = o.props) === null || n === void 0) && n.isDisabled) && t === i.getLastKey() && (t = i.getFirstKey());
+  if (a) {
+    var i, s, n, o;
+    for (t = a.getFirstKey(); t != null && (e.has(t) || !((s = a.getItem(t)) === null || s === void 0 || (i = s.props) === null || i === void 0) && i.isDisabled) && t !== a.getLastKey(); ) t = a.getKeyAfter(t);
+    t != null && (e.has(t) || !((o = a.getItem(t)) === null || o === void 0 || (n = o.props) === null || n === void 0) && n.isDisabled) && t === a.getLastKey() && (t = a.getFirstKey());
   }
   return t;
 }
 const F = /* @__PURE__ */ O(null), y = /* @__PURE__ */ O(null), pe = /* @__PURE__ */ M(function(e, t) {
   [e, t] = Q(e, t, F);
-  let { children: a, orientation: s = "horizontal" } = e;
-  return a = I(() => typeof a == "function" ? a({
+  let { children: i, orientation: s = "horizontal" } = e;
+  return i = I(() => typeof i == "function" ? i({
     orientation: s,
     defaultChildren: null
-  }) : a, [
-    a,
+  }) : i, [
+    i,
     s
   ]), /* @__PURE__ */ u.createElement(j, {
-    content: a
+    content: i
   }, (n) => /* @__PURE__ */ u.createElement(ve, {
     props: e,
     collection: n,
     tabsRef: t
   }));
 });
-function ve({ props: i, tabsRef: e, collection: t }) {
-  let { orientation: a = "horizontal" } = i, s = $e({
-    ...i,
+function ve({ props: a, tabsRef: e, collection: t }) {
+  let { orientation: i = "horizontal" } = a, s = $e({
+    ...a,
     collection: t,
     children: void 0
   }), { focusProps: n, isFocused: o, isFocusVisible: r } = T({
     within: !0
   }), l = I(() => ({
-    orientation: a,
+    orientation: i,
     isFocusWithin: o,
     isFocusVisible: r
   }), [
-    a,
+    i,
     o,
     r
   ]), d = S({
-    ...i,
+    ...a,
     defaultClassName: "react-aria-Tabs",
     values: l
-  }), f = P(i, {
+  }), f = x(a, {
     global: !0
   });
   return /* @__PURE__ */ u.createElement("div", {
     ...v(f, d, n),
     ref: e,
-    slot: i.slot || void 0,
+    slot: a.slot || void 0,
     "data-focused": o || void 0,
-    "data-orientation": a,
+    "data-orientation": i,
     "data-focus-visible": r || void 0,
     "data-disabled": s.isDisabled || void 0
   }, /* @__PURE__ */ u.createElement(L, {
     values: [
       [
         F,
-        i
+        a
       ],
       [
         y,
@@ -235,32 +235,32 @@ function ve({ props: i, tabsRef: e, collection: t }) {
   }, d.children));
 }
 const me = /* @__PURE__ */ M(function(e, t) {
-  return x(y) ? /* @__PURE__ */ u.createElement(he, {
+  return P(y) ? /* @__PURE__ */ u.createElement(he, {
     props: e,
     forwardedRef: t
   }) : /* @__PURE__ */ u.createElement(q, e);
 });
-function he({ props: i, forwardedRef: e }) {
-  let t = x(y), { CollectionRoot: a } = x(k), { orientation: s = "horizontal", keyboardActivation: n = "automatic" } = X(F), o = w(e), { tabListProps: r } = be({
-    ...i,
+function he({ props: a, forwardedRef: e }) {
+  let t = P(y), { CollectionRoot: i } = P(k), { orientation: s = "horizontal", keyboardActivation: n = "automatic" } = X(F), o = E(e), { tabListProps: r } = be({
+    ...a,
     orientation: s,
     keyboardActivation: n
   }, t, o), l = S({
-    ...i,
+    ...a,
     children: null,
     defaultClassName: "react-aria-TabList",
     values: {
       orientation: s,
       state: t
     }
-  }), d = P(i, {
+  }), d = x(a, {
     global: !0
   });
   return delete d.id, /* @__PURE__ */ u.createElement("div", {
     ...v(d, l, r),
     ref: o,
     "data-orientation": s || void 0
-  }, /* @__PURE__ */ u.createElement(a, {
+  }, /* @__PURE__ */ u.createElement(i, {
     collection: t.collection,
     persistedKeys: J(t.selectionManager.focusedKey)
   }));
@@ -268,17 +268,17 @@ function he({ props: i, forwardedRef: e }) {
 class H extends G {
 }
 H.type = "item";
-const ye = /* @__PURE__ */ W(H, (i, e, t) => {
-  let a = x(y), s = w(e), { tabProps: n, isSelected: o, isDisabled: r, isPressed: l } = ce({
+const ye = /* @__PURE__ */ W(H, (a, e, t) => {
+  let i = P(y), s = E(e), { tabProps: n, isSelected: o, isDisabled: r, isPressed: l } = ce({
     key: t.key,
-    ...i
-  }, a, s), { focusProps: d, isFocused: f, isFocusVisible: c } = T(), { hoverProps: b, isHovered: p } = de({
+    ...a
+  }, i, s), { focusProps: d, isFocused: f, isFocusVisible: c } = T(), { hoverProps: b, isHovered: p } = de({
     isDisabled: r,
-    onHoverStart: i.onHoverStart,
-    onHoverEnd: i.onHoverEnd,
-    onHoverChange: i.onHoverChange
+    onHoverStart: a.onHoverStart,
+    onHoverEnd: a.onHoverEnd,
+    onHoverChange: a.onHoverChange
   }), m = S({
-    ...i,
+    ...a,
     id: void 0,
     children: t.rendered,
     defaultClassName: "react-aria-Tab",
@@ -290,7 +290,7 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
       isPressed: l,
       isHovered: p
     }
-  }), $ = t.props.href ? "a" : "div", h = P(i, {
+  }), $ = t.props.href ? "a" : "div", h = x(a, {
     global: !0
   });
   return delete h.id, delete h.onClick, /* @__PURE__ */ u.createElement($, {
@@ -303,9 +303,9 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
     "data-pressed": l || void 0,
     "data-hovered": p || void 0
   }, m.children);
-}), xe = /* @__PURE__ */ Y(function(e, t) {
-  const a = x(y);
-  let s = w(t), { id: n, ...o } = e, { tabPanelProps: r } = fe(e, a, s), { focusProps: l, isFocused: d, isFocusVisible: f } = T(), c = a.selectedKey === e.id, b = S({
+}), Pe = /* @__PURE__ */ Y(function(e, t) {
+  const i = P(y);
+  let s = E(t), { id: n, ...o } = e, { tabPanelProps: r } = fe(e, i, s), { focusProps: l, isFocused: d, isFocusVisible: f } = T(), c = i.selectedKey === e.id, b = S({
     ...e,
     defaultClassName: "react-aria-TabPanel",
     values: {
@@ -313,11 +313,11 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
       isFocusVisible: f,
       // @ts-ignore - compatibility with React < 19
       isInert: C(!c),
-      state: a
+      state: i
     }
   });
   if (!c && !e.shouldForceMount) return null;
-  let p = P(o, {
+  let p = x(o, {
     global: !0
   });
   delete p.id;
@@ -344,48 +344,44 @@ const ye = /* @__PURE__ */ W(H, (i, e, t) => {
   }, /* @__PURE__ */ u.createElement(k.Provider, {
     value: U
   }, b.children)));
-}), Pe = "_container_ovstx_1", ge = "_list_ovstx_5", Ke = "_listItem_ovstx_10", De = "_panel_ovstx_52", E = {
-  container: Pe,
+}), xe = "_container_wv55w_1", ge = "_list_wv55w_5", Ke = "_listItem_wv55w_10", De = "_panel_wv55w_65", w = {
+  container: xe,
   list: ge,
   listItem: Ke,
   panel: De
-}, je = ({
-  children: i,
-  className: e,
-  ...t
-}) => {
-  const { width: a } = A(
+}, je = ({ children: a, className: e, ...t }) => {
+  const { width: i } = A(
     typeof document > "u" ? null : document.body,
     { includePadding: !0 }
-  ), s = t.orientation || a >= parseInt(B) ? "horizontal" : "vertical";
+  ), s = t.orientation || i >= parseInt(B) ? "horizontal" : "vertical";
   return /* @__PURE__ */ K(
     pe,
     {
       ...t,
       orientation: s,
-      className: D(E.container, e),
-      children: i
+      className: D(w.container, e),
+      children: a
     }
   );
-}, Ue = ({ className: i, ...e }) => /* @__PURE__ */ K(
+}, Ue = ({ className: a, ...e }) => /* @__PURE__ */ K(
   ye,
   {
     ...e,
-    className: D(E.listItem, i)
+    className: D(w.listItem, a)
   }
-), qe = ({ className: i, ...e }) => /* @__PURE__ */ K(
-  xe,
+), qe = ({ className: a, ...e }) => /* @__PURE__ */ K(
+  Pe,
   {
-    className: D(E.panel, i),
+    className: D(w.panel, a),
     ...e
   }
 ), Ge = ({
-  className: i,
+  className: a,
   ...e
 }) => /* @__PURE__ */ K(
   me,
   {
-    className: D(E.list, i),
+    className: D(w.list, a),
     ...e
   }
 );