@pismo/marola 0.0.1-alpha.4 → 0.0.1-alpha.5

package/dist/components/Tabs/Tabs.js

@@ -1,40 +1,15 @@
-import { jsx as M } from "react/jsx-runtime";
-import { u as Q, C as Z, T as Ve, a as xe, s as Te } from "../../Tabs.module-_kSbSyth.js";
+import { jsx as E } from "react/jsx-runtime";
 import * as i from "react";
-import { forwardRef as Ie, useState as Se } from "react";
-import { _ as b, u as Re, e as we, g as ee, a as te, b as ne, c as oe, P as v, d as le, f as se } from "../../index-BZ1lkM_M.js";
-import { L as S, a as Pe } from "../../ListContext-D6-YwtZn.js";
-function G(t, e, l = (n, o) => n === o) {
+import { forwardRef as xe, useState as Ve } from "react";
+import { a as Q, C as Z, T as Te, u as Ie, s as Se } from "../../Tabs.module-BKlNuSPH.js";
+import { a as b, _ as ee } from "../../objectWithoutPropertiesLoose-ClNcje2_.js";
+import { f as Re, h as we, g as te, a as ne, u as oe, P as v, c as le, b as se } from "../../index-BvA1HyDs.js";
+import { u as Pe } from "../../useControlled-CCMYYdCM.js";
+import { a as S, L as ye } from "../../ListContext-Dj2Va7Iv.js";
+function J(t, e, l = (n, o) => n === o) {
   return t.length === e.length && t.every((n, o) => l(n, e[o]));
 }
-function Ee({
-  controlled: t,
-  default: e,
-  name: l,
-  state: n = "value"
-}) {
-  const {
-    current: o
-  } = i.useRef(t !== void 0), [a, s] = i.useState(e), u = o ? t : a;
-  if (process.env.NODE_ENV !== "production") {
-    i.useEffect(() => {
-      o !== (t !== void 0) && console.error([`MUI: A component is changing the ${o ? "" : "un"}controlled ${n} state of ${l} to be ${o ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${l} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [n, l, t]);
-    const {
-      current: c
-    } = i.useRef(e);
-    i.useEffect(() => {
-      !o && c !== e && console.error([`MUI: A component is changing the default ${n} state of an uncontrolled ${l} after being initialized. To suppress this warning opt to use a controlled ${l}.`].join(`
-`));
-    }, [JSON.stringify(e)]);
-  }
-  const r = i.useCallback((c) => {
-    o || s(c);
-  }, []);
-  return [u, r];
-}
-function ye(t, e) {
+function De(t, e) {
   return t === e;
 }
 const W = {}, Y = () => {
@@ -45,7 +20,7 @@ function q(t, e) {
     e[n] !== void 0 && (l[n] = e[n]);
   }), l;
 }
-function Me(t) {
+function Ee(t) {
   const {
     nextState: e,
     initialState: l,
@@ -58,17 +33,17 @@ function Me(t) {
     if (s.current === null)
       return;
     const r = q(u.current, a);
-    Object.keys(e).forEach((c) => {
+    Object.keys(e).forEach((d) => {
       var m;
-      const f = (m = n[c]) != null ? m : ye, h = e[c], g = r[c];
-      if (g == null && h != null || g != null && h == null || g != null && h != null && !f(h, g)) {
-        var d, C;
-        o == null || o((d = s.current.event) != null ? d : null, c, h, (C = s.current.type) != null ? C : "", e);
+      const g = (m = n[d]) != null ? m : De, h = e[d], f = r[d];
+      if (f == null && h != null || f != null && h == null || f != null && h != null && !g(h, f)) {
+        var c, C;
+        o == null || o((c = s.current.event) != null ? c : null, d, h, (C = s.current.type) != null ? C : "", e);
       }
     }), u.current = e, s.current = null;
   }, [u, e, s, o, n, a]);
 }
-function De(t) {
+function Me(t) {
   const e = i.useRef(null), {
     reducer: l,
     initialState: n,
@@ -77,29 +52,29 @@ function De(t) {
     onStateChange: s = Y,
     actionContext: u,
     componentName: r = ""
-  } = t, c = i.useRef(o);
+  } = t, d = i.useRef(o);
   process.env.NODE_ENV !== "production" && i.useEffect(() => {
-    Object.keys(o).forEach((d) => {
-      c.current[d] !== void 0 && o[d] === void 0 && console.error(`useControllableReducer: ${r ? `The ${r} component` : "A component"} is changing a controlled prop to be uncontrolled: ${d}`), c.current[d] === void 0 && o[d] !== void 0 && console.error(`useControllableReducer: ${r ? `The ${r} component` : "A component"} is changing an uncontrolled prop to be controlled: ${d}`);
+    Object.keys(o).forEach((c) => {
+      d.current[c] !== void 0 && o[c] === void 0 && console.error(`useControllableReducer: ${r ? `The ${r} component` : "A component"} is changing a controlled prop to be uncontrolled: ${c}`), d.current[c] === void 0 && o[c] !== void 0 && console.error(`useControllableReducer: ${r ? `The ${r} component` : "A component"} is changing an uncontrolled prop to be controlled: ${c}`);
     });
   }, [o, r]);
-  const m = i.useCallback((d, C) => {
+  const m = i.useCallback((c, C) => {
     e.current = C;
-    const x = q(d, o);
-    return l(x, C);
-  }, [o, l]), [f, h] = i.useReducer(m, n), g = i.useCallback((d) => {
-    h(b({}, d, {
+    const V = q(c, o);
+    return l(V, C);
+  }, [o, l]), [g, h] = i.useReducer(m, n), f = i.useCallback((c) => {
+    h(b({}, c, {
       context: u
     }));
   }, [u]);
-  return Me({
-    nextState: f,
+  return Ee({
+    nextState: g,
     initialState: n,
     stateComparers: a ?? W,
     onStateChange: s ?? Y,
     controlledProps: o,
     lastActionRef: e
-  }), [q(f, o), g];
+  }), [q(g, o), f];
 }
 function Oe(t, e, l, n, o, a) {
   if (l.length === 0 || !n && l.every((u, r) => o(u, r)))
@@ -122,30 +97,30 @@ function w(t, e, l) {
     disableListWrap: s,
     disabledItemsFocusable: u,
     itemComparer: r,
-    focusManagement: c
-  } = l, m = c === "DOM" ? 0 : -1, f = o.length - 1, h = t == null ? -1 : o.findIndex((T) => r(T, t));
-  let g, d, C = !s;
+    focusManagement: d
+  } = l, m = d === "DOM" ? 0 : -1, g = o.length - 1, h = t == null ? -1 : o.findIndex((T) => r(T, t));
+  let f, c, C = !s;
   switch (e) {
     case "reset":
       if (m === -1)
         return null;
-      g = 0, d = "next", C = !1;
+      f = 0, c = "next", C = !1;
       break;
     case "start":
-      g = 0, d = "next", C = !1;
+      f = 0, c = "next", C = !1;
       break;
     case "end":
-      g = f, d = "previous", C = !1;
+      f = g, c = "previous", C = !1;
       break;
     default: {
       const T = h + e;
-      T < 0 ? !C && h !== -1 || Math.abs(e) > 1 ? (g = 0, d = "next") : (g = f, d = "previous") : T > f ? !C || Math.abs(e) > 1 ? (g = f, d = "previous") : (g = 0, d = "next") : (g = T, d = e >= 0 ? "next" : "previous");
+      T < 0 ? !C && h !== -1 || Math.abs(e) > 1 ? (f = 0, c = "next") : (f = g, c = "previous") : T > g ? !C || Math.abs(e) > 1 ? (f = g, c = "previous") : (f = 0, c = "next") : (f = T, c = e >= 0 ? "next" : "previous");
     }
   }
-  const x = Oe(g, d, o, u, a, C);
-  return x === -1 && t !== null && !a(t, h) ? t : (n = o[x]) != null ? n : null;
+  const V = Oe(f, c, o, u, a, C);
+  return V === -1 && t !== null && !a(t, h) ? t : (n = o[V]) != null ? n : null;
 }
-function $e(t, e, l, n) {
+function ke(t, e, l, n) {
   return l === "none" ? [] : l === "single" ? n(e[0], t) ? e : [t] : e.some((o) => n(o, t)) ? e.filter((o) => !n(o, t)) : [...e, t];
 }
 function re(t, e, l) {
@@ -159,13 +134,13 @@ function re(t, e, l) {
   } = e, r = s.findIndex((m) => n(t, m));
   if (o(t, r))
     return e;
-  const c = $e(t, u, a, n);
+  const d = ke(t, u, a, n);
   return b({}, e, {
-    selectedValues: c,
+    selectedValues: d,
     highlightedValue: t
   });
 }
-function ke(t, e, l) {
+function Le(t, e, l) {
   const n = e.highlightedValue, {
     orientation: o,
     pageSize: a
@@ -224,7 +199,7 @@ function Ne(t, e) {
     highlightedValue: null
   });
 }
-function Le(t, e, l) {
+function $e(t, e, l) {
   var n;
   const o = (n = l(t)) == null ? void 0 : n.trim().toLowerCase();
   return !o || o.length === 0 ? !1 : o.indexOf(e) === 0;
@@ -237,10 +212,10 @@ function _e(t, e, l) {
     getItemAsString: s
   } = l, u = e.length > 1;
   let r = u ? t.highlightedValue : w(t.highlightedValue, 1, l);
-  for (let c = 0; c < n.length; c += 1) {
+  for (let d = 0; d < n.length; d += 1) {
     if (!r || !u && t.highlightedValue === r)
       return t;
-    if (Le(r, e, s) && (!o(r, n.indexOf(r)) || a))
+    if ($e(r, e, s) && (!o(r, n.indexOf(r)) || a))
       return b({}, t, {
         highlightedValue: r
       });
@@ -257,10 +232,10 @@ function Ae(t, e, l, n) {
   let u = null;
   if (l.highlightedValue != null) {
     var r;
-    u = (r = t.find((f) => a(f, l.highlightedValue))) != null ? r : null;
+    u = (r = t.find((g) => a(g, l.highlightedValue))) != null ? r : null;
   } else
     s === "DOM" && e.length === 0 && (u = w(null, "reset", n));
-  const m = ((o = l.selectedValues) != null ? o : []).filter((f) => t.some((h) => a(h, f)));
+  const m = ((o = l.selectedValues) != null ? o : []).filter((g) => t.some((h) => a(h, g)));
   return b({}, l, {
     highlightedValue: u,
     selectedValues: m
@@ -271,7 +246,7 @@ function Fe(t, e) {
     highlightedValue: w(null, "reset", e)
   });
 }
-function Ue(t, e) {
+function He(t, e) {
   return b({}, t, {
     highlightedValue: w(null, "end", e)
   });
@@ -289,7 +264,7 @@ function ae(t, e) {
   } = e;
   switch (l) {
     case S.keyDown:
-      return ke(e.key, t, n);
+      return Le(e.key, t, n);
     case S.itemClick:
       return re(e.item, t, n);
     case S.blur:
@@ -301,14 +276,14 @@ function ae(t, e) {
     case S.resetHighlight:
       return Fe(t, n);
     case S.highlightLast:
-      return Ue(t, n);
+      return He(t, n);
     case S.clearSelection:
       return ze(t, n);
     default:
       return t;
   }
 }
-const He = 500;
+const Ue = 500;
 function je(t) {
   const e = i.useRef({
     searchString: "",
@@ -317,39 +292,39 @@ function je(t) {
   return i.useCallback((l) => {
     if (l.key.length === 1 && l.key !== " ") {
       const n = e.current, o = l.key.toLowerCase(), a = performance.now();
-      n.searchString.length > 0 && n.lastTime && a - n.lastTime > He ? n.searchString = o : (n.searchString.length !== 1 || o !== n.searchString) && (n.searchString += o), n.lastTime = a, t(n.searchString, l);
+      n.searchString.length > 0 && n.lastTime && a - n.lastTime > Ue ? n.searchString = o : (n.searchString.length !== 1 || o !== n.searchString) && (n.searchString += o), n.lastTime = a, t(n.searchString, l);
     }
   }, [t]);
 }
 const X = {}, Be = () => {
-}, Ke = (t, e) => t === e, We = () => !1, qe = (t) => typeof t == "string" ? t : String(t), Je = () => ({
+}, Ke = (t, e) => t === e, We = () => !1, qe = (t) => typeof t == "string" ? t : String(t), Ge = () => ({
   highlightedValue: null,
   selectedValues: []
 });
-function Ge(t) {
+function Je(t) {
   const {
     controlledProps: e = X,
     disabledItemsFocusable: l = !1,
     disableListWrap: n = !1,
     focusManagement: o = "activeDescendant",
-    getInitialState: a = Je,
+    getInitialState: a = Ge,
     getItemDomElement: s,
     getItemId: u,
     isItemDisabled: r = We,
-    rootRef: c,
+    rootRef: d,
     onStateChange: m = Be,
-    items: f,
+    items: g,
     itemComparer: h = Ke,
-    getItemAsString: g = qe,
-    onChange: d,
+    getItemAsString: f = qe,
+    onChange: c,
     onHighlightChange: C,
-    onItemsChange: x,
+    onItemsChange: V,
     orientation: T = "vertical",
-    pageSize: L = 5,
-    reducerActionContext: k = X,
+    pageSize: $ = 5,
+    reducerActionContext: L = X,
     selectionMode: O = "single",
     stateReducer: _,
-    componentName: H = "useList"
+    componentName: U = "useList"
   } = t;
   if (process.env.NODE_ENV !== "production") {
     if (o === "DOM" && s == null)
@@ -357,79 +332,79 @@ function Ge(t) {
     if (o === "activeDescendant" && u == null)
       throw new Error("useList: The `getItemId` prop is required when using the `activeDescendant` focus management.");
   }
-  const A = i.useRef(null), F = Re(c, A), $ = i.useCallback((V, p, I) => {
-    if (C == null || C(V, p, I), o === "DOM" && p != null && (I === S.itemClick || I === S.keyDown || I === S.textNavigation)) {
+  const A = i.useRef(null), F = Re(d, A), k = i.useCallback((x, p, I) => {
+    if (C == null || C(x, p, I), o === "DOM" && p != null && (I === S.itemClick || I === S.keyDown || I === S.textNavigation)) {
       var R;
       s == null || (R = s(p)) == null || R.focus();
     }
-  }, [s, C, o]), U = i.useMemo(() => ({
+  }, [s, C, o]), H = i.useMemo(() => ({
     highlightedValue: h,
-    selectedValues: (V, p) => G(V, p, h)
-  }), [h]), P = i.useCallback((V, p, I, R, z) => {
-    switch (m == null || m(V, p, I, R, z), p) {
+    selectedValues: (x, p) => J(x, p, h)
+  }), [h]), P = i.useCallback((x, p, I, R, z) => {
+    switch (m == null || m(x, p, I, R, z), p) {
       case "highlightedValue":
-        $(V, I, R);
+        k(x, I, R);
         break;
       case "selectedValues":
-        d == null || d(V, I, R);
+        c == null || c(x, I, R);
         break;
     }
-  }, [$, d, m]), E = i.useMemo(() => ({
+  }, [k, c, m]), y = i.useMemo(() => ({
     disabledItemsFocusable: l,
     disableListWrap: n,
     focusManagement: o,
     isItemDisabled: r,
     itemComparer: h,
-    items: f,
-    getItemAsString: g,
-    onHighlightChange: $,
+    items: g,
+    getItemAsString: f,
+    onHighlightChange: k,
     orientation: T,
-    pageSize: L,
+    pageSize: $,
     selectionMode: O,
-    stateComparers: U
-  }), [l, n, o, r, h, f, g, $, T, L, O, U]), y = a(), fe = _ ?? ae, ge = i.useMemo(() => b({}, k, E), [k, E]), [j, D] = De({
-    reducer: fe,
-    actionContext: ge,
-    initialState: y,
+    stateComparers: H
+  }), [l, n, o, r, h, g, f, k, T, $, O, H]), D = a(), ge = _ ?? ae, fe = i.useMemo(() => b({}, L, y), [L, y]), [j, M] = Me({
+    reducer: ge,
+    actionContext: fe,
+    initialState: D,
     controlledProps: e,
-    stateComparers: U,
+    stateComparers: H,
     onStateChange: P,
-    componentName: H
+    componentName: U
   }), {
     highlightedValue: N,
     selectedValues: B
-  } = j, me = je((V, p) => D({
+  } = j, me = je((x, p) => M({
     type: S.textNavigation,
     event: p,
-    searchString: V
+    searchString: x
   })), K = i.useRef([]);
   i.useEffect(() => {
-    G(K.current, f, h) || (D({
+    J(K.current, g, h) || (M({
       type: S.itemsChange,
       event: null,
-      items: f,
+      items: g,
       previousItems: K.current
-    }), K.current = f, x == null || x(f));
-  }, [f, h, D, x]);
-  const pe = (V) => (p) => {
+    }), K.current = g, V == null || V(g));
+  }, [g, h, M, V]);
+  const pe = (x) => (p) => {
     var I;
-    if ((I = V.onKeyDown) == null || I.call(V, p), p.defaultMuiPrevented)
+    if ((I = x.onKeyDown) == null || I.call(x, p), p.defaultMuiPrevented)
       return;
     const R = ["Home", "End", "PageUp", "PageDown"];
-    T === "vertical" ? R.push("ArrowUp", "ArrowDown") : R.push("ArrowLeft", "ArrowRight"), o === "activeDescendant" && R.push(" ", "Enter"), R.includes(p.key) && p.preventDefault(), D({
+    T === "vertical" ? R.push("ArrowUp", "ArrowDown") : R.push("ArrowLeft", "ArrowRight"), o === "activeDescendant" && R.push(" ", "Enter"), R.includes(p.key) && p.preventDefault(), M({
       type: S.keyDown,
       key: p.key,
       event: p
     }), me(p);
-  }, be = (V) => (p) => {
+  }, be = (x) => (p) => {
     var I, R;
-    (I = V.onBlur) == null || I.call(V, p), !p.defaultMuiPrevented && ((R = A.current) != null && R.contains(p.relatedTarget) || D({
+    (I = x.onBlur) == null || I.call(x, p), !p.defaultMuiPrevented && ((R = A.current) != null && R.contains(p.relatedTarget) || M({
       type: S.blur,
       event: p
     }));
-  }, Ce = (V = {}) => {
-    const p = we(V);
-    return b({}, V, {
+  }, Ce = (x = {}) => {
+    const p = we(x);
+    return b({}, x, {
       "aria-activedescendant": o === "activeDescendant" && N != null ? u(N) : void 0,
       tabIndex: o === "DOM" ? -1 : 0,
       ref: F
@@ -437,22 +412,22 @@ function Ge(t) {
       onBlur: be(p),
       onKeyDown: pe(p)
     });
-  }, J = i.useCallback((V) => {
-    const p = (B ?? []).some((z) => z != null && h(V, z)), I = N != null && h(V, N);
+  }, G = i.useCallback((x) => {
+    const p = (B ?? []).some((z) => z != null && h(x, z)), I = N != null && h(x, N);
     return {
       focusable: o === "DOM",
       highlighted: I,
       selected: p
     };
   }, [h, B, N, o]), ve = i.useMemo(() => ({
-    dispatch: D,
-    getItemState: J
-  }), [D, J]);
+    dispatch: M,
+    getItemState: G
+  }), [M, G]);
   return i.useDebugValue({
     state: j
   }), {
     contextValue: ve,
-    dispatch: D,
+    dispatch: M,
     getRootProps: Ce,
     rootRef: F,
     state: j
@@ -460,9 +435,9 @@ function Ge(t) {
 }
 const ie = "Tabs";
 function Ye(t) {
-  return ee(ie, t);
+  return te(ie, t);
 }
-te(ie, ["root", "horizontal", "vertical"]);
+ne(ie, ["root", "horizontal", "vertical"]);
 function Xe(t) {
   const {
     value: e,
@@ -471,34 +446,34 @@ function Xe(t) {
     orientation: o = "horizontal",
     direction: a = "ltr",
     selectionFollowsFocus: s = !1
-  } = t, [u, r] = Ee({
+  } = t, [u, r] = Pe({
     controlled: e,
     default: l,
     name: "Tabs",
     state: "value"
-  }), c = i.useCallback((x, T) => {
-    r(T), n == null || n(x, T);
+  }), d = i.useCallback((V, T) => {
+    r(T), n == null || n(V, T);
   }, [n, r]), {
     subitems: m,
-    contextValue: f
+    contextValue: g
   } = Q(), h = i.useRef(() => {
-  }), g = i.useCallback((x) => {
+  }), f = i.useCallback((V) => {
     var T;
-    return (T = m.get(x)) == null ? void 0 : T.id;
-  }, [m]), d = i.useCallback((x) => h.current(x), []), C = i.useCallback((x) => {
-    h.current = x;
+    return (T = m.get(V)) == null ? void 0 : T.id;
+  }, [m]), c = i.useCallback((V) => h.current(V), []), C = i.useCallback((V) => {
+    h.current = V;
   }, []);
   return {
     contextValue: b({
       direction: a,
-      getTabId: d,
-      getTabPanelId: g,
-      onSelected: c,
+      getTabId: c,
+      getTabPanelId: f,
+      onSelected: d,
       orientation: o,
       registerTabIdLookup: C,
       selectionFollowsFocus: s,
       value: u
-    }, f)
+    }, g)
   };
 }
 function Qe(t) {
@@ -512,28 +487,28 @@ function Qe(t) {
     orientation: s,
     registerItem: u,
     registerTabIdLookup: r,
-    selectionFollowsFocus: c,
+    selectionFollowsFocus: d,
     totalSubitemCount: m,
-    value: f,
+    value: g,
     getTabId: h,
-    getTabPanelId: g
-  } = e, d = i.useMemo(() => ({
+    getTabPanelId: f
+  } = e, c = i.useMemo(() => ({
     getItemIndex: o,
     registerItem: u,
     totalSubitemCount: m
   }), [u, o, m]), C = i.useMemo(() => ({
     direction: n,
     getTabId: h,
-    getTabPanelId: g,
+    getTabPanelId: f,
     onSelected: a,
     orientation: s,
     registerTabIdLookup: r,
-    selectionFollowsFocus: c,
-    value: f
-  }), [n, h, g, a, s, r, c, f]);
-  return /* @__PURE__ */ M(Z.Provider, {
-    value: d,
-    children: /* @__PURE__ */ M(Ve.Provider, {
+    selectionFollowsFocus: d,
+    value: g
+  }), [n, h, f, a, s, r, d, g]);
+  return /* @__PURE__ */ E(Z.Provider, {
+    value: c,
+    children: /* @__PURE__ */ E(Te.Provider, {
       value: C,
       children: l
     })
@@ -554,24 +529,24 @@ const Ze = ["children", "value", "defaultValue", "orientation", "direction", "on
     direction: s = "ltr",
     slotProps: u = {},
     slots: r = {}
-  } = e, c = ne(e, Ze), m = b({}, e, {
+  } = e, d = ee(e, Ze), m = b({}, e, {
     orientation: a,
     direction: s
   }), {
-    contextValue: f
-  } = Xe(m), h = et(m), g = (n = r.root) != null ? n : "div", d = oe({
-    elementType: g,
+    contextValue: g
+  } = Xe(m), h = et(m), f = (n = r.root) != null ? n : "div", c = oe({
+    elementType: f,
     externalSlotProps: u.root,
-    externalForwardedProps: c,
+    externalForwardedProps: d,
     additionalProps: {
       ref: l
     },
     ownerState: m,
     className: h.root
   });
-  return /* @__PURE__ */ M(g, b({}, d, {
-    children: /* @__PURE__ */ M(Qe, {
-      value: f,
+  return /* @__PURE__ */ E(f, b({}, c, {
+    children: /* @__PURE__ */ E(Qe, {
+      value: g,
       children: o
     })
   }));
@@ -635,9 +610,9 @@ process.env.NODE_ENV !== "production" && (ue.propTypes = {
 });
 const ce = "TabsList";
 function tt(t) {
-  return ee(ce, t);
+  return te(ce, t);
 }
-te(ce, ["root", "horizontal", "vertical"]);
+ne(ce, ["root", "horizontal", "vertical"]);
 const de = {
   valueChange: "valueChange"
 };
@@ -673,48 +648,48 @@ function ot(t) {
     value: s,
     registerTabIdLookup: u,
     selectionFollowsFocus: r
-  } = xe(), {
-    subitems: c,
+  } = Ie(), {
+    subitems: d,
     contextValue: m
-  } = Q(), f = i.useCallback((P) => {
-    var E;
-    return (E = c.get(P)) == null ? void 0 : E.id;
-  }, [c]);
-  u(f);
-  const h = i.useMemo(() => Array.from(c.keys()), [c]), g = i.useCallback((P) => {
-    var E, y;
-    return P == null ? null : (E = (y = c.get(P)) == null ? void 0 : y.ref.current) != null ? E : null;
-  }, [c]), d = n === "rtl";
-  let C;
-  a === "vertical" ? C = "vertical" : C = d ? "horizontal-rtl" : "horizontal-ltr";
-  const x = i.useCallback((P, E) => {
+  } = Q(), g = i.useCallback((P) => {
     var y;
-    o(P, (y = E[0]) != null ? y : null);
+    return (y = d.get(P)) == null ? void 0 : y.id;
+  }, [d]);
+  u(g);
+  const h = i.useMemo(() => Array.from(d.keys()), [d]), f = i.useCallback((P) => {
+    var y, D;
+    return P == null ? null : (y = (D = d.get(P)) == null ? void 0 : D.ref.current) != null ? y : null;
+  }, [d]), c = n === "rtl";
+  let C;
+  a === "vertical" ? C = "vertical" : C = c ? "horizontal-rtl" : "horizontal-ltr";
+  const V = i.useCallback((P, y) => {
+    var D;
+    o(P, (D = y[0]) != null ? D : null);
   }, [o]), T = i.useMemo(() => s === void 0 ? {} : s != null ? {
     selectedValues: [s]
   } : {
     selectedValues: []
-  }, [s]), L = i.useCallback((P) => {
-    var E, y;
-    return (E = (y = c.get(P)) == null ? void 0 : y.disabled) != null ? E : !1;
-  }, [c]), {
-    contextValue: k,
+  }, [s]), $ = i.useCallback((P) => {
+    var y, D;
+    return (y = (D = d.get(P)) == null ? void 0 : D.disabled) != null ? y : !1;
+  }, [d]), {
+    contextValue: L,
     dispatch: O,
     getRootProps: _,
     state: {
-      highlightedValue: H,
+      highlightedValue: U,
       selectedValues: A
     },
     rootRef: F
-  } = Ge({
+  } = Je({
     controlledProps: T,
     disabledItemsFocusable: !r,
     focusManagement: "DOM",
-    getItemDomElement: g,
-    isItemDisabled: L,
+    getItemDomElement: f,
+    isItemDisabled: $,
     items: h,
     rootRef: l,
-    onChange: x,
+    onChange: V,
     orientation: C,
     reducerActionContext: i.useMemo(() => ({
       selectionFollowsFocus: r || !1
@@ -728,16 +703,16 @@ function ot(t) {
       value: s
     });
   }, [O, s]);
-  const $ = (P = {}) => b({}, P, _(P), {
+  const k = (P = {}) => b({}, P, _(P), {
     "aria-orientation": a === "vertical" ? "vertical" : void 0,
     role: "tablist"
   });
   return {
-    contextValue: i.useMemo(() => b({}, m, k), [m, k]),
+    contextValue: i.useMemo(() => b({}, m, L), [m, L]),
     dispatch: O,
-    getRootProps: $,
-    highlightedValue: H,
-    isRtl: d,
+    getRootProps: k,
+    highlightedValue: U,
+    isRtl: c,
     orientation: a,
     rootRef: F,
     selectedValue: (e = A[0]) != null ? e : null
@@ -757,14 +732,14 @@ function lt(t) {
     dispatch: n,
     getItemState: a,
     getItemIndex: o
-  }), [n, o, a]), c = i.useMemo(() => ({
+  }), [n, o, a]), d = i.useMemo(() => ({
     getItemIndex: o,
     registerItem: s,
     totalSubitemCount: u
   }), [s, o, u]);
-  return /* @__PURE__ */ M(Z.Provider, {
-    value: c,
-    children: /* @__PURE__ */ M(Pe.Provider, {
+  return /* @__PURE__ */ E(Z.Provider, {
+    value: d,
+    children: /* @__PURE__ */ E(ye.Provider, {
       value: r,
       children: l
     })
@@ -783,27 +758,27 @@ const st = ["children", "slotProps", "slots"], rt = (t) => {
     children: o,
     slotProps: a = {},
     slots: s = {}
-  } = e, u = ne(e, st), {
+  } = e, u = ee(e, st), {
     isRtl: r,
-    orientation: c,
+    orientation: d,
     getRootProps: m,
-    contextValue: f
+    contextValue: g
   } = ot({
     rootRef: l
   }), h = b({}, e, {
     isRtl: r,
-    orientation: c
-  }), g = rt(h), d = (n = s.root) != null ? n : "div", C = oe({
-    elementType: d,
+    orientation: d
+  }), f = rt(h), c = (n = s.root) != null ? n : "div", C = oe({
+    elementType: c,
     getSlotProps: m,
     externalSlotProps: a.root,
     externalForwardedProps: u,
     ownerState: h,
-    className: g.root
+    className: f.root
   });
-  return /* @__PURE__ */ M(lt, {
-    value: f,
-    children: /* @__PURE__ */ M(d, b({}, C, {
+  return /* @__PURE__ */ E(lt, {
+    value: g,
+    children: /* @__PURE__ */ E(c, b({}, C, {
       children: o
     }))
   });
@@ -837,16 +812,12 @@ process.env.NODE_ENV !== "production" && (he.propTypes = {
     root: v.elementType
   })
 });
-const ht = Ie(({
-  children: t,
-  onChange: e,
-  dataTestId: l
-}, n) => {
-  const [o, a] = Se("1");
-  return /* @__PURE__ */ M(ue, { "data-testid": l, value: o, onChange: (u, r) => {
+const ft = xe(({ children: t, onChange: e, dataTestId: l }, n) => {
+  const [o, a] = Ve("1");
+  return /* @__PURE__ */ E(ue, { "data-testid": l, value: o, onChange: (u, r) => {
     a(r), e && e(r, u);
-  }, ref: n, children: /* @__PURE__ */ M(he, { className: Te.tabs, children: t }) });
+  }, ref: n, children: /* @__PURE__ */ E(he, { className: Se.tabs, children: t }) });
 });
 export {
-  ht as Tabs
+  ft as Tabs
 };