mada-design-system 0.8.0 → 0.8.1

package/index.es371.js

@@ -1,11 +1,11 @@
 import p from "./index.es207.js";
 import h from "./index.es208.js";
-import d from "./index.es418.js";
-import g from "./index.es420.js";
-import x from "./index.es419.js";
+import d from "./index.es429.js";
+import g from "./index.es431.js";
+import x from "./index.es430.js";
 import b from "./index.es374.js";
 import _ from "./index.es373.js";
-import k from "./index.es472.js";
+import k from "./index.es469.js";
 import s from "./index.es372.js";
 const y = ["breakpoints", "palette", "spacing", "shape"];
 function P(r = {}, ...i) {

package/index.es373.js

@@ -1,8 +1,8 @@
-import { padding as e, margin as t } from "./index.es409.js";
-import { borderTransform as r, borderRadius as s } from "./index.es405.js";
-import { gap as i, rowGap as n, columnGap as m } from "./index.es412.js";
-import { paletteTransform as l } from "./index.es413.js";
-import { sizingTransform as o, maxWidth as y } from "./index.es414.js";
+import { padding as e, margin as t } from "./index.es422.js";
+import { borderTransform as r, borderRadius as s } from "./index.es418.js";
+import { gap as i, rowGap as n, columnGap as m } from "./index.es425.js";
+import { paletteTransform as l } from "./index.es426.js";
+import { sizingTransform as o, maxWidth as y } from "./index.es427.js";
 const d = {
   // borders
   border: {

package/index.es374.js

@@ -1,8 +1,8 @@
-import k from "./index.es411.js";
-import { getPath as j, getStyleValue as h } from "./index.es407.js";
-import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es410.js";
+import k from "./index.es424.js";
+import { getPath as j, getStyleValue as h } from "./index.es420.js";
+import { createEmptyBreakpointObject as x, handleBreakpoints as p, removeUnusedBreakpoints as O } from "./index.es423.js";
 import P from "./index.es373.js";
-import B from "./index.es416.js";
+import B from "./index.es409.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);

package/index.es376.js

@@ -1,4 +1,4 @@
-import t from "./index.es421.js";
+import t from "./index.es432.js";
 import m from "./index.es371.js";
 const r = m();
 function u(e = r) {

package/index.es378.js

@@ -1,9 +1,9 @@
 import l from "./index.es207.js";
 import E from "./index.es208.js";
-import W, { internal_processStyles as z } from "./index.es403.js";
+import W, { internal_processStyles as z } from "./index.es416.js";
 import I from "./index.es371.js";
-import q from "./index.es416.js";
-import B from "./index.es417.js";
+import q from "./index.es409.js";
+import B from "./index.es406.js";
 import G from "./index.es374.js";
 import { isPlainObject as H } from "./index.es372.js";
 const J = ["ownerState"], K = ["variants"], Q = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];

package/index.es383.js

@@ -9,10 +9,10 @@ import De from "./index.es480.js";
 import ke, { getButtonBaseUtilityClass as Ve } from "./index.es481.js";
 import { jsxs as Ee, jsx as we } from "react/jsx-runtime";
 import _ from "./index.es385.js";
-import Fe from "./index.es439.js";
+import Fe from "./index.es412.js";
 import M from "./index.es226.js";
-import Le from "./index.es436.js";
-import Ne from "./index.es434.js";
+import Le from "./index.es408.js";
+import Ne from "./index.es405.js";
 import Se from "./index.es229.js";
 const Ue = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Pe = (g) => {
   const {

package/index.es384.js

@@ -1,4 +1,4 @@
-import y from "./index.es423.js";
+import y from "./index.es415.js";
 import l from "./index.es370.js";
 function h(e, t = 0, n = 1) {
   return process.env.NODE_ENV !== "production" && (e < t || e > n), y(e, t, n);

package/index.es385.js

@@ -1,5 +1,5 @@
 import * as o from "react";
-import u from "./index.es437.js";
+import u from "./index.es410.js";
 function f(...e) {
   return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
     e.forEach((t) => {

package/index.es395.js

@@ -1,4 +1,4 @@
-import { ValueSetter as u } from "./index.es262.js";
+import { ValueSetter as u } from "./index.es272.js";
 class n {
   run(r, e, s, i) {
     const t = this.parse(r, e, s, i);

package/index.es396.js

@@ -1,4 +1,4 @@
-import { millisecondsInHour as l, millisecondsInMinute as m, millisecondsInSecond as f } from "./index.es239.js";
+import { millisecondsInHour as l, millisecondsInMinute as m, millisecondsInSecond as f } from "./index.es249.js";
 import { numericPatterns as r } from "./index.es397.js";
 function p(e, n) {
   return e && {

package/index.es401.js

@@ -1,4 +1,8 @@
-var r = {};
+function u(e, r) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || r(...n);
+  };
+}
 export {
-  r as __exports
+  u as default
 };

package/index.es402.js

@@ -1,4 +1,4 @@
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };

package/index.es403.js

@@ -1,15 +1,4 @@
-import r from "./index.es404.js";
-function y(e, o) {
-  const n = r(e, o);
-  return process.env.NODE_ENV !== "production" ? (...t) => {
-    const i = typeof e == "string" ? `"${e}"` : "component";
-    return t.length === 0 || t.some((s) => s === void 0), n(...t);
-  } : n;
-}
-const c = (e, o) => {
-  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
-};
+var e = {};
 export {
-  y as default,
-  c as internal_processStyles
+  e as __exports
 };

package/index.es404.js

@@ -1,145 +1,26 @@
-import a from "./index.es466.js";
-import "react";
-var r = [
-  "a",
-  "abbr",
-  "address",
-  "area",
-  "article",
-  "aside",
-  "audio",
-  "b",
-  "base",
-  "bdi",
-  "bdo",
-  "big",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "data",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "keygen",
-  "label",
-  "legend",
-  "li",
-  "link",
-  "main",
-  "map",
-  "mark",
-  "marquee",
-  "menu",
-  "menuitem",
-  "meta",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "param",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "script",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "style",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "title",
-  "tr",
-  "track",
-  "u",
-  "ul",
-  "var",
-  "video",
-  "wbr",
-  // SVG
-  "circle",
-  "clipPath",
-  "defs",
-  "ellipse",
-  "foreignObject",
-  "g",
-  "image",
-  "line",
-  "linearGradient",
-  "mask",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "stop",
-  "svg",
-  "text",
-  "tspan"
-], t = a.bind();
-r.forEach(function(e) {
-  t[e] = t(e);
-});
+import r from "./index.es209.js";
+import c from "./index.es401.js";
+function m(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function l(n, e, p, f, s) {
+  const o = n[e], u = s || e;
+  if (o == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let t;
+  const i = o.type;
+  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const a = c(r.element, l);
+a.isRequired = c(r.element.isRequired, l);
+const R = a;
 export {
-  t as default
+  R as default
 };

package/index.es405.js

@@ -1,45 +1,23 @@
-import i from "./index.es406.js";
-import b from "./index.es407.js";
-import l from "./index.es408.js";
-import { createUnaryUnit as u, getValue as c } from "./index.es409.js";
-import { handleBreakpoints as m } from "./index.es410.js";
-function e(r) {
-  return typeof r != "number" ? r : `${r}px solid`;
+import c from "./index.es209.js";
+import l from "./index.es401.js";
+function f(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
 }
-function o(r, t) {
-  return b({
-    prop: r,
-    themeKey: "borders",
-    transform: t
-  });
+function u(n, e, i, r, p) {
+  const t = n[e], a = p || e;
+  if (t == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const f = o("border", e), a = o("borderTop", e), p = o("borderRight", e), R = o("borderBottom", e), C = o("borderLeft", e), h = o("borderColor"), y = o("borderTopColor"), T = o("borderRightColor"), B = o("borderBottomColor"), g = o("borderLeftColor"), L = o("outline", e), P = o("outlineColor"), d = (r) => {
-  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
-    const t = u(r.theme, "shape.borderRadius", 4, "borderRadius"), n = (s) => ({
-      borderRadius: c(t, s)
-    });
-    return m(r, r.borderRadius, n);
-  }
-  return null;
-};
-d.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: i
-} : {};
-d.filterProps = ["borderRadius"];
-l(f, a, p, R, C, h, y, T, B, g, d, L, P);
+const m = l(c.elementType, u);
 export {
-  f as border,
-  R as borderBottom,
-  B as borderBottomColor,
-  h as borderColor,
-  C as borderLeft,
-  g as borderLeftColor,
-  d as borderRadius,
-  p as borderRight,
-  T as borderRightColor,
-  a as borderTop,
-  y as borderTopColor,
-  e as borderTransform,
-  L as outline,
-  P as outlineColor
+  m as default
 };

package/index.es406.js

@@ -1,5 +1,34 @@
-import e from "./index.es209.js";
-const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
+import { r as n } from "./index.es407.js";
+const i = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
+function c(e) {
+  const t = `${e}`.match(i);
+  return t && t[1] || "";
+}
+function f(e, t = "") {
+  return e.displayName || e.name || c(e) || t;
+}
+function u(e, t, r) {
+  const a = f(t);
+  return e.displayName || (a !== "" ? `${r}(${a})` : r);
+}
+function d(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return f(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case n.ForwardRef:
+          return u(e, e.render, "ForwardRef");
+        case n.Memo:
+          return u(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
 export {
-  p as default
+  d as default,
+  c as getFunctionName
 };

package/index.es407.js

@@ -1,43 +1,8 @@
-import P from "./index.es406.js";
-import { handleBreakpoints as m } from "./index.es410.js";
-import $ from "./index.es416.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
-    return null;
-  if (t && t.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
-    if (n != null)
-      return n;
-  }
-  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
-}
-function y(t, e, f, n = f) {
-  let r;
-  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
-}
-function k(t) {
-  const {
-    prop: e,
-    cssProperty: f = t.prop,
-    themeKey: n,
-    transform: r
-  } = t, s = (o) => {
-    if (o[e] == null)
-      return null;
-    const v = o[e], d = o.theme, i = c(d, n) || {};
-    return m(o, v, (u) => {
-      let l = y(i, r, u);
-      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
-        [f]: l
-      };
-    });
-  };
-  return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [e]: P
-  } : {}, s.filterProps = [e], s;
-}
+import { __module as r } from "./index.es460.js";
+import { __require as e } from "./index.es461.js";
+import { __require as o } from "./index.es462.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  i as r
 };

package/index.es408.js

@@ -1,10 +1,5 @@
-import c from "./index.es411.js";
-function f(...n) {
-  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
-    r[o] = e;
-  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
-  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
-}
+import e from "./index.es209.js";
+const o = e.oneOfType([e.func, e.object]), f = o;
 export {
   f as default
 };

package/index.es409.js

@@ -1,78 +1,9 @@
-import d from "./index.es406.js";
-import { handleBreakpoints as f } from "./index.es410.js";
-import { getPath as l } from "./index.es407.js";
-import y from "./index.es411.js";
-import h from "./index.es415.js";
-const v = {
-  m: "margin",
-  p: "padding"
-}, E = {
-  t: "Top",
-  r: "Right",
-  b: "Bottom",
-  l: "Left",
-  x: ["Left", "Right"],
-  y: ["Top", "Bottom"]
-}, p = {
-  marginX: "mx",
-  marginY: "my",
-  paddingX: "px",
-  paddingY: "py"
-}, N = h((e) => {
-  if (e.length > 2)
-    if (p[e])
-      e = p[e];
-    else
-      return [e];
-  const [n, t] = e.split(""), r = v[n], a = E[t] || "";
-  return Array.isArray(a) ? a.map((o) => r + o) : [r + a];
-}), s = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], m = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], b = [...s, ...m];
-function I(e, n, t, r) {
-  var a;
-  const o = (a = l(e, n, !1)) != null ? a : t;
-  return typeof o == "number" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV, o * i) : Array.isArray(o) ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && Number.isInteger(i) && i > o.length - 1, o[i]) : typeof o == "function" ? o : (process.env.NODE_ENV, () => {
-  });
+import e from "./index.es370.js";
+function o(r) {
+  if (typeof r != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : e(7));
+  return r.charAt(0).toUpperCase() + r.slice(1);
 }
-function B(e) {
-  return I(e, "spacing", 8, "spacing");
-}
-function S(e, n) {
-  if (typeof n == "string" || n == null)
-    return n;
-  const t = Math.abs(n), r = e(t);
-  return n >= 0 ? r : typeof r == "number" ? -r : `-${r}`;
-}
-function T(e, n) {
-  return (t) => e.reduce((r, a) => (r[a] = S(n, t), r), {});
-}
-function $(e, n, t, r) {
-  if (n.indexOf(t) === -1)
-    return null;
-  const a = N(t), o = T(a, r), i = e[t];
-  return f(e, i, o);
-}
-function u(e, n) {
-  const t = B(e.theme);
-  return Object.keys(e).map((r) => $(e, n, r, t)).reduce(y, {});
-}
-function c(e) {
-  return u(e, s);
-}
-c.propTypes = process.env.NODE_ENV !== "production" ? s.reduce((e, n) => (e[n] = d, e), {}) : {};
-c.filterProps = s;
-function g(e) {
-  return u(e, m);
-}
-g.propTypes = process.env.NODE_ENV !== "production" ? m.reduce((e, n) => (e[n] = d, e), {}) : {};
-g.filterProps = m;
-process.env.NODE_ENV !== "production" && b.reduce((e, n) => (e[n] = d, e), {});
 export {
-  B as createUnarySpacing,
-  I as createUnaryUnit,
-  T as getStyleFromPropValue,
-  S as getValue,
-  c as margin,
-  s as marginKeys,
-  g as padding,
-  m as paddingKeys
+  o as default
 };

package/index.es410.js

@@ -1,57 +1,6 @@
-const c = {
-  xs: 0,
-  // phone
-  sm: 600,
-  // tablet
-  md: 900,
-  // small laptop
-  lg: 1200,
-  // desktop
-  xl: 1536
-  // large screen
-}, k = {
-  // Sorted ASC by size. That's important.
-  // It can't be configured as it's used statically for propTypes.
-  keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (t) => `@media (min-width:${c[t]}px)`
-};
-function m(t, e, n) {
-  const s = t.theme || {};
-  if (Array.isArray(e)) {
-    const r = s.breakpoints || k;
-    return e.reduce((u, o, i) => (u[r.up(r.keys[i])] = n(e[i]), u), {});
-  }
-  if (typeof e == "object") {
-    const r = s.breakpoints || k;
-    return Object.keys(e).reduce((u, o) => {
-      if (Object.keys(r.values || c).indexOf(o) !== -1) {
-        const i = r.up(o);
-        u[i] = n(e[o], o);
-      } else {
-        const i = o;
-        u[i] = e[i];
-      }
-      return u;
-    }, {});
-  }
-  return n(e);
-}
-function y(t = {}) {
-  var e;
-  return ((e = t.keys) == null ? void 0 : e.reduce((s, d) => {
-    const r = t.up(d);
-    return s[r] = {}, s;
-  }, {})) || {};
-}
-function f(t, e) {
-  return t.reduce((n, s) => {
-    const d = n[s];
-    return (!d || Object.keys(d).length === 0) && delete n[s], n;
-  }, e);
+function e(t, n) {
+  typeof t == "function" ? t(n) : t && (t.current = n);
 }
 export {
-  y as createEmptyBreakpointObject,
-  m as handleBreakpoints,
-  f as removeUnusedBreakpoints,
-  c as values
+  e as default
 };

package/index.es411.js

@@ -1,10 +1,21 @@
-import f from "./index.es372.js";
-function o(e, r) {
-  return r ? f(e, r, {
-    clone: !1
-    // No need to clone deep, it's way faster.
-  }) : e;
+class t {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new t();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(r, e) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, e();
+    }, r);
+  }
 }
 export {
-  o as default
+  t as Timeout
 };