@cgi-learning-hub/ui 0.0.1-dev.1709558390 → 0.0.1-dev.1709568003

package/dist/Tabs-B9BPJaDx.js

@@ -1,1090 +0,0 @@
-import { g as me, c as Le, _ as b, b as ve, e as ae, P as t } from "./useThemeProps-CZzcR_pm.js";
-import * as d from "react";
-import { g as Se, s as D, c as L, a as ye, d as st } from "./styled-D8lXwcQy.js";
-import { jsxs as Q, jsx as w } from "react/jsx-runtime";
-import { B as $e } from "./ButtonBase-C14ZYs6z.js";
-import { u as at } from "./unsupportedProp-BuVD30Gh.js";
-import { u as ke } from "./useTheme-Bo1inEHN.js";
-import { u as it } from "./useForkRef-CQ5u1_mH.js";
-import { a as Fe, d as Ae, o as ct } from "./ownerWindow-C7EH1lr6.js";
-import { a as be } from "./useTimeout-C7IkLqZ9.js";
-import { r as dt } from "./refType-BBFUe6fu.js";
-import { c as je } from "./createSvgIcon-Dspfpz-l.js";
-import { u as se } from "./useSlotProps-BoMYRJkF.js";
-let X;
-function De() {
-  if (X)
-    return X;
-  const e = document.createElement("div"), o = document.createElement("div");
-  return o.style.width = "10px", o.style.height = "1px", e.appendChild(o), e.dir = "rtl", e.style.fontSize = "14px", e.style.width = "4px", e.style.height = "1px", e.style.position = "absolute", e.style.top = "-1000px", e.style.overflow = "scroll", document.body.appendChild(e), X = "reverse", e.scrollLeft > 0 ? X = "default" : (e.scrollLeft = 1, e.scrollLeft === 0 && (X = "negative")), document.body.removeChild(e), X;
-}
-function ut(e, o) {
-  const n = e.scrollLeft;
-  if (o !== "rtl")
-    return n;
-  switch (De()) {
-    case "negative":
-      return e.scrollWidth - e.clientWidth + n;
-    case "reverse":
-      return e.scrollWidth - e.clientWidth - n;
-    default:
-      return n;
-  }
-}
-function pt(e) {
-  return me("MuiTab", e);
-}
-const ft = Se("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), j = ft, bt = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], ht = (e) => {
-  const {
-    classes: o,
-    textColor: n,
-    fullWidth: c,
-    wrapped: s,
-    icon: u,
-    label: m,
-    selected: h,
-    disabled: p
-  } = e, S = {
-    root: ["root", u && m && "labelIcon", `textColor${Le(n)}`, c && "fullWidth", s && "wrapped", h && "selected", p && "disabled"],
-    iconWrapper: ["iconWrapper"]
-  };
-  return ye(S, pt, o);
-}, mt = D($e, {
-  name: "MuiTab",
-  slot: "Root",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: n
-    } = e;
-    return [o.root, n.label && n.icon && o.labelIcon, o[`textColor${Le(n.textColor)}`], n.fullWidth && o.fullWidth, n.wrapped && o.wrapped];
-  }
-})(({
-  theme: e,
-  ownerState: o
-}) => b({}, e.typography.button, {
-  maxWidth: 360,
-  minWidth: 90,
-  position: "relative",
-  minHeight: 48,
-  flexShrink: 0,
-  padding: "12px 16px",
-  overflow: "hidden",
-  whiteSpace: "normal",
-  textAlign: "center"
-}, o.label && {
-  flexDirection: o.iconPosition === "top" || o.iconPosition === "bottom" ? "column" : "row"
-}, {
-  lineHeight: 1.25
-}, o.icon && o.label && {
-  minHeight: 72,
-  paddingTop: 9,
-  paddingBottom: 9,
-  [`& > .${j.iconWrapper}`]: b({}, o.iconPosition === "top" && {
-    marginBottom: 6
-  }, o.iconPosition === "bottom" && {
-    marginTop: 6
-  }, o.iconPosition === "start" && {
-    marginRight: e.spacing(1)
-  }, o.iconPosition === "end" && {
-    marginLeft: e.spacing(1)
-  })
-}, o.textColor === "inherit" && {
-  color: "inherit",
-  opacity: 0.6,
-  // same opacity as theme.palette.text.secondary
-  [`&.${j.selected}`]: {
-    opacity: 1
-  },
-  [`&.${j.disabled}`]: {
-    opacity: (e.vars || e).palette.action.disabledOpacity
-  }
-}, o.textColor === "primary" && {
-  color: (e.vars || e).palette.text.secondary,
-  [`&.${j.selected}`]: {
-    color: (e.vars || e).palette.primary.main
-  },
-  [`&.${j.disabled}`]: {
-    color: (e.vars || e).palette.text.disabled
-  }
-}, o.textColor === "secondary" && {
-  color: (e.vars || e).palette.text.secondary,
-  [`&.${j.selected}`]: {
-    color: (e.vars || e).palette.secondary.main
-  },
-  [`&.${j.disabled}`]: {
-    color: (e.vars || e).palette.text.disabled
-  }
-}, o.fullWidth && {
-  flexShrink: 1,
-  flexGrow: 1,
-  flexBasis: 0,
-  maxWidth: "none"
-}, o.wrapped && {
-  fontSize: e.typography.pxToRem(12)
-})), _e = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const c = ve({
-    props: o,
-    name: "MuiTab"
-  }), {
-    className: s,
-    disabled: u = !1,
-    disableFocusRipple: m = !1,
-    // eslint-disable-next-line react/prop-types
-    fullWidth: h,
-    icon: p,
-    iconPosition: S = "top",
-    // eslint-disable-next-line react/prop-types
-    indicator: I,
-    label: E,
-    onChange: T,
-    onClick: y,
-    onFocus: _,
-    // eslint-disable-next-line react/prop-types
-    selected: O,
-    // eslint-disable-next-line react/prop-types
-    selectionFollowsFocus: g,
-    // eslint-disable-next-line react/prop-types
-    textColor: H = "inherit",
-    value: x,
-    wrapped: ie = !1
-  } = c, V = ae(c, bt), Y = b({}, c, {
-    disabled: u,
-    disableFocusRipple: m,
-    selected: O,
-    icon: !!p,
-    iconPosition: S,
-    label: !!E,
-    fullWidth: h,
-    textColor: H,
-    wrapped: ie
-  }), U = ht(Y), $ = p && E && /* @__PURE__ */ d.isValidElement(p) ? /* @__PURE__ */ d.cloneElement(p, {
-    className: L(U.iconWrapper, p.props.className)
-  }) : p, Z = (M) => {
-    !O && T && T(M, x), y && y(M);
-  }, P = (M) => {
-    g && !O && T && T(M, x), _ && _(M);
-  };
-  return /* @__PURE__ */ Q(mt, b({
-    focusRipple: !m,
-    className: L(U.root, s),
-    ref: n,
-    role: "tab",
-    "aria-selected": O,
-    disabled: u,
-    onClick: Z,
-    onFocus: P,
-    ownerState: Y,
-    tabIndex: O ? 0 : -1
-  }, V, {
-    children: [S === "top" || S === "start" ? /* @__PURE__ */ Q(d.Fragment, {
-      children: [$, E]
-    }) : /* @__PURE__ */ Q(d.Fragment, {
-      children: [E, $]
-    }), I]
-  }));
-});
-process.env.NODE_ENV !== "production" && (_e.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * This prop isn't supported.
-   * Use the `component` prop if you need to change the children structure.
-   */
-  children: at,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: t.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: t.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: t.bool,
-  /**
-   * The icon to display.
-   */
-  icon: t.oneOfType([t.element, t.string]),
-  /**
-   * The position of the icon relative to the label.
-   * @default 'top'
-   */
-  iconPosition: t.oneOf(["bottom", "end", "start", "top"]),
-  /**
-   * The label element.
-   */
-  label: t.node,
-  /**
-   * @ignore
-   */
-  onChange: t.func,
-  /**
-   * @ignore
-   */
-  onClick: t.func,
-  /**
-   * @ignore
-   */
-  onFocus: t.func,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * You can provide your own value. Otherwise, we fallback to the child position index.
-   */
-  value: t.any,
-  /**
-   * Tab labels appear in a single row.
-   * They can use a second line if needed.
-   * @default false
-   */
-  wrapped: t.bool
-});
-const Jt = _e;
-function vt(e) {
-  return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;
-}
-function St(e, o, n, c = {}, s = () => {
-}) {
-  const {
-    ease: u = vt,
-    duration: m = 300
-    // standard
-  } = c;
-  let h = null;
-  const p = o[e];
-  let S = !1;
-  const I = () => {
-    S = !0;
-  }, E = (T) => {
-    if (S) {
-      s(new Error("Animation cancelled"));
-      return;
-    }
-    h === null && (h = T);
-    const y = Math.min(1, (T - h) / m);
-    if (o[e] = u(y) * (n - p) + p, y >= 1) {
-      requestAnimationFrame(() => {
-        s(null);
-      });
-      return;
-    }
-    requestAnimationFrame(E);
-  };
-  return p === n ? (s(new Error("Element already at target position")), I) : (requestAnimationFrame(E), I);
-}
-const yt = ["onChange"], gt = {
-  width: 99,
-  height: 99,
-  position: "absolute",
-  top: -9999,
-  overflow: "scroll"
-};
-function He(e) {
-  const {
-    onChange: o
-  } = e, n = ae(e, yt), c = d.useRef(), s = d.useRef(null), u = () => {
-    c.current = s.current.offsetHeight - s.current.clientHeight;
-  };
-  return it(() => {
-    const m = Ae(() => {
-      const p = c.current;
-      u(), p !== c.current && o(c.current);
-    }), h = Fe(s.current);
-    return h.addEventListener("resize", m), () => {
-      m.clear(), h.removeEventListener("resize", m);
-    };
-  }, [o]), d.useEffect(() => {
-    u(), o(c.current);
-  }, [o]), /* @__PURE__ */ w("div", b({
-    style: gt,
-    ref: s
-  }, n));
-}
-process.env.NODE_ENV !== "production" && (He.propTypes = {
-  onChange: t.func.isRequired
-});
-const Tt = je(/* @__PURE__ */ w("path", {
-  d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), xt = je(/* @__PURE__ */ w("path", {
-  d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
-}), "KeyboardArrowRight");
-function Bt(e) {
-  return me("MuiTabScrollButton", e);
-}
-const Ct = Se("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), wt = Ct, It = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Et = (e) => {
-  const {
-    classes: o,
-    orientation: n,
-    disabled: c
-  } = e;
-  return ye({
-    root: ["root", n, c && "disabled"]
-  }, Bt, o);
-}, Ot = D($e, {
-  name: "MuiTabScrollButton",
-  slot: "Root",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: n
-    } = e;
-    return [o.root, n.orientation && o[n.orientation]];
-  }
-})(({
-  ownerState: e
-}) => b({
-  width: 40,
-  flexShrink: 0,
-  opacity: 0.8,
-  [`&.${wt.disabled}`]: {
-    opacity: 0
-  }
-}, e.orientation === "vertical" && {
-  width: "100%",
-  height: 40,
-  "& svg": {
-    transform: `rotate(${e.isRtl ? -90 : 90}deg)`
-  }
-})), Ve = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  var c, s;
-  const u = ve({
-    props: o,
-    name: "MuiTabScrollButton"
-  }), {
-    className: m,
-    slots: h = {},
-    slotProps: p = {},
-    direction: S
-  } = u, I = ae(u, It), T = ke().direction === "rtl", y = b({
-    isRtl: T
-  }, u), _ = Et(y), O = (c = h.StartScrollButtonIcon) != null ? c : Tt, g = (s = h.EndScrollButtonIcon) != null ? s : xt, H = se({
-    elementType: O,
-    externalSlotProps: p.startScrollButtonIcon,
-    additionalProps: {
-      fontSize: "small"
-    },
-    ownerState: y
-  }), x = se({
-    elementType: g,
-    externalSlotProps: p.endScrollButtonIcon,
-    additionalProps: {
-      fontSize: "small"
-    },
-    ownerState: y
-  });
-  return /* @__PURE__ */ w(Ot, b({
-    component: "div",
-    className: L(_.root, m),
-    ref: n,
-    role: null,
-    ownerState: y,
-    tabIndex: null
-  }, I, {
-    children: S === "left" ? /* @__PURE__ */ w(O, b({}, H)) : /* @__PURE__ */ w(g, b({}, x))
-  }));
-});
-process.env.NODE_ENV !== "production" && (Ve.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The direction the button should indicate.
-   */
-  direction: t.oneOf(["left", "right"]).isRequired,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: t.bool,
-  /**
-   * The component orientation (layout flow direction).
-   */
-  orientation: t.oneOf(["horizontal", "vertical"]).isRequired,
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   * @default {}
-   */
-  slotProps: t.shape({
-    endScrollButtonIcon: t.oneOfType([t.func, t.object]),
-    startScrollButtonIcon: t.oneOfType([t.func, t.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: t.shape({
-    EndScrollButtonIcon: t.elementType,
-    StartScrollButtonIcon: t.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
-});
-const Nt = Ve;
-function Mt(e) {
-  return me("MuiTabs", e);
-}
-const Rt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), he = Rt, Pt = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], Re = (e, o) => e === o ? e.firstChild : o && o.nextElementSibling ? o.nextElementSibling : e.firstChild, Pe = (e, o) => e === o ? e.lastChild : o && o.previousElementSibling ? o.previousElementSibling : e.lastChild, ne = (e, o, n) => {
-  let c = !1, s = n(e, o);
-  for (; s; ) {
-    if (s === e.firstChild) {
-      if (c)
-        return;
-      c = !0;
-    }
-    const u = s.disabled || s.getAttribute("aria-disabled") === "true";
-    if (!s.hasAttribute("tabindex") || u)
-      s = n(e, s);
-    else {
-      s.focus();
-      return;
-    }
-  }
-}, zt = (e) => {
-  const {
-    vertical: o,
-    fixed: n,
-    hideScrollbar: c,
-    scrollableX: s,
-    scrollableY: u,
-    centered: m,
-    scrollButtonsHideMobile: h,
-    classes: p
-  } = e;
-  return ye({
-    root: ["root", o && "vertical"],
-    scroller: ["scroller", n && "fixed", c && "hideScrollbar", s && "scrollableX", u && "scrollableY"],
-    flexContainer: ["flexContainer", o && "flexContainerVertical", m && "centered"],
-    indicator: ["indicator"],
-    scrollButtons: ["scrollButtons", h && "scrollButtonsHideMobile"],
-    scrollableX: [s && "scrollableX"],
-    hideScrollbar: [c && "hideScrollbar"]
-  }, Mt, p);
-}, Wt = D("div", {
-  name: "MuiTabs",
-  slot: "Root",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: n
-    } = e;
-    return [{
-      [`& .${he.scrollButtons}`]: o.scrollButtons
-    }, {
-      [`& .${he.scrollButtons}`]: n.scrollButtonsHideMobile && o.scrollButtonsHideMobile
-    }, o.root, n.vertical && o.vertical];
-  }
-})(({
-  ownerState: e,
-  theme: o
-}) => b({
-  overflow: "hidden",
-  minHeight: 48,
-  // Add iOS momentum scrolling for iOS < 13.0
-  WebkitOverflowScrolling: "touch",
-  display: "flex"
-}, e.vertical && {
-  flexDirection: "column"
-}, e.scrollButtonsHideMobile && {
-  [`& .${he.scrollButtons}`]: {
-    [o.breakpoints.down("sm")]: {
-      display: "none"
-    }
-  }
-})), Lt = D("div", {
-  name: "MuiTabs",
-  slot: "Scroller",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: n
-    } = e;
-    return [o.scroller, n.fixed && o.fixed, n.hideScrollbar && o.hideScrollbar, n.scrollableX && o.scrollableX, n.scrollableY && o.scrollableY];
-  }
-})(({
-  ownerState: e
-}) => b({
-  position: "relative",
-  display: "inline-block",
-  flex: "1 1 auto",
-  whiteSpace: "nowrap"
-}, e.fixed && {
-  overflowX: "hidden",
-  width: "100%"
-}, e.hideScrollbar && {
-  // Hide dimensionless scrollbar on macOS
-  scrollbarWidth: "none",
-  // Firefox
-  "&::-webkit-scrollbar": {
-    display: "none"
-    // Safari + Chrome
-  }
-}, e.scrollableX && {
-  overflowX: "auto",
-  overflowY: "hidden"
-}, e.scrollableY && {
-  overflowY: "auto",
-  overflowX: "hidden"
-})), $t = D("div", {
-  name: "MuiTabs",
-  slot: "FlexContainer",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: n
-    } = e;
-    return [o.flexContainer, n.vertical && o.flexContainerVertical, n.centered && o.centered];
-  }
-})(({
-  ownerState: e
-}) => b({
-  display: "flex"
-}, e.vertical && {
-  flexDirection: "column"
-}, e.centered && {
-  justifyContent: "center"
-})), kt = D("span", {
-  name: "MuiTabs",
-  slot: "Indicator",
-  overridesResolver: (e, o) => o.indicator
-})(({
-  ownerState: e,
-  theme: o
-}) => b({
-  position: "absolute",
-  height: 2,
-  bottom: 0,
-  width: "100%",
-  transition: o.transitions.create()
-}, e.indicatorColor === "primary" && {
-  backgroundColor: (o.vars || o).palette.primary.main
-}, e.indicatorColor === "secondary" && {
-  backgroundColor: (o.vars || o).palette.secondary.main
-}, e.vertical && {
-  height: "100%",
-  width: 2,
-  right: 0
-})), Ft = D(He)({
-  overflowX: "auto",
-  overflowY: "hidden",
-  // Hide dimensionless scrollbar on macOS
-  scrollbarWidth: "none",
-  // Firefox
-  "&::-webkit-scrollbar": {
-    display: "none"
-    // Safari + Chrome
-  }
-}), ze = {};
-let We = !1;
-const Ue = /* @__PURE__ */ d.forwardRef(function(o, n) {
-  const c = ve({
-    props: o,
-    name: "MuiTabs"
-  }), s = ke(), u = s.direction === "rtl", {
-    "aria-label": m,
-    "aria-labelledby": h,
-    action: p,
-    centered: S = !1,
-    children: I,
-    className: E,
-    component: T = "div",
-    allowScrollButtonsMobile: y = !1,
-    indicatorColor: _ = "primary",
-    onChange: O,
-    orientation: g = "horizontal",
-    ScrollButtonComponent: H = Nt,
-    scrollButtons: x = "auto",
-    selectionFollowsFocus: ie,
-    slots: V = {},
-    slotProps: Y = {},
-    TabIndicatorProps: U = {},
-    TabScrollButtonProps: $ = {},
-    textColor: Z = "primary",
-    value: P,
-    variant: M = "standard",
-    visibleScrollbar: ce = !1
-  } = c, Xe = ae(c, Pt), B = M === "scrollable", C = g === "vertical", K = C ? "scrollTop" : "scrollLeft", ee = C ? "top" : "left", te = C ? "bottom" : "right", de = C ? "clientHeight" : "clientWidth", q = C ? "height" : "width", k = b({}, c, {
-    component: T,
-    allowScrollButtonsMobile: y,
-    indicatorColor: _,
-    orientation: g,
-    vertical: C,
-    scrollButtons: x,
-    textColor: Z,
-    variant: M,
-    visibleScrollbar: ce,
-    fixed: !B,
-    hideScrollbar: B && !ce,
-    scrollableX: B && !C,
-    scrollableY: B && C,
-    centered: S && !B,
-    scrollButtonsHideMobile: !y
-  }), z = zt(k), Ye = se({
-    elementType: V.StartScrollButtonIcon,
-    externalSlotProps: Y.startScrollButtonIcon,
-    ownerState: k
-  }), Ke = se({
-    elementType: V.EndScrollButtonIcon,
-    externalSlotProps: Y.endScrollButtonIcon,
-    ownerState: k
-  });
-  process.env.NODE_ENV !== "production" && S && B && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [ge, qe] = d.useState(!1), [F, Te] = d.useState(ze), [xe, Ge] = d.useState(!1), [Be, Je] = d.useState(!1), [Ce, Qe] = d.useState(!1), [we, Ze] = d.useState({
-    overflow: "hidden",
-    scrollbarWidth: 0
-  }), oe = /* @__PURE__ */ new Map(), R = d.useRef(null), A = d.useRef(null), Ie = () => {
-    const r = R.current;
-    let l;
-    if (r) {
-      const i = r.getBoundingClientRect();
-      l = {
-        clientWidth: r.clientWidth,
-        scrollLeft: r.scrollLeft,
-        scrollTop: r.scrollTop,
-        scrollLeftNormalized: ut(r, s.direction),
-        scrollWidth: r.scrollWidth,
-        top: i.top,
-        bottom: i.bottom,
-        left: i.left,
-        right: i.right
-      };
-    }
-    let a;
-    if (r && P !== !1) {
-      const i = A.current.children;
-      if (i.length > 0) {
-        const f = i[oe.get(P)];
-        process.env.NODE_ENV !== "production" && (f || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${P}".`, oe.keys ? `You can provide one of the following values: ${Array.from(oe.keys()).join(", ")}.` : null].join(`
-`))), a = f ? f.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !We && a && a.width === 0 && a.height === 0 && // if the whole Tabs component is hidden, don't warn
-        l.clientWidth !== 0 && (l = 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(`
-`)), We = !0);
-      }
-    }
-    return {
-      tabsMeta: l,
-      tabMeta: a
-    };
-  }, G = be(() => {
-    const {
-      tabsMeta: r,
-      tabMeta: l
-    } = Ie();
-    let a = 0, i;
-    if (C)
-      i = "top", l && r && (a = l.top - r.top + r.scrollTop);
-    else if (i = u ? "right" : "left", l && r) {
-      const v = u ? r.scrollLeftNormalized + r.clientWidth - r.scrollWidth : r.scrollLeft;
-      a = (u ? -1 : 1) * (l[i] - r[i] + v);
-    }
-    const f = {
-      [i]: a,
-      // May be wrong until the font is loaded.
-      [q]: l ? l[q] : 0
-    };
-    if (isNaN(F[i]) || isNaN(F[q]))
-      Te(f);
-    else {
-      const v = Math.abs(F[i] - f[i]), N = Math.abs(F[q] - f[q]);
-      (v >= 1 || N >= 1) && Te(f);
-    }
-  }), ue = (r, {
-    animation: l = !0
-  } = {}) => {
-    l ? St(K, R.current, r, {
-      duration: s.transitions.duration.standard
-    }) : R.current[K] = r;
-  }, Ee = (r) => {
-    let l = R.current[K];
-    C ? l += r : (l += r * (u ? -1 : 1), l *= u && De() === "reverse" ? -1 : 1), ue(l);
-  }, Oe = () => {
-    const r = R.current[de];
-    let l = 0;
-    const a = Array.from(A.current.children);
-    for (let i = 0; i < a.length; i += 1) {
-      const f = a[i];
-      if (l + f[de] > r) {
-        i === 0 && (l = r);
-        break;
-      }
-      l += f[de];
-    }
-    return l;
-  }, et = () => {
-    Ee(-1 * Oe());
-  }, tt = () => {
-    Ee(Oe());
-  }, ot = d.useCallback((r) => {
-    Ze({
-      overflow: null,
-      scrollbarWidth: r
-    });
-  }, []), rt = () => {
-    const r = {};
-    r.scrollbarSizeListener = B ? /* @__PURE__ */ w(Ft, {
-      onChange: ot,
-      className: L(z.scrollableX, z.hideScrollbar)
-    }) : null;
-    const a = B && (x === "auto" && (xe || Be) || x === !0);
-    return r.scrollButtonStart = a ? /* @__PURE__ */ w(H, b({
-      slots: {
-        StartScrollButtonIcon: V.StartScrollButtonIcon
-      },
-      slotProps: {
-        startScrollButtonIcon: Ye
-      },
-      orientation: g,
-      direction: u ? "right" : "left",
-      onClick: et,
-      disabled: !xe
-    }, $, {
-      className: L(z.scrollButtons, $.className)
-    })) : null, r.scrollButtonEnd = a ? /* @__PURE__ */ w(H, b({
-      slots: {
-        EndScrollButtonIcon: V.EndScrollButtonIcon
-      },
-      slotProps: {
-        endScrollButtonIcon: Ke
-      },
-      orientation: g,
-      direction: u ? "left" : "right",
-      onClick: tt,
-      disabled: !Be
-    }, $, {
-      className: L(z.scrollButtons, $.className)
-    })) : null, r;
-  }, Ne = be((r) => {
-    const {
-      tabsMeta: l,
-      tabMeta: a
-    } = Ie();
-    if (!(!a || !l)) {
-      if (a[ee] < l[ee]) {
-        const i = l[K] + (a[ee] - l[ee]);
-        ue(i, {
-          animation: r
-        });
-      } else if (a[te] > l[te]) {
-        const i = l[K] + (a[te] - l[te]);
-        ue(i, {
-          animation: r
-        });
-      }
-    }
-  }), re = be(() => {
-    B && x !== !1 && Qe(!Ce);
-  });
-  d.useEffect(() => {
-    const r = Ae(() => {
-      R.current && G();
-    });
-    let l;
-    const a = (v) => {
-      v.forEach((N) => {
-        N.removedNodes.forEach((J) => {
-          var W;
-          (W = l) == null || W.unobserve(J);
-        }), N.addedNodes.forEach((J) => {
-          var W;
-          (W = l) == null || W.observe(J);
-        });
-      }), r(), re();
-    }, i = Fe(R.current);
-    i.addEventListener("resize", r);
-    let f;
-    return typeof ResizeObserver < "u" && (l = new ResizeObserver(r), Array.from(A.current.children).forEach((v) => {
-      l.observe(v);
-    })), typeof MutationObserver < "u" && (f = new MutationObserver(a), f.observe(A.current, {
-      childList: !0
-    })), () => {
-      var v, N;
-      r.clear(), i.removeEventListener("resize", r), (v = f) == null || v.disconnect(), (N = l) == null || N.disconnect();
-    };
-  }, [G, re]), d.useEffect(() => {
-    const r = Array.from(A.current.children), l = r.length;
-    if (typeof IntersectionObserver < "u" && l > 0 && B && x !== !1) {
-      const a = r[0], i = r[l - 1], f = {
-        root: R.current,
-        threshold: 0.99
-      }, v = (fe) => {
-        Ge(!fe[0].isIntersecting);
-      }, N = new IntersectionObserver(v, f);
-      N.observe(a);
-      const J = (fe) => {
-        Je(!fe[0].isIntersecting);
-      }, W = new IntersectionObserver(J, f);
-      return W.observe(i), () => {
-        N.disconnect(), W.disconnect();
-      };
-    }
-  }, [B, x, Ce, I == null ? void 0 : I.length]), d.useEffect(() => {
-    qe(!0);
-  }, []), d.useEffect(() => {
-    G();
-  }), d.useEffect(() => {
-    Ne(ze !== F);
-  }, [Ne, F]), d.useImperativeHandle(p, () => ({
-    updateIndicator: G,
-    updateScrollButtons: re
-  }), [G, re]);
-  const Me = /* @__PURE__ */ w(kt, b({}, U, {
-    className: L(z.indicator, U.className),
-    ownerState: k,
-    style: b({}, F, U.style)
-  }));
-  let le = 0;
-  const lt = d.Children.map(I, (r) => {
-    if (!/* @__PURE__ */ d.isValidElement(r))
-      return null;
-    process.env.NODE_ENV !== "production" && st.isFragment(r) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`));
-    const l = r.props.value === void 0 ? le : r.props.value;
-    oe.set(l, le);
-    const a = l === P;
-    return le += 1, /* @__PURE__ */ d.cloneElement(r, b({
-      fullWidth: M === "fullWidth",
-      indicator: a && !ge && Me,
-      selected: a,
-      selectionFollowsFocus: ie,
-      onChange: O,
-      textColor: Z,
-      value: l
-    }, le === 1 && P === !1 && !r.props.tabIndex ? {
-      tabIndex: 0
-    } : {}));
-  }), nt = (r) => {
-    const l = A.current, a = ct(l).activeElement;
-    if (a.getAttribute("role") !== "tab")
-      return;
-    let f = g === "horizontal" ? "ArrowLeft" : "ArrowUp", v = g === "horizontal" ? "ArrowRight" : "ArrowDown";
-    switch (g === "horizontal" && u && (f = "ArrowRight", v = "ArrowLeft"), r.key) {
-      case f:
-        r.preventDefault(), ne(l, a, Pe);
-        break;
-      case v:
-        r.preventDefault(), ne(l, a, Re);
-        break;
-      case "Home":
-        r.preventDefault(), ne(l, null, Re);
-        break;
-      case "End":
-        r.preventDefault(), ne(l, null, Pe);
-        break;
-    }
-  }, pe = rt();
-  return /* @__PURE__ */ Q(Wt, b({
-    className: L(z.root, E),
-    ownerState: k,
-    ref: n,
-    as: T
-  }, Xe, {
-    children: [pe.scrollButtonStart, pe.scrollbarSizeListener, /* @__PURE__ */ Q(Lt, {
-      className: z.scroller,
-      ownerState: k,
-      style: {
-        overflow: we.overflow,
-        [C ? `margin${u ? "Left" : "Right"}` : "marginBottom"]: ce ? void 0 : -we.scrollbarWidth
-      },
-      ref: R,
-      children: [/* @__PURE__ */ w($t, {
-        "aria-label": m,
-        "aria-labelledby": h,
-        "aria-orientation": g === "vertical" ? "vertical" : null,
-        className: z.flexContainer,
-        ownerState: k,
-        onKeyDown: nt,
-        ref: A,
-        role: "tablist",
-        children: lt
-      }), ge && Me]
-    }), pe.scrollButtonEnd]
-  }));
-});
-process.env.NODE_ENV !== "production" && (Ue.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm 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: dt,
-  /**
-   * 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: t.bool,
-  /**
-   * The label for the Tabs as a string.
-   */
-  "aria-label": t.string,
-  /**
-   * An id or list of ids separated by a space that label the Tabs.
-   */
-  "aria-labelledby": t.string,
-  /**
-   * If `true`, the tabs are centered.
-   * This prop is intended for large views.
-   * @default false
-   */
-  centered: t.bool,
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: t.elementType,
-  /**
-   * Determines the color of the indicator.
-   * @default 'primary'
-   */
-  indicatorColor: t.oneOfType([t.oneOf(["primary", "secondary"]), t.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: t.func,
-  /**
-   * The component orientation (layout flow direction).
-   * @default 'horizontal'
-   */
-  orientation: t.oneOf(["horizontal", "vertical"]),
-  /**
-   * The component used to render the scroll buttons.
-   * @default TabScrollButton
-   */
-  ScrollButtonComponent: t.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: t.oneOf(["auto", !1, !0]),
-  /**
-   * If `true` the selected tab changes on focus. Otherwise it only
-   * changes on activation.
-   */
-  selectionFollowsFocus: t.bool,
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   * @default {}
-   */
-  slotProps: t.shape({
-    endScrollButtonIcon: t.oneOfType([t.func, t.object]),
-    startScrollButtonIcon: t.oneOfType([t.func, t.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: t.shape({
-    EndScrollButtonIcon: t.elementType,
-    StartScrollButtonIcon: t.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * Props applied to the tab indicator element.
-   * @default  {}
-   */
-  TabIndicatorProps: t.object,
-  /**
-   * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
-   * @default {}
-   */
-  TabScrollButtonProps: t.object,
-  /**
-   * Determines the color of the `Tab`.
-   * @default 'primary'
-   */
-  textColor: t.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: t.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: t.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: t.bool
-});
-const Qt = Ue;
-export {
-  Jt as T,
-  Qt as a,
-  he as b,
-  Mt as c,
-  pt as g,
-  j as t
-};