kdpa-components 1.4.0 → 1.4.2

package/dist/Tabs-27c129bc.js

@@ -1,1086 +0,0 @@
-import { a as f, _ as so } from "./extends-135d7828.js";
-import * as u from "react";
-import { g as So, c as jo, j as S, P as e } from "./identifier-03e07987.js";
-import { g as vo, s as F, u as yo, c as O, a as xo, r as te } from "./useThemeProps-d77fc01d.js";
-import { B as zo } from "./ButtonBase-5c28f01f.js";
-import { u as le } from "./unsupportedProp-3dbf01f6.js";
-import { u as Lo } from "./useTheme-02c27d78.js";
-import { u as re, a as bo } from "./useEventCallback-83a2883c.js";
-import { d as mo, o as $o } from "./ownerWindow-e6cc3097.js";
-import { r as ne } from "./refType-7413f8aa.js";
-import { c as ko } from "./createSvgIcon-c9758670.js";
-import { u as no } from "./useSlotProps-c2f5d9e5.js";
-import { o as se } from "./ownerDocument-5430cd5b.js";
-let U;
-function Fo() {
-  if (U)
-    return U;
-  const o = document.createElement("div"), t = document.createElement("div");
-  return t.style.width = "10px", t.style.height = "1px", o.appendChild(t), o.dir = "rtl", o.style.fontSize = "14px", o.style.width = "4px", o.style.height = "1px", o.style.position = "absolute", o.style.top = "-1000px", o.style.overflow = "scroll", document.body.appendChild(o), U = "reverse", o.scrollLeft > 0 ? U = "default" : (o.scrollLeft = 1, o.scrollLeft === 0 && (U = "negative")), document.body.removeChild(o), U;
-}
-function No(o, t) {
-  const n = o.scrollLeft;
-  if (t !== "rtl")
-    return n;
-  switch (Fo()) {
-    case "negative":
-      return o.scrollWidth - o.clientWidth + n;
-    case "reverse":
-      return o.scrollWidth - o.clientWidth - n;
-    default:
-      return n;
-  }
-}
-function ae(o) {
-  return So("MuiTab", o);
-}
-const ie = vo("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), k = ie, ce = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], de = (o) => {
-  const {
-    classes: t,
-    textColor: n,
-    fullWidth: c,
-    wrapped: a,
-    icon: d,
-    label: m,
-    selected: b,
-    disabled: p
-  } = o, v = {
-    root: ["root", d && m && "labelIcon", `textColor${jo(n)}`, c && "fullWidth", a && "wrapped", b && "selected", p && "disabled"],
-    iconWrapper: ["iconWrapper"]
-  };
-  return xo(v, ae, t);
-}, ue = F(zo, {
-  name: "MuiTab",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.root, n.label && n.icon && t.labelIcon, t[`textColor${jo(n.textColor)}`], n.fullWidth && t.fullWidth, n.wrapped && t.wrapped];
-  }
-})(({
-  theme: o,
-  ownerState: t
-}) => f({}, o.typography.button, {
-  maxWidth: 360,
-  minWidth: 90,
-  position: "relative",
-  minHeight: 48,
-  flexShrink: 0,
-  padding: "12px 16px",
-  overflow: "hidden",
-  whiteSpace: "normal",
-  textAlign: "center"
-}, t.label && {
-  flexDirection: t.iconPosition === "top" || t.iconPosition === "bottom" ? "column" : "row"
-}, {
-  lineHeight: 1.25
-}, t.icon && t.label && {
-  minHeight: 72,
-  paddingTop: 9,
-  paddingBottom: 9,
-  [`& > .${k.iconWrapper}`]: f({}, t.iconPosition === "top" && {
-    marginBottom: 6
-  }, t.iconPosition === "bottom" && {
-    marginTop: 6
-  }, t.iconPosition === "start" && {
-    marginRight: o.spacing(1)
-  }, t.iconPosition === "end" && {
-    marginLeft: o.spacing(1)
-  })
-}, t.textColor === "inherit" && {
-  color: "inherit",
-  opacity: 0.6,
-  // same opacity as theme.palette.text.secondary
-  [`&.${k.selected}`]: {
-    opacity: 1
-  },
-  [`&.${k.disabled}`]: {
-    opacity: (o.vars || o).palette.action.disabledOpacity
-  }
-}, t.textColor === "primary" && {
-  color: (o.vars || o).palette.text.secondary,
-  [`&.${k.selected}`]: {
-    color: (o.vars || o).palette.primary.main
-  },
-  [`&.${k.disabled}`]: {
-    color: (o.vars || o).palette.text.disabled
-  }
-}, t.textColor === "secondary" && {
-  color: (o.vars || o).palette.text.secondary,
-  [`&.${k.selected}`]: {
-    color: (o.vars || o).palette.secondary.main
-  },
-  [`&.${k.disabled}`]: {
-    color: (o.vars || o).palette.text.disabled
-  }
-}, t.fullWidth && {
-  flexShrink: 1,
-  flexGrow: 1,
-  flexBasis: 0,
-  maxWidth: "none"
-}, t.wrapped && {
-  fontSize: o.typography.pxToRem(12)
-})), Ao = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const c = yo({
-    props: t,
-    name: "MuiTab"
-  }), {
-    className: a,
-    disabled: d = !1,
-    disableFocusRipple: m = !1,
-    // eslint-disable-next-line react/prop-types
-    fullWidth: b,
-    icon: p,
-    iconPosition: v = "top",
-    // eslint-disable-next-line react/prop-types
-    indicator: R,
-    label: C,
-    onChange: g,
-    onClick: y,
-    onFocus: A,
-    // eslint-disable-next-line react/prop-types
-    selected: w,
-    // eslint-disable-next-line react/prop-types
-    selectionFollowsFocus: x,
-    // eslint-disable-next-line react/prop-types
-    textColor: D = "inherit",
-    value: I,
-    wrapped: ao = !1
-  } = c, H = so(c, ce), Y = f({}, c, {
-    disabled: d,
-    disableFocusRipple: m,
-    selected: w,
-    icon: !!p,
-    iconPosition: v,
-    label: !!C,
-    fullWidth: b,
-    textColor: D,
-    wrapped: ao
-  }), _ = de(Y), j = p && C && /* @__PURE__ */ u.isValidElement(p) ? /* @__PURE__ */ u.cloneElement(p, {
-    className: O(_.iconWrapper, p.props.className)
-  }) : p, Q = (M) => {
-    !w && g && g(M, I), y && y(M);
-  }, P = (M) => {
-    x && !w && g && g(M, I), A && A(M);
-  };
-  return /* @__PURE__ */ S.jsxs(ue, f({
-    focusRipple: !m,
-    className: O(_.root, a),
-    ref: n,
-    role: "tab",
-    "aria-selected": w,
-    disabled: d,
-    onClick: Q,
-    onFocus: P,
-    ownerState: Y,
-    tabIndex: w ? 0 : -1
-  }, H, {
-    children: [v === "top" || v === "start" ? /* @__PURE__ */ S.jsxs(u.Fragment, {
-      children: [j, C]
-    }) : /* @__PURE__ */ S.jsxs(u.Fragment, {
-      children: [C, j]
-    }), R]
-  }));
-});
-process.env.NODE_ENV !== "production" && (Ao.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * This prop isn't supported.
-   * Use the `component` prop if you need to change the children structure.
-   */
-  children: le,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: e.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: e.bool,
-  /**
-   * The icon to display.
-   */
-  icon: e.oneOfType([e.element, e.string]),
-  /**
-   * The position of the icon relative to the label.
-   * @default 'top'
-   */
-  iconPosition: e.oneOf(["bottom", "end", "start", "top"]),
-  /**
-   * The label element.
-   */
-  label: e.node,
-  /**
-   * @ignore
-   */
-  onChange: e.func,
-  /**
-   * @ignore
-   */
-  onClick: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * You can provide your own value. Otherwise, we fallback to the child position index.
-   */
-  value: e.any,
-  /**
-   * Tab labels appear in a single row.
-   * They can use a second line if needed.
-   * @default false
-   */
-  wrapped: e.bool
-});
-const Ue = Ao, pe = ko(/* @__PURE__ */ S.jsx("path", {
-  d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), fe = ko(/* @__PURE__ */ S.jsx("path", {
-  d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
-}), "KeyboardArrowRight");
-function be(o) {
-  return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
-}
-function he(o, t, n, c = {}, a = () => {
-}) {
-  const {
-    ease: d = be,
-    duration: m = 300
-    // standard
-  } = c;
-  let b = null;
-  const p = t[o];
-  let v = !1;
-  const R = () => {
-    v = !0;
-  }, C = (g) => {
-    if (v) {
-      a(new Error("Animation cancelled"));
-      return;
-    }
-    b === null && (b = g);
-    const y = Math.min(1, (g - b) / m);
-    if (t[o] = d(y) * (n - p) + p, y >= 1) {
-      requestAnimationFrame(() => {
-        a(null);
-      });
-      return;
-    }
-    requestAnimationFrame(C);
-  };
-  return p === n ? (a(new Error("Element already at target position")), R) : (requestAnimationFrame(C), R);
-}
-const me = ["onChange"], Se = {
-  width: 99,
-  height: 99,
-  position: "absolute",
-  top: -9999,
-  overflow: "scroll"
-};
-function Do(o) {
-  const {
-    onChange: t
-  } = o, n = so(o, me), c = u.useRef(), a = u.useRef(null), d = () => {
-    c.current = a.current.offsetHeight - a.current.clientHeight;
-  };
-  return re(() => {
-    const m = mo(() => {
-      const p = c.current;
-      d(), p !== c.current && t(c.current);
-    }), b = $o(a.current);
-    return b.addEventListener("resize", m), () => {
-      m.clear(), b.removeEventListener("resize", m);
-    };
-  }, [t]), u.useEffect(() => {
-    d(), t(c.current);
-  }, [t]), /* @__PURE__ */ S.jsx("div", f({
-    style: Se,
-    ref: a
-  }, n));
-}
-process.env.NODE_ENV !== "production" && (Do.propTypes = {
-  onChange: e.func.isRequired
-});
-function ve(o) {
-  return So("MuiTabScrollButton", o);
-}
-const ye = vo("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), xe = ye, ge = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Te = (o) => {
-  const {
-    classes: t,
-    orientation: n,
-    disabled: c
-  } = o;
-  return xo({
-    root: ["root", n, c && "disabled"]
-  }, ve, t);
-}, Be = F(zo, {
-  name: "MuiTabScrollButton",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.root, n.orientation && t[n.orientation]];
-  }
-})(({
-  ownerState: o
-}) => f({
-  width: 40,
-  flexShrink: 0,
-  opacity: 0.8,
-  [`&.${xe.disabled}`]: {
-    opacity: 0
-  }
-}, o.orientation === "vertical" && {
-  width: "100%",
-  height: 40,
-  "& svg": {
-    transform: `rotate(${o.isRtl ? -90 : 90}deg)`
-  }
-})), Ho = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  var c, a;
-  const d = yo({
-    props: t,
-    name: "MuiTabScrollButton"
-  }), {
-    className: m,
-    slots: b = {},
-    slotProps: p = {},
-    direction: v
-  } = d, R = so(d, ge), g = Lo().direction === "rtl", y = f({
-    isRtl: g
-  }, d), A = Te(y), w = (c = b.StartScrollButtonIcon) != null ? c : pe, x = (a = b.EndScrollButtonIcon) != null ? a : fe, D = no({
-    elementType: w,
-    externalSlotProps: p.startScrollButtonIcon,
-    additionalProps: {
-      fontSize: "small"
-    },
-    ownerState: y
-  }), I = no({
-    elementType: x,
-    externalSlotProps: p.endScrollButtonIcon,
-    additionalProps: {
-      fontSize: "small"
-    },
-    ownerState: y
-  });
-  return /* @__PURE__ */ S.jsx(Be, f({
-    component: "div",
-    className: O(A.root, m),
-    ref: n,
-    role: null,
-    ownerState: y,
-    tabIndex: null
-  }, R, {
-    children: v === "left" ? /* @__PURE__ */ S.jsx(w, f({}, D)) : /* @__PURE__ */ S.jsx(x, f({}, I))
-  }));
-});
-process.env.NODE_ENV !== "production" && (Ho.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The direction the button should indicate.
-   */
-  direction: e.oneOf(["left", "right"]).isRequired,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * The component orientation (layout flow direction).
-   */
-  orientation: e.oneOf(["horizontal", "vertical"]).isRequired,
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   * @default {}
-   */
-  slotProps: e.shape({
-    endScrollButtonIcon: e.oneOfType([e.func, e.object]),
-    startScrollButtonIcon: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    EndScrollButtonIcon: e.elementType,
-    StartScrollButtonIcon: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-const Ce = Ho;
-function we(o) {
-  return So("MuiTabs", o);
-}
-const Ee = vo("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), ho = Ee, Ie = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], Ro = (o, t) => o === t ? o.firstChild : t && t.nextElementSibling ? t.nextElementSibling : o.firstChild, Po = (o, t) => o === t ? o.lastChild : t && t.previousElementSibling ? t.previousElementSibling : o.lastChild, ro = (o, t, n) => {
-  let c = !1, a = n(o, t);
-  for (; a; ) {
-    if (a === o.firstChild) {
-      if (c)
-        return;
-      c = !0;
-    }
-    const d = a.disabled || a.getAttribute("aria-disabled") === "true";
-    if (!a.hasAttribute("tabindex") || d)
-      a = n(o, a);
-    else {
-      a.focus();
-      return;
-    }
-  }
-}, Me = (o) => {
-  const {
-    vertical: t,
-    fixed: n,
-    hideScrollbar: c,
-    scrollableX: a,
-    scrollableY: d,
-    centered: m,
-    scrollButtonsHideMobile: b,
-    classes: p
-  } = o;
-  return xo({
-    root: ["root", t && "vertical"],
-    scroller: ["scroller", n && "fixed", c && "hideScrollbar", a && "scrollableX", d && "scrollableY"],
-    flexContainer: ["flexContainer", t && "flexContainerVertical", m && "centered"],
-    indicator: ["indicator"],
-    scrollButtons: ["scrollButtons", b && "scrollButtonsHideMobile"],
-    scrollableX: [a && "scrollableX"],
-    hideScrollbar: [c && "hideScrollbar"]
-  }, we, p);
-}, Ne = F("div", {
-  name: "MuiTabs",
-  slot: "Root",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [{
-      [`& .${ho.scrollButtons}`]: t.scrollButtons
-    }, {
-      [`& .${ho.scrollButtons}`]: n.scrollButtonsHideMobile && t.scrollButtonsHideMobile
-    }, t.root, n.vertical && t.vertical];
-  }
-})(({
-  ownerState: o,
-  theme: t
-}) => f({
-  overflow: "hidden",
-  minHeight: 48,
-  // Add iOS momentum scrolling for iOS < 13.0
-  WebkitOverflowScrolling: "touch",
-  display: "flex"
-}, o.vertical && {
-  flexDirection: "column"
-}, o.scrollButtonsHideMobile && {
-  [`& .${ho.scrollButtons}`]: {
-    [t.breakpoints.down("sm")]: {
-      display: "none"
-    }
-  }
-})), Re = F("div", {
-  name: "MuiTabs",
-  slot: "Scroller",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.scroller, n.fixed && t.fixed, n.hideScrollbar && t.hideScrollbar, n.scrollableX && t.scrollableX, n.scrollableY && t.scrollableY];
-  }
-})(({
-  ownerState: o
-}) => f({
-  position: "relative",
-  display: "inline-block",
-  flex: "1 1 auto",
-  whiteSpace: "nowrap"
-}, o.fixed && {
-  overflowX: "hidden",
-  width: "100%"
-}, o.hideScrollbar && {
-  // Hide dimensionless scrollbar on macOS
-  scrollbarWidth: "none",
-  // Firefox
-  "&::-webkit-scrollbar": {
-    display: "none"
-    // Safari + Chrome
-  }
-}, o.scrollableX && {
-  overflowX: "auto",
-  overflowY: "hidden"
-}, o.scrollableY && {
-  overflowY: "auto",
-  overflowX: "hidden"
-})), Pe = F("div", {
-  name: "MuiTabs",
-  slot: "FlexContainer",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: n
-    } = o;
-    return [t.flexContainer, n.vertical && t.flexContainerVertical, n.centered && t.centered];
-  }
-})(({
-  ownerState: o
-}) => f({
-  display: "flex"
-}, o.vertical && {
-  flexDirection: "column"
-}, o.centered && {
-  justifyContent: "center"
-})), We = F("span", {
-  name: "MuiTabs",
-  slot: "Indicator",
-  overridesResolver: (o, t) => t.indicator
-})(({
-  ownerState: o,
-  theme: t
-}) => f({
-  position: "absolute",
-  height: 2,
-  bottom: 0,
-  width: "100%",
-  transition: t.transitions.create()
-}, o.indicatorColor === "primary" && {
-  backgroundColor: (t.vars || t).palette.primary.main
-}, o.indicatorColor === "secondary" && {
-  backgroundColor: (t.vars || t).palette.secondary.main
-}, o.vertical && {
-  height: "100%",
-  width: 2,
-  right: 0
-})), Oe = F(Do, {
-  name: "MuiTabs",
-  slot: "ScrollbarSize"
-})({
-  overflowX: "auto",
-  overflowY: "hidden",
-  // Hide dimensionless scrollbar on macOS
-  scrollbarWidth: "none",
-  // Firefox
-  "&::-webkit-scrollbar": {
-    display: "none"
-    // Safari + Chrome
-  }
-}), Wo = {};
-let Oo = !1;
-const _o = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const c = yo({
-    props: t,
-    name: "MuiTabs"
-  }), a = Lo(), d = a.direction === "rtl", {
-    "aria-label": m,
-    "aria-labelledby": b,
-    action: p,
-    centered: v = !1,
-    children: R,
-    className: C,
-    component: g = "div",
-    allowScrollButtonsMobile: y = !1,
-    indicatorColor: A = "primary",
-    onChange: w,
-    orientation: x = "horizontal",
-    ScrollButtonComponent: D = Ce,
-    scrollButtons: I = "auto",
-    selectionFollowsFocus: ao,
-    slots: H = {},
-    slotProps: Y = {},
-    TabIndicatorProps: _ = {},
-    TabScrollButtonProps: j = {},
-    textColor: Q = "primary",
-    value: P,
-    variant: M = "standard",
-    visibleScrollbar: io = !1
-  } = c, Vo = so(c, Ie), N = M === "scrollable", T = x === "vertical", K = T ? "scrollTop" : "scrollLeft", Z = T ? "top" : "left", oo = T ? "bottom" : "right", co = T ? "clientHeight" : "clientWidth", q = T ? "height" : "width", z = f({}, c, {
-    component: g,
-    allowScrollButtonsMobile: y,
-    indicatorColor: A,
-    orientation: x,
-    vertical: T,
-    scrollButtons: I,
-    textColor: Q,
-    variant: M,
-    visibleScrollbar: io,
-    fixed: !N,
-    hideScrollbar: N && !io,
-    scrollableX: N && !T,
-    scrollableY: N && T,
-    centered: v && !N,
-    scrollButtonsHideMobile: !y
-  }), W = Me(z), Xo = no({
-    elementType: H.StartScrollButtonIcon,
-    externalSlotProps: Y.startScrollButtonIcon,
-    ownerState: z
-  }), Uo = no({
-    elementType: H.EndScrollButtonIcon,
-    externalSlotProps: Y.endScrollButtonIcon,
-    ownerState: z
-  });
-  process.env.NODE_ENV !== "production" && v && N && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [go, Yo] = u.useState(!1), [L, To] = u.useState(Wo), [V, Ko] = u.useState({
-    start: !1,
-    end: !1
-  }), [Bo, qo] = u.useState({
-    overflow: "hidden",
-    scrollbarWidth: 0
-  }), eo = /* @__PURE__ */ new Map(), E = u.useRef(null), G = u.useRef(null), Co = () => {
-    const l = E.current;
-    let r;
-    if (l) {
-      const i = l.getBoundingClientRect();
-      r = {
-        clientWidth: l.clientWidth,
-        scrollLeft: l.scrollLeft,
-        scrollTop: l.scrollTop,
-        scrollLeftNormalized: No(l, a.direction),
-        scrollWidth: l.scrollWidth,
-        top: i.top,
-        bottom: i.bottom,
-        left: i.left,
-        right: i.right
-      };
-    }
-    let s;
-    if (l && P !== !1) {
-      const i = G.current.children;
-      if (i.length > 0) {
-        const h = i[eo.get(P)];
-        process.env.NODE_ENV !== "production" && (h || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${P}".`, eo.keys ? `You can provide one of the following values: ${Array.from(eo.keys()).join(", ")}.` : null].join(`
-`))), s = h ? h.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !Oo && s && s.width === 0 && s.height === 0 && // if the whole Tabs component is hidden, don't warn
-        r.clientWidth !== 0 && (r = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${P}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join(`
-`)), Oo = !0);
-      }
-    }
-    return {
-      tabsMeta: r,
-      tabMeta: s
-    };
-  }, J = bo(() => {
-    const {
-      tabsMeta: l,
-      tabMeta: r
-    } = Co();
-    let s = 0, i;
-    if (T)
-      i = "top", r && l && (s = r.top - l.top + l.scrollTop);
-    else if (i = d ? "right" : "left", r && l) {
-      const B = d ? l.scrollLeftNormalized + l.clientWidth - l.scrollWidth : l.scrollLeft;
-      s = (d ? -1 : 1) * (r[i] - l[i] + B);
-    }
-    const h = {
-      [i]: s,
-      // May be wrong until the font is loaded.
-      [q]: r ? r[q] : 0
-    };
-    if (isNaN(L[i]) || isNaN(L[q]))
-      To(h);
-    else {
-      const B = Math.abs(L[i] - h[i]), X = Math.abs(L[q] - h[q]);
-      (B >= 1 || X >= 1) && To(h);
-    }
-  }), uo = (l, {
-    animation: r = !0
-  } = {}) => {
-    r ? he(K, E.current, l, {
-      duration: a.transitions.duration.standard
-    }) : E.current[K] = l;
-  }, wo = (l) => {
-    let r = E.current[K];
-    T ? r += l : (r += l * (d ? -1 : 1), r *= d && Fo() === "reverse" ? -1 : 1), uo(r);
-  }, Eo = () => {
-    const l = E.current[co];
-    let r = 0;
-    const s = Array.from(G.current.children);
-    for (let i = 0; i < s.length; i += 1) {
-      const h = s[i];
-      if (r + h[co] > l) {
-        i === 0 && (r = l);
-        break;
-      }
-      r += h[co];
-    }
-    return r;
-  }, Go = () => {
-    wo(-1 * Eo());
-  }, Jo = () => {
-    wo(Eo());
-  }, Qo = u.useCallback((l) => {
-    qo({
-      overflow: null,
-      scrollbarWidth: l
-    });
-  }, []), Zo = () => {
-    const l = {};
-    l.scrollbarSizeListener = N ? /* @__PURE__ */ S.jsx(Oe, {
-      onChange: Qo,
-      className: O(W.scrollableX, W.hideScrollbar)
-    }) : null;
-    const r = V.start || V.end, s = N && (I === "auto" && r || I === !0);
-    return l.scrollButtonStart = s ? /* @__PURE__ */ S.jsx(D, f({
-      slots: {
-        StartScrollButtonIcon: H.StartScrollButtonIcon
-      },
-      slotProps: {
-        startScrollButtonIcon: Xo
-      },
-      orientation: x,
-      direction: d ? "right" : "left",
-      onClick: Go,
-      disabled: !V.start
-    }, j, {
-      className: O(W.scrollButtons, j.className)
-    })) : null, l.scrollButtonEnd = s ? /* @__PURE__ */ S.jsx(D, f({
-      slots: {
-        EndScrollButtonIcon: H.EndScrollButtonIcon
-      },
-      slotProps: {
-        endScrollButtonIcon: Uo
-      },
-      orientation: x,
-      direction: d ? "left" : "right",
-      onClick: Jo,
-      disabled: !V.end
-    }, j, {
-      className: O(W.scrollButtons, j.className)
-    })) : null, l;
-  }, Io = bo((l) => {
-    const {
-      tabsMeta: r,
-      tabMeta: s
-    } = Co();
-    if (!(!s || !r)) {
-      if (s[Z] < r[Z]) {
-        const i = r[K] + (s[Z] - r[Z]);
-        uo(i, {
-          animation: l
-        });
-      } else if (s[oo] > r[oo]) {
-        const i = r[K] + (s[oo] - r[oo]);
-        uo(i, {
-          animation: l
-        });
-      }
-    }
-  }), $ = bo(() => {
-    if (N && I !== !1) {
-      const {
-        scrollTop: l,
-        scrollHeight: r,
-        clientHeight: s,
-        scrollWidth: i,
-        clientWidth: h
-      } = E.current;
-      let B, X;
-      if (T)
-        B = l > 1, X = l < r - s - 1;
-      else {
-        const lo = No(E.current, a.direction);
-        B = d ? lo < i - h - 1 : lo > 1, X = d ? lo > 1 : lo < i - h - 1;
-      }
-      (B !== V.start || X !== V.end) && Ko({
-        start: B,
-        end: X
-      });
-    }
-  });
-  u.useEffect(() => {
-    const l = mo(() => {
-      E.current && (J(), $());
-    }), r = $o(E.current);
-    r.addEventListener("resize", l);
-    let s;
-    return typeof ResizeObserver < "u" && (s = new ResizeObserver(l), Array.from(G.current.children).forEach((i) => {
-      s.observe(i);
-    })), () => {
-      l.clear(), r.removeEventListener("resize", l), s && s.disconnect();
-    };
-  }, [J, $]);
-  const po = u.useMemo(() => mo(() => {
-    $();
-  }), [$]);
-  u.useEffect(() => () => {
-    po.clear();
-  }, [po]), u.useEffect(() => {
-    Yo(!0);
-  }, []), u.useEffect(() => {
-    J(), $();
-  }), u.useEffect(() => {
-    Io(Wo !== L);
-  }, [Io, L]), u.useImperativeHandle(p, () => ({
-    updateIndicator: J,
-    updateScrollButtons: $
-  }), [J, $]);
-  const Mo = /* @__PURE__ */ S.jsx(We, f({}, _, {
-    className: O(W.indicator, _.className),
-    ownerState: z,
-    style: f({}, L, _.style)
-  }));
-  let to = 0;
-  const oe = u.Children.map(R, (l) => {
-    if (!/* @__PURE__ */ u.isValidElement(l))
-      return null;
-    process.env.NODE_ENV !== "production" && te.isFragment(l) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`));
-    const r = l.props.value === void 0 ? to : l.props.value;
-    eo.set(r, to);
-    const s = r === P;
-    return to += 1, /* @__PURE__ */ u.cloneElement(l, f({
-      fullWidth: M === "fullWidth",
-      indicator: s && !go && Mo,
-      selected: s,
-      selectionFollowsFocus: ao,
-      onChange: w,
-      textColor: Q,
-      value: r
-    }, to === 1 && P === !1 && !l.props.tabIndex ? {
-      tabIndex: 0
-    } : {}));
-  }), ee = (l) => {
-    const r = G.current, s = se(r).activeElement;
-    if (s.getAttribute("role") !== "tab")
-      return;
-    let h = x === "horizontal" ? "ArrowLeft" : "ArrowUp", B = x === "horizontal" ? "ArrowRight" : "ArrowDown";
-    switch (x === "horizontal" && d && (h = "ArrowRight", B = "ArrowLeft"), l.key) {
-      case h:
-        l.preventDefault(), ro(r, s, Po);
-        break;
-      case B:
-        l.preventDefault(), ro(r, s, Ro);
-        break;
-      case "Home":
-        l.preventDefault(), ro(r, null, Ro);
-        break;
-      case "End":
-        l.preventDefault(), ro(r, null, Po);
-        break;
-    }
-  }, fo = Zo();
-  return /* @__PURE__ */ S.jsxs(Ne, f({
-    className: O(W.root, C),
-    ownerState: z,
-    ref: n,
-    as: g
-  }, Vo, {
-    children: [fo.scrollButtonStart, fo.scrollbarSizeListener, /* @__PURE__ */ S.jsxs(Re, {
-      className: W.scroller,
-      ownerState: z,
-      style: {
-        overflow: Bo.overflow,
-        [T ? `margin${d ? "Left" : "Right"}` : "marginBottom"]: io ? void 0 : -Bo.scrollbarWidth
-      },
-      ref: E,
-      onScroll: po,
-      children: [/* @__PURE__ */ S.jsx(Pe, {
-        "aria-label": m,
-        "aria-labelledby": b,
-        "aria-orientation": x === "vertical" ? "vertical" : null,
-        className: W.flexContainer,
-        ownerState: z,
-        onKeyDown: ee,
-        ref: G,
-        role: "tablist",
-        children: oe
-      }), go && Mo]
-    }), fo.scrollButtonEnd]
-  }));
-});
-process.env.NODE_ENV !== "production" && (_o.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback fired when the component mounts.
-   * This is useful when you want to trigger an action programmatically.
-   * It supports two actions: `updateIndicator()` and `updateScrollButtons()`
-   *
-   * @param {object} actions This object contains all possible actions
-   * that can be triggered programmatically.
-   */
-  action: ne,
-  /**
-   * If `true`, the scroll buttons aren't forced hidden on mobile.
-   * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
-   * @default false
-   */
-  allowScrollButtonsMobile: e.bool,
-  /**
-   * The label for the Tabs as a string.
-   */
-  "aria-label": e.string,
-  /**
-   * An id or list of ids separated by a space that label the Tabs.
-   */
-  "aria-labelledby": e.string,
-  /**
-   * If `true`, the tabs are centered.
-   * This prop is intended for large views.
-   * @default false
-   */
-  centered: e.bool,
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Determines the color of the indicator.
-   * @default 'primary'
-   */
-  indicatorColor: e.oneOfType([e.oneOf(["primary", "secondary"]), e.string]),
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
-   * @param {any} value We default to the index of the child (number)
-   */
-  onChange: e.func,
-  /**
-   * The component orientation (layout flow direction).
-   * @default 'horizontal'
-   */
-  orientation: e.oneOf(["horizontal", "vertical"]),
-  /**
-   * The component used to render the scroll buttons.
-   * @default TabScrollButton
-   */
-  ScrollButtonComponent: e.elementType,
-  /**
-   * Determine behavior of scroll buttons when tabs are set to scroll:
-   *
-   * - `auto` will only present them when not all the items are visible.
-   * - `true` will always present them.
-   * - `false` will never present them.
-   *
-   * By default the scroll buttons are hidden on mobile.
-   * This behavior can be disabled with `allowScrollButtonsMobile`.
-   * @default 'auto'
-   */
-  scrollButtons: e.oneOf(["auto", !1, !0]),
-  /**
-   * If `true` the selected tab changes on focus. Otherwise it only
-   * changes on activation.
-   */
-  selectionFollowsFocus: e.bool,
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   * @default {}
-   */
-  slotProps: e.shape({
-    endScrollButtonIcon: e.oneOfType([e.func, e.object]),
-    startScrollButtonIcon: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    EndScrollButtonIcon: e.elementType,
-    StartScrollButtonIcon: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * Props applied to the tab indicator element.
-   * @default  {}
-   */
-  TabIndicatorProps: e.object,
-  /**
-   * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
-   * @default {}
-   */
-  TabScrollButtonProps: e.object,
-  /**
-   * Determines the color of the `Tab`.
-   * @default 'primary'
-   */
-  textColor: e.oneOf(["inherit", "primary", "secondary"]),
-  /**
-   * The value of the currently selected `Tab`.
-   * If you don't want any selected `Tab`, you can set this prop to `false`.
-   */
-  value: e.any,
-  /**
-   * Determines additional display behavior of the tabs:
-   *
-   *  - `scrollable` will invoke scrolling properties and allow for horizontally
-   *  scrolling (or swiping) of the tab bar.
-   *  -`fullWidth` will make the tabs grow to use all the available space,
-   *  which should be used for small views, like on mobile.
-   *  - `standard` will render the default state.
-   * @default 'standard'
-   */
-  variant: e.oneOf(["fullWidth", "scrollable", "standard"]),
-  /**
-   * If `true`, the scrollbar is visible. It can be useful when displaying
-   * a long vertical list of tabs.
-   * @default false
-   */
-  visibleScrollbar: e.bool
-});
-const Ye = _o;
-export {
-  Ye as T,
-  Ue as a,
-  ho as t
-};