mada-design-system 0.8.3 → 0.9.0

package/index.es470.js

@@ -1,13 +1,134 @@
-import a from "./index.es471.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
+import w from "./index.es489.js";
+import C from "./index.es490.js";
+import E from "./index.es488.js";
+var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
+  return n.charCodeAt(1) === 45;
+}, p = function(n) {
+  return n != null && typeof n != "boolean";
+}, h = /* @__PURE__ */ E(function(r) {
+  return d(r) ? r : r.replace(x, "-$&").toLowerCase();
+}), y = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(O, function(f, a, t) {
+          return s = {
+            name: a,
+            styles: t,
+            next: s
+          }, a;
+        });
+  }
+  return C[n] !== 1 && !d(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+}, A = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function m(r, n, e) {
+  if (e == null)
+    return "";
+  var f = e;
+  if (f.__emotion_styles !== void 0)
+    return f;
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      var a = e;
+      if (a.anim === 1)
+        return s = {
+          name: a.name,
+          styles: a.styles,
+          next: s
+        }, a.name;
+      var t = e;
+      if (t.styles !== void 0) {
+        var o = t.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
+            s = {
+              name: o.name,
+              styles: o.styles,
+              next: s
+            }, o = o.next;
+        var i = t.styles + ";";
+        return i;
+      }
+      return M(r, n, e);
     }
+    case "function": {
+      if (r !== void 0) {
+        var u = s, c = e(r);
+        return s = u, m(r, n, c);
+      }
+      break;
+    }
+  }
+  var l = e;
+  if (n == null)
+    return l;
+  var v = n[l];
+  return v !== void 0 ? v : l;
+}
+function M(r, n, e) {
+  var f = "";
+  if (Array.isArray(e))
+    for (var a = 0; a < e.length; a++)
+      f += m(r, n, e[a]) + ";";
+  else
+    for (var t in e) {
+      var o = e[t];
+      if (typeof o != "object") {
+        var i = o;
+        n != null && n[i] !== void 0 ? f += t + "{" + n[i] + "}" : p(i) && (f += h(t) + ":" + y(t, i) + ";");
+      } else {
+        if (t === "NO_COMPONENT_SELECTOR" && _)
+          throw new Error(A);
+        if (Array.isArray(o) && typeof o[0] == "string" && (n == null || n[o[0]] === void 0))
+          for (var u = 0; u < o.length; u++)
+            p(o[u]) && (f += h(t) + ":" + y(t, o[u]) + ";");
+        else {
+          var c = m(r, n, o);
+          switch (t) {
+            case "animation":
+            case "animationName": {
+              f += h(t) + ":" + c + ";";
+              break;
+            }
+            default:
+              f += t + "{" + c + "}";
+          }
+        }
+      }
+    }
+  return f;
+}
+var b = /label:\s*([^\s;{]+)\s*(;|$)/g, s;
+function R(r, n, e) {
+  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
+    return r[0];
+  var f = !0, a = "";
+  s = void 0;
+  var t = r[0];
+  if (t == null || t.raw === void 0)
+    f = !1, a += m(e, n, t);
+  else {
+    var o = t;
+    a += o[0];
+  }
+  for (var i = 1; i < r.length; i++)
+    if (a += m(e, n, r[i]), f) {
+      var u = t;
+      a += u[i];
+    }
+  b.lastIndex = 0;
+  for (var c = "", l; (l = b.exec(a)) !== null; )
+    c += "-" + l[1];
+  var v = w(a) + c;
+  return {
+    name: v,
+    styles: a,
+    next: s
   };
 }
 export {
-  f as default
+  R as serializeStyles
 };

package/index.es471.js

@@ -1,6 +1,17 @@
-function n(t) {
-  return typeof t == "string";
-}
-export {
-  n as default
-};
+import { __require as t } from "./index.es293.js";
+var e = t(), a = {
+  $$typeof: !0,
+  render: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0
+}, p = {
+  $$typeof: !0,
+  compare: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0,
+  type: !0
+}, r = {};
+r[e.ForwardRef] = a;
+r[e.Memo] = p;

package/index.es472.js

@@ -1,11 +1,9 @@
-function u(e, f = []) {
-  if (e === void 0)
-    return {};
-  const t = {};
-  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
-    t[n] = e[n];
-  }), t;
+function c(t, r) {
+  const e = this;
+  return e.vars && typeof e.getColorSchemeSelector == "function" ? {
+    [e.getColorSchemeSelector(t).replace(/(\[[^\]]+\])/, "*:where($1)")]: r
+  } : e.palette.mode === t ? r : {};
 }
 export {
-  u as default
+  c as default
 };

