@cgi-learning-hub/ui 1.3.5 → 1.4.0

package/dist/Chip-6-zATjcr.js

@@ -0,0 +1,521 @@
+import * as u from "react";
+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-DyiN-Awd.js";
+import { c as k } from "./createSimplePaletteValueFilter-B7--0ryQ.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-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 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"]), ra = (a) => {
+  const {
+    classes: r,
+    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, la, r);
+}, ta = E("div", {
+  name: "MuiChip",
+  slot: "Root",
+  overridesResolver: (a, r) => {
+    const {
+      ownerState: e
+    } = a, {
+      color: n,
+      iconColor: i,
+      clickable: g,
+      onDelete: f,
+      size: s,
+      variant: p
+    } = e;
+    return [{
+      [`& .${o.avatar}`]: r.avatar
+    }, {
+      [`& .${o.avatar}`]: r[`avatar${t(s)}`]
+    }, {
+      [`& .${o.avatar}`]: r[`avatarColor${t(n)}`]
+    }, {
+      [`& .${o.icon}`]: r.icon
+    }, {
+      [`& .${o.icon}`]: r[`icon${t(s)}`]
+    }, {
+      [`& .${o.icon}`]: r[`iconColor${t(i)}`]
+    }, {
+      [`& .${o.deleteIcon}`]: r.deleteIcon
+    }, {
+      [`& .${o.deleteIcon}`]: r[`deleteIcon${t(s)}`]
+    }, {
+      [`& .${o.deleteIcon}`]: r[`deleteIconColor${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 r = 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 : r,
+      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 : r
+        }
+      }
+    }, {
+      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, r) => {
+    const {
+      ownerState: e
+    } = a, {
+      size: n
+    } = e;
+    return [r.label, r[`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(r, e) {
+  const n = Z({
+    props: r,
+    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 = ra(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: l.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: l.object,
+  /**
+   * @ignore
+   */
+  className: l.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: 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: 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: l.elementType,
+  /**
+   * Override the default delete icon element. Shown only if `onDelete` is set.
+   */
+  deleteIcon: l.element,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: l.bool,
+  /**
+   * Icon element.
+   */
+  icon: l.element,
+  /**
+   * The content of the component.
+   */
+  label: l.node,
+  /**
+   * @ignore
+   */
+  onClick: l.func,
+  /**
+   * Callback fired when the delete icon is clicked.
+   * If set, the delete icon will be shown.
+   */
+  onDelete: l.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: l.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: l.func,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  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: l.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: l.oneOfType([l.arrayOf(l.oneOfType([l.func, l.object, l.bool])), l.func, l.object]),
+  /**
+   * @ignore
+   */
+  tabIndex: l.number,
+  /**
+   * The variant to use.
+   * @default 'filled'
+   */
+  variant: l.oneOfType([l.oneOf(["filled", "outlined"]), l.string])
+});
+export {
+  ia as C,
+  o as c,
+  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;

package/dist/{CircularProgress-Kwlef5fX.js → CircularProgress-CDa_qU1a.js}

@@ -1,16 +1,15 @@
 import * as O from "react";
-import { H as T, I as R, G as N, P as r } from "./generateUtilityClasses-Bssl7BA_.js";
-import { m as P } from "./memoTheme-D7Fyh_3C.js";
+import { I as T, H as R, G as N, L as c, P as r } from "./identifier-D58rA1gM.js";
+import { m as P } from "./memoTheme-DyiN-Awd.js";
 import { c as j } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { jsx as h } from "react/jsx-runtime";
-import { s as g, u as I, c as U } from "./DefaultPropsProvider-CvJPQJmL.js";
-import { c } from "./capitalize-CkF8kU4n.js";
+import { u as I, s as g, c as U } from "./DefaultPropsProvider-BcmyIf2H.js";
 import { c as E } from "./chainPropTypes-D9lkm76m.js";
-import { keyframes as x, css as w } from "@emotion/react";
+import { css as x, keyframes as w } from "@emotion/react";
 function z(e) {
   return T("MuiCircularProgress", e);
 }
-const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), a = 44, y = x`
+const Q = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), a = 44, y = w`
   0% {
     transform: rotate(0deg);
   }
@@ -18,7 +17,7 @@ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "col
   100% {
     transform: rotate(360deg);
   }
-`, v = x`
+`, v = w`
   0% {
     stroke-dasharray: 1px, 200px;
     stroke-dashoffset: 0;
@@ -30,12 +29,12 @@ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "col
   }
 
   100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
   }
-`, F = typeof y != "string" ? w`
+`, F = typeof y != "string" ? x`
         animation: ${y} 1.4s linear infinite;
-      ` : null, V = typeof v != "string" ? w`
+      ` : null, V = typeof v != "string" ? x`
         animation: ${v} 1.4s ease-in-out infinite;
       ` : null, A = (e) => {
   const {
@@ -43,12 +42,12 @@ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "col
     variant: t,
     color: o,
     disableShrink: l
-  } = e, m = {
+  } = e, p = {
     root: ["root", t, `color${c(o)}`],
     svg: ["svg"],
     circle: ["circle", `circle${c(t)}`, l && "circleDisableShrink"]
   };
-  return U(m, z, s);
+  return U(p, z, s);
 }, G = g("span", {
   name: "MuiCircularProgress",
   slot: "Root",
@@ -136,9 +135,9 @@ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "col
     name: "MuiCircularProgress"
   }), {
     className: l,
-    color: m = "primary",
+    color: p = "primary",
     disableShrink: $ = !1,
-    size: p = 40,
+    size: m = 40,
     style: D,
     thickness: i = 3.6,
     value: f = 0,
@@ -146,9 +145,9 @@ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "col
     ...M
   } = o, n = {
     ...o,
-    color: m,
+    color: p,
     disableShrink: $,
-    size: p,
+    size: m,
     thickness: i,
     value: f,
     variant: k
@@ -160,8 +159,8 @@ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "col
   return /* @__PURE__ */ h(G, {
     className: N(u.root, l),
     style: {
-      width: p,
-      height: p,
+      width: m,
+      height: m,
       ...b,
       ...D
     },
@@ -248,6 +247,6 @@ process.env.NODE_ENV !== "production" && (H.propTypes = {
 });
 export {
   H as C,
-  X as c,
+  Q as c,
   z as g
 };