mada-design-system 0.3.1 → 0.5.0

package/index.es280.js

@@ -1,87 +1,293 @@
-import { __exports as r } from "./index.es331.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;
-        }
+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
       }
-    }
-    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);
-}
+    })
+  },
+  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 {
-  re as __require
+  K as default
 };

package/index.es281.js

@@ -1,50 +1,93 @@
-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);
+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);
+}
+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 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;
+  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 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;
+  return a;
 }
+const S = C();
+S.filterProps = ["sx"];
+const H = S;
 export {
-  p as __require
+  H as default,
+  C as unstable_createStyleFunctionSx
 };

package/index.es282.js

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

package/index.es283.js

@@ -1,7 +1,10 @@
-var r, e;
-function a() {
-  return e || (e = 1, r = Function.call.bind(Object.prototype.hasOwnProperty)), r;
+import t from "./index.es325.js";
+import m from "./index.es278.js";
+const r = m();
+function u(e = r) {
+  return t(e);
 }
 export {
-  a as __require
+  u as default,
+  r as systemDefaultTheme
 };

package/index.es284.js

@@ -1,54 +1,18 @@
-import { __require as E } from "./index.es282.js";
-import { __require as _ } from "./index.es283.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;
+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
+  });
 }
 export {
-  g as __require
+  n as default
 };