mada-design-system 0.2.8 → 0.3.0

package/index.es274.js

@@ -1,293 +1,71 @@
-import { padding as e, margin as t } from "./index.es315.js";
-import { borderTransform as r, borderRadius as s } from "./index.es311.js";
-import { gap as i, rowGap as n, columnGap as m } from "./index.es318.js";
-import { paletteTransform as l } from "./index.es319.js";
-import { sizingTransform as o, maxWidth as y } from "./index.es320.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
+import { __exports as r } from "./index.es328.js";
+var _;
+function g() {
+  if (_)
+    return r;
+  _ = 1;
+  var t = typeof Symbol == "function" && Symbol.for, a = t ? Symbol.for("react.element") : 60103, b = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, c = t ? Symbol.for("react.strict_mode") : 60108, f = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, y = t ? Symbol.for("react.forward_ref") : 60112, l = t ? Symbol.for("react.suspense") : 60113, x = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, p = t ? Symbol.for("react.lazy") : 60116, C = t ? Symbol.for("react.block") : 60121, M = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
+  function o(e) {
+    if (typeof e == "object" && e !== null) {
+      var S = e.$$typeof;
+      switch (S) {
+        case a:
+          switch (e = e.type, e) {
+            case d:
+            case u:
+            case n:
+            case f:
+            case c:
+            case l:
+              return e;
+            default:
+              switch (e = e && e.$$typeof, e) {
+                case s:
+                case y:
+                case p:
+                case m:
+                case i:
+                  return e;
+                default:
+                  return S;
+              }
+          }
+        case b:
+          return S;
       }
-    })
-  },
-  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;
+  function $(e) {
+    return o(e) === u;
+  }
+  return r.AsyncMode = d, r.ConcurrentMode = u, r.ContextConsumer = s, r.ContextProvider = i, r.Element = a, r.ForwardRef = y, r.Fragment = n, r.Lazy = p, r.Memo = m, r.Portal = b, r.Profiler = f, r.StrictMode = c, r.Suspense = l, r.isAsyncMode = function(e) {
+    return $(e) || o(e) === d;
+  }, r.isConcurrentMode = $, r.isContextConsumer = function(e) {
+    return o(e) === s;
+  }, r.isContextProvider = function(e) {
+    return o(e) === i;
+  }, r.isElement = function(e) {
+    return typeof e == "object" && e !== null && e.$$typeof === a;
+  }, r.isForwardRef = function(e) {
+    return o(e) === y;
+  }, r.isFragment = function(e) {
+    return o(e) === n;
+  }, r.isLazy = function(e) {
+    return o(e) === p;
+  }, r.isMemo = function(e) {
+    return o(e) === m;
+  }, r.isPortal = function(e) {
+    return o(e) === b;
+  }, r.isProfiler = function(e) {
+    return o(e) === f;
+  }, r.isStrictMode = function(e) {
+    return o(e) === c;
+  }, r.isSuspense = function(e) {
+    return o(e) === l;
+  }, r.isValidElementType = function(e) {
+    return typeof e == "string" || typeof e == "function" || e === n || e === u || e === f || e === c || e === l || e === x || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === m || e.$$typeof === i || e.$$typeof === s || e.$$typeof === y || e.$$typeof === M || e.$$typeof === v || e.$$typeof === w || e.$$typeof === C);
+  }, r.typeOf = o, r;
+}
 export {
-  K as default
+  g as __require
 };

package/index.es275.js

@@ -1,93 +1,87 @@
-import k from "./index.es317.js";
-import { getPath as j, getStyleValue as h } from "./index.es313.js";
-import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es316.js";
-import P from "./index.es274.js";
-import B from "./index.es322.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);
-}
-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);
+import { __exports as r } from "./index.es329.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;
+                }
             }
-          else
-            n = k(n, s(u, e, o, m));
-      }), O(g, n);
+          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;
     }
-    return Array.isArray(i) ? i.map(y) : y(i);
-  }
-  return a;
+    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 S = C();
-S.filterProps = ["sx"];
-const H = S;
 export {
-  H as default,
-  C as unstable_createStyleFunctionSx
+  re as __require
 };

package/index.es276.js

@@ -1,5 +1,50 @@
-import e from "./index.es264.js";
-const t = e(), m = t;
+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]]);
+      }
+    }
+    return a;
+  }, f;
+}
 export {
-  m as default
+  p as __require
 };

package/index.es277.js

@@ -1,10 +1,11 @@
-import t from "./index.es327.js";
-import m from "./index.es272.js";
-const r = m();
-function u(e = r) {
-  return t(e);
+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 {
-  u as default,
-  r as systemDefaultTheme
+  _ as __require
 };

package/index.es278.js

@@ -1,18 +1,7 @@
-import s from "./index.es353.js";
-import p from "./index.es277.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
-  });
+var r, e;
+function a() {
+  return e || (e = 1, r = Function.call.bind(Object.prototype.hasOwnProperty)), r;
 }
 export {
-  n as default
+  a as __require
 };