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

package/dist/components/Tabs/Tabs.js

@@ -1,133 +1,582 @@
-import { jsx as T } from "react/jsx-runtime";
-import * as r from "react";
-import { forwardRef as q, useState as B } from "react";
-import { T as G, u as J, s as Q } from "../../Tabs.module-jkH1Qjn7.js";
-import { Tab as Le } from "./Tab.js";
-import { TabPanel as _e } from "./TabPanel.js";
-import { g as I, a as _, b as C, _ as F, c as $, P as t, d as N, e as M } from "../../index-CH45lKw7.js";
-import { b as O, C as S } from "../../useCompoundItem-D1iRfg8D.js";
-import { u as X } from "../../useControlled-CCMYYdCM.js";
-import { L as Y, a as Z } from "../../combineHooksSlotProps-DVjg9PRh.js";
-import { l as ee, m as te, u as oe } from "../../useList-B0hog_3-.js";
-const k = "Tabs";
-function se(s) {
-  return I(k, s);
+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 * 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) {
+  return t.length === e.length && t.every((n, o) => l(n, e[o]));
 }
-_(k, ["root", "horizontal", "vertical"]);
-function ne(s) {
+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) {
+  return t === e;
+}
+const W = {}, Y = () => {
+};
+function q(t, e) {
+  const l = b({}, t);
+  return Object.keys(e).forEach((n) => {
+    e[n] !== void 0 && (l[n] = e[n]);
+  }), l;
+}
+function Me(t) {
+  const {
+    nextState: e,
+    initialState: l,
+    stateComparers: n,
+    onStateChange: o,
+    controlledProps: a,
+    lastActionRef: s
+  } = t, u = i.useRef(l);
+  i.useEffect(() => {
+    if (s.current === null)
+      return;
+    const r = q(u.current, a);
+    Object.keys(e).forEach((c) => {
+      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);
+      }
+    }), u.current = e, s.current = null;
+  }, [u, e, s, o, n, a]);
+}
+function De(t) {
+  const e = i.useRef(null), {
+    reducer: l,
+    initialState: n,
+    controlledProps: o = W,
+    stateComparers: a = W,
+    onStateChange: s = Y,
+    actionContext: u,
+    componentName: r = ""
+  } = t, c = 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}`);
+    });
+  }, [o, r]);
+  const m = i.useCallback((d, 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, {
+      context: u
+    }));
+  }, [u]);
+  return Me({
+    nextState: f,
+    initialState: n,
+    stateComparers: a ?? W,
+    onStateChange: s ?? Y,
+    controlledProps: o,
+    lastActionRef: e
+  }), [q(f, o), g];
+}
+function Oe(t, e, l, n, o, a) {
+  if (l.length === 0 || !n && l.every((u, r) => o(u, r)))
+    return -1;
+  let s = t;
+  for (; ; ) {
+    if (!a && e === "next" && s === l.length || !a && e === "previous" && s === -1)
+      return -1;
+    if (n ? !1 : o(l[s], s))
+      s += e === "next" ? 1 : -1, a && (s = (s + l.length) % l.length);
+    else
+      return s;
+  }
+}
+function w(t, e, l) {
+  var n;
+  const {
+    items: o,
+    isItemDisabled: a,
+    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;
+  switch (e) {
+    case "reset":
+      if (m === -1)
+        return null;
+      g = 0, d = "next", C = !1;
+      break;
+    case "start":
+      g = 0, d = "next", C = !1;
+      break;
+    case "end":
+      g = f, d = "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");
+    }
+  }
+  const x = Oe(g, d, o, u, a, C);
+  return x === -1 && t !== null && !a(t, h) ? t : (n = o[x]) != null ? n : null;
+}
+function $e(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) {
+  const {
+    itemComparer: n,
+    isItemDisabled: o,
+    selectionMode: a,
+    items: s
+  } = l, {
+    selectedValues: u
+  } = e, r = s.findIndex((m) => n(t, m));
+  if (o(t, r))
+    return e;
+  const c = $e(t, u, a, n);
+  return b({}, e, {
+    selectedValues: c,
+    highlightedValue: t
+  });
+}
+function ke(t, e, l) {
+  const n = e.highlightedValue, {
+    orientation: o,
+    pageSize: a
+  } = l;
+  switch (t) {
+    case "Home":
+      return b({}, e, {
+        highlightedValue: w(n, "start", l)
+      });
+    case "End":
+      return b({}, e, {
+        highlightedValue: w(n, "end", l)
+      });
+    case "PageUp":
+      return b({}, e, {
+        highlightedValue: w(n, -a, l)
+      });
+    case "PageDown":
+      return b({}, e, {
+        highlightedValue: w(n, a, l)
+      });
+    case "ArrowUp":
+      if (o !== "vertical")
+        break;
+      return b({}, e, {
+        highlightedValue: w(n, -1, l)
+      });
+    case "ArrowDown":
+      if (o !== "vertical")
+        break;
+      return b({}, e, {
+        highlightedValue: w(n, 1, l)
+      });
+    case "ArrowLeft": {
+      if (o === "vertical")
+        break;
+      return b({}, e, {
+        highlightedValue: w(n, o === "horizontal-ltr" ? -1 : 1, l)
+      });
+    }
+    case "ArrowRight": {
+      if (o === "vertical")
+        break;
+      return b({}, e, {
+        highlightedValue: w(n, o === "horizontal-ltr" ? 1 : -1, l)
+      });
+    }
+    case "Enter":
+    case " ":
+      return e.highlightedValue === null ? e : re(e.highlightedValue, e, l);
+  }
+  return e;
+}
+function Ne(t, e) {
+  return e.focusManagement === "DOM" ? t : b({}, t, {
+    highlightedValue: null
+  });
+}
+function Le(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;
+}
+function _e(t, e, l) {
+  const {
+    items: n,
+    isItemDisabled: o,
+    disabledItemsFocusable: a,
+    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) {
+    if (!r || !u && t.highlightedValue === r)
+      return t;
+    if (Le(r, e, s) && (!o(r, n.indexOf(r)) || a))
+      return b({}, t, {
+        highlightedValue: r
+      });
+    r = w(r, 1, l);
+  }
+  return t;
+}
+function Ae(t, e, l, n) {
+  var o;
+  const {
+    itemComparer: a,
+    focusManagement: s
+  } = n;
+  let u = null;
+  if (l.highlightedValue != null) {
+    var r;
+    u = (r = t.find((f) => a(f, 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)));
+  return b({}, l, {
+    highlightedValue: u,
+    selectedValues: m
+  });
+}
+function Fe(t, e) {
+  return b({}, t, {
+    highlightedValue: w(null, "reset", e)
+  });
+}
+function Ue(t, e) {
+  return b({}, t, {
+    highlightedValue: w(null, "end", e)
+  });
+}
+function ze(t, e) {
+  return b({}, t, {
+    selectedValues: [],
+    highlightedValue: w(null, "reset", e)
+  });
+}
+function ae(t, e) {
+  const {
+    type: l,
+    context: n
+  } = e;
+  switch (l) {
+    case S.keyDown:
+      return ke(e.key, t, n);
+    case S.itemClick:
+      return re(e.item, t, n);
+    case S.blur:
+      return Ne(t, n);
+    case S.textNavigation:
+      return _e(t, e.searchString, n);
+    case S.itemsChange:
+      return Ae(e.items, e.previousItems, t, n);
+    case S.resetHighlight:
+      return Fe(t, n);
+    case S.highlightLast:
+      return Ue(t, n);
+    case S.clearSelection:
+      return ze(t, n);
+    default:
+      return t;
+  }
+}
+const He = 500;
+function je(t) {
+  const e = i.useRef({
+    searchString: "",
+    lastTime: null
+  });
+  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);
+    }
+  }, [t]);
+}
+const X = {}, Be = () => {
+}, Ke = (t, e) => t === e, We = () => !1, qe = (t) => typeof t == "string" ? t : String(t), Je = () => ({
+  highlightedValue: null,
+  selectedValues: []
+});
+function Ge(t) {
+  const {
+    controlledProps: e = X,
+    disabledItemsFocusable: l = !1,
+    disableListWrap: n = !1,
+    focusManagement: o = "activeDescendant",
+    getInitialState: a = Je,
+    getItemDomElement: s,
+    getItemId: u,
+    isItemDisabled: r = We,
+    rootRef: c,
+    onStateChange: m = Be,
+    items: f,
+    itemComparer: h = Ke,
+    getItemAsString: g = qe,
+    onChange: d,
+    onHighlightChange: C,
+    onItemsChange: x,
+    orientation: T = "vertical",
+    pageSize: L = 5,
+    reducerActionContext: k = X,
+    selectionMode: O = "single",
+    stateReducer: _,
+    componentName: H = "useList"
+  } = t;
+  if (process.env.NODE_ENV !== "production") {
+    if (o === "DOM" && s == null)
+      throw new Error("useList: The `getItemDomElement` prop is required when using the `DOM` focus management.");
+    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)) {
+      var R;
+      s == null || (R = s(p)) == null || R.focus();
+    }
+  }, [s, C, o]), U = 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) {
+      case "highlightedValue":
+        $(V, I, R);
+        break;
+      case "selectedValues":
+        d == null || d(V, I, R);
+        break;
+    }
+  }, [$, d, m]), E = i.useMemo(() => ({
+    disabledItemsFocusable: l,
+    disableListWrap: n,
+    focusManagement: o,
+    isItemDisabled: r,
+    itemComparer: h,
+    items: f,
+    getItemAsString: g,
+    onHighlightChange: $,
+    orientation: T,
+    pageSize: L,
+    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,
+    controlledProps: e,
+    stateComparers: U,
+    onStateChange: P,
+    componentName: H
+  }), {
+    highlightedValue: N,
+    selectedValues: B
+  } = j, me = je((V, p) => D({
+    type: S.textNavigation,
+    event: p,
+    searchString: V
+  })), K = i.useRef([]);
+  i.useEffect(() => {
+    G(K.current, f, h) || (D({
+      type: S.itemsChange,
+      event: null,
+      items: f,
+      previousItems: K.current
+    }), K.current = f, x == null || x(f));
+  }, [f, h, D, x]);
+  const pe = (V) => (p) => {
+    var I;
+    if ((I = V.onKeyDown) == null || I.call(V, 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({
+      type: S.keyDown,
+      key: p.key,
+      event: p
+    }), me(p);
+  }, be = (V) => (p) => {
+    var I, R;
+    (I = V.onBlur) == null || I.call(V, p), !p.defaultMuiPrevented && ((R = A.current) != null && R.contains(p.relatedTarget) || D({
+      type: S.blur,
+      event: p
+    }));
+  }, Ce = (V = {}) => {
+    const p = we(V);
+    return b({}, V, {
+      "aria-activedescendant": o === "activeDescendant" && N != null ? u(N) : void 0,
+      tabIndex: o === "DOM" ? -1 : 0,
+      ref: F
+    }, p, {
+      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);
+    return {
+      focusable: o === "DOM",
+      highlighted: I,
+      selected: p
+    };
+  }, [h, B, N, o]), ve = i.useMemo(() => ({
+    dispatch: D,
+    getItemState: J
+  }), [D, J]);
+  return i.useDebugValue({
+    state: j
+  }), {
+    contextValue: ve,
+    dispatch: D,
+    getRootProps: Ce,
+    rootRef: F,
+    state: j
+  };
+}
+const ie = "Tabs";
+function Ye(t) {
+  return ee(ie, t);
+}
+te(ie, ["root", "horizontal", "vertical"]);
+function Xe(t) {
   const {
     value: e,
-    defaultValue: o,
+    defaultValue: l,
     onChange: n,
-    orientation: i = "horizontal",
-    direction: c = "ltr",
-    selectionFollowsFocus: l = !1
-  } = s, [d, u] = X({
+    orientation: o = "horizontal",
+    direction: a = "ltr",
+    selectionFollowsFocus: s = !1
+  } = t, [u, r] = Ee({
     controlled: e,
-    default: o,
+    default: l,
     name: "Tabs",
     state: "value"
-  }), a = r.useCallback((x, y) => {
-    u(y), n == null || n(x, y);
-  }, [n, u]), {
+  }), c = i.useCallback((x, T) => {
+    r(T), n == null || n(x, T);
+  }, [n, r]), {
     subitems: m,
-    contextValue: g
-  } = O(), p = r.useRef(() => {
-  }), b = r.useCallback((x) => {
-    var y;
-    return (y = m.get(x)) == null ? void 0 : y.id;
-  }, [m]), f = r.useCallback((x) => p.current(x), []), P = r.useCallback((x) => {
-    p.current = x;
+    contextValue: f
+  } = Q(), h = i.useRef(() => {
+  }), g = i.useCallback((x) => {
+    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 {
-    contextValue: C({
-      direction: c,
-      getTabId: f,
-      getTabPanelId: b,
-      onSelected: a,
-      orientation: i,
-      registerTabIdLookup: P,
-      selectionFollowsFocus: l,
-      value: d
-    }, g)
+    contextValue: b({
+      direction: a,
+      getTabId: d,
+      getTabPanelId: g,
+      onSelected: c,
+      orientation: o,
+      registerTabIdLookup: C,
+      selectionFollowsFocus: s,
+      value: u
+    }, f)
   };
 }
-function le(s) {
+function Qe(t) {
   const {
     value: e,
-    children: o
-  } = s, {
+    children: l
+  } = t, {
     direction: n,
-    getItemIndex: i,
-    onSelected: c,
-    orientation: l,
-    registerItem: d,
-    registerTabIdLookup: u,
-    selectionFollowsFocus: a,
+    getItemIndex: o,
+    onSelected: a,
+    orientation: s,
+    registerItem: u,
+    registerTabIdLookup: r,
+    selectionFollowsFocus: c,
     totalSubitemCount: m,
-    value: g,
-    getTabId: p,
-    getTabPanelId: b
-  } = e, f = r.useMemo(() => ({
-    getItemIndex: i,
-    registerItem: d,
+    value: f,
+    getTabId: h,
+    getTabPanelId: g
+  } = e, d = i.useMemo(() => ({
+    getItemIndex: o,
+    registerItem: u,
     totalSubitemCount: m
-  }), [d, i, m]), P = r.useMemo(() => ({
+  }), [u, o, m]), C = i.useMemo(() => ({
     direction: n,
-    getTabId: p,
-    getTabPanelId: b,
-    onSelected: c,
-    orientation: l,
-    registerTabIdLookup: u,
-    selectionFollowsFocus: a,
-    value: g
-  }), [n, p, b, c, l, u, a, g]);
-  return /* @__PURE__ */ T(S.Provider, {
-    value: f,
-    children: /* @__PURE__ */ T(G.Provider, {
-      value: P,
-      children: o
+    getTabId: h,
+    getTabPanelId: g,
+    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, {
+      value: C,
+      children: l
     })
   });
 }
-const re = ["children", "value", "defaultValue", "orientation", "direction", "onChange", "selectionFollowsFocus", "slotProps", "slots"], ae = (s) => {
+const Ze = ["children", "value", "defaultValue", "orientation", "direction", "onChange", "selectionFollowsFocus", "slotProps", "slots"], et = (t) => {
   const {
     orientation: e
-  } = s;
-  return N({
+  } = t;
+  return le({
     root: ["root", e]
-  }, M(se));
-}, w = /* @__PURE__ */ r.forwardRef(function(e, o) {
+  }, se(Ye));
+}, ue = /* @__PURE__ */ i.forwardRef(function(e, l) {
   var n;
   const {
-    children: i,
-    orientation: c = "horizontal",
-    direction: l = "ltr",
-    slotProps: d = {},
-    slots: u = {}
-  } = e, a = F(e, re), m = C({}, e, {
-    orientation: c,
-    direction: l
+    children: o,
+    orientation: a = "horizontal",
+    direction: s = "ltr",
+    slotProps: u = {},
+    slots: r = {}
+  } = e, c = ne(e, Ze), m = b({}, e, {
+    orientation: a,
+    direction: s
   }), {
-    contextValue: g
-  } = ne(m), p = ae(m), b = (n = u.root) != null ? n : "div", f = $({
-    elementType: b,
-    externalSlotProps: d.root,
-    externalForwardedProps: a,
+    contextValue: f
+  } = Xe(m), h = et(m), g = (n = r.root) != null ? n : "div", d = oe({
+    elementType: g,
+    externalSlotProps: u.root,
+    externalForwardedProps: c,
     additionalProps: {
-      ref: o
+      ref: l
     },
     ownerState: m,
-    className: p.root
+    className: h.root
   });
-  return /* @__PURE__ */ T(b, C({}, f, {
-    children: /* @__PURE__ */ T(le, {
-      value: g,
-      children: i
+  return /* @__PURE__ */ M(g, b({}, d, {
+    children: /* @__PURE__ */ M(Qe, {
+      value: f,
+      children: o
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (w.propTypes = {
+process.env.NODE_ENV !== "production" && (ue.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -135,231 +584,231 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: v.node,
   /**
    * @ignore
    */
-  className: t.string,
+  className: v.string,
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: t.oneOfType([t.number, t.string]),
+  defaultValue: v.oneOfType([v.number, v.string]),
   /**
    * The direction of the text.
    * @default 'ltr'
    */
-  direction: t.oneOf(["ltr", "rtl"]),
+  direction: v.oneOf(["ltr", "rtl"]),
   /**
    * Callback invoked when new value is being set.
    */
-  onChange: t.func,
+  onChange: v.func,
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation: t.oneOf(["horizontal", "vertical"]),
+  orientation: v.oneOf(["horizontal", "vertical"]),
   /**
    * If `true` the selected tab changes on focus. Otherwise it only
    * changes on activation.
    */
-  selectionFollowsFocus: t.bool,
+  selectionFollowsFocus: v.bool,
   /**
    * The props used for each slot inside the Tabs.
    * @default {}
    */
-  slotProps: t.shape({
-    root: t.oneOfType([t.func, t.object])
+  slotProps: v.shape({
+    root: v.oneOfType([v.func, v.object])
   }),
   /**
    * The components used for each slot inside the Tabs.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: t.shape({
-    root: t.elementType
+  slots: v.shape({
+    root: v.elementType
   }),
   /**
    * The value of the currently selected `Tab`.
    * If you don't want any selected `Tab`, you can set this prop to `null`.
    */
-  value: t.oneOfType([t.number, t.string])
+  value: v.oneOfType([v.number, v.string])
 });
-const E = "TabsList";
-function ie(s) {
-  return I(E, s);
+const ce = "TabsList";
+function tt(t) {
+  return ee(ce, t);
 }
-_(E, ["root", "horizontal", "vertical"]);
-const z = {
+te(ce, ["root", "horizontal", "vertical"]);
+const de = {
   valueChange: "valueChange"
 };
-function ue(s, e) {
-  if (e.type === z.valueChange)
-    return C({}, s, {
+function nt(t, e) {
+  if (e.type === de.valueChange)
+    return b({}, t, {
       highlightedValue: e.value
     });
-  const o = ee(s, e), {
+  const l = ae(t, e), {
     context: {
       selectionFollowsFocus: n
     }
   } = e;
-  if (e.type === Y.itemsChange) {
-    if (o.selectedValues.length > 0)
-      return C({}, o, {
-        highlightedValue: o.selectedValues[0]
+  if (e.type === S.itemsChange) {
+    if (l.selectedValues.length > 0)
+      return b({}, l, {
+        highlightedValue: l.selectedValues[0]
       });
-    te(null, "reset", e.context);
+    w(null, "reset", e.context);
   }
-  return n && o.highlightedValue != null ? C({}, o, {
-    selectedValues: [o.highlightedValue]
-  }) : o;
+  return n && l.highlightedValue != null ? b({}, l, {
+    selectedValues: [l.highlightedValue]
+  }) : l;
 }
-function ce(s) {
+function ot(t) {
   var e;
   const {
-    rootRef: o
-  } = s, {
+    rootRef: l
+  } = t, {
     direction: n = "ltr",
-    onSelected: i,
-    orientation: c = "horizontal",
-    value: l,
-    registerTabIdLookup: d,
-    selectionFollowsFocus: u
-  } = J(), {
-    subitems: a,
+    onSelected: o,
+    orientation: a = "horizontal",
+    value: s,
+    registerTabIdLookup: u,
+    selectionFollowsFocus: r
+  } = xe(), {
+    subitems: c,
     contextValue: m
-  } = O(), g = r.useCallback((h) => {
-    var v;
-    return (v = a.get(h)) == null ? void 0 : v.id;
-  }, [a]);
-  d(g);
-  const p = r.useMemo(() => Array.from(a.keys()), [a]), b = r.useCallback((h) => {
-    var v, V;
-    return h == null ? null : (v = (V = a.get(h)) == null ? void 0 : V.ref.current) != null ? v : null;
-  }, [a]), f = n === "rtl";
-  let P;
-  c === "vertical" ? P = "vertical" : P = f ? "horizontal-rtl" : "horizontal-ltr";
-  const x = r.useCallback((h, v) => {
-    var V;
-    i(h, (V = v[0]) != null ? V : null);
-  }, [i]), y = r.useMemo(() => l === void 0 ? {} : l != null ? {
-    selectedValues: [l]
+  } = 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) => {
+    var y;
+    o(P, (y = E[0]) != null ? y : null);
+  }, [o]), T = i.useMemo(() => s === void 0 ? {} : s != null ? {
+    selectedValues: [s]
   } : {
     selectedValues: []
-  }, [l]), U = r.useCallback((h) => {
-    var v, V;
-    return (v = (V = a.get(h)) == null ? void 0 : V.disabled) != null ? v : !1;
-  }, [a]), {
-    contextValue: L,
-    dispatch: R,
-    getRootProps: D,
+  }, [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,
+    dispatch: O,
+    getRootProps: _,
     state: {
-      highlightedValue: j,
-      selectedValues: H
+      highlightedValue: H,
+      selectedValues: A
     },
-    rootRef: K
-  } = oe({
-    controlledProps: y,
-    disabledItemsFocusable: !u,
+    rootRef: F
+  } = Ge({
+    controlledProps: T,
+    disabledItemsFocusable: !r,
     focusManagement: "DOM",
-    getItemDomElement: b,
-    isItemDisabled: U,
-    items: p,
-    rootRef: o,
+    getItemDomElement: g,
+    isItemDisabled: L,
+    items: h,
+    rootRef: l,
     onChange: x,
-    orientation: P,
-    reducerActionContext: r.useMemo(() => ({
-      selectionFollowsFocus: u || !1
-    }), [u]),
+    orientation: C,
+    reducerActionContext: i.useMemo(() => ({
+      selectionFollowsFocus: r || !1
+    }), [r]),
     selectionMode: "single",
-    stateReducer: ue
+    stateReducer: nt
   });
-  r.useEffect(() => {
-    l !== void 0 && l != null && R({
-      type: z.valueChange,
-      value: l
+  i.useEffect(() => {
+    s !== void 0 && s != null && O({
+      type: de.valueChange,
+      value: s
     });
-  }, [R, l]);
-  const W = (h = {}) => C({}, h, D(h), {
-    "aria-orientation": c === "vertical" ? "vertical" : void 0,
+  }, [O, s]);
+  const $ = (P = {}) => b({}, P, _(P), {
+    "aria-orientation": a === "vertical" ? "vertical" : void 0,
     role: "tablist"
   });
   return {
-    contextValue: r.useMemo(() => C({}, m, L), [m, L]),
-    dispatch: R,
-    getRootProps: W,
-    highlightedValue: j,
-    isRtl: f,
-    orientation: c,
-    rootRef: K,
-    selectedValue: (e = H[0]) != null ? e : null
+    contextValue: i.useMemo(() => b({}, m, k), [m, k]),
+    dispatch: O,
+    getRootProps: $,
+    highlightedValue: H,
+    isRtl: d,
+    orientation: a,
+    rootRef: F,
+    selectedValue: (e = A[0]) != null ? e : null
   };
 }
-function de(s) {
+function lt(t) {
   const {
     value: e,
-    children: o
-  } = s, {
+    children: l
+  } = t, {
     dispatch: n,
-    getItemIndex: i,
-    getItemState: c,
-    registerItem: l,
-    totalSubitemCount: d
-  } = e, u = r.useMemo(() => ({
+    getItemIndex: o,
+    getItemState: a,
+    registerItem: s,
+    totalSubitemCount: u
+  } = e, r = i.useMemo(() => ({
     dispatch: n,
-    getItemState: c,
-    getItemIndex: i
-  }), [n, i, c]), a = r.useMemo(() => ({
-    getItemIndex: i,
-    registerItem: l,
-    totalSubitemCount: d
-  }), [l, i, d]);
-  return /* @__PURE__ */ T(S.Provider, {
-    value: a,
-    children: /* @__PURE__ */ T(Z.Provider, {
-      value: u,
-      children: o
+    getItemState: a,
+    getItemIndex: o
+  }), [n, o, a]), c = i.useMemo(() => ({
+    getItemIndex: o,
+    registerItem: s,
+    totalSubitemCount: u
+  }), [s, o, u]);
+  return /* @__PURE__ */ M(Z.Provider, {
+    value: c,
+    children: /* @__PURE__ */ M(Pe.Provider, {
+      value: r,
+      children: l
     })
   });
 }
-const me = ["children", "slotProps", "slots"], pe = (s) => {
+const st = ["children", "slotProps", "slots"], rt = (t) => {
   const {
     orientation: e
-  } = s;
-  return N({
+  } = t;
+  return le({
     root: ["root", e]
-  }, M(ie));
-}, A = /* @__PURE__ */ r.forwardRef(function(e, o) {
+  }, se(tt));
+}, he = /* @__PURE__ */ i.forwardRef(function(e, l) {
   var n;
   const {
-    children: i,
-    slotProps: c = {},
-    slots: l = {}
-  } = e, d = F(e, me), {
-    isRtl: u,
-    orientation: a,
+    children: o,
+    slotProps: a = {},
+    slots: s = {}
+  } = e, u = ne(e, st), {
+    isRtl: r,
+    orientation: c,
     getRootProps: m,
-    contextValue: g
-  } = ce({
-    rootRef: o
-  }), p = C({}, e, {
-    isRtl: u,
-    orientation: a
-  }), b = pe(p), f = (n = l.root) != null ? n : "div", P = $({
-    elementType: f,
+    contextValue: f
+  } = ot({
+    rootRef: l
+  }), h = b({}, e, {
+    isRtl: r,
+    orientation: c
+  }), g = rt(h), d = (n = s.root) != null ? n : "div", C = oe({
+    elementType: d,
     getSlotProps: m,
-    externalSlotProps: c.root,
-    externalForwardedProps: d,
-    ownerState: p,
-    className: b.root
+    externalSlotProps: a.root,
+    externalForwardedProps: u,
+    ownerState: h,
+    className: g.root
   });
-  return /* @__PURE__ */ T(de, {
-    value: g,
-    children: /* @__PURE__ */ T(f, C({}, P, {
-      children: i
+  return /* @__PURE__ */ M(lt, {
+    value: f,
+    children: /* @__PURE__ */ M(d, b({}, C, {
+      children: o
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (he.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -367,35 +816,37 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: v.node,
   /**
    * @ignore
    */
-  className: t.string,
+  className: v.string,
   /**
    * The props used for each slot inside the TabsList.
    * @default {}
    */
-  slotProps: t.shape({
-    root: t.oneOfType([t.func, t.object])
+  slotProps: v.shape({
+    root: v.oneOfType([v.func, v.object])
   }),
   /**
    * The components used for each slot inside the TabsList.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: t.shape({
-    root: t.elementType
+  slots: v.shape({
+    root: v.elementType
   })
 });
-const Ve = q(({ children: s, onChange: e, dataTestId: o }, n) => {
-  const [i, c] = B("1");
-  return /* @__PURE__ */ T(w, { "data-testid": o, value: i, onChange: (d, u) => {
-    c(u), e && e(u, d);
-  }, ref: n, children: /* @__PURE__ */ T(A, { className: Q.tabs, children: s }) });
+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) => {
+    a(r), e && e(r, u);
+  }, ref: n, children: /* @__PURE__ */ M(he, { className: Te.tabs, children: t }) });
 });
 export {
-  Le as Tab,
-  _e as TabPanel,
-  Ve as Tabs
+  ht as Tabs
 };