@cgi-learning-hub/ui 1.2.0 → 1.3.0

package/dist/InputBase-CPtGhJye.cjs

@@ -0,0 +1,3 @@
+"use strict";const De=require("react"),e=require("./identifier-B_IiMbpZ.cjs"),je=require("./index-BDy6VH40.cjs"),he=require("./memoTheme-DvW891YJ.cjs"),w=require("react/jsx-runtime"),q=require("./DefaultPropsProvider-eEVEiLDf.cjs"),Te=require("./useForkRef-D81w5oMb.cjs"),B=require("./refType-DYRsy3ld.cjs"),oe=require("./ownerWindow-Dk_4aaak.cjs");function Ve(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const l=Ve(De),_=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(_.displayName="FormControlContext");function be(){return l.useContext(_)}function fe(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function ge(o,n=!1){return o&&(fe(o.value)&&o.value!==""||n&&fe(o.defaultValue)&&o.defaultValue!=="")}function Le(o){return o.startAdornment}function Pe({props:o,states:n,muiFormControl:t}){return n.reduce((a,p)=>(a[p]=o[p],t&&typeof o[p]>"u"&&(a[p]=t[p]),a),{})}function V(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function _e(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflowing}const we=l.forwardRef(function(n,t){const{onChange:a,maxRows:p,minRows:c=1,style:R,value:O,...M}=n,{current:v}=l.useRef(O!=null),m=l.useRef(null),E=Te.useForkRef(t,m),h=l.useRef(null),C=l.useRef(null),P=l.useCallback(()=>{const u=m.current,r=oe.ownerWindow(u).getComputedStyle(u);if(r.width==="0px")return{outerHeightStyle:0,overflowing:!1};const f=C.current;f.style.width=r.width,f.value=u.value||n.placeholder||"x",f.value.slice(-1)===`
+`&&(f.value+=" ");const I=r.boxSizing,S=V(r.paddingBottom)+V(r.paddingTop),b=V(r.borderBottomWidth)+V(r.borderTopWidth),A=f.scrollHeight;f.value="x";const N=f.scrollHeight;let d=A;c&&(d=Math.max(Number(c)*N,d)),p&&(d=Math.min(Number(p)*N,d)),d=Math.max(d,N);const H=d+(I==="border-box"?S+b:0),W=Math.abs(d-A)<=1;return{outerHeightStyle:H,overflowing:W}},[p,c,n.placeholder]),x=l.useCallback(()=>{const u=P();if(_e(u))return;const T=u.outerHeightStyle,r=m.current;h.current!==T&&(h.current=T,r.style.height=`${T}px`),r.style.overflow=u.overflowing?"hidden":""},[P]);B.useEnhancedEffect(()=>{const u=()=>{x()};let T;const r=()=>{cancelAnimationFrame(T),T=requestAnimationFrame(()=>{u()})},f=oe.debounce(u),I=m.current,S=oe.ownerWindow(I);S.addEventListener("resize",f);let b;return typeof ResizeObserver<"u"&&(b=new ResizeObserver(process.env.NODE_ENV==="test"?r:u),b.observe(I)),()=>{f.clear(),cancelAnimationFrame(T),S.removeEventListener("resize",f),b&&b.disconnect()}},[P,x]),B.useEnhancedEffect(()=>{x()});const U=u=>{v||x(),a&&a(u)};return w.jsxs(l.Fragment,{children:[w.jsx("textarea",{value:O,onChange:U,ref:E,rows:c,style:R,...M}),w.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:C,tabIndex:-1,style:{...qe.shadow,...R,paddingTop:0,paddingBottom:0}})]})});process.env.NODE_ENV!=="production"&&(we.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function ne(o){return typeof o=="string"}function Ue(o){return e.generateUtilityClass("MuiInputBase",o)}const L=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]);var ye;const ve=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},Ce=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},$e=o=>{const{classes:n,color:t,disabled:a,error:p,endAdornment:c,focused:R,formControl:O,fullWidth:M,hiddenLabel:v,multiline:m,readOnly:E,size:h,startAdornment:C,type:P}=o,x={root:["root",`color${e.capitalize(t)}`,a&&"disabled",p&&"error",M&&"fullWidth",R&&"focused",O&&"formControl",h&&h!=="medium"&&`size${e.capitalize(h)}`,m&&"multiline",C&&"adornedStart",c&&"adornedEnd",v&&"hiddenLabel",E&&"readOnly"],input:["input",a&&"disabled",P==="search"&&"inputTypeSearch",m&&"inputMultiline",h==="small"&&"inputSizeSmall",v&&"inputHiddenLabel",C&&"inputAdornedStart",c&&"inputAdornedEnd",E&&"readOnly"]};return q.composeClasses(x,Ue,n)},xe=q.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:ve})(he.memoTheme(({theme:o})=>({...o.typography.body1,color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${L.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"},variants:[{props:({ownerState:n})=>n.multiline,style:{padding:"4px 0 5px"}},{props:({ownerState:n,size:t})=>n.multiline&&t==="small",style:{paddingTop:1}},{props:({ownerState:n})=>n.fullWidth,style:{width:"100%"}}]}))),Se=q.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Ce})(he.memoTheme(({theme:o})=>{const n=o.palette.mode==="light",t={color:"currentColor",...o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5},transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})},a={opacity:"0 !important"},p=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5};return{font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%","&::-webkit-input-placeholder":t,"&::-moz-placeholder":t,"&::-ms-input-placeholder":t,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${L.formControl} &`]:{"&::-webkit-input-placeholder":a,"&::-moz-placeholder":a,"&::-ms-input-placeholder":a,"&:focus::-webkit-input-placeholder":p,"&:focus::-moz-placeholder":p,"&:focus::-ms-input-placeholder":p},[`&.${L.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},variants:[{props:({ownerState:c})=>!c.disableInjectingGlobalStyles,style:{animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}}},{props:{size:"small"},style:{paddingTop:1}},{props:({ownerState:c})=>c.multiline,style:{height:"auto",resize:"none",padding:0,paddingTop:0}},{props:{type:"search"},style:{MozAppearance:"textfield"}}]}})),me=je.globalCss({"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}),Re=l.forwardRef(function(n,t){const a=q.useDefaultProps({props:n,name:"MuiInputBase"}),{"aria-describedby":p,autoComplete:c,autoFocus:R,className:O,color:M,components:v={},componentsProps:m={},defaultValue:E,disabled:h,disableInjectingGlobalStyles:C,endAdornment:P,error:x,fullWidth:U=!1,id:u,inputComponent:T="input",inputProps:r={},inputRef:f,margin:I,maxRows:S,minRows:b,multiline:A=!1,name:N,onBlur:d,onChange:H,onClick:W,onFocus:te,onKeyDown:Oe,onKeyUp:Ee,placeholder:ze,readOnly:$,renderSuffix:re,rows:D,size:Ke,slotProps:se={},slots:ie={},startAdornment:F,type:le="text",value:Ie,...Ae}=a,j=r.value!=null?r.value:Ie,{current:K}=l.useRef(j!=null),z=l.useRef(),Ne=l.useCallback(s=>{process.env.NODE_ENV!=="production"&&s&&s.nodeName!=="INPUT"&&!s.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(`
+`))},[]),Fe=Te.useForkRef(z,f,r.ref,Ne),[G,Y]=l.useState(!1),i=be();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(i)return i.registerEffect()},[i]);const y=Pe({props:a,muiFormControl:i,states:["color","disabled","error","hiddenLabel","size","required","filled"]});y.focused=i?i.focused:G,l.useEffect(()=>{!i&&h&&G&&(Y(!1),d&&d())},[i,h,G,d]);const Z=i&&i.onFilled,J=i&&i.onEmpty,k=l.useCallback(s=>{ge(s)?Z&&Z():J&&J()},[Z,J]);B.useEnhancedEffect(()=>{K&&k({value:j})},[j,k,K]);const ke=s=>{te&&te(s),r.onFocus&&r.onFocus(s),i&&i.onFocus?i.onFocus(s):Y(!0)},Be=s=>{d&&d(s),r.onBlur&&r.onBlur(s),i&&i.onBlur?i.onBlur(s):Y(!1)},Me=(s,...de)=>{if(!K){const ce=s.target||z.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.":e.formatMuiErrorMessage(1));k({value:ce.value})}r.onChange&&r.onChange(s,...de),H&&H(s,...de)};l.useEffect(()=>{k(z.current)},[]);const He=s=>{z.current&&s.currentTarget===s.target&&z.current.focus(),W&&W(s)};let Q=T,g=r;A&&Q==="input"&&(D?(process.env.NODE_ENV!=="production"&&(b||S)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),g={type:void 0,minRows:D,maxRows:D,...g}):g={type:void 0,maxRows:S,minRows:b,...g},Q=we);const We=s=>{k(s.animationName==="mui-auto-fill-cancel"?z.current:{value:"x"})};l.useEffect(()=>{i&&i.setAdornedStart(!!F)},[i,F]);const X={...a,color:y.color||"primary",disabled:y.disabled,endAdornment:P,error:y.error,focused:y.focused,formControl:i,fullWidth:U,hiddenLabel:y.hiddenLabel,multiline:A,size:y.size,startAdornment:F,type:le},ae=$e(X),pe=ie.root||v.Root||xe,ee=se.root||m.root||{},ue=ie.input||v.Input||Se;return g={...g,...se.input??m.input},w.jsxs(l.Fragment,{children:[!C&&typeof me=="function"&&(ye||(ye=w.jsx(me,{}))),w.jsxs(pe,{...ee,ref:t,onClick:He,...Ae,...!ne(pe)&&{ownerState:{...X,...ee.ownerState}},className:e.clsx(ae.root,ee.className,O,$&&"MuiInputBase-readOnly"),children:[F,w.jsx(_.Provider,{value:null,children:w.jsx(ue,{"aria-invalid":y.error,"aria-describedby":p,autoComplete:c,autoFocus:R,defaultValue:E,disabled:y.disabled,id:u,onAnimationStart:We,name:N,placeholder:ze,readOnly:$,required:y.required,rows:D,value:j,onKeyDown:Oe,onKeyUp:Ee,type:le,...g,...!ne(ue)&&{as:Q,ownerState:{...X,...g.ownerState}},ref:Fe,className:e.clsx(ae.input,g.className,$&&"MuiInputBase-readOnly"),onBlur:Be,onChange:Me,onFocus:ke})}),P,re?re({...y,startAdornment:F}):null]})]})});process.env.NODE_ENV!=="production"&&(Re.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:B.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:B.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,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]),type:e.PropTypes.string,value:e.PropTypes.any});exports.FormControlContext=_;exports.InputBase=Re;exports.InputBaseInput=Se;exports.InputBaseRoot=xe;exports.formControlState=Pe;exports.inputBaseClasses=L;exports.inputOverridesResolver=Ce;exports.isAdornedStart=Le;exports.isFilled=ge;exports.isHostComponent=ne;exports.rootOverridesResolver=ve;exports.useFormControl=be;

package/dist/Stack-656bqKiW.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-B_IiMbpZ.cjs"),u=require("./DefaultPropsProvider-eEVEiLDf.cjs"),S=require("react"),V=require("react/jsx-runtime"),D=require("./extendSxProp-DLhbnNxc.cjs"),R=require("./useThemeProps-D_gKWuk1.cjs");function C(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=C(S),B=u.createStyled(),N=e.createTheme$1(),q=B("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function E(o){return R.useThemeProps({props:o,name:"MuiStack",defaultTheme:N})}function M(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 w=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],F=({ownerState:o,theme:r})=>{let s={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,y)=>{if(!p[t]){const T=c>0?p[y[c-1]]:"column";p[t]=T}});const l=(t,c)=>o.useFlexGap?{gap:e.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${w(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 _(o={}){const{createStyledComponent:r=q,useThemeProps:s=E,componentName:n="MuiStack"}=o,i=()=>{const l={root:["root"]};return u.composeClasses(l,t=>e.generateUtilityClass(n,t),{})},p=r(F),a=f.forwardRef(function(t,c){const y=s(t),d=D.extendSxProp(y),{component:T="div",direction:O="column",spacing:g=0,divider:P,children:m,className:b,useFlexGap:j=!1,...k}=d,h={direction:O,spacing:g,useFlexGap:j},x=i();return V.jsx(p,{as:T,ownerState:h,ref:c,className:e.clsx(x.root,b),...k,children:P?M(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=_({createStyledComponent:u.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>u.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});exports.Stack=v;

package/dist/{Stack-BJ2ths-g.js → Stack-CutIWKkG.js}

@@ -1,61 +1,62 @@
-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-D-ng7Qqa.js";
-import { c as w, s as M, u as $ } from "./styled-xiAudcD_.js";
-import * as f from "react";
-import { c as U } from "./createStyled-CzVedz8V.js";
-import { jsx as A } from "react/jsx-runtime";
-import { u as L } from "./useThemeProps-BM4fCFq5.js";
-const z = U(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], I = D(), W = z("div", {
+import { P as e, M as V, R as g, S as f, U as C, V as R, W as D, L as N, I as E, X as b } from "./identifier-Bu3vgTzE.js";
+import { a as F, c as M, s as B, u as w } from "./DefaultPropsProvider-7QnSWHxy.js";
+import * as m from "react";
+import { jsx as G } from "react/jsx-runtime";
+import { e as U } from "./extendSxProp-BzTGWWcy.js";
+import { u as $ } from "./useThemeProps-Bmkt_XOR.js";
+const A = F(), I = V(), L = A("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
 });
-function q(o) {
-  return L({
+function _(o) {
+  return $({
     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, {
+function W(o, r) {
+  const c = m.Children.toArray(o).filter(Boolean);
+  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ m.cloneElement(r, {
     key: `separator-${n}`
   })), a), []);
 }
-const K = (o) => ({
+const X = (o) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
   "column-reverse": "Bottom"
-})[o], Q = ({
+})[o], q = ({
   ownerState: o,
   theme: r
 }) => {
-  let c = T({
+  let c = {
     display: "flex",
-    flexDirection: "column"
-  }, g({
-    theme: r
-  }, m({
-    values: o.direction,
-    breakpoints: r.breakpoints.values
-  }), (a) => ({
-    flexDirection: a
-  })));
+    flexDirection: "column",
+    ...g({
+      theme: r
+    }, f({
+      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({
+    const a = C(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 = f({
       values: o.direction,
       base: i
-    }), l = m({
+    }), l = f({
       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;
+        const u = t > 0 ? n[p[t - 1]] : "column";
+        n[s] = u;
       }
-    }), c = N(c, g({
+    }), c = R(c, g({
       theme: r
     }, l, (s, t) => o.useFlexGap ? {
       gap: b(a, s)
@@ -66,42 +67,43 @@ const K = (o) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${K(t ? n[t] : o.direction)}`]: b(a, s)
+        [`margin${X(t ? n[t] : o.direction)}`]: b(a, s)
       }
     }));
   }
