@pismo/marola 0.0.1-alpha.1 → 0.0.1-alpha.11

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,827 @@
+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]));
+}
+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) {
+  const {
+    value: e,
+    defaultValue: l,
+    onChange: n,
+    orientation: o = "horizontal",
+    direction: a = "ltr",
+    selectionFollowsFocus: s = !1
+  } = t, [u, r] = ye({
+    controlled: e,
+    default: l,
+    name: "Tabs",
+    state: "value"
+  }), d = i.useCallback((V, T) => {
+    r(T), n == null || n(V, T);
+  }, [n, r]), {
+    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;
+  }, []);
+  return {
+    contextValue: b({
+      direction: a,
+      getTabId: c,
+      getTabPanelId: f,
+      onSelected: d,
+      orientation: o,
+      registerTabIdLookup: C,
+      selectionFollowsFocus: s,
+      value: u
+    }, g)
+  };
+}
+function Qe(t) {
+  const {
+    value: e,
+    children: l
+  } = t, {
+    direction: n,
+    getItemIndex: o,
+    onSelected: a,
+    orientation: s,
+    registerItem: u,
+    registerTabIdLookup: r,
+    selectionFollowsFocus: d,
+    totalSubitemCount: m,
+    value: g,
+    getTabId: h,
+    getTabPanelId: f
+  } = e, c = i.useMemo(() => ({
+    getItemIndex: o,
+    registerItem: u,
+    totalSubitemCount: m
+  }), [u, o, m]), C = i.useMemo(() => ({
+    direction: n,
+    getTabId: h,
+    getTabPanelId: f,
+    onSelected: a,
+    orientation: s,
+    registerTabIdLookup: r,
+    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
+    })
+  });
+}
+const Ze = ["children", "value", "defaultValue", "orientation", "direction", "onChange", "selectionFollowsFocus", "slotProps", "slots"], et = (t) => {
+  const {
+    orientation: e
+  } = t;
+  return le({
+    root: ["root", e]
+  }, se(Ye));
+}, ue = /* @__PURE__ */ i.forwardRef(function(e, l) {
+  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
+  }), {
+    contextValue: g
+  } = Xe(m), h = et(m), f = (n = r.root) != null ? n : "div", c = oe({
+    elementType: f,
+    externalSlotProps: u.root,
+    externalForwardedProps: d,
+    additionalProps: {
+      ref: l
+    },
+    ownerState: m,
+    className: h.root
+  });
+  return /* @__PURE__ */ E(f, b({}, c, {
+    children: /* @__PURE__ */ E(Qe, {
+      value: g,
+      children: o
+    })
+  }));
+});
+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`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: v.node,
+  /**
+   * @ignore
+   */
+  className: v.string,
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: v.oneOfType([v.number, v.string]),
+  /**
+   * The direction of the text.
+   * @default 'ltr'
+   */
+  direction: v.oneOf(["ltr", "rtl"]),
+  /**
+   * Callback invoked when new value is being set.
+   */
+  onChange: v.func,
+  /**
+   * The component orientation (layout flow direction).
+   * @default 'horizontal'
+   */
+  orientation: v.oneOf(["horizontal", "vertical"]),
+  /**
+   * If `true` the selected tab changes on focus. Otherwise it only
+   * changes on activation.
+   */
+  selectionFollowsFocus: v.bool,
+  /**
+   * The props used for each slot inside the Tabs.
+   * @default {}
+   */
+  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: 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: v.oneOfType([v.number, v.string])
+});
+const ce = "TabsList";
+function tt(t) {
+  return te(ce, t);
+}
+ne(ce, ["root", "horizontal", "vertical"]);
+const de = {
+  valueChange: "valueChange"
+};
+function nt(t, e) {
+  if (e.type === de.valueChange)
+    return b({}, t, {
+      highlightedValue: e.value
+    });
+  const l = ae(t, e), {
+    context: {
+      selectionFollowsFocus: n
+    }
+  } = e;
+  if (e.type === S.itemsChange) {
+    if (l.selectedValues.length > 0)
+      return b({}, l, {
+        highlightedValue: l.selectedValues[0]
+      });
+    w(null, "reset", e.context);
+  }
+  return n && l.highlightedValue != null ? b({}, l, {
+    selectedValues: [l.highlightedValue]
+  }) : l;
+}
+function ot(t) {
+  var e;
+  const {
+    rootRef: l
+  } = t, {
+    direction: n = "ltr",
+    onSelected: o,
+    orientation: a = "horizontal",
+    value: s,
+    registerTabIdLookup: u,
+    selectionFollowsFocus: r
+  } = Ie(), {
+    subitems: d,
+    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]
+  } : {
+    selectedValues: []
+  }, [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: U,
+      selectedValues: A
+    },
+    rootRef: F
+  } = Je({
+    controlledProps: T,
+    disabledItemsFocusable: !r,
+    focusManagement: "DOM",
+    getItemDomElement: f,
+    isItemDisabled: $,
+    items: h,
+    rootRef: l,
+    onChange: V,
+    orientation: C,
+    reducerActionContext: i.useMemo(() => ({
+      selectionFollowsFocus: r || !1
+    }), [r]),
+    selectionMode: "single",
+    stateReducer: nt
+  });
+  i.useEffect(() => {
+    s !== void 0 && s != null && O({
+      type: de.valueChange,
+      value: s
+    });
+  }, [O, s]);
+  const k = (P = {}) => b({}, P, _(P), {
+    "aria-orientation": a === "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
+  };
+}
+function lt(t) {
+  const {
+    value: e,
+    children: l
+  } = t, {
+    dispatch: n,
+    getItemIndex: o,
+    getItemState: a,
+    registerItem: s,
+    totalSubitemCount: u
+  } = e, r = i.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
+    })
+  });
+}
+const st = ["children", "slotProps", "slots"], rt = (t) => {
+  const {
+    orientation: e
+  } = t;
+  return le({
+    root: ["root", e]
+  }, se(tt));
+}, he = /* @__PURE__ */ i.forwardRef(function(e, l) {
+  var n;
+  const {
+    children: o,
+    slotProps: a = {},
+    slots: s = {}
+  } = e, u = ee(e, st), {
+    isRtl: r,
+    orientation: d,
+    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,
+    getSlotProps: m,
+    externalSlotProps: a.root,
+    externalForwardedProps: u,
+    ownerState: h,
+    className: f.root
+  });
+  return /* @__PURE__ */ E(lt, {
+    value: g,
+    children: /* @__PURE__ */ E(c, b({}, C, {
+      children: o
+    }))
+  });
+});
+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`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: v.node,
+  /**
+   * @ignore
+   */
+  className: v.string,
+  /**
+   * The props used for each slot inside the TabsList.
+   * @default {}
+   */
+  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: v.shape({
+    root: v.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 }) });
+});
+export {
+  bt as Tab,
+  vt as TabPanel,
+  ft as Tabs
+};