@tedi-design-system/react 14.0.0-rc.1

package/external/@mui/material/Tab/Tab.es.js

@@ -0,0 +1,243 @@
+import E from "../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.es.js";
+import u from "../../../@babel/runtime/helpers/esm/extends.es.js";
+import * as p from "react";
+import e from "../../../prop-types/index.es.js";
+import { clsx as T } from "../../../clsx/dist/clsx.es.js";
+import _ from "../styles/styled.es.js";
+import a, { getTabUtilityClass as D } from "./tabClasses.es.js";
+import { jsxs as C } from "react/jsx-runtime";
+import { useDefaultProps as H } from "../DefaultPropsProvider/DefaultPropsProvider.es.js";
+import R from "../../utils/esm/capitalize/capitalize.es.js";
+import I from "../../utils/esm/composeClasses/composeClasses.es.js";
+import z from "../ButtonBase/ButtonBase.es.js";
+import L from "../../utils/esm/unsupportedProp/unsupportedProp.es.js";
+const M = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], U = (i) => {
+  const {
+    classes: o,
+    textColor: l,
+    fullWidth: s,
+    wrapped: x,
+    icon: d,
+    label: f,
+    selected: g,
+    disabled: t
+  } = i, r = {
+    root: ["root", d && f && "labelIcon", `textColor${R(l)}`, s && "fullWidth", x && "wrapped", g && "selected", t && "disabled"],
+    iconWrapper: ["iconWrapper"]
+  };
+  return I(r, D, o);
+}, V = _(z, {
+  name: "MuiTab",
+  slot: "Root",
+  overridesResolver: (i, o) => {
+    const {
+      ownerState: l
+    } = i;
+    return [o.root, l.label && l.icon && o.labelIcon, o[`textColor${R(l.textColor)}`], l.fullWidth && o.fullWidth, l.wrapped && o.wrapped, {
+      [`& .${a.iconWrapper}`]: o.iconWrapper
+    }];
+  }
+})(({
+  theme: i,
+  ownerState: o
+}) => u({}, i.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,
+  [`& > .${a.iconWrapper}`]: u({}, o.iconPosition === "top" && {
+    marginBottom: 6
+  }, o.iconPosition === "bottom" && {
+    marginTop: 6
+  }, o.iconPosition === "start" && {
+    marginRight: i.spacing(1)
+  }, o.iconPosition === "end" && {
+    marginLeft: i.spacing(1)
+  })
+}, o.textColor === "inherit" && {
+  color: "inherit",
+  opacity: 0.6,
+  // same opacity as theme.palette.text.secondary
+  [`&.${a.selected}`]: {
+    opacity: 1
+  },
+  [`&.${a.disabled}`]: {
+    opacity: (i.vars || i).palette.action.disabledOpacity
+  }
+}, o.textColor === "primary" && {
+  color: (i.vars || i).palette.text.secondary,
+  [`&.${a.selected}`]: {
+    color: (i.vars || i).palette.primary.main
+  },
+  [`&.${a.disabled}`]: {
+    color: (i.vars || i).palette.text.disabled
+  }
+}, o.textColor === "secondary" && {
+  color: (i.vars || i).palette.text.secondary,
+  [`&.${a.selected}`]: {
+    color: (i.vars || i).palette.secondary.main
+  },
+  [`&.${a.disabled}`]: {
+    color: (i.vars || i).palette.text.disabled
+  }
+}, o.fullWidth && {
+  flexShrink: 1,
+  flexGrow: 1,
+  flexBasis: 0,
+  maxWidth: "none"
+}, o.wrapped && {
+  fontSize: i.typography.pxToRem(12)
+})), A = /* @__PURE__ */ p.forwardRef(function(o, l) {
+  const s = H({
+    props: o,
+    name: "MuiTab"
+  }), {
+    className: x,
+    disabled: d = !1,
+    disableFocusRipple: f = !1,
+    // eslint-disable-next-line react/prop-types
+    fullWidth: g,
+    icon: t,
+    iconPosition: r = "top",
+    // eslint-disable-next-line react/prop-types
+    indicator: $,
+    label: b,
+    onChange: m,
+    onClick: y,
+    onFocus: h,
+    // eslint-disable-next-line react/prop-types
+    selected: n,
+    // eslint-disable-next-line react/prop-types
+    selectionFollowsFocus: N,
+    // eslint-disable-next-line react/prop-types
+    textColor: k = "inherit",
+    value: W,
+    wrapped: O = !1
+  } = s, j = E(s, M), v = u({}, s, {
+    disabled: d,
+    disableFocusRipple: f,
+    selected: n,
+    icon: !!t,
+    iconPosition: r,
+    label: !!b,
+    fullWidth: g,
+    textColor: k,
+    wrapped: O
+  }), F = U(v), P = t && b && /* @__PURE__ */ p.isValidElement(t) ? /* @__PURE__ */ p.cloneElement(t, {
+    className: T(F.iconWrapper, t.props.className)
+  }) : t, w = (c) => {
+    !n && m && m(c, W), y && y(c);
+  }, B = (c) => {
+    N && !n && m && m(c, W), h && h(c);
+  };
+  return /* @__PURE__ */ C(V, u({
+    focusRipple: !f,
+    className: T(F.root, x),
+    ref: l,
+    role: "tab",
+    "aria-selected": n,
+    disabled: d,
+    onClick: w,
+    onFocus: B,
+    ownerState: v,
+    tabIndex: n ? 0 : -1
+  }, j, {
+    children: [r === "top" || r === "start" ? /* @__PURE__ */ C(p.Fragment, {
+      children: [P, b]
+    }) : /* @__PURE__ */ C(p.Fragment, {
+      children: [b, P]
+    }), $]
+  }));
+});
+process.env.NODE_ENV !== "production" && (A.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: L,
+  /**
+   * 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
+});
+export {
+  A as default
+};

package/external/@mui/material/Tab/tabClasses.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/esm/generateUtilityClasses/generateUtilityClasses.cjs.js"),l=require("../../utils/esm/generateUtilityClass/generateUtilityClass.cjs.js");function a(e){return l.default("MuiTab",e)}const r=t.default("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]);exports.default=r;exports.getTabUtilityClass=a;

package/external/@mui/material/Tab/tabClasses.es.js

@@ -0,0 +1,10 @@
+import e from "../../utils/esm/generateUtilityClasses/generateUtilityClasses.es.js";
+import r from "../../utils/esm/generateUtilityClass/generateUtilityClass.es.js";
+function l(t) {
+  return r("MuiTab", t);
+}
+const i = e("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]);
+export {
+  i as default,
+  l as getTabUtilityClass
+};

package/external/@mui/material/TabScrollButton/TabScrollButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs.js"),r=require("../../../@babel/runtime/helpers/esm/extends.cjs.js"),h=require("react"),t=require("../../../prop-types/index.cjs.js"),O=require("../../../clsx/dist/clsx.cjs.js"),v=require("../../system/esm/RtlProvider/index.cjs.js"),I=require("../internal/svg-icons/KeyboardArrowLeft.cjs.js"),R=require("../internal/svg-icons/KeyboardArrowRight.cjs.js"),_=require("../styles/styled.cjs.js"),b=require("./tabScrollButtonClasses.cjs.js"),c=require("react/jsx-runtime"),w=require("../DefaultPropsProvider/DefaultPropsProvider.cjs.js"),S=require("../../utils/esm/useSlotProps/useSlotProps.cjs.js"),N=require("../../utils/esm/composeClasses/composeClasses.cjs.js"),E=require("../ButtonBase/ButtonBase.cjs.js");function D(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const M=D(h),$=["className","slots","slotProps","direction","orientation","disabled"],z=e=>{const{classes:l,orientation:o,disabled:n}=e,s={root:["root",o,n&&"disabled"]};return N.default(s,b.getTabScrollButtonUtilityClass,l)},C=_.default(E.default,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(e,l)=>{const{ownerState:o}=e;return[l.root,o.orientation&&l[o.orientation]]}})(({ownerState:e})=>r.default({width:40,flexShrink:0,opacity:.8,[`&.${b.default.disabled}`]:{opacity:0}},e.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${e.isRtl?-90:90}deg)`}})),B=M.forwardRef(function(l,o){var n,s;const u=w.useDefaultProps({props:l,name:"MuiTabScrollButton"}),{className:m,slots:d={},slotProps:i={},direction:y}=u,q=g.default(u,$),P=v.useRtl(),a=r.default({isRtl:P},u),T=z(a),f=(n=d.StartScrollButtonIcon)!=null?n:I.default,p=(s=d.EndScrollButtonIcon)!=null?s:R.default,j=S.default({elementType:f,externalSlotProps:i.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:a}),x=S.default({elementType:p,externalSlotProps:i.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:a});return c.jsx(C,r.default({component:"div",className:O.clsx(T.root,m),ref:o,role:null,ownerState:a,tabIndex:null},q,{children:y==="left"?c.jsx(f,r.default({},j)):c.jsx(p,r.default({},x))}))});process.env.NODE_ENV!=="production"&&(B.propTypes={children:t.default.node,classes:t.default.object,className:t.default.string,direction:t.default.oneOf(["left","right"]).isRequired,disabled:t.default.bool,orientation:t.default.oneOf(["horizontal","vertical"]).isRequired,slotProps:t.default.shape({endScrollButtonIcon:t.default.oneOfType([t.default.func,t.default.object]),startScrollButtonIcon:t.default.oneOfType([t.default.func,t.default.object])}),slots:t.default.shape({EndScrollButtonIcon:t.default.elementType,StartScrollButtonIcon:t.default.elementType}),sx:t.default.oneOfType([t.default.arrayOf(t.default.oneOfType([t.default.func,t.default.object,t.default.bool])),t.default.func,t.default.object])});exports.default=B;

package/external/@mui/material/TabScrollButton/TabScrollButton.es.js

@@ -0,0 +1,141 @@
+import P from "../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.es.js";
+import n from "../../../@babel/runtime/helpers/esm/extends.es.js";
+import * as R from "react";
+import o from "../../../prop-types/index.es.js";
+import { clsx as x } from "../../../clsx/dist/clsx.es.js";
+import { useRtl as v } from "../../system/esm/RtlProvider/index.es.js";
+import O from "../internal/svg-icons/KeyboardArrowLeft.es.js";
+import g from "../internal/svg-icons/KeyboardArrowRight.es.js";
+import j from "../styles/styled.es.js";
+import w, { getTabScrollButtonUtilityClass as E } from "./tabScrollButtonClasses.es.js";
+import { jsx as a } from "react/jsx-runtime";
+import { useDefaultProps as N } from "../DefaultPropsProvider/DefaultPropsProvider.es.js";
+import f from "../../utils/esm/useSlotProps/useSlotProps.es.js";
+import _ from "../../utils/esm/composeClasses/composeClasses.es.js";
+import C from "../ButtonBase/ButtonBase.es.js";
+const $ = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], z = (t) => {
+  const {
+    classes: r,
+    orientation: e,
+    disabled: s
+  } = t;
+  return _({
+    root: ["root", e, s && "disabled"]
+  }, E, r);
+}, q = j(C, {
+  name: "MuiTabScrollButton",
+  slot: "Root",
+  overridesResolver: (t, r) => {
+    const {
+      ownerState: e
+    } = t;
+    return [r.root, e.orientation && r[e.orientation]];
+  }
+})(({
+  ownerState: t
+}) => n({
+  width: 40,
+  flexShrink: 0,
+  opacity: 0.8,
+  [`&.${w.disabled}`]: {
+    opacity: 0
+  }
+}, t.orientation === "vertical" && {
+  width: "100%",
+  height: 40,
+  "& svg": {
+    transform: `rotate(${t.isRtl ? -90 : 90}deg)`
+  }
+})), A = /* @__PURE__ */ R.forwardRef(function(r, e) {
+  var s, c;
+  const i = N({
+    props: r,
+    name: "MuiTabScrollButton"
+  }), {
+    className: S,
+    slots: p = {},
+    slotProps: u = {},
+    direction: b
+  } = i, B = P(i, $), y = v(), l = n({
+    isRtl: y
+  }, i), T = z(l), d = (s = p.StartScrollButtonIcon) != null ? s : O, m = (c = p.EndScrollButtonIcon) != null ? c : g, h = f({
+    elementType: d,
+    externalSlotProps: u.startScrollButtonIcon,
+    additionalProps: {
+      fontSize: "small"
+    },
+    ownerState: l
+  }), I = f({
+    elementType: m,
+    externalSlotProps: u.endScrollButtonIcon,
+    additionalProps: {
+      fontSize: "small"
+    },
+    ownerState: l
+  });
+  return /* @__PURE__ */ a(q, n({
+    component: "div",
+    className: x(T.root, S),
+    ref: e,
+    role: null,
+    ownerState: l,
+    tabIndex: null
+  }, B, {
+    children: b === "left" ? /* @__PURE__ */ a(d, n({}, h)) : /* @__PURE__ */ a(m, n({}, I))
+  }));
+});
+process.env.NODE_ENV !== "production" && (A.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: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The direction the button should indicate.
+   */
+  direction: o.oneOf(["left", "right"]).isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * The component orientation (layout flow direction).
+   */
+  orientation: o.oneOf(["horizontal", "vertical"]).isRequired,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   * @default {}
+   */
+  slotProps: o.shape({
+    endScrollButtonIcon: o.oneOfType([o.func, o.object]),
+    startScrollButtonIcon: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    EndScrollButtonIcon: o.elementType,
+    StartScrollButtonIcon: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+export {
+  A as default
+};

package/external/@mui/material/TabScrollButton/tabScrollButtonClasses.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/esm/generateUtilityClasses/generateUtilityClasses.cjs.js"),l=require("../../utils/esm/generateUtilityClass/generateUtilityClass.cjs.js");function o(t){return l.default("MuiTabScrollButton",t)}const a=e.default("MuiTabScrollButton",["root","vertical","horizontal","disabled"]);exports.default=a;exports.getTabScrollButtonUtilityClass=o;

package/external/@mui/material/TabScrollButton/tabScrollButtonClasses.es.js

@@ -0,0 +1,10 @@
+import l from "../../utils/esm/generateUtilityClasses/generateUtilityClasses.es.js";
+import o from "../../utils/esm/generateUtilityClass/generateUtilityClass.es.js";
+function e(t) {
+  return o("MuiTabScrollButton", t);
+}
+const i = l("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]);
+export {
+  i as default,
+  e as getTabScrollButtonUtilityClass
+};

package/external/@mui/material/Tabs/ScrollbarSize.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../../@babel/runtime/helpers/esm/extends.cjs.js"),f=require("../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs.js"),g=require("react"),h=require("../../../prop-types/index.cjs.js"),p=require("react/jsx-runtime"),b=require("../../utils/esm/useEnhancedEffect/useEnhancedEffect.cjs.js"),v=require("../../utils/esm/debounce/debounce.cjs.js"),q=require("../../utils/esm/ownerWindow/ownerWindow.cjs.js");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=j(g),m=["onChange"],R={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function l(e){const{onChange:t}=e,n=f.default(e,m),r=s.useRef(),o=s.useRef(null),u=()=>{r.current=o.current.offsetHeight-o.current.clientHeight};return b.default(()=>{const c=v.default(()=>{const a=r.current;u(),a!==r.current&&t(r.current)}),i=q.default(o.current);return i.addEventListener("resize",c),()=>{c.clear(),i.removeEventListener("resize",c)}},[t]),s.useEffect(()=>{u(),t(r.current)},[t]),p.jsx("div",d.default({style:R},n,{ref:o}))}process.env.NODE_ENV!=="production"&&(l.propTypes={onChange:h.default.func.isRequired});exports.default=l;

package/external/@mui/material/Tabs/ScrollbarSize.es.js

@@ -0,0 +1,43 @@
+import m from "../../../@babel/runtime/helpers/esm/extends.es.js";
+import p from "../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.es.js";
+import * as n from "react";
+import d from "../../../prop-types/index.es.js";
+import { jsx as l } from "react/jsx-runtime";
+import a from "../../utils/esm/useEnhancedEffect/useEnhancedEffect.es.js";
+import h from "../../utils/esm/debounce/debounce.es.js";
+import g from "../../utils/esm/ownerWindow/ownerWindow.es.js";
+const v = ["onChange"], E = {
+  width: 99,
+  height: 99,
+  position: "absolute",
+  top: -9999,
+  overflow: "scroll"
+};
+function R(s) {
+  const {
+    onChange: r
+  } = s, u = p(s, v), e = n.useRef(), t = n.useRef(null), i = () => {
+    e.current = t.current.offsetHeight - t.current.clientHeight;
+  };
+  return a(() => {
+    const o = h(() => {
+      const f = e.current;
+      i(), f !== e.current && r(e.current);
+    }), c = g(t.current);
+    return c.addEventListener("resize", o), () => {
+      o.clear(), c.removeEventListener("resize", o);
+    };
+  }, [r]), n.useEffect(() => {
+    i(), r(e.current);
+  }, [r]), /* @__PURE__ */ l("div", m({
+    style: E
+  }, u, {
+    ref: t
+  }));
+}
+process.env.NODE_ENV !== "production" && (R.propTypes = {
+  onChange: d.func.isRequired
+});
+export {
+  R as default
+};

package/external/@mui/material/Tabs/Tabs.cjs.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Xe=require("../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.cjs.js"),v=require("../../../@babel/runtime/helpers/esm/extends.cjs.js"),Ve=require("react"),Ye=require("../../../react-is/index.cjs.js"),r=require("../../../prop-types/index.cjs.js"),j=require("../../../clsx/dist/clsx.cjs.js"),He=require("../../system/esm/RtlProvider/index.cjs.js"),P=require("../styles/styled.cjs.js"),$e=require("../styles/useTheme.cjs.js"),Ue=require("../internal/animate.cjs.js"),Ke=require("./ScrollbarSize.cjs.js"),X=require("./tabsClasses.cjs.js"),C=require("react/jsx-runtime"),Ge=require("../DefaultPropsProvider/DefaultPropsProvider.cjs.js"),Je=require("../TabScrollButton/TabScrollButton.cjs.js"),me=require("../../utils/esm/useSlotProps/useSlotProps.cjs.js"),te=require("../../utils/esm/useEventCallback/useEventCallback.cjs.js"),Qe=require("../../utils/esm/ownerWindow/ownerWindow.cjs.js"),Ze=require("../../utils/esm/debounce/debounce.cjs.js"),et=require("../../utils/esm/composeClasses/composeClasses.cjs.js"),ye=require("../../utils/esm/scrollLeft/scrollLeft.cjs.js"),tt=require("../../utils/esm/ownerDocument/ownerDocument.cjs.js"),ot=require("../../utils/esm/refType/refType.cjs.js");function lt(l){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const a in l)if(a!=="default"){const b=Object.getOwnPropertyDescriptor(l,a);Object.defineProperty(o,a,b.get?b:{enumerable:!0,get:()=>l[a]})}}return o.default=l,Object.freeze(o)}const i=lt(Ve),rt=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],ge=(l,o)=>l===o?l.firstChild:o&&o.nextElementSibling?o.nextElementSibling:l.firstChild,we=(l,o)=>l===o?l.lastChild:o&&o.previousElementSibling?o.previousElementSibling:l.lastChild,F=(l,o,a)=>{let b=!1,f=a(l,o);for(;f;){if(f===l.firstChild){if(b)return;b=!0}const d=f.disabled||f.getAttribute("aria-disabled")==="true";if(!f.hasAttribute("tabindex")||d)f=a(l,f);else{f.focus();return}}},nt=l=>{const{vertical:o,fixed:a,hideScrollbar:b,scrollableX:f,scrollableY:d,centered:V,scrollButtonsHideMobile:Y,classes:H}=l,R={root:["root",o&&"vertical"],scroller:["scroller",a&&"fixed",b&&"hideScrollbar",f&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",o&&"flexContainerVertical",V&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",Y&&"scrollButtonsHideMobile"],scrollableX:[f&&"scrollableX"],hideScrollbar:[b&&"hideScrollbar"]};return et.default(R,X.getTabsUtilityClass,H)},st=P.default("div",{name:"MuiTabs",slot:"Root",overridesResolver:(l,o)=>{const{ownerState:a}=l;return[{[`& .${X.default.scrollButtons}`]:o.scrollButtons},{[`& .${X.default.scrollButtons}`]:a.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,a.vertical&&o.vertical]}})(({ownerState:l,theme:o})=>v.default({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},l.vertical&&{flexDirection:"column"},l.scrollButtonsHideMobile&&{[`& .${X.default.scrollButtons}`]:{[o.breakpoints.down("sm")]:{display:"none"}}})),at=P.default("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(l,o)=>{const{ownerState:a}=l;return[o.scroller,a.fixed&&o.fixed,a.hideScrollbar&&o.hideScrollbar,a.scrollableX&&o.scrollableX,a.scrollableY&&o.scrollableY]}})(({ownerState:l})=>v.default({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},l.fixed&&{overflowX:"hidden",width:"100%"},l.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},l.scrollableX&&{overflowX:"auto",overflowY:"hidden"},l.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),ct=P.default("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(l,o)=>{const{ownerState:a}=l;return[o.flexContainer,a.vertical&&o.flexContainerVertical,a.centered&&o.centered]}})(({ownerState:l})=>v.default({display:"flex"},l.vertical&&{flexDirection:"column"},l.centered&&{justifyContent:"center"})),it=P.default("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(l,o)=>o.indicator})(({ownerState:l,theme:o})=>v.default({position:"absolute",height:2,bottom:0,width:"100%",transition:o.transitions.create()},l.indicatorColor==="primary"&&{backgroundColor:(o.vars||o).palette.primary.main},l.indicatorColor==="secondary"&&{backgroundColor:(o.vars||o).palette.secondary.main},l.vertical&&{height:"100%",width:2,right:0})),ut=P.default(Ke.default)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),xe={};let Be=!1;const Te=i.forwardRef(function(o,a){const b=Ge.useDefaultProps({props:o,name:"MuiTabs"}),f=$e.default(),d=He.useRtl(),{"aria-label":V,"aria-labelledby":Y,action:H,centered:R=!1,children:$,className:Ce,component:oe="div",allowScrollButtonsMobile:le=!1,indicatorColor:Ie="primary",onChange:Ee,orientation:y="horizontal",ScrollButtonComponent:re=Je.default,scrollButtons:I="auto",selectionFollowsFocus:Oe,slots:k={},slotProps:ne={},TabIndicatorProps:U={},TabScrollButtonProps:q={},textColor:se="primary",value:E,variant:K="standard",visibleScrollbar:G=!1}=b,Ne=Xe.default(b,rt),p=K==="scrollable",h=y==="vertical",O=h?"scrollTop":"scrollLeft",D=h?"top":"left",L=h?"bottom":"right",J=h?"clientHeight":"clientWidth",N=h?"height":"width",x=v.default({},b,{component:oe,allowScrollButtonsMobile:le,indicatorColor:Ie,orientation:y,vertical:h,scrollButtons:I,textColor:se,variant:K,visibleScrollbar:G,fixed:!p,hideScrollbar:p&&!G,scrollableX:p&&!h,scrollableY:p&&h,centered:R&&!p,scrollButtonsHideMobile:!le}),g=nt(x),Me=me.default({elementType:k.StartScrollButtonIcon,externalSlotProps:ne.startScrollButtonIcon,ownerState:x}),ze=me.default({elementType:k.EndScrollButtonIcon,externalSlotProps:ne.endScrollButtonIcon,ownerState:x});process.env.NODE_ENV!=="production"&&R&&p&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[ae,je]=i.useState(!1),[B,ce]=i.useState(xe),[ie,Pe]=i.useState(!1),[ue,Re]=i.useState(!1),[de,ke]=i.useState(!1),[fe,qe]=i.useState({overflow:"hidden",scrollbarWidth:0}),W=new Map,m=i.useRef(null),T=i.useRef(null),be=()=>{const e=m.current;let t;if(e){const s=e.getBoundingClientRect();t={clientWidth:e.clientWidth,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop,scrollLeftNormalized:ye.getNormalizedScrollLeft(e,d?"rtl":"ltr"),scrollWidth:e.scrollWidth,top:s.top,bottom:s.bottom,left:s.left,right:s.right}}let n;if(e&&E!==!1){const s=T.current.children;if(s.length>0){const c=s[W.get(E)];process.env.NODE_ENV!=="production"&&(c||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${E}".`,W.keys?`You can provide one of the following values: ${Array.from(W.keys()).join(", ")}.`:null].join(`
+`))),n=c?c.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!Be&&n&&n.width===0&&n.height===0&&t.clientWidth!==0&&(t=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${E}") 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(`
+`)),Be=!0)}}return{tabsMeta:t,tabMeta:n}},M=te.default(()=>{const{tabsMeta:e,tabMeta:t}=be();let n=0,s;if(h)s="top",t&&e&&(n=t.top-e.top+e.scrollTop);else if(s=d?"right":"left",t&&e){const u=d?e.scrollLeftNormalized+e.clientWidth-e.scrollWidth:e.scrollLeft;n=(d?-1:1)*(t[s]-e[s]+u)}const c={[s]:n,[N]:t?t[N]:0};if(isNaN(B[s])||isNaN(B[N]))ce(c);else{const u=Math.abs(B[s]-c[s]),S=Math.abs(B[N]-c[N]);(u>=1||S>=1)&&ce(c)}}),Q=(e,{animation:t=!0}={})=>{t?Ue.default(O,m.current,e,{duration:f.transitions.duration.standard}):m.current[O]=e},pe=e=>{let t=m.current[O];h?t+=e:(t+=e*(d?-1:1),t*=d&&ye.detectScrollType()==="reverse"?-1:1),Q(t)},he=()=>{const e=m.current[J];let t=0;const n=Array.from(T.current.children);for(let s=0;s<n.length;s+=1){const c=n[s];if(t+c[J]>e){s===0&&(t=e);break}t+=c[J]}return t},De=()=>{pe(-1*he())},Le=()=>{pe(he())},We=i.useCallback(e=>{qe({overflow:null,scrollbarWidth:e})},[]),_e=()=>{const e={};e.scrollbarSizeListener=p?C.jsx(ut,{onChange:We,className:j.clsx(g.scrollableX,g.hideScrollbar)}):null;const n=p&&(I==="auto"&&(ie||ue)||I===!0);return e.scrollButtonStart=n?C.jsx(re,v.default({slots:{StartScrollButtonIcon:k.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Me},orientation:y,direction:d?"right":"left",onClick:De,disabled:!ie},q,{className:j.clsx(g.scrollButtons,q.className)})):null,e.scrollButtonEnd=n?C.jsx(re,v.default({slots:{EndScrollButtonIcon:k.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:ze},orientation:y,direction:d?"left":"right",onClick:Le,disabled:!ue},q,{className:j.clsx(g.scrollButtons,q.className)})):null,e},ve=te.default(e=>{const{tabsMeta:t,tabMeta:n}=be();if(!(!n||!t)){if(n[D]<t[D]){const s=t[O]+(n[D]-t[D]);Q(s,{animation:e})}else if(n[L]>t[L]){const s=t[O]+(n[L]-t[L]);Q(s,{animation:e})}}}),_=te.default(()=>{p&&I!==!1&&ke(!de)});i.useEffect(()=>{const e=Ze.default(()=>{m.current&&M()});let t;const n=u=>{u.forEach(S=>{S.removedNodes.forEach(z=>{var w;(w=t)==null||w.unobserve(z)}),S.addedNodes.forEach(z=>{var w;(w=t)==null||w.observe(z)})}),e(),_()},s=Qe.default(m.current);s.addEventListener("resize",e);let c;return typeof ResizeObserver<"u"&&(t=new ResizeObserver(e),Array.from(T.current.children).forEach(u=>{t.observe(u)})),typeof MutationObserver<"u"&&(c=new MutationObserver(n),c.observe(T.current,{childList:!0})),()=>{var u,S;e.clear(),s.removeEventListener("resize",e),(u=c)==null||u.disconnect(),(S=t)==null||S.disconnect()}},[M,_]),i.useEffect(()=>{const e=Array.from(T.current.children),t=e.length;if(typeof IntersectionObserver<"u"&&t>0&&p&&I!==!1){const n=e[0],s=e[t-1],c={root:m.current,threshold:.99},u=ee=>{Pe(!ee[0].isIntersecting)},S=new IntersectionObserver(u,c);S.observe(n);const z=ee=>{Re(!ee[0].isIntersecting)},w=new IntersectionObserver(z,c);return w.observe(s),()=>{S.disconnect(),w.disconnect()}}},[p,I,de,$==null?void 0:$.length]),i.useEffect(()=>{je(!0)},[]),i.useEffect(()=>{M()}),i.useEffect(()=>{ve(xe!==B)},[ve,B]),i.useImperativeHandle(H,()=>({updateIndicator:M,updateScrollButtons:_}),[M,_]);const Se=C.jsx(it,v.default({},U,{className:j.clsx(g.indicator,U.className),ownerState:x,style:v.default({},B,U.style)}));let A=0;const Ae=i.Children.map($,e=>{if(!i.isValidElement(e))return null;process.env.NODE_ENV!=="production"&&Ye.reactIsExports.isFragment(e)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`));const t=e.props.value===void 0?A:e.props.value;W.set(t,A);const n=t===E;return A+=1,i.cloneElement(e,v.default({fullWidth:K==="fullWidth",indicator:n&&!ae&&Se,selected:n,selectionFollowsFocus:Oe,onChange:Ee,textColor:se,value:t},A===1&&E===!1&&!e.props.tabIndex?{tabIndex:0}:{}))}),Fe=e=>{const t=T.current,n=tt.default(t).activeElement;if(n.getAttribute("role")!=="tab")return;let c=y==="horizontal"?"ArrowLeft":"ArrowUp",u=y==="horizontal"?"ArrowRight":"ArrowDown";switch(y==="horizontal"&&d&&(c="ArrowRight",u="ArrowLeft"),e.key){case c:e.preventDefault(),F(t,n,we);break;case u:e.preventDefault(),F(t,n,ge);break;case"Home":e.preventDefault(),F(t,null,ge);break;case"End":e.preventDefault(),F(t,null,we);break}},Z=_e();return C.jsxs(st,v.default({className:j.clsx(g.root,Ce),ownerState:x,ref:a,as:oe},Ne,{children:[Z.scrollButtonStart,Z.scrollbarSizeListener,C.jsxs(at,{className:g.scroller,ownerState:x,style:{overflow:fe.overflow,[h?`margin${d?"Left":"Right"}`:"marginBottom"]:G?void 0:-fe.scrollbarWidth},ref:m,children:[C.jsx(ct,{"aria-label":V,"aria-labelledby":Y,"aria-orientation":y==="vertical"?"vertical":null,className:g.flexContainer,ownerState:x,onKeyDown:Fe,ref:T,role:"tablist",children:Ae}),ae&&Se]}),Z.scrollButtonEnd]}))});process.env.NODE_ENV!=="production"&&(Te.propTypes={action:ot.default,allowScrollButtonsMobile:r.default.bool,"aria-label":r.default.string,"aria-labelledby":r.default.string,centered:r.default.bool,children:r.default.node,classes:r.default.object,className:r.default.string,component:r.default.elementType,indicatorColor:r.default.oneOfType([r.default.oneOf(["primary","secondary"]),r.default.string]),onChange:r.default.func,orientation:r.default.oneOf(["horizontal","vertical"]),ScrollButtonComponent:r.default.elementType,scrollButtons:r.default.oneOf(["auto",!1,!0]),selectionFollowsFocus:r.default.bool,slotProps:r.default.shape({endScrollButtonIcon:r.default.oneOfType([r.default.func,r.default.object]),startScrollButtonIcon:r.default.oneOfType([r.default.func,r.default.object])}),slots:r.default.shape({EndScrollButtonIcon:r.default.elementType,StartScrollButtonIcon:r.default.elementType}),sx:r.default.oneOfType([r.default.arrayOf(r.default.oneOfType([r.default.func,r.default.object,r.default.bool])),r.default.func,r.default.object]),TabIndicatorProps:r.default.object,TabScrollButtonProps:r.default.object,textColor:r.default.oneOf(["inherit","primary","secondary"]),value:r.default.any,variant:r.default.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:r.default.bool});exports.default=Te;