mada-design-system 0.2.2 → 0.2.4

package/index.es261.js

@@ -1,87 +1,4 @@
-import { __exports as r } from "./index.es300.js";
-var A;
-function re() {
-  return A ? r : (A = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = typeof Symbol == "function" && Symbol.for, _ = o ? Symbol.for("react.element") : 60103, T = o ? Symbol.for("react.portal") : 60106, t = o ? Symbol.for("react.fragment") : 60107, n = o ? Symbol.for("react.strict_mode") : 60108, s = o ? Symbol.for("react.profiler") : 60114, c = o ? Symbol.for("react.provider") : 60109, i = o ? Symbol.for("react.context") : 60110, v = o ? Symbol.for("react.async_mode") : 60111, f = o ? Symbol.for("react.concurrent_mode") : 60111, u = o ? Symbol.for("react.forward_ref") : 60112, E = o ? Symbol.for("react.suspense") : 60113, y = o ? Symbol.for("react.suspense_list") : 60120, d = o ? Symbol.for("react.memo") : 60115, l = o ? Symbol.for("react.lazy") : 60116, x = o ? Symbol.for("react.block") : 60121, M = o ? Symbol.for("react.fundamental") : 60117, b = o ? Symbol.for("react.responder") : 60118, p = o ? Symbol.for("react.scope") : 60119;
-    function Y(e) {
-      return typeof e == "string" || typeof e == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      e === t || e === f || e === s || e === n || e === E || e === y || typeof e == "object" && e !== null && (e.$$typeof === l || e.$$typeof === d || e.$$typeof === c || e.$$typeof === i || e.$$typeof === u || e.$$typeof === M || e.$$typeof === b || e.$$typeof === p || e.$$typeof === x);
-    }
-    function a(e) {
-      if (typeof e == "object" && e !== null) {
-        var C = e.$$typeof;
-        switch (C) {
-          case _:
-            var m = e.type;
-            switch (m) {
-              case v:
-              case f:
-              case t:
-              case s:
-              case n:
-              case E:
-                return m;
-              default:
-                var P = m && m.$$typeof;
-                switch (P) {
-                  case i:
-                  case u:
-                  case l:
-                  case d:
-                  case c:
-                    return P;
-                  default:
-                    return C;
-                }
-            }
-          case T:
-            return C;
-        }
-      }
-    }
-    var $ = v, O = f, F = i, N = c, I = _, L = u, h = t, w = l, D = d, g = T, z = s, U = n, V = E, R = !1;
-    function q(e) {
-      return R || (R = !0), S(e) || a(e) === v;
-    }
-    function S(e) {
-      return a(e) === f;
-    }
-    function W(e) {
-      return a(e) === i;
-    }
-    function k(e) {
-      return a(e) === c;
-    }
-    function B(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === _;
-    }
-    function G(e) {
-      return a(e) === u;
-    }
-    function K(e) {
-      return a(e) === t;
-    }
-    function X(e) {
-      return a(e) === l;
-    }
-    function Z(e) {
-      return a(e) === d;
-    }
-    function H(e) {
-      return a(e) === T;
-    }
-    function J(e) {
-      return a(e) === s;
-    }
-    function Q(e) {
-      return a(e) === n;
-    }
-    function j(e) {
-      return a(e) === E;
-    }
-    r.AsyncMode = $, r.ConcurrentMode = O, r.ContextConsumer = F, r.ContextProvider = N, r.Element = I, r.ForwardRef = L, r.Fragment = h, r.Lazy = w, r.Memo = D, r.Portal = g, r.Profiler = z, r.StrictMode = U, r.Suspense = V, r.isAsyncMode = q, r.isConcurrentMode = S, r.isContextConsumer = W, r.isContextProvider = k, r.isElement = B, r.isForwardRef = G, r.isFragment = K, r.isLazy = X, r.isMemo = Z, r.isPortal = H, r.isProfiler = J, r.isStrictMode = Q, r.isSuspense = j, r.isValidElementType = Y, r.typeOf = a;
-  }(), r);
-}
+const a = "$$material";
 export {
-  re as __require
+  a as default
 };

