mada-design-system 0.5.12 → 0.5.13

package/index.es283.js

@@ -1,93 +1,76 @@
-import k from "./index.es330.js";
-import { getPath as j, getStyleValue as h } from "./index.es326.js";
-import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es329.js";
-import P from "./index.es282.js";
-import B from "./index.es335.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);
+import c from "./index.es197.js";
+import T from "./index.es198.js";
+import M from "./index.es289.js";
+const _ = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function v(i) {
+  return Math.round(i * 1e5) / 1e5;
 }
-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);
+const p = {
+  textTransform: "uppercase"
+}, d = '"Roboto", "Helvetica", "Arial", sans-serif';
+function A(i, n) {
+  const h = typeof n == "function" ? n(i) : n, {
+    fontFamily: r = d,
+    // The default font size of the Material Specification.
+    fontSize: f = 14,
+    // px
+    fontWeightLight: a = 300,
+    fontWeightRegular: t = 400,
+    fontWeightMedium: o = 500,
+    fontWeightBold: g = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: l = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: b,
+    pxToRem: S
+  } = h, W = T(h, _);
+  process.env.NODE_ENV;
+  const x = f / 14, m = S || ((s) => `${s / l * x}rem`), e = (s, u, y, z, R) => c({
+    fontFamily: r,
+    fontWeight: s,
+    fontSize: m(u),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: y
+  }, r === d ? {
+    letterSpacing: `${v(z / u)}em`
+  } : {}, R, b), F = {
+    h1: e(a, 96, 1.167, -1.5),
+    h2: e(a, 60, 1.2, -0.5),
+    h3: e(t, 48, 1.167, 0),
+    h4: e(t, 34, 1.235, 0.25),
+    h5: e(t, 24, 1.334, 0),
+    h6: e(o, 20, 1.6, 0.15),
+    subtitle1: e(t, 16, 1.75, 0.15),
+    subtitle2: e(o, 14, 1.57, 0.1),
+    body1: e(t, 16, 1.5, 0.15),
+    body2: e(t, 14, 1.43, 0.15),
+    button: e(o, 14, 1.75, 0.4, p),
+    caption: e(t, 12, 1.66, 0.4),
+    overline: e(t, 12, 2.66, 1, p),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
     }
-    return Array.isArray(i) ? i.map(y) : y(i);
-  }
-  return a;
+  };
+  return M(c({
+    htmlFontSize: l,
+    pxToRem: m,
+    fontFamily: r,
+    fontSize: f,
+    fontWeightLight: a,
+    fontWeightRegular: t,
+    fontWeightMedium: o,
+    fontWeightBold: g
+  }, F), W, {
+    clone: !1
+    // No need to clone deep
+  });
 }
-const S = C();
-S.filterProps = ["sx"];
-const H = S;
 export {
-  H as default,
-  C as unstable_createStyleFunctionSx
+  A as default
 };

package/index.es284.js

@@ -1,5 +1,7 @@
-import e from "./index.es272.js";
-const t = e(), m = t;
+function a(...o) {
+  return [`${o[0]}px ${o[1]}px ${o[2]}px ${o[3]}px rgba(0,0,0,${0.2})`, `${o[4]}px ${o[5]}px ${o[6]}px ${o[7]}px rgba(0,0,0,${0.14})`, `${o[8]}px ${o[9]}px ${o[10]}px ${o[11]}px rgba(0,0,0,${0.12})`].join(",");
+}
+const t = ["none", a(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), a(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), a(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), a(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), a(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), a(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), a(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), a(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), a(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), a(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), a(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), a(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), a(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), a(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), a(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), a(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), a(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), a(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), a(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), a(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), a(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), a(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), a(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), a(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], s = t;
 export {
-  m as default
+  s as default
 };

package/index.es285.js

@@ -1,10 +1,60 @@
-import t from "./index.es340.js";
-import m from "./index.es280.js";
-const r = m();
-function u(e = r) {
-  return t(e);
+import f from "./index.es198.js";
+import u from "./index.es197.js";
+const l = ["duration", "easing", "delay"], p = {
+  // This is the most common easing curve.
+  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, y = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function m(e) {
+  return `${Math.round(e)}ms`;
+}
+function h(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
+}
+function O(e) {
+  const t = u({}, p, e.easing), c = u({}, y, e.duration);
+  return u({
+    getAutoHeightDuration: h,
+    create: (n = ["all"], s = {}) => {
+      const {
+        duration: o = c.standard,
+        easing: g = t.easeInOut,
+        delay: i = 0
+      } = s, b = f(s, l);
+      if (process.env.NODE_ENV !== "production") {
+        const r = (a) => typeof a == "string", d = (a) => !isNaN(parseFloat(a));
+        !r(n) && Array.isArray(n), !d(o) && r(o), r(g), !d(i) && r(i), Object.keys(b).length;
+      }
+      return (Array.isArray(n) ? n : [n]).map((r) => `${r} ${typeof o == "string" ? o : m(o)} ${g} ${typeof i == "string" ? i : m(i)}`).join(",");
+    }
+  }, e, {
+    easing: t,
+    duration: c
+  });
 }
 export {
-  u as default,
-  r as systemDefaultTheme
+  O as default,
+  y as duration,
+  p as easing
 };

package/index.es286.js

@@ -1,18 +1,13 @@
-import s from "./index.es375.js";
-import p from "./index.es285.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
-  });
-}
+const a = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+}, e = a;
 export {
-  n as default
+  e as default
 };

