@cgi-learning-hub/ui 1.0.0-dev.1719570721 → 1.0.0-dev.1720692108

package/dist/PaperHeader-SxVkoHvl.js

@@ -0,0 +1,334 @@
+import { jsx as C, jsxs as q } from "react/jsx-runtime";
+import { b as N, _ as f, e as z, c as J, s as K, f as Q, P as o, h as G, j as D, k as X, l as Y, m as Z, g as ee, n as L } from "./identifier-DsSu6V5q.js";
+import { g as oe, c as re, s as te } from "./styled-BcPBu8Jf.js";
+import { a as se, u as ne } from "./useThemeProps-B41Vbb6e.js";
+import * as M from "react";
+import { i as ie, s as ce, e as ae, c as le } from "./extendSxProp-BGEjo7G8.js";
+import { T as ue } from "./Typography-BLFbJy9o.js";
+const pe = ["ownerState"], fe = ["variants"], de = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+function me(e) {
+  return Object.keys(e).length === 0;
+}
+function ye(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function A(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const he = z(), U = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+function _({
+  defaultTheme: e,
+  theme: s,
+  themeId: r
+}) {
+  return me(s) ? e : s[r] || s;
+}
+function ve(e) {
+  return e ? (s, r) => r[e] : null;
+}
+function P(e, s) {
+  let {
+    ownerState: r
+  } = s, i = N(s, pe);
+  const a = typeof e == "function" ? e(f({
+    ownerState: r
+  }, i)) : e;
+  if (Array.isArray(a))
+    return a.flatMap((c) => P(c, f({
+      ownerState: r
+    }, i)));
+  if (a && typeof a == "object" && Array.isArray(a.variants)) {
+    const {
+      variants: c = []
+    } = a;
+    let d = N(a, fe);
+    return c.forEach((t) => {
+      let n = !0;
+      typeof t.props == "function" ? n = t.props(f({
+        ownerState: r
+      }, i, r)) : Object.keys(t.props).forEach((m) => {
+        (r == null ? void 0 : r[m]) !== t.props[m] && i[m] !== t.props[m] && (n = !1);
+      }), n && (Array.isArray(d) || (d = [d]), d.push(typeof t.style == "function" ? t.style(f({
+        ownerState: r
+      }, i, r)) : t.style));
+    }), d;
+  }
+  return a;
+}
+function Se(e = {}) {
+  const {
+    themeId: s,
+    defaultTheme: r = he,
+    rootShouldForwardProp: i = A,
+    slotShouldForwardProp: a = A
+  } = e, c = (l) => K(f({}, l, {
+    theme: _(f({}, l, {
+      defaultTheme: r,
+      themeId: s
+    }))
+  }));
+  return c.__mui_systemSx = !0, (l, d = {}) => {
+    ie(l, (u) => u.filter((h) => !(h != null && h.__mui_systemSx)));
+    const {
+      name: t,
+      slot: n,
+      skipVariantsResolver: m,
+      skipSx: O,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: v = ve(U(n))
+    } = d, V = N(d, de), F = m !== void 0 ? m : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      n && n !== "Root" && n !== "root" || !1
+    ), k = O || !1;
+    let b;
+    process.env.NODE_ENV !== "production" && t && (b = `${t}-${U(n || "Root")}`);
+    let S = A;
+    n === "Root" || n === "root" ? S = i : n ? S = a : ye(l) && (S = void 0);
+    const T = ce(l, f({
+      shouldForwardProp: S,
+      label: b
+    }, V)), j = (u) => typeof u == "function" && u.__emotion_real !== u || Q(u) ? (h) => P(u, f({}, h, {
+      theme: _({
+        theme: h.theme,
+        defaultTheme: r,
+        themeId: s
+      })
+    })) : u, w = (u, ...h) => {
+      let E = j(u);
+      const g = h ? h.map(j) : [];
+      t && v && g.push((p) => {
+        const y = _(f({}, p, {
+          defaultTheme: r,
+          themeId: s
+        }));
+        if (!y.components || !y.components[t] || !y.components[t].styleOverrides)
+          return null;
+        const x = y.components[t].styleOverrides, R = {};
+        return Object.entries(x).forEach(([W, H]) => {
+          R[W] = P(H, f({}, p, {
+            theme: y
+          }));
+        }), v(p, R);
+      }), t && !F && g.push((p) => {
+        var y;
+        const x = _(f({}, p, {
+          defaultTheme: r,
+          themeId: s
+        })), R = x == null || (y = x.components) == null || (y = y[t]) == null ? void 0 : y.variants;
+        return P({
+          variants: R
+        }, f({}, p, {
+          theme: x
+        }));
+      }), k || g.push(c);
+      const B = g.length - h.length;
+      if (Array.isArray(u) && B > 0) {
+        const p = new Array(B).fill("");
+        E = [...u, ...p], E.raw = [...u.raw, ...p];
+      }
+      const $ = T(E, ...g);
+      if (process.env.NODE_ENV !== "production") {
+        let p;
+        t && (p = `${t}${J(n || "")}`), p === void 0 && (p = `Styled(${oe(l)})`), $.displayName = p;
+      }
+      return l.muiName && ($.muiName = l.muiName), $;
+    };
+    return T.withConfig && (w.withConfig = T.withConfig), w;
+  };
+}
+const Oe = Se(), be = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], Te = z(), ge = Oe("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (e, s) => s.root
+});
+function xe(e) {
+  return se({
+    props: e,
+    name: "MuiStack",
+    defaultTheme: Te
+  });
+}
+function ke(e, s) {
+  const r = M.Children.toArray(e).filter(Boolean);
+  return r.reduce((i, a, c) => (i.push(a), c < r.length - 1 && i.push(/* @__PURE__ */ M.cloneElement(s, {
+    key: `separator-${c}`
+  })), i), []);
+}
+const je = (e) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[e], we = ({
+  ownerState: e,
+  theme: s
+}) => {
+  let r = f({
+    display: "flex",
+    flexDirection: "column"
+  }, G({
+    theme: s
+  }, D({
+    values: e.direction,
+    breakpoints: s.breakpoints.values
+  }), (i) => ({
+    flexDirection: i
+  })));
+  if (e.spacing) {
+    const i = X(s), a = Object.keys(s.breakpoints.values).reduce((t, n) => ((typeof e.spacing == "object" && e.spacing[n] != null || typeof e.direction == "object" && e.direction[n] != null) && (t[n] = !0), t), {}), c = D({
+      values: e.direction,
+      base: a
+    }), l = D({
+      values: e.spacing,
+      base: a
+    });
+    typeof c == "object" && Object.keys(c).forEach((t, n, m) => {
+      if (!c[t]) {
+        const v = n > 0 ? c[m[n - 1]] : "column";
+        c[t] = v;
+      }
+    }), r = Y(r, G({
+      theme: s
+    }, l, (t, n) => e.useFlexGap ? {
+      gap: L(i, t)
+    } : {
+      // The useFlexGap={false} implement relies on each child to give up control of the margin.
+      // We need to reset the margin to avoid double spacing.
+      "& > :not(style):not(style)": {
+        margin: 0
+      },
+      "& > :not(style) ~ :not(style)": {
+        [`margin${je(n ? c[n] : e.direction)}`]: L(i, t)
+      }
+    }));
+  }
+  return r = Z(s.breakpoints, r), r;
+};
+function Re(e = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: s = ge,
+    useThemeProps: r = xe,
+    componentName: i = "MuiStack"
+  } = e, a = () => re({
+    root: ["root"]
+  }, (t) => ee(i, t), {}), c = s(we), l = /* @__PURE__ */ M.forwardRef(function(t, n) {
+    const m = r(t), O = ae(m), {
+      component: v = "div",
+      direction: V = "column",
+      spacing: F = 0,
+      divider: k,
+      children: b,
+      className: S,
+      useFlexGap: T = !1
+    } = O, j = N(O, be), w = {
+      direction: V,
+      spacing: F,
+      useFlexGap: T
+    }, u = a();
+    return /* @__PURE__ */ C(c, f({
+      as: v,
+      ownerState: w,
+      ref: n,
+      className: le(u.root, S)
+    }, j, {
+      children: k ? ke(b, k) : b
+    }));
+  });
+  return process.env.NODE_ENV !== "production" && (l.propTypes = {
+    children: o.node,
+    direction: o.oneOfType([o.oneOf(["column-reverse", "column", "row-reverse", "row"]), o.arrayOf(o.oneOf(["column-reverse", "column", "row-reverse", "row"])), o.object]),
+    divider: o.node,
+    spacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
+    sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+  }), l;
+}
+const I = Re({
+  createStyledComponent: te("div", {
+    name: "MuiStack",
+    slot: "Root",
+    overridesResolver: (e, s) => s.root
+  }),
+  useThemeProps: (e) => ne({
+    props: e,
+    name: "MuiStack"
+  })
+});
+process.env.NODE_ENV !== "production" && (I.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,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: o.oneOfType([o.oneOf(["column-reverse", "column", "row-reverse", "row"]), o.arrayOf(o.oneOf(["column-reverse", "column", "row-reverse", "row"])), o.object]),
+  /**
+   * Add an element between each child.
+   */
+  divider: o.node,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: o.oneOfType([o.arrayOf(o.oneOfType([o.number, o.string])), o.number, o.object, o.string]),
+  /**
+   * The system prop, which 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]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: o.bool
+});
+const _e = I, De = ({
+  title: e,
+  IconComponent: s,
+  iconColor: r,
+  iconProps: i,
+  iconSize: a = 28,
+  variant: c = "h2",
+  fontWeight: l = "bold",
+  ...d
+}) => /* @__PURE__ */ q(_e, { direction: "row", alignItems: "center", gap: 1, children: [
+  s ? /* @__PURE__ */ C(
+    s,
+    {
+      sx: {
+        fontSize: a,
+        padding: "2px",
+        borderRadius: 1,
+        color: r == null ? void 0 : r[500],
+        backgroundColor: r == null ? void 0 : r[50]
+      },
+      ...i
+    }
+  ) : null,
+  /* @__PURE__ */ C(ue, { variant: c, fontWeight: l, ...d, children: e })
+] });
+export {
+  De as P,
+  _e as S
+};

package/dist/SearchInput-D8S2Dro0.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),y=require("./styled-DtgTbEpl.cjs"),m=require("./InputBase-BRr3XF_n.cjs"),e=require("./identifier-B9sdPF-D.cjs"),C=require("react"),g=require("./extendSxProp-CTHh2W4x.cjs"),E=require("./useThemeProps-JUXSbj_Q.cjs"),S=require("./Typography-KzFLtY83.cjs"),A=require("./createSvgIcon-BNBfUFXF.cjs");function O(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const b=O(C);function q(t){return e.generateUtilityClass("MuiInputAdornment",t)}const P=g.generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]);var T;const _=["children","className","component","disablePointerEvents","disableTypography","position","variant"],z=(t,n)=>{const{ownerState:o}=t;return[n.root,n[`position${e.capitalize(o.position)}`],o.disablePointerEvents===!0&&n.disablePointerEvents,n[o.variant]]},M=t=>{const{classes:n,disablePointerEvents:o,hiddenLabel:s,position:i,size:p,variant:l}=t,c={root:["root",o&&"disablePointerEvents",i&&`position${e.capitalize(i)}`,l,s&&"hiddenLabel",p&&`size${e.capitalize(p)}`]};return y.composeClasses(c,q,n)},N=y.styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:z})(({theme:t,ownerState:n})=>e._extends({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(t.vars||t).palette.action.active},n.variant==="filled"&&{[`&.${P.positionStart}&:not(.${P.hiddenLabel})`]:{marginTop:16}},n.position==="start"&&{marginRight:8},n.position==="end"&&{marginLeft:8},n.disablePointerEvents===!0&&{pointerEvents:"none"})),v=b.forwardRef(function(n,o){const s=E.useThemeProps({props:n,name:"MuiInputAdornment"}),{children:i,className:p,component:l="div",disablePointerEvents:c=!1,disableTypography:x=!1,position:h,variant:d}=s,I=e._objectWithoutPropertiesLoose(s,_),a=m.useFormControl()||{};let u=d;d&&a.variant&&process.env.NODE_ENV!=="production"&&d===a.variant&&console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."),a&&!u&&(u=a.variant);const f=e._extends({},s,{hiddenLabel:a.hiddenLabel,size:a.size,disablePointerEvents:c,position:h,variant:u}),j=M(f);return r.jsx(m.FormControlContext.Provider,{value:null,children:r.jsx(N,e._extends({as:l,ownerState:f,className:g.clsx(j.root,p),ref:o},I,{children:typeof i=="string"&&!x?r.jsx(S.Typography,{color:"text.secondary",children:i}):r.jsxs(b.Fragment,{children:[h==="start"?T||(T=r.jsx("span",{className:"notranslate",children:"​"})):null,i]})}))})});process.env.NODE_ENV!=="production"&&(v.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,disablePointerEvents:e.PropTypes.bool,disableTypography:e.PropTypes.bool,position:e.PropTypes.oneOf(["end","start"]).isRequired,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),variant:e.PropTypes.oneOf(["filled","outlined","standard"])});const R=A.createSvgIcon(r.jsx("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search"),L=y.styled(m.InputBase)(({theme:t})=>({width:"auto",padding:"0px 12px",backgroundColor:t.palette.grey[50],borderRadius:30,"& .MuiInputBase-input":{padding:"8px 0px"},"&:hover, &.Mui-focused":{"& .MuiInputAdornment-root":{color:t.palette.primary.main}}})),$=({placeholder:t="Rechercher",...n})=>r.jsx(L,{...n,placeholder:t,startAdornment:r.jsx(v,{position:"start",disablePointerEvents:!0,children:r.jsx(R,{})}),type:"search",autoComplete:"off",autoCorrect:"off",spellCheck:!1});exports.InputAdornment=v;exports.SearchInput=$;

package/dist/{SearchInput-CwsflFjR.js → SearchInput-vTSM0A_a.js}

@@ -1,26 +1,23 @@
 import { jsx as n, jsxs as T } from "react/jsx-runtime";
-import { s as I, c as A } from "./styled-s69k_8pa.js";
-import { u as S, F as L, I as M } from "./InputBase-M1EED0mW.js";
-import { g as N, _ as m, b as R, P as e, c as v } from "./createTheme-1ojblN3u.js";
+import { s as I, c as A } from "./styled-BcPBu8Jf.js";
+import { u as S, F as L, I as M } from "./InputBase-I_H8N4mU.js";
+import { g as N, _ as m, b as R, P as e, c as v } from "./identifier-DsSu6V5q.js";
 import * as b from "react";
-import { g as z, c as O } from "./generateUtilityClasses-X1rhcgtG.js";
-import { u as _ } from "./useThemeProps-CjT55mlq.js";
-import { T as j } from "./Typography-_o0GXIZA.js";
-import { c as F } from "./createSvgIcon-_G2UO7ga.js";
-const U = F(/* @__PURE__ */ n("path", {
-  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
-}), "Search");
-function $(o) {
+import { g as z, c as O } from "./extendSxProp-BGEjo7G8.js";
+import { u as _ } from "./useThemeProps-B41Vbb6e.js";
+import { T as j } from "./Typography-BLFbJy9o.js";
+import { c as F } from "./createSvgIcon-zoeSp8AI.js";
+function U(o) {
   return N("MuiInputAdornment", o);
 }
 const g = z("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
 var y;
-const w = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], B = (o, t) => {
+const $ = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], w = (o, t) => {
   const {
     ownerState: r
   } = o;
   return [t.root, t[`position${v(r.position)}`], r.disablePointerEvents === !0 && t.disablePointerEvents, t[r.variant]];
-}, k = (o) => {
+}, B = (o) => {
   const {
     classes: t,
     disablePointerEvents: r,
@@ -31,11 +28,11 @@ const w = ["children", "className", "component", "disablePointerEvents", "disabl
   } = o, d = {
     root: ["root", r && "disablePointerEvents", s && `position${v(s)}`, l, a && "hiddenLabel", p && `size${v(p)}`]
   };
-  return A(d, $, t);
-}, D = I("div", {
+  return A(d, U, t);
+}, k = I("div", {
   name: "MuiInputAdornment",
   slot: "Root",
-  overridesResolver: B
+  overridesResolver: w
 })(({
   theme: o,
   ownerState: t
@@ -73,7 +70,7 @@ const w = ["children", "className", "component", "disablePointerEvents", "disabl
     disableTypography: E = !1,
     position: f,
     variant: c
-  } = a, P = R(a, w), i = S() || {};
+  } = a, P = R(a, $), i = S() || {};
   let u = c;
   c && i.variant && process.env.NODE_ENV !== "production" && c === i.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), i && !u && (u = i.variant);
   const h = m({}, a, {
@@ -82,10 +79,10 @@ const w = ["children", "className", "component", "disablePointerEvents", "disabl
     disablePointerEvents: d,
     position: f,
     variant: u
-  }), x = k(h);
+  }), x = B(h);
   return /* @__PURE__ */ n(L.Provider, {
     value: null,
-    children: /* @__PURE__ */ n(D, m({
+    children: /* @__PURE__ */ n(k, m({
       as: l,
       ownerState: h,
       className: O(x.root, p),
@@ -154,7 +151,9 @@ process.env.NODE_ENV !== "production" && (C.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-const V = I(M)(({ theme: o }) => ({
+const D = F(/* @__PURE__ */ n("path", {
+  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+}), "Search"), V = I(M)(({ theme: o }) => ({
   width: "auto",
   padding: "0px 12px",
   backgroundColor: o.palette.grey[50],
@@ -175,7 +174,7 @@ const V = I(M)(({ theme: o }) => ({
   {
     ...t,
     placeholder: o,
-    startAdornment: /* @__PURE__ */ n(C, { position: "start", disablePointerEvents: !0, children: /* @__PURE__ */ n(U, {}) }),
+    startAdornment: /* @__PURE__ */ n(C, { position: "start", disablePointerEvents: !0, children: /* @__PURE__ */ n(D, {}) }),
     type: "search",
     autoComplete: "off",
     autoCorrect: "off",

package/dist/{Tabs-B_NrpC4Q.js → Tabs-BHgt03Ak.js}

@@ -1,17 +1,17 @@
-import { g as me, c as Le, _ as b, b as ae, P as t } from "./createTheme-1ojblN3u.js";
+import { g as me, c as Le, _ as b, b as ae, P as t } from "./identifier-DsSu6V5q.js";
 import * as u from "react";
-import { g as ve, c as k } from "./generateUtilityClasses-X1rhcgtG.js";
-import { u as Se } from "./useThemeProps-CjT55mlq.js";
-import { s as _, c as ye, a as so } from "./styled-s69k_8pa.js";
+import { g as ve, c as k } from "./extendSxProp-BGEjo7G8.js";
+import { u as Se } from "./useThemeProps-B41Vbb6e.js";
+import { s as _, c as ye, a as so } from "./styled-BcPBu8Jf.js";
 import { jsxs as Q, jsx as C } from "react/jsx-runtime";
-import { B as ke } from "./ButtonBase-BBM2veIm.js";
+import { B as ke } from "./ButtonBase-MH1fSrw1.js";
 import { u as ao } from "./unsupportedProp-BuVD30Gh.js";
-import { u as Fe, a as se, b as io } from "./useSlotProps-Bkw8Hym-.js";
-import { u as co } from "./useForkRef-CQ5u1_mH.js";
+import { u as Fe, a as se, b as io } from "./useSlotProps-CwHer_GV.js";
+import { u as co } from "./useForkRef-DwN_Iz9R.js";
 import { a as $e, d as Ae, o as uo } from "./ownerWindow-C7EH1lr6.js";
-import { u as be } from "./useTimeout-Dokw0W_A.js";
-import { r as po } from "./refType-CHmcTSDr.js";
-import { c as je } from "./createSvgIcon-_G2UO7ga.js";
+import { u as be } from "./useTimeout-BdvDipeg.js";
+import { r as po } from "./refType-CM0peE9D.js";
+import { c as je } from "./createSvgIcon-zoeSp8AI.js";
 let X;
 function De() {
   if (X)

package/dist/Tabs-MxQXnZgD.cjs

@@ -0,0 +1,4 @@
+"use strict";const e=require("./identifier-B9sdPF-D.cjs"),oo=require("react"),C=require("./extendSxProp-CTHh2W4x.cjs"),fe=require("./useThemeProps-JUXSbj_Q.cjs"),B=require("./styled-DtgTbEpl.cjs"),h=require("react/jsx-runtime"),Ne=require("./ButtonBase-D_Tn01UP.cjs"),to=require("./unsupportedProp-Bn6XWqwH.cjs"),D=require("./useSlotProps-CGMffHzP.cjs"),ro=require("./useForkRef-CGd3Nhyb.cjs"),Q=require("./ownerWindow-Dk_4aaak.cjs"),be=require("./useTimeout-XUWYBnl6.cjs"),so=require("./refType-DUinHq0d.cjs"),Me=require("./createSvgIcon-BNBfUFXF.cjs");function no(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>o[n]})}}return t.default=o,Object.freeze(t)}const p=no(oo);let V;function Re(){if(V)return V;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),V="reverse",o.scrollLeft>0?V="default":(o.scrollLeft=1,o.scrollLeft===0&&(V="negative")),document.body.removeChild(o),V}function lo(o,t){const n=o.scrollLeft;if(t!=="rtl")return n;switch(Re()){case"negative":return o.scrollWidth-o.clientWidth+n;case"reverse":return o.scrollWidth-o.clientWidth-n;default:return n}}function _e(o){return e.generateUtilityClass("MuiTab",o)}const io=C.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),_=io,co=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],ao=o=>{const{classes:t,textColor:n,fullWidth:l,wrapped:c,icon:d,label:y,selected:f,disabled:u}=o,T={root:["root",d&&y&&"labelIcon",`textColor${e.capitalize(n)}`,l&&"fullWidth",c&&"wrapped",f&&"selected",u&&"disabled"],iconWrapper:["iconWrapper"]};return B.composeClasses(T,_e,t)},po=B.styled(Ne.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.root,n.label&&n.icon&&t.labelIcon,t[`textColor${e.capitalize(n.textColor)}`],n.fullWidth&&t.fullWidth,n.wrapped&&t.wrapped,{[`& .${_.iconWrapper}`]:t.iconWrapper}]}})(({theme:o,ownerState:t})=>e._extends({},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,[`& > .${_.iconWrapper}`]:e._extends({},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:.6,[`&.${_.selected}`]:{opacity:1},[`&.${_.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity}},t.textColor==="primary"&&{color:(o.vars||o).palette.text.secondary,[`&.${_.selected}`]:{color:(o.vars||o).palette.primary.main},[`&.${_.disabled}`]:{color:(o.vars||o).palette.text.disabled}},t.textColor==="secondary"&&{color:(o.vars||o).palette.text.secondary,[`&.${_.selected}`]:{color:(o.vars||o).palette.secondary.main},[`&.${_.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)})),We=p.forwardRef(function(t,n){const l=fe.useThemeProps({props:t,name:"MuiTab"}),{className:c,disabled:d=!1,disableFocusRipple:y=!1,fullWidth:f,icon:u,iconPosition:T="top",indicator:w,label:m,onChange:v,onClick:I,onFocus:L,selected:E,selectionFollowsFocus:P,textColor:q="inherit",value:N,wrapped:ie=!1}=l,U=e._objectWithoutPropertiesLoose(l,co),X=e._extends({},l,{disabled:d,disableFocusRipple:y,selected:E,icon:!!u,iconPosition:T,label:!!m,fullWidth:f,textColor:q,wrapped:ie}),H=ao(X),k=u&&m&&p.isValidElement(u)?p.cloneElement(u,{className:C.clsx(H.iconWrapper,u.props.className)}):u,Z=M=>{!E&&v&&v(M,N),I&&I(M)},W=M=>{P&&!E&&v&&v(M,N),L&&L(M)};return h.jsxs(po,e._extends({focusRipple:!y,className:C.clsx(H.root,c),ref:n,role:"tab","aria-selected":E,disabled:d,onClick:Z,onFocus:W,ownerState:X,tabIndex:E?0:-1},U,{children:[T==="top"||T==="start"?h.jsxs(p.Fragment,{children:[k,m]}):h.jsxs(p.Fragment,{children:[m,k]}),w]}))});process.env.NODE_ENV!=="production"&&(We.propTypes={children:to.unsupportedProp,classes:e.PropTypes.object,className:e.PropTypes.string,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.oneOfType([e.PropTypes.element,e.PropTypes.string]),iconPosition:e.PropTypes.oneOf(["bottom","end","start","top"]),label:e.PropTypes.node,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any,wrapped:e.PropTypes.bool});const uo=We,je=Me.createSvgIcon(h.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),ze=Me.createSvgIcon(h.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function bo(o){return(1+Math.sin(Math.PI*o-Math.PI/2))/2}function fo(o,t,n,l={},c=()=>{}){const{ease:d=bo,duration:y=300}=l;let f=null;const u=t[o];let T=!1;const w=()=>{T=!0},m=v=>{if(T){c(new Error("Animation cancelled"));return}f===null&&(f=v);const I=Math.min(1,(v-f)/y);if(t[o]=d(I)*(n-u)+u,I>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(m)};return u===n?(c(new Error("Element already at target position")),w):(requestAnimationFrame(m),w)}const yo=["onChange"],ho={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Le(o){const{onChange:t}=o,n=e._objectWithoutPropertiesLoose(o,yo),l=p.useRef(),c=p.useRef(null),d=()=>{l.current=c.current.offsetHeight-c.current.clientHeight};return ro.useEnhancedEffect(()=>{const y=Q.debounce(()=>{const u=l.current;d(),u!==l.current&&t(l.current)}),f=Q.ownerWindow(c.current);return f.addEventListener("resize",y),()=>{y.clear(),f.removeEventListener("resize",y)}},[t]),p.useEffect(()=>{d(),t(l.current)},[t]),h.jsx("div",e._extends({style:ho,ref:c},n))}process.env.NODE_ENV!=="production"&&(Le.propTypes={onChange:e.PropTypes.func.isRequired});function To(o){return e.generateUtilityClass("MuiTabScrollButton",o)}const vo=C.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),So=["className","slots","slotProps","direction","orientation","disabled"],Po=o=>{const{classes:t,orientation:n,disabled:l}=o,c={root:["root",n,l&&"disabled"]};return B.composeClasses(c,To,t)},mo=B.styled(Ne.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[t.root,n.orientation&&t[n.orientation]]}})(({ownerState:o})=>e._extends({width:40,flexShrink:0,opacity:.8,[`&.${vo.disabled}`]:{opacity:0}},o.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${o.isRtl?-90:90}deg)`}})),ke=p.forwardRef(function(t,n){var l,c;const d=fe.useThemeProps({props:t,name:"MuiTabScrollButton"}),{className:y,slots:f={},slotProps:u={},direction:T}=d,w=e._objectWithoutPropertiesLoose(d,So),m=D.useRtl(),v=e._extends({isRtl:m},d),I=Po(v),L=(l=f.StartScrollButtonIcon)!=null?l:je,E=(c=f.EndScrollButtonIcon)!=null?c:ze,P=D.useSlotProps({elementType:L,externalSlotProps:u.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:v}),q=D.useSlotProps({elementType:E,externalSlotProps:u.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:v});return h.jsx(mo,e._extends({component:"div",className:C.clsx(I.root,y),ref:n,role:null,ownerState:v,tabIndex:null},w,{children:T==="left"?h.jsx(L,e._extends({},P)):h.jsx(E,e._extends({},q))}))});process.env.NODE_ENV!=="production"&&(ke.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,direction:e.PropTypes.oneOf(["left","right"]).isRequired,disabled:e.PropTypes.bool,orientation:e.PropTypes.oneOf(["horizontal","vertical"]).isRequired,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function $e(o){return e.generateUtilityClass("MuiTabs",o)}const xo=C.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),le=xo,go=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],we=(o,t)=>o===t?o.firstChild:t&&t.nextElementSibling?t.nextElementSibling:o.firstChild,Ie=(o,t)=>o===t?o.lastChild:t&&t.previousElementSibling?t.previousElementSibling:o.lastChild,ne=(o,t,n)=>{let l=!1,c=n(o,t);for(;c;){if(c===o.firstChild){if(l)return;l=!0}const d=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||d)c=n(o,c);else{c.focus();return}}},Co=o=>{const{vertical:t,fixed:n,hideScrollbar:l,scrollableX:c,scrollableY:d,centered:y,scrollButtonsHideMobile:f,classes:u}=o,T={root:["root",t&&"vertical"],scroller:["scroller",n&&"fixed",l&&"hideScrollbar",c&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",t&&"flexContainerVertical",y&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",f&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[l&&"hideScrollbar"]};return B.composeClasses(T,$e,u)},Bo=B.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:n}=o;return[{[`& .${le.scrollButtons}`]:t.scrollButtons},{[`& .${le.scrollButtons}`]:n.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,n.vertical&&t.vertical]}})(({ownerState:o,theme:t})=>e._extends({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},o.vertical&&{flexDirection:"column"},o.scrollButtonsHideMobile&&{[`& .${le.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}})),wo=B.styled("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})=>e._extends({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},o.fixed&&{overflowX:"hidden",width:"100%"},o.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},o.scrollableX&&{overflowX:"auto",overflowY:"hidden"},o.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),Io=B.styled("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})=>e._extends({display:"flex"},o.vertical&&{flexDirection:"column"},o.centered&&{justifyContent:"center"})),Eo=B.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(o,t)=>t.indicator})(({ownerState:o,theme:t})=>e._extends({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})),Oo=B.styled(Le)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Ee={};let Oe=!1;const Fe=p.forwardRef(function(t,n){const l=fe.useThemeProps({props:t,name:"MuiTabs"}),c=D.useTheme(),d=D.useRtl(),{"aria-label":y,"aria-labelledby":f,action:u,centered:T=!1,children:w,className:m,component:v="div",allowScrollButtonsMobile:I=!1,indicatorColor:L="primary",onChange:E,orientation:P="horizontal",ScrollButtonComponent:q=ke,scrollButtons:N="auto",selectionFollowsFocus:ie,slots:U={},slotProps:X={},TabIndicatorProps:H={},TabScrollButtonProps:k={},textColor:Z="primary",value:W,variant:M="standard",visibleScrollbar:ce=!1}=l,Ae=e._objectWithoutPropertiesLoose(l,go),x=M==="scrollable",g=P==="vertical",Y=g?"scrollTop":"scrollLeft",ee=g?"top":"left",oe=g?"bottom":"right",ae=g?"clientHeight":"clientWidth",K=g?"height":"width",$=e._extends({},l,{component:v,allowScrollButtonsMobile:I,indicatorColor:L,orientation:P,vertical:g,scrollButtons:N,textColor:Z,variant:M,visibleScrollbar:ce,fixed:!x,hideScrollbar:x&&!ce,scrollableX:x&&!g,scrollableY:x&&g,centered:T&&!x,scrollButtonsHideMobile:!I}),j=Co($),De=D.useSlotProps({elementType:U.StartScrollButtonIcon,externalSlotProps:X.startScrollButtonIcon,ownerState:$}),qe=D.useSlotProps({elementType:U.EndScrollButtonIcon,externalSlotProps:X.endScrollButtonIcon,ownerState:$});process.env.NODE_ENV!=="production"&&T&&x&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[ye,Ue]=p.useState(!1),[F,he]=p.useState(Ee),[Te,He]=p.useState(!1),[ve,Ve]=p.useState(!1),[Se,Xe]=p.useState(!1),[Pe,Ye]=p.useState({overflow:"hidden",scrollbarWidth:0}),te=new Map,R=p.useRef(null),A=p.useRef(null),me=()=>{const r=R.current;let s;if(r){const a=r.getBoundingClientRect();s={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollLeftNormalized:lo(r,d?"rtl":"ltr"),scrollWidth:r.scrollWidth,top:a.top,bottom:a.bottom,left:a.left,right:a.right}}let i;if(r&&W!==!1){const a=A.current.children;if(a.length>0){const b=a[te.get(W)];process.env.NODE_ENV!=="production"&&(b||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${W}".`,te.keys?`You can provide one of the following values: ${Array.from(te.keys()).join(", ")}.`:null].join(`
+`))),i=b?b.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!Oe&&i&&i.width===0&&i.height===0&&s.clientWidth!==0&&(s=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${W}") 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(`
+`)),Oe=!0)}}return{tabsMeta:s,tabMeta:i}},G=be.useEventCallback(()=>{const{tabsMeta:r,tabMeta:s}=me();let i=0,a;if(g)a="top",s&&r&&(i=s.top-r.top+r.scrollTop);else if(a=d?"right":"left",s&&r){const S=d?r.scrollLeftNormalized+r.clientWidth-r.scrollWidth:r.scrollLeft;i=(d?-1:1)*(s[a]-r[a]+S)}const b={[a]:i,[K]:s?s[K]:0};if(isNaN(F[a])||isNaN(F[K]))he(b);else{const S=Math.abs(F[a]-b[a]),O=Math.abs(F[K]-b[K]);(S>=1||O>=1)&&he(b)}}),de=(r,{animation:s=!0}={})=>{s?fo(Y,R.current,r,{duration:c.transitions.duration.standard}):R.current[Y]=r},xe=r=>{let s=R.current[Y];g?s+=r:(s+=r*(d?-1:1),s*=d&&Re()==="reverse"?-1:1),de(s)},ge=()=>{const r=R.current[ae];let s=0;const i=Array.from(A.current.children);for(let a=0;a<i.length;a+=1){const b=i[a];if(s+b[ae]>r){a===0&&(s=r);break}s+=b[ae]}return s},Ke=()=>{xe(-1*ge())},Ge=()=>{xe(ge())},Je=p.useCallback(r=>{Ye({overflow:null,scrollbarWidth:r})},[]),Qe=()=>{const r={};r.scrollbarSizeListener=x?h.jsx(Oo,{onChange:Je,className:C.clsx(j.scrollableX,j.hideScrollbar)}):null;const i=x&&(N==="auto"&&(Te||ve)||N===!0);return r.scrollButtonStart=i?h.jsx(q,e._extends({slots:{StartScrollButtonIcon:U.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:De},orientation:P,direction:d?"right":"left",onClick:Ke,disabled:!Te},k,{className:C.clsx(j.scrollButtons,k.className)})):null,r.scrollButtonEnd=i?h.jsx(q,e._extends({slots:{EndScrollButtonIcon:U.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:qe},orientation:P,direction:d?"left":"right",onClick:Ge,disabled:!ve},k,{className:C.clsx(j.scrollButtons,k.className)})):null,r},Ce=be.useEventCallback(r=>{const{tabsMeta:s,tabMeta:i}=me();if(!(!i||!s)){if(i[ee]<s[ee]){const a=s[Y]+(i[ee]-s[ee]);de(a,{animation:r})}else if(i[oe]>s[oe]){const a=s[Y]+(i[oe]-s[oe]);de(a,{animation:r})}}}),re=be.useEventCallback(()=>{x&&N!==!1&&Xe(!Se)});p.useEffect(()=>{const r=Q.debounce(()=>{R.current&&G()});let s;const i=S=>{S.forEach(O=>{O.removedNodes.forEach(J=>{var z;(z=s)==null||z.unobserve(J)}),O.addedNodes.forEach(J=>{var z;(z=s)==null||z.observe(J)})}),r(),re()},a=Q.ownerWindow(R.current);a.addEventListener("resize",r);let b;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(r),Array.from(A.current.children).forEach(S=>{s.observe(S)})),typeof MutationObserver<"u"&&(b=new MutationObserver(i),b.observe(A.current,{childList:!0})),()=>{var S,O;r.clear(),a.removeEventListener("resize",r),(S=b)==null||S.disconnect(),(O=s)==null||O.disconnect()}},[G,re]),p.useEffect(()=>{const r=Array.from(A.current.children),s=r.length;if(typeof IntersectionObserver<"u"&&s>0&&x&&N!==!1){const i=r[0],a=r[s-1],b={root:R.current,threshold:.99},S=ue=>{He(!ue[0].isIntersecting)},O=new IntersectionObserver(S,b);O.observe(i);const J=ue=>{Ve(!ue[0].isIntersecting)},z=new IntersectionObserver(J,b);return z.observe(a),()=>{O.disconnect(),z.disconnect()}}},[x,N,Se,w==null?void 0:w.length]),p.useEffect(()=>{Ue(!0)},[]),p.useEffect(()=>{G()}),p.useEffect(()=>{Ce(Ee!==F)},[Ce,F]),p.useImperativeHandle(u,()=>({updateIndicator:G,updateScrollButtons:re}),[G,re]);const Be=h.jsx(Eo,e._extends({},H,{className:C.clsx(j.indicator,H.className),ownerState:$,style:e._extends({},F,H.style)}));let se=0;const Ze=p.Children.map(w,r=>{if(!p.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&B.reactIsExports.isFragment(r)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`));const s=r.props.value===void 0?se:r.props.value;te.set(s,se);const i=s===W;return se+=1,p.cloneElement(r,e._extends({fullWidth:M==="fullWidth",indicator:i&&!ye&&Be,selected:i,selectionFollowsFocus:ie,onChange:E,textColor:Z,value:s},se===1&&W===!1&&!r.props.tabIndex?{tabIndex:0}:{}))}),eo=r=>{const s=A.current,i=Q.ownerDocument(s).activeElement;if(i.getAttribute("role")!=="tab")return;let b=P==="horizontal"?"ArrowLeft":"ArrowUp",S=P==="horizontal"?"ArrowRight":"ArrowDown";switch(P==="horizontal"&&d&&(b="ArrowRight",S="ArrowLeft"),r.key){case b:r.preventDefault(),ne(s,i,Ie);break;case S:r.preventDefault(),ne(s,i,we);break;case"Home":r.preventDefault(),ne(s,null,we);break;case"End":r.preventDefault(),ne(s,null,Ie);break}},pe=Qe();return h.jsxs(Bo,e._extends({className:C.clsx(j.root,m),ownerState:$,ref:n,as:v},Ae,{children:[pe.scrollButtonStart,pe.scrollbarSizeListener,h.jsxs(wo,{className:j.scroller,ownerState:$,style:{overflow:Pe.overflow,[g?`margin${d?"Left":"Right"}`:"marginBottom"]:ce?void 0:-Pe.scrollbarWidth},ref:R,children:[h.jsx(Io,{"aria-label":y,"aria-labelledby":f,"aria-orientation":P==="vertical"?"vertical":null,className:j.flexContainer,ownerState:$,onKeyDown:eo,ref:A,role:"tablist",children:Ze}),ye&&Be]}),pe.scrollButtonEnd]}))});process.env.NODE_ENV!=="production"&&(Fe.propTypes={action:so.refType,allowScrollButtonsMobile:e.PropTypes.bool,"aria-label":e.PropTypes.string,"aria-labelledby":e.PropTypes.string,centered:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,indicatorColor:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary"]),e.PropTypes.string]),onChange:e.PropTypes.func,orientation:e.PropTypes.oneOf(["horizontal","vertical"]),ScrollButtonComponent:e.PropTypes.elementType,scrollButtons:e.PropTypes.oneOf(["auto",!1,!0]),selectionFollowsFocus:e.PropTypes.bool,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TabIndicatorProps:e.PropTypes.object,TabScrollButtonProps:e.PropTypes.object,textColor:e.PropTypes.oneOf(["inherit","primary","secondary"]),value:e.PropTypes.any,variant:e.PropTypes.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:e.PropTypes.bool});const No=Fe;exports.KeyboardArrowLeft=je;exports.KeyboardArrowRight=ze;exports.Tab=uo;exports.Tabs=No;exports.getTabUtilityClass=_e;exports.getTabsUtilityClass=$e;exports.tabClasses=_;exports.tabsClasses=le;