@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.1

package/dist/components/Tabs/Tabs.js

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