package/index.es262.js

@@ -1,50 +1,62 @@
-var f, i;
-function p() {
-  if (i)
-    return f;
-  i = 1;
-  var u = Object.getOwnPropertySymbols, b = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
-  function O(n) {
-    if (n == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(n);
-  }
-  function j() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var n = new String("abc");
-      if (n[5] = "de", Object.getOwnPropertyNames(n)[0] === "5")
-        return !1;
-      for (var s = {}, r = 0; r < 10; r++)
-        s["_" + String.fromCharCode(r)] = r;
-      var a = Object.getOwnPropertyNames(s).map(function(e) {
-        return s[e];
-      });
-      if (a.join("") !== "0123456789")
-        return !1;
-      var t = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(e) {
-        t[e] = e;
-      }), Object.keys(Object.assign({}, t)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return f = j() ? Object.assign : function(n, s) {
-    for (var r, a = O(n), t, e = 1; e < arguments.length; e++) {
-      r = Object(arguments[e]);
-      for (var c in r)
-        b.call(r, c) && (a[c] = r[c]);
-      if (u) {
-        t = u(r);
-        for (var o = 0; o < t.length; o++)
-          l.call(r, t[o]) && (a[t[o]] = r[t[o]]);
+import l from "./index.es186.js";
+import g from "./index.es187.js";
+import v from "./index.es263.js";
+import b from "./index.es264.js";
+import O from "./index.es265.js";
+import C from "./index.es266.js";
+import E from "./index.es267.js";
+import I from "./index.es268.js";
+import _ from "./index.es269.js";
+import k from "./index.es270.js";
+import p from "./index.es271.js";
+import N from "./index.es272.js";
+import S from "./index.es273.js";
+import T from "./index.es210.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] = {};
+        }
       }
-    }
-    return a;
-  }, f;
+    };
+    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 {
-  p as __require
+  B as default
 };

package/index.es263.js

@@ -1,11 +1,19 @@
-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;
+import t from "./index.es186.js";
+function a(e, i) {
+  return t({
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    }
+  }, i);
 }
 export {
-  _ as __require
+  a as default
 };

package/index.es264.js

