@cgi-learning-hub/ui 1.3.5-dev.1739285046 → 1.3.5-dev.1739378027

package/dist/Chip-DT0H_Vjk.js

@@ -0,0 +1,522 @@
+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-Cd6y8E9W.js";
+import { jsx as P, jsxs as X } from "react/jsx-runtime";
+import { m as Y } from "./memoTheme-D-rebSfX.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 aa } from "./useForkRef-C_4o__cU.js";
+import { B as N } from "./ButtonBase-eQU9HVgU.js";
+import { c as t } from "./capitalize-yX_QSknw.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) {
+  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 {
+    classes: l,
+    disabled: e,
+    size: n,
+    color: i,
+    iconColor: g,
+    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)}`]
+  };
+  return h(C, ra, l);
+}, ta = E("div", {
+  name: "MuiChip",
+  slot: "Root",
+  overridesResolver: (a, l) => {
+    const {
+      ownerState: e
+    } = a, {
+      color: n,
+      iconColor: i,
+      clickable: g,
+      onDelete: f,
+      size: s,
+      variant: p
+    } = e;
+    return [{
+      [`& .${o.avatar}`]: l.avatar
+    }, {
+      [`& .${o.avatar}`]: l[`avatar${t(s)}`]
+    }, {
+      [`& .${o.avatar}`]: l[`avatarColor${t(n)}`]
+    }, {
+      [`& .${o.icon}`]: l.icon
+    }, {
+      [`& .${o.icon}`]: l[`icon${t(s)}`]
+    }, {
+      [`& .${o.icon}`]: l[`iconColor${t(i)}`]
+    }, {
+      [`& .${o.deleteIcon}`]: l.deleteIcon
+    }, {
+      [`& .${o.deleteIcon}`]: l[`deleteIcon${t(s)}`]
+    }, {
+      [`& .${o.deleteIcon}`]: l[`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)}`]];
+  }
+})(Y(({
+  theme: a
+}) => {
+  const l = a.palette.mode === "light" ? a.palette.grey[700] : a.palette.grey[300];
+  return {
+    maxWidth: "100%",
+    fontFamily: a.typography.fontFamily,
+    fontSize: a.typography.pxToRem(13),
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: 32,
+    color: (a.vars || a).palette.text.primary,
+    backgroundColor: (a.vars || a).palette.action.selected,
+    borderRadius: 32 / 2,
+    whiteSpace: "nowrap",
+    transition: a.transitions.create(["background-color", "box-shadow"]),
+    // reset cursor explicitly in case ButtonBase is used
+    cursor: "unset",
+    // We disable the focus ring for mouse, touch and keyboard users.
+    outline: 0,
+    textDecoration: "none",
+    border: 0,
+    // Remove `button` border
+    padding: 0,
+    // Remove `button` padding
+    verticalAlign: "middle",
+    boxSizing: "border-box",
+    [`&.${o.disabled}`]: {
+      opacity: (a.vars || a).palette.action.disabledOpacity,
+      pointerEvents: "none"
+    },
+    [`& .${o.avatar}`]: {
+      marginLeft: 5,
+      marginRight: -6,
+      width: 24,
+      height: 24,
+      color: a.vars ? a.vars.palette.Chip.defaultAvatarColor : l,
+      fontSize: a.typography.pxToRem(12)
+    },
+    [`& .${o.avatarColorPrimary}`]: {
+      color: (a.vars || a).palette.primary.contrastText,
+      backgroundColor: (a.vars || a).palette.primary.dark
+    },
+    [`& .${o.avatarColorSecondary}`]: {
+      color: (a.vars || a).palette.secondary.contrastText,
+      backgroundColor: (a.vars || a).palette.secondary.dark
+    },
+    [`& .${o.avatarSmall}`]: {
+      marginLeft: 4,
+      marginRight: -4,
+      width: 18,
+      height: 18,
+      fontSize: a.typography.pxToRem(10)
+    },
+    [`& .${o.icon}`]: {
+      marginLeft: 5,
+      marginRight: -6
+    },
+    [`& .${o.deleteIcon}`]: {
+      WebkitTapHighlightColor: "transparent",
+      color: a.vars ? `rgba(${a.vars.palette.text.primaryChannel} / 0.26)` : d(a.palette.text.primary, 0.26),
+      fontSize: 22,
+      cursor: "pointer",
+      margin: "0 5px 0 -6px",
+      "&:hover": {
+        color: a.vars ? `rgba(${a.vars.palette.text.primaryChannel} / 0.4)` : d(a.palette.text.primary, 0.4)
+      }
+    },
+    variants: [{
+      props: {
+        size: "small"
+      },
+      style: {
+        height: 24,
+        [`& .${o.icon}`]: {
+          fontSize: 18,
+          marginLeft: 4,
+          marginRight: -4
+        },
+        [`& .${o.deleteIcon}`]: {
+          fontSize: 16,
+          marginRight: 4,
+          marginLeft: -4
+        }
+      }
+    }, ...Object.entries(a.palette).filter(k(["contrastText"])).map(([e]) => ({
+      props: {
+        color: e
+      },
+      style: {
+        backgroundColor: (a.vars || a).palette[e].main,
+        color: (a.vars || a).palette[e].contrastText,
+        [`& .${o.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
+          }
+        }
+      }
+    })), {
+      props: (e) => e.iconColor === e.color,
+      style: {
+        [`& .${o.icon}`]: {
+          color: a.vars ? a.vars.palette.Chip.defaultIconColor : l
+        }
+      }
+    }, {
+      props: (e) => e.iconColor === e.color && e.color !== "default",
+      style: {
+        [`& .${o.icon}`]: {
+          color: "inherit"
+        }
+      }
+    }, {
+      props: {
+        onDelete: !0
+      },
+      style: {
+        [`&.${o.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]) => ({
+      props: {
+        color: e,
+        onDelete: !0
+      },
+      style: {
+        [`&.${o.focusVisible}`]: {
+          background: (a.vars || a).palette[e].dark
+        }
+      }
+    })), {
+      props: {
+        clickable: !0
+      },
+      style: {
+        userSelect: "none",
+        WebkitTapHighlightColor: "transparent",
+        cursor: "pointer",
+        "&: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}`]: {
+          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]) => ({
+      props: {
+        color: e,
+        clickable: !0
+      },
+      style: {
+        [`&:hover, &.${o.focusVisible}`]: {
+          backgroundColor: (a.vars || a).palette[e].dark
+        }
+      }
+    })), {
+      props: {
+        variant: "outlined"
+      },
+      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`]: {
+          backgroundColor: (a.vars || a).palette.action.hover
+        },
+        [`&.${o.focusVisible}`]: {
+          backgroundColor: (a.vars || a).palette.action.focus
+        },
+        [`& .${o.avatar}`]: {
+          marginLeft: 4
+        },
+        [`& .${o.avatarSmall}`]: {
+          marginLeft: 2
+        },
+        [`& .${o.icon}`]: {
+          marginLeft: 4
+        },
+        [`& .${o.iconSmall}`]: {
+          marginLeft: 2
+        },
+        [`& .${o.deleteIcon}`]: {
+          marginRight: 5
+        },
+        [`& .${o.deleteIconSmall}`]: {
+          marginRight: 3
+        }
+      }
+    }, ...Object.entries(a.palette).filter(k()).map(([e]) => ({
+      props: {
+        variant: "outlined",
+        color: e
+      },
+      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`]: {
+          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}`]: {
+          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}`]: {
+          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
+          }
+        }
+      }
+    }))]
+  };
+})), na = E("span", {
+  name: "MuiChip",
+  slot: "Label",
+  overridesResolver: (a, l) => {
+    const {
+      ownerState: e
+    } = a, {
+      size: n
+    } = e;
+    return [l.label, l[`label${t(n)}`]];
+  }
+})({
+  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(a) {
+  return a.key === "Backspace" || a.key === "Delete";
+}
+const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
+  const n = Z({
+    props: l,
+    name: "MuiChip"
+  }), {
+    avatar: i,
+    className: g,
+    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: K = "filled",
+    tabIndex: U,
+    skipFocusWhenDisabled: F = !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,
+    color: s,
+    iconColor: /* @__PURE__ */ u.isValidElement($) && $.props.color || s,
+    onDelete: !!v,
+    clickable: I,
+    variant: K
+  }, b = la(x), G = S === N ? {
+    component: p || "div",
+    focusVisibleClassName: b.focusVisible,
+    ...v && {
+      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 O = null;
+  i && /* @__PURE__ */ u.isValidElement(i) && (O = /* @__PURE__ */ u.cloneElement(i, {
+    className: y(b.avatar, i.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: F && m ? -1 : U,
+    ownerState: x,
+    ...G,
+    ...W,
+    children: [O || R, /* @__PURE__ */ P(na, {
+      className: y(b.label),
+      ownerState: x,
+      children: M
+    }), L]
+  });
+});
+process.env.NODE_ENV !== "production" && (ia.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The Avatar element to display.
+   */
+  avatar: r.element,
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children: ea,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * If `true`, the chip will appear clickable, and will raise when pressed,
+   * even if the onClick prop is not defined.
+   * If `false`, the chip will not appear clickable, even if onClick prop is defined.
+   * This can be used, for example,
+   * 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,
+  /**
+   * 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]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * Override the default delete icon element. Shown only if `onDelete` is set.
+   */
+  deleteIcon: r.element,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: r.bool,
+  /**
+   * Icon element.
+   */
+  icon: r.element,
+  /**
+   * The content of the component.
+   */
+  label: r.node,
+  /**
+   * @ignore
+   */
+  onClick: r.func,
+  /**
+   * Callback fired when the delete icon is clicked.
+   * If set, the delete icon will be shown.
+   */
+  onDelete: r.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: r.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: r.func,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["medium", "small"]), r.string]),
+  /**
+   * If `true`, allows the disabled chip to escape focus.
+   * If `false`, allows the disabled chip to receive focus.
+   * @default false
+   */
+  skipFocusWhenDisabled: r.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]),
+  /**
+   * @ignore
+   */
+  tabIndex: r.number,
+  /**
+   * The variant to use.
+   * @default 'filled'
+   */
+  variant: r.oneOfType([r.oneOf(["filled", "outlined"]), r.string])
+});
+export {
+  ia as C,
+  o as c,
+  ra as g
+};

