mada-design-system 0.5.0 → 0.5.1

package/index.es280.js

@@ -1,293 +1,11 @@
-import { padding as e, margin as t } from "./index.es313.js";
-import { borderTransform as r, borderRadius as s } from "./index.es309.js";
-import { gap as i, rowGap as n, columnGap as m } from "./index.es316.js";
-import { paletteTransform as l } from "./index.es317.js";
-import { sizingTransform as o, maxWidth as y } from "./index.es318.js";
-const d = {
-  // 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: s
-  },
-  // palette
-  color: {
-    themeKey: "palette",
-    transform: l
-  },
-  bgcolor: {
-    themeKey: "palette",
-    cssProperty: "backgroundColor",
-    transform: l
-  },
-  backgroundColor: {
-    themeKey: "palette",
-    transform: l
-  },
-  // spacing
-  p: {
-    style: e
-  },
-  pt: {
-    style: e
-  },
-  pr: {
-    style: e
-  },
-  pb: {
-    style: e
-  },
-  pl: {
-    style: e
-  },
-  px: {
-    style: e
-  },
-  py: {
-    style: e
-  },
-  padding: {
-    style: e
-  },
-  paddingTop: {
-    style: e
-  },
-  paddingRight: {
-    style: e
-  },
-  paddingBottom: {
-    style: e
-  },
-  paddingLeft: {
-    style: e
-  },
-  paddingX: {
-    style: e
-  },
-  paddingY: {
-    style: e
-  },
-  paddingInline: {
-    style: e
-  },
-  paddingInlineStart: {
-    style: e
-  },
-  paddingInlineEnd: {
-    style: e
-  },
-  paddingBlock: {
-    style: e
-  },
-  paddingBlockStart: {
-    style: e
-  },
-  paddingBlockEnd: {
-    style: e
-  },
-  m: {
-    style: t
-  },
-  mt: {
-    style: t
-  },
-  mr: {
-    style: t
-  },
-  mb: {
-    style: t
-  },
-  ml: {
-    style: t
-  },
-  mx: {
-    style: t
-  },
-  my: {
-    style: t
-  },
-  margin: {
-    style: t
-  },
-  marginTop: {
-    style: t
-  },
-  marginRight: {
-    style: t
-  },
-  marginBottom: {
-    style: t
-  },
-  marginLeft: {
-    style: t
-  },
-  marginX: {
-    style: t
-  },
-  marginY: {
-    style: t
-  },
-  marginInline: {
-    style: t
-  },
-  marginInlineStart: {
-    style: t
-  },
-  marginInlineEnd: {
-    style: t
-  },
-  marginBlock: {
-    style: t
-  },
-  marginBlockStart: {
-    style: t
-  },
-  marginBlockEnd: {
-    style: t
-  },
-  // 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: i
-  },
-  rowGap: {
-    style: n
-  },
-  columnGap: {
-    style: m
-  },
-  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: y
-  },
-  minWidth: {
-    transform: o
-  },
-  height: {
-    transform: o
-  },
-  maxHeight: {
-    transform: o
-  },
-  minHeight: {
-    transform: o
-  },
-  boxSizing: {},
-  // typography
-  fontFamily: {
-    themeKey: "typography"
-  },
-  fontSize: {
-    themeKey: "typography"
-  },
-  fontStyle: {
-    themeKey: "typography"
-  },
-  fontWeight: {
-    themeKey: "typography"
-  },
-  letterSpacing: {},
-  textTransform: {},
-  lineHeight: {},
-  textAlign: {},
-  typography: {
-    cssProperty: !1,
-    themeKey: "typography"
-  }
-}, K = d;
+var e, r;
+function _() {
+  if (r)
+    return e;
+  r = 1;
+  var t = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return e = t, e;
+}
 export {
-  K as default
+  _ as __require
 };

package/index.es281.js

