mada-design-system 0.2.8 → 0.3.0

package/index.es268.js

@@ -1,7 +1,93 @@
-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(",");
+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.es267.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);
 }
-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;
+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 {
-  s as default
+  H as default,
+  C as unstable_createStyleFunctionSx
 };

package/index.es269.js

@@ -1,60 +1,5 @@
-import f from "./index.es202.js";
-import u from "./index.es201.js";
-const l = ["duration", "easing", "delay"], p = {
-  // This is the most common easing curve.
-  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Objects enter the screen at full velocity from off-screen and
-  // slowly decelerate to a resting point.
-  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
-  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
-  // The sharp curve is used by objects that may return to the screen at any time.
-  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, y = {
-  shortest: 150,
-  shorter: 200,
-  short: 250,
-  // most basic recommended timing
-  standard: 300,
-  // this is to be used in complex animations
-  complex: 375,
-  // recommended when something is entering screen
-  enteringScreen: 225,
-  // recommended when something is leaving screen
-  leavingScreen: 195
-};
-function m(e) {
-  return `${Math.round(e)}ms`;
-}
-function h(e) {
-  if (!e)
-    return 0;
-  const t = e / 36;
-  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
-}
-function O(e) {
-  const t = u({}, p, e.easing), c = u({}, y, e.duration);
-  return u({
-    getAutoHeightDuration: h,
-    create: (n = ["all"], s = {}) => {
-      const {
-        duration: o = c.standard,
-        easing: g = t.easeInOut,
-        delay: i = 0
-      } = s, b = f(s, l);
-      if (process.env.NODE_ENV !== "production") {
-        const r = (a) => typeof a == "string", d = (a) => !isNaN(parseFloat(a));
-        !r(n) && Array.isArray(n), !d(o) && r(o), r(g), !d(i) && r(i), Object.keys(b).length;
-      }
-      return (Array.isArray(n) ? n : [n]).map((r) => `${r} ${typeof o == "string" ? o : m(o)} ${g} ${typeof i == "string" ? i : m(i)}`).join(",");
-    }
-  }, e, {
-    easing: t,
-    duration: c
-  });
-}
+import e from "./index.es257.js";
+const t = e(), m = t;
 export {
-  O as default,
-  y as duration,
-  p as easing
+  m as default
 };

package/index.es27.js

@@ -6,7 +6,7 @@ import { Dialog as c, DialogContent as f } from "./index.es30.js";
 import { cn as m } from "./index.es82.js";
 import u from "./index.es86.js";
 import { ScrollArea as g } from "./index.es59.js";
-import x from "./index.es126.js";
+import x from "./index.es123.js";
 const i = t.forwardRef(
   ({ className: e, ...r }, d) => /* @__PURE__ */ a(
     o,

package/index.es270.js

@@ -1,13 +1,10 @@
-const a = {
-  mobileStepper: 1e3,
-  fab: 1050,
-  speedDial: 1050,
-  appBar: 1100,
-  drawer: 1200,
-  modal: 1300,
-  snackbar: 1400,
-  tooltip: 1500
-}, e = a;
+import t from "./index.es325.js";
+import m from "./index.es265.js";
+const r = m();
+function u(e = r) {
+  return t(e);
+}
 export {
-  e as default
+  u as default,
+  r as systemDefaultTheme
 };

package/index.es271.js

@@ -1,9 +1,18 @@
-function o(e) {
-  let t = "https://mui.com/production-error/?code=" + e;
-  for (let r = 1; r < arguments.length; r += 1)
-    t += "&args[]=" + encodeURIComponent(arguments[r]);
-  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
+import s from "./index.es353.js";
+import p from "./index.es270.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
+  });
 }
 export {
-  o as default
+  n as default
 };

package/index.es272.js

@@ -1,38 +1,149 @@
-import p from "./index.es201.js";
-import h from "./index.es202.js";
-import d from "./index.es324.js";
-import g from "./index.es326.js";
-import x from "./index.es325.js";
-import b from "./index.es275.js";
-import _ from "./index.es274.js";
-import k from "./index.es370.js";
-import s from "./index.es273.js";
-const y = ["breakpoints", "palette", "spacing", "shape"];
-function P(r = {}, ...i) {
+import l from "./index.es188.js";
+import E from "./index.es189.js";
+import W, { internal_processStyles as z } from "./index.es307.js";
+import I from "./index.es265.js";
+import q from "./index.es320.js";
+import B from "./index.es321.js";
+import G from "./index.es268.js";
+import { isPlainObject as H } from "./index.es266.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 {
-    breakpoints: a = {},
-    palette: m = {},
-    spacing: c,
-    shape: l = {}
-  } = r, t = h(r, y), u = d(a), f = x(c);
-  let e = s({
-    breakpoints: u,
-    direction: "ltr",
-    components: {},
-    // Inject component definitions.
-    palette: p({
-      mode: "light"
-    }, m),
-    spacing: f,
-    shape: p({}, g, l)
-  }, t);
-  return e.applyStyles = k, e = i.reduce((n, o) => s(n, o), e), e.unstable_sxConfig = p({}, _, t == null ? void 0 : t.unstable_sxConfig), e.unstable_sx = function(o) {
-    return b({
-      sx: o,
-      theme: this
-    });
-  }, e;
+    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;
+      }
+      return f.muiName && (N.muiName = f.muiName), N;
+    };
+    return O.withConfig && (P.withConfig = O.withConfig), P;
+  };
 }
 export {
-  P as default
+  le as default,
+  A as shouldForwardProp,
+  Y as systemDefaultTheme
 };

package/index.es273.js

@@ -1,29 +1,4 @@
-import r from "./index.es201.js";
-import * as i from "react";
-function f(t) {
-  if (typeof t != "object" || t === null)
-    return !1;
-  const n = Object.getPrototypeOf(t);
-  return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
-}
-function p(t) {
-  if (/* @__PURE__ */ i.isValidElement(t) || !f(t))
-    return t;
-  const n = {};
-  return Object.keys(t).forEach((o) => {
-    n[o] = p(t[o]);
-  }), n;
-}
-function b(t, n, o = {
-  clone: !0
-}) {
-  const e = o.clone ? r({}, t) : t;
-  return f(t) && f(n) && Object.keys(n).forEach((l) => {
-    /* @__PURE__ */ i.isValidElement(n[l]) ? e[l] = n[l] : f(n[l]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(t, l) && f(t[l]) ? e[l] = b(t[l], n[l], o) : o.clone ? e[l] = f(n[l]) ? p(n[l]) : n[l] : e[l] = n[l];
-  }), e;
-}
+var e = { exports: {} };
 export {
-  b as default,
-  f as isPlainObject
+  e as __module
 };