npm - @max-ts/components - Versions diffs - 0.3.9 → 0.3.11 - Mend

@max-ts/components 0.3.9 → 0.3.11

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 (777) hide show

package/lib/node_modules/.pnpm/@mui_system@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion_st_c5f7f174f9b5adeef9715dbb91d6998a/node_modules/@mui/system/esm/createTheme/createTheme.mjs DELETED Viewed

@@ -1,44 +0,0 @@
-import f from "../createBreakpoints/createBreakpoints.mjs";
-import h from "./shape.mjs";
-import g from "./createSpacing.mjs";
-import x from "../styleFunctionSx/styleFunctionSx.mjs";
-import b from "../styleFunctionSx/defaultSxConfig.mjs";
-import d from "./applyStyles.mjs";
-import n from "../../../../../../@mui_utils@6.4.6_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/deepmerge/deepmerge.mjs";
-import y from "../cssContainerQueries/cssContainerQueries.mjs";
-function Q(p = {}, ...s) {
-  const {
-    breakpoints: i = {},
-    palette: a = {},
-    spacing: m,
-    shape: c = {},
-    ...o
-  } = p, u = f(i), l = g(m);
-  let e = n({
-    breakpoints: u,
-    direction: "ltr",
-    components: {},
-    // Inject component definitions.
-    palette: {
-      mode: "light",
-      ...a
-    },
-    spacing: l,
-    shape: {
-      ...h,
-      ...c
-    }
-  }, o);
-  return e = y(e), e.applyStyles = d, e = s.reduce((r, t) => n(r, t), e), e.unstable_sxConfig = {
-    ...b,
-    ...o?.unstable_sxConfig
-  }, e.unstable_sx = function(t) {
-    return x({
-      sx: t,
-      theme: this
-    });
-  }, e;
-}
-export {
-  Q as default
-};

@@ -1,6 +0,0 @@
-const a = {
-  borderRadius: 4
-};
-export {
-  a as default
-};

@@ -1,49 +0,0 @@
-import u from "../../../../../../@mui_utils@6.4.6_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.mjs";
-function l(n, r) {
-  if (!n.containerQueries)
-    return r;
-  const o = Object.keys(r).filter((e) => e.startsWith("@container")).sort((e, i) => {
-    const t = /min-width:\s*([0-9.]+)/;
-    return +(e.match(t)?.[1] || 0) - +(i.match(t)?.[1] || 0);
-  });
-  return o.length ? o.reduce((e, i) => {
-    const t = r[i];
-    return delete e[i], e[i] = t, e;
-  }, {
-    ...r
-  }) : r;
-}
-function p(n, r) {
-  return r === "@" || r.startsWith("@") && (n.some((o) => r.startsWith(`@${o}`)) || !!r.match(/^@\d/));
-}
-function b(n, r) {
-  const o = r.match(/^@([^/]+)?\/?(.+)?$/);
-  if (!o) {
-    if (process.env.NODE_ENV !== "production")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : u(18, `(${r})`));
-    return null;
-  }
-  const [, e, i] = o, t = Number.isNaN(+e) ? e || 0 : +e;
-  return n.containerQueries(i).up(t);
-}
-function f(n) {
-  const r = (t, s) => t.replace("@media", s ? `@container ${s}` : "@container");
-  function o(t, s) {
-    t.up = (...a) => r(n.breakpoints.up(...a), s), t.down = (...a) => r(n.breakpoints.down(...a), s), t.between = (...a) => r(n.breakpoints.between(...a), s), t.only = (...a) => r(n.breakpoints.only(...a), s), t.not = (...a) => {
-      const c = r(n.breakpoints.not(...a), s);
-      return c.includes("not all and") ? c.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : c;
-    };
-  }
-  const e = {}, i = (t) => (o(e, t), e);
-  return o(i), {
-    ...n,
-    containerQueries: i
-  };
-}
-export {
-  f as default,
-  b as getContainerQuery,
-  p as isCqShorthand,
-  l as sortContainerQueries
-};

