npm - @max-ts/components - Versions diffs - 0.3.4 → 0.3.6 - Mend

@max-ts/components 0.3.4 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (602) hide show

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/Autocomplete/autocompleteClasses.mjs ADDED Viewed

@@ -0,0 +1,10 @@
+import t from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.mjs";
+import e from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.mjs";
+function a(o) {
+  return e("MuiAutocomplete", o);
+}
+const l = t("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]);
+export {
+  l as default,
+  a as getAutocompleteUtilityClass
+};

@@ -0,0 +1,194 @@
+import * as S from "react";
+import o from "../../../../../../../_virtual/index.mjs";
+import { clsx as w } from "../../../../../clsx@2.1.1/node_modules/clsx/dist/clsx.mjs";
+import a from "../utils/useSlot.mjs";
+import { getBackdropUtilityClass as B } from "./backdropClasses.mjs";
+import { j as l } from "../../../../../../../_virtual/jsx-runtime.mjs";
+import { useDefaultProps as N } from "../DefaultPropsProvider/DefaultPropsProvider.mjs";
+import D from "../styles/styled.mjs";
+import E from "../Fade/Fade.mjs";
+import F from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/composeClasses/composeClasses.mjs";
+const M = (s) => {
+  const {
+    classes: t,
+    invisible: e
+  } = s;
+  return F({
+    root: ["root", e && "invisible"]
+  }, B, t);
+}, U = D("div", {
+  name: "MuiBackdrop",
+  slot: "Root",
+  overridesResolver: (s, t) => {
+    const {
+      ownerState: e
+    } = s;
+    return [t.root, e.invisible && t.invisible];
+  }
+})({
+  position: "fixed",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  right: 0,
+  bottom: 0,
+  top: 0,
+  left: 0,
+  backgroundColor: "rgba(0, 0, 0, 0.5)",
+  WebkitTapHighlightColor: "transparent",
+  variants: [{
+    props: {
+      invisible: !0
+    },
+    style: {
+      backgroundColor: "transparent"
+    }
+  }]
+}), q = /* @__PURE__ */ S.forwardRef(function(t, e) {
+  const n = N({
+    props: t,
+    name: "MuiBackdrop"
+  }), {
+    children: c,
+    className: m,
+    component: d = "div",
+    invisible: f = !1,
+    open: u,
+    components: b = {},
+    componentsProps: y = {},
+    slotProps: T = {},
+    slots: h = {},
+    TransitionComponent: v,
+    transitionDuration: C,
+    ...P
+  } = n, r = {
+    ...n,
+    component: d,
+    invisible: f
+  }, i = M(r), j = {
+    transition: v,
+    root: b.Root,
+    ...h
+  }, k = {
+    ...y,
+    ...T
+  }, p = {
+    slots: j,
+    slotProps: k
+  }, [x, R] = a("root", {
+    elementType: U,
+    externalForwardedProps: p,
+    className: w(i.root, m),
+    ownerState: r
+  }), [g, O] = a("transition", {
+    elementType: E,
+    externalForwardedProps: p,
+    ownerState: r
+  });
+  return /* @__PURE__ */ l.jsx(g, {
+    in: u,
+    timeout: C,
+    ...P,
+    ...O,
+    children: /* @__PURE__ */ l.jsx(x, {
+      "aria-hidden": !0,
+      ...R,
+      classes: i,
+      ref: e,
+      children: c
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Root: o.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: o.shape({
+    root: o.object
+  }),
+  /**
+   * If `true`, the backdrop is invisible.
+   * It can be used when rendering a popover or a custom select component.
+   * @default false
+   */
+  invisible: o.bool,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object]),
+    transition: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType,
+    transition: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionComponent: o.elementType,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })])
+});
+export {
+  q as default
+};

@@ -0,0 +1,10 @@
+import i from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.mjs";
+import r from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.mjs";
+function s(t) {
+  return i("MuiBackdrop", t);
+}
+const a = r("MuiBackdrop", ["root", "invisible"]);
+export {
+  a as default,
+  s as getBackdropUtilityClass
+};

