@cgi-learning-hub/ui 1.7.0 → 1.8.0-dev.1756195117

package/dist/Chip-BqD6kZQu.js

@@ -0,0 +1,574 @@
+import * as d from "react";
+import { P as a } from "./index-B9vkf41S.js";
+import { F as eo, G as ro, H as m } from "./generateUtilityClasses-BSBs8sf8.js";
+import { c as lo } from "./createSvgIcon-CjBLQGwH.js";
+import { jsx as D, jsxs as to } from "react/jsx-runtime";
+import { m as io } from "./memoTheme-_Lq-6t75.js";
+import { c as I } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { u as F } from "./useSlot-EJyrOSVX.js";
+import { u as no, s as K, c as co } from "./DefaultPropsProvider-BwYGfRVu.js";
+import { u as so } from "./useForkRef-u29GSuCu.js";
+import { B as M } from "./ButtonBase-BEtR8-Lv.js";
+import { c as t } from "./capitalize-CqfTUOe6.js";
+import { u as po } from "./unsupportedProp-BuVD30Gh.js";
+const uo = lo(/* @__PURE__ */ D("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 fo(o) {
+  return ro("MuiChip", o);
+}
+const e = eo("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"]), bo = (o) => {
+  const {
+    classes: l,
+    disabled: r,
+    size: n,
+    color: c,
+    iconColor: C,
+    onDelete: u,
+    clickable: s,
+    variant: p
+  } = o, y = {
+    root: ["root", p, r && "disabled", `size${t(n)}`, `color${t(c)}`, s && "clickable", s && `clickableColor${t(c)}`, u && "deletable", u && `deletableColor${t(c)}`, `${p}${t(c)}`],
+    label: ["label", `label${t(n)}`],
+    avatar: ["avatar", `avatar${t(n)}`, `avatarColor${t(c)}`],
+    icon: ["icon", `icon${t(n)}`, `iconColor${t(C)}`],
+    deleteIcon: ["deleteIcon", `deleteIcon${t(n)}`, `deleteIconColor${t(c)}`, `deleteIcon${t(p)}Color${t(c)}`]
+  };
+  return co(y, fo, l);
+}, vo = K("div", {
+  name: "MuiChip",
+  slot: "Root",
+  overridesResolver: (o, l) => {
+    const {
+      ownerState: r
+    } = o, {
+      color: n,
+      iconColor: c,
+      clickable: C,
+      onDelete: u,
+      size: s,
+      variant: p
+    } = r;
+    return [{
+      [`& .${e.avatar}`]: l.avatar
+    }, {
+      [`& .${e.avatar}`]: l[`avatar${t(s)}`]
+    }, {
+      [`& .${e.avatar}`]: l[`avatarColor${t(n)}`]
+    }, {
+      [`& .${e.icon}`]: l.icon
+    }, {
+      [`& .${e.icon}`]: l[`icon${t(s)}`]
+    }, {
+      [`& .${e.icon}`]: l[`iconColor${t(c)}`]
+    }, {
+      [`& .${e.deleteIcon}`]: l.deleteIcon
+    }, {
+      [`& .${e.deleteIcon}`]: l[`deleteIcon${t(s)}`]
+    }, {
+      [`& .${e.deleteIcon}`]: l[`deleteIconColor${t(n)}`]
+    }, {
+      [`& .${e.deleteIcon}`]: l[`deleteIcon${t(p)}Color${t(n)}`]
+    }, l.root, l[`size${t(s)}`], l[`color${t(n)}`], C && l.clickable, C && n !== "default" && l[`clickableColor${t(n)})`], u && l.deletable, u && n !== "default" && l[`deletableColor${t(n)}`], l[p], l[`${p}${t(n)}`]];
+  }
+})(io(({
+  theme: o
+}) => {
+  const l = o.palette.mode === "light" ? o.palette.grey[700] : o.palette.grey[300];
+  return {
+    maxWidth: "100%",
+    fontFamily: o.typography.fontFamily,
+    fontSize: o.typography.pxToRem(13),
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: 32,
+    lineHeight: 1.5,
+    color: (o.vars || o).palette.text.primary,
+    backgroundColor: (o.vars || o).palette.action.selected,
+    borderRadius: 32 / 2,
+    whiteSpace: "nowrap",
+    transition: o.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",
+    [`&.${e.disabled}`]: {
+      opacity: (o.vars || o).palette.action.disabledOpacity,
+      pointerEvents: "none"
+    },
+    [`& .${e.avatar}`]: {
+      marginLeft: 5,
+      marginRight: -6,
+      width: 24,
+      height: 24,
+      color: o.vars ? o.vars.palette.Chip.defaultAvatarColor : l,
+      fontSize: o.typography.pxToRem(12)
+    },
+    [`& .${e.avatarColorPrimary}`]: {
+      color: (o.vars || o).palette.primary.contrastText,
+      backgroundColor: (o.vars || o).palette.primary.dark
+    },
+    [`& .${e.avatarColorSecondary}`]: {
+      color: (o.vars || o).palette.secondary.contrastText,
+      backgroundColor: (o.vars || o).palette.secondary.dark
+    },
+    [`& .${e.avatarSmall}`]: {
+      marginLeft: 4,
+      marginRight: -4,
+      width: 18,
+      height: 18,
+      fontSize: o.typography.pxToRem(10)
+    },
+    [`& .${e.icon}`]: {
+      marginLeft: 5,
+      marginRight: -6
+    },
+    [`& .${e.deleteIcon}`]: {
+      WebkitTapHighlightColor: "transparent",
+      color: o.alpha((o.vars || o).palette.text.primary, 0.26),
+      fontSize: 22,
+      cursor: "pointer",
+      margin: "0 5px 0 -6px",
+      "&:hover": {
+        color: o.alpha((o.vars || o).palette.text.primary, 0.4)
+      }
+    },
+    variants: [{
+      props: {
+        size: "small"
+      },
+      style: {
+        height: 24,
+        [`& .${e.icon}`]: {
+          fontSize: 18,
+          marginLeft: 4,
+          marginRight: -4
+        },
+        [`& .${e.deleteIcon}`]: {
+          fontSize: 16,
+          marginRight: 4,
+          marginLeft: -4
+        }
+      }
+    }, ...Object.entries(o.palette).filter(I(["contrastText"])).map(([r]) => ({
+      props: {
+        color: r
+      },
+      style: {
+        backgroundColor: (o.vars || o).palette[r].main,
+        color: (o.vars || o).palette[r].contrastText,
+        [`& .${e.deleteIcon}`]: {
+          color: o.alpha((o.vars || o).palette[r].contrastText, 0.7),
+          "&:hover, &:active": {
+            color: (o.vars || o).palette[r].contrastText
+          }
+        }
+      }
+    })), {
+      props: (r) => r.iconColor === r.color,
+      style: {
+        [`& .${e.icon}`]: {
+          color: o.vars ? o.vars.palette.Chip.defaultIconColor : l
+        }
+      }
+    }, {
+      props: (r) => r.iconColor === r.color && r.color !== "default",
+      style: {
+        [`& .${e.icon}`]: {
+          color: "inherit"
+        }
+      }
+    }, {
+      props: {
+        onDelete: !0
+      },
+      style: {
+        [`&.${e.focusVisible}`]: {
+          backgroundColor: o.alpha((o.vars || o).palette.action.selected, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.focusOpacity}`)
+        }
+      }
+    }, ...Object.entries(o.palette).filter(I(["dark"])).map(([r]) => ({
+      props: {
+        color: r,
+        onDelete: !0
+      },
+      style: {
+        [`&.${e.focusVisible}`]: {
+          background: (o.vars || o).palette[r].dark
+        }
+      }
+    })), {
+      props: {
+        clickable: !0
+      },
+      style: {
+        userSelect: "none",
+        WebkitTapHighlightColor: "transparent",
+        cursor: "pointer",
+        "&:hover": {
+          backgroundColor: o.alpha((o.vars || o).palette.action.selected, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.hoverOpacity}`)
+        },
+        [`&.${e.focusVisible}`]: {
+          backgroundColor: o.alpha((o.vars || o).palette.action.selected, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.focusOpacity}`)
+        },
+        "&:active": {
+          boxShadow: (o.vars || o).shadows[1]
+        }
+      }
+    }, ...Object.entries(o.palette).filter(I(["dark"])).map(([r]) => ({
+      props: {
+        color: r,
+        clickable: !0
+      },
+      style: {
+        [`&:hover, &.${e.focusVisible}`]: {
+          backgroundColor: (o.vars || o).palette[r].dark
+        }
+      }
+    })), {
+      props: {
+        variant: "outlined"
+      },
+      style: {
+        backgroundColor: "transparent",
+        border: o.vars ? `1px solid ${o.vars.palette.Chip.defaultBorder}` : `1px solid ${o.palette.mode === "light" ? o.palette.grey[400] : o.palette.grey[700]}`,
+        [`&.${e.clickable}:hover`]: {
+          backgroundColor: (o.vars || o).palette.action.hover
+        },
+        [`&.${e.focusVisible}`]: {
+          backgroundColor: (o.vars || o).palette.action.focus
+        },
+        [`& .${e.avatar}`]: {
+          marginLeft: 4
+        },
+        [`& .${e.avatarSmall}`]: {
+          marginLeft: 2
+        },
+        [`& .${e.icon}`]: {
+          marginLeft: 4
+        },
+        [`& .${e.iconSmall}`]: {
+          marginLeft: 2
+        },
+        [`& .${e.deleteIcon}`]: {
+          marginRight: 5
+        },
+        [`& .${e.deleteIconSmall}`]: {
+          marginRight: 3
+        }
+      }
+    }, ...Object.entries(o.palette).filter(I()).map(([r]) => ({
+      props: {
+        variant: "outlined",
+        color: r
+      },
+      style: {
+        color: (o.vars || o).palette[r].main,
+        border: `1px solid ${o.alpha((o.vars || o).palette[r].main, 0.7)}`,
+        [`&.${e.clickable}:hover`]: {
+          backgroundColor: o.alpha((o.vars || o).palette[r].main, (o.vars || o).palette.action.hoverOpacity)
+        },
+        [`&.${e.focusVisible}`]: {
+          backgroundColor: o.alpha((o.vars || o).palette[r].main, (o.vars || o).palette.action.focusOpacity)
+        },
+        [`& .${e.deleteIcon}`]: {
+          color: o.alpha((o.vars || o).palette[r].main, 0.7),
+          "&:hover, &:active": {
+            color: (o.vars || o).palette[r].main
+          }
+        }
+      }
+    }))]
+  };
+})), go = K("span", {
+  name: "MuiChip",
+  slot: "Label",
+  overridesResolver: (o, l) => {
+    const {
+      ownerState: r
+    } = o, {
+      size: n
+    } = r;
+    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 U(o) {
+  return o.key === "Backspace" || o.key === "Delete";
+}
+const Co = /* @__PURE__ */ d.forwardRef(function(l, r) {
+  const n = no({
+    props: l,
+    name: "MuiChip"
+  }), {
+    avatar: c,
+    className: C,
+    clickable: u,
+    color: s = "default",
+    component: p,
+    deleteIcon: y,
+    disabled: S = !1,
+    icon: $,
+    label: W,
+    onClick: k,
+    onDelete: f,
+    onKeyDown: L,
+    onKeyUp: N,
+    size: B = "medium",
+    variant: H = "filled",
+    tabIndex: A,
+    skipFocusWhenDisabled: _ = !1,
+    // TODO v6: Rename to `focusableWhenDisabled`.
+    slots: G = {},
+    slotProps: q = {},
+    ...J
+  } = n, Q = d.useRef(null), X = so(Q, r), V = (i) => {
+    i.stopPropagation(), f && f(i);
+  }, x = (i) => {
+    i.currentTarget === i.target && U(i) && i.preventDefault(), L && L(i);
+  }, P = (i) => {
+    i.currentTarget === i.target && f && U(i) && f(i), N && N(i);
+  }, O = u !== !1 && k ? !0 : u, T = O || f ? M : p || "div", R = {
+    ...n,
+    component: T,
+    disabled: S,
+    size: B,
+    color: s,
+    iconColor: /* @__PURE__ */ d.isValidElement($) && $.props.color || s,
+    onDelete: !!f,
+    clickable: O,
+    variant: H
+  }, g = bo(R), Y = T === M ? {
+    component: p || "div",
+    focusVisibleClassName: g.focusVisible,
+    ...f && {
+      disableRipple: !0
+    }
+  } : {};
+  let E = null;
+  f && (E = y && /* @__PURE__ */ d.isValidElement(y) ? /* @__PURE__ */ d.cloneElement(y, {
+    className: m(y.props.className, g.deleteIcon),
+    onClick: V
+  }) : /* @__PURE__ */ D(uo, {
+    className: g.deleteIcon,
+    onClick: V
+  }));
+  let w = null;
+  c && /* @__PURE__ */ d.isValidElement(c) && (w = /* @__PURE__ */ d.cloneElement(c, {
+    className: m(g.avatar, c.props.className)
+  }));
+  let z = null;
+  $ && /* @__PURE__ */ d.isValidElement($) && (z = /* @__PURE__ */ d.cloneElement($, {
+    className: m(g.icon, $.props.className)
+  })), process.env.NODE_ENV !== "production" && w && z && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one.");
+  const j = {
+    slots: G,
+    slotProps: q
+  }, [Z, h] = F("root", {
+    elementType: vo,
+    externalForwardedProps: {
+      ...j,
+      ...J
+    },
+    ownerState: R,
+    // 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: X,
+    className: m(g.root, C),
+    additionalProps: {
+      disabled: O && S ? !0 : void 0,
+      tabIndex: _ && S ? -1 : A,
+      ...Y
+    },
+    getSlotProps: (i) => ({
+      ...i,
+      onClick: (b) => {
+        var v;
+        (v = i.onClick) == null || v.call(i, b), k == null || k(b);
+      },
+      onKeyDown: (b) => {
+        var v;
+        (v = i.onKeyDown) == null || v.call(i, b), x == null || x(b);
+      },
+      onKeyUp: (b) => {
+        var v;
+        (v = i.onKeyUp) == null || v.call(i, b), P == null || P(b);
+      }
+    })
+  }), [oo, ao] = F("label", {
+    elementType: go,
+    externalForwardedProps: j,
+    ownerState: R,
+    className: g.label
+  });
+  return /* @__PURE__ */ to(Z, {
+    as: T,
+    ...h,
+    children: [w || z, /* @__PURE__ */ D(oo, {
+      ...ao,
+      children: W
+    }), E]
+  });
+});
+process.env.NODE_ENV !== "production" && (Co.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: a.element,
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children: po,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.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: a.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: a.oneOfType([a.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), a.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: a.elementType,
+  /**
+   * Override the default delete icon element. Shown only if `onDelete` is set.
+   */
+  deleteIcon: a.element,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: a.bool,
+  /**
+   * Icon element.
+   */
+  icon: a.element,
+  /**
+   * The content of the component.
+   */
+  label: a.node,
+  /**
+   * @ignore
+   */
+  onClick: a.func,
+  /**
+   * Callback fired when the delete icon is clicked.
+   * If set, the delete icon will be shown.
+   */
+  onDelete: a.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: a.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: a.func,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: a.oneOfType([a.oneOf(["medium", "small"]), a.string]),
+  /**
+   * If `true`, allows the disabled chip to escape focus.
+   * If `false`, allows the disabled chip to receive focus.
+   * @default false
+   */
+  skipFocusWhenDisabled: a.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: a.shape({
+    label: a.oneOfType([a.func, a.object]),
+    root: a.oneOfType([a.func, a.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: a.shape({
+    label: a.elementType,
+    root: a.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  /**
+   * @ignore
+   */
+  tabIndex: a.number,
+  /**
+   * The variant to use.
+   * @default 'filled'
+   */
+  variant: a.oneOfType([a.oneOf(["filled", "outlined"]), a.string])
+});
+export {
+  Co as C,
+  e as c,
+  fo as g
+};

package/dist/Chip-Gtwf_H4u.cjs

@@ -0,0 +1 @@
+"use strict";const le=require("react"),o=require("./index-kjfz41UI.cjs"),$=require("./generateUtilityClasses-BMLLB4Uz.cjs"),te=require("./createSvgIcon-D6Bf0D-L.cjs"),z=require("react/jsx-runtime"),ie=require("./memoTheme-DZ3r2a_u.cjs"),k=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),E=require("./useSlot-BQ5B4uxv.cjs"),S=require("./DefaultPropsProvider--EgnwFDi.cjs"),ne=require("./useForkRef-CFhhTu-Q.cjs"),M=require("./ButtonBase-B1T-Lqz2.cjs"),t=require("./capitalize-nmXHj--f.cjs"),ce=require("./unsupportedProp-Bn6XWqwH.cjs");function pe(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return l.default=e,Object.freeze(l)}const d=pe(le),se=te.createSvgIcon(z.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 B(e){return $.generateUtilityClass("MuiChip",e)}const r=$.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"]),de=e=>{const{classes:l,disabled:a,size:n,color:c,iconColor:g,onDelete:u,clickable:p,variant:s}=e,C={root:["root",s,a&&"disabled",`size${t.capitalize(n)}`,`color${t.capitalize(c)}`,p&&"clickable",p&&`clickableColor${t.capitalize(c)}`,u&&"deletable",u&&`deletableColor${t.capitalize(c)}`,`${s}${t.capitalize(c)}`],label:["label",`label${t.capitalize(n)}`],avatar:["avatar",`avatar${t.capitalize(n)}`,`avatarColor${t.capitalize(c)}`],icon:["icon",`icon${t.capitalize(n)}`,`iconColor${t.capitalize(g)}`],deleteIcon:["deleteIcon",`deleteIcon${t.capitalize(n)}`,`deleteIconColor${t.capitalize(c)}`,`deleteIcon${t.capitalize(s)}Color${t.capitalize(c)}`]};return S.composeClasses(C,B,l)},ue=S.styled("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,l)=>{const{ownerState:a}=e,{color:n,iconColor:c,clickable:g,onDelete:u,size:p,variant:s}=a;return[{[`& .${r.avatar}`]:l.avatar},{[`& .${r.avatar}`]:l[`avatar${t.capitalize(p)}`]},{[`& .${r.avatar}`]:l[`avatarColor${t.capitalize(n)}`]},{[`& .${r.icon}`]:l.icon},{[`& .${r.icon}`]:l[`icon${t.capitalize(p)}`]},{[`& .${r.icon}`]:l[`iconColor${t.capitalize(c)}`]},{[`& .${r.deleteIcon}`]:l.deleteIcon},{[`& .${r.deleteIcon}`]:l[`deleteIcon${t.capitalize(p)}`]},{[`& .${r.deleteIcon}`]:l[`deleteIconColor${t.capitalize(n)}`]},{[`& .${r.deleteIcon}`]:l[`deleteIcon${t.capitalize(s)}Color${t.capitalize(n)}`]},l.root,l[`size${t.capitalize(p)}`],l[`color${t.capitalize(n)}`],g&&l.clickable,g&&n!=="default"&&l[`clickableColor${t.capitalize(n)})`],u&&l.deletable,u&&n!=="default"&&l[`deletableColor${t.capitalize(n)}`],l[s],l[`${s}${t.capitalize(n)}`]]}})(ie.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,lineHeight:1.5,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",[`&.${r.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${r.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:e.vars?e.vars.palette.Chip.defaultAvatarColor:l,fontSize:e.typography.pxToRem(12)},[`& .${r.avatarColorPrimary}`]:{color:(e.vars||e).palette.primary.contrastText,backgroundColor:(e.vars||e).palette.primary.dark},[`& .${r.avatarColorSecondary}`]:{color:(e.vars||e).palette.secondary.contrastText,backgroundColor:(e.vars||e).palette.secondary.dark},[`& .${r.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},[`& .${r.icon}`]:{marginLeft:5,marginRight:-6},[`& .${r.deleteIcon}`]:{WebkitTapHighlightColor:"transparent",color:e.alpha((e.vars||e).palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:e.alpha((e.vars||e).palette.text.primary,.4)}},variants:[{props:{size:"small"},style:{height:24,[`& .${r.icon}`]:{fontSize:18,marginLeft:4,marginRight:-4},[`& .${r.deleteIcon}`]:{fontSize:16,marginRight:4,marginLeft:-4}}},...Object.entries(e.palette).filter(k.createSimplePaletteValueFilter(["contrastText"])).map(([a])=>({props:{color:a},style:{backgroundColor:(e.vars||e).palette[a].main,color:(e.vars||e).palette[a].contrastText,[`& .${r.deleteIcon}`]:{color:e.alpha((e.vars||e).palette[a].contrastText,.7),"&:hover, &:active":{color:(e.vars||e).palette[a].contrastText}}}})),{props:a=>a.iconColor===a.color,style:{[`& .${r.icon}`]:{color:e.vars?e.vars.palette.Chip.defaultIconColor:l}}},{props:a=>a.iconColor===a.color&&a.color!=="default",style:{[`& .${r.icon}`]:{color:"inherit"}}},{props:{onDelete:!0},style:{[`&.${r.focusVisible}`]:{backgroundColor:e.alpha((e.vars||e).palette.action.selected,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.focusOpacity}`)}}},...Object.entries(e.palette).filter(k.createSimplePaletteValueFilter(["dark"])).map(([a])=>({props:{color:a,onDelete:!0},style:{[`&.${r.focusVisible}`]:{background:(e.vars||e).palette[a].dark}}})),{props:{clickable:!0},style:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:e.alpha((e.vars||e).palette.action.selected,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.hoverOpacity}`)},[`&.${r.focusVisible}`]:{backgroundColor:e.alpha((e.vars||e).palette.action.selected,`${(e.vars||e).palette.action.selectedOpacity} + ${(e.vars||e).palette.action.focusOpacity}`)},"&:active":{boxShadow:(e.vars||e).shadows[1]}}},...Object.entries(e.palette).filter(k.createSimplePaletteValueFilter(["dark"])).map(([a])=>({props:{color:a,clickable:!0},style:{[`&:hover, &.${r.focusVisible}`]:{backgroundColor:(e.vars||e).palette[a].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]}`,[`&.${r.clickable}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${r.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`& .${r.avatar}`]:{marginLeft:4},[`& .${r.avatarSmall}`]:{marginLeft:2},[`& .${r.icon}`]:{marginLeft:4},[`& .${r.iconSmall}`]:{marginLeft:2},[`& .${r.deleteIcon}`]:{marginRight:5},[`& .${r.deleteIconSmall}`]:{marginRight:3}}},...Object.entries(e.palette).filter(k.createSimplePaletteValueFilter()).map(([a])=>({props:{variant:"outlined",color:a},style:{color:(e.vars||e).palette[a].main,border:`1px solid ${e.alpha((e.vars||e).palette[a].main,.7)}`,[`&.${r.clickable}:hover`]:{backgroundColor:e.alpha((e.vars||e).palette[a].main,(e.vars||e).palette.action.hoverOpacity)},[`&.${r.focusVisible}`]:{backgroundColor:e.alpha((e.vars||e).palette[a].main,(e.vars||e).palette.action.focusOpacity)},[`& .${r.deleteIcon}`]:{color:e.alpha((e.vars||e).palette[a].main,.7),"&:hover, &:active":{color:(e.vars||e).palette[a].main}}}}))]}})),ye=S.styled("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,l)=>{const{ownerState:a}=e,{size:n}=a;return[l.label,l[`label${t.capitalize(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 U(e){return e.key==="Backspace"||e.key==="Delete"}const K=d.forwardRef(function(l,a){const n=S.useDefaultProps({props:l,name:"MuiChip"}),{avatar:c,className:g,clickable:u,color:p="default",component:s,deleteIcon:C,disabled:I=!1,icon:P,label:W,onClick:T,onDelete:y,onKeyDown:j,onKeyUp:L,size:_="medium",variant:H="filled",tabIndex:A,skipFocusWhenDisabled:G=!1,slots:J={},slotProps:Q={},...X}=n,Y=d.useRef(null),Z=ne.useForkRef(Y,a),N=i=>{i.stopPropagation(),y&&y(i)},x=i=>{i.currentTarget===i.target&&U(i)&&i.preventDefault(),j&&j(i)},m=i=>{i.currentTarget===i.target&&y&&U(i)&&y(i),L&&L(i)},O=u!==!1&&T?!0:u,R=O||y?M.ButtonBase:s||"div",D={...n,component:R,disabled:I,size:_,color:p,iconColor:d.isValidElement(P)&&P.props.color||p,onDelete:!!y,clickable:O,variant:H},v=de(D),h=R===M.ButtonBase?{component:s||"div",focusVisibleClassName:v.focusVisible,...y&&{disableRipple:!0}}:{};let F=null;y&&(F=C&&d.isValidElement(C)?d.cloneElement(C,{className:$.clsx(C.props.className,v.deleteIcon),onClick:N}):z.jsx(se,{className:v.deleteIcon,onClick:N}));let w=null;c&&d.isValidElement(c)&&(w=d.cloneElement(c,{className:$.clsx(v.avatar,c.props.className)}));let V=null;P&&d.isValidElement(P)&&(V=d.cloneElement(P,{className:$.clsx(v.icon,P.props.className)})),process.env.NODE_ENV!=="production"&&w&&V&&console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one.");const q={slots:J,slotProps:Q},[ee,oe]=E.useSlot("root",{elementType:ue,externalForwardedProps:{...q,...X},ownerState:D,shouldForwardComponentProp:!0,ref:Z,className:$.clsx(v.root,g),additionalProps:{disabled:O&&I?!0:void 0,tabIndex:G&&I?-1:A,...h},getSlotProps:i=>({...i,onClick:f=>{var b;(b=i.onClick)==null||b.call(i,f),T==null||T(f)},onKeyDown:f=>{var b;(b=i.onKeyDown)==null||b.call(i,f),x==null||x(f)},onKeyUp:f=>{var b;(b=i.onKeyUp)==null||b.call(i,f),m==null||m(f)}})}),[ae,re]=E.useSlot("label",{elementType:ye,externalForwardedProps:q,ownerState:D,className:v.label});return z.jsxs(ee,{as:R,...oe,children:[w||V,z.jsx(ae,{...re,children:W}),F]})});process.env.NODE_ENV!=="production"&&(K.propTypes={avatar:o.PropTypes.element,children:ce.unsupportedProp,classes:o.PropTypes.object,className:o.PropTypes.string,clickable:o.PropTypes.bool,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,deleteIcon:o.PropTypes.element,disabled:o.PropTypes.bool,icon:o.PropTypes.element,label:o.PropTypes.node,onClick:o.PropTypes.func,onDelete:o.PropTypes.func,onKeyDown:o.PropTypes.func,onKeyUp:o.PropTypes.func,size:o.PropTypes.oneOfType([o.PropTypes.oneOf(["medium","small"]),o.PropTypes.string]),skipFocusWhenDisabled:o.PropTypes.bool,slotProps:o.PropTypes.shape({label:o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object]),root:o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object])}),slots:o.PropTypes.shape({label:o.PropTypes.elementType,root:o.PropTypes.elementType}),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),tabIndex:o.PropTypes.number,variant:o.PropTypes.oneOfType([o.PropTypes.oneOf(["filled","outlined"]),o.PropTypes.string])});exports.Chip=K;exports.chipClasses=r;exports.getChipUtilityClass=B;

package/dist/CircularProgress-9SSFT_JT.cjs

@@ -0,0 +1,28 @@
+"use strict";const q=require("react"),t=require("./index-kjfz41UI.cjs"),T=require("./generateUtilityClasses-BMLLB4Uz.cjs"),x=require("./memoTheme-DZ3r2a_u.cjs"),M=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),h=require("react/jsx-runtime"),a=require("./DefaultPropsProvider--EgnwFDi.cjs"),l=require("./capitalize-nmXHj--f.cjs"),R=require("./chainPropTypes-CEUi6Jb4.cjs"),p=require("@emotion/react");function z(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(r,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return r.default=e,Object.freeze(r)}const N=z(q);function w(e){return T.generateUtilityClass("MuiCircularProgress",e)}const U=T.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),o=44,g=p.keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`,v=p.keyframes`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`,E=typeof g!="string"?p.css`
+        animation: ${g} 1.4s linear infinite;
+      `:null,F=typeof v!="string"?p.css`
+        animation: ${v} 1.4s ease-in-out infinite;
+      `:null,I=e=>{const{classes:r,variant:s,color:i,disableShrink:u}=e,y={root:["root",s,`color${l.capitalize(i)}`],svg:["svg"],circle:["circle",`circle${l.capitalize(s)}`,u&&"circleDisableShrink"]};return a.composeClasses(y,w,r)},V=a.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.root,r[s.variant],r[`color${l.capitalize(s.color)}`]]}})(x.memoTheme(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:E||{animation:`${g} 1.4s linear infinite`}},...Object.entries(e.palette).filter(M.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r},style:{color:(e.vars||e).palette[r].main}}))]}))),_=a.styled("svg",{name:"MuiCircularProgress",slot:"Svg"})({display:"block"}),A=a.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.circle,r[`circle${l.capitalize(s.variant)}`],s.disableShrink&&r.circleDisableShrink]}})(x.memoTheme(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink,style:F||{animation:`${v} 1.4s ease-in-out infinite`}}]}))),D=N.forwardRef(function(r,s){const i=a.useDefaultProps({props:r,name:"MuiCircularProgress"}),{className:u,color:y="primary",disableShrink:O=!1,size:m=40,style:j,thickness:n=3.6,value:d=0,variant:k="indeterminate",...$}=i,c={...i,color:y,disableShrink:O,size:m,thickness:n,value:d,variant:k},f=I(c),P={},b={},C={};if(k==="determinate"){const S=2*Math.PI*((o-n)/2);P.strokeDasharray=S.toFixed(3),C["aria-valuenow"]=Math.round(d),P.strokeDashoffset=`${((100-d)/100*S).toFixed(3)}px`,b.transform="rotate(-90deg)"}return h.jsx(V,{className:T.clsx(f.root,u),style:{width:m,height:m,...b,...j},ownerState:c,ref:s,role:"progressbar",...C,...$,children:h.jsx(_,{className:f.svg,ownerState:c,viewBox:`${o/2} ${o/2} ${o} ${o}`,children:h.jsx(A,{className:f.circle,style:P,ownerState:c,cx:o,cy:o,r:(o-n)/2,fill:"none",strokeWidth:n})})})});process.env.NODE_ENV!=="production"&&(D.propTypes={classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),t.PropTypes.string]),disableShrink:R.chainPropTypes(t.PropTypes.bool,e=>e.disableShrink&&e.variant&&e.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]),style:t.PropTypes.object,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),thickness:t.PropTypes.number,value:t.PropTypes.number,variant:t.PropTypes.oneOf(["determinate","indeterminate"])});exports.CircularProgress=D;exports.circularProgressClasses=U;exports.getCircularProgressUtilityClass=w;