@@ -1,7 +1,246 @@
-var r, e;
-function a() {
-  return e || (e = 1, r = Function.call.bind(Object.prototype.hasOwnProperty)), r;
+import y from "./index.es186.js";
+import A from "./index.es187.js";
+import l from "./index.es330.js";
+import I from "./index.es331.js";
+import n from "./index.es332.js";
+import s from "./index.es333.js";
+import f from "./index.es334.js";
+import c from "./index.es335.js";
+import d from "./index.es336.js";
+import m from "./index.es337.js";
+import P from "./index.es271.js";
+import { getContrastRatio as v, lighten as S, darken as U } from "./index.es283.js";
+import w from "./index.es269.js";
+const V = ["mode", "contrastThreshold", "tonalOffset"], T = {
+  // The colors used to style the text.
+  text: {
+    // The most important text.
+    primary: "rgba(0, 0, 0, 0.87)",
+    // Secondary text.
+    secondary: "rgba(0, 0, 0, 0.6)",
+    // Disabled text have even lower visual prominence.
+    disabled: "rgba(0, 0, 0, 0.38)"
+  },
+  // The color used to divide different elements.
+  divider: "rgba(0, 0, 0, 0.12)",
+  // The background colors used to style the surfaces.
+  // Consistency between these values is important.
+  background: {
+    paper: l.white,
+    default: l.white
+  },
+  // The colors used to style the action elements.
+  action: {
+    // The color of an active action like an icon button.
+    active: "rgba(0, 0, 0, 0.54)",
+    // The color of an hovered action.
+    hover: "rgba(0, 0, 0, 0.04)",
+    hoverOpacity: 0.04,
+    // The color of a selected action.
+    selected: "rgba(0, 0, 0, 0.08)",
+    selectedOpacity: 0.08,
+    // The color of a disabled action.
+    disabled: "rgba(0, 0, 0, 0.26)",
+    // The background color of a disabled action.
+    disabledBackground: "rgba(0, 0, 0, 0.12)",
+    disabledOpacity: 0.38,
+    focus: "rgba(0, 0, 0, 0.12)",
+    focusOpacity: 0.12,
+    activatedOpacity: 0.12
+  }
+}, b = {
+  text: {
+    primary: l.white,
+    secondary: "rgba(255, 255, 255, 0.7)",
+    disabled: "rgba(255, 255, 255, 0.5)",
+    icon: "rgba(255, 255, 255, 0.5)"
+  },
+  divider: "rgba(255, 255, 255, 0.12)",
+  background: {
+    paper: "#121212",
+    default: "#121212"
+  },
+  action: {
+    active: l.white,
+    hover: "rgba(255, 255, 255, 0.08)",
+    hoverOpacity: 0.08,
+    selected: "rgba(255, 255, 255, 0.16)",
+    selectedOpacity: 0.16,
+    disabled: "rgba(255, 255, 255, 0.3)",
+    disabledBackground: "rgba(255, 255, 255, 0.12)",
+    disabledOpacity: 0.38,
+    focus: "rgba(255, 255, 255, 0.12)",
+    focusOpacity: 0.12,
+    activatedOpacity: 0.24
+  }
+};
+function x(r, e, g, a) {
+  const p = a.light || a, h = a.dark || a * 1.5;
+  r[e] || (r.hasOwnProperty(g) ? r[e] = r[g] : e === "light" ? r.light = S(r.main, p) : e === "dark" && (r.dark = U(r.main, h)));
+}
+function W(r = "light") {
+  return r === "dark" ? {
+    main: c[200],
+    light: c[50],
+    dark: c[400]
+  } : {
+    main: c[700],
+    light: c[400],
+    dark: c[800]
+  };
+}
+function j(r = "light") {
+  return r === "dark" ? {
+    main: n[200],
+    light: n[50],
+    dark: n[400]
+  } : {
+    main: n[500],
+    light: n[300],
+    dark: n[700]
+  };
+}
+function B(r = "light") {
+  return r === "dark" ? {
+    main: s[500],
+    light: s[300],
+    dark: s[700]
+  } : {
+    main: s[700],
+    light: s[400],
+    dark: s[800]
+  };
+}
+function L(r = "light") {
+  return r === "dark" ? {
+    main: d[400],
+    light: d[300],
+    dark: d[700]
+  } : {
+    main: d[700],
+    light: d[500],
+    dark: d[900]
+  };
+}
+function R(r = "light") {
+  return r === "dark" ? {
+    main: m[400],
+    light: m[300],
+    dark: m[700]
+  } : {
+    main: m[800],
+    light: m[500],
+    dark: m[900]
+  };
+}
+function G(r = "light") {
+  return r === "dark" ? {
+    main: f[400],
+    light: f[300],
+    dark: f[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: f[500],
+    dark: f[900]
+  };
+}
+function ar(r) {
+  const {
+    mode: e = "light",
+    contrastThreshold: g = 3,
+    tonalOffset: a = 0.2
+  } = r, p = A(r, V), h = r.primary || W(e), D = r.secondary || j(e), E = r.error || B(e), $ = r.info || L(e), N = r.success || R(e), C = r.warning || G(e);
+  function k(t) {
+    const o = v(t, b.text.primary) >= g ? b.text.primary : T.text.primary;
+    return process.env.NODE_ENV !== "production" && v(t, o) < 3, o;
+  }
+  const i = ({
+    color: t,
+    name: o,
+    mainShade: u = 500,
+    lightShade: _ = 300,
+    darkShade: M = 700
+  }) => {
+    if (t = y({}, t), !t.main && t[u] && (t.main = t[u]), !t.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${o ? ` (${o})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${u}\` property.` : w(11, o ? ` (${o})` : "", u));
+    if (typeof t.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${o ? ` (${o})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(t.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : w(12, o ? ` (${o})` : "", JSON.stringify(t.main)));
+    return x(t, "light", _, a), x(t, "dark", M, a), t.contrastText || (t.contrastText = k(t.main)), t;
+  }, O = {
+    dark: b,
+    light: T
+  };
+  return process.env.NODE_ENV !== "production" && O[e], P(y({
+    // A collection of common colors.
+    common: y({}, l),
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: e,
+    // The colors used to represent primary interface elements for a user.
+    primary: i({
+      color: h,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: i({
+      color: D,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: i({
+      color: E,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: i({
+      color: C,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: i({
+      color: $,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: i({
+      color: N,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: I,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: g,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: k,
+    // Generate a rich color object.
+    augmentColor: i,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: a
+  }, O[e]), p);
 }
 export {
-  a as __require
+  b as dark,
+  ar as default,
+  T as light
 };

package/index.es265.js

@@ -1,54 +1,76 @@
-import { __require as E } from "./index.es263.js";
-import { __require as _ } from "./index.es264.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 ?? "")
-            );
-          }
-        }
+import c from "./index.es186.js";
+import T from "./index.es187.js";
+import M from "./index.es271.js";
+const _ = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function v(i) {
+  return Math.round(i * 1e5) / 1e5;
+}
+const p = {
+  textTransform: "uppercase"
+}, d = '"Roboto", "Helvetica", "Arial", sans-serif';
+function A(i, n) {
+  const h = typeof n == "function" ? n(i) : n, {
+    fontFamily: r = d,
+    // The default font size of the Material Specification.
+    fontSize: f = 14,
+    // px
+    fontWeightLight: a = 300,
+    fontWeightRegular: t = 400,
+    fontWeightMedium: o = 500,
+    fontWeightBold: g = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: l = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: b,
+    pxToRem: S
+  } = h, W = T(h, _);
+  process.env.NODE_ENV;
+  const x = f / 14, m = S || ((s) => `${s / l * x}rem`), e = (s, u, y, z, R) => c({
+    fontFamily: r,
+    fontWeight: s,
+    fontSize: m(u),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: y
+  }, r === d ? {
+    letterSpacing: `${v(z / u)}em`
+  } : {}, R, b), F = {
+    h1: e(a, 96, 1.167, -1.5),
+    h2: e(a, 60, 1.2, -0.5),
+    h3: e(t, 48, 1.167, 0),
+    h4: e(t, 34, 1.235, 0.25),
+    h5: e(t, 24, 1.334, 0),
+    h6: e(o, 20, 1.6, 0.15),
+    subtitle1: e(t, 16, 1.75, 0.15),
+    subtitle2: e(o, 14, 1.57, 0.1),
+    body1: e(t, 16, 1.5, 0.15),
+    body2: e(t, 14, 1.43, 0.15),
+    button: e(o, 14, 1.75, 0.4, p),
+    caption: e(t, 12, 1.66, 0.4),
+    overline: e(t, 12, 2.66, 1, p),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
     }
-  }
-  return u.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (o = {});
-  }, f = u, f;
+  };
+  return M(c({
+    htmlFontSize: l,
+    pxToRem: m,
+    fontFamily: r,
+    fontSize: f,
+    fontWeightLight: a,
+    fontWeightRegular: t,
+    fontWeightMedium: o,
+    fontWeightBold: g
+  }, F), W, {
+    clone: !1
+    // No need to clone deep
+  });
 }
 export {
-  g as __require
+  A as default
 };

package/index.es266.js

@@ -1,4 +1,7 @@
-const a = "$$material";
+function a(...o) {
+  return [`${o[0]}px ${o[1]}px ${o[2]}px ${o[3]}px rgba(0,0,0,${0.2})`, `${o[4]}px ${o[5]}px ${o[6]}px ${o[7]}px rgba(0,0,0,${0.14})`, `${o[8]}px ${o[9]}px ${o[10]}px ${o[11]}px rgba(0,0,0,${0.12})`].join(",");
+}
+const t = ["none", a(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), a(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), a(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), a(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), a(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), a(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), a(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), a(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), a(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), a(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), a(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), a(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), a(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), a(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), a(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), a(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), a(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), a(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), a(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), a(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), a(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), a(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), a(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), a(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], s = t;
 export {
-  a as default
+  s as default
 };