@@ -1,78 +0,0 @@
-import p from "../responsivePropType/responsivePropType.mjs";
-import r from "../style/style.mjs";
-import c from "../compose/compose.mjs";
-import { createUnaryUnit as a, getValue as l } from "../spacing/spacing.mjs";
-import { handleBreakpoints as s } from "../breakpoints/breakpoints.mjs";
-const u = (o) => {
-  if (o.gap !== void 0 && o.gap !== null) {
-    const e = a(o.theme, "spacing", 8, "gap"), n = (t) => ({
-      gap: l(e, t)
-    });
-    return s(o, o.gap, n);
-  }
-  return null;
-};
-u.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: p
-} : {};
-u.filterProps = ["gap"];
-const i = (o) => {
-  if (o.columnGap !== void 0 && o.columnGap !== null) {
-    const e = a(o.theme, "spacing", 8, "columnGap"), n = (t) => ({
-      columnGap: l(e, t)
-    });
-    return s(o, o.columnGap, n);
-  }
-  return null;
-};
-i.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: p
-} : {};
-i.filterProps = ["columnGap"];
-const m = (o) => {
-  if (o.rowGap !== void 0 && o.rowGap !== null) {
-    const e = a(o.theme, "spacing", 8, "rowGap"), n = (t) => ({
-      rowGap: l(e, t)
-    });
-    return s(o, o.rowGap, n);
-  }
-  return null;
-};
-m.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: p
-} : {};
-m.filterProps = ["rowGap"];
-const g = r({
-  prop: "gridColumn"
-}), d = r({
-  prop: "gridRow"
-}), f = r({
-  prop: "gridAutoFlow"
-}), w = r({
-  prop: "gridAutoColumns"
-}), G = r({
-  prop: "gridAutoRows"
-}), A = r({
-  prop: "gridTemplateColumns"
-}), T = r({
-  prop: "gridTemplateRows"
-}), y = r({
-  prop: "gridTemplateAreas"
-}), P = r({
-  prop: "gridArea"
-});
-c(u, i, m, g, d, f, w, G, A, T, y, P);
-export {
-  i as columnGap,
-  u as gap,
-  P as gridArea,
-  w as gridAutoColumns,
-  f as gridAutoFlow,
-  G as gridAutoRows,
-  g as gridColumn,
-  d as gridRow,
-  y as gridTemplateAreas,
-  A as gridTemplateColumns,
-  T as gridTemplateRows,
-  m as rowGap
-};

