mada-design-system 0.3.0 → 0.4.0

package/index.es273.js

@@ -1,4 +1,293 @@
-var e = { exports: {} };
+import { padding as e, margin as t } from "./index.es332.js";
+import { borderTransform as r, borderRadius as s } from "./index.es328.js";
+import { gap as i, rowGap as n, columnGap as m } from "./index.es335.js";
+import { paletteTransform as l } from "./index.es336.js";
+import { sizingTransform as o, maxWidth as y } from "./index.es337.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;
 export {
-  e as __module
+  K as default
 };

package/index.es274.js

@@ -1,71 +1,93 @@
-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;
-      }
-    }
+import k from "./index.es334.js";
+import { getPath as j, getStyleValue as h } from "./index.es330.js";
+import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es333.js";
+import P from "./index.es273.js";
+import B from "./index.es311.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 $(e) {
-    return o(e) === u;
+  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 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;
+  return a;
 }
+const S = C();
+S.filterProps = ["sx"];
+const H = S;
 export {
-  g as __require
+  H as default,
+  C as unstable_createStyleFunctionSx
 };

package/index.es275.js

@@ -1,87 +1,5 @@
-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;
-                }
-            }
-          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);
-}
+import e from "./index.es263.js";
+const t = e(), m = t;
 export {
-  re as __require
+  m as default
 };

package/index.es276.js

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

package/index.es277.js

@@ -1,11 +1,18 @@
-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 s from "./index.es359.js";
+import p from "./index.es276.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 {
-  _ as __require
+  n as default
 };