package/index.es287.js

@@ -1,149 +1,9 @@
-import l from "./index.es196.js";
-import E from "./index.es197.js";
-import W, { internal_processStyles as z } from "./index.es322.js";
-import I from "./index.es280.js";
-import q from "./index.es335.js";
-import B from "./index.es336.js";
-import G from "./index.es283.js";
-import { isPlainObject as H } from "./index.es281.js";
-const J = ["ownerState"], K = ["variants"], Q = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
-function U(e) {
-  return Object.keys(e).length === 0;
-}
-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 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)) {
-    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;
-  }
-  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)));
-    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;
-  };
+function o(e) {
+  let t = "https://mui.com/production-error/?code=" + e;
+  for (let r = 1; r < arguments.length; r += 1)
+    t += "&args[]=" + encodeURIComponent(arguments[r]);
+  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
 }
 export {
-  le as default,
-  A as shouldForwardProp,
-  Y as systemDefaultTheme
+  o as default
 };

package/index.es288.js

@@ -1,13 +1,38 @@
-import e from "./index.es196.js";
-const r = (o) => ({
-  components: {
-    MuiLocalizationProvider: {
-      defaultProps: {
-        localeText: e({}, o)
-      }
-    }
-  }
-});
+import p from "./index.es197.js";
+import h from "./index.es198.js";
+import d from "./index.es341.js";
+import g from "./index.es343.js";
+import x from "./index.es342.js";
+import b from "./index.es291.js";
+import _ from "./index.es290.js";
+import k from "./index.es402.js";
+import s from "./index.es289.js";
+const y = ["breakpoints", "palette", "spacing", "shape"];
+function P(r = {}, ...i) {
+  const {
+    breakpoints: a = {},
+    palette: m = {},
+    spacing: c,
+    shape: l = {}
+  } = r, t = h(r, y), u = d(a), f = x(c);
+  let e = s({
+    breakpoints: u,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: p({
+      mode: "light"
+    }, m),
+    spacing: f,
+    shape: p({}, g, l)
+  }, t);
+  return e.applyStyles = k, e = i.reduce((n, o) => s(n, o), e), e.unstable_sxConfig = p({}, _, t == null ? void 0 : t.unstable_sxConfig), e.unstable_sx = function(o) {
+    return b({
+      sx: o,
+      theme: this
+    });
+  }, e;
+}
 export {
-  r as getPickersLocalization
+  P as default
 };

package/index.es289.js

@@ -1,40 +1,29 @@
-import { applyDefaultDate as D } from "./index.es204.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 r from "./index.es197.js";
+import * as i from "react";
+function f(t) {
+  if (typeof t != "object" || t === null)
+    return !1;
+  const n = Object.getPrototypeOf(t);
+  return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
+}
+function p(t) {
+  if (/* @__PURE__ */ i.isValidElement(t) || !f(t))
+    return t;
+  const n = {};
+  return Object.keys(t).forEach((o) => {
+    n[o] = p(t[o]);
+  }), n;
+}
+function b(t, n, o = {
+  clone: !0
+}) {
+  const e = o.clone ? r({}, t) : t;
+  return f(t) && f(n) && Object.keys(n).forEach((l) => {
+    /* @__PURE__ */ i.isValidElement(n[l]) ? e[l] = n[l] : f(n[l]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(t, l) && f(t[l]) ? e[l] = b(t[l], n[l], o) : o.clone ? e[l] = f(n[l]) ? p(n[l]) : n[l] : e[l] = n[l];
+  }), e;
+}
 export {
-  b as validateDate
+  b as default,
+  f as isPlainObject
 };

package/index.es29.js

@@ -1,4 +1,4 @@
-import { a as se } from "./index.es188.js";
+import { a as se } from "./index.es189.js";
 import * as V from "@radix-ui/react-dialog";
 import * as t from "react";
 var fe = '[cmdk-list-sizer=""]', K = '[cmdk-group=""]', H = '[cmdk-group-items=""]', me = '[cmdk-group-heading=""]', B = '[cmdk-item=""]', ne = `${B}:not([aria-disabled="true"])`, W = "cmdk-item-select", w = "data-value", ve = (r, o) => se(r, o), le = t.createContext(void 0), P = () => t.useContext(le), ae = t.createContext(void 0), Q = () => t.useContext(ae), ue = t.createContext(void 0), oe = t.forwardRef((r, o) => {