mada-design-system 0.5.13 → 0.6.0

package/index.es292.js

@@ -1,5 +1,293 @@
-import e from "./index.es280.js";
-const t = e(), m = t;
+import { padding as e, margin as t } from "./index.es333.js";
+import { borderTransform as r, borderRadius as s } from "./index.es329.js";
+import { gap as i, rowGap as n, columnGap as m } from "./index.es336.js";
+import { paletteTransform as l } from "./index.es337.js";
+import { sizingTransform as o, maxWidth as y } from "./index.es338.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 {
-  m as default
+  K as default
 };

package/index.es293.js

@@ -1,10 +1,93 @@
-import t from "./index.es344.js";
-import m from "./index.es288.js";
-const r = m();
-function u(e = r) {
-  return t(e);
+import k from "./index.es335.js";
+import { getPath as j, getStyleValue as h } from "./index.es331.js";
+import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es334.js";
+import P from "./index.es292.js";
+import B from "./index.es340.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);
+            }
+          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 {
-  u as default,
-  r as systemDefaultTheme
+  H as default,
+  C as unstable_createStyleFunctionSx
 };

package/index.es294.js

@@ -1,18 +1,5 @@
-import s from "./index.es376.js";
-import p from "./index.es293.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 e from "./index.es282.js";
+const t = e(), m = t;
 export {
-  n as default
+  m as default
 };

package/index.es295.js

