@cgi-learning-hub/ui 1.6.0 → 1.7.0-dev.1750752562

package/dist/{Chip-CPR3r42q.js → Chip-DmjZbx_X.js}

@@ -1,76 +1,76 @@
 import * as u from "react";
-import { P as r } from "./index-Sy88PpwE.js";
-import { F as q, G as J, H as y, n as d } from "./generateUtilityClasses-DngCqveO.js";
-import { c as Q } from "./createSvgIcon-BlKmtOkV.js";
-import { jsx as P, jsxs as X } from "react/jsx-runtime";
-import { m as Y } from "./memoTheme-nmt7i1dS.js";
-import { c as k } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { u as Z, s as E, c as h } from "./DefaultPropsProvider-hFv1J_xl.js";
-import { u as aa } from "./useForkRef-u29GSuCu.js";
-import { B as N } from "./ButtonBase-Chb99sDQ.js";
-import { c as t } from "./capitalize-BHFotl9B.js";
-import { u as ea } from "./unsupportedProp-BuVD30Gh.js";
-const oa = Q(/* @__PURE__ */ P("path", {
+import { P as o } from "./index-Sy88PpwE.js";
+import { F as ta, G as la, H as k, K as r, n as d } from "./identifier-PWESmBq6.js";
+import { c as ra } from "./createSvgIcon-B1E6Wo8z.js";
+import { jsx as w, jsxs as na } from "react/jsx-runtime";
+import { m as ia } from "./memoTheme-DAFDflPY.js";
+import { c as I } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { u as j } from "./useSlot-BzdKwDQ5.js";
+import { u as ca, s as M, c as sa } from "./DefaultPropsProvider-DqazQPtr.js";
+import { u as pa } from "./useForkRef-u29GSuCu.js";
+import { B as F } from "./ButtonBase-6TF6t2SP.js";
+import { u as da } from "./unsupportedProp-BuVD30Gh.js";
+const ua = ra(/* @__PURE__ */ w("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) {
-  return J("MuiChip", a);
+function fa(a) {
+  return la("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 t = ta("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"]), ba = (a) => {
   const {
     classes: l,
     disabled: e,
-    size: n,
-    color: i,
-    iconColor: g,
+    size: i,
+    color: c,
+    iconColor: y,
     onDelete: f,
     clickable: s,
     variant: p
-  } = a, C = {
-    root: ["root", p, e && "disabled", `size${t(n)}`, `color${t(i)}`, s && "clickable", s && `clickableColor${t(i)}`, f && "deletable", f && `deletableColor${t(i)}`, `${p}${t(i)}`],
-    label: ["label", `label${t(n)}`],
-    avatar: ["avatar", `avatar${t(n)}`, `avatarColor${t(i)}`],
-    icon: ["icon", `icon${t(n)}`, `iconColor${t(g)}`],
-    deleteIcon: ["deleteIcon", `deleteIcon${t(n)}`, `deleteIconColor${t(i)}`, `deleteIcon${t(p)}Color${t(i)}`]
+  } = a, $ = {
+    root: ["root", p, e && "disabled", `size${r(i)}`, `color${r(c)}`, s && "clickable", s && `clickableColor${r(c)}`, f && "deletable", f && `deletableColor${r(c)}`, `${p}${r(c)}`],
+    label: ["label", `label${r(i)}`],
+    avatar: ["avatar", `avatar${r(i)}`, `avatarColor${r(c)}`],
+    icon: ["icon", `icon${r(i)}`, `iconColor${r(y)}`],
+    deleteIcon: ["deleteIcon", `deleteIcon${r(i)}`, `deleteIconColor${r(c)}`, `deleteIcon${r(p)}Color${r(c)}`]
   };
-  return h(C, ra, l);
-}, ta = E("div", {
+  return sa($, fa, l);
+}, va = M("div", {
   name: "MuiChip",
   slot: "Root",
   overridesResolver: (a, l) => {
     const {
       ownerState: e
     } = a, {
-      color: n,
-      iconColor: i,
-      clickable: g,
+      color: i,
+      iconColor: c,
+      clickable: y,
       onDelete: f,
       size: s,
       variant: p
     } = e;
     return [{
-      [`& .${o.avatar}`]: l.avatar
+      [`& .${t.avatar}`]: l.avatar
     }, {
-      [`& .${o.avatar}`]: l[`avatar${t(s)}`]
+      [`& .${t.avatar}`]: l[`avatar${r(s)}`]
     }, {
-      [`& .${o.avatar}`]: l[`avatarColor${t(n)}`]
+      [`& .${t.avatar}`]: l[`avatarColor${r(i)}`]
     }, {
-      [`& .${o.icon}`]: l.icon
+      [`& .${t.icon}`]: l.icon
     }, {
-      [`& .${o.icon}`]: l[`icon${t(s)}`]
+      [`& .${t.icon}`]: l[`icon${r(s)}`]
     }, {
-      [`& .${o.icon}`]: l[`iconColor${t(i)}`]
+      [`& .${t.icon}`]: l[`iconColor${r(c)}`]
     }, {
-      [`& .${o.deleteIcon}`]: l.deleteIcon
+      [`& .${t.deleteIcon}`]: l.deleteIcon
     }, {
-      [`& .${o.deleteIcon}`]: l[`deleteIcon${t(s)}`]
+      [`& .${t.deleteIcon}`]: l[`deleteIcon${r(s)}`]
     }, {
-      [`& .${o.deleteIcon}`]: l[`deleteIconColor${t(n)}`]
+      [`& .${t.deleteIcon}`]: l[`deleteIconColor${r(i)}`]
     }, {
-      [`& .${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)}`]];
+      [`& .${t.deleteIcon}`]: l[`deleteIcon${r(p)}Color${r(i)}`]
+    }, l.root, l[`size${r(s)}`], l[`color${r(i)}`], y && l.clickable, y && i !== "default" && l[`clickableColor${r(i)})`], f && l.deletable, f && i !== "default" && l[`deletableColor${r(i)}`], l[p], l[`${p}${r(i)}`]];
   }
-})(Y(({
+})(ia(({
   theme: a
 }) => {
   const l = a.palette.mode === "light" ? a.palette.grey[700] : a.palette.grey[300];
@@ -98,11 +98,11 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
     // Remove `button` padding
     verticalAlign: "middle",
     boxSizing: "border-box",
-    [`&.${o.disabled}`]: {
+    [`&.${t.disabled}`]: {
       opacity: (a.vars || a).palette.action.disabledOpacity,
       pointerEvents: "none"
     },
-    [`& .${o.avatar}`]: {
+    [`& .${t.avatar}`]: {
       marginLeft: 5,
       marginRight: -6,
       width: 24,
@@ -110,26 +110,26 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       color: a.vars ? a.vars.palette.Chip.defaultAvatarColor : l,
       fontSize: a.typography.pxToRem(12)
     },
-    [`& .${o.avatarColorPrimary}`]: {
+    [`& .${t.avatarColorPrimary}`]: {
       color: (a.vars || a).palette.primary.contrastText,
       backgroundColor: (a.vars || a).palette.primary.dark
     },
-    [`& .${o.avatarColorSecondary}`]: {
+    [`& .${t.avatarColorSecondary}`]: {
       color: (a.vars || a).palette.secondary.contrastText,
       backgroundColor: (a.vars || a).palette.secondary.dark
     },
-    [`& .${o.avatarSmall}`]: {
+    [`& .${t.avatarSmall}`]: {
       marginLeft: 4,
       marginRight: -4,
       width: 18,
       height: 18,
       fontSize: a.typography.pxToRem(10)
     },
-    [`& .${o.icon}`]: {
+    [`& .${t.icon}`]: {
       marginLeft: 5,
       marginRight: -6
     },
-    [`& .${o.deleteIcon}`]: {
+    [`& .${t.deleteIcon}`]: {
       WebkitTapHighlightColor: "transparent",
       color: a.vars ? `rgba(${a.vars.palette.text.primaryChannel} / 0.26)` : d(a.palette.text.primary, 0.26),
       fontSize: 22,
@@ -145,25 +145,25 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       },
       style: {
         height: 24,
-        [`& .${o.icon}`]: {
+        [`& .${t.icon}`]: {
           fontSize: 18,
           marginLeft: 4,
           marginRight: -4
         },
-        [`& .${o.deleteIcon}`]: {
+        [`& .${t.deleteIcon}`]: {
           fontSize: 16,
           marginRight: 4,
           marginLeft: -4
         }
       }
-    }, ...Object.entries(a.palette).filter(k(["contrastText"])).map(([e]) => ({
+    }, ...Object.entries(a.palette).filter(I(["contrastText"])).map(([e]) => ({
       props: {
         color: e
       },
       style: {
         backgroundColor: (a.vars || a).palette[e].main,
         color: (a.vars || a).palette[e].contrastText,
-        [`& .${o.deleteIcon}`]: {
+        [`& .${t.deleteIcon}`]: {
           color: a.vars ? `rgba(${a.vars.palette[e].contrastTextChannel} / 0.7)` : d(a.palette[e].contrastText, 0.7),
           "&:hover, &:active": {
             color: (a.vars || a).palette[e].contrastText
@@ -173,14 +173,14 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
     })), {
       props: (e) => e.iconColor === e.color,
       style: {
-        [`& .${o.icon}`]: {
+        [`& .${t.icon}`]: {
           color: a.vars ? a.vars.palette.Chip.defaultIconColor : l
         }
       }
     }, {
       props: (e) => e.iconColor === e.color && e.color !== "default",
       style: {
-        [`& .${o.icon}`]: {
+        [`& .${t.icon}`]: {
           color: "inherit"
         }
       }
@@ -189,17 +189,17 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
         onDelete: !0
       },
       style: {
-        [`&.${o.focusVisible}`]: {
+        [`&.${t.focusVisible}`]: {
           backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : d(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
         }
       }
-    }, ...Object.entries(a.palette).filter(k(["dark"])).map(([e]) => ({
+    }, ...Object.entries(a.palette).filter(I(["dark"])).map(([e]) => ({
       props: {
         color: e,
         onDelete: !0
       },
       style: {
-        [`&.${o.focusVisible}`]: {
+        [`&.${t.focusVisible}`]: {
           background: (a.vars || a).palette[e].dark
         }
       }
@@ -214,20 +214,20 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
         "&:hover": {
           backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))` : d(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.hoverOpacity)
         },
-        [`&.${o.focusVisible}`]: {
+        [`&.${t.focusVisible}`]: {
           backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : d(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
         },
         "&:active": {
           boxShadow: (a.vars || a).shadows[1]
         }
       }
-    }, ...Object.entries(a.palette).filter(k(["dark"])).map(([e]) => ({
+    }, ...Object.entries(a.palette).filter(I(["dark"])).map(([e]) => ({
       props: {
         color: e,
         clickable: !0
       },
       style: {
-        [`&:hover, &.${o.focusVisible}`]: {
+        [`&:hover, &.${t.focusVisible}`]: {
           backgroundColor: (a.vars || a).palette[e].dark
         }
       }
@@ -238,32 +238,32 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       style: {
         backgroundColor: "transparent",
         border: a.vars ? `1px solid ${a.vars.palette.Chip.defaultBorder}` : `1px solid ${a.palette.mode === "light" ? a.palette.grey[400] : a.palette.grey[700]}`,
-        [`&.${o.clickable}:hover`]: {
+        [`&.${t.clickable}:hover`]: {
           backgroundColor: (a.vars || a).palette.action.hover
         },
-        [`&.${o.focusVisible}`]: {
+        [`&.${t.focusVisible}`]: {
           backgroundColor: (a.vars || a).palette.action.focus
         },
-        [`& .${o.avatar}`]: {
+        [`& .${t.avatar}`]: {
           marginLeft: 4
         },
-        [`& .${o.avatarSmall}`]: {
+        [`& .${t.avatarSmall}`]: {
           marginLeft: 2
         },
-        [`& .${o.icon}`]: {
+        [`& .${t.icon}`]: {
           marginLeft: 4
         },
-        [`& .${o.iconSmall}`]: {
+        [`& .${t.iconSmall}`]: {
           marginLeft: 2
         },
-        [`& .${o.deleteIcon}`]: {
+        [`& .${t.deleteIcon}`]: {
           marginRight: 5
         },
-        [`& .${o.deleteIconSmall}`]: {
+        [`& .${t.deleteIconSmall}`]: {
           marginRight: 3
         }
       }
-    }, ...Object.entries(a.palette).filter(k()).map(([e]) => ({
+    }, ...Object.entries(a.palette).filter(I()).map(([e]) => ({
       props: {
         variant: "outlined",
         color: e
@@ -271,13 +271,13 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       style: {
         color: (a.vars || a).palette[e].main,
         border: `1px solid ${a.vars ? `rgba(${a.vars.palette[e].mainChannel} / 0.7)` : d(a.palette[e].main, 0.7)}`,
-        [`&.${o.clickable}:hover`]: {
+        [`&.${t.clickable}:hover`]: {
           backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / ${a.vars.palette.action.hoverOpacity})` : d(a.palette[e].main, a.palette.action.hoverOpacity)
         },
-        [`&.${o.focusVisible}`]: {
+        [`&.${t.focusVisible}`]: {
           backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / ${a.vars.palette.action.focusOpacity})` : d(a.palette[e].main, a.palette.action.focusOpacity)
         },
-        [`& .${o.deleteIcon}`]: {
+        [`& .${t.deleteIcon}`]: {
           color: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / 0.7)` : d(a.palette[e].main, 0.7),
           "&:hover, &:active": {
             color: (a.vars || a).palette[e].main
@@ -286,16 +286,16 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
       }
     }))]
   };
-})), na = E("span", {
+})), ga = M("span", {
   name: "MuiChip",
   slot: "Label",
   overridesResolver: (a, l) => {
     const {
       ownerState: e
     } = a, {
-      size: n
+      size: i
     } = e;
-    return [l.label, l[`label${t(n)}`]];
+    return [l.label, l[`label${r(i)}`]];
   }
 })({
   overflow: "hidden",
@@ -330,91 +330,124 @@ const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
     }
   }]
 });
-function V(a) {
+function K(a) {
   return a.key === "Backspace" || a.key === "Delete";
 }
-const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
-  const n = Z({
+const Ca = /* @__PURE__ */ u.forwardRef(function(l, e) {
+  const i = ca({
     props: l,
     name: "MuiChip"
   }), {
-    avatar: i,
-    className: g,
+    avatar: c,
+    className: y,
     clickable: f,
     color: s = "default",
     component: p,
-    deleteIcon: C,
-    disabled: m = !1,
-    icon: $,
-    label: M,
-    onClick: T,
-    onDelete: v,
-    onKeyDown: w,
-    onKeyUp: z,
-    size: j = "medium",
-    variant: F = "filled",
-    tabIndex: K,
-    skipFocusWhenDisabled: U = !1,
+    deleteIcon: $,
+    disabled: S = !1,
+    icon: m,
+    label: U,
+    onClick: D,
+    onDelete: b,
+    onKeyDown: z,
+    onKeyUp: L,
+    size: W = "medium",
+    variant: B = "filled",
+    tabIndex: H,
+    skipFocusWhenDisabled: A = !1,
     // TODO v6: Rename to `focusableWhenDisabled`.
-    ...W
-  } = n, B = u.useRef(null), H = aa(B, e), D = (c) => {
-    c.stopPropagation(), v && v(c);
-  }, A = (c) => {
-    c.currentTarget === c.target && V(c) && c.preventDefault(), w && w(c);
-  }, _ = (c) => {
-    c.currentTarget === c.target && v && V(c) && v(c), z && z(c);
-  }, I = f !== !1 && T ? !0 : f, S = I || v ? N : p || "div", x = {
-    ...n,
-    component: S,
-    disabled: m,
-    size: j,
+    slots: _ = {},
+    slotProps: G = {},
+    ...q
+  } = i, J = u.useRef(null), Q = pa(J, e), N = (n) => {
+    n.stopPropagation(), b && b(n);
+  }, X = (n) => {
+    n.currentTarget === n.target && K(n) && n.preventDefault(), z && z(n);
+  }, Y = (n) => {
+    n.currentTarget === n.target && b && K(n) && b(n), L && L(n);
+  }, x = f !== !1 && D ? !0 : f, O = x || b ? F : p || "div", P = {
+    ...i,
+    component: O,
+    disabled: S,
+    size: W,
     color: s,
-    iconColor: /* @__PURE__ */ u.isValidElement($) && $.props.color || s,
-    onDelete: !!v,
-    clickable: I,
-    variant: F
-  }, b = la(x), G = S === N ? {
+    iconColor: /* @__PURE__ */ u.isValidElement(m) && m.props.color || s,
+    onDelete: !!b,
+    clickable: x,
+    variant: B
+  }, C = ba(P), Z = O === F ? {
     component: p || "div",
-    focusVisibleClassName: b.focusVisible,
-    ...v && {
+    focusVisibleClassName: C.focusVisible,
+    ...b && {
       disableRipple: !0
     }
   } : {};
-  let L = null;
-  v && (L = C && /* @__PURE__ */ u.isValidElement(C) ? /* @__PURE__ */ u.cloneElement(C, {
-    className: y(C.props.className, b.deleteIcon),
-    onClick: D
-  }) : /* @__PURE__ */ P(oa, {
-    className: y(b.deleteIcon),
-    onClick: D
+  let V = null;
+  b && (V = $ && /* @__PURE__ */ u.isValidElement($) ? /* @__PURE__ */ u.cloneElement($, {
+    className: k($.props.className, C.deleteIcon),
+    onClick: N
+  }) : /* @__PURE__ */ w(ua, {
+    className: C.deleteIcon,
+    onClick: N
   }));
-  let O = null;
-  i && /* @__PURE__ */ u.isValidElement(i) && (O = /* @__PURE__ */ u.cloneElement(i, {
-    className: y(b.avatar, i.props.className)
+  let T = null;
+  c && /* @__PURE__ */ u.isValidElement(c) && (T = /* @__PURE__ */ u.cloneElement(c, {
+    className: k(C.avatar, c.props.className)
   }));
   let R = null;
-  return $ && /* @__PURE__ */ u.isValidElement($) && (R = /* @__PURE__ */ u.cloneElement($, {
-    className: y(b.icon, $.props.className)
-  })), process.env.NODE_ENV !== "production" && O && R && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ X(ta, {
-    as: S,
-    className: y(b.root, g),
-    disabled: I && m ? !0 : void 0,
-    onClick: T,
-    onKeyDown: A,
-    onKeyUp: _,
-    ref: H,
-    tabIndex: U && m ? -1 : K,
-    ownerState: x,
-    ...G,
-    ...W,
-    children: [O || R, /* @__PURE__ */ P(na, {
-      className: y(b.label),
-      ownerState: x,
-      children: M
-    }), L]
+  m && /* @__PURE__ */ u.isValidElement(m) && (R = /* @__PURE__ */ u.cloneElement(m, {
+    className: k(C.icon, m.props.className)
+  })), process.env.NODE_ENV !== "production" && T && R && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one.");
+  const E = {
+    slots: _,
+    slotProps: G
+  }, [h, aa] = j("root", {
+    elementType: va,
+    externalForwardedProps: {
+      ...E,
+      ...q
+    },
+    ownerState: P,
+    // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.
+    shouldForwardComponentProp: !0,
+    ref: Q,
+    className: k(C.root, y),
+    additionalProps: {
+      disabled: x && S ? !0 : void 0,
+      tabIndex: A && S ? -1 : H,
+      ...Z
+    },
+    getSlotProps: (n) => ({
+      ...n,
+      onClick: (v) => {
+        var g;
+        (g = n.onClick) == null || g.call(n, v), D(v);
+      },
+      onKeyDown: (v) => {
+        var g;
+        (g = n.onKeyDown) == null || g.call(n, v), X(v);
+      },
+      onKeyUp: (v) => {
+        var g;
+        (g = n.onKeyUp) == null || g.call(n, v), Y(v);
+      }
+    })
+  }), [oa, ea] = j("label", {
+    elementType: ga,
+    externalForwardedProps: E,
+    ownerState: P,
+    className: C.label
+  });
+  return /* @__PURE__ */ na(h, {
+    as: O,
+    ...aa,
+    children: [T || R, /* @__PURE__ */ w(oa, {
+      ...ea,
+      children: U
+    }), V]
   });
 });
-process.env.NODE_ENV !== "production" && (ia.propTypes = {
+process.env.NODE_ENV !== "production" && (Ca.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -422,20 +455,20 @@ process.env.NODE_ENV !== "production" && (ia.propTypes = {
   /**
    * The Avatar element to display.
    */
-  avatar: r.element,
+  avatar: o.element,
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: ea,
+  children: da,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: r.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: r.string,
+  className: o.string,
   /**
    * If `true`, the chip will appear clickable, and will raise when pressed,
    * even if the onClick prop is not defined.
@@ -444,80 +477,96 @@ 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: o.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: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: r.elementType,
+  component: o.elementType,
   /**
    * Override the default delete icon element. Shown only if `onDelete` is set.
    */
-  deleteIcon: r.element,
+  deleteIcon: o.element,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: r.bool,
+  disabled: o.bool,
   /**
    * Icon element.
    */
-  icon: r.element,
+  icon: o.element,
   /**
    * The content of the component.
    */
-  label: r.node,
+  label: o.node,
   /**
    * @ignore
    */
-  onClick: r.func,
+  onClick: o.func,
   /**
    * Callback fired when the delete icon is clicked.
    * If set, the delete icon will be shown.
    */
-  onDelete: r.func,
+  onDelete: o.func,
   /**
    * @ignore
    */
-  onKeyDown: r.func,
+  onKeyDown: o.func,
   /**
    * @ignore
    */
-  onKeyUp: r.func,
+  onKeyUp: o.func,
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: r.oneOfType([r.oneOf(["medium", "small"]), r.string]),
+  size: o.oneOfType([o.oneOf(["medium", "small"]), o.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: o.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    label: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    label: o.elementType,
+    root: o.elementType
+  }),
   /**
    * 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: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * @ignore
    */
-  tabIndex: r.number,
+  tabIndex: o.number,
   /**
    * The variant to use.
    * @default 'filled'
    */
-  variant: r.oneOfType([r.oneOf(["filled", "outlined"]), r.string])
+  variant: o.oneOfType([o.oneOf(["filled", "outlined"]), o.string])
 });
 export {
-  ia as C,
-  o as c,
-  ra as g
+  Ca as C,
+  t as c,
+  fa as g
 };