@max-ts/components 0.3.3 → 0.3.5

package/lib/node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/Chip/Chip.mjs

@@ -0,0 +1,519 @@
+import * as f from "react";
+import t from "../../../../../../../_virtual/index.mjs";
+import { clsx as y } from "../../../../../clsx@2.1.1/node_modules/clsx/dist/clsx.mjs";
+import G from "../internal/svg-icons/Cancel.mjs";
+import J from "../utils/memoTheme.mjs";
+import k from "../utils/createSimplePaletteValueFilter.mjs";
+import e, { getChipUtilityClass as Q } from "./chipClasses.mjs";
+import { j as w } from "../../../../../../../_virtual/jsx-runtime.mjs";
+import { useDefaultProps as X } from "../DefaultPropsProvider/DefaultPropsProvider.mjs";
+import Y from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/useForkRef/useForkRef.mjs";
+import V from "../ButtonBase/ButtonBase.mjs";
+import E from "../styles/styled.mjs";
+import l from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/capitalize/capitalize.mjs";
+import Z from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/composeClasses/composeClasses.mjs";
+import h from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/unsupportedProp/unsupportedProp.mjs";
+import { alpha as d } from "../../../../../@mui_system@6.4.3_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion_st_5f10f346196051285cfc2e46c43ad4ff/node_modules/@mui/system/esm/colorManipulator/colorManipulator.mjs";
+const aa = (a) => {
+  const {
+    classes: r,
+    disabled: o,
+    size: n,
+    color: i,
+    iconColor: g,
+    onDelete: v,
+    clickable: s,
+    variant: p
+  } = a, $ = {
+    root: ["root", p, o && "disabled", `size${l(n)}`, `color${l(i)}`, s && "clickable", s && `clickableColor${l(i)}`, v && "deletable", v && `deletableColor${l(i)}`, `${p}${l(i)}`],
+    label: ["label", `label${l(n)}`],
+    avatar: ["avatar", `avatar${l(n)}`, `avatarColor${l(i)}`],
+    icon: ["icon", `icon${l(n)}`, `iconColor${l(g)}`],
+    deleteIcon: ["deleteIcon", `deleteIcon${l(n)}`, `deleteIconColor${l(i)}`, `deleteIcon${l(p)}Color${l(i)}`]
+  };
+  return Z($, Q, r);
+}, oa = E("div", {
+  name: "MuiChip",
+  slot: "Root",
+  overridesResolver: (a, r) => {
+    const {
+      ownerState: o
+    } = a, {
+      color: n,
+      iconColor: i,
+      clickable: g,
+      onDelete: v,
+      size: s,
+      variant: p
+    } = o;
+    return [{
+      [`& .${e.avatar}`]: r.avatar
+    }, {
+      [`& .${e.avatar}`]: r[`avatar${l(s)}`]
+    }, {
+      [`& .${e.avatar}`]: r[`avatarColor${l(n)}`]
+    }, {
+      [`& .${e.icon}`]: r.icon
+    }, {
+      [`& .${e.icon}`]: r[`icon${l(s)}`]
+    }, {
+      [`& .${e.icon}`]: r[`iconColor${l(i)}`]
+    }, {
+      [`& .${e.deleteIcon}`]: r.deleteIcon
+    }, {
+      [`& .${e.deleteIcon}`]: r[`deleteIcon${l(s)}`]
+    }, {
+      [`& .${e.deleteIcon}`]: r[`deleteIconColor${l(n)}`]
+    }, {
+      [`& .${e.deleteIcon}`]: r[`deleteIcon${l(p)}Color${l(n)}`]
+    }, r.root, r[`size${l(s)}`], r[`color${l(n)}`], g && r.clickable, g && n !== "default" && r[`clickableColor${l(n)})`], v && r.deletable, v && n !== "default" && r[`deletableColor${l(n)}`], r[p], r[`${p}${l(n)}`]];
+  }
+})(J(({
+  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",
+    [`&.${e.disabled}`]: {
+      opacity: (a.vars || a).palette.action.disabledOpacity,
+      pointerEvents: "none"
+    },
+    [`& .${e.avatar}`]: {
+      marginLeft: 5,
+      marginRight: -6,
+      width: 24,
+      height: 24,
+      color: a.vars ? a.vars.palette.Chip.defaultAvatarColor : r,
+      fontSize: a.typography.pxToRem(12)
+    },
+    [`& .${e.avatarColorPrimary}`]: {
+      color: (a.vars || a).palette.primary.contrastText,
+      backgroundColor: (a.vars || a).palette.primary.dark
+    },
+    [`& .${e.avatarColorSecondary}`]: {
+      color: (a.vars || a).palette.secondary.contrastText,
+      backgroundColor: (a.vars || a).palette.secondary.dark
+    },
+    [`& .${e.avatarSmall}`]: {
+      marginLeft: 4,
+      marginRight: -4,
+      width: 18,
+      height: 18,
+      fontSize: a.typography.pxToRem(10)
+    },
+    [`& .${e.icon}`]: {
+      marginLeft: 5,
+      marginRight: -6
+    },
+    [`& .${e.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,
+        [`& .${e.icon}`]: {
+          fontSize: 18,
+          marginLeft: 4,
+          marginRight: -4
+        },
+        [`& .${e.deleteIcon}`]: {
+          fontSize: 16,
+          marginRight: 4,
+          marginLeft: -4
+        }
+      }
+    }, ...Object.entries(a.palette).filter(k(["contrastText"])).map(([o]) => ({
+      props: {
+        color: o
+      },
+      style: {
+        backgroundColor: (a.vars || a).palette[o].main,
+        color: (a.vars || a).palette[o].contrastText,
+        [`& .${e.deleteIcon}`]: {
+          color: a.vars ? `rgba(${a.vars.palette[o].contrastTextChannel} / 0.7)` : d(a.palette[o].contrastText, 0.7),
+          "&:hover, &:active": {
+            color: (a.vars || a).palette[o].contrastText
+          }
+        }
+      }
+    })), {
+      props: (o) => o.iconColor === o.color,
+      style: {
+        [`& .${e.icon}`]: {
+          color: a.vars ? a.vars.palette.Chip.defaultIconColor : r
+        }
+      }
+    }, {
+      props: (o) => o.iconColor === o.color && o.color !== "default",
+      style: {
+        [`& .${e.icon}`]: {
+          color: "inherit"
+        }
+      }
+    }, {
+      props: {
+        onDelete: !0
+      },
+      style: {
+        [`&.${e.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(([o]) => ({
+      props: {
+        color: o,
+        onDelete: !0
+      },
+      style: {
+        [`&.${e.focusVisible}`]: {
+          background: (a.vars || a).palette[o].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)
+        },
+        [`&.${e.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(([o]) => ({
+      props: {
+        color: o,
+        clickable: !0
+      },
+      style: {
+        [`&:hover, &.${e.focusVisible}`]: {
+          backgroundColor: (a.vars || a).palette[o].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]}`,
+        [`&.${e.clickable}:hover`]: {
+          backgroundColor: (a.vars || a).palette.action.hover
+        },
+        [`&.${e.focusVisible}`]: {
+          backgroundColor: (a.vars || a).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(a.palette).filter(k()).map(([o]) => ({
+      props: {
+        variant: "outlined",
+        color: o
+      },
+      style: {
+        color: (a.vars || a).palette[o].main,
+        border: `1px solid ${a.vars ? `rgba(${a.vars.palette[o].mainChannel} / 0.7)` : d(a.palette[o].main, 0.7)}`,
+        [`&.${e.clickable}:hover`]: {
+          backgroundColor: a.vars ? `rgba(${a.vars.palette[o].mainChannel} / ${a.vars.palette.action.hoverOpacity})` : d(a.palette[o].main, a.palette.action.hoverOpacity)
+        },
+        [`&.${e.focusVisible}`]: {
+          backgroundColor: a.vars ? `rgba(${a.vars.palette[o].mainChannel} / ${a.vars.palette.action.focusOpacity})` : d(a.palette[o].main, a.palette.action.focusOpacity)
+        },
+        [`& .${e.deleteIcon}`]: {
+          color: a.vars ? `rgba(${a.vars.palette[o].mainChannel} / 0.7)` : d(a.palette[o].main, 0.7),
+          "&:hover, &:active": {
+            color: (a.vars || a).palette[o].main
+          }
+        }
+      }
+    }))]
+  };
+})), ea = E("span", {
+  name: "MuiChip",
+  slot: "Label",
+  overridesResolver: (a, r) => {
+    const {
+      ownerState: o
+    } = a, {
+      size: n
+    } = o;
+    return [r.label, r[`label${l(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 j(a) {
+  return a.key === "Backspace" || a.key === "Delete";
+}
+const ta = /* @__PURE__ */ f.forwardRef(function(r, o) {
+  const n = X({
+    props: r,
+    name: "MuiChip"
+  }), {
+    avatar: i,
+    className: g,
+    clickable: v,
+    color: s = "default",
+    component: p,
+    deleteIcon: $,
+    disabled: x = !1,
+    icon: C,
+    label: P,
+    onClick: S,
+    onDelete: u,
+    onKeyDown: D,
+    onKeyUp: z,
+    size: K = "medium",
+    variant: U = "filled",
+    tabIndex: F,
+    skipFocusWhenDisabled: W = !1,
+    // TODO v6: Rename to `focusableWhenDisabled`.
+    ...B
+  } = n, M = f.useRef(null), A = Y(M, o), N = (c) => {
+    c.stopPropagation(), u && u(c);
+  }, H = (c) => {
+    c.currentTarget === c.target && j(c) && c.preventDefault(), D && D(c);
+  }, _ = (c) => {
+    c.currentTarget === c.target && u && j(c) && u(c), z && z(c);
+  }, m = v !== !1 && S ? !0 : v, I = m || u ? V : p || "div", O = {
+    ...n,
+    component: I,
+    disabled: x,
+    size: K,
+    color: s,
+    iconColor: /* @__PURE__ */ f.isValidElement(C) && C.props.color || s,
+    onDelete: !!u,
+    clickable: m,
+    variant: U
+  }, b = aa(O), q = I === V ? {
+    component: p || "div",
+    focusVisibleClassName: b.focusVisible,
+    ...u && {
+      disableRipple: !0
+    }
+  } : {};
+  let L = null;
+  u && (L = $ && /* @__PURE__ */ f.isValidElement($) ? /* @__PURE__ */ f.cloneElement($, {
+    className: y($.props.className, b.deleteIcon),
+    onClick: N
+  }) : /* @__PURE__ */ w.jsx(G, {
+    className: y(b.deleteIcon),
+    onClick: N
+  }));
+  let R = null;
+  i && /* @__PURE__ */ f.isValidElement(i) && (R = /* @__PURE__ */ f.cloneElement(i, {
+    className: y(b.avatar, i.props.className)
+  }));
+  let T = null;
+  return C && /* @__PURE__ */ f.isValidElement(C) && (T = /* @__PURE__ */ f.cloneElement(C, {
+    className: y(b.icon, C.props.className)
+  })), process.env.NODE_ENV !== "production" && R && T && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ w.jsxs(oa, {
+    as: I,
+    className: y(b.root, g),
+    disabled: m && x ? !0 : void 0,
+    onClick: S,
+    onKeyDown: H,
+    onKeyUp: _,
+    ref: A,
+    tabIndex: W && x ? -1 : F,
+    ownerState: O,
+    ...q,
+    ...B,
+    children: [R || T, /* @__PURE__ */ w.jsx(ea, {
+      className: y(b.label),
+      ownerState: O,
+      children: P
+    }), L]
+  });
+});
+process.env.NODE_ENV !== "production" && (ta.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: t.element,
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children: h,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.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: t.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: t.oneOfType([t.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), t.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * Override the default delete icon element. Shown only if `onDelete` is set.
+   */
+  deleteIcon: t.element,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * Icon element.
+   */
+  icon: t.element,
+  /**
+   * The content of the component.
+   */
+  label: t.node,
+  /**
+   * @ignore
+   */
+  onClick: t.func,
+  /**
+   * Callback fired when the delete icon is clicked.
+   * If set, the delete icon will be shown.
+   */
+  onDelete: t.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: t.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: t.func,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: t.oneOfType([t.oneOf(["medium", "small"]), t.string]),
+  /**
+   * If `true`, allows the disabled chip to escape focus.
+   * If `false`, allows the disabled chip to receive focus.
+   * @default false
+   */
+  skipFocusWhenDisabled: t.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * @ignore
+   */
+  tabIndex: t.number,
+  /**
+   * The variant to use.
+   * @default 'filled'
+   */
+  variant: t.oneOfType([t.oneOf(["filled", "outlined"]), t.string])
+});
+export {
+  ta as default
+};

package/lib/node_modules/.pnpm/@mui_material@6.4.5_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__861faf9ddc4761e7658ec96cff5e306a/node_modules/@mui/material/Chip/chipClasses.mjs

@@ -0,0 +1,10 @@
+import l from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.mjs";
+import o from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.mjs";
+function i(e) {
+  return o("MuiChip", e);
+}
+const c = l("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"]);
+export {
+  c as default,
+  i as getChipUtilityClass
+};