@cgi-learning-hub/ui 1.3.5-dev.1740134984 → 1.3.5-dev.1740156229

package/dist/{ButtonBase-ylADCBW1.js → ButtonBase-DzpmdR6N.js}

@@ -3,17 +3,17 @@ var Be = (o, e, t) => e in o ? we(o, e, { enumerable: !0, configurable: !0, writ
 var ae = (o, e, t) => Be(o, typeof e != "symbol" ? e + "" : e, t);
 import * as d from "react";
 import H, { isValidElement as W, cloneElement as G, Children as Le } from "react";
-import { P as n, G as C, H as pe, I as Oe } from "./generateUtilityClasses-v9KcqdK1.js";
+import { P as n, G as C, H as pe, I as Oe } from "./identifier-D58rA1gM.js";
 import { jsx as $, jsxs as ke } from "react/jsx-runtime";
-import { u as fe, s as ne, c as je } from "./DefaultPropsProvider-CmOKr9hq.js";
+import { u as fe, s as ne, c as je } from "./DefaultPropsProvider-BcmyIf2H.js";
 import { a as Fe, u as Ie } from "./useTimeout-CrCYVizI.js";
 import { _ as $e, a as Ue, T as ue } from "./TransitionGroupContext-DbLioz_6.js";
 import { keyframes as oe } from "@emotion/react";
 import { u as le } from "./useForkRef-C_4o__cU.js";
 import { u as J } from "./useEventCallback-BAQJJ3ye.js";
 import { i as ce } from "./isFocusVisible-CPZqtjv2.js";
-import { e as ze } from "./elementTypeAcceptingRef-BnBq35EV.js";
-import { r as _e } from "./refType-DcE_kWty.js";
+import { e as ze } from "./elementTypeAcceptingRef-CrAqn_fc.js";
+import { r as _e } from "./refType-B86yTZra.js";
 class Q {
   constructor() {
     ae(this, "mountEffect", () => {

package/dist/CardContent-BXjX98Jd.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("react"),e=require("./identifier-5n4d7br9.cjs"),d=require("react/jsx-runtime"),n=require("./DefaultPropsProvider-QmkL7lbM.cjs"),b=require("./Paper-C-oPGpbI.cjs"),v=require("./chainPropTypes-CEUi6Jb4.cjs");function j(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>s[t]})}}return o.default=s,Object.freeze(o)}const y=j(m);function u(s){return e.generateUtilityClass("MuiCard",s)}const O=e.generateUtilityClasses("MuiCard",["root"]),N=s=>{const{classes:o}=s,t={root:["root"]};return n.composeClasses(t,u,o)},U=n.styled(b.Paper,{name:"MuiCard",slot:"Root",overridesResolver:(s,o)=>o.root})({overflow:"hidden"}),C=y.forwardRef(function(o,t){const r=n.useDefaultProps({props:o,name:"MuiCard"}),{className:c,raised:p=!1,...i}=r,a={...r,raised:p},l=N(a);return d.jsx(U,{className:e.clsx(l.root,c),elevation:p?8:void 0,ref:t,ownerState:a,...i})});process.env.NODE_ENV!=="production"&&(C.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,raised:v.chainPropTypes(e.PropTypes.bool,s=>s.raised&&s.variant==="outlined"?new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.'):null),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 f(s){return e.generateUtilityClass("MuiCardActions",s)}const R=e.generateUtilityClasses("MuiCardActions",["root","spacing"]),w=s=>{const{classes:o,disableSpacing:t}=s,r={root:["root",!t&&"spacing"]};return n.composeClasses(r,f,o)},M=n.styled("div",{name:"MuiCardActions",slot:"Root",overridesResolver:(s,o)=>{const{ownerState:t}=s;return[o.root,!t.disableSpacing&&o.spacing]}})({display:"flex",alignItems:"center",padding:8,variants:[{props:{disableSpacing:!1},style:{"& > :not(style) ~ :not(style)":{marginLeft:8}}}]}),T=y.forwardRef(function(o,t){const r=n.useDefaultProps({props:o,name:"MuiCardActions"}),{disableSpacing:c=!1,className:p,...i}=r,a={...r,disableSpacing:c},l=w(a);return d.jsx(M,{className:e.clsx(l.root,p),ownerState:a,ref:t,...i})});process.env.NODE_ENV!=="production"&&(T.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,disableSpacing:e.PropTypes.bool,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function P(s){return e.generateUtilityClass("MuiCardContent",s)}const S=e.generateUtilityClasses("MuiCardContent",["root"]),h=s=>{const{classes:o}=s,t={root:["root"]};return n.composeClasses(t,P,o)},A=n.styled("div",{name:"MuiCardContent",slot:"Root",overridesResolver:(s,o)=>o.root})({padding:16,"&:last-child":{paddingBottom:24}}),g=y.forwardRef(function(o,t){const r=n.useDefaultProps({props:o,name:"MuiCardContent"}),{className:c,component:p="div",...i}=r,a={...r,component:p},l=h(a);return d.jsx(A,{as:p,className:e.clsx(l.root,c),ownerState:a,ref:t,...i})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component: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])});exports.Card=C;exports.CardActions=T;exports.CardContent=g;exports.cardActionsClasses=R;exports.cardClasses=O;exports.cardContentClasses=S;exports.getCardActionsUtilityClass=f;exports.getCardContentUtilityClass=P;exports.getCardUtilityClass=u;

package/dist/{CardContent-CHoWb0DR.js → CardContent-u1MKaFvP.js}

@@ -1,8 +1,8 @@
 import * as d from "react";
-import { H as p, I as u, G as f, P as s } from "./generateUtilityClasses-v9KcqdK1.js";
+import { H as p, I as u, G as f, P as s } from "./identifier-D58rA1gM.js";
 import { jsx as C } from "react/jsx-runtime";
-import { u as m, s as y, c as g } from "./DefaultPropsProvider-CmOKr9hq.js";
-import { P as b } from "./Paper-BIgadgtb.js";
+import { u as m, s as y, c as g } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { P as b } from "./Paper-CbgkVQVx.js";
 import { c as v } from "./chainPropTypes-D9lkm76m.js";
 function N(o) {
   return u("MuiCard", o);

package/dist/{Checkbox-92V5IqYF.js → Checkbox-BI77q7eR.js}

@@ -1,18 +1,17 @@
 import * as m from "react";
-import { H as S, I as P, G as R, n as x, P as e } from "./generateUtilityClasses-v9KcqdK1.js";
-import { S as $ } from "./SwitchBase-Ccit_gYg.js";
-import { c as u } from "./createSvgIcon-CIearCnQ.js";
-import { jsx as r } from "react/jsx-runtime";
-import { u as B, s as w, c as M, r as T } from "./DefaultPropsProvider-CmOKr9hq.js";
-import { m as j } from "./memoTheme-D-rebSfX.js";
+import { H as S, I as P, G as R, L as c, n as x, P as e } from "./identifier-D58rA1gM.js";
+import { S as $ } from "./SwitchBase-BAjfatYA.js";
+import { c as u } from "./createSvgIcon-CCejzj0C.js";
+import { jsx as s } from "react/jsx-runtime";
+import { u as B, s as w, c as M, r as T } from "./DefaultPropsProvider-BcmyIf2H.js";
+import { m as j } from "./memoTheme-DyiN-Awd.js";
 import { c as z } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { c } from "./capitalize-yX_QSknw.js";
-import { r as H } from "./refType-DcE_kWty.js";
-const V = u(/* @__PURE__ */ r("path", {
+import { r as H } from "./refType-B86yTZra.js";
+const V = u(/* @__PURE__ */ s("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), N = u(/* @__PURE__ */ r("path", {
+}), "CheckBoxOutlineBlank"), N = u(/* @__PURE__ */ s("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), E = u(/* @__PURE__ */ r("path", {
+}), "CheckBox"), E = u(/* @__PURE__ */ s("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
 function U(o) {
@@ -22,17 +21,17 @@ const f = S("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
   const {
     classes: t,
     indeterminate: a,
-    color: s,
+    color: n,
     size: i
   } = o, l = {
-    root: ["root", a && "indeterminate", `color${c(s)}`, `size${c(i)}`]
+    root: ["root", a && "indeterminate", `color${c(n)}`, `size${c(i)}`]
   }, p = M(l, U, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...p
   };
-}, D = w($, {
+}, L = w($, {
   shouldForwardProp: (o) => T(o) || o === "classes",
   name: "MuiCheckbox",
   slot: "Root",
@@ -92,32 +91,32 @@ const f = S("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), L = /* @__PURE__ */ r(N, {}), q = /* @__PURE__ */ r(V, {}), G = /* @__PURE__ */ r(E, {}), _ = /* @__PURE__ */ m.forwardRef(function(t, a) {
-  const s = B({
+}))), D = /* @__PURE__ */ s(N, {}), q = /* @__PURE__ */ s(V, {}), G = /* @__PURE__ */ s(E, {}), _ = /* @__PURE__ */ m.forwardRef(function(t, a) {
+  const n = B({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: i = L,
+    checkedIcon: i = D,
     color: l = "primary",
     icon: p = q,
-    indeterminate: n = !1,
+    indeterminate: r = !1,
     indeterminateIcon: b = G,
     inputProps: I,
     size: d = "medium",
     disableRipple: h = !1,
     className: g,
     ...O
-  } = s, v = n ? b : p, C = n ? b : i, k = {
-    ...s,
+  } = n, v = r ? b : p, C = r ? b : i, k = {
+    ...n,
     disableRipple: h,
     color: l,
-    indeterminate: n,
+    indeterminate: r,
     size: d
   }, y = F(k);
-  return /* @__PURE__ */ r(D, {
+  return /* @__PURE__ */ s(L, {
     type: "checkbox",
     inputProps: {
-      "data-indeterminate": n,
+      "data-indeterminate": r,
       ...I
     },
     icon: /* @__PURE__ */ m.cloneElement(v, {

package/dist/Checkbox-C6CIGK27.cjs

@@ -0,0 +1 @@
+"use strict";const S=require("react"),e=require("./identifier-5n4d7br9.cjs"),I=require("./SwitchBase-7zONZyYP.cjs"),f=require("./createSvgIcon-Dn4BBPej.cjs"),c=require("react/jsx-runtime"),i=require("./DefaultPropsProvider-QmkL7lbM.cjs"),j=require("./memoTheme-C8EfvlY1.cjs"),k=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),R=require("./refType-CjW6JOBA.cjs");function $(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>o[r]})}}return t.default=o,Object.freeze(t)}const y=$(S),q=f.createSvgIcon(c.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),w=f.createSvgIcon(c.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),B=f.createSvgIcon(c.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function C(o){return e.generateUtilityClass("MuiCheckbox",o)}const n=e.generateUtilityClasses("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),M=o=>{const{classes:t,indeterminate:r,color:s,size:p}=o,l={root:["root",r&&"indeterminate",`color${e.capitalize(s)}`,`size${e.capitalize(p)}`]},d=i.composeClasses(l,C,t);return{...t,...d}},V=i.styled(I.SwitchBase,{shouldForwardProp:o=>i.rootShouldForwardProp(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:r}=o;return[t.root,r.indeterminate&&t.indeterminate,t[`size${e.capitalize(r.size)}`],r.color!=="default"&&t[`color${e.capitalize(r.color)}`]]}})(j.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(o.palette.action.active,o.palette.action.hoverOpacity)}}},...Object.entries(o.palette).filter(k.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t,disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha(o.palette[t].main,o.palette.action.hoverOpacity)}}})),...Object.entries(o.palette).filter(k.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{[`&.${n.checked}, &.${n.indeterminate}`]:{color:(o.vars||o).palette[t].main},[`&.${n.disabled}`]:{color:(o.vars||o).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),N=c.jsx(w,{}),D=c.jsx(q,{}),F=c.jsx(B,{}),x=y.forwardRef(function(t,r){const s=i.useDefaultProps({props:t,name:"MuiCheckbox"}),{checkedIcon:p=N,color:l="primary",icon:d=D,indeterminate:a=!1,indeterminateIcon:b=F,inputProps:g,size:u="medium",disableRipple:P=!1,className:z,...O}=s,m=a?b:d,T=a?b:p,h={...s,disableRipple:P,color:l,indeterminate:a,size:u},v=M(h);return c.jsx(V,{type:"checkbox",inputProps:{"data-indeterminate":a,...g},icon:y.cloneElement(m,{fontSize:m.props.fontSize??u}),checkedIcon:y.cloneElement(T,{fontSize:T.props.fontSize??u}),ownerState:h,ref:r,className:e.clsx(v.root,z),disableRipple:P,...O,classes:v})});process.env.NODE_ENV!=="production"&&(x.propTypes={checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.node,id:e.PropTypes.string,indeterminate:e.PropTypes.bool,indeterminateIcon:e.PropTypes.node,inputProps:e.PropTypes.object,inputRef:R.refType,onChange:e.PropTypes.func,required:e.PropTypes.bool,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),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]),value:e.PropTypes.any});exports.Checkbox=x;exports.checkboxClasses=n;exports.getCheckboxUtilityClass=C;

package/dist/{Chip-I3ytWE-R.js → Chip-6-zATjcr.js}

@@ -1,23 +1,22 @@
 import * as u from "react";
-import { H as q, I as J, G as y, n as d, P as r } from "./generateUtilityClasses-v9KcqdK1.js";
-import { c as Q } from "./createSvgIcon-CIearCnQ.js";
+import { H as q, I as J, G as y, L as t, n as d, P as l } from "./identifier-D58rA1gM.js";
+import { c as Q } from "./createSvgIcon-CCejzj0C.js";
 import { jsx as P, jsxs as X } from "react/jsx-runtime";
-import { m as Y } from "./memoTheme-D-rebSfX.js";
+import { m as Y } from "./memoTheme-DyiN-Awd.js";
 import { c as k } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { u as Z, s as E, c as h } from "./DefaultPropsProvider-CmOKr9hq.js";
+import { u as Z, s as E, c as h } from "./DefaultPropsProvider-BcmyIf2H.js";
 import { u as aa } from "./useForkRef-C_4o__cU.js";
-import { B as N } from "./ButtonBase-ylADCBW1.js";
-import { c as t } from "./capitalize-yX_QSknw.js";
+import { B as N } from "./ButtonBase-DzpmdR6N.js";
 import { u as ea } from "./unsupportedProp-BuVD30Gh.js";
 const oa = Q(/* @__PURE__ */ P("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
 }), "Cancel");
-function ra(a) {
+function la(a) {
   return J("MuiChip", a);
 }
-const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), la = (a) => {
+const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), ra = (a) => {
   const {
-    classes: l,
+    classes: r,
     disabled: e,
     size: n,
     color: i,
@@ -32,11 +31,11 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
     icon: ["icon", `icon${t(n)}`, `iconColor${t(g)}`],
     deleteIcon: ["deleteIcon", `deleteIcon${t(n)}`, `deleteIconColor${t(i)}`, `deleteIcon${t(p)}Color${t(i)}`]
   };
-  return h(C, ra, l);
+  return h(C, la, r);
 }, ta = E("div", {
   name: "MuiChip",
   slot: "Root",
-  overridesResolver: (a, l) => {
+  overridesResolver: (a, r) => {
     const {
       ownerState: e
     } = a, {
@@ -48,31 +47,31 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       variant: p
     } = e;
     return [{
-      [`& .${o.avatar}`]: l.avatar
+      [`& .${o.avatar}`]: r.avatar
     }, {
-      [`& .${o.avatar}`]: l[`avatar${t(s)}`]
+      [`& .${o.avatar}`]: r[`avatar${t(s)}`]
     }, {
-      [`& .${o.avatar}`]: l[`avatarColor${t(n)}`]
+      [`& .${o.avatar}`]: r[`avatarColor${t(n)}`]
     }, {
-      [`& .${o.icon}`]: l.icon
+      [`& .${o.icon}`]: r.icon
     }, {
-      [`& .${o.icon}`]: l[`icon${t(s)}`]
+      [`& .${o.icon}`]: r[`icon${t(s)}`]
     }, {
-      [`& .${o.icon}`]: l[`iconColor${t(i)}`]
+      [`& .${o.icon}`]: r[`iconColor${t(i)}`]
     }, {
-      [`& .${o.deleteIcon}`]: l.deleteIcon
+      [`& .${o.deleteIcon}`]: r.deleteIcon
     }, {
-      [`& .${o.deleteIcon}`]: l[`deleteIcon${t(s)}`]
+      [`& .${o.deleteIcon}`]: r[`deleteIcon${t(s)}`]
     }, {
-      [`& .${o.deleteIcon}`]: l[`deleteIconColor${t(n)}`]
+      [`& .${o.deleteIcon}`]: r[`deleteIconColor${t(n)}`]
     }, {
-      [`& .${o.deleteIcon}`]: l[`deleteIcon${t(p)}Color${t(n)}`]
-    }, l.root, l[`size${t(s)}`], l[`color${t(n)}`], g && l.clickable, g && n !== "default" && l[`clickableColor${t(n)})`], f && l.deletable, f && n !== "default" && l[`deletableColor${t(n)}`], l[p], l[`${p}${t(n)}`]];
+      [`& .${o.deleteIcon}`]: r[`deleteIcon${t(p)}Color${t(n)}`]
+    }, r.root, r[`size${t(s)}`], r[`color${t(n)}`], g && r.clickable, g && n !== "default" && r[`clickableColor${t(n)})`], f && r.deletable, f && n !== "default" && r[`deletableColor${t(n)}`], r[p], r[`${p}${t(n)}`]];
   }
 })(Y(({
   theme: a
 }) => {
-  const l = a.palette.mode === "light" ? a.palette.grey[700] : a.palette.grey[300];
+  const r = a.palette.mode === "light" ? a.palette.grey[700] : a.palette.grey[300];
   return {
     maxWidth: "100%",
     fontFamily: a.typography.fontFamily,
@@ -106,7 +105,7 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       marginRight: -6,
       width: 24,
       height: 24,
-      color: a.vars ? a.vars.palette.Chip.defaultAvatarColor : l,
+      color: a.vars ? a.vars.palette.Chip.defaultAvatarColor : r,
       fontSize: a.typography.pxToRem(12)
     },
     [`& .${o.avatarColorPrimary}`]: {
@@ -173,7 +172,7 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       props: (e) => e.iconColor === e.color,
       style: {
         [`& .${o.icon}`]: {
-          color: a.vars ? a.vars.palette.Chip.defaultIconColor : l
+          color: a.vars ? a.vars.palette.Chip.defaultIconColor : r
         }
       }
     }, {
@@ -288,13 +287,13 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
 })), na = E("span", {
   name: "MuiChip",
   slot: "Label",
-  overridesResolver: (a, l) => {
+  overridesResolver: (a, r) => {
     const {
       ownerState: e
     } = a, {
       size: n
     } = e;
-    return [l.label, l[`label${t(n)}`]];
+    return [r.label, r[`label${t(n)}`]];
   }
 })({
   overflow: "hidden",
@@ -332,9 +331,9 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
 function V(a) {
   return a.key === "Backspace" || a.key === "Delete";
 }
-const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
+const ia = /* @__PURE__ */ u.forwardRef(function(r, e) {
   const n = Z({
-    props: l,
+    props: r,
     name: "MuiChip"
   }), {
     avatar: i,
@@ -372,7 +371,7 @@ const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
     onDelete: !!v,
     clickable: I,
     variant: K
-  }, b = la(x), G = S === N ? {
+  }, b = ra(x), G = S === N ? {
     component: p || "div",
     focusVisibleClassName: b.focusVisible,
     ...v && {
@@ -421,7 +420,7 @@ process.env.NODE_ENV !== "production" && (ia.propTypes = {
   /**
    * The Avatar element to display.
    */
-  avatar: r.element,
+  avatar: l.element,
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
@@ -430,11 +429,11 @@ process.env.NODE_ENV !== "production" && (ia.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: r.object,
+  classes: l.object,
   /**
    * @ignore
    */
-  className: r.string,
+  className: l.string,
   /**
    * If `true`, the chip will appear clickable, and will raise when pressed,
    * even if the onClick prop is not defined.
@@ -443,80 +442,80 @@ process.env.NODE_ENV !== "production" && (ia.propTypes = {
    * along with the component prop to indicate an anchor Chip is clickable.
    * Note: this controls the UI and does not affect the onClick event.
    */
-  clickable: r.bool,
+  clickable: l.bool,
   /**
    * The color of the component.
    * 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).
    * @default 'default'
    */
-  color: r.oneOfType([r.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  color: l.oneOfType([l.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), l.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: r.elementType,
+  component: l.elementType,
   /**
    * Override the default delete icon element. Shown only if `onDelete` is set.
    */
-  deleteIcon: r.element,
+  deleteIcon: l.element,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: r.bool,
+  disabled: l.bool,
   /**
    * Icon element.
    */
-  icon: r.element,
+  icon: l.element,
   /**
    * The content of the component.
    */
-  label: r.node,
+  label: l.node,
   /**
    * @ignore
    */
-  onClick: r.func,
+  onClick: l.func,
   /**
    * Callback fired when the delete icon is clicked.
    * If set, the delete icon will be shown.
    */
-  onDelete: r.func,
+  onDelete: l.func,
   /**
    * @ignore
    */
-  onKeyDown: r.func,
+  onKeyDown: l.func,
   /**
    * @ignore
    */
-  onKeyUp: r.func,
+  onKeyUp: l.func,
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: r.oneOfType([r.oneOf(["medium", "small"]), r.string]),
+  size: l.oneOfType([l.oneOf(["medium", "small"]), l.string]),
   /**
    * If `true`, allows the disabled chip to escape focus.
    * If `false`, allows the disabled chip to receive focus.
    * @default false
    */
-  skipFocusWhenDisabled: r.bool,
+  skipFocusWhenDisabled: l.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  sx: l.oneOfType([l.arrayOf(l.oneOfType([l.func, l.object, l.bool])), l.func, l.object]),
   /**
    * @ignore
    */
-  tabIndex: r.number,
+  tabIndex: l.number,
   /**
    * The variant to use.
    * @default 'filled'
    */
-  variant: r.oneOfType([r.oneOf(["filled", "outlined"]), r.string])
+  variant: l.oneOfType([l.oneOf(["filled", "outlined"]), l.string])
 });
 export {
   ia as C,
   o as c,
-  ra as g
+  la as g
 };

package/dist/Chip-CAPnyZyW.cjs

@@ -0,0 +1 @@
+"use strict";const A=require("react"),a=require("./identifier-5n4d7br9.cjs"),H=require("./createSvgIcon-Dn4BBPej.cjs"),C=require("react/jsx-runtime"),G=require("./memoTheme-C8EfvlY1.cjs"),g=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),$=require("./DefaultPropsProvider-QmkL7lbM.cjs"),J=require("./useForkRef-CTI33h-3.cjs"),w=require("./ButtonBase-C2rhY3j-.cjs"),Q=require("./unsupportedProp-Bn6XWqwH.cjs");function X(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const s=X(A),Y=H.createSvgIcon(C.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel");function j(e){return a.generateUtilityClass("MuiChip",e)}const t=a.generateUtilityClasses("MuiChip",["root","sizeSmall","sizeMedium","colorDefault","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","disabled","clickable","clickableColorPrimary","clickableColorSecondary","deletable","deletableColorPrimary","deletableColorSecondary","outlined","filled","outlinedPrimary","outlinedSecondary","filledPrimary","filledSecondary","avatar","avatarSmall","avatarMedium","avatarColorPrimary","avatarColorSecondary","icon","iconSmall","iconMedium","iconColorPrimary","iconColorSecondary","label","labelSmall","labelMedium","deleteIcon","deleteIconSmall","deleteIconMedium","deleteIconColorPrimary","deleteIconColorSecondary","deleteIconOutlinedColorPrimary","deleteIconOutlinedColorSecondary","deleteIconFilledColorPrimary","deleteIconFilledColorSecondary","focusVisible"]),Z=e=>{const{classes:l,disabled:o,size:r,color:i,iconColor:f,onDelete:d,clickable:c,variant:p}=e,b={root:["root",p,o&&"disabled",`size${a.capitalize(r)}`,`color${a.capitalize(i)}`,c&&"clickable",c&&`clickableColor${a.capitalize(i)}`,d&&"deletable",d&&`deletableColor${a.capitalize(i)}`,`${p}${a.capitalize(i)}`],label:["label",`label${a.capitalize(r)}`],avatar:["avatar",`avatar${a.capitalize(r)}`,`avatarColor${a.capitalize(i)}`],icon:["icon",`icon${a.capitalize(r)}`,`iconColor${a.capitalize(f)}`],deleteIcon:["deleteIcon",`deleteIcon${a.capitalize(r)}`,`deleteIconColor${a.capitalize(i)}`,`deleteIcon${a.capitalize(p)}Color${a.capitalize(i)}`]};return $.composeClasses(b,j,l)},ee=$.styled("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,l)=>{const{ownerState:o}=e,{color:r,iconColor:i,clickable:f,onDelete:d,size:c,variant:p}=o;return[{[`& .${t.avatar}`]:l.avatar},{[`& .${t.avatar}`]:l[`avatar${a.capitalize(c)}`]},{[`& .${t.avatar}`]:l[`avatarColor${a.capitalize(r)}`]},{[`& .${t.icon}`]:l.icon},{[`& .${t.icon}`]:l[`icon${a.capitalize(c)}`]},{[`& .${t.icon}`]:l[`iconColor${a.capitalize(i)}`]},{[`& .${t.deleteIcon}`]:l.deleteIcon},{[`& .${t.deleteIcon}`]:l[`deleteIcon${a.capitalize(c)}`]},{[`& .${t.deleteIcon}`]:l[`deleteIconColor${a.capitalize(r)}`]},{[`& .${t.deleteIcon}`]:l[`deleteIcon${a.capitalize(p)}Color${a.capitalize(r)}`]},l.root,l[`size${a.capitalize(c)}`],l[`color${a.capitalize(r)}`],f&&l.clickable,f&&r!=="default"&&l[`clickableColor${a.capitalize(r)})`],d&&l.deletable,d&&r!=="default"&&l[`deletableColor${a.capitalize(r)}`],l[p],l[`${p}${a.capitalize(r)}`]]}})(G.memoTheme(({theme:e})=>{const l=e.palette.mode==="light"?e.palette.grey[700]:e.palette.grey[300];return{maxWidth:"100%",fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(e.vars||e).palette.text.primary,backgroundColor:(e.vars||e).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${t.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${t.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:e.vars?e.vars.palette.Chip.defaultAvatarColor:l,fontSize:e.typography.pxToRem(12)},[`& .${t.avatarColorPrimary}`]:{color:(e.vars||e).palette.primary.contrastText,backgroundColor:(e.vars||e).palette.primary.dark},[`& .${t.avatarColorSecondary}`]:{color:(e.vars||e).palette.secondary.contrastText,backgroundColor:(e.vars||e).palette.secondary.dark},[`& .${t.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},[`& .${t.icon}`]:{marginLeft:5,marginRight:-6},[`& .${t.deleteIcon}`]:{WebkitTapHighlightColor:"transparent",color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.26)`:a.alpha(e.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.4)`:a.alpha(e.palette.text.primary,.4)}},variants:[{props:{size:"small"},style:{height:24,[`& .${t.icon}`]:{fontSize:18,marginLeft:4,marginRight:-4},[`& .${t.deleteIcon}`]:{fontSize:16,marginRight:4,marginLeft:-4}}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter(["contrastText"])).map(([o])=>({props:{color:o},style:{backgroundColor:(e.vars||e).palette[o].main,color:(e.vars||e).palette[o].contrastText,[`& .${t.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[o].contrastTextChannel} / 0.7)`:a.alpha(e.palette[o].contrastText,.7),"&:hover, &:active":{color:(e.vars||e).palette[o].contrastText}}}})),{props:o=>o.iconColor===o.color,style:{[`& .${t.icon}`]:{color:e.vars?e.vars.palette.Chip.defaultIconColor:l}}},{props:o=>o.iconColor===o.color&&o.color!=="default",style:{[`& .${t.icon}`]:{color:"inherit"}}},{props:{onDelete:!0},style:{[`&.${t.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:a.alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter(["dark"])).map(([o])=>({props:{color:o,onDelete:!0},style:{[`&.${t.focusVisible}`]:{background:(e.vars||e).palette[o].dark}}})),{props:{clickable:!0},style:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:a.alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)},[`&.${t.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:a.alpha(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)},"&:active":{boxShadow:(e.vars||e).shadows[1]}}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter(["dark"])).map(([o])=>({props:{color:o,clickable:!0},style:{[`&:hover, &.${t.focusVisible}`]:{backgroundColor:(e.vars||e).palette[o].dark}}})),{props:{variant:"outlined"},style:{backgroundColor:"transparent",border:e.vars?`1px solid ${e.vars.palette.Chip.defaultBorder}`:`1px solid ${e.palette.mode==="light"?e.palette.grey[400]:e.palette.grey[700]}`,[`&.${t.clickable}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${t.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`& .${t.avatar}`]:{marginLeft:4},[`& .${t.avatarSmall}`]:{marginLeft:2},[`& .${t.icon}`]:{marginLeft:4},[`& .${t.iconSmall}`]:{marginLeft:2},[`& .${t.deleteIcon}`]:{marginRight:5},[`& .${t.deleteIconSmall}`]:{marginRight:3}}},...Object.entries(e.palette).filter(g.createSimplePaletteValueFilter()).map(([o])=>({props:{variant:"outlined",color:o},style:{color:(e.vars||e).palette[o].main,border:`1px solid ${e.vars?`rgba(${e.vars.palette[o].mainChannel} / 0.7)`:a.alpha(e.palette[o].main,.7)}`,[`&.${t.clickable}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:a.alpha(e.palette[o].main,e.palette.action.hoverOpacity)},[`&.${t.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[o].mainChannel} / ${e.vars.palette.action.focusOpacity})`:a.alpha(e.palette[o].main,e.palette.action.focusOpacity)},[`& .${t.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[o].mainChannel} / 0.7)`:a.alpha(e.palette[o].main,.7),"&:hover, &:active":{color:(e.vars||e).palette[o].main}}}}))]}})),ae=$.styled("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,l)=>{const{ownerState:o}=e,{size:r}=o;return[l.label,l[`label${a.capitalize(r)}`]]}})({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap",variants:[{props:{variant:"outlined"},style:{paddingLeft:11,paddingRight:11}},{props:{size:"small"},style:{paddingLeft:8,paddingRight:8}},{props:{size:"small",variant:"outlined"},style:{paddingLeft:7,paddingRight:7}}]});function V(e){return e.key==="Backspace"||e.key==="Delete"}const N=s.forwardRef(function(l,o){const r=$.useDefaultProps({props:l,name:"MuiChip"}),{avatar:i,className:f,clickable:d,color:c="default",component:p,deleteIcon:b,disabled:P=!1,icon:v,label:L,onClick:x,onDelete:u,onKeyDown:O,onKeyUp:m,size:E="medium",variant:F="filled",tabIndex:M,skipFocusWhenDisabled:q=!1,...U}=r,K=s.useRef(null),h=J.useForkRef(K,o),R=n=>{n.stopPropagation(),u&&u(n)},B=n=>{n.currentTarget===n.target&&V(n)&&n.preventDefault(),O&&O(n)},W=n=>{n.currentTarget===n.target&&u&&V(n)&&u(n),m&&m(n)},T=d!==!1&&x?!0:d,k=T||u?w.ButtonBase:p||"div",z={...r,component:k,disabled:P,size:E,color:c,iconColor:s.isValidElement(v)&&v.props.color||c,onDelete:!!u,clickable:T,variant:F},y=Z(z),_=k===w.ButtonBase?{component:p||"div",focusVisibleClassName:y.focusVisible,...u&&{disableRipple:!0}}:{};let D=null;u&&(D=b&&s.isValidElement(b)?s.cloneElement(b,{className:a.clsx(b.props.className,y.deleteIcon),onClick:R}):C.jsx(Y,{className:a.clsx(y.deleteIcon),onClick:R}));let S=null;i&&s.isValidElement(i)&&(S=s.cloneElement(i,{className:a.clsx(y.avatar,i.props.className)}));let I=null;return v&&s.isValidElement(v)&&(I=s.cloneElement(v,{className:a.clsx(y.icon,v.props.className)})),process.env.NODE_ENV!=="production"&&S&&I&&console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."),C.jsxs(ee,{as:k,className:a.clsx(y.root,f),disabled:T&&P?!0:void 0,onClick:x,onKeyDown:B,onKeyUp:W,ref:h,tabIndex:q&&P?-1:M,ownerState:z,..._,...U,children:[S||I,C.jsx(ae,{className:a.clsx(y.label),ownerState:z,children:L}),D]})});process.env.NODE_ENV!=="production"&&(N.propTypes={avatar:a.PropTypes.element,children:Q.unsupportedProp,classes:a.PropTypes.object,className:a.PropTypes.string,clickable:a.PropTypes.bool,color:a.PropTypes.oneOfType([a.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),a.PropTypes.string]),component:a.PropTypes.elementType,deleteIcon:a.PropTypes.element,disabled:a.PropTypes.bool,icon:a.PropTypes.element,label:a.PropTypes.node,onClick:a.PropTypes.func,onDelete:a.PropTypes.func,onKeyDown:a.PropTypes.func,onKeyUp:a.PropTypes.func,size:a.PropTypes.oneOfType([a.PropTypes.oneOf(["medium","small"]),a.PropTypes.string]),skipFocusWhenDisabled:a.PropTypes.bool,sx:a.PropTypes.oneOfType([a.PropTypes.arrayOf(a.PropTypes.oneOfType([a.PropTypes.func,a.PropTypes.object,a.PropTypes.bool])),a.PropTypes.func,a.PropTypes.object]),tabIndex:a.PropTypes.number,variant:a.PropTypes.oneOfType([a.PropTypes.oneOf(["filled","outlined"]),a.PropTypes.string])});exports.Chip=N;exports.chipClasses=t;exports.getChipUtilityClass=j;