@cgi-learning-hub/ui 1.0.0-dev.1721229430 → 1.0.0-dev.1721901545

package/dist/{InputBase-Bu4aLC8s.js → InputBase-DYf00QVg.js}

@@ -1,21 +1,19 @@
-import { P as e, q as ye, _ as d, T as ke, k as Be, m as Q, F as Pe } from "./identifier-CItx51dm.js";
+import { K as ke, P as e, _ as ye, m as d, T as Be, v as Pe, w as Me, x as pe, q as Q, L as He } from "./identifier-C_DzvlWx.js";
 import * as l from "react";
-import { G as Me, g as He, c as pe } from "./extendSxProp-BaQsf_eX.js";
-import { s as be, u as De, c as We } from "./styled-BCP6gOZj.js";
+import { d as De, s as be, u as We, c as Ve } from "./styled-DCjqF2JO.js";
 import { jsx as N, jsxs as X } from "react/jsx-runtime";
 import { a as ge, u as ee } from "./useForkRef-DwN_Iz9R.js";
-import { a as fe, d as Ve } from "./ownerWindow-C7EH1lr6.js";
+import { a as fe, d as Le } from "./ownerWindow-C7EH1lr6.js";
 import { i as me } from "./isHostComponent-kiaBvYVo.js";
-import { e as _e, r as Le } from "./refType-BtebdsEm.js";
-import { d as je } from "./defaultTheme-C4edRge6.js";
-import { u as Ue } from "./useTheme-C_ghcfxd.js";
+import { e as _e, r as je } from "./refType-KXZNSMpq.js";
+import { u as Ue } from "./useTheme-D2TR379g.js";
 function we({
   styles: o,
   themeId: n,
   defaultTheme: t = {}
 }) {
   const s = Ue(t), i = typeof o == "function" ? o(n && s[n] || s) : o;
-  return /* @__PURE__ */ N(Me, {
+  return /* @__PURE__ */ N(ke, {
     styles: i
   });
 }
@@ -45,13 +43,13 @@ function $e() {
 function he(o) {
   return o != null && !(Array.isArray(o) && o.length === 0);
 }
-function Ge(o, n = !1) {
+function Ke(o, n = !1) {
   return o && (he(o.value) && o.value !== "" || n && he(o.defaultValue) && o.defaultValue !== "");
 }
-function bo(o) {
+function ho(o) {
   return o.startAdornment;
 }
-function Ke({
+function Ge({
   props: o,
   states: n,
   muiFormControl: t
@@ -59,7 +57,7 @@ function Ke({
   return n.reduce((s, i) => (s[i] = o[i], t && typeof o[i] > "u" && (s[i] = t[i]), s), {});
 }
 const qe = ["onChange", "maxRows", "minRows", "style", "value"];
-function _(o) {
+function L(o) {
   return parseInt(o, 10) || 0;
 }
 const Ye = {
@@ -99,7 +97,7 @@ const ve = /* @__PURE__ */ l.forwardRef(function(n, t) {
     const m = T.current;
     m.style.width = f.width, m.value = c.value || n.placeholder || "x", m.value.slice(-1) === `
 ` && (m.value += " ");
-    const E = f.boxSizing, O = _(f.paddingBottom) + _(f.paddingTop), x = _(f.borderBottomWidth) + _(f.borderTopWidth), S = m.scrollHeight;
+    const E = f.boxSizing, O = L(f.paddingBottom) + L(f.paddingTop), x = L(f.borderBottomWidth) + L(f.borderTopWidth), S = m.scrollHeight;
     m.value = "x";
     const F = m.scrollHeight;
     let y = S;
@@ -125,7 +123,7 @@ const ve = /* @__PURE__ */ l.forwardRef(function(n, t) {
       cancelAnimationFrame(u), u = requestAnimationFrame(() => {
         c();
       });
-    }, m = Ve(c), E = b.current, O = fe(E);
+    }, m = Le(c), E = b.current, O = fe(E);
     O.addEventListener("resize", m);
     let x;
     return typeof ResizeObserver < "u" && (x = new ResizeObserver(process.env.NODE_ENV === "test" ? f : c), x.observe(E)), () => {
@@ -134,13 +132,13 @@ const ve = /* @__PURE__ */ l.forwardRef(function(n, t) {
   }, [v, C]), ee(() => {
     C();
   });
-  const L = (c) => {
+  const _ = (c) => {
     R || C(), s && s(c);
   };
   return /* @__PURE__ */ X(l.Fragment, {
     children: [/* @__PURE__ */ N("textarea", d({
       value: A,
-      onChange: L,
+      onChange: _,
       ref: I,
       rows: p,
       style: z
@@ -194,8 +192,8 @@ process.env.NODE_ENV !== "production" && (ve.propTypes = {
 });
 function Ce(o) {
   return /* @__PURE__ */ N(we, d({}, o, {
-    defaultTheme: je,
-    themeId: ke
+    defaultTheme: De,
+    themeId: Be
   }));
 }
 process.env.NODE_ENV !== "production" && (Ce.propTypes = {
@@ -209,9 +207,9 @@ process.env.NODE_ENV !== "production" && (Ce.propTypes = {
   styles: e.oneOfType([e.array, e.func, e.number, e.object, e.string, e.bool])
 });
 function Je(o) {
-  return Be("MuiInputBase", o);
+  return Me("MuiInputBase", o);
 }
-const oe = He("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), Qe = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"], Xe = (o, n) => {
+const oe = Pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), Qe = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"], Xe = (o, n) => {
   const {
     ownerState: t
   } = o;
@@ -241,7 +239,7 @@ const oe = He("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     root: ["root", `color${Q(t)}`, s && "disabled", i && "error", B && "fullWidth", z && "focused", A && "formControl", g && g !== "medium" && `size${Q(g)}`, b && "multiline", T && "adornedStart", p && "adornedEnd", R && "hiddenLabel", I && "readOnly"],
     input: ["input", s && "disabled", v === "search" && "inputTypeSearch", b && "inputMultiline", g === "small" && "inputSizeSmall", R && "inputHiddenLabel", T && "inputAdornedStart", p && "inputAdornedEnd", I && "readOnly"]
   };
-  return We(C, Je, n);
+  return Ve(C, Je, n);
 }, no = be("div", {
   name: "MuiInputBase",
   slot: "Root",
@@ -385,7 +383,7 @@ const oe = He("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   }
 }), io = /* @__PURE__ */ l.forwardRef(function(n, t) {
   var s;
-  const i = De({
+  const i = We({
     props: n,
     name: "MuiInputBase"
   }), {
@@ -400,7 +398,7 @@ const oe = He("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     disableInjectingGlobalStyles: T,
     endAdornment: v,
     fullWidth: C = !1,
-    id: L,
+    id: _,
     inputComponent: c = "input",
     inputProps: u = {},
     inputRef: f,
@@ -428,21 +426,21 @@ const oe = He("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   } = l.useRef(W != null), k = l.useRef(), Ee = l.useCallback((r) => {
     process.env.NODE_ENV !== "production" && r && r.nodeName !== "INPUT" && !r.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), Oe = ge(k, f, u.ref, Ee), [G, K] = l.useState(!1), a = $e();
+  }, []), Oe = ge(k, f, u.ref, Ee), [K, G] = l.useState(!1), a = $e();
   process.env.NODE_ENV !== "production" && l.useEffect(() => {
     if (a)
       return a.registerEffect();
   }, [a]);
-  const h = Ke({
+  const h = Ge({
     props: i,
     muiFormControl: a,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  h.focused = a ? a.focused : G, l.useEffect(() => {
-    !a && g && G && (K(!1), S && S());
-  }, [a, g, G, S]);
+  h.focused = a ? a.focused : K, l.useEffect(() => {
+    !a && g && K && (G(!1), S && S());
+  }, [a, g, K, S]);
   const q = a && a.onFilled, Y = a && a.onEmpty, M = l.useCallback((r) => {
-    Ge(r) ? q && q() : Y && Y();
+    Ke(r) ? q && q() : Y && Y();
   }, [q, Y]);
   ee(() => {
     $ && M({
@@ -454,14 +452,14 @@ const oe = He("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
       r.stopPropagation();
       return;
     }
-    H && H(r), u.onFocus && u.onFocus(r), a && a.onFocus ? a.onFocus(r) : K(!0);
+    H && H(r), u.onFocus && u.onFocus(r), a && a.onFocus ? a.onFocus(r) : G(!0);
   }, ze = (r) => {
-    S && S(r), u.onBlur && u.onBlur(r), a && a.onBlur ? a.onBlur(r) : K(!1);
+    S && S(r), u.onBlur && u.onBlur(r), a && a.onBlur ? a.onBlur(r) : G(!1);
   }, Ae = (r, ...de) => {
     if (!$) {
       const ce = r.target || k.current;
       if (ce == null)
-        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : Pe(1));
+        throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : He(1));
       M({
         value: ce.value
       });
@@ -524,7 +522,7 @@ const oe = He("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
           autoFocus: A,
           defaultValue: I,
           disabled: h.disabled,
-          id: L,
+          id: _,
           onAnimationStart: Fe,
           name: x,
           placeholder: Se,
@@ -657,7 +655,7 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Le,
+  inputRef: je,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -784,13 +782,13 @@ process.env.NODE_ENV !== "production" && (io.propTypes = {
 export {
   ne as F,
   io as I,
-  Ge as a,
+  Ke as a,
   oe as b,
   no as c,
   to as d,
   eo as e,
-  Ke as f,
-  bo as i,
+  Ge as f,
+  ho as i,
   Xe as r,
   $e as u
 };

package/dist/Stack-D1lCED40.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-J0ZxxQLU.cjs"),T=require("./styled-C04Dz9vm.cjs"),S=require("react"),V=require("./createStyled-CcHh6cyo.cjs"),D=require("react/jsx-runtime"),C=require("./useThemeProps-CEfrd8SJ.cjs");function N(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,n.get?n:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const f=N(S),R=V.createStyled(),_=["component","direction","spacing","divider","children","className","useFlexGap"],B=e.createTheme$1(),q=R("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return C.useThemeProps({props:o,name:"MuiStack",defaultTheme:B})}function E(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((n,i,p)=>(n.push(i),p<s.length-1&&n.push(f.cloneElement(r,{key:`separator-${p}`})),n),[])}const F=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],M=({ownerState:o,theme:r})=>{let s=e._extends({display:"flex",flexDirection:"column"},e.handleBreakpoints({theme:r},e.resolveBreakpointValues({values:o.direction,breakpoints:r.breakpoints.values}),n=>({flexDirection:n})));if(o.spacing){const n=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((t,c)=>((typeof o.spacing=="object"&&o.spacing[c]!=null||typeof o.direction=="object"&&o.direction[c]!=null)&&(t[c]=!0),t),{}),p=e.resolveBreakpointValues({values:o.direction,base:i}),a=e.resolveBreakpointValues({values:o.spacing,base:i});typeof p=="object"&&Object.keys(p).forEach((t,c,u)=>{if(!p[t]){const d=c>0?p[u[c-1]]:"column";p[t]=d}});const l=(t,c)=>o.useFlexGap?{gap:e.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${F(c?p[c]:o.direction)}`]:e.getValue(n,t)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},a,l))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function w(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:n="MuiStack"}=o,i=()=>{const l={root:["root"]};return T.composeClasses(l,t=>e.generateUtilityClass(n,t),{})},p=r(M),a=f.forwardRef(function(t,c){const u=s(t),y=e.extendSxProp(u),{component:d="div",direction:g="column",spacing:O=0,divider:P,children:m,className:b,useFlexGap:k=!1}=y,h=e._objectWithoutPropertiesLoose(y,_),j={direction:g,spacing:O,useFlexGap:k},x=i();return D.jsx(p,e._extends({as:d,ownerState:j,ref:c,className:e.clsx(x.root,b)},h,{children:P?E(m,P):m}))});return process.env.NODE_ENV!=="production"&&(a.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),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])}),a}const v=w({createStyledComponent:T.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>T.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(v.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),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]),useFlexGap:e.PropTypes.bool});const G=v;exports.Stack=G;

package/dist/Stack-DIH86N4F.js

@@ -0,0 +1,172 @@
+import { P as e, n as D, m as T, B as g, D as m, E as F, F as N, G as R, z as E, _ as B, x as G, w as _, H as b } from "./identifier-C_DzvlWx.js";
+import { c as w, s as M, u as $ } from "./styled-DCjqF2JO.js";
+import * as f from "react";
+import { c as U } from "./createStyled-CXNF_m2b.js";
+import { jsx as A } from "react/jsx-runtime";
+import { u as L } from "./useThemeProps-fXKB99fl.js";
+const z = U(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], I = D(), W = z("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+});
+function q(o) {
+  return L({
+    props: o,
+    name: "MuiStack",
+    defaultTheme: I
+  });
+}
+function J(o, r) {
+  const c = f.Children.toArray(o).filter(Boolean);
+  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ f.cloneElement(r, {
+    key: `separator-${n}`
+  })), a), []);
+}
+const K = (o) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[o], Q = ({
+  ownerState: o,
+  theme: r
+}) => {
+  let c = T({
+    display: "flex",
+    flexDirection: "column"
+  }, g({
+    theme: r
+  }, m({
+    values: o.direction,
+    breakpoints: r.breakpoints.values
+  }), (a) => ({
+    flexDirection: a
+  })));
+  if (o.spacing) {
+    const a = F(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = m({
+      values: o.direction,
+      base: i
+    }), l = m({
+      values: o.spacing,
+      base: i
+    });
+    typeof n == "object" && Object.keys(n).forEach((s, t, p) => {
+      if (!n[s]) {
+        const d = t > 0 ? n[p[t - 1]] : "column";
+        n[s] = d;
+      }
+    }), c = N(c, g({
+      theme: r
+    }, l, (s, t) => o.useFlexGap ? {
+      gap: b(a, s)
+    } : {
+      // 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${K(t ? n[t] : o.direction)}`]: b(a, s)
+      }
+    }));
+  }
+  return c = R(r.breakpoints, c), c;
+};
+function X(o = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: r = W,
+    useThemeProps: c = q,
+    componentName: a = "MuiStack"
+  } = o, i = () => w({
+    root: ["root"]
+  }, (s) => _(a, s), {}), n = r(Q), l = /* @__PURE__ */ f.forwardRef(function(s, t) {
+    const p = c(s), u = E(p), {
+      component: d = "div",
+      direction: j = "column",
+      spacing: k = 0,
+      divider: v,
+      children: O,
+      className: x,
+      useFlexGap: P = !1
+    } = u, S = B(u, H), V = {
+      direction: j,
+      spacing: k,
+      useFlexGap: P
+    }, C = i();
+    return /* @__PURE__ */ A(n, T({
+      as: d,
+      ownerState: V,
+      ref: t,
+      className: G(C.root, x)
+    }, S, {
+      children: v ? J(O, v) : O
+    }));
+  });
+  return process.env.NODE_ENV !== "production" && (l.propTypes = {
+    children: e.node,
+    direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+    divider: e.node,
+    spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  }), l;
+}
+const h = X({
+  createStyledComponent: M("div", {
+    name: "MuiStack",
+    slot: "Root",
+    overridesResolver: (o, r) => r.root
+  }),
+  useThemeProps: (o) => $({
+    props: o,
+    name: "MuiStack"
+  })
+});
+process.env.NODE_ENV !== "production" && (h.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: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+  /**
+   * Add an element between each child.
+   */
+  divider: e.node,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+  /**
+   * The system prop, which 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]),
+  /**
+   * 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: e.bool
+});
+const se = h;
+export {
+  se as S
+};

package/dist/{Tabs-rGjgGQoc.js → Tabs-D1zibo7D.js}

@@ -1,16 +1,15 @@
-import { k as me, m as Le, _ as b, q as ae, P as o } from "./identifier-CItx51dm.js";
+import { w as me, v as ve, q as Le, m as b, _ as ae, x as k, P as o } from "./identifier-C_DzvlWx.js";
 import * as u from "react";
-import { g as ve, c as k } from "./extendSxProp-BaQsf_eX.js";
-import { s as _, u as Se, c as ye, a as st } from "./styled-BCP6gOZj.js";
+import { s as _, u as Se, c as ye, b as st } from "./styled-DCjqF2JO.js";
 import { jsxs as Q, jsx as C } from "react/jsx-runtime";
-import { B as ke } from "./ButtonBase-B5HiNV6L.js";
+import { B as ke } from "./ButtonBase-CWCHPphi.js";
 import { u as at } from "./unsupportedProp-BuVD30Gh.js";
-import { a as Fe, b as se, u as it } from "./useTheme-CwCUkvkZ.js";
+import { a as Fe, b as se, u as it } from "./useTheme-8G-WLfhQ.js";
 import { u as ct } from "./useForkRef-DwN_Iz9R.js";
 import { a as $e, d as Ae, o as dt } from "./ownerWindow-C7EH1lr6.js";
 import { u as be } from "./useTimeout-BdvDipeg.js";
-import { r as ut } from "./refType-BtebdsEm.js";
-import { c as De } from "./createSvgIcon-BqV9kys6.js";
+import { r as ut } from "./refType-KXZNSMpq.js";
+import { c as De } from "./createSvgIcon-B6V0jwwg.js";
 let X;
 function je() {
   if (X)
@@ -261,7 +260,7 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    */
   wrapped: o.bool
 });
-const Gt = _e, St = De(/* @__PURE__ */ C("path", {
+const qt = _e, St = De(/* @__PURE__ */ C("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
 }), "KeyboardArrowLeft"), yt = De(/* @__PURE__ */ C("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
@@ -1079,11 +1078,11 @@ process.env.NODE_ENV !== "production" && (Ue.propTypes = {
    */
   visibleScrollbar: o.bool
 });
-const Jt = Ue;
+const Gt = Ue;
 export {
   yt as K,
-  Gt as T,
-  Jt as a,
+  qt as T,
+  Gt as a,
   he as b,
   Nt as c,
   St as d,

package/dist/Tabs-DZDo7UqF.cjs

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