-  return c = R(r.breakpoints, c), c;
+  return c = D(r.breakpoints, c), c;
 };
-function X(o = {}) {
+function z(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = W,
-    useThemeProps: c = q,
+    createStyledComponent: r = L,
+    useThemeProps: c = _,
     componentName: a = "MuiStack"
-  } = o, i = () => w({
+  } = o, i = () => M({
     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,
+  }, (s) => E(a, s), {}), n = r(q), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
+    const p = c(s), y = U(p), {
+      component: u = "div",
+      direction: T = "column",
+      spacing: h = 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,
+      className: j,
+      useFlexGap: k = !1,
+      ...x
+    } = y, P = {
+      direction: T,
+      spacing: h,
+      useFlexGap: k
+    }, S = i();
+    return /* @__PURE__ */ G(n, {
+      as: u,
+      ownerState: P,
       ref: t,
-      className: G(C.root, x)
-    }, S, {
-      children: v ? J(O, v) : O
-    }));
+      className: N(S.root, j),
+      ...x,
+      children: v ? W(O, v) : O
+    });
   });
   return process.env.NODE_ENV !== "production" && (l.propTypes = {
     children: e.node,
@@ -111,18 +113,18 @@ function X(o = {}) {
     sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
   }), l;
 }
-const h = X({
-  createStyledComponent: M("div", {
+const H = z({
+  createStyledComponent: B("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root
   }),
-  useThemeProps: (o) => $({
+  useThemeProps: (o) => w({
     props: o,
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (h.propTypes = {
+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`.     │
@@ -166,7 +168,6 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
    */
   useFlexGap: e.bool
 });
-const se = h;
 export {
-  se as S
+  H as S
 };