@@ -1,93 +1,7 @@
-import k from "./index.es315.js";
-import { getPath as j, getStyleValue as h } from "./index.es311.js";
-import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es314.js";
-import P from "./index.es280.js";
-import B from "./index.es320.js";
-function _(...s) {
-  const a = s.reduce((t, i) => t.concat(Object.keys(i)), []), r = new Set(a);
-  return s.every((t) => r.size === Object.keys(t).length);
+var r, e;
+function a() {
+  return e || (e = 1, r = Function.call.bind(Object.prototype.hasOwnProperty)), r;
 }
-function $(s, a) {
-  return typeof s == "function" ? s(a) : s;
-}
-function C() {
-  function s(r, t, i, o) {
-    const m = {
-      [r]: t,
-      theme: i
-    }, y = o[r];
-    if (!y)
-      return {
-        [r]: t
-      };
-    const {
-      cssProperty: c = r,
-      themeKey: f,
-      transform: b,
-      style: g
-    } = y;
-    if (t == null)
-      return null;
-    if (f === "typography" && t === "inherit")
-      return {
-        [r]: t
-      };
-    const n = j(i, f) || {};
-    return g ? g(m) : p(m, t, (e) => {
-      let l = h(n, b, e);
-      return e === l && typeof e == "string" && (l = h(n, b, `${r}${e === "default" ? "" : B(e)}`, e)), c === !1 ? l : {
-        [c]: l
-      };
-    });
-  }
-  function a(r) {
-    var t;
-    const {
-      sx: i,
-      theme: o = {}
-    } = r || {};
-    if (!i)
-      return null;
-    const m = (t = o.unstable_sxConfig) != null ? t : P;
-    function y(c) {
-      let f = c;
-      if (typeof c == "function")
-        f = c(o);
-      else if (typeof c != "object")
-        return c;
-      if (!f)
-        return null;
-      const b = x(o.breakpoints), g = Object.keys(b);
-      let n = b;
-      return Object.keys(f).forEach((u) => {
-        const e = $(f[u], o);
-        if (e != null)
-          if (typeof e == "object")
-            if (m[u])
-              n = k(n, s(u, e, o, m));
-            else {
-              const l = p({
-                theme: o
-              }, e, (d) => ({
-                [u]: d
-              }));
-              _(l, e) ? n[u] = a({
-                sx: e,
-                theme: o
-              }) : n = k(n, l);
-            }
-          else
-            n = k(n, s(u, e, o, m));
-      }), O(g, n);
-    }
-    return Array.isArray(i) ? i.map(y) : y(i);
-  }
-  return a;
-}
-const S = C();
-S.filterProps = ["sx"];
-const H = S;
 export {
-  H as default,
-  C as unstable_createStyleFunctionSx
+  a as __require
 };

package/index.es282.js

@@ -1,5 +1,54 @@
-import e from "./index.es270.js";
-const t = e(), m = t;
+import { __require as E } from "./index.es280.js";
+import { __require as _ } from "./index.es281.js";
+var f, v;
+function g() {
+  if (v)
+    return f;
+  v = 1;
+  var a = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var y = E(), o = {}, d = _();
+    a = function(n) {
+      var t = "Warning: " + n;
+      try {
+        throw new Error(t);
+      } catch {
+      }
+    };
+  }
+  function u(n, t, i, s, c) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var e in n)
+        if (d(n, e)) {
+          var r;
+          try {
+            if (typeof n[e] != "function") {
+              var h = Error(
+                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw h.name = "Invariant Violation", h;
+            }
+            r = n[e](t, e, s, i, null, y);
+          } catch (l) {
+            r = l;
+          }
+          if (r && !(r instanceof Error) && a(
+            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), r instanceof Error && !(r.message in o)) {
+            o[r.message] = !0;
+            var p = c ? c() : "";
+            a(
+              "Failed " + i + " type: " + r.message + (p ?? "")
+            );
+          }
+        }
+    }
+  }
+  return u.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (o = {});
+  }, f = u, f;
+}
 export {
-  m as default
+  g as __require
 };

