mada-design-system 0.4.0 → 0.5.1

package/index.es273.js

@@ -1,293 +1,100 @@
-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"
+var c = "-";
+function h(t) {
+  var r = G(t), n = t.conflictingClassGroups, e = t.conflictingClassGroupModifiers, u = e === void 0 ? {} : e;
+  function a(i) {
+    var f = i.split(c);
+    return f[0] === "" && f.length !== 1 && f.shift(), l(f, r) || g(i);
+  }
+  function o(i, f) {
+    var s = n[i] || [];
+    return f && u[i] ? [].concat(s, u[i]) : s;
+  }
+  return {
+    getClassGroupId: a,
+    getConflictingClassGroupIds: o
+  };
+}
+function l(t, r) {
+  var o;
+  if (t.length === 0)
+    return r.classGroupId;
+  var n = t[0], e = r.nextPart.get(n), u = e ? l(t.slice(1), e) : void 0;
+  if (u)
+    return u;
+  if (r.validators.length !== 0) {
+    var a = t.join(c);
+    return (o = r.validators.find(function(i) {
+      var f = i.validator;
+      return f(a);
+    })) == null ? void 0 : o.classGroupId;
   }
-}, K = d;
+}
+var p = /^\[(.+)\]$/;
+function g(t) {
+  if (p.test(t)) {
+    var r = p.exec(t)[1], n = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+    if (n)
+      return "arbitrary.." + n;
+  }
+}
+function G(t) {
+  var r = t.theme, n = t.prefix, e = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  }, u = x(Object.entries(t.classGroups), n);
+  return u.forEach(function(a) {
+    var o = a[0], i = a[1];
+    v(i, e, o, r);
+  }), e;
+}
+function v(t, r, n, e) {
+  t.forEach(function(u) {
+    if (typeof u == "string") {
+      var a = u === "" ? r : d(r, u);
+      a.classGroupId = n;
+      return;
+    }
+    if (typeof u == "function") {
+      if (C(u)) {
+        v(u(e), r, n, e);
+        return;
+      }
+      r.validators.push({
+        validator: u,
+        classGroupId: n
+      });
+      return;
+    }
+    Object.entries(u).forEach(function(o) {
+      var i = o[0], f = o[1];
+      v(f, d(r, i), n, e);
+    });
+  });
+}
+function d(t, r) {
+  var n = t;
+  return r.split(c).forEach(function(e) {
+    n.nextPart.has(e) || n.nextPart.set(e, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), n = n.nextPart.get(e);
+  }), n;
+}
+function C(t) {
+  return t.isThemeGetter;
+}
+function x(t, r) {
+  return r ? t.map(function(n) {
+    var e = n[0], u = n[1], a = u.map(function(o) {
+      return typeof o == "string" ? r + o : typeof o == "object" ? Object.fromEntries(Object.entries(o).map(function(i) {
+        var f = i[0], s = i[1];
+        return [r + f, s];
+      })) : o;
+    });
+    return [e, a];
+  }) : t;
+}
 export {
-  K as default
+  G as createClassMap,
+  h as createClassUtils
 };

package/index.es274.js

@@ -1,93 +1,28 @@
-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 c(i) {
+  if (i < 1)
+    return {
+      get: function() {
+      },
+      set: function() {
+      }
+    };
+  var u = 0, t = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+  function a(r, e) {
+    t.set(r, e), u++, u > i && (u = 0, f = t, t = /* @__PURE__ */ new Map());
   }
-  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 {
+    get: function(e) {
+      var n = t.get(e);
+      if (n !== void 0)
+        return n;
+      if ((n = f.get(e)) !== void 0)
+        return a(e, n), n;
+    },
+    set: function(e, n) {
+      t.has(e) ? t.set(e, n) : a(e, n);
     }
-    return Array.isArray(i) ? i.map(y) : y(i);
-  }
-  return a;
+  };
 }
-const S = C();
-S.filterProps = ["sx"];
-const H = S;
 export {
-  H as default,
-  C as unstable_createStyleFunctionSx
+  c as createLruCache
 };

package/index.es275.js

@@ -1,5 +1,41 @@
-import e from "./index.es263.js";
-const t = e(), m = t;
+var g = "!";
+function I(o) {
+  var r = o.separator || ":", i = r.length === 1, s = r[0], f = r.length;
+  return function(a) {
+    for (var v = [], h = 0, e = 0, n, t = 0; t < a.length; t++) {
+      var p = a[t];
+      if (h === 0) {
+        if (p === s && (i || a.slice(t, t + f) === r)) {
+          v.push(a.slice(e, t)), e = t + f;
+          continue;
+        }
+        if (p === "/") {
+          n = t;
+          continue;
+        }
+      }
+      p === "[" ? h++ : p === "]" && h--;
+    }
+    var u = v.length === 0 ? a : a.substring(e), M = u.startsWith(g), l = M ? u.substring(1) : u, b = n && n > e ? n - e : void 0;
+    return {
+      modifiers: v,
+      hasImportantModifier: M,
+      baseClassName: l,
+      maybePostfixModifierPosition: b
+    };
+  };
+}
+function P(o) {
+  if (o.length <= 1)
+    return o;
+  var r = [], i = [];
+  return o.forEach(function(s) {
+    var f = s[0] === "[";
+    f ? (r.push.apply(r, i.sort().concat([s])), i = []) : i.push(s);
+  }), r.push.apply(r, i.sort()), r;
+}
 export {
-  m as default
+  g as IMPORTANT_MODIFIER,
+  I as createSplitModifiers,
+  P as sortModifiers
 };

package/index.es276.js

@@ -1,10 +1,4 @@
-import t from "./index.es342.js";
-import m from "./index.es271.js";
-const r = m();
-function u(e = r) {
-  return t(e);
-}
+var e = { exports: {} };
 export {
-  u as default,
-  r as systemDefaultTheme
+  e as __module
 };

package/index.es277.js

@@ -1,18 +1,71 @@
-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
-  });
+import { __exports as r } from "./index.es324.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;
+      }
+    }
+  }
+  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 {
-  n as default
+  g as __require
 };