@@ -1,228 +0,0 @@
-import * as i from "react";
-import s from "../../../../../../../../_virtual/index.mjs";
-import fe, { DEFAULT_MODE_STORAGE_KEY as he, DEFAULT_COLOR_SCHEME_STORAGE_KEY as Se } from "../InitColorSchemeScript/InitColorSchemeScript.mjs";
-import pe from "./useCurrentColorScheme.mjs";
-import { j as g } from "../../../../../../../../_virtual/jsx-runtime.mjs";
-import ge from "../../../../../../@mui_private-theming@6.4.6_@types_react@19.0.10_react@19.0.0/node_modules/@mui/private-theming/useTheme/useTheme.mjs";
-import Ce from "../../../../../../@mui_utils@6.4.6_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/useEnhancedEffect/useEnhancedEffect.mjs";
-import ye from "../ThemeProvider/ThemeProvider.mjs";
-import Te from "../../../../../../@mui_styled-engine@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emo_d923415e8fe478b6f7f85ee7caa5c8bc/node_modules/@mui/styled-engine/GlobalStyles/GlobalStyles.mjs";
-const be = "*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
-function ke(Y) {
-  const {
-    themeId: O,
-    /**
-     * This `theme` object needs to follow a certain structure to
-     * be used correctly by the finel `CssVarsProvider`. It should have a
-     * `colorSchemes` key with the light and dark (and any other) palette.
-     * It should also ideally have a vars object created using `prepareCssVars`.
-     */
-    theme: C = {},
-    modeStorageKey: j = he,
-    colorSchemeStorageKey: _ = Se,
-    disableTransitionOnChange: B = !1,
-    defaultColorScheme: r,
-    resolveTheme: V
-  } = Y, H = {
-    allColorSchemes: [],
-    colorScheme: void 0,
-    darkColorScheme: void 0,
-    lightColorScheme: void 0,
-    mode: void 0,
-    setColorScheme: () => {
-    },
-    setMode: () => {
-    },
-    systemMode: void 0
-  }, S = /* @__PURE__ */ i.createContext(void 0);
-  process.env.NODE_ENV !== "production" && (S.displayName = "ColorSchemeContext");
-  const $ = () => i.useContext(S) || H, q = {}, J = {};
-  function k(y) {
-    const {
-      children: Z,
-      theme: T,
-      modeStorageKey: ee = j,
-      colorSchemeStorageKey: oe = _,
-      disableTransitionOnChange: w = B,
-      storageWindow: te = typeof window > "u" ? void 0 : window,
-      documentNode: m = typeof document > "u" ? void 0 : document,
-      colorSchemeNode: u = typeof document > "u" ? void 0 : document.documentElement,
-      disableNestedContext: re = !1,
-      disableStyleSheetGeneration: ne = !1,
-      defaultMode: se = "system",
-      noSsr: ce
-    } = y, b = i.useRef(!1), ie = ge(), E = i.useContext(S), x = !!E && !re, A = i.useMemo(() => T || (typeof C == "function" ? C() : C), [T]), D = A[O], a = D || A, {
-      colorSchemes: d = q,
-      components: I = J,
-      cssVarPrefix: M
-    } = a, P = Object.keys(d).filter((e) => !!d[e]).join(","), f = i.useMemo(() => P.split(","), [P]), L = typeof r == "string" ? r : r.light, R = typeof r == "string" ? r : r.dark, ae = d[L] && d[R] ? se : d[a.defaultColorScheme]?.palette?.mode || a.palette?.mode, {
-      mode: le,
-      setMode: v,
-      systemMode: G,
-      lightColorScheme: K,
-      darkColorScheme: W,
-      colorScheme: de,
-      setColorScheme: F
-    } = pe({
-      supportedColorSchemes: f,
-      defaultLightColorScheme: L,
-      defaultDarkColorScheme: R,
-      modeStorageKey: ee,
-      colorSchemeStorageKey: oe,
-      defaultMode: ae,
-      storageWindow: te,
-      noSsr: ce
-    });
-    let N = le, n = de;
-    x && (N = E.mode, n = E.colorScheme);
-    const p = i.useMemo(() => {
-      const e = n || a.defaultColorScheme, o = a.generateThemeVars?.() || a.vars, t = {
-        ...a,
-        components: I,
-        colorSchemes: d,
-        cssVarPrefix: M,
-        vars: o
-      };
-      if (typeof t.generateSpacing == "function" && (t.spacing = t.generateSpacing()), e) {
-        const l = d[e];
-        l && typeof l == "object" && Object.keys(l).forEach((c) => {
-          l[c] && typeof l[c] == "object" ? t[c] = {
-            ...t[c],
-            ...l[c]
-          } : t[c] = l[c];
-        });
-      }
-      return V ? V(t) : t;
-    }, [a, n, I, d, M]), h = a.colorSchemeSelector;
-    Ce(() => {
-      if (n && u && h && h !== "media") {
-        const e = h;
-        let o = h;
-        if (e === "class" && (o = ".%s"), e === "data" && (o = "[data-%s]"), e?.startsWith("data-") && !e.includes("%s") && (o = `[${e}="%s"]`), o.startsWith("."))
-          u.classList.remove(...f.map((t) => o.substring(1).replace("%s", t))), u.classList.add(o.substring(1).replace("%s", n));
-        else {
-          const t = o.replace("%s", n).match(/\[([^\]]+)\]/);
-          if (t) {
-            const [l, c] = t[1].split("=");
-            c || f.forEach((ue) => {
-              u.removeAttribute(l.replace(n, ue));
-            }), u.setAttribute(l, c ? c.replace(/"|'/g, "") : "");
-          } else
-            u.setAttribute(o, n);
-        }
-      }
-    }, [n, h, u, f]), i.useEffect(() => {
-      let e;
-      if (w && b.current && m) {
-        const o = m.createElement("style");
-        o.appendChild(m.createTextNode(be)), m.head.appendChild(o), window.getComputedStyle(m.body), e = setTimeout(() => {
-          m.head.removeChild(o);
-        }, 1);
-      }
-      return () => {
-        clearTimeout(e);
-      };
-    }, [n, w, m]), i.useEffect(() => (b.current = !0, () => {
-      b.current = !1;
-    }), []);
-    const me = i.useMemo(() => ({
-      allColorSchemes: f,
-      colorScheme: n,
-      darkColorScheme: W,
-      lightColorScheme: K,
-      mode: N,
-      setColorScheme: F,
-      setMode: process.env.NODE_ENV === "production" ? v : (e) => {
-        p.colorSchemeSelector === "media" && console.error(["MUI: The `setMode` function has no effect if `colorSchemeSelector` is `media` (`media` is the default value).", "To toggle the mode manually, please configure `colorSchemeSelector` to use a class or data attribute.", "To learn more, visit https://mui.com/material-ui/customization/css-theme-variables/configuration/#toggling-dark-mode-manually"].join(`
-`)), v(e);
-      },
-      systemMode: G
-    }), [f, n, W, K, N, F, v, G, p.colorSchemeSelector]);
-    let U = !0;
-    (ne || a.cssVariables === !1 || x && ie?.cssVarPrefix === M) && (U = !1);
-    const z = /* @__PURE__ */ g.jsxs(i.Fragment, {
-      children: [/* @__PURE__ */ g.jsx(ye, {
-        themeId: D ? O : void 0,
-        theme: p,
-        children: Z
-      }), U && /* @__PURE__ */ g.jsx(Te, {
-        styles: p.generateStyleSheets?.() || []
-      })]
-    });
-    return x ? z : /* @__PURE__ */ g.jsx(S.Provider, {
-      value: me,
-      children: z
-    });
-  }
-  process.env.NODE_ENV !== "production" && (k.propTypes = {
-    /**
-     * The component tree.
-     */
-    children: s.node,
-    /**
-     * The node used to attach the color-scheme attribute
-     */
-    colorSchemeNode: s.any,
-    /**
-     * localStorage key used to store `colorScheme`
-     */
-    colorSchemeStorageKey: s.string,
-    /**
-     * The default mode when the storage is empty,
-     * require the theme to have `colorSchemes` with light and dark.
-     */
-    defaultMode: s.string,
-    /**
-     * If `true`, the provider creates its own context and generate stylesheet as if it is a root `CssVarsProvider`.
-     */
-    disableNestedContext: s.bool,
-    /**
-     * If `true`, the style sheet won't be generated.
-     *
-     * This is useful for controlling nested CssVarsProvider behavior.
-     */
-    disableStyleSheetGeneration: s.bool,
-    /**
-     * Disable CSS transitions when switching between modes or color schemes.
-     */
-    disableTransitionOnChange: s.bool,
-    /**
-     * The document to attach the attribute to.
-     */
-    documentNode: s.any,
-    /**
-     * The key in the local storage used to store current color scheme.
-     */
-    modeStorageKey: s.string,
-    /**
-     * If `true`, the mode will be the same value as the storage without an extra rerendering after the hydration.
-     * You should use this option in conjuction with `InitColorSchemeScript` component.
-     */
-    noSsr: s.bool,
-    /**
-     * The window that attaches the 'storage' event listener.
-     * @default window
-     */
-    storageWindow: s.any,
-    /**
-     * The calculated theme object that will be passed through context.
-     */
-    theme: s.object
-  });
-  const Q = typeof r == "string" ? r : r.light, X = typeof r == "string" ? r : r.dark;
-  return {
-    CssVarsProvider: k,
-    useColorScheme: $,
-    getInitColorSchemeScript: (y) => fe({
-      colorSchemeStorageKey: _,
-      defaultLightColorScheme: Q,
-      defaultDarkColorScheme: X,
-      modeStorageKey: j,
-      ...y
-    })
-  };
-}
-export {
-  be as DISABLE_CSS_TRANSITION,
-  ke as default
-};

@@ -1,12 +0,0 @@
-function c(n = "") {
-  function r(...e) {
-    if (!e.length)
-      return "";
-    const t = e[0];
-    return typeof t == "string" && !t.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${n ? `${n}-` : ""}${t}${r(...e.slice(1))})` : `, ${t}`;
-  }
-  return (e, ...t) => `var(--${n ? `${n}-` : ""}${e}${r(...t)})`;
-}
-export {
-  c as default
-};

@@ -1,41 +0,0 @@
-const d = (o, e, s, c = []) => {
-  let t = o;
-  e.forEach((n, f) => {
-    f === e.length - 1 ? Array.isArray(t) ? t[Number(n)] = s : t && typeof t == "object" && (t[n] = s) : t && typeof t == "object" && (t[n] || (t[n] = c.includes(n) ? [] : {}), t = t[n]);
-  });
-}, j = (o, e, s) => {
-  function c(t, n = [], f = []) {
-    Object.entries(t).forEach(([r, i]) => {
-      (!s || s && !s([...n, r])) && i != null && (typeof i == "object" && Object.keys(i).length > 0 ? c(i, [...n, r], Array.isArray(i) ? [...f, r] : f) : e([...n, r], i, f));
-    });
-  }
-  c(o);
-}, $ = (o, e) => typeof e == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((c) => o.includes(c)) || o[o.length - 1].toLowerCase().includes("opacity") ? e : `${e}px` : e;
-function l(o, e) {
-  const {
-    prefix: s,
-    shouldSkipGeneratingVar: c
-  } = e || {}, t = {}, n = {}, f = {};
-  return j(
-    o,
-    (r, i, g) => {
-      if ((typeof i == "string" || typeof i == "number") && (!c || !c(r, i))) {
-        const b = `--${s ? `${s}-` : ""}${r.join("-")}`, p = $(r, i);
-        Object.assign(t, {
-          [b]: p
-        }), d(n, r, `var(${b})`, g), d(f, r, `var(${b}, ${p})`, g);
-      }
-    },
-    (r) => r[0] === "vars"
-    // skip 'vars/*' paths
-  ), {
-    css: t,
-    vars: n,
-    varsWithDefaults: f
-  };
-}
-export {
-  d as assignNestedKeys,
-  l as default,
-  j as walkObjectDeep
-};

@@ -1,8 +0,0 @@
-function n(r) {
-  return function(t) {
-    return r === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : r ? r.startsWith("data-") && !r.includes("%s") ? `[${r}="${t}"] &` : r === "class" ? `.${t} &` : r === "data" ? `[data-${t}] &` : `${r.replace("%s", t)} &` : "&";
-  };
-}
-export {
-  n as createGetColorSchemeSelector
-};

@@ -1,117 +0,0 @@
-import S from "./cssVarsParser.mjs";
-import p from "../../../../../../@mui_utils@6.4.6_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/deepmerge/deepmerge.mjs";
-function M(i, f = {}) {
-  const {
-    getSelector: m = y,
-    disableCssColorScheme: C,
-    colorSchemeSelector: a
-  } = f, {
-    colorSchemes: h = {},
-    components: E,
-    defaultColorScheme: g = "light",
-    ...W
-  } = i, {
-    vars: j,
-    css: v,
-    varsWithDefaults: D
-  } = S(W, f);
-  let c = D;
-  const u = {}, {
-    [g]: V,
-    ...O
-  } = h;
-  if (Object.entries(O || {}).forEach(([e, s]) => {
-    const {
-      vars: t,
-      css: n,
-      varsWithDefaults: d
-    } = S(s, f);
-    c = p(c, d), u[e] = {
-      css: n,
-      vars: t
-    };
-  }), V) {
-    const {
-      css: e,
-      vars: s,
-      varsWithDefaults: t
-    } = S(V, f);
-    c = p(c, t), u[g] = {
-      css: e,
-      vars: s
-    };
-  }
-  function y(e, s) {
-    let t = a;
-    if (a === "class" && (t = ".%s"), a === "data" && (t = "[data-%s]"), a?.startsWith("data-") && !a.includes("%s") && (t = `[${a}="%s"]`), e) {
-      if (t === "media")
-        return i.defaultColorScheme === e ? ":root" : {
-          [`@media (prefers-color-scheme: ${h[e]?.palette?.mode || e})`]: {
-            ":root": s
-          }
-        };
-      if (t)
-        return i.defaultColorScheme === e ? `:root, ${t.replace("%s", String(e))}` : t.replace("%s", String(e));
-    }
-    return ":root";
-  }
-  return {
-    vars: c,
-    generateThemeVars: () => {
-      let e = {
-        ...j
-      };
-      return Object.entries(u).forEach(([, {
-        vars: s
-      }]) => {
-        e = p(e, s);
-      }), e;
-    },
-    generateStyleSheets: () => {
-      const e = [], s = i.defaultColorScheme || "light";
-      function t(r, o) {
-        Object.keys(o).length && e.push(typeof r == "string" ? {
-          [r]: {
-            ...o
-          }
-        } : r);
-      }
-      t(m(void 0, {
-        ...v
-      }), v);
-      const {
-        [s]: n,
-        ...d
-      } = u;
-      if (n) {
-        const {
-          css: r
-        } = n, o = h[s]?.palette?.mode, l = !C && o ? {
-          colorScheme: o,
-          ...r
-        } : {
-          ...r
-        };
-        t(m(s, {
-          ...l
-        }), l);
-      }
-      return Object.entries(d).forEach(([r, {
-        css: o
-      }]) => {
-        const l = h[r]?.palette?.mode, b = !C && l ? {
-          colorScheme: l,
-          ...o
-        } : {
-          ...o
-        };
-        t(m(r, {
-          ...b
-        }), b);
-      }), e;
-    }
-  };
-}
-export {
-  M as default
-};

@@ -1,10 +0,0 @@
-function i(n) {
-  const e = {};
-  return Object.entries(n).forEach((o) => {
-    const [r, t] = o;
-    typeof t == "object" && (e[r] = `${t.fontStyle ? `${t.fontStyle} ` : ""}${t.fontVariant ? `${t.fontVariant} ` : ""}${t.fontWeight ? `${t.fontWeight} ` : ""}${t.fontStretch ? `${t.fontStretch} ` : ""}${t.fontSize || ""}${t.lineHeight ? `/${t.lineHeight} ` : ""}${t.fontFamily || ""}`);
-  }), e;
-}
-export {
-  i as default
-};