@@ -0,0 +1,406 @@
+import * as X from "react";
+import r from "../../../../../../../_virtual/index.mjs";
+import { clsx as A } from "../../../../../clsx@2.1.1/node_modules/clsx/dist/clsx.mjs";
+import Y from "./useBadge.mjs";
+import w from "../utils/memoTheme.mjs";
+import oo from "../utils/createSimplePaletteValueFilter.mjs";
+import e, { getBadgeUtilityClass as ro } from "./badgeClasses.mjs";
+import { j as F } from "../../../../../../../_virtual/jsx-runtime.mjs";
+import { useDefaultProps as to } from "../DefaultPropsProvider/DefaultPropsProvider.mjs";
+import ao from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/usePreviousProps/usePreviousProps.mjs";
+import I from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/useSlotProps/useSlotProps.mjs";
+import W from "../styles/styled.mjs";
+import n from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/capitalize/capitalize.mjs";
+import no from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/composeClasses/composeClasses.mjs";
+const m = 10, f = 4, eo = (t) => {
+  const {
+    color: o,
+    anchorOrigin: a,
+    invisible: i,
+    overlap: s,
+    variant: l,
+    classes: d = {}
+  } = t, c = {
+    root: ["root"],
+    badge: ["badge", l, i && "invisible", `anchorOrigin${n(a.vertical)}${n(a.horizontal)}`, `anchorOrigin${n(a.vertical)}${n(a.horizontal)}${n(s)}`, `overlap${n(s)}`, o !== "default" && `color${n(o)}`]
+  };
+  return no(c, ro, d);
+}, io = W("span", {
+  name: "MuiBadge",
+  slot: "Root",
+  overridesResolver: (t, o) => o.root
+})({
+  position: "relative",
+  display: "inline-flex",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  flexShrink: 0
+}), so = W("span", {
+  name: "MuiBadge",
+  slot: "Badge",
+  overridesResolver: (t, o) => {
+    const {
+      ownerState: a
+    } = t;
+    return [o.badge, o[a.variant], o[`anchorOrigin${n(a.anchorOrigin.vertical)}${n(a.anchorOrigin.horizontal)}${n(a.overlap)}`], a.color !== "default" && o[`color${n(a.color)}`], a.invisible && o.invisible];
+  }
+})(w(({
+  theme: t
+}) => ({
+  display: "flex",
+  flexDirection: "row",
+  flexWrap: "wrap",
+  justifyContent: "center",
+  alignContent: "center",
+  alignItems: "center",
+  position: "absolute",
+  boxSizing: "border-box",
+  fontFamily: t.typography.fontFamily,
+  fontWeight: t.typography.fontWeightMedium,
+  fontSize: t.typography.pxToRem(12),
+  minWidth: m * 2,
+  lineHeight: 1,
+  padding: "0 6px",
+  height: m * 2,
+  borderRadius: m,
+  zIndex: 1,
+  // Render the badge on top of potential ripples.
+  transition: t.transitions.create("transform", {
+    easing: t.transitions.easing.easeInOut,
+    duration: t.transitions.duration.enteringScreen
+  }),
+  variants: [...Object.entries(t.palette).filter(oo(["contrastText"])).map(([o]) => ({
+    props: {
+      color: o
+    },
+    style: {
+      backgroundColor: (t.vars || t).palette[o].main,
+      color: (t.vars || t).palette[o].contrastText
+    }
+  })), {
+    props: {
+      variant: "dot"
+    },
+    style: {
+      borderRadius: f,
+      height: f * 2,
+      minWidth: f * 2,
+      padding: 0
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.anchorOrigin.vertical === "top" && o.anchorOrigin.horizontal === "right" && o.overlap === "rectangular",
+    style: {
+      top: 0,
+      right: 0,
+      transform: "scale(1) translate(50%, -50%)",
+      transformOrigin: "100% 0%",
+      [`&.${e.invisible}`]: {
+        transform: "scale(0) translate(50%, -50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.anchorOrigin.vertical === "bottom" && o.anchorOrigin.horizontal === "right" && o.overlap === "rectangular",
+    style: {
+      bottom: 0,
+      right: 0,
+      transform: "scale(1) translate(50%, 50%)",
+      transformOrigin: "100% 100%",
+      [`&.${e.invisible}`]: {
+        transform: "scale(0) translate(50%, 50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.anchorOrigin.vertical === "top" && o.anchorOrigin.horizontal === "left" && o.overlap === "rectangular",
+    style: {
+      top: 0,
+      left: 0,
+      transform: "scale(1) translate(-50%, -50%)",
+      transformOrigin: "0% 0%",
+      [`&.${e.invisible}`]: {
+        transform: "scale(0) translate(-50%, -50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.anchorOrigin.vertical === "bottom" && o.anchorOrigin.horizontal === "left" && o.overlap === "rectangular",
+    style: {
+      bottom: 0,
+      left: 0,
+      transform: "scale(1) translate(-50%, 50%)",
+      transformOrigin: "0% 100%",
+      [`&.${e.invisible}`]: {
+        transform: "scale(0) translate(-50%, 50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.anchorOrigin.vertical === "top" && o.anchorOrigin.horizontal === "right" && o.overlap === "circular",
+    style: {
+      top: "14%",
+      right: "14%",
+      transform: "scale(1) translate(50%, -50%)",
+      transformOrigin: "100% 0%",
+      [`&.${e.invisible}`]: {
+        transform: "scale(0) translate(50%, -50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.anchorOrigin.vertical === "bottom" && o.anchorOrigin.horizontal === "right" && o.overlap === "circular",
+    style: {
+      bottom: "14%",
+      right: "14%",
+      transform: "scale(1) translate(50%, 50%)",
+      transformOrigin: "100% 100%",
+      [`&.${e.invisible}`]: {
+        transform: "scale(0) translate(50%, 50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.anchorOrigin.vertical === "top" && o.anchorOrigin.horizontal === "left" && o.overlap === "circular",
+    style: {
+      top: "14%",
+      left: "14%",
+      transform: "scale(1) translate(-50%, -50%)",
+      transformOrigin: "0% 0%",
+      [`&.${e.invisible}`]: {
+        transform: "scale(0) translate(-50%, -50%)"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.anchorOrigin.vertical === "bottom" && o.anchorOrigin.horizontal === "left" && o.overlap === "circular",
+    style: {
+      bottom: "14%",
+      left: "14%",
+      transform: "scale(1) translate(-50%, 50%)",
+      transformOrigin: "0% 100%",
+      [`&.${e.invisible}`]: {
+        transform: "scale(0) translate(-50%, 50%)"
+      }
+    }
+  }, {
+    props: {
+      invisible: !0
+    },
+    style: {
+      transition: t.transitions.create("transform", {
+        easing: t.transitions.easing.easeInOut,
+        duration: t.transitions.duration.leavingScreen
+      })
+    }
+  }]
+})));
+function V(t) {
+  return {
+    vertical: t?.vertical ?? "top",
+    horizontal: t?.horizontal ?? "right"
+  };
+}
+const lo = /* @__PURE__ */ X.forwardRef(function(o, a) {
+  const i = to({
+    props: o,
+    name: "MuiBadge"
+  }), {
+    anchorOrigin: s,
+    className: l,
+    classes: d,
+    component: c,
+    components: v = {},
+    componentsProps: b = {},
+    children: k,
+    overlap: h = "rectangular",
+    color: u = "default",
+    invisible: M = !1,
+    max: U = 99,
+    badgeContent: O,
+    slots: y,
+    slotProps: P,
+    showZero: x = !1,
+    variant: p = "standard",
+    ...E
+  } = i, {
+    badgeContent: T,
+    invisible: H,
+    max: _,
+    displayValue: S
+  } = Y({
+    max: U,
+    invisible: M,
+    badgeContent: O,
+    showZero: x
+  }), Z = ao({
+    anchorOrigin: V(s),
+    color: u,
+    overlap: h,
+    variant: p,
+    badgeContent: O
+  }), $ = H || T == null && p !== "dot", {
+    color: q = u,
+    overlap: G = h,
+    anchorOrigin: J,
+    variant: z = p
+  } = $ ? Z : i, K = V(J), R = z !== "dot" ? S : void 0, g = {
+    ...i,
+    badgeContent: T,
+    invisible: $,
+    max: _,
+    displayValue: R,
+    showZero: x,
+    anchorOrigin: K,
+    color: q,
+    overlap: G,
+    variant: z
+  }, B = eo(g), j = y?.root ?? v.Root ?? io, C = y?.badge ?? v.Badge ?? so, N = P?.root ?? b.root, D = P?.badge ?? b.badge, L = I({
+    elementType: j,
+    externalSlotProps: N,
+    externalForwardedProps: E,
+    additionalProps: {
+      ref: a,
+      as: c
+    },
+    ownerState: g,
+    className: A(N?.className, B.root, l)
+  }), Q = I({
+    elementType: C,
+    externalSlotProps: D,
+    ownerState: g,
+    className: A(B.badge, D?.className)
+  });
+  return /* @__PURE__ */ F.jsxs(j, {
+    ...L,
+    children: [k, /* @__PURE__ */ F.jsx(C, {
+      ...Q,
+      children: R
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (lo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The anchor of the badge.
+   * @default {
+   *   vertical: 'top',
+   *   horizontal: 'right',
+   * }
+   */
+  anchorOrigin: r.shape({
+    horizontal: r.oneOf(["left", "right"]),
+    vertical: r.oneOf(["bottom", "top"])
+  }),
+  /**
+   * The content rendered within the badge.
+   */
+  badgeContent: r.node,
+  /**
+   * The badge will be added relative to this node.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * 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,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: r.shape({
+    Badge: r.elementType,
+    Root: r.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: r.shape({
+    badge: r.oneOfType([r.func, r.object]),
+    root: r.oneOfType([r.func, r.object])
+  }),
+  /**
+   * If `true`, the badge is invisible.
+   * @default false
+   */
+  invisible: r.bool,
+  /**
+   * Max count to show.
+   * @default 99
+   */
+  max: r.number,
+  /**
+   * Wrapped shape the badge should overlap.
+   * @default 'rectangular'
+   */
+  overlap: r.oneOf(["circular", "rectangular"]),
+  /**
+   * Controls whether the badge is hidden when `badgeContent` is zero.
+   * @default false
+   */
+  showZero: r.bool,
+  /**
+   * The props used for each slot inside the Badge.
+   * @default {}
+   */
+  slotProps: r.shape({
+    badge: r.oneOfType([r.func, r.object]),
+    root: r.oneOfType([r.func, r.object])
+  }),
+  /**
+   * The components used for each slot inside the Badge.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: r.shape({
+    badge: r.elementType,
+    root: r.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant: r.oneOfType([r.oneOf(["dot", "standard"]), r.string])
+});
+export {
+  lo as default
+};

@@ -0,0 +1,37 @@
+import o from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.mjs";
+import i from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.mjs";
+function n(r) {
+  return i("MuiBadge", r);
+}
+const c = o("MuiBadge", [
+  "root",
+  "badge",
+  "dot",
+  "standard",
+  "anchorOriginTopRight",
+  "anchorOriginBottomRight",
+  "anchorOriginTopLeft",
+  "anchorOriginBottomLeft",
+  "invisible",
+  "colorError",
+  "colorInfo",
+  "colorPrimary",
+  "colorSecondary",
+  "colorSuccess",
+  "colorWarning",
+  "overlapRectangular",
+  "overlapCircular",
+  // TODO: v6 remove the overlap value from these class keys
+  "anchorOriginTopLeftCircular",
+  "anchorOriginTopLeftRectangular",
+  "anchorOriginTopRightCircular",
+  "anchorOriginTopRightRectangular",
+  "anchorOriginBottomLeftCircular",
+  "anchorOriginBottomLeftRectangular",
+  "anchorOriginBottomRightCircular",
+  "anchorOriginBottomRightRectangular"
+]);
+export {
+  c as default,
+  n as getBadgeUtilityClass
+};

@@ -0,0 +1,27 @@
+import b from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/usePreviousProps/usePreviousProps.mjs";
+function d(t) {
+  const {
+    badgeContent: s,
+    invisible: a = !1,
+    max: i = 99,
+    showZero: r = !1
+  } = t, l = b({
+    badgeContent: s,
+    max: i
+  });
+  let o = a;
+  a === !1 && s === 0 && !r && (o = !0);
+  const {
+    badgeContent: e,
+    max: n = i
+  } = o ? l : t, u = e && Number(e) > n ? `${n}+` : e;
+  return {
+    badgeContent: e,
+    invisible: o,
+    max: n,
+    displayValue: u
+  };
+}
+export {
+  d as default
+};