package/dist/Chip-FQbM3QKF.cjs

@@ -0,0 +1 @@
+"use strict";const H=require("react"),a=require("./generateUtilityClasses-0dYt6eGZ.cjs"),G=require("./createSvgIcon-CWNQW6u6.cjs"),$=require("react/jsx-runtime"),J=require("./memoTheme-D1tPxCd9.cjs"),C=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),P=require("./DefaultPropsProvider-PRhNsS_3.cjs"),Q=require("./useForkRef-CTI33h-3.cjs"),V=require("./ButtonBase-DKNIY_Ve.cjs"),r=require("./capitalize-Cq3s4y8R.cjs"),X=require("./unsupportedProp-Bn6XWqwH.cjs");function Y(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const d=Y(H),Z=G.createSvgIcon($.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 N(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"]),ee=e=>{const{classes:l,disabled:o,size:i,color:n,iconColor:f,onDelete:u,clickable:s,variant:p}=e,v={root:["root",p,o&&"disabled",`size${r.capitalize(i)}`,`color${r.capitalize(n)}`,s&&"clickable",s&&`clickableColor${r.capitalize(n)}`,u&&"deletable",u&&`deletableColor${r.capitalize(n)}`,`${p}${r.capitalize(n)}`],label:["label",`label${r.capitalize(i)}`],avatar:["avatar",`avatar${r.capitalize(i)}`,`avatarColor${r.capitalize(n)}`],icon:["icon",`icon${r.capitalize(i)}`,`iconColor${r.capitalize(f)}`],deleteIcon:["deleteIcon",`deleteIcon${r.capitalize(i)}`,`deleteIconColor${r.capitalize(n)}`,`deleteIcon${r.capitalize(p)}Color${r.capitalize(n)}`]};return P.composeClasses(v,N,l)},ae=P.styled("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,l)=>{const{ownerState:o}=e,{color:i,iconColor:n,clickable:f,onDelete:u,size:s,variant:p}=o;return[{[`& .${t.avatar}`]:l.avatar},{[`& .${t.avatar}`]:l[`avatar${r.capitalize(s)}`]},{[`& .${t.avatar}`]:l[`avatarColor${r.capitalize(i)}`]},{[`& .${t.icon}`]:l.icon},{[`& .${t.icon}`]:l[`icon${r.capitalize(s)}`]},{[`& .${t.icon}`]:l[`iconColor${r.capitalize(n)}`]},{[`& .${t.deleteIcon}`]:l.deleteIcon},{[`& .${t.deleteIcon}`]:l[`deleteIcon${r.capitalize(s)}`]},{[`& .${t.deleteIcon}`]:l[`deleteIconColor${r.capitalize(i)}`]},{[`& .${t.deleteIcon}`]:l[`deleteIcon${r.capitalize(p)}Color${r.capitalize(i)}`]},l.root,l[`size${r.capitalize(s)}`],l[`color${r.capitalize(i)}`],f&&l.clickable,f&&i!=="default"&&l[`clickableColor${r.capitalize(i)})`],u&&l.deletable,u&&i!=="default"&&l[`deletableColor${r.capitalize(i)}`],l[p],l[`${p}${r.capitalize(i)}`]]}})(J.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(C.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(C.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(C.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(C.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}}}}))]}})),oe=P.styled("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,l)=>{const{ownerState:o}=e,{size:i}=o;return[l.label,l[`label${r.capitalize(i)}`]]}})({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 j(e){return e.key==="Backspace"||e.key==="Delete"}const L=d.forwardRef(function(l,o){const i=P.useDefaultProps({props:l,name:"MuiChip"}),{avatar:n,className:f,clickable:u,color:s="default",component:p,deleteIcon:v,disabled:T=!1,icon:g,label:E,onClick:O,onDelete:y,onKeyDown:m,onKeyUp:R,size:F="medium",variant:M="filled",tabIndex:q,skipFocusWhenDisabled:U=!1,...K}=i,h=d.useRef(null),B=Q.useForkRef(h,o),D=c=>{c.stopPropagation(),y&&y(c)},W=c=>{c.currentTarget===c.target&&j(c)&&c.preventDefault(),m&&m(c)},_=c=>{c.currentTarget===c.target&&y&&j(c)&&y(c),R&&R(c)},k=u!==!1&&O?!0:u,z=k||y?V.ButtonBase:p||"div",S={...i,component:z,disabled:T,size:F,color:s,iconColor:d.isValidElement(g)&&g.props.color||s,onDelete:!!y,clickable:k,variant:M},b=ee(S),A=z===V.ButtonBase?{component:p||"div",focusVisibleClassName:b.focusVisible,...y&&{disableRipple:!0}}:{};let w=null;y&&(w=v&&d.isValidElement(v)?d.cloneElement(v,{className:a.clsx(v.props.className,b.deleteIcon),onClick:D}):$.jsx(Z,{className:a.clsx(b.deleteIcon),onClick:D}));let I=null;n&&d.isValidElement(n)&&(I=d.cloneElement(n,{className:a.clsx(b.avatar,n.props.className)}));let x=null;return g&&d.isValidElement(g)&&(x=d.cloneElement(g,{className:a.clsx(b.icon,g.props.className)})),process.env.NODE_ENV!=="production"&&I&&x&&console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."),$.jsxs(ae,{as:z,className:a.clsx(b.root,f),disabled:k&&T?!0:void 0,onClick:O,onKeyDown:W,onKeyUp:_,ref:B,tabIndex:U&&T?-1:q,ownerState:S,...A,...K,children:[I||x,$.jsx(oe,{className:a.clsx(b.label),ownerState:S,children:E}),w]})});process.env.NODE_ENV!=="production"&&(L.propTypes={avatar:a.PropTypes.element,children:X.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=L;exports.chipClasses=t;exports.getChipUtilityClass=N;