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

@@ -0,0 +1,159 @@
+import * as c from "react";
+import { DEFAULT_MODE_STORAGE_KEY as R, DEFAULT_COLOR_SCHEME_STORAGE_KEY as x } from "../InitColorSchemeScript/InitColorSchemeScript.mjs";
+function $(r) {
+  if (typeof window < "u" && typeof window.matchMedia == "function" && r === "system")
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function L(r, n) {
+  if (r.mode === "light" || r.mode === "system" && r.systemMode === "light")
+    return n("light");
+  if (r.mode === "dark" || r.mode === "system" && r.systemMode === "dark")
+    return n("dark");
+}
+function A(r) {
+  return L(r, (n) => {
+    if (n === "light")
+      return r.lightColorScheme;
+    if (n === "dark")
+      return r.darkColorScheme;
+  });
+}
+function w(r, n) {
+  if (typeof window > "u")
+    return;
+  let s;
+  try {
+    s = localStorage.getItem(r) || void 0, s || localStorage.setItem(r, n);
+  } catch {
+  }
+  return s || n;
+}
+function T(r) {
+  const {
+    defaultMode: n = "light",
+    defaultLightColorScheme: s,
+    defaultDarkColorScheme: h,
+    supportedColorSchemes: M = [],
+    modeStorageKey: a = R,
+    colorSchemeStorageKey: i = x,
+    storageWindow: S = typeof window > "u" ? void 0 : window,
+    noSsr: I = !1
+  } = r, l = M.join(","), f = M.length > 1, [m, u] = c.useState(() => {
+    const e = w(a, n), t = w(`${i}-light`, s), o = w(`${i}-dark`, h);
+    return {
+      mode: e,
+      systemMode: $(e),
+      lightColorScheme: t,
+      darkColorScheme: o
+    };
+  }), [k, _] = c.useState(I || !f);
+  c.useEffect(() => {
+    _(!0);
+  }, []);
+  const D = A(m), C = c.useCallback((e) => {
+    u((t) => {
+      if (e === t.mode)
+        return t;
+      const o = e ?? n;
+      try {
+        localStorage.setItem(a, o);
+      } catch {
+      }
+      return {
+        ...t,
+        mode: o,
+        systemMode: $(o)
+      };
+    });
+  }, [a, n]), y = c.useCallback((e) => {
+    e ? typeof e == "string" ? e && !l.includes(e) ? console.error(`\`${e}\` does not exist in \`theme.colorSchemes\`.`) : u((t) => {
+      const o = {
+        ...t
+      };
+      return L(t, (d) => {
+        try {
+          localStorage.setItem(`${i}-${d}`, e);
+        } catch {
+        }
+        d === "light" && (o.lightColorScheme = e), d === "dark" && (o.darkColorScheme = e);
+      }), o;
+    }) : u((t) => {
+      const o = {
+        ...t
+      }, d = e.light === null ? s : e.light, g = e.dark === null ? h : e.dark;
+      if (d)
+        if (!l.includes(d))
+          console.error(`\`${d}\` does not exist in \`theme.colorSchemes\`.`);
+        else {
+          o.lightColorScheme = d;
+          try {
+            localStorage.setItem(`${i}-light`, d);
+          } catch {
+          }
+        }
+      if (g)
+        if (!l.includes(g))
+          console.error(`\`${g}\` does not exist in \`theme.colorSchemes\`.`);
+        else {
+          o.darkColorScheme = g;
+          try {
+            localStorage.setItem(`${i}-dark`, g);
+          } catch {
+          }
+        }
+      return o;
+    }) : u((t) => {
+      try {
+        localStorage.setItem(`${i}-light`, s), localStorage.setItem(`${i}-dark`, h);
+      } catch {
+      }
+      return {
+        ...t,
+        lightColorScheme: s,
+        darkColorScheme: h
+      };
+    });
+  }, [l, i, s, h]), p = c.useCallback((e) => {
+    m.mode === "system" && u((t) => {
+      const o = e?.matches ? "dark" : "light";
+      return t.systemMode === o ? t : {
+        ...t,
+        systemMode: o
+      };
+    });
+  }, [m.mode]), E = c.useRef(p);
+  return E.current = p, c.useEffect(() => {
+    if (typeof window.matchMedia != "function" || !f)
+      return;
+    const e = (...o) => E.current(...o), t = window.matchMedia("(prefers-color-scheme: dark)");
+    return t.addListener(e), e(t), () => {
+      t.removeListener(e);
+    };
+  }, [f]), c.useEffect(() => {
+    if (S && f) {
+      const e = (t) => {
+        const o = t.newValue;
+        typeof t.key == "string" && t.key.startsWith(i) && (!o || l.match(o)) && (t.key.endsWith("light") && y({
+          light: o
+        }), t.key.endsWith("dark") && y({
+          dark: o
+        })), t.key === a && (!o || ["light", "dark", "system"].includes(o)) && C(o || n);
+      };
+      return S.addEventListener("storage", e), () => {
+        S.removeEventListener("storage", e);
+      };
+    }
+  }, [y, C, a, i, l, n, S, f]), {
+    ...m,
+    mode: k ? m.mode : void 0,
+    systemMode: k ? m.systemMode : void 0,
+    colorScheme: k ? D : void 0,
+    setMode: C,
+    setColorScheme: y
+  };
+}
+export {
+  T as default,
+  A as getColorScheme,
+  $ as getSystemMode
+};

@@ -0,0 +1,14 @@
+import a from "./preprocessStyles.mjs";
+const l = {
+  theme: void 0
+};
+function h(u) {
+  let m, n;
+  return function(t) {
+    let e = m;
+    return (e === void 0 || t.theme !== n) && (l.theme = t.theme, e = a(u(l)), m = e, n = t.theme), e;
+  };
+}
+export {
+  h 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/index.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
+};

@max-ts/components 0.3.3 → 0.3.5