npm - @max-ts/components - Versions diffs - 0.2.4 → 0.3.0 - Mend

@max-ts/components 0.2.4 → 0.3.0

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

package/lib/node_modules/.pnpm/@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/cssVars/prepareCssVars.mjs ADDED Viewed

@@ -0,0 +1,117 @@
+import S from "./cssVarsParser.mjs";
+import p from "../../../../../../@mui_utils@6.4.3_@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
+};

@@ -0,0 +1,10 @@
+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
+};

@@ -0,0 +1,7 @@
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
+}
+export {
+  u as default
+};

@@ -0,0 +1,10 @@
+import f from "../../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/deepmerge/deepmerge.mjs";
+function o(e, r) {
+  return r ? f(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+export {
+  o as default
+};

@@ -0,0 +1,26 @@
+import o from "../style/style.mjs";
+import p from "../compose/compose.mjs";
+function r(e, t) {
+  return t === "grey" ? t : e;
+}
+const n = o({
+  prop: "color",
+  themeKey: "palette",
+  transform: r
+}), c = o({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: r
+}), m = o({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: r
+});
+p(n, c, m);
+export {
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
+};

@@ -0,0 +1,17 @@
+import { internal_serializeStyles as l } from "../../../../../@mui_styled-engine@6.4.3_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emo_6faee6770fc007ef214af3c8aa5695a8/node_modules/@mui/styled-engine/index.mjs";
+function i(o) {
+  const {
+    variants: e,
+    ...r
+  } = o, t = {
+    variants: e,
+    style: l(r),
+    isProcessed: !0
+  };
+  return t.style === r || e && e.forEach((s) => {
+    typeof s.style != "function" && (s.style = l(s.style));
+  }), t;
+}
+export {
+  i as default
+};

@@ -0,0 +1,5 @@
+import e from "../../../../../../../../_virtual/index4.mjs";
+const r = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {};
+export {
+  r as default
+};

@@ -0,0 +1,63 @@
+import i from "../style/style.mjs";
+import s from "../compose/compose.mjs";
+import { handleBreakpoints as h, values as a } from "../breakpoints/breakpoints.mjs";
+function r(t) {
+  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
+}
+const f = i({
+  prop: "width",
+  transform: r
+}), e = (t) => {
+  if (t.maxWidth !== void 0 && t.maxWidth !== null) {
+    const m = (n) => {
+      const o = t.theme?.breakpoints?.values?.[n] || a[n];
+      return o ? t.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${o}${t.theme.breakpoints.unit}`
+      } : {
+        maxWidth: o
+      } : {
+        maxWidth: r(n)
+      };
+    };
+    return h(t, t.maxWidth, m);
+  }
+  return null;
+};
+e.filterProps = ["maxWidth"];
+const d = i({
+  prop: "minWidth",
+  transform: r
+}), p = i({
+  prop: "height",
+  transform: r
+}), x = i({
+  prop: "maxHeight",
+  transform: r
+}), c = i({
+  prop: "minHeight",
+  transform: r
+});
+i({
+  prop: "size",
+  cssProperty: "width",
+  transform: r
+});
+i({
+  prop: "size",
+  cssProperty: "height",
+  transform: r
+});
+const g = i({
+  prop: "boxSizing"
+});
+s(f, e, d, p, x, c, g);
+export {
+  g as boxSizing,
+  p as height,
+  x as maxHeight,
+  e as maxWidth,
+  c as minHeight,
+  d as minWidth,
+  r as sizingTransform,
+  f as width
+};

@@ -0,0 +1,84 @@
+import { getPath as l } from "../style/style.mjs";
+import y from "../merge/merge.mjs";
+import h from "../memoize/memoize.mjs";
+import c from "../responsivePropType/responsivePropType.mjs";
+import { handleBreakpoints as E } from "../breakpoints/breakpoints.mjs";
+const b = {
+  m: "margin",
+  p: "padding"
+}, N = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, p = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, $ = h((n) => {
+  if (n.length > 2)
+    if (p[n])
+      n = p[n];
+    else
+      return [n];
+  const [e, i] = n.split(""), o = b[e], r = N[i] || "";
+  return Array.isArray(r) ? r.map((t) => o + t) : [o + r];
+}), u = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], d = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], I = [...u, ...d];
+function B(n, e, i, o) {
+  const r = l(n, e, !0) ?? i;
+  return typeof r == "number" || typeof r == "string" ? (t) => typeof t == "string" ? t : (process.env.NODE_ENV !== "production" && typeof t != "number" && console.error(`MUI: Expected ${o} argument to be a number or a string, got ${t}.`), typeof r == "string" ? `calc(${t} * ${r})` : r * t) : Array.isArray(r) ? (t) => {
+    if (typeof t == "string")
+      return t;
+    const s = Math.abs(t);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > r.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(r)}.`, `${s} > ${r.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${e}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${e}\` as a number.`].join(`
+`)));
+    const a = r[s];
+    return t >= 0 ? a : typeof a == "number" ? -a : `-${a}`;
+  } : typeof r == "function" ? r : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${e}\` value (${r}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function T(n) {
+  return B(n, "spacing", 8, "spacing");
+}
+function v(n, e) {
+  return typeof e == "string" || e == null ? e : n(e);
+}
+function P(n, e) {
+  return (i) => n.reduce((o, r) => (o[r] = v(e, i), o), {});
+}
+function k(n, e, i, o) {
+  if (!e.includes(i))
+    return null;
+  const r = $(i), t = P(r, o), s = n[i];
+  return E(n, s, t);
+}
+function g(n, e) {
+  const i = T(n.theme);
+  return Object.keys(n).map((o) => k(n, e, o, i)).reduce(y, {});
+}
+function m(n) {
+  return g(n, u);
+}
+m.propTypes = process.env.NODE_ENV !== "production" ? u.reduce((n, e) => (n[e] = c, n), {}) : {};
+m.filterProps = u;
+function f(n) {
+  return g(n, d);
+}
+f.propTypes = process.env.NODE_ENV !== "production" ? d.reduce((n, e) => (n[e] = c, n), {}) : {};
+f.filterProps = d;
+process.env.NODE_ENV !== "production" && I.reduce((n, e) => (n[e] = c, n), {});
+export {
+  T as createUnarySpacing,
+  B as createUnaryUnit,
+  P as getStyleFromPropValue,
+  v as getValue,
+  m as margin,
+  u as marginKeys,
+  f as padding,
+  d as paddingKeys
+};

@@ -0,0 +1,43 @@
+import P from "../responsivePropType/responsivePropType.mjs";
+import { handleBreakpoints as m } from "../breakpoints/breakpoints.mjs";
+import $ from "../../../../../../@mui_utils@6.4.3_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/capitalize/capitalize.mjs";
+function c(t, e, f = !0) {
+  if (!e || typeof e != "string")
+    return null;
+  if (t && t.vars && f) {
+    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
+    if (n != null)
+      return n;
+  }
+  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
+}
+function y(t, e, f, n = f) {
+  let r;
+  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
+}
+function k(t) {
+  const {
+    prop: e,
+    cssProperty: f = t.prop,
+    themeKey: n,
+    transform: r
+  } = t, s = (o) => {
+    if (o[e] == null)
+      return null;
+    const v = o[e], d = o.theme, i = c(d, n) || {};
+    return m(o, v, (u) => {
+      let l = y(i, r, u);
+      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
+        [f]: l
+      };
+    });
+  };
+  return s.propTypes = process.env.NODE_ENV !== "production" ? {
+    [e]: P
+  } : {}, s.filterProps = [e], s;
+}
+export {
+  k as default,
+  c as getPath,
+  y as getStyleValue
+};

@@ -0,0 +1,296 @@
+import { sizingTransform as o, maxWidth as s } from "../sizing/sizing.mjs";
+import { columnGap as i, rowGap as n, gap as m } from "../cssGrid/cssGrid.mjs";
+import { margin as e, padding as t } from "../spacing/spacing.mjs";
+import { paletteTransform as l } from "../palette/palette.mjs";
+import { borderRadius as y, borderTransform as r } from "../borders/borders.mjs";
+const b = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: r
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: r
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: y
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: l
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: l
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: l
+  },
+  // spacing
+  p: {
+    style: t
+  },
+  pt: {
+    style: t
+  },
+  pr: {
+    style: t
+  },
+  pb: {
+    style: t
+  },
+  pl: {
+    style: t
+  },
+  px: {
+    style: t
+  },
+  py: {
+    style: t
+  },
+  padding: {
+    style: t
+  },
+  paddingTop: {
+    style: t
+  },
+  paddingRight: {
+    style: t
+  },
+  paddingBottom: {
+    style: t
+  },
+  paddingLeft: {
+    style: t
+  },
+  paddingX: {
+    style: t
+  },
+  paddingY: {
+    style: t
+  },
+  paddingInline: {
+    style: t
+  },
+  paddingInlineStart: {
+    style: t
+  },
+  paddingInlineEnd: {
+    style: t
+  },
+  paddingBlock: {
+    style: t
+  },
+  paddingBlockStart: {
+    style: t
+  },
+  paddingBlockEnd: {
+    style: t
+  },
+  m: {
+    style: e
+  },
+  mt: {
+    style: e
+  },
+  mr: {
+    style: e
+  },
+  mb: {
+    style: e
+  },
+  ml: {
+    style: e
+  },
+  mx: {
+    style: e
+  },
+  my: {
+    style: e
+  },
+  margin: {
+    style: e
+  },
+  marginTop: {
+    style: e
+  },
+  marginRight: {
+    style: e
+  },
+  marginBottom: {
+    style: e
+  },
+  marginLeft: {
+    style: e
+  },
+  marginX: {
+    style: e
+  },
+  marginY: {
+    style: e
+  },
+  marginInline: {
+    style: e
+  },
+  marginInlineStart: {
+    style: e
+  },
+  marginInlineEnd: {
+    style: e
+  },
+  marginBlock: {
+    style: e
+  },
+  marginBlockStart: {
+    style: e
+  },
+  marginBlockEnd: {
+    style: e
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (a) => ({
+      "@media print": {
+        display: a
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: m
+  },
+  rowGap: {
+    style: n
+  },
+  columnGap: {
+    style: i
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: o
+  },
+  maxWidth: {
+    style: s
+  },
+  minWidth: {
+    transform: o
+  },
+  height: {
+    transform: o
+  },
+  maxHeight: {
+    transform: o
+  },
+  minHeight: {
+    transform: o
+  },
+  boxSizing: {},
+  // typography
+  font: {
+    themeKey: "font"
+  },
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+export {
+  b as default
+};