package/index.es473.js

@@ -1,8 +1,4 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
-}
+var e = { exports: {} };
 export {
-  e as default
+  e as __module
 };

package/index.es474.js

@@ -1,6 +1,69 @@
-function i(s, a) {
-  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+import { __exports as e } from "./index.es499.js";
+var R;
+function A() {
+  if (R)
+    return e;
+  R = 1;
+  var T = Symbol.for("react.transitional.element"), l = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), C = Symbol.for("react.client.reference");
+  function t(r) {
+    if (typeof r == "object" && r !== null) {
+      var m = r.$$typeof;
+      switch (m) {
+        case T:
+          switch (r = r.type, r) {
+            case n:
+            case i:
+            case o:
+            case a:
+            case E:
+            case S:
+              return r;
+            default:
+              switch (r = r && r.$$typeof, r) {
+                case f:
+                case u:
+                case _:
+                case c:
+                  return r;
+                case s:
+                  return r;
+                default:
+                  return m;
+              }
+          }
+        case l:
+          return m;
+      }
+    }
+  }
+  return e.ContextConsumer = s, e.ContextProvider = f, e.Element = T, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = l, e.Profiler = i, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
+    return t(r) === s;
+  }, e.isContextProvider = function(r) {
+    return t(r) === f;
+  }, e.isElement = function(r) {
+    return typeof r == "object" && r !== null && r.$$typeof === T;
+  }, e.isForwardRef = function(r) {
+    return t(r) === u;
+  }, e.isFragment = function(r) {
+    return t(r) === n;
+  }, e.isLazy = function(r) {
+    return t(r) === _;
+  }, e.isMemo = function(r) {
+    return t(r) === c;
+  }, e.isPortal = function(r) {
+    return t(r) === l;
+  }, e.isProfiler = function(r) {
+    return t(r) === i;
+  }, e.isStrictMode = function(r) {
+    return t(r) === o;
+  }, e.isSuspense = function(r) {
+    return t(r) === a;
+  }, e.isSuspenseList = function(r) {
+    return t(r) === E;
+  }, e.isValidElementType = function(r) {
+    return typeof r == "string" || typeof r == "function" || r === n || r === i || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === f || r.$$typeof === s || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
+  }, e.typeOf = t, e;
 }
 export {
-  i as default
+  A as __require
 };

package/index.es475.js

