@cgi-learning-hub/ui 1.4.0-dev.1741181662 → 1.4.0-dev.1741799136

package/dist/Alert-Bsw5YTuJ.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),K=require("react"),e=require("./generateUtilityClasses-De8NU9_E.cjs"),h=require("./memoTheme-DrjvJtTP.cjs"),c=require("./useSlot-CC2AaOjN.cjs"),f=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),u=require("./createSvgIcon-DJMYlO0S.cjs"),l=require("./DefaultPropsProvider-wpBXjN8r.cjs"),Q=require("./IconButton-CVOPR4EM.cjs"),v=require("./capitalize-CEByPz9F.cjs"),X=require("./Paper-EvOTlB_Q.cjs"),Y=require("./Typography-DPij13XT.cjs");function ee(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 M=ee(K);function z(o){return e.generateUtilityClass("MuiAlertTitle",o)}const oe=e.generateUtilityClasses("MuiAlertTitle",["root"]),te=o=>{const{classes:s}=o,r={root:["root"]};return l.composeClasses(r,z,s)},se=l.styled(Y.Typography,{name:"MuiAlertTitle",slot:"Root",overridesResolver:(o,s)=>s.root})(h.memoTheme(({theme:o})=>({fontWeight:o.typography.fontWeightMedium,marginTop:-2}))),m=M.forwardRef(function(s,r){const t=l.useDefaultProps({props:s,name:"MuiAlertTitle"}),{className:p,...y}=t,d=t,T=te(d);return n.jsx(se,{gutterBottom:!0,component:"div",ownerState:d,ref:r,className:e.clsx(T.root,p),...y})});process.env.NODE_ENV!=="production"&&(m.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])});const R=u.createSvgIcon(n.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");function re(o){return e.generateUtilityClass("MuiAlert",o)}const O=e.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"]),ne=u.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"),le=u.createSvgIcon(n.jsx("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),pe=u.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"),ae=u.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"),ie=o=>{const{variant:s,color:r,severity:t,classes:p}=o,y={root:["root",`color${v.capitalize(r||t)}`,`${s}${v.capitalize(r||t)}`,`${s}`],icon:["icon"],message:["message"],action:["action"]};return l.composeClasses(y,re,p)},ce=l.styled(X.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)}`]]}})(h.memoTheme(({theme:o})=>{const s=o.palette.mode==="light"?e.darken:e.lighten,r=o.palette.mode==="light"?e.lighten:e.darken;return{...o.typography.body2,backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[...Object.entries(o.palette).filter(f.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),[`& .${O.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(f.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}`,[`& .${O.icon}`]:o.vars?{color:o.vars.palette.Alert[`${t}IconColor`]}:{color:o.palette[t].main}}})),...Object.entries(o.palette).filter(f.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)}}}))]}})),ye=l.styled("div",{name:"MuiAlert",slot:"Icon",overridesResolver:(o,s)=>s.icon})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),ue=l.styled("div",{name:"MuiAlert",slot:"Message",overridesResolver:(o,s)=>s.message})({padding:"8px 0",minWidth:0,overflow:"auto"}),de=l.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}),b={success:n.jsx(ne,{fontSize:"inherit"}),warning:n.jsx(le,{fontSize:"inherit"}),error:n.jsx(pe,{fontSize:"inherit"}),info:n.jsx(ae,{fontSize:"inherit"})},$=M.forwardRef(function(s,r){const t=l.useDefaultProps({props:s,name:"MuiAlert"}),{action:p,children:y,className:d,closeText:T="Close",color:S,components:C={},componentsProps:w={},icon:A,iconMapping:B=b,onClose:j,role:N="alert",severity:P="success",slotProps:L={},slots:k={},variant:q="standard",...E}=t,a={...t,color:S,severity:P,variant:q,colorSeverity:S||P},g=ie(a),i={slots:{closeButton:C.CloseButton,closeIcon:C.CloseIcon,...k},slotProps:{...w,...L}},[U,F]=c.useSlot("root",{ref:r,shouldForwardComponentProp:!0,className:e.clsx(g.root,d),elementType:ce,externalForwardedProps:{...i,...E},ownerState:a,additionalProps:{role:N,elevation:0}}),[V,W]=c.useSlot("icon",{className:g.icon,elementType:ye,externalForwardedProps:i,ownerState:a}),[D,H]=c.useSlot("message",{className:g.message,elementType:ue,externalForwardedProps:i,ownerState:a}),[x,I]=c.useSlot("action",{className:g.action,elementType:de,externalForwardedProps:i,ownerState:a}),[_,Z]=c.useSlot("closeButton",{elementType:Q.IconButton,externalForwardedProps:i,ownerState:a}),[G,J]=c.useSlot("closeIcon",{elementType:R,externalForwardedProps:i,ownerState:a});return n.jsxs(U,{...F,children:[A!==!1?n.jsx(V,{...W,children:A||B[P]||b[P]}):null,n.jsx(D,{...H,children:y}),p!=null?n.jsx(x,{...I,children:p}):null,p==null&&j?n.jsx(x,{...I,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 Te=o=>n.jsxs($,{...o,color:o.severity,children:[o.title&&n.jsx(m,{children:o.title}),o.children]});exports.Alert=Te;exports.AlertTitle=m;exports.CloseIcon=R;exports.alertTitleClasses=oe;exports.getAlertTitleUtilityClass=z;

package/dist/Alert-DdpAZix8.js

@@ -0,0 +1,440 @@
+import { jsx as n, jsxs as j } from "react/jsx-runtime";
+import * as $ from "react";
+import { H as R, I as z, G as w, P as e, q as b, s as h } from "./generateUtilityClasses-DotvgSDH.js";
+import { m as B } from "./memoTheme-CqmIydD-.js";
+import { u as c } from "./useSlot-GZu0V5wJ.js";
+import { c as v } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { c as d } from "./createSvgIcon-K2ZAdASa.js";
+import { u as L, s as u, c as N } from "./DefaultPropsProvider-Cqcb4sws.js";
+import { I as te } from "./IconButton-CCNUMz2l.js";
+import { c as T } from "./capitalize-3KLkrEtk.js";
+import { P as se } from "./Paper-BiZq6EF2.js";
+import { T as ne } from "./Typography-SIQ6eleU.js";
+function re(o) {
+  return z("MuiAlertTitle", o);
+}
+const $e = R("MuiAlertTitle", ["root"]), le = (o) => {
+  const {
+    classes: s
+  } = o;
+  return N({
+    root: ["root"]
+  }, re, s);
+}, ae = u(ne, {
+  name: "MuiAlertTitle",
+  slot: "Root",
+  overridesResolver: (o, s) => s.root
+})(B(({
+  theme: o
+}) => ({
+  fontWeight: o.typography.fontWeightMedium,
+  marginTop: -2
+}))), k = /* @__PURE__ */ $.forwardRef(function(s, r) {
+  const t = L({
+    props: s,
+    name: "MuiAlertTitle"
+  }), {
+    className: l,
+    ...p
+  } = t, f = t, g = le(f);
+  return /* @__PURE__ */ n(ae, {
+    gutterBottom: !0,
+    component: "div",
+    ownerState: f,
+    ref: r,
+    className: w(g.root, l),
+    ...p
+  });
+});
+process.env.NODE_ENV !== "production" && (k.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,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.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])
+});
+const ie = d(/* @__PURE__ */ n("path", {
+  d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Close");
+function ce(o) {
+  return z("MuiAlert", o);
+}
+const P = 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"]), pe = d(/* @__PURE__ */ n("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"), de = d(/* @__PURE__ */ n("path", {
+  d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+}), "ReportProblemOutlined"), ue = d(/* @__PURE__ */ n("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"), fe = d(/* @__PURE__ */ n("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"), ge = (o) => {
+  const {
+    variant: s,
+    color: r,
+    severity: t,
+    classes: l
+  } = o, p = {
+    root: ["root", `color${T(r || t)}`, `${s}${T(r || t)}`, `${s}`],
+    icon: ["icon"],
+    message: ["message"],
+    action: ["action"]
+  };
+  return N(p, ce, l);
+}, me = u(se, {
+  name: "MuiAlert",
+  slot: "Root",
+  overridesResolver: (o, s) => {
+    const {
+      ownerState: r
+    } = o;
+    return [s.root, s[r.variant], s[`${r.variant}${T(r.color || r.severity)}`]];
+  }
+})(B(({
+  theme: o
+}) => {
+  const s = o.palette.mode === "light" ? b : h, r = o.palette.mode === "light" ? h : b;
+  return {
+    ...o.typography.body2,
+    backgroundColor: "transparent",
+    display: "flex",
+    padding: "6px 16px",
+    variants: [...Object.entries(o.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`] : r(o.palette[t].light, 0.9),
+        [`& .${P.icon}`]: o.vars ? {
+          color: o.vars.palette.Alert[`${t}IconColor`]
+        } : {
+          color: o.palette[t].main
+        }
+      }
+    })), ...Object.entries(o.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}`,
+        [`& .${P.icon}`]: o.vars ? {
+          color: o.vars.palette.Alert[`${t}IconColor`]
+        } : {
+          color: o.palette[t].main
+        }
+      }
+    })), ...Object.entries(o.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`]
+        } : {
+          backgroundColor: o.palette.mode === "dark" ? o.palette[t].dark : o.palette[t].main,
+          color: o.palette.getContrastText(o.palette[t].main)
+        }
+      }
+    }))]
+  };
+})), ye = u("div", {
+  name: "MuiAlert",
+  slot: "Icon",
+  overridesResolver: (o, s) => s.icon
+})({
+  marginRight: 12,
+  padding: "7px 0",
+  display: "flex",
+  fontSize: 22,
+  opacity: 0.9
+}), ve = u("div", {
+  name: "MuiAlert",
+  slot: "Message",
+  overridesResolver: (o, s) => s.message
+})({
+  padding: "8px 0",
+  minWidth: 0,
+  overflow: "auto"
+}), Te = u("div", {
+  name: "MuiAlert",
+  slot: "Action",
+  overridesResolver: (o, s) => s.action
+})({
+  display: "flex",
+  alignItems: "flex-start",
+  padding: "4px 0 0 16px",
+  marginLeft: "auto",
+  marginRight: -8
+}), x = {
+  success: /* @__PURE__ */ n(pe, {
+    fontSize: "inherit"
+  }),
+  warning: /* @__PURE__ */ n(de, {
+    fontSize: "inherit"
+  }),
+  error: /* @__PURE__ */ n(ue, {
+    fontSize: "inherit"
+  }),
+  info: /* @__PURE__ */ n(fe, {
+    fontSize: "inherit"
+  })
+}, E = /* @__PURE__ */ $.forwardRef(function(s, r) {
+  const t = L({
+    props: s,
+    name: "MuiAlert"
+  }), {
+    action: l,
+    children: p,
+    className: f,
+    closeText: g = "Close",
+    color: A,
+    components: C = {},
+    componentsProps: W = {},
+    icon: S,
+    iconMapping: F = x,
+    onClose: I,
+    role: H = "alert",
+    severity: m = "success",
+    slotProps: U = {},
+    slots: V = {},
+    variant: D = "standard",
+    ...Z
+  } = t, a = {
+    ...t,
+    color: A,
+    severity: m,
+    variant: D,
+    colorSeverity: A || m
+  }, y = ge(a), i = {
+    slots: {
+      closeButton: C.CloseButton,
+      closeIcon: C.CloseIcon,
+      ...V
+    },
+    slotProps: {
+      ...W,
+      ...U
+    }
+  }, [_, q] = c("root", {
+    ref: r,
+    shouldForwardComponentProp: !0,
+    className: w(y.root, f),
+    elementType: me,
+    externalForwardedProps: {
+      ...i,
+      ...Z
+    },
+    ownerState: a,
+    additionalProps: {
+      role: H,
+      elevation: 0
+    }
+  }), [G, J] = c("icon", {
+    className: y.icon,
+    elementType: ye,
+    externalForwardedProps: i,
+    ownerState: a
+  }), [K, Q] = c("message", {
+    className: y.message,
+    elementType: ve,
+    externalForwardedProps: i,
+    ownerState: a
+  }), [O, M] = c("action", {
+    className: y.action,
+    elementType: Te,
+    externalForwardedProps: i,
+    ownerState: a
+  }), [X, Y] = c("closeButton", {
+    elementType: te,
+    externalForwardedProps: i,
+    ownerState: a
+  }), [ee, oe] = c("closeIcon", {
+    elementType: ie,
+    externalForwardedProps: i,
+    ownerState: a
+  });
+  return /* @__PURE__ */ j(_, {
+    ...q,
+    children: [S !== !1 ? /* @__PURE__ */ n(G, {
+      ...J,
+      children: S || F[m] || x[m]
+    }) : null, /* @__PURE__ */ n(K, {
+      ...Q,
+      children: p
+    }), l != null ? /* @__PURE__ */ n(O, {
+      ...M,
+      children: l
+    }) : null, l == null && I ? /* @__PURE__ */ n(O, {
+      ...M,
+      children: /* @__PURE__ */ n(X, {
+        size: "small",
+        "aria-label": g,
+        title: g,
+        color: "inherit",
+        onClick: I,
+        ...Y,
+        children: /* @__PURE__ */ n(ee, {
+          fontSize: "small",
+          ...oe
+        })
+      })
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (E.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The action to display. It renders after the message, at the end of the alert.
+   */
+  action: e.node,
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.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,
+  /**
+   * 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]),
+  /**
+   * 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.
+   *
+   * @default {}
+   */
+  components: e.shape({
+    CloseButton: e.elementType,
+    CloseIcon: e.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.
+   *
+   * @default {}
+   */
+  componentsProps: e.shape({
+    closeButton: e.object,
+    closeIcon: e.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,
+  /**
+   * 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
+  }),
+  /**
+   * 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,
+  /**
+   * The ARIA role attribute of the element.
+   * @default 'alert'
+   */
+  role: e.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]),
+  /**
+   * 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])
+  }),
+  /**
+   * 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
+  }),
+  /**
+   * 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]),
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
+});
+const Re = (o) => /* @__PURE__ */ j(E, { ...o, color: o.severity, children: [
+  o.title && /* @__PURE__ */ n(k, { children: o.title }),
+  o.children
+] });
+export {
+  k as A,
+  ie as C,
+  $e as a,
+  Re as b,
+  re as g
+};