@@ -1,159 +1,10 @@
-import f from "./index.es197.js";
-import F from "./index.es198.js";
-import B, { internal_processStyles as G, internal_serializeStyles as P } from "./index.es325.js";
-import H from "./index.es288.js";
-import J from "./index.es339.js";
-import K from "./index.es340.js";
-import Q from "./index.es291.js";
-import { isPlainObject as U } from "./index.es289.js";
-const X = ["ownerState"], Y = ["variants"], Z = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
-function g(e) {
-  return Object.keys(e).length === 0;
-}
-function z(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 E(e) {
-  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
-}
-function V(e, r) {
-  return r && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${r}{${String(e.styles)}}`), e;
-}
-const ee = H(), b = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
-function x({
-  defaultTheme: e,
-  theme: r,
-  themeId: n
-}) {
-  return g(r) ? e : r[n] || r;
-}
-function te(e) {
-  return e ? (r, n) => n[e] : null;
-}
-function O(e, r, n) {
-  let {
-    ownerState: m
-  } = r, d = F(r, X);
-  const u = typeof e == "function" ? e(f({
-    ownerState: m
-  }, d)) : e;
-  if (Array.isArray(u))
-    return u.flatMap((i) => O(i, f({
-      ownerState: m
-    }, d), n));
-  if (u && typeof u == "object" && Array.isArray(u.variants)) {
-    const {
-      variants: i = []
-    } = u;
-    let o = F(u, Y);
-    return i.forEach((t) => {
-      let h = !0;
-      if (typeof t.props == "function" ? h = t.props(f({
-        ownerState: m
-      }, d, m)) : Object.keys(t.props).forEach((a) => {
-        (m == null ? void 0 : m[a]) !== t.props[a] && d[a] !== t.props[a] && (h = !1);
-      }), h) {
-        Array.isArray(o) || (o = [o]);
-        const a = typeof t.style == "function" ? t.style(f({
-          ownerState: m
-        }, d, m)) : t.style;
-        o.push(n ? V(P(a), n) : a);
-      }
-    }), o;
-  }
-  return n ? V(P(u), n) : u;
-}
-function ce(e = {}) {
-  const {
-    themeId: r,
-    defaultTheme: n = ee,
-    rootShouldForwardProp: m = E,
-    slotShouldForwardProp: d = E
-  } = e, u = (i) => Q(f({}, i, {
-    theme: x(f({}, i, {
-      defaultTheme: n,
-      themeId: r
-    }))
-  }));
-  return u.__mui_systemSx = !0, (i, R = {}) => {
-    G(i, (l) => l.filter((p) => !(p != null && p.__mui_systemSx)));
-    const {
-      name: o,
-      slot: t,
-      skipVariantsResolver: h,
-      skipSx: a,
-      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: $ = te(b(t))
-    } = R, T = F(R, Z), D = o && o.startsWith("Mui") || t ? "components" : "custom", W = h !== void 0 ? h : (
-      // TODO v6: remove `Root` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      t && t !== "Root" && t !== "root" || !1
-    ), M = a || !1;
-    let j;
-    process.env.NODE_ENV !== "production" && o && (j = `${o}-${b(t || "Root")}`);
-    let _ = E;
-    t === "Root" || t === "root" ? _ = m : t ? _ = d : z(i) && (_ = void 0);
-    const C = B(i, f({
-      shouldForwardProp: _,
-      label: j
-    }, T)), k = (l) => typeof l == "function" && l.__emotion_real !== l || U(l) ? (p) => {
-      const y = x({
-        theme: p.theme,
-        defaultTheme: n,
-        themeId: r
-      });
-      return O(l, f({}, p, {
-        theme: y
-      }), y.modularCssLayers ? D : void 0);
-    } : l, L = (l, ...p) => {
-      let y = k(l);
-      const v = p ? p.map(k) : [];
-      o && $ && v.push((s) => {
-        const c = x(f({}, s, {
-          defaultTheme: n,
-          themeId: r
-        }));
-        if (!c.components || !c.components[o] || !c.components[o].styleOverrides)
-          return null;
-        const S = c.components[o].styleOverrides, w = {};
-        return Object.entries(S).forEach(([I, q]) => {
-          w[I] = O(q, f({}, s, {
-            theme: c
-          }), c.modularCssLayers ? "theme" : void 0);
-        }), $(s, w);
-      }), o && !W && v.push((s) => {
-        var c;
-        const S = x(f({}, s, {
-          defaultTheme: n,
-          themeId: r
-        })), w = S == null || (c = S.components) == null || (c = c[o]) == null ? void 0 : c.variants;
-        return O({
-          variants: w
-        }, f({}, s, {
-          theme: S
-        }), S.modularCssLayers ? "theme" : void 0);
-      }), M || v.push(u);
-      const N = v.length - p.length;
-      if (Array.isArray(l) && N > 0) {
-        const s = new Array(N).fill("");
-        y = [...l, ...s], y.raw = [...l.raw, ...s];
-      }
-      const A = C(y, ...v);
-      if (process.env.NODE_ENV !== "production") {
-        let s;
-        o && (s = `${o}${J(t || "")}`), s === void 0 && (s = `Styled(${K(i)})`), A.displayName = s;
-      }
-      return i.muiName && (A.muiName = i.muiName), A;
-    };
-    return C.withConfig && (L.withConfig = C.withConfig), L;
-  };
+import t from "./index.es345.js";
+import m from "./index.es290.js";
+const r = m();
+function u(e = r) {
+  return t(e);
 }
 export {
-  ce as default,
-  E as shouldForwardProp,
-  ee as systemDefaultTheme
+  u as default,
+  r as systemDefaultTheme
 };

package/index.es296.js

@@ -1,40 +1,18 @@
-import { applyDefaultDate as D } from "./index.es205.js";
-const b = ({
-  props: s,
-  value: t,
-  adapter: e
-}) => {
-  if (t === null)
-    return null;
-  const {
-    shouldDisableDate: i,
-    shouldDisableMonth: l,
-    shouldDisableYear: n,
-    disablePast: r,
-    disableFuture: c,
-    timezone: m
-  } = s, a = e.utils.dateWithTimezone(void 0, m), o = D(e.utils, s.minDate, e.defaultDates.minDate), u = D(e.utils, s.maxDate, e.defaultDates.maxDate);
-  switch (!0) {
-    case !e.utils.isValid(t):
-      return "invalidDate";
-    case !!(i && i(t)):
-      return "shouldDisableDate";
-    case !!(l && l(t)):
-      return "shouldDisableMonth";
-    case !!(n && n(t)):
-      return "shouldDisableYear";
-    case !!(c && e.utils.isAfterDay(t, a)):
-      return "disableFuture";
-    case !!(r && e.utils.isBeforeDay(t, a)):
-      return "disablePast";
-    case !!(o && e.utils.isBeforeDay(t, o)):
-      return "minDate";
-    case !!(u && e.utils.isAfterDay(t, u)):
-      return "maxDate";
-    default:
-      return null;
-  }
-};
+import s from "./index.es377.js";
+import p from "./index.es295.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 {
-  b as validateDate
+  n as default
 };