@@ -1,6 +1,68 @@
-function r(e, t, f) {
-  return typeof e == "function" ? e(t, f) : e;
+import { __exports as e } from "./index.es500.js";
+var R;
+function d() {
+  return R ? e : (R = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(r) {
+      if (typeof r == "object" && r !== null) {
+        var m = r.$$typeof;
+        switch (m) {
+          case l:
+            switch (r = r.type, r) {
+              case n:
+              case s:
+              case o:
+              case a:
+              case E:
+              case S:
+                return r;
+              default:
+                switch (r = r && r.$$typeof, r) {
+                  case f:
+                  case u:
+                  case _:
+                  case c:
+                    return r;
+                  case i:
+                    return r;
+                  default:
+                    return m;
+                }
+            }
+          case T:
+            return m;
+        }
+      }
+    }
+    var l = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), C = Symbol.for("react.client.reference");
+    e.ContextConsumer = i, e.ContextProvider = f, e.Element = l, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = T, e.Profiler = s, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
+      return t(r) === i;
+    }, e.isContextProvider = function(r) {
+      return t(r) === f;
+    }, e.isElement = function(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === l;
+    }, e.isForwardRef = function(r) {
+      return t(r) === u;
+    }, e.isFragment = function(r) {
+      return t(r) === n;
+    }, e.isLazy = function(r) {
+      return t(r) === _;
+    }, e.isMemo = function(r) {
+      return t(r) === c;
+    }, e.isPortal = function(r) {
+      return t(r) === T;
+    }, e.isProfiler = function(r) {
+      return t(r) === s;
+    }, e.isStrictMode = function(r) {
+      return t(r) === o;
+    }, e.isSuspense = function(r) {
+      return t(r) === a;
+    }, e.isSuspenseList = function(r) {
+      return t(r) === E;
+    }, e.isValidElementType = function(r) {
+      return typeof r == "string" || typeof r == "function" || r === n || r === s || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === f || r.$$typeof === i || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
+    }, e.typeOf = t;
+  }(), e);
 }
 export {
-  r as default
+  d as __require
 };

package/index.es476.js

@@ -1,48 +1,8 @@
-import { clsx as v } from "./index.es133.js";
-import k from "./index.es472.js";
-import H from "./index.es502.js";
-function W(j) {
-  const {
-    getSlotProps: y,
-    additionalProps: e,
-    externalSlotProps: s,
-    externalForwardedProps: c,
-    className: n
-  } = j;
-  if (!y) {
-    const h = v(e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), u = {
-      ...e == null ? void 0 : e.style,
-      ...c == null ? void 0 : c.style,
-      ...s == null ? void 0 : s.style
-    }, f = {
-      ...e,
-      ...c,
-      ...s
-    };
-    return h.length > 0 && (f.className = h), Object.keys(u).length > 0 && (f.style = u), {
-      props: f,
-      internalRef: void 0
-    };
-  }
-  const l = k({
-    ...c,
-    ...s
-  }), E = H(s), b = H(c), m = y(l), N = v(m == null ? void 0 : m.className, e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), g = {
-    ...m == null ? void 0 : m.style,
-    ...e == null ? void 0 : e.style,
-    ...c == null ? void 0 : c.style,
-    ...s == null ? void 0 : s.style
-  }, t = {
-    ...m,
-    ...e,
-    ...b,
-    ...E
-  };
-  return N.length > 0 && (t.className = N), Object.keys(g).length > 0 && (t.style = g), {
-    props: t,
-    internalRef: m.ref
-  };
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
 }
 export {
-  W as default
+  e as default
 };

package/index.es477.js

