@cgi-learning-hub/ui 1.5.1-dev.1744637282 → 1.5.1-dev.1744643558

package/dist/SwitchBase-BkcX4xzb.js

@@ -0,0 +1,314 @@
+import * as J from "react";
+import { G as M, F as Q, K as W, P as e } from "./identifier-UGP6vjyr.js";
+import { s as C, c as X, r as Y } from "./DefaultPropsProvider-CojEWOKR.js";
+import { u as Z } from "./useFormControl-CatNKXAi.js";
+import { u as k } from "./useSlot-CxlUbTmA.js";
+import { jsxs as ee, jsx as oe } from "react/jsx-runtime";
+import { u as te } from "./useControlled-BYdyS7Pn.js";
+import { B as se } from "./ButtonBase-uylSwkXQ.js";
+import { r as ne } from "./refType-BjXePEDa.js";
+function re(s) {
+  return M("PrivateSwitchBase", s);
+}
+Q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const ie = (s) => {
+  const {
+    classes: n,
+    checked: d,
+    disabled: p,
+    edge: a
+  } = s, u = {
+    root: ["root", d && "checked", p && "disabled", a && `edge${W(a)}`],
+    input: ["input"]
+  };
+  return X(u, re, n);
+}, ae = C(se)({
+  padding: 9,
+  borderRadius: "50%",
+  variants: [{
+    props: {
+      edge: "start",
+      size: "small"
+    },
+    style: {
+      marginLeft: -3
+    }
+  }, {
+    props: ({
+      edge: s,
+      ownerState: n
+    }) => s === "start" && n.size !== "small",
+    style: {
+      marginLeft: -12
+    }
+  }, {
+    props: {
+      edge: "end",
+      size: "small"
+    },
+    style: {
+      marginRight: -3
+    }
+  }, {
+    props: ({
+      edge: s,
+      ownerState: n
+    }) => s === "end" && n.size !== "small",
+    style: {
+      marginRight: -12
+    }
+  }]
+}), ce = C("input", {
+  shouldForwardProp: Y
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), le = /* @__PURE__ */ J.forwardRef(function(n, d) {
+  const {
+    autoFocus: p,
+    checked: a,
+    checkedIcon: u,
+    defaultChecked: m,
+    disabled: w,
+    disableFocusRipple: g = !1,
+    edge: R = !1,
+    icon: x,
+    id: T,
+    inputProps: I,
+    inputRef: j,
+    name: O,
+    onBlur: h,
+    onChange: b,
+    onFocus: y,
+    readOnly: z,
+    required: q = !1,
+    tabIndex: N,
+    type: l,
+    value: P,
+    slots: E = {},
+    slotProps: U = {},
+    ...v
+  } = n, [F, L] = te({
+    controlled: a,
+    default: !!m,
+    name: "SwitchBase",
+    state: "checked"
+  }), r = Z(), D = (o) => {
+    y && y(o), r && r.onFocus && r.onFocus(o);
+  }, G = (o) => {
+    h && h(o), r && r.onBlur && r.onBlur(o);
+  }, K = (o) => {
+    if (o.nativeEvent.defaultPrevented)
+      return;
+    const t = o.target.checked;
+    L(t), b && b(o, t);
+  };
+  let c = w;
+  r && typeof c > "u" && (c = r.disabled);
+  const V = l === "checkbox" || l === "radio", f = {
+    ...n,
+    checked: F,
+    disabled: c,
+    disableFocusRipple: g,
+    edge: R
+  }, S = ie(f), B = {
+    slots: E,
+    slotProps: {
+      input: I,
+      ...U
+    }
+  }, [_, $] = k("root", {
+    ref: d,
+    elementType: ae,
+    className: S.root,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      ...B,
+      component: "span",
+      ...v
+    },
+    getSlotProps: (o) => ({
+      ...o,
+      onFocus: (t) => {
+        var i;
+        (i = o.onFocus) == null || i.call(o, t), D(t);
+      },
+      onBlur: (t) => {
+        var i;
+        (i = o.onBlur) == null || i.call(o, t), G(t);
+      }
+    }),
+    ownerState: f,
+    additionalProps: {
+      centerRipple: !0,
+      focusRipple: !g,
+      disabled: c,
+      role: void 0,
+      tabIndex: null
+    }
+  }), [A, H] = k("input", {
+    ref: j,
+    elementType: ce,
+    className: S.input,
+    externalForwardedProps: B,
+    getSlotProps: (o) => ({
+      ...o,
+      onChange: (t) => {
+        var i;
+        (i = o.onChange) == null || i.call(o, t), K(t);
+      }
+    }),
+    ownerState: f,
+    additionalProps: {
+      autoFocus: p,
+      checked: a,
+      defaultChecked: m,
+      disabled: c,
+      id: V ? T : void 0,
+      name: O,
+      readOnly: z,
+      required: q,
+      tabIndex: N,
+      type: l,
+      ...l === "checkbox" && P === void 0 ? {} : {
+        value: P
+      }
+    }
+  });
+  return /* @__PURE__ */ ee(_, {
+    ...$,
+    children: [/* @__PURE__ */ oe(A, {
+      ...H
+    }), F ? u : x]
+  });
+});
+process.env.NODE_ENV !== "production" && (le.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: e.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: e.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: e.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: ne,
+  /*
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   */
+  required: e.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.object,
+  /**
+   * @ignore
+   */
+  tabIndex: e.oneOfType([e.number, e.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: e.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+export {
+  le as S
+};

package/dist/SwitchBase-DA079uiU.cjs

@@ -0,0 +1 @@
+"use strict";const Q=require("react"),e=require("./identifier-gJdGmHeC.cjs"),d=require("./DefaultPropsProvider-DLSItMqn.cjs"),W=require("./useFormControl-haP0iPhl.cjs"),F=require("./useSlot-zJFQDOgm.cjs"),k=require("react/jsx-runtime"),X=require("./useControlled-Ysk4KqoX.cjs"),Y=require("./ButtonBase-DDgwUJIY.cjs"),Z=require("./refType-53jD7LEO.cjs");function ee(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const oe=ee(Q);function te(t){return e.generateUtilityClass("PrivateSwitchBase",t)}e.generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const se=t=>{const{classes:s,checked:n,disabled:c,edge:a}=t,y={root:["root",n&&"checked",c&&"disabled",a&&`edge${e.capitalize(a)}`],input:["input"]};return d.composeClasses(y,te,s)},re=d.styled(Y.ButtonBase)({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:t,ownerState:s})=>t==="start"&&s.size!=="small",style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:t,ownerState:s})=>t==="end"&&s.size!=="small",style:{marginRight:-12}}]}),ne=d.styled("input",{shouldForwardProp:d.rootShouldForwardProp})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),w=oe.forwardRef(function(s,n){const{autoFocus:c,checked:a,checkedIcon:y,defaultChecked:f,disabled:R,disableFocusRipple:T=!1,edge:q=!1,icon:j,id:x,inputProps:O,inputRef:I,name:z,onBlur:g,onChange:b,onFocus:h,readOnly:N,required:v=!1,tabIndex:D,type:u,value:m,slots:E={},slotProps:U={},..._}=s,[S,L]=X.useControlled({controlled:a,default:!!f,name:"SwitchBase",state:"checked"}),p=W.useFormControl(),M=o=>{h&&h(o),p&&p.onFocus&&p.onFocus(o)},V=o=>{g&&g(o),p&&p.onBlur&&p.onBlur(o)},$=o=>{if(o.nativeEvent.defaultPrevented)return;const r=o.target.checked;L(r),b&&b(o,r)};let l=R;p&&typeof l>"u"&&(l=p.disabled);const A=u==="checkbox"||u==="radio",P={...s,checked:S,disabled:l,disableFocusRipple:T,edge:q},B=se(P),C={slots:E,slotProps:{input:O,...U}},[G,H]=F.useSlot("root",{ref:n,elementType:re,className:B.root,shouldForwardComponentProp:!0,externalForwardedProps:{...C,component:"span",..._},getSlotProps:o=>({...o,onFocus:r=>{var i;(i=o.onFocus)==null||i.call(o,r),M(r)},onBlur:r=>{var i;(i=o.onBlur)==null||i.call(o,r),V(r)}}),ownerState:P,additionalProps:{centerRipple:!0,focusRipple:!T,disabled:l,role:void 0,tabIndex:null}}),[J,K]=F.useSlot("input",{ref:I,elementType:ne,className:B.input,externalForwardedProps:C,getSlotProps:o=>({...o,onChange:r=>{var i;(i=o.onChange)==null||i.call(o,r),$(r)}}),ownerState:P,additionalProps:{autoFocus:c,checked:a,defaultChecked:f,disabled:l,id:A?x:void 0,name:z,readOnly:N,required:v,tabIndex:D,type:u,...u==="checkbox"&&m===void 0?{}:{value:m}}});return k.jsxs(G,{...H,children:[k.jsx(J,{...K}),S?y:j]})});process.env.NODE_ENV!=="production"&&(w.propTypes={autoFocus:e.PropTypes.bool,checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),icon:e.PropTypes.node.isRequired,id:e.PropTypes.string,inputProps:e.PropTypes.object,inputRef:Z.refType,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,readOnly:e.PropTypes.bool,required:e.PropTypes.bool,slotProps:e.PropTypes.shape({input:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),sx:e.PropTypes.object,tabIndex:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),type:e.PropTypes.string.isRequired,value:e.PropTypes.any});exports.SwitchBase=w;

