mada-design-system 0.5.11 → 0.5.13

package/index.es291.js

@@ -1,149 +1,97 @@
-import l from "./index.es194.js";
-import E from "./index.es195.js";
-import W, { internal_processStyles as z } from "./index.es332.js";
-import I from "./index.es284.js";
-import q from "./index.es345.js";
-import B from "./index.es346.js";
-import G from "./index.es287.js";
-import { isPlainObject as H } from "./index.es285.js";
-const J = ["ownerState"], K = ["variants"], Q = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
-function U(e) {
-  return Object.keys(e).length === 0;
+import g from "./index.es334.js";
+import { getPath as O, getStyleValue as h } from "./index.es330.js";
+import { createEmptyBreakpointObject as P, handleBreakpoints as p, removeUnusedBreakpoints as x } from "./index.es333.js";
+import B from "./index.es290.js";
+import C from "./index.es339.js";
+function _(...i) {
+  const l = i.reduce((e, c) => e.concat(Object.keys(c)), []), o = new Set(l);
+  return i.every((e) => o.size === Object.keys(e).length);
 }
-function X(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 $(i, l) {
+  return typeof i == "function" ? i(l) : i;
 }
-function A(e) {
-  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
-}
-const Y = I(), j = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
-function w({
-  defaultTheme: e,
-  theme: i,
-  themeId: o
-}) {
-  return U(i) ? e : i[o] || i;
-}
-function Z(e) {
-  return e ? (i, o) => o[e] : null;
-}
-function x(e, i) {
-  let {
-    ownerState: o
-  } = i, p = E(i, J);
-  const u = typeof e == "function" ? e(l({
-    ownerState: o
-  }, p)) : e;
-  if (Array.isArray(u))
-    return u.flatMap((h) => x(h, l({
-      ownerState: o
-    }, p)));
-  if (u && typeof u == "object" && Array.isArray(u.variants)) {
+function v() {
+  function i(o, e, c, r) {
+    const d = {
+      [o]: e,
+      theme: c
+    }, a = r[o];
+    if (!a)
+      return {
+        [o]: e
+      };
     const {
-      variants: h = []
-    } = u;
-    let a = E(u, K);
-    return h.forEach((t) => {
-      let n = !0;
-      typeof t.props == "function" ? n = t.props(l({
-        ownerState: o
-      }, p, o)) : Object.keys(t.props).forEach((d) => {
-        (o == null ? void 0 : o[d]) !== t.props[d] && p[d] !== t.props[d] && (n = !1);
-      }), n && (Array.isArray(a) || (a = [a]), a.push(typeof t.style == "function" ? t.style(l({
-        ownerState: o
-      }, p, o)) : t.style));
-    }), a;
+      cssProperty: m = o,
+      themeKey: f,
+      transform: u,
+      style: y
+    } = a;
+    if (e == null)
+      return null;
+    if (f === "typography" && e === "inherit")
+      return {
+        [o]: e
+      };
+    const b = O(c, f) || {};
+    return y ? y(d) : p(d, e, (t) => {
+      let n = h(b, u, t);
+      return t === n && typeof t == "string" && (n = h(b, u, `${o}${t === "default" ? "" : C(t)}`, t)), m === !1 ? n : {
+        [m]: n
+      };
+    });
   }
-  return u;
-}
-function le(e = {}) {
-  const {
-    themeId: i,
-    defaultTheme: o = Y,
-    rootShouldForwardProp: p = A,
-    slotShouldForwardProp: u = A
-  } = e, h = (f) => G(l({}, f, {
-    theme: w(l({}, f, {
-      defaultTheme: o,
-      themeId: i
-    }))
-  }));
-  return h.__mui_systemSx = !0, (f, a = {}) => {
-    z(f, (s) => s.filter((m) => !(m != null && m.__mui_systemSx)));
+  function l(o) {
+    var e;
     const {
-      name: t,
-      slot: n,
-      skipVariantsResolver: d,
-      skipSx: T,
-      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: F = Z(j(n))
-    } = a, $ = E(a, Q), b = d !== void 0 ? d : (
-      // TODO v6: remove `Root` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      n && n !== "Root" && n !== "root" || !1
-    ), D = T || !1;
-    let k;
-    process.env.NODE_ENV !== "production" && t && (k = `${t}-${j(n || "Root")}`);
-    let v = A;
-    n === "Root" || n === "root" ? v = p : n ? v = u : X(f) && (v = void 0);
-    const O = W(f, l({
-      shouldForwardProp: v,
-      label: k
-    }, $)), C = (s) => typeof s == "function" && s.__emotion_real !== s || H(s) ? (m) => x(s, l({}, m, {
-      theme: w({
-        theme: m.theme,
-        defaultTheme: o,
-        themeId: i
-      })
-    })) : s, P = (s, ...m) => {
-      let R = C(s);
-      const y = m ? m.map(C) : [];
-      t && F && y.push((r) => {
-        const c = w(l({}, r, {
-          defaultTheme: o,
-          themeId: i
-        }));
-        if (!c.components || !c.components[t] || !c.components[t].styleOverrides)
-          return null;
-        const S = c.components[t].styleOverrides, _ = {};
-        return Object.entries(S).forEach(([L, M]) => {
-          _[L] = x(M, l({}, r, {
-            theme: c
-          }));
-        }), F(r, _);
-      }), t && !b && y.push((r) => {
-        var c;
-        const S = w(l({}, r, {
-          defaultTheme: o,
-          themeId: i
-        })), _ = S == null || (c = S.components) == null || (c = c[t]) == null ? void 0 : c.variants;
-        return x({
-          variants: _
-        }, l({}, r, {
-          theme: S
-        }));
-      }), D || y.push(h);
-      const V = y.length - m.length;
-      if (Array.isArray(s) && V > 0) {
-        const r = new Array(V).fill("");
-        R = [...s, ...r], R.raw = [...s.raw, ...r];
-      }
-      const N = O(R, ...y);
-      if (process.env.NODE_ENV !== "production") {
-        let r;
-        t && (r = `${t}${q(n || "")}`), r === void 0 && (r = `Styled(${B(f)})`), N.displayName = r;
-      }
-      return f.muiName && (N.muiName = f.muiName), N;
-    };
-    return O.withConfig && (P.withConfig = O.withConfig), P;
-  };
+      sx: c,
+      theme: r = {},
+      nested: d
+    } = o || {};
+    if (!c)
+      return null;
+    const a = (e = r.unstable_sxConfig) != null ? e : B;
+    function m(f) {
+      let u = f;
+      if (typeof f == "function")
+        u = f(r);
+      else if (typeof f != "object")
+        return f;
+      if (!u)
+        return null;
+      const y = P(r.breakpoints), b = Object.keys(y);
+      let s = y;
+      return Object.keys(u).forEach((t) => {
+        const n = $(u[t], r);
+        if (n != null)
+          if (typeof n == "object")
+            if (a[t])
+              s = g(s, i(t, n, r, a));
+            else {
+              const k = p({
+                theme: r
+              }, n, (j) => ({
+                [t]: j
+              }));
+              _(k, n) ? s[t] = l({
+                sx: n,
+                theme: r,
+                nested: !0
+              }) : s = g(s, k);
+            }
+          else
+            s = g(s, i(t, n, r, a));
+      }), !d && r.modularCssLayers ? {
+        "@layer sx": x(b, s)
+      } : x(b, s);
+    }
+    return Array.isArray(c) ? c.map(m) : m(c);
+  }
+  return l;
 }
+const S = v();
+S.filterProps = ["sx"];
+const L = S;
 export {
-  le as default,
-  A as shouldForwardProp,
-  Y as systemDefaultTheme
+  L as default,
+  v as unstable_createStyleFunctionSx
 };

package/index.es292.js

@@ -1,40 +1,5 @@
-import { applyDefaultDate as D } from "./index.es202.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 e from "./index.es280.js";
+const t = e(), m = t;
 export {
-  b as validateDate
+  m as default
 };

package/index.es293.js

@@ -1,13 +1,10 @@
-import e from "./index.es194.js";
-const r = (o) => ({
-  components: {
-    MuiLocalizationProvider: {
-      defaultProps: {
-        localeText: e({}, o)
-      }
-    }
-  }
-});
+import t from "./index.es344.js";
+import m from "./index.es288.js";
+const r = m();
+function u(e = r) {
+  return t(e);
+}
 export {
-  r as getPickersLocalization
+  u as default,
+  r as systemDefaultTheme
 };

package/index.es294.js

@@ -1,122 +1,18 @@
-import B from "./index.es195.js";
-import v from "./index.es194.js";
-import * as u from "react";
-import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es296.js";
-import { jsx as p } from "react/jsx-runtime";
-import m from "./index.es208.js";
-import w from "./index.es217.js";
-import $ from "./index.es299.js";
-import F from "./index.es216.js";
-import { alpha as b } from "./index.es231.js";
-const I = ["autoFocus", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "aria-label", "monthsPerRow"], O = (o) => {
-  const {
-    disabled: r,
-    selected: e,
-    classes: a
-  } = o;
-  return F({
-    root: ["root"],
-    monthButton: ["monthButton", r && "disabled", e && "selected"]
-  }, R, a);
-}, _ = m("div", {
-  name: "MuiPickersMonth",
-  slot: "Root",
-  overridesResolver: (o, r) => [r.root]
-})(({
-  ownerState: o
-}) => ({
-  flexBasis: o.monthsPerRow === 3 ? "33.3%" : "25%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-})), j = m("button", {
-  name: "MuiPickersMonth",
-  slot: "MonthButton",
-  overridesResolver: (o, r) => [r.monthButton, {
-    [`&.${n.disabled}`]: r.disabled
-  }, {
-    [`&.${n.selected}`]: r.selected
-  }]
-})(({
-  theme: o
-}) => v({
-  color: "unset",
-  backgroundColor: "transparent",
-  border: 0,
-  outline: 0
-}, o.typography.subtitle1, {
-  margin: "8px 0",
-  height: 36,
-  width: 72,
-  borderRadius: 18,
-  cursor: "pointer",
-  "&:focus": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.action.active, o.palette.action.hoverOpacity)
-  },
-  "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.action.active, o.palette.action.hoverOpacity)
-  },
-  "&:disabled": {
-    cursor: "auto",
-    pointerEvents: "none"
-  },
-  [`&.${n.disabled}`]: {
-    color: (o.vars || o).palette.text.secondary
-  },
-  [`&.${n.selected}`]: {
-    color: (o.vars || o).palette.primary.contrastText,
-    backgroundColor: (o.vars || o).palette.primary.main,
-    "&:focus, &:hover": {
-      backgroundColor: (o.vars || o).palette.primary.dark
-    }
-  }
-})), q = /* @__PURE__ */ u.memo(function(r) {
-  const e = w({
-    props: r,
-    name: "MuiPickersMonth"
-  }), {
-    autoFocus: a,
-    children: i,
-    disabled: c,
-    selected: f,
-    value: s,
-    tabIndex: h,
-    onClick: k,
-    onKeyDown: y,
-    onFocus: C,
-    onBlur: M,
-    "aria-current": g,
-    "aria-label": x
-    // We don't want to forward this prop to the root element
-  } = e, P = B(e, I), l = u.useRef(null), d = O(e);
-  return $(() => {
-    if (a) {
-      var t;
-      (t = l.current) == null || t.focus();
-    }
-  }, [a]), /* @__PURE__ */ p(_, v({
-    className: d.root,
-    ownerState: e
-  }, P, {
-    children: /* @__PURE__ */ p(j, {
-      ref: l,
-      disabled: c,
-      type: "button",
-      role: "radio",
-      tabIndex: c ? -1 : h,
-      "aria-current": g,
-      "aria-checked": f,
-      "aria-label": x,
-      onClick: (t) => k(t, s),
-      onKeyDown: (t) => y(t, s),
-      onFocus: (t) => C(t, s),
-      onBlur: (t) => M(t, s),
-      className: d.monthButton,
-      ownerState: e,
-      children: i
-    })
-  }));
-});
+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
+  });
+}
 export {
-  q as PickersMonth
+  n as default
 };

package/index.es295.js

@@ -1,9 +1,159 @@
-import e from "./index.es218.js";
-import r from "./index.es219.js";
-function n(t) {
-  return e("MuiMonthCalendar", t);
+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;
+  };
 }
-r("MuiMonthCalendar", ["root"]);
 export {
-  n as getMonthCalendarUtilityClass
+  ce as default,
+  E as shouldForwardProp,
+  ee as systemDefaultTheme
 };

package/index.es296.js

@@ -1,10 +1,40 @@
-import e from "./index.es219.js";
-import s from "./index.es218.js";
-function r(t) {
-  return s("MuiPickersMonth", t);
-}
-const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
+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;
+  }
+};
 export {
-  r as getPickersMonthUtilityClass,
-  n as pickersMonthClasses
+  b as validateDate
 };