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

@max-ts/components 0.3.4 → 0.3.5

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

@@ -0,0 +1,319 @@
+import * as p from "react";
+import e from "../../../../../../../_virtual/index.mjs";
+import { clsx as R } from "../../../../../clsx@2.1.1/node_modules/clsx/dist/clsx.mjs";
+import B from "../utils/memoTheme.mjs";
+import t, { getTabUtilityClass as E } from "./tabClasses.mjs";
+import { j as y } from "../../../../../../../_virtual/jsx-runtime.mjs";
+import { useDefaultProps as D } from "../DefaultPropsProvider/DefaultPropsProvider.mjs";
+import H from "../styles/styled.mjs";
+import W from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/capitalize/capitalize.mjs";
+import I from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/composeClasses/composeClasses.mjs";
+import z from "../ButtonBase/ButtonBase.mjs";
+import M from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/unsupportedProp/unsupportedProp.mjs";
+const U = (i) => {
+  const {
+    classes: o,
+    textColor: l,
+    fullWidth: c,
+    wrapped: u,
+    icon: d,
+    label: f,
+    selected: x,
+    disabled: s
+  } = i, r = {
+    root: ["root", d && f && "labelIcon", `textColor${W(l)}`, c && "fullWidth", u && "wrapped", x && "selected", s && "disabled"],
+    icon: ["iconWrapper", "icon"]
+  };
+  return I(r, E, o);
+}, V = H(z, {
+  name: "MuiTab",
+  slot: "Root",
+  overridesResolver: (i, o) => {
+    const {
+      ownerState: l
+    } = i;
+    return [o.root, l.label && l.icon && o.labelIcon, o[`textColor${W(l.textColor)}`], l.fullWidth && o.fullWidth, l.wrapped && o.wrapped, {
+      [`& .${t.iconWrapper}`]: o.iconWrapper
+    }, {
+      [`& .${t.icon}`]: o.icon
+    }];
+  }
+})(B(({
+  theme: i
+}) => ({
+  ...i.typography.button,
+  maxWidth: 360,
+  minWidth: 90,
+  position: "relative",
+  minHeight: 48,
+  flexShrink: 0,
+  padding: "12px 16px",
+  overflow: "hidden",
+  whiteSpace: "normal",
+  textAlign: "center",
+  lineHeight: 1.25,
+  variants: [{
+    props: ({
+      ownerState: o
+    }) => o.label && (o.iconPosition === "top" || o.iconPosition === "bottom"),
+    style: {
+      flexDirection: "column"
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.label && o.iconPosition !== "top" && o.iconPosition !== "bottom",
+    style: {
+      flexDirection: "row"
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.icon && o.label,
+    style: {
+      minHeight: 72,
+      paddingTop: 9,
+      paddingBottom: 9
+    }
+  }, {
+    props: ({
+      ownerState: o,
+      iconPosition: l
+    }) => o.icon && o.label && l === "top",
+    style: {
+      [`& > .${t.icon}`]: {
+        marginBottom: 6
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o,
+      iconPosition: l
+    }) => o.icon && o.label && l === "bottom",
+    style: {
+      [`& > .${t.icon}`]: {
+        marginTop: 6
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o,
+      iconPosition: l
+    }) => o.icon && o.label && l === "start",
+    style: {
+      [`& > .${t.icon}`]: {
+        marginRight: i.spacing(1)
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o,
+      iconPosition: l
+    }) => o.icon && o.label && l === "end",
+    style: {
+      [`& > .${t.icon}`]: {
+        marginLeft: i.spacing(1)
+      }
+    }
+  }, {
+    props: {
+      textColor: "inherit"
+    },
+    style: {
+      color: "inherit",
+      opacity: 0.6,
+      // same opacity as theme.palette.text.secondary
+      [`&.${t.selected}`]: {
+        opacity: 1
+      },
+      [`&.${t.disabled}`]: {
+        opacity: (i.vars || i).palette.action.disabledOpacity
+      }
+    }
+  }, {
+    props: {
+      textColor: "primary"
+    },
+    style: {
+      color: (i.vars || i).palette.text.secondary,
+      [`&.${t.selected}`]: {
+        color: (i.vars || i).palette.primary.main
+      },
+      [`&.${t.disabled}`]: {
+        color: (i.vars || i).palette.text.disabled
+      }
+    }
+  }, {
+    props: {
+      textColor: "secondary"
+    },
+    style: {
+      color: (i.vars || i).palette.text.secondary,
+      [`&.${t.selected}`]: {
+        color: (i.vars || i).palette.secondary.main
+      },
+      [`&.${t.disabled}`]: {
+        color: (i.vars || i).palette.text.disabled
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.fullWidth,
+    style: {
+      flexShrink: 1,
+      flexGrow: 1,
+      flexBasis: 0,
+      maxWidth: "none"
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.wrapped,
+    style: {
+      fontSize: i.typography.pxToRem(12)
+    }
+  }]
+}))), A = /* @__PURE__ */ p.forwardRef(function(o, l) {
+  const c = D({
+    props: o,
+    name: "MuiTab"
+  }), {
+    className: u,
+    disabled: d = !1,
+    disableFocusRipple: f = !1,
+    // eslint-disable-next-line react/prop-types
+    fullWidth: x,
+    icon: s,
+    iconPosition: r = "top",
+    // eslint-disable-next-line react/prop-types
+    indicator: F,
+    label: b,
+    onChange: m,
+    onClick: g,
+    onFocus: C,
+    // eslint-disable-next-line react/prop-types
+    selected: a,
+    // eslint-disable-next-line react/prop-types
+    selectionFollowsFocus: P,
+    // eslint-disable-next-line react/prop-types
+    textColor: j = "inherit",
+    value: h,
+    wrapped: w = !1,
+    ...N
+  } = c, T = {
+    ...c,
+    disabled: d,
+    disableFocusRipple: f,
+    selected: a,
+    icon: !!s,
+    iconPosition: r,
+    label: !!b,
+    fullWidth: x,
+    textColor: j,
+    wrapped: w
+  }, v = U(T), $ = s && b && /* @__PURE__ */ p.isValidElement(s) ? /* @__PURE__ */ p.cloneElement(s, {
+    className: R(v.icon, s.props.className)
+  }) : s, O = (n) => {
+    !a && m && m(n, h), g && g(n);
+  }, k = (n) => {
+    P && !a && m && m(n, h), C && C(n);
+  };
+  return /* @__PURE__ */ y.jsxs(V, {
+    focusRipple: !f,
+    className: R(v.root, u),
+    ref: l,
+    role: "tab",
+    "aria-selected": a,
+    disabled: d,
+    onClick: O,
+    onFocus: k,
+    ownerState: T,
+    tabIndex: a ? 0 : -1,
+    ...N,
+    children: [r === "top" || r === "start" ? /* @__PURE__ */ y.jsxs(p.Fragment, {
+      children: [$, b]
+    }) : /* @__PURE__ */ y.jsxs(p.Fragment, {
+      children: [b, $]
+    }), F]
+  });
+});
+process.env.NODE_ENV !== "production" && (A.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children: M,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display.
+   */
+  icon: e.oneOfType([e.element, e.string]),
+  /**
+   * The position of the icon relative to the label.
+   * @default 'top'
+   */
+  iconPosition: e.oneOf(["bottom", "end", "start", "top"]),
+  /**
+   * The label element.
+   */
+  label: e.node,
+  /**
+   * @ignore
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onClick: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value: e.any,
+  /**
+   * Tab labels appear in a single row.
+   * They can use a second line if needed.
+   * @default false
+   */
+  wrapped: e.bool
+});
+export {
+  A as default
+};

@@ -0,0 +1,10 @@
+import e from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.mjs";
+import r 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(t) {
+  return r("MuiTab", t);
+}
+const l = e("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]);
+export {
+  l as default,
+  i as getTabUtilityClass
+};

@@ -0,0 +1,160 @@
+import * as h from "react";
+import o from "../../../../../../../_virtual/index.mjs";
+import { clsx as v } from "../../../../../clsx@2.1.1/node_modules/clsx/dist/clsx.mjs";
+import { useRtl as I } 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/RtlProvider/index.mjs";
+import R from "../internal/svg-icons/KeyboardArrowLeft.mjs";
+import x from "../internal/svg-icons/KeyboardArrowRight.mjs";
+import j, { getTabScrollButtonUtilityClass as P } from "./tabScrollButtonClasses.mjs";
+import { j as l } from "../../../../../../../_virtual/jsx-runtime.mjs";
+import { useDefaultProps as g } from "../DefaultPropsProvider/DefaultPropsProvider.mjs";
+import f 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 O from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/composeClasses/composeClasses.mjs";
+import E from "../ButtonBase/ButtonBase.mjs";
+const N = (r) => {
+  const {
+    classes: t,
+    orientation: e,
+    disabled: n
+  } = r;
+  return O({
+    root: ["root", e, n && "disabled"]
+  }, P, t);
+}, C = w(E, {
+  name: "MuiTabScrollButton",
+  slot: "Root",
+  overridesResolver: (r, t) => {
+    const {
+      ownerState: e
+    } = r;
+    return [t.root, e.orientation && t[e.orientation]];
+  }
+})({
+  width: 40,
+  flexShrink: 0,
+  opacity: 0.8,
+  [`&.${j.disabled}`]: {
+    opacity: 0
+  },
+  variants: [{
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      width: "100%",
+      height: 40,
+      "& svg": {
+        transform: "var(--TabScrollButton-svgRotate)"
+      }
+    }
+  }]
+}), z = /* @__PURE__ */ h.forwardRef(function(t, e) {
+  const n = g({
+    props: t,
+    name: "MuiTabScrollButton"
+  }), {
+    className: a,
+    slots: c = {},
+    slotProps: i = {},
+    direction: S,
+    orientation: b,
+    disabled: q,
+    ...p
+  } = n, u = I(), s = {
+    isRtl: u,
+    ...n
+  }, B = N(s), m = c.StartScrollButtonIcon ?? R, d = c.EndScrollButtonIcon ?? x, y = f({
+    elementType: m,
+    externalSlotProps: i.startScrollButtonIcon,
+    additionalProps: {
+      fontSize: "small"
+    },
+    ownerState: s
+  }), T = f({
+    elementType: d,
+    externalSlotProps: i.endScrollButtonIcon,
+    additionalProps: {
+      fontSize: "small"
+    },
+    ownerState: s
+  });
+  return /* @__PURE__ */ l.jsx(C, {
+    component: "div",
+    className: v(B.root, a),
+    ref: e,
+    role: null,
+    ownerState: s,
+    tabIndex: null,
+    ...p,
+    style: {
+      ...p.style,
+      ...b === "vertical" && {
+        "--TabScrollButton-svgRotate": `rotate(${u ? -90 : 90}deg)`
+      }
+    },
+    children: S === "left" ? /* @__PURE__ */ l.jsx(m, {
+      ...y
+    }) : /* @__PURE__ */ l.jsx(d, {
+      ...T
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (z.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 direction the button should indicate.
+   */
+  direction: o.oneOf(["left", "right"]).isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * The component orientation (layout flow direction).
+   */
+  orientation: o.oneOf(["horizontal", "vertical"]).isRequired,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   * @default {}
+   */
+  slotProps: o.shape({
+    endScrollButtonIcon: o.oneOfType([o.func, o.object]),
+    startScrollButtonIcon: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    EndScrollButtonIcon: o.elementType,
+    StartScrollButtonIcon: o.elementType
+  }),
+  /**
+   * @ignore
+   */
+  style: o.object,
+  /**
+   * 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])
+});
+export {
+  z as default
+};

@@ -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 e(t) {
+  return o("MuiTabScrollButton", t);
+}
+const i = l("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]);
+export {
+  i as default,
+  e as getTabScrollButtonUtilityClass
+};

@@ -0,0 +1,42 @@
+import * as n from "react";
+import p from "../../../../../../../_virtual/index.mjs";
+import { j as a } from "../../../../../../../_virtual/jsx-runtime.mjs";
+import l from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.mjs";
+import m from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/debounce/debounce.mjs";
+import d from "../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/ownerWindow/ownerWindow.mjs";
+const h = {
+  width: 99,
+  height: 99,
+  position: "absolute",
+  top: -9999,
+  overflow: "scroll"
+};
+function v(c) {
+  const {
+    onChange: r,
+    ...u
+  } = c, e = n.useRef(), t = n.useRef(null), s = () => {
+    e.current = t.current.offsetHeight - t.current.clientHeight;
+  };
+  return l(() => {
+    const o = m(() => {
+      const f = e.current;
+      s(), f !== e.current && r(e.current);
+    }), i = d(t.current);
+    return i.addEventListener("resize", o), () => {
+      o.clear(), i.removeEventListener("resize", o);
+    };
+  }, [r]), n.useEffect(() => {
+    s(), r(e.current);
+  }, [r]), /* @__PURE__ */ a.jsx("div", {
+    style: h,
+    ...u,
+    ref: t
+  });
+}
+process.env.NODE_ENV !== "production" && (v.propTypes = {
+  onChange: p.func.isRequired
+});
+export {
+  v as default
+};