package/dist/Tab-BsIC620i.cjs

@@ -0,0 +1,4 @@
+"use strict";const wo=require("react"),e=require("./identifier-gJdGmHeC.cjs"),T=require("react/jsx-runtime"),$e=require("./index-D14TzUgK.cjs"),Co=require("./useTheme-NQRIebh0.cjs"),m=require("./DefaultPropsProvider-DLSItMqn.cjs"),fe=require("./memoTheme-GOMOSdXJ.cjs"),se=require("./useEventCallback-BxpcFap0.cjs"),Le=require("./debounce-DpCj7ugL.cjs"),ze=require("./ownerWindow-DDHucZi0.cjs"),U=require("./useSlot-zJFQDOgm.cjs"),le=require("./useSlotProps-CuEZ7HQe.cjs"),qe=require("./createSvgIcon-DPiiTkVU.cjs"),Ae=require("./ButtonBase-DDgwUJIY.cjs"),Bo=require("./ownerDocument-4MViGo3k.cjs"),Eo=require("./refType-53jD7LEO.cjs"),Io=require("./useThemeProps-DnpiVoRo.cjs"),Oo=require("./unsupportedProp-Bn6XWqwH.cjs");function Mo(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,l.get?l:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const a=Mo(wo),ye=a.createContext(null);process.env.NODE_ENV!=="production"&&(ye.displayName="TabContext");function Ro(){const[t,o]=a.useState(null);return a.useEffect(()=>{o(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),t}function Ue(t){const{children:o,value:s}=t,l=Ro(),c=a.useMemo(()=>({idPrefix:l,value:s}),[l,s]);return T.jsx(ye.Provider,{value:c,children:o})}process.env.NODE_ENV!=="production"&&(Ue.propTypes={children:e.PropTypes.node,value:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).isRequired});function be(){return a.useContext(ye)}function Te(t,o){const{idPrefix:s}=t;return s===null?null:`${t.idPrefix}-P-${o}`}function Pe(t,o){const{idPrefix:s}=t;return s===null?null:`${t.idPrefix}-T-${o}`}function No(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function jo(t,o,s,l={},c=()=>{}){const{ease:p=No,duration:d=300}=l;let f=null;const b=o[t];let h=!1;const v=()=>{h=!0},P=S=>{if(h){c(new Error("Animation cancelled"));return}f===null&&(f=S);const x=Math.min(1,(S-f)/d);if(o[t]=p(x)*(s-b)+b,x>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(P)};return b===s?(c(new Error("Element already at target position")),v):(requestAnimationFrame(P),v)}const Do={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Fe(t){const{onChange:o,...s}=t,l=a.useRef(),c=a.useRef(null),p=()=>{l.current=c.current.offsetHeight-c.current.clientHeight};return se.useEnhancedEffect(()=>{const d=Le.debounce(()=>{const b=l.current;p(),b!==l.current&&o(l.current)}),f=ze.ownerWindow(c.current);return f.addEventListener("resize",d),()=>{d.clear(),f.removeEventListener("resize",d)}},[o]),a.useEffect(()=>{p(),o(l.current)},[o]),T.jsx("div",{style:Do,...s,ref:c})}process.env.NODE_ENV!=="production"&&(Fe.propTypes={onChange:e.PropTypes.func.isRequired});const Ve=qe.createSvgIcon(T.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),He=qe.createSvgIcon(T.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function ko(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const Wo=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),$o=t=>{const{classes:o,orientation:s,disabled:l}=t,c={root:["root",s,l&&"disabled"]};return m.composeClasses(c,ko,o)},Lo=m.styled(Ae.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.orientation&&o[s.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${Wo.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),_e=a.forwardRef(function(o,s){const l=m.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:c,slots:p={},slotProps:d={},direction:f,orientation:b,disabled:h,...v}=l,P=$e.useRtl(),S={isRtl:P,...l},x=$o(S),W=p.StartScrollButtonIcon??Ve,E=p.EndScrollButtonIcon??He,w=le.useSlotProps({elementType:W,externalSlotProps:d.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:S}),Y=le.useSlotProps({elementType:E,externalSlotProps:d.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:S});return T.jsx(Lo,{component:"div",className:e.clsx(x.root,c),ref:s,role:null,ownerState:S,tabIndex:null,...v,style:{...v.style,...b==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${P?-90:90}deg)`}},children:f==="left"?T.jsx(W,{...w}):T.jsx(E,{...Y})})});process.env.NODE_ENV!=="production"&&(_e.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}),style:e.PropTypes.object,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 Ke(t){return e.generateUtilityClass("MuiTabs",t)}const ne=e.generateUtilityClasses("MuiTabs",["root","vertical","list","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),je=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,De=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,re=(t,o,s)=>{let l=!1,c=s(t,o);for(;c;){if(c===t.firstChild){if(l)return;l=!0}const p=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||p)c=s(t,c);else{c.focus();return}}},zo=t=>{const{vertical:o,fixed:s,hideScrollbar:l,scrollableX:c,scrollableY:p,centered:d,scrollButtonsHideMobile:f,classes:b}=t,h={root:["root",o&&"vertical"],scroller:["scroller",s&&"fixed",l&&"hideScrollbar",c&&"scrollableX",p&&"scrollableY"],list:["list","flexContainer",o&&"flexContainerVertical",o&&"vertical",d&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",f&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[l&&"hideScrollbar"]};return m.composeClasses(h,Ke,b)},qo=m.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[{[`& .${ne.scrollButtons}`]:o.scrollButtons},{[`& .${ne.scrollButtons}`]:s.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,s.vertical&&o.vertical]}})(fe.memoTheme(({theme:t})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:o})=>o.vertical,style:{flexDirection:"column"}},{props:({ownerState:o})=>o.scrollButtonsHideMobile,style:{[`& .${ne.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}}}]}))),Ao=m.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.scroller,s.fixed&&o.fixed,s.hideScrollbar&&o.hideScrollbar,s.scrollableX&&o.scrollableX,s.scrollableY&&o.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:t})=>t.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:t})=>t.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:t})=>t.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:t})=>t.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),Uo=m.styled("div",{name:"MuiTabs",slot:"List",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.list,o.flexContainer,s.vertical&&o.flexContainerVertical,s.centered&&o.centered]}})({display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.centered,style:{justifyContent:"center"}}]}),Fo=m.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,o)=>o.indicator})(fe.memoTheme(({theme:t})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:t.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(t.vars||t).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(t.vars||t).palette.secondary.main}},{props:({ownerState:o})=>o.vertical,style:{height:"100%",width:2,right:0}}]}))),Vo=m.styled(Fe)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),ke={};let We=!1;const he=a.forwardRef(function(o,s){const l=m.useDefaultProps({props:o,name:"MuiTabs"}),c=Co.useTheme(),p=$e.useRtl(),{"aria-label":d,"aria-labelledby":f,action:b,centered:h=!1,children:v,className:P,component:S="div",allowScrollButtonsMobile:x=!1,indicatorColor:W="primary",onChange:E,orientation:w="horizontal",ScrollButtonComponent:Y,scrollButtons:O="auto",selectionFollowsFocus:ae,slots:M={},slotProps:q={},TabIndicatorProps:F={},TabScrollButtonProps:V={},textColor:G="primary",value:D,variant:R="standard",visibleScrollbar:ce=!1,...Ze}=l,C=R==="scrollable",B=w==="vertical",H=B?"scrollTop":"scrollLeft",J=B?"top":"left",Q=B?"bottom":"right",ie=B?"clientHeight":"clientWidth",_=B?"height":"width",N={...l,component:S,allowScrollButtonsMobile:x,indicatorColor:W,orientation:w,vertical:B,scrollButtons:O,textColor:G,variant:R,visibleScrollbar:ce,fixed:!C,hideScrollbar:C&&!ce,scrollableX:C&&!B,scrollableY:C&&B,centered:h&&!C,scrollButtonsHideMobile:!x},k=zo(N),eo=le.useSlotProps({elementType:M.StartScrollButtonIcon,externalSlotProps:q.startScrollButtonIcon,ownerState:N}),oo=le.useSlotProps({elementType:M.EndScrollButtonIcon,externalSlotProps:q.endScrollButtonIcon,ownerState:N});process.env.NODE_ENV!=="production"&&h&&C&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[Se,to]=a.useState(!1),[$,me]=a.useState(ke),[ve,ro]=a.useState(!1),[ge,so]=a.useState(!1),[xe,no]=a.useState(!1),[we,lo]=a.useState({overflow:"hidden",scrollbarWidth:0}),Z=new Map,j=a.useRef(null),L=a.useRef(null),A={slots:M,slotProps:{indicator:F,scrollButton:V,...q}},Ce=()=>{const r=j.current;let n;if(r){const u=r.getBoundingClientRect();n={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollWidth:r.scrollWidth,top:u.top,bottom:u.bottom,left:u.left,right:u.right}}let i;if(r&&D!==!1){const u=L.current.children;if(u.length>0){const y=u[Z.get(D)];process.env.NODE_ENV!=="production"&&(y||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${D}".`,Z.keys?`You can provide one of the following values: ${Array.from(Z.keys()).join(", ")}.`:null].join(`
+`))),i=y?y.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!We&&i&&i.width===0&&i.height===0&&n.clientWidth!==0&&(n=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${D}") 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:n,tabMeta:i}},K=se.useEventCallback(()=>{const{tabsMeta:r,tabMeta:n}=Ce();let i=0,u;B?(u="top",n&&r&&(i=n.top-r.top+r.scrollTop)):(u=p?"right":"left",n&&r&&(i=(p?-1:1)*(n[u]-r[u]+r.scrollLeft)));const y={[u]:i,[_]:n?n[_]:0};if(typeof $[u]!="number"||typeof $[_]!="number")me(y);else{const I=Math.abs($[u]-y[u]),z=Math.abs($[_]-y[_]);(I>=1||z>=1)&&me(y)}}),pe=(r,{animation:n=!0}={})=>{n?jo(H,j.current,r,{duration:c.transitions.duration.standard}):j.current[H]=r},Be=r=>{let n=j.current[H];B?n+=r:n+=r*(p?-1:1),pe(n)},Ee=()=>{const r=j.current[ie];let n=0;const i=Array.from(L.current.children);for(let u=0;u<i.length;u+=1){const y=i[u];if(n+y[ie]>r){u===0&&(n=r);break}n+=y[ie]}return n},ao=()=>{Be(-1*Ee())},co=()=>{Be(Ee())},[io,{onChange:ee,...po}]=U.useSlot("scrollbar",{className:e.clsx(k.scrollableX,k.hideScrollbar),elementType:Vo,shouldForwardComponentProp:!0,externalForwardedProps:A,ownerState:N}),uo=a.useCallback(r=>{ee==null||ee(r),lo({overflow:null,scrollbarWidth:r})},[ee]),[Ie,Oe]=U.useSlot("scrollButtons",{className:e.clsx(k.scrollButtons,V.className),elementType:_e,externalForwardedProps:A,ownerState:N,additionalProps:{orientation:w,slots:{StartScrollButtonIcon:M.startScrollButtonIcon||M.StartScrollButtonIcon,EndScrollButtonIcon:M.endScrollButtonIcon||M.EndScrollButtonIcon},slotProps:{startScrollButtonIcon:eo,endScrollButtonIcon:oo}}}),fo=()=>{const r={};r.scrollbarSizeListener=C?T.jsx(io,{...po,onChange:uo}):null;const i=C&&(O==="auto"&&(ve||ge)||O===!0);return r.scrollButtonStart=i?T.jsx(Ie,{direction:p?"right":"left",onClick:ao,disabled:!ve,...Oe}):null,r.scrollButtonEnd=i?T.jsx(Ie,{direction:p?"left":"right",onClick:co,disabled:!ge,...Oe}):null,r},Me=se.useEventCallback(r=>{const{tabsMeta:n,tabMeta:i}=Ce();if(!(!i||!n)){if(i[J]<n[J]){const u=n[H]+(i[J]-n[J]);pe(u,{animation:r})}else if(i[Q]>n[Q]){const u=n[H]+(i[Q]-n[Q]);pe(u,{animation:r})}}}),oe=se.useEventCallback(()=>{C&&O!==!1&&no(!xe)});a.useEffect(()=>{const r=Le.debounce(()=>{j.current&&K()});let n;const i=I=>{I.forEach(z=>{z.removedNodes.forEach(X=>{n==null||n.unobserve(X)}),z.addedNodes.forEach(X=>{n==null||n.observe(X)})}),r(),oe()},u=ze.ownerWindow(j.current);u.addEventListener("resize",r);let y;return typeof ResizeObserver<"u"&&(n=new ResizeObserver(r),Array.from(L.current.children).forEach(I=>{n.observe(I)})),typeof MutationObserver<"u"&&(y=new MutationObserver(i),y.observe(L.current,{childList:!0})),()=>{r.clear(),u.removeEventListener("resize",r),y==null||y.disconnect(),n==null||n.disconnect()}},[K,oe]),a.useEffect(()=>{const r=Array.from(L.current.children),n=r.length;if(typeof IntersectionObserver<"u"&&n>0&&C&&O!==!1){const i=r[0],u=r[n-1],y={root:j.current,threshold:.99},I=de=>{ro(!de[0].isIntersecting)},z=new IntersectionObserver(I,y);z.observe(i);const X=de=>{so(!de[0].isIntersecting)},Ne=new IntersectionObserver(X,y);return Ne.observe(u),()=>{z.disconnect(),Ne.disconnect()}}},[C,O,xe,v==null?void 0:v.length]),a.useEffect(()=>{to(!0)},[]),a.useEffect(()=>{K()}),a.useEffect(()=>{Me(ke!==$)},[Me,$]),a.useImperativeHandle(b,()=>({updateIndicator:K,updateScrollButtons:oe}),[K,oe]);const[yo,bo]=U.useSlot("indicator",{className:e.clsx(k.indicator,F.className),elementType:Fo,externalForwardedProps:A,ownerState:N,additionalProps:{style:$}}),Re=T.jsx(yo,{...bo});let te=0;const To=a.Children.map(v,r=>{if(!a.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&e.reactIsExports.isFragment(r)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`));const n=r.props.value===void 0?te:r.props.value;Z.set(n,te);const i=n===D;return te+=1,a.cloneElement(r,{fullWidth:R==="fullWidth",indicator:i&&!Se&&Re,selected:i,selectionFollowsFocus:ae,onChange:E,textColor:G,value:n,...te===1&&D===!1&&!r.props.tabIndex?{tabIndex:0}:{}})}),Po=r=>{if(r.altKey||r.shiftKey||r.ctrlKey||r.metaKey)return;const n=L.current,i=Bo.ownerDocument(n).activeElement;if(i.getAttribute("role")!=="tab")return;let y=w==="horizontal"?"ArrowLeft":"ArrowUp",I=w==="horizontal"?"ArrowRight":"ArrowDown";switch(w==="horizontal"&&p&&(y="ArrowRight",I="ArrowLeft"),r.key){case y:r.preventDefault(),re(n,i,De);break;case I:r.preventDefault(),re(n,i,je);break;case"Home":r.preventDefault(),re(n,null,je);break;case"End":r.preventDefault(),re(n,null,De);break}},ue=fo(),[ho,So]=U.useSlot("root",{ref:s,className:e.clsx(k.root,P),elementType:qo,externalForwardedProps:{...A,...Ze,component:S},ownerState:N}),[mo,vo]=U.useSlot("scroller",{ref:j,className:k.scroller,elementType:Ao,externalForwardedProps:A,ownerState:N,additionalProps:{style:{overflow:we.overflow,[B?`margin${p?"Left":"Right"}`:"marginBottom"]:ce?void 0:-we.scrollbarWidth}}}),[go,xo]=U.useSlot("list",{ref:L,className:e.clsx(k.list,k.flexContainer),elementType:Uo,externalForwardedProps:A,ownerState:N,getSlotProps:r=>({...r,onKeyDown:n=>{var i;Po(n),(i=r.onKeyDown)==null||i.call(r,n)}})});return T.jsxs(ho,{...So,children:[ue.scrollButtonStart,ue.scrollbarSizeListener,T.jsxs(mo,{...vo,children:[T.jsx(go,{"aria-label":d,"aria-labelledby":f,"aria-orientation":w==="vertical"?"vertical":null,role:"tablist",...xo,children:To}),Se&&Re]}),ue.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&(he.propTypes={action:Eo.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]),indicator:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),list:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scrollbar:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scrollButtons:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),scroller: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,EndScrollButtonIcon:e.PropTypes.elementType,indicator:e.PropTypes.elementType,list:e.PropTypes.elementType,root:e.PropTypes.elementType,scrollbar:e.PropTypes.elementType,scrollButtons:e.PropTypes.elementType,scroller:e.PropTypes.elementType,startScrollButtonIcon: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 Xe=a.forwardRef(function(o,s){const{children:l,...c}=o,p=be();if(p===null)throw new TypeError("No TabContext provided");const d=a.Children.map(l,f=>a.isValidElement(f)?a.cloneElement(f,{"aria-controls":Te(p,f.props.value),id:Pe(p,f.props.value)}):null);return T.jsx(he,{...c,ref:s,value:p.value,children:d})});process.env.NODE_ENV!=="production"&&(Xe.propTypes={children:e.PropTypes.node});function Ye(t){return e.generateUtilityClass("MuiTabPanel",t)}const Ho=e.generateUtilityClasses("MuiTabPanel",["root","hidden"]),_o=t=>{const{classes:o,hidden:s}=t,l={root:["root",s&&"hidden"]};return m.composeClasses(l,Ye,o)},Ko=m.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(t,o)=>o.root})(({theme:t})=>({padding:t.spacing(3)})),Ge=a.forwardRef(function(o,s){const l=Io.useThemeProps({props:o,name:"MuiTabPanel"}),{children:c,className:p,value:d,keepMounted:f=!1,...b}=l,h={...l},v=_o(h),P=be();if(P===null)throw new TypeError("No TabContext provided");const S=Te(P,d),x=Pe(P,d);return T.jsx(Ko,{"aria-labelledby":x,className:e.clsx(v.root,p),hidden:d!==P.value,id:S,ref:s,role:"tabpanel",ownerState:h,...b,children:(f||d===P.value)&&c})});process.env.NODE_ENV!=="production"&&(Ge.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,keepMounted:e.PropTypes.bool,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.oneOfType([e.PropTypes.number,e.PropTypes.string]).isRequired});function Je(t){return e.generateUtilityClass("MuiTab",t)}const g=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),Xo=t=>{const{classes:o,textColor:s,fullWidth:l,wrapped:c,icon:p,label:d,selected:f,disabled:b}=t,h={root:["root",p&&d&&"labelIcon",`textColor${e.capitalize(s)}`,l&&"fullWidth",c&&"wrapped",f&&"selected",b&&"disabled"],icon:["iconWrapper","icon"]};return m.composeClasses(h,Je,o)},Yo=m.styled(Ae.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.label&&s.icon&&o.labelIcon,o[`textColor${e.capitalize(s.textColor)}`],s.fullWidth&&o.fullWidth,s.wrapped&&o.wrapped,{[`& .${g.iconWrapper}`]:o.iconWrapper},{[`& .${g.icon}`]:o.icon}]}})(fe.memoTheme(({theme:t})=>({...t.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:o})=>o.label&&(o.iconPosition==="top"||o.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:o})=>o.label&&o.iconPosition!=="top"&&o.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:o})=>o.icon&&o.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="top",style:{[`& > .${g.icon}`]:{marginBottom:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="bottom",style:{[`& > .${g.icon}`]:{marginTop:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="start",style:{[`& > .${g.icon}`]:{marginRight:t.spacing(1)}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="end",style:{[`& > .${g.icon}`]:{marginLeft:t.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${g.selected}`]:{opacity:1},[`&.${g.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${g.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${g.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${g.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${g.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:({ownerState:o})=>o.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:o})=>o.wrapped,style:{fontSize:t.typography.pxToRem(12)}}]}))),Qe=a.forwardRef(function(o,s){const l=m.useDefaultProps({props:o,name:"MuiTab"}),{className:c,disabled:p=!1,disableFocusRipple:d=!1,fullWidth:f,icon:b,iconPosition:h="top",indicator:v,label:P,onChange:S,onClick:x,onFocus:W,selected:E,selectionFollowsFocus:w,textColor:Y="inherit",value:O,wrapped:ae=!1,...M}=l,q={...l,disabled:p,disableFocusRipple:d,selected:E,icon:!!b,iconPosition:h,label:!!P,fullWidth:f,textColor:Y,wrapped:ae},F=Xo(q),V=b&&P&&a.isValidElement(b)?a.cloneElement(b,{className:e.clsx(F.icon,b.props.className)}):b,G=R=>{!E&&S&&S(R,O),x&&x(R)},D=R=>{w&&!E&&S&&S(R,O),W&&W(R)};return T.jsxs(Yo,{focusRipple:!d,className:e.clsx(F.root,c),ref:s,role:"tab","aria-selected":E,disabled:p,onClick:G,onFocus:D,ownerState:q,tabIndex:E?0:-1,...M,children:[h==="top"||h==="start"?T.jsxs(a.Fragment,{children:[V,P]}):T.jsxs(a.Fragment,{children:[P,V]}),v]})});process.env.NODE_ENV!=="production"&&(Qe.propTypes={children:Oo.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});exports.KeyboardArrowLeft=Ve;exports.KeyboardArrowRight=He;exports.Tab=Qe;exports.TabContext=Ue;exports.TabList=Xe;exports.TabPanel=Ge;exports.Tabs=he;exports.getPanelId=Te;exports.getTabId=Pe;exports.getTabPanelUtilityClass=Ye;exports.getTabUtilityClass=Je;exports.getTabsUtilityClass=Ke;exports.tabClasses=g;exports.tabPanelClasses=Ho;exports.tabsClasses=ne;exports.useTabContext=be;