package/index.es283.js

@@ -1,10 +1,4 @@
-import t from "./index.es325.js";
-import m from "./index.es278.js";
-const r = m();
-function u(e = r) {
-  return t(e);
-}
+const a = "$$material";
 export {
-  u as default,
-  r as systemDefaultTheme
+  a as default
 };

package/index.es284.js

@@ -1,18 +1,62 @@
-import s from "./index.es359.js";
-import p from "./index.es283.js";
-function n({
-  props: o,
-  name: m,
-  defaultTheme: t,
-  themeId: r
-}) {
-  let e = p(t);
-  return r && (e = e[r] || e), s({
-    theme: e,
-    name: m,
-    props: o
+import l from "./index.es205.js";
+import g from "./index.es206.js";
+import v from "./index.es285.js";
+import b from "./index.es286.js";
+import O from "./index.es287.js";
+import C from "./index.es288.js";
+import E from "./index.es289.js";
+import I from "./index.es290.js";
+import _ from "./index.es291.js";
+import k from "./index.es292.js";
+import p from "./index.es293.js";
+import N from "./index.es294.js";
+import S from "./index.es295.js";
+import T from "./index.es229.js";
+const M = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function B(o = {}, ...f) {
+  const {
+    mixins: u = {},
+    palette: d = {},
+    transitions: h = {},
+    typography: y = {}
+  } = o, n = g(o, M);
+  if (o.vars)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _(18));
+  const c = b(d), m = k(o);
+  let e = p(m, {
+    mixins: v(m.breakpoints, u),
+    palette: c,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: C.slice(),
+    typography: O(c, y),
+    transitions: E(h),
+    zIndex: l({}, I)
   });
+  if (e = p(e, n), e = f.reduce((i, s) => p(i, s), e), process.env.NODE_ENV !== "production") {
+    const i = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (t, a) => {
+      let r;
+      for (r in t) {
+        const x = t[r];
+        if (i.indexOf(r) !== -1 && Object.keys(x).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const $ = T("", r);
+          }
+          t[r] = {};
+        }
+      }
+    };
+    Object.keys(e.components).forEach((t) => {
+      const a = e.components[t].styleOverrides;
+      a && t.indexOf("Mui") === 0 && s(a, t);
+    });
+  }
+  return e.unstable_sxConfig = l({}, N, n == null ? void 0 : n.unstable_sxConfig), e.unstable_sx = function(s) {
+    return S({
+      sx: s,
+      theme: this
+    });
+  }, e;
 }
 export {
-  n as default
+  B as default
 };

package/index.es285.js

@@ -1,149 +1,19 @@
-import l from "./index.es194.js";
-import E from "./index.es195.js";
-import W, { internal_processStyles as z } from "./index.es307.js";
-import I from "./index.es278.js";
-import q from "./index.es320.js";
-import B from "./index.es321.js";
-import G from "./index.es281.js";
-import { isPlainObject as H } from "./index.es279.js";
-const J = ["ownerState"], K = ["variants"], Q = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
-function U(e) {
-  return Object.keys(e).length === 0;
-}
-function X(e) {
-  return typeof e == "string" && // 96 is one less than the char code
-  // for "a" so this is checking that
-  // it's a lowercase character
-  e.charCodeAt(0) > 96;
-}
-function A(e) {
-  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
-}
-const Y = I(), j = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
-function w({
-  defaultTheme: e,
-  theme: i,
-  themeId: o
-}) {
-  return U(i) ? e : i[o] || i;
-}
-function Z(e) {
-  return e ? (i, o) => o[e] : null;
-}
-function x(e, i) {
-  let {
-    ownerState: o
-  } = i, p = E(i, J);
-  const u = typeof e == "function" ? e(l({
-    ownerState: o
-  }, p)) : e;
-  if (Array.isArray(u))
-    return u.flatMap((h) => x(h, l({
-      ownerState: o
-    }, p)));
-  if (u && typeof u == "object" && Array.isArray(u.variants)) {
-    const {
-      variants: h = []
-    } = u;
-    let a = E(u, K);
-    return h.forEach((t) => {
-      let n = !0;
-      typeof t.props == "function" ? n = t.props(l({
-        ownerState: o
-      }, p, o)) : Object.keys(t.props).forEach((d) => {
-        (o == null ? void 0 : o[d]) !== t.props[d] && p[d] !== t.props[d] && (n = !1);
-      }), n && (Array.isArray(a) || (a = [a]), a.push(typeof t.style == "function" ? t.style(l({
-        ownerState: o
-      }, p, o)) : t.style));
-    }), a;
-  }
-  return u;
-}
-function le(e = {}) {
-  const {
-    themeId: i,
-    defaultTheme: o = Y,
-    rootShouldForwardProp: p = A,
-    slotShouldForwardProp: u = A
-  } = e, h = (f) => G(l({}, f, {
-    theme: w(l({}, f, {
-      defaultTheme: o,
-      themeId: i
-    }))
-  }));
-  return h.__mui_systemSx = !0, (f, a = {}) => {
-    z(f, (s) => s.filter((m) => !(m != null && m.__mui_systemSx)));
-    const {
-      name: t,
-      slot: n,
-      skipVariantsResolver: d,
-      skipSx: T,
-      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: F = Z(j(n))
-    } = a, $ = E(a, Q), b = d !== void 0 ? d : (
-      // TODO v6: remove `Root` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      n && n !== "Root" && n !== "root" || !1
-    ), D = T || !1;
-    let k;
-    process.env.NODE_ENV !== "production" && t && (k = `${t}-${j(n || "Root")}`);
-    let v = A;
-    n === "Root" || n === "root" ? v = p : n ? v = u : X(f) && (v = void 0);
-    const O = W(f, l({
-      shouldForwardProp: v,
-      label: k
-    }, $)), C = (s) => typeof s == "function" && s.__emotion_real !== s || H(s) ? (m) => x(s, l({}, m, {
-      theme: w({
-        theme: m.theme,
-        defaultTheme: o,
-        themeId: i
-      })
-    })) : s, P = (s, ...m) => {
-      let R = C(s);
-      const y = m ? m.map(C) : [];
-      t && F && y.push((r) => {
-        const c = w(l({}, r, {
-          defaultTheme: o,
-          themeId: i
-        }));
-        if (!c.components || !c.components[t] || !c.components[t].styleOverrides)
-          return null;
-        const S = c.components[t].styleOverrides, _ = {};
-        return Object.entries(S).forEach(([L, M]) => {
-          _[L] = x(M, l({}, r, {
-            theme: c
-          }));
-        }), F(r, _);
-      }), t && !b && y.push((r) => {
-        var c;
-        const S = w(l({}, r, {
-          defaultTheme: o,
-          themeId: i
-        })), _ = S == null || (c = S.components) == null || (c = c[t]) == null ? void 0 : c.variants;
-        return x({
-          variants: _
-        }, l({}, r, {
-          theme: S
-        }));
-      }), D || y.push(h);
-      const V = y.length - m.length;
-      if (Array.isArray(s) && V > 0) {
-        const r = new Array(V).fill("");
-        R = [...s, ...r], R.raw = [...s.raw, ...r];
-      }
-      const N = O(R, ...y);
-      if (process.env.NODE_ENV !== "production") {
-        let r;
-        t && (r = `${t}${q(n || "")}`), r === void 0 && (r = `Styled(${B(f)})`), N.displayName = r;
+import t from "./index.es205.js";
+function a(e, i) {
+  return t({
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
       }
-      return f.muiName && (N.muiName = f.muiName), N;
-    };
-    return O.withConfig && (P.withConfig = O.withConfig), P;
-  };
+    }
+  }, i);
 }
 export {
-  le as default,
-  A as shouldForwardProp,
-  Y as systemDefaultTheme
+  a as default
 };