@@ -1,26 +1,5 @@
-import * as e from "react";
-function i(...t) {
-  const r = e.useRef(void 0), o = e.useCallback((u) => {
-    const f = t.map((n) => {
-      if (n == null)
-        return null;
-      if (typeof n == "function") {
-        const c = n, l = c(u);
-        return typeof l == "function" ? l : () => {
-          c(null);
-        };
-      }
-      return n.current = u, () => {
-        n.current = null;
-      };
-    });
-    return () => {
-      f.forEach((n) => n == null ? void 0 : n());
-    };
-  }, t);
-  return e.useMemo(() => t.every((u) => u == null) ? null : (u) => {
-    r.current && (r.current(), r.current = void 0), u != null && (r.current = o(u));
-  }, t);
+function i(s, a) {
+  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
 }
 export {
   i as default

package/index.es478.js

@@ -1,253 +1,4 @@
-import G from "./index.es207.js";
-import U from "./index.es208.js";
-import * as e from "react";
-import _ from "./index.es209.js";
-import { clsx as c } from "./index.es133.js";
-import j from "./index.es221.js";
-import F from "./index.es230.js";
-import J from "./index.es501.js";
-import i from "./index.es480.js";
-import { jsx as k } from "react/jsx-runtime";
-import { keyframes as E } from "./index.es464.js";
-import Q from "./index.es299.js";
-const Z = ["center", "classes", "className"];
-let y = (r) => r, V, D, K, S;
-const w = 550, v = 80, tt = E(V || (V = y`
-  0% {
-    transform: scale(0);
-    opacity: 0.1;
-  }
-
-  100% {
-    transform: scale(1);
-    opacity: 0.3;
-  }
-`)), et = E(D || (D = y`
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-`)), it = E(K || (K = y`
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.92);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-`)), rt = j("span", {
-  name: "MuiTouchRipple",
-  slot: "Root"
-})({
-  overflow: "hidden",
-  pointerEvents: "none",
-  position: "absolute",
-  zIndex: 0,
-  top: 0,
-  right: 0,
-  bottom: 0,
-  left: 0,
-  borderRadius: "inherit"
-}), ot = j(J, {
-  name: "MuiTouchRipple",
-  slot: "Ripple"
-})(S || (S = y`
-  opacity: 0;
-  position: absolute;
-
-  &.${0} {
-    opacity: 0.3;
-    transform: scale(1);
-    animation-name: ${0};
-    animation-duration: ${0}ms;
-    animation-timing-function: ${0};
-  }
-
-  &.${0} {
-    animation-duration: ${0}ms;
-  }
-
-  & .${0} {
-    opacity: 1;
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: currentColor;
-  }
-
-  & .${0} {
-    opacity: 0;
-    animation-name: ${0};
-    animation-duration: ${0}ms;
-    animation-timing-function: ${0};
-  }
-
-  & .${0} {
-    position: absolute;
-    /* @noflip */
-    left: 0px;
-    top: 0;
-    animation-name: ${0};
-    animation-duration: 2500ms;
-    animation-timing-function: ${0};
-    animation-iteration-count: infinite;
-    animation-delay: 200ms;
-  }
-`), i.rippleVisible, tt, w, ({
-  theme: r
-}) => r.transitions.easing.easeInOut, i.ripplePulsate, ({
-  theme: r
-}) => r.transitions.duration.shorter, i.child, i.childLeaving, et, w, ({
-  theme: r
-}) => r.transitions.easing.easeInOut, i.childPulsate, it, ({
-  theme: r
-}) => r.transitions.easing.easeInOut), q = /* @__PURE__ */ e.forwardRef(function(A, H) {
-  const I = F({
-    props: A,
-    name: "MuiTouchRipple"
-  }), {
-    center: L = !1,
-    classes: n = {},
-    className: W
-  } = I, B = U(I, Z), [N, X] = e.useState([]), Y = e.useRef(0), h = e.useRef(null);
-  e.useEffect(() => {
-    h.current && (h.current(), h.current = null);
-  }, [N]);
-  const T = e.useRef(!1), d = e.useRef(0), o = e.useRef(null), z = e.useRef(null);
-  e.useEffect(() => () => {
-    d.current && clearTimeout(d.current);
-  }, []);
-  const $ = e.useCallback((t) => {
-    const {
-      pulsate: a,
-      rippleX: s,
-      rippleY: g,
-      rippleSize: b,
-      cb: P
-    } = t;
-    X((l) => [...l, /* @__PURE__ */ k(ot, {
-      classes: {
-        ripple: c(n.ripple, i.ripple),
-        rippleVisible: c(n.rippleVisible, i.rippleVisible),
-        ripplePulsate: c(n.ripplePulsate, i.ripplePulsate),
-        child: c(n.child, i.child),
-        childLeaving: c(n.childLeaving, i.childLeaving),
-        childPulsate: c(n.childPulsate, i.childPulsate)
-      },
-      timeout: w,
-      pulsate: a,
-      rippleX: s,
-      rippleY: g,
-      rippleSize: b
-    }, Y.current)]), Y.current += 1, h.current = P;
-  }, [n]), R = e.useCallback((t = {}, a = {}, s = () => {
-  }) => {
-    const {
-      pulsate: g = !1,
-      center: b = L || a.pulsate,
-      fakeElement: P = !1
-      // For test purposes
-    } = a;
-    if ((t == null ? void 0 : t.type) === "mousedown" && T.current) {
-      T.current = !1;
-      return;
-    }
-    (t == null ? void 0 : t.type) === "touchstart" && (T.current = !0);
-    const l = P ? null : z.current, u = l ? l.getBoundingClientRect() : {
-      width: 0,
-      height: 0,
-      left: 0,
-      top: 0
-    };
-    let p, m, f;
-    if (b || t === void 0 || t.clientX === 0 && t.clientY === 0 || !t.clientX && !t.touches)
-      p = Math.round(u.width / 2), m = Math.round(u.height / 2);
-    else {
-      const {
-        clientX: x,
-        clientY: C
-      } = t.touches && t.touches.length > 0 ? t.touches[0] : t;
-      p = Math.round(x - u.left), m = Math.round(C - u.top);
-    }
-    if (b)
-      f = Math.sqrt((2 * u.width ** 2 + u.height ** 2) / 3), f % 2 === 0 && (f += 1);
-    else {
-      const x = Math.max(Math.abs((l ? l.clientWidth : 0) - p), p) * 2 + 2, C = Math.max(Math.abs((l ? l.clientHeight : 0) - m), m) * 2 + 2;
-      f = Math.sqrt(x ** 2 + C ** 2);
-    }
-    t != null && t.touches ? o.current === null && (o.current = () => {
-      $({
-        pulsate: g,
-        rippleX: p,
-        rippleY: m,
-        rippleSize: f,
-        cb: s
-      });
-    }, d.current = setTimeout(() => {
-      o.current && (o.current(), o.current = null);
-    }, v)) : $({
-      pulsate: g,
-      rippleX: p,
-      rippleY: m,
-      rippleSize: f,
-      cb: s
-    });
-  }, [L, $]), O = e.useCallback(() => {
-    R({}, {
-      pulsate: !0
-    });
-  }, [R]), M = e.useCallback((t, a) => {
-    if (clearTimeout(d.current), (t == null ? void 0 : t.type) === "touchend" && o.current) {
-      o.current(), o.current = null, d.current = setTimeout(() => {
-        M(t, a);
-      });
-      return;
-    }
-    o.current = null, X((s) => s.length > 0 ? s.slice(1) : s), h.current = a;
-  }, []);
-  return e.useImperativeHandle(H, () => ({
-    pulsate: O,
-    start: R,
-    stop: M
-  }), [O, R, M]), /* @__PURE__ */ k(rt, G({
-    className: c(i.root, n.root, W),
-    ref: z
-  }, B, {
-    children: /* @__PURE__ */ k(Q, {
-      component: null,
-      exit: !0,
-      children: N
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" && (q.propTypes = {
-  /**
-   * If `true`, the ripple starts at the center of the component
-   * rather than at the point of interaction.
-   */
-  center: _.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: _.object,
-  /**
-   * @ignore
-   */
-  className: _.string
-});
-const Rt = q;
+import o from "./index.es388.js";
 export {
-  v as DELAY_RIPPLE,
-  ot as TouchRippleRipple,
-  rt as TouchRippleRoot,
-  Rt as default
+  o as default
 };

package/index.es479.js

@@ -1,10 +1,4 @@
-import s from "./index.es232.js";
-import e from "./index.es231.js";
-function n(t) {
-  return e("MuiButtonBase", t);
-}
-const o = s("MuiButtonBase", ["root", "disabled", "focusVisible"]), l = o;
+import t from "./index.es416.js";
 export {
-  l as default,
-  n as getButtonBaseUtilityClass
+  t as default
 };