@cgi-learning-hub/ui 1.5.1 → 1.6.0

package/dist/Alert-DW8yCR-B.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),K=require("./useTheme-ClhInrO2.cjs"),Q=require("react"),e=require("./index-DLnSn8GT.cjs"),l=require("./generateUtilityClasses-CMlilM6r.cjs"),M=require("./memoTheme-BAbn60Cb.cjs"),y=require("./useSlot-W0PiuVaZ.cjs"),m=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),f=require("./createSvgIcon-BgBODH2F.cjs"),X=require("./Close-DyRqry3p.cjs"),p=require("./DefaultPropsProvider-B1crdkTC.cjs"),Y=require("./IconButton-BKwDNYJl.cjs"),v=require("./capitalize-CKLkSyDO.cjs"),ee=require("./Paper-Bh9CKUCb.cjs"),oe=require("./Typography-De-21leI.cjs");function te(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(s,r,t.get?t:{enumerable:!0,get:()=>o[r]})}}return s.default=o,Object.freeze(s)}const z=te(Q);function R(o){return l.generateUtilityClass("MuiAlertTitle",o)}const se=l.generateUtilityClasses("MuiAlertTitle",["root"]),re=o=>{const{classes:s}=o,r={root:["root"]};return p.composeClasses(r,R,s)},ne=p.styled(oe.Typography,{name:"MuiAlertTitle",slot:"Root",overridesResolver:(o,s)=>s.root})(M.memoTheme(({theme:o})=>({fontWeight:o.typography.fontWeightMedium,marginTop:-2}))),S=z.forwardRef(function(s,r){const t=p.useDefaultProps({props:s,name:"MuiAlertTitle"}),{className:a,...u}=t,d=t,T=re(d);return n.jsx(ne,{gutterBottom:!0,component:"div",ownerState:d,ref:r,className:l.clsx(T.root,a),...u})});process.env.NODE_ENV!=="production"&&(S.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className: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])});function le(o){return l.generateUtilityClass("MuiAlert",o)}const h=l.generateUtilityClasses("MuiAlert",["root","action","icon","message","filled","colorSuccess","colorInfo","colorWarning","colorError","filledSuccess","filledInfo","filledWarning","filledError","outlined","outlinedSuccess","outlinedInfo","outlinedWarning","outlinedError","standard","standardSuccess","standardInfo","standardWarning","standardError"]),pe=f.createSvgIcon(n.jsx("path",{d:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"}),"SuccessOutlined"),ae=f.createSvgIcon(n.jsx("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),ie=f.createSvgIcon(n.jsx("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),ce=f.createSvgIcon(n.jsx("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"}),"InfoOutlined"),ye=o=>{const{variant:s,color:r,severity:t,classes:a}=o,u={root:["root",`color${v.capitalize(r||t)}`,`${s}${v.capitalize(r||t)}`,`${s}`],icon:["icon"],message:["message"],action:["action"]};return p.composeClasses(u,le,a)},ue=p.styled(ee.Paper,{name:"MuiAlert",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:r}=o;return[s.root,s[r.variant],s[`${r.variant}${v.capitalize(r.color||r.severity)}`]]}})(M.memoTheme(({theme:o})=>{const s=o.palette.mode==="light"?l.darken:l.lighten,r=o.palette.mode==="light"?l.lighten:l.darken;return{...o.typography.body2,backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[...Object.entries(o.palette).filter(m.createSimplePaletteValueFilter(["light"])).map(([t])=>({props:{colorSeverity:t,variant:"standard"},style:{color:o.vars?o.vars.palette.Alert[`${t}Color`]:s(o.palette[t].light,.6),backgroundColor:o.vars?o.vars.palette.Alert[`${t}StandardBg`]:r(o.palette[t].light,.9),[`& .${h.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(m.createSimplePaletteValueFilter(["light"])).map(([t])=>({props:{colorSeverity:t,variant:"outlined"},style:{color:o.vars?o.vars.palette.Alert[`${t}Color`]:s(o.palette[t].light,.6),border:`1px solid ${(o.vars||o).palette[t].light}`,[`& .${h.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(m.createSimplePaletteValueFilter(["dark"])).map(([t])=>({props:{colorSeverity:t,variant:"filled"},style:{fontWeight:o.typography.fontWeightMedium,...o.vars?{color:o.vars.palette.Alert[`${t}FilledColor`],backgroundColor:o.vars.palette.Alert[`${t}FilledBg`]}:{backgroundColor:o.palette.mode==="dark"?o.palette[t].dark:o.palette[t].main,color:o.palette.getContrastText(o.palette[t].main)}}}))]}})),de=p.styled("div",{name:"MuiAlert",slot:"Icon",overridesResolver:(o,s)=>s.icon})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),Te=p.styled("div",{name:"MuiAlert",slot:"Message",overridesResolver:(o,s)=>s.message})({padding:"8px 0",minWidth:0,overflow:"auto"}),Pe=p.styled("div",{name:"MuiAlert",slot:"Action",overridesResolver:(o,s)=>s.action})({display:"flex",alignItems:"flex-start",padding:"4px 0 0 16px",marginLeft:"auto",marginRight:-8}),I={success:n.jsx(pe,{fontSize:"inherit"}),warning:n.jsx(ae,{fontSize:"inherit"}),error:n.jsx(ie,{fontSize:"inherit"}),info:n.jsx(ce,{fontSize:"inherit"})},$=z.forwardRef(function(s,r){const t=p.useDefaultProps({props:s,name:"MuiAlert"}),{action:a,children:u,className:d,closeText:T="Close",color:C,components:A={},componentsProps:q={},icon:x,iconMapping:w=I,onClose:j,role:B="alert",severity:P="success",slotProps:N={},slots:k={},variant:L="standard",...E}=t,i={...t,color:C,severity:P,variant:L,colorSeverity:C||P},g=ye(i),c={slots:{closeButton:A.CloseButton,closeIcon:A.CloseIcon,...k},slotProps:{...q,...N}},[U,F]=y.useSlot("root",{ref:r,shouldForwardComponentProp:!0,className:l.clsx(g.root,d),elementType:ue,externalForwardedProps:{...c,...E},ownerState:i,additionalProps:{role:B,elevation:0}}),[V,W]=y.useSlot("icon",{className:g.icon,elementType:de,externalForwardedProps:c,ownerState:i}),[D,H]=y.useSlot("message",{className:g.message,elementType:Te,externalForwardedProps:c,ownerState:i}),[O,b]=y.useSlot("action",{className:g.action,elementType:Pe,externalForwardedProps:c,ownerState:i}),[_,Z]=y.useSlot("closeButton",{elementType:Y.IconButton,externalForwardedProps:c,ownerState:i}),[G,J]=y.useSlot("closeIcon",{elementType:X.CloseIcon,externalForwardedProps:c,ownerState:i});return n.jsxs(U,{...F,children:[x!==!1?n.jsx(V,{...W,children:x||w[P]||I[P]}):null,n.jsx(D,{...H,children:u}),a!=null?n.jsx(O,{...b,children:a}):null,a==null&&j?n.jsx(O,{...b,children:n.jsx(_,{size:"small","aria-label":T,title:T,color:"inherit",onClick:j,...Z,children:n.jsx(G,{fontSize:"small",...J})})}):null]})});process.env.NODE_ENV!=="production"&&($.propTypes={action:e.PropTypes.node,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,closeText:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({CloseButton:e.PropTypes.elementType,CloseIcon:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({closeButton:e.PropTypes.object,closeIcon:e.PropTypes.object}),icon:e.PropTypes.node,iconMapping:e.PropTypes.shape({error:e.PropTypes.node,info:e.PropTypes.node,success:e.PropTypes.node,warning:e.PropTypes.node}),onClose:e.PropTypes.func,role:e.PropTypes.string,severity:e.PropTypes.oneOfType([e.PropTypes.oneOf(["error","info","success","warning"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({action:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),closeButton:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),closeIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),icon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),message:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({action:e.PropTypes.elementType,closeButton:e.PropTypes.elementType,closeIcon:e.PropTypes.elementType,icon:e.PropTypes.elementType,message:e.PropTypes.elementType,root: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]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["filled","outlined","standard"]),e.PropTypes.string])});const ge=({severity:o="success",...s})=>{const r=K.useTheme();return n.jsxs($,{severity:o,color:o,sx:{bgcolor:l.alpha(r.palette[o].light,.35)},...s,children:[s.title?n.jsx(S,{children:s.title}):null,s.children]})};exports.Alert=ge;exports.AlertTitle=S;exports.alertTitleClasses=se;exports.getAlertTitleUtilityClass=R;

package/dist/{Alert-BfMYnyZX.js → Alert-PmI169Dq.js}

@@ -1,35 +1,36 @@
 import { jsx as r, jsxs as j } from "react/jsx-runtime";
-import { u as te } from "./useTheme-BDL2rp7a.js";
+import { u as to } from "./useTheme-C59wIJ3-.js";
 import * as $ from "react";
-import { G as R, H as z, I as w, P as e, q as h, s as M, n as se } from "./generateUtilityClasses-BpRGbQmY.js";
-import { m as B } from "./memoTheme-44McxcVZ.js";
-import { u as c } from "./useSlot-CYOxsM2I.js";
+import { P as o } from "./index-Sy88PpwE.js";
+import { F as R, G as z, H as w, q as h, s as M, n as so } from "./generateUtilityClasses-DngCqveO.js";
+import { m as B } from "./memoTheme-nmt7i1dS.js";
+import { u as c } from "./useSlot-BDb1lvxu.js";
 import { c as v } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { c as y } from "./createSvgIcon-CsMK8tGM.js";
-import { C as ne } from "./Close-hx7dlgmZ.js";
-import { u as N, s as d, c as L } from "./DefaultPropsProvider-Ik4eAJdt.js";
-import { I as re } from "./IconButton-D1mhTuaI.js";
-import { c as T } from "./capitalize-DSG2FA7x.js";
-import { P as le } from "./Paper-CEDxpHWv.js";
-import { T as ae } from "./Typography-DBJqhIhB.js";
-function ie(o) {
-  return z("MuiAlertTitle", o);
+import { c as y } from "./createSvgIcon-BlKmtOkV.js";
+import { C as no } from "./Close-m-MX3rFn.js";
+import { u as N, s as d, c as L } from "./DefaultPropsProvider-hFv1J_xl.js";
+import { I as ro } from "./IconButton-CgwURB2g.js";
+import { c as T } from "./capitalize-BHFotl9B.js";
+import { P as lo } from "./Paper-984iTz4H.js";
+import { T as ao } from "./Typography-DwMlN0K5.js";
+function io(e) {
+  return z("MuiAlertTitle", e);
 }
-const Be = R("MuiAlertTitle", ["root"]), ce = (o) => {
+const Lo = R("MuiAlertTitle", ["root"]), co = (e) => {
   const {
     classes: s
-  } = o;
+  } = e;
   return L({
     root: ["root"]
-  }, ie, s);
-}, pe = d(ae, {
+  }, io, s);
+}, po = d(ao, {
   name: "MuiAlertTitle",
   slot: "Root",
-  overridesResolver: (o, s) => s.root
+  overridesResolver: (e, s) => s.root
 })(B(({
-  theme: o
+  theme: e
 }) => ({
-  fontWeight: o.typography.fontWeightMedium,
+  fontWeight: e.typography.fontWeightMedium,
   marginTop: -2
 }))), k = /* @__PURE__ */ $.forwardRef(function(s, n) {
   const t = N({
@@ -38,8 +39,8 @@ const Be = R("MuiAlertTitle", ["root"]), ce = (o) => {
   }), {
     className: l,
     ...p
-  } = t, u = t, f = ce(u);
-  return /* @__PURE__ */ r(pe, {
+  } = t, u = t, f = co(u);
+  return /* @__PURE__ */ r(po, {
     gutterBottom: !0,
     component: "div",
     ownerState: u,
@@ -56,129 +57,129 @@ process.env.NODE_ENV !== "production" && (k.propTypes = {
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function de(o) {
-  return z("MuiAlert", o);
+function uo(e) {
+  return z("MuiAlert", e);
 }
-const x = R("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSuccess", "colorInfo", "colorWarning", "colorError", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), ue = y(/* @__PURE__ */ r("path", {
+const x = R("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSuccess", "colorInfo", "colorWarning", "colorError", "filledSuccess", "filledInfo", "filledWarning", "filledError", "outlined", "outlinedSuccess", "outlinedInfo", "outlinedWarning", "outlinedError", "standard", "standardSuccess", "standardInfo", "standardWarning", "standardError"]), fo = y(/* @__PURE__ */ r("path", {
   d: "M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"
-}), "SuccessOutlined"), fe = y(/* @__PURE__ */ r("path", {
+}), "SuccessOutlined"), mo = y(/* @__PURE__ */ r("path", {
   d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
-}), "ReportProblemOutlined"), ge = y(/* @__PURE__ */ r("path", {
+}), "ReportProblemOutlined"), go = y(/* @__PURE__ */ r("path", {
   d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
-}), "ErrorOutline"), me = y(/* @__PURE__ */ r("path", {
+}), "ErrorOutline"), yo = y(/* @__PURE__ */ r("path", {
   d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"
-}), "InfoOutlined"), ye = (o) => {
+}), "InfoOutlined"), vo = (e) => {
   const {
     variant: s,
     color: n,
     severity: t,
     classes: l
-  } = o, p = {
+  } = e, p = {
     root: ["root", `color${T(n || t)}`, `${s}${T(n || t)}`, `${s}`],
     icon: ["icon"],
     message: ["message"],
     action: ["action"]
   };
-  return L(p, de, l);
-}, ve = d(le, {
+  return L(p, uo, l);
+}, To = d(lo, {
   name: "MuiAlert",
   slot: "Root",
-  overridesResolver: (o, s) => {
+  overridesResolver: (e, s) => {
     const {
       ownerState: n
-    } = o;
+    } = e;
     return [s.root, s[n.variant], s[`${n.variant}${T(n.color || n.severity)}`]];
   }
 })(B(({
-  theme: o
+  theme: e
 }) => {
-  const s = o.palette.mode === "light" ? h : M, n = o.palette.mode === "light" ? M : h;
+  const s = e.palette.mode === "light" ? h : M, n = e.palette.mode === "light" ? M : h;
   return {
-    ...o.typography.body2,
+    ...e.typography.body2,
     backgroundColor: "transparent",
     display: "flex",
     padding: "6px 16px",
-    variants: [...Object.entries(o.palette).filter(v(["light"])).map(([t]) => ({
+    variants: [...Object.entries(e.palette).filter(v(["light"])).map(([t]) => ({
       props: {
         colorSeverity: t,
         variant: "standard"
       },
       style: {
-        color: o.vars ? o.vars.palette.Alert[`${t}Color`] : s(o.palette[t].light, 0.6),
-        backgroundColor: o.vars ? o.vars.palette.Alert[`${t}StandardBg`] : n(o.palette[t].light, 0.9),
-        [`& .${x.icon}`]: o.vars ? {
-          color: o.vars.palette.Alert[`${t}IconColor`]
+        color: e.vars ? e.vars.palette.Alert[`${t}Color`] : s(e.palette[t].light, 0.6),
+        backgroundColor: e.vars ? e.vars.palette.Alert[`${t}StandardBg`] : n(e.palette[t].light, 0.9),
+        [`& .${x.icon}`]: e.vars ? {
+          color: e.vars.palette.Alert[`${t}IconColor`]
         } : {
-          color: o.palette[t].main
+          color: e.palette[t].main
         }
       }
-    })), ...Object.entries(o.palette).filter(v(["light"])).map(([t]) => ({
+    })), ...Object.entries(e.palette).filter(v(["light"])).map(([t]) => ({
       props: {
         colorSeverity: t,
         variant: "outlined"
       },
       style: {
-        color: o.vars ? o.vars.palette.Alert[`${t}Color`] : s(o.palette[t].light, 0.6),
-        border: `1px solid ${(o.vars || o).palette[t].light}`,
-        [`& .${x.icon}`]: o.vars ? {
-          color: o.vars.palette.Alert[`${t}IconColor`]
+        color: e.vars ? e.vars.palette.Alert[`${t}Color`] : s(e.palette[t].light, 0.6),
+        border: `1px solid ${(e.vars || e).palette[t].light}`,
+        [`& .${x.icon}`]: e.vars ? {
+          color: e.vars.palette.Alert[`${t}IconColor`]
         } : {
-          color: o.palette[t].main
+          color: e.palette[t].main
         }
       }
-    })), ...Object.entries(o.palette).filter(v(["dark"])).map(([t]) => ({
+    })), ...Object.entries(e.palette).filter(v(["dark"])).map(([t]) => ({
       props: {
         colorSeverity: t,
         variant: "filled"
       },
       style: {
-        fontWeight: o.typography.fontWeightMedium,
-        ...o.vars ? {
-          color: o.vars.palette.Alert[`${t}FilledColor`],
-          backgroundColor: o.vars.palette.Alert[`${t}FilledBg`]
+        fontWeight: e.typography.fontWeightMedium,
+        ...e.vars ? {
+          color: e.vars.palette.Alert[`${t}FilledColor`],
+          backgroundColor: e.vars.palette.Alert[`${t}FilledBg`]
         } : {
-          backgroundColor: o.palette.mode === "dark" ? o.palette[t].dark : o.palette[t].main,
-          color: o.palette.getContrastText(o.palette[t].main)
+          backgroundColor: e.palette.mode === "dark" ? e.palette[t].dark : e.palette[t].main,
+          color: e.palette.getContrastText(e.palette[t].main)
         }
       }
     }))]
   };
-})), Te = d("div", {
+})), Ao = d("div", {
   name: "MuiAlert",
   slot: "Icon",
-  overridesResolver: (o, s) => s.icon
+  overridesResolver: (e, s) => s.icon
 })({
   marginRight: 12,
   padding: "7px 0",
   display: "flex",
   fontSize: 22,
   opacity: 0.9
-}), Ae = d("div", {
+}), Co = d("div", {
   name: "MuiAlert",
   slot: "Message",
-  overridesResolver: (o, s) => s.message
+  overridesResolver: (e, s) => s.message
 })({
   padding: "8px 0",
   minWidth: 0,
   overflow: "auto"
-}), Ce = d("div", {
+}), So = d("div", {
   name: "MuiAlert",
   slot: "Action",
-  overridesResolver: (o, s) => s.action
+  overridesResolver: (e, s) => s.action
 })({
   display: "flex",
   alignItems: "flex-start",
@@ -186,16 +187,16 @@ const x = R("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSu
   marginLeft: "auto",
   marginRight: -8
 }), P = {
-  success: /* @__PURE__ */ r(ue, {
+  success: /* @__PURE__ */ r(fo, {
     fontSize: "inherit"
   }),
-  warning: /* @__PURE__ */ r(fe, {
+  warning: /* @__PURE__ */ r(mo, {
     fontSize: "inherit"
   }),
-  error: /* @__PURE__ */ r(ge, {
+  error: /* @__PURE__ */ r(go, {
     fontSize: "inherit"
   }),
-  info: /* @__PURE__ */ r(me, {
+  info: /* @__PURE__ */ r(yo, {
     fontSize: "inherit"
   })
 }, E = /* @__PURE__ */ $.forwardRef(function(s, n) {
@@ -212,9 +213,9 @@ const x = R("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSu
     componentsProps: W = {},
     icon: S,
     iconMapping: F = P,
-    onClose: I,
+    onClose: O,
     role: H = "alert",
-    severity: g = "success",
+    severity: m = "success",
     slotProps: U = {},
     slots: V = {},
     variant: D = "standard",
@@ -222,10 +223,10 @@ const x = R("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSu
   } = t, a = {
     ...t,
     color: A,
-    severity: g,
+    severity: m,
     variant: D,
-    colorSeverity: A || g
-  }, m = ye(a), i = {
+    colorSeverity: A || m
+  }, g = vo(a), i = {
     slots: {
       closeButton: C.CloseButton,
       closeIcon: C.CloseIcon,
@@ -238,8 +239,8 @@ const x = R("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSu
   }, [_, q] = c("root", {
     ref: n,
     shouldForwardComponentProp: !0,
-    className: w(m.root, u),
-    elementType: ve,
+    className: w(g.root, u),
+    elementType: To,
     externalForwardedProps: {
       ...i,
       ...Z
@@ -250,26 +251,26 @@ const x = R("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSu
       elevation: 0
     }
   }), [G, J] = c("icon", {
-    className: m.icon,
-    elementType: Te,
+    className: g.icon,
+    elementType: Ao,
     externalForwardedProps: i,
     ownerState: a
   }), [K, Q] = c("message", {
-    className: m.message,
-    elementType: Ae,
+    className: g.message,
+    elementType: Co,
     externalForwardedProps: i,
     ownerState: a
-  }), [O, b] = c("action", {
-    className: m.action,
-    elementType: Ce,
+  }), [b, I] = c("action", {
+    className: g.action,
+    elementType: So,
     externalForwardedProps: i,
     ownerState: a
   }), [X, Y] = c("closeButton", {
-    elementType: re,
+    elementType: ro,
     externalForwardedProps: i,
     ownerState: a
-  }), [ee, oe] = c("closeIcon", {
-    elementType: ne,
+  }), [oo, eo] = c("closeIcon", {
+    elementType: no,
     externalForwardedProps: i,
     ownerState: a
   });
@@ -277,25 +278,25 @@ const x = R("MuiAlert", ["root", "action", "icon", "message", "filled", "colorSu
     ...q,
     children: [S !== !1 ? /* @__PURE__ */ r(G, {
       ...J,
-      children: S || F[g] || P[g]
+      children: S || F[m] || P[m]
     }) : null, /* @__PURE__ */ r(K, {
       ...Q,
       children: p
-    }), l != null ? /* @__PURE__ */ r(O, {
-      ...b,
+    }), l != null ? /* @__PURE__ */ r(b, {
+      ...I,
       children: l
-    }) : null, l == null && I ? /* @__PURE__ */ r(O, {
-      ...b,
+    }) : null, l == null && O ? /* @__PURE__ */ r(b, {
+      ...I,
       children: /* @__PURE__ */ r(X, {
         size: "small",
         "aria-label": f,
         title: f,
         color: "inherit",
-        onClick: I,
+        onClick: O,
         ...Y,
-        children: /* @__PURE__ */ r(ee, {
+        children: /* @__PURE__ */ r(oo, {
           fontSize: "small",
-          ...oe
+          ...eo
         })
       })
     }) : null]
@@ -309,133 +310,134 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
   /**
    * The action to display. It renders after the message, at the end of the alert.
    */
-  action: e.node,
+  action: o.node,
   /**
    * The content of the component.
    */
-  children: e.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * Override the default label for the *close popup* icon button.
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default 'Close'
    */
-  closeText: e.string,
+  closeText: o.string,
   /**
    * The color of the component. Unless provided, the value is taken from the `severity` prop.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    */
-  color: e.oneOfType([e.oneOf(["error", "info", "success", "warning"]), e.string]),
+  color: o.oneOfType([o.oneOf(["error", "info", "success", "warning"]), o.string]),
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
-  components: e.shape({
-    CloseButton: e.elementType,
-    CloseIcon: e.elementType
+  components: o.shape({
+    CloseButton: o.elementType,
+    CloseIcon: o.elementType
   }),
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
-  componentsProps: e.shape({
-    closeButton: e.object,
-    closeIcon: e.object
+  componentsProps: o.shape({
+    closeButton: o.object,
+    closeIcon: o.object
   }),
   /**
    * Override the icon displayed before the children.
    * Unless provided, the icon is mapped to the value of the `severity` prop.
    * Set to `false` to remove the `icon`.
    */
-  icon: e.node,
+  icon: o.node,
   /**
    * The component maps the `severity` prop to a range of different icons,
    * for instance success to `<SuccessOutlined>`.
    * If you wish to change this mapping, you can provide your own.
    * Alternatively, you can use the `icon` prop to override the icon displayed.
    */
-  iconMapping: e.shape({
-    error: e.node,
-    info: e.node,
-    success: e.node,
-    warning: e.node
+  iconMapping: o.shape({
+    error: o.node,
+    info: o.node,
+    success: o.node,
+    warning: o.node
   }),
   /**
    * Callback fired when the component requests to be closed.
    * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onClose: e.func,
+  onClose: o.func,
   /**
    * The ARIA role attribute of the element.
    * @default 'alert'
    */
-  role: e.string,
+  role: o.string,
   /**
    * The severity of the alert. This defines the color and icon used.
    * @default 'success'
    */
-  severity: e.oneOfType([e.oneOf(["error", "info", "success", "warning"]), e.string]),
+  severity: o.oneOfType([o.oneOf(["error", "info", "success", "warning"]), o.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: e.shape({
-    action: e.oneOfType([e.func, e.object]),
-    closeButton: e.oneOfType([e.func, e.object]),
-    closeIcon: e.oneOfType([e.func, e.object]),
-    icon: e.oneOfType([e.func, e.object]),
-    message: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
+  slotProps: o.shape({
+    action: o.oneOfType([o.func, o.object]),
+    closeButton: o.oneOfType([o.func, o.object]),
+    closeIcon: o.oneOfType([o.func, o.object]),
+    icon: o.oneOfType([o.func, o.object]),
+    message: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    action: e.elementType,
-    closeButton: e.elementType,
-    closeIcon: e.elementType,
-    icon: e.elementType,
-    message: e.elementType,
-    root: e.elementType
+  slots: o.shape({
+    action: o.elementType,
+    closeButton: o.elementType,
+    closeIcon: o.elementType,
+    icon: o.elementType,
+    message: o.elementType,
+    root: o.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The variant to use.
    * @default 'standard'
    */
-  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
+  variant: o.oneOfType([o.oneOf(["filled", "outlined", "standard"]), o.string])
 });
-const Ne = ({
-  severity: o = "success",
+const ko = ({
+  severity: e = "success",
   ...s
 }) => {
-  const n = te();
+  const n = to();
   return /* @__PURE__ */ j(
     E,
     {
-      color: o,
-      sx: { bgcolor: se(n.palette[o].light, 0.35) },
+      severity: e,
+      color: e,
+      sx: { bgcolor: so(n.palette[e].light, 0.35) },
       ...s,
       children: [
         s.title ? /* @__PURE__ */ r(k, { children: s.title }) : null,
@@ -446,7 +448,7 @@ const Ne = ({
 };
 export {
   k as A,
-  Be as a,
-  Ne as b,
-  ie as g
+  Lo as a,
+  ko as b,
+  io as g
 };