mada-design-system 0.7.2 → 0.8.1

package/index.es387.js

@@ -1,94 +1,208 @@
-import { __exports as r } from "./index.es418.js";
-var P;
-function te() {
-  return P ? r : (P = 1, process.env.NODE_ENV !== "production" && function() {
-    var v = Symbol.for("react.element"), m = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), i = Symbol.for("react.context"), b = Symbol.for("react.server_context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), l = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), M = !1, p = !1, y = !1, F = !1, L = !1, T;
-    T = Symbol.for("react.module.reference");
-    function Y(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === t || e === a || L || e === o || e === f || e === u || F || e === A || M || p || y || typeof e == "object" && e !== null && (e.$$typeof === E || e.$$typeof === l || e.$$typeof === s || e.$$typeof === i || e.$$typeof === c || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === T || e.getModuleId !== void 0));
-    }
-    function n(e) {
-      if (typeof e == "object" && e !== null) {
-        var _ = e.$$typeof;
-        switch (_) {
-          case v:
-            var d = e.type;
-            switch (d) {
-              case t:
-              case a:
-              case o:
-              case f:
-              case u:
-                return d;
-              default:
-                var C = d && d.$$typeof;
-                switch (C) {
-                  case b:
-                  case i:
-                  case c:
-                  case E:
-                  case l:
-                  case s:
-                    return C;
-                  default:
-                    return _;
-                }
-            }
-          case m:
-            return _;
-        }
-      }
-    }
-    var I = i, O = s, w = v, x = c, $ = t, g = E, h = l, N = m, D = a, z = o, V = f, q = u, R = !1, S = !1;
-    function U(e) {
-      return R || (R = !0), !1;
-    }
-    function W(e) {
-      return S || (S = !0), !1;
-    }
-    function X(e) {
-      return n(e) === i;
-    }
-    function G(e) {
-      return n(e) === s;
-    }
-    function H(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === v;
-    }
-    function Z(e) {
-      return n(e) === c;
-    }
-    function j(e) {
-      return n(e) === t;
-    }
-    function k(e) {
-      return n(e) === E;
-    }
-    function B(e) {
-      return n(e) === l;
-    }
-    function J(e) {
-      return n(e) === m;
-    }
-    function K(e) {
-      return n(e) === a;
-    }
-    function Q(e) {
-      return n(e) === o;
-    }
-    function ee(e) {
-      return n(e) === f;
-    }
-    function re(e) {
-      return n(e) === u;
-    }
-    r.ContextConsumer = I, r.ContextProvider = O, r.Element = w, r.ForwardRef = x, r.Fragment = $, r.Lazy = g, r.Memo = h, r.Portal = N, r.Profiler = D, r.StrictMode = z, r.Suspense = V, r.SuspenseList = q, r.isAsyncMode = U, r.isConcurrentMode = W, r.isContextConsumer = X, r.isContextProvider = G, r.isElement = H, r.isForwardRef = Z, r.isFragment = j, r.isLazy = k, r.isMemo = B, r.isPortal = J, r.isProfiler = K, r.isStrictMode = Q, r.isSuspense = ee, r.isSuspenseList = re, r.isValidElementType = Y, r.typeOf = n;
-  }(), r);
-}
+import E from "./index.es207.js";
+import x from "./index.es208.js";
+import N from "./index.es442.js";
+import v from "./index.es209.js";
+import A from "./index.es443.js";
+import _ from "./index.es444.js";
+import C from "react";
+import g from "./index.es445.js";
+import { classNamesShape as $ } from "./index.es446.js";
+import { forceReflow as S } from "./index.es447.js";
+var T = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return A(i, s);
+  });
+}, d = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return _(i, s);
+  });
+}, c = /* @__PURE__ */ function(u) {
+  N(i, u);
+  function i() {
+    for (var s, t = arguments.length, a = new Array(t), o = 0; o < t; o++)
+      a[o] = arguments[o];
+    return s = u.call.apply(u, [this].concat(a)) || this, s.appliedClasses = {
+      appear: {},
+      enter: {},
+      exit: {}
+    }, s.onEnter = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1];
+      s.removeClasses(l, "exit"), s.addClass(l, m ? "appear" : "enter", "base"), s.props.onEnter && s.props.onEnter(e, r);
+    }, s.onEntering = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
+      s.addClass(l, f, "active"), s.props.onEntering && s.props.onEntering(e, r);
+    }, s.onEntered = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
+      s.removeClasses(l, f), s.addClass(l, f, "done"), s.props.onEntered && s.props.onEntered(e, r);
+    }, s.onExit = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.removeClasses(n, "appear"), s.removeClasses(n, "enter"), s.addClass(n, "exit", "base"), s.props.onExit && s.props.onExit(e);
+    }, s.onExiting = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.addClass(n, "exit", "active"), s.props.onExiting && s.props.onExiting(e);
+    }, s.onExited = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.removeClasses(n, "exit"), s.addClass(n, "exit", "done"), s.props.onExited && s.props.onExited(e);
+    }, s.resolveArguments = function(e, r) {
+      return s.props.nodeRef ? [s.props.nodeRef.current, e] : [e, r];
+    }, s.getClassNames = function(e) {
+      var r = s.props.classNames, n = typeof r == "string", l = n && r ? r + "-" : "", m = n ? "" + l + e : r[e], f = n ? m + "-active" : r[e + "Active"], h = n ? m + "-done" : r[e + "Done"];
+      return {
+        baseClassName: m,
+        activeClassName: f,
+        doneClassName: h
+      };
+    }, s;
+  }
+  var p = i.prototype;
+  return p.addClass = function(t, a, o) {
+    var e = this.getClassNames(a)[o + "ClassName"], r = this.getClassNames("enter"), n = r.doneClassName;
+    a === "appear" && o === "done" && n && (e += " " + n), o === "active" && t && S(t), e && (this.appliedClasses[a][o] = e, T(t, e));
+  }, p.removeClasses = function(t, a) {
+    var o = this.appliedClasses[a], e = o.base, r = o.active, n = o.done;
+    this.appliedClasses[a] = {}, e && d(t, e), r && d(t, r), n && d(t, n);
+  }, p.render = function() {
+    var t = this.props;
+    t.classNames;
+    var a = x(t, ["classNames"]);
+    return /* @__PURE__ */ C.createElement(g, E({}, a, {
+      onEnter: this.onEnter,
+      onEntered: this.onEntered,
+      onEntering: this.onEntering,
+      onExit: this.onExit,
+      onExiting: this.onExiting,
+      onExited: this.onExited
+    }));
+  }, i;
+}(C.Component);
+c.defaultProps = {
+  classNames: ""
+};
+c.propTypes = process.env.NODE_ENV !== "production" ? E({}, g.propTypes, {
+  /**
+   * The animation classNames applied to the component as it appears, enters,
+   * exits or has finished the transition. A single name can be provided, which
+   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
+   *
+   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
+   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
+   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
+   *
+   * A few details to note about how these classes are applied:
+   *
+   * 1. They are _joined_ with the ones that are already defined on the child
+   *    component, so if you want to add some base styles, you can use
+   *    `className` without worrying that it will be overridden.
+   *
+   * 2. If the transition component mounts with `in={false}`, no classes are
+   *    applied yet. You might be expecting `*-exit-done`, but if you think
+   *    about it, a component cannot finish exiting if it hasn't entered yet.
+   *
+   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
+   *    allows you to define different behavior for when appearing is done and
+   *    when regular entering is done, using selectors like
+   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
+   *    an epic entrance animation when element first appears in the DOM using
+   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
+   *    simply use `fade-enter-done` for defining both cases.
+   *
+   * Each individual classNames can also be specified independently like:
+   *
+   * ```js
+   * classNames={{
+   *  appear: 'my-appear',
+   *  appearActive: 'my-active-appear',
+   *  appearDone: 'my-done-appear',
+   *  enter: 'my-enter',
+   *  enterActive: 'my-active-enter',
+   *  enterDone: 'my-done-enter',
+   *  exit: 'my-exit',
+   *  exitActive: 'my-active-exit',
+   *  exitDone: 'my-done-exit',
+   * }}
+   * ```
+   *
+   * If you want to set these classes using CSS Modules:
+   *
+   * ```js
+   * import styles from './styles.css';
+   * ```
+   *
+   * you might want to use camelCase in your CSS file, that way could simply
+   * spread them instead of listing them one by one:
+   *
+   * ```js
+   * classNames={{ ...styles }}
+   * ```
+   *
+   * @type {string | {
+   *  appear?: string,
+   *  appearActive?: string,
+   *  appearDone?: string,
+   *  enter?: string,
+   *  enterActive?: string,
+   *  enterDone?: string,
+   *  exit?: string,
+   *  exitActive?: string,
+   *  exitDone?: string,
+   * }}
+   */
+  classNames: $,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEnter: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter-active' or
+   * 'appear-active' class is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or
+   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntered: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExit: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExiting: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' classes
+   * are **removed** and the `exit-done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExited: v.func
+}) : {};
+const z = c;
 export {
-  te as __require
+  z as default
 };

package/index.es388.js

@@ -1,4 +1,122 @@
-import e from "./index.es323.js";
+import B from "./index.es208.js";
+import v from "./index.es207.js";
+import * as u from "react";
+import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es390.js";
+import { jsx as p } from "react/jsx-runtime";
+import m from "./index.es221.js";
+import w from "./index.es230.js";
+import $ from "./index.es386.js";
+import F from "./index.es229.js";
+import { alpha as b } from "./index.es384.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
+    })
+  }));
+});
 export {
-  e as default
+  q as PickersMonth
 };

package/index.es389.js

@@ -1,4 +1,9 @@
-import e from "./index.es322.js";
+import e from "./index.es231.js";
+import r from "./index.es232.js";
+function n(t) {
+  return e("MuiMonthCalendar", t);
+}
+r("MuiMonthCalendar", ["root"]);
 export {
-  e as default
+  n as getMonthCalendarUtilityClass
 };

package/index.es39.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-label";
-import { cva as i } from "./index.es110.js";
+import { cva as i } from "./index.es111.js";
 import * as m from "react";
 import { cn as l } from "./index.es89.js";
 const d = i("peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {

package/index.es390.js

@@ -1,4 +1,10 @@
-var r = {};
+import e from "./index.es232.js";
+import s from "./index.es231.js";
+function r(t) {
+  return s("MuiPickersMonth", t);
+}
+const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
 export {
-  r as __exports
+  r as getPickersMonthUtilityClass,
+  n as pickersMonthClasses
 };

package/index.es391.js

@@ -1,4 +1,118 @@
-var e = {};
+import R from "./index.es208.js";
+import b from "./index.es207.js";
+import * as n from "react";
+import { clsx as w } from "./index.es133.js";
+import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es393.js";
+import { jsx as p } from "react/jsx-runtime";
+import f from "./index.es221.js";
+import F from "./index.es230.js";
+import _ from "./index.es229.js";
+import { alpha as v } from "./index.es384.js";
+const I = ["autoFocus", "className", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "yearsPerRow"], N = (o) => {
+  const {
+    disabled: r,
+    selected: e,
+    classes: a
+  } = o;
+  return _({
+    root: ["root"],
+    yearButton: ["yearButton", r && "disabled", e && "selected"]
+  }, $, a);
+}, O = f("div", {
+  name: "MuiPickersYear",
+  slot: "Root",
+  overridesResolver: (o, r) => [r.root]
+})(({
+  ownerState: o
+}) => ({
+  flexBasis: o.yearsPerRow === 3 ? "33.3%" : "25%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center"
+})), j = f("button", {
+  name: "MuiPickersYear",
+  slot: "YearButton",
+  overridesResolver: (o, r) => [r.yearButton, {
+    [`&.${c.disabled}`]: r.disabled
+  }, {
+    [`&.${c.selected}`]: r.selected
+  }]
+})(({
+  theme: o
+}) => b({
+  color: "unset",
+  backgroundColor: "transparent",
+  border: 0,
+  outline: 0
+}, o.typography.subtitle1, {
+  margin: "6px 0",
+  height: 36,
+  width: 72,
+  borderRadius: 18,
+  cursor: "pointer",
+  "&:focus": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.focusOpacity})` : v(o.palette.action.active, o.palette.action.focusOpacity)
+  },
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.action.active, o.palette.action.hoverOpacity)
+  },
+  "&:disabled": {
+    cursor: "auto",
+    pointerEvents: "none"
+  },
+  [`&.${c.disabled}`]: {
+    color: (o.vars || o).palette.text.secondary
+  },
+  [`&.${c.selected}`]: {
+    color: (o.vars || o).palette.primary.contrastText,
+    backgroundColor: (o.vars || o).palette.primary.main,
+    "&:focus, &:hover": {
+      backgroundColor: (o.vars || o).palette.primary.dark
+    }
+  }
+})), W = /* @__PURE__ */ n.memo(function(r) {
+  const e = F({
+    props: r,
+    name: "MuiPickersYear"
+  }), {
+    autoFocus: a,
+    className: i,
+    children: y,
+    disabled: l,
+    selected: k,
+    value: s,
+    tabIndex: m,
+    onClick: C,
+    onKeyDown: x,
+    onFocus: g,
+    onBlur: P,
+    "aria-current": B
+    // We don't want to forward this prop to the root element
+  } = e, Y = R(e, I), u = n.useRef(null), d = N(e);
+  return n.useEffect(() => {
+    a && u.current.focus();
+  }, [a]), /* @__PURE__ */ p(O, b({
+    className: w(d.root, i),
+    ownerState: e
+  }, Y, {
+    children: /* @__PURE__ */ p(j, {
+      ref: u,
+      disabled: l,
+      type: "button",
+      role: "radio",
+      tabIndex: l ? -1 : m,
+      "aria-current": B,
+      "aria-checked": k,
+      onClick: (t) => C(t, s),
+      onKeyDown: (t) => x(t, s),
+      onFocus: (t) => g(t, s),
+      onBlur: (t) => P(t, s),
+      className: d.yearButton,
+      ownerState: e,
+      children: y
+    })
+  }));
+});
 export {
-  e as __exports
+  W as PickersYear
 };

package/index.es392.js

@@ -1,13 +1,9 @@
-import a from "./index.es393.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
+import r from "./index.es231.js";
+import t from "./index.es232.js";
+function l(e) {
+  return r("MuiYearCalendar", e);
 }
+t("MuiYearCalendar", ["root"]);
 export {
-  f as default
+  l as getYearCalendarUtilityClass
 };

package/index.es393.js

@@ -1,6 +1,10 @@
-function n(t) {
-  return typeof t == "string";
+import r from "./index.es232.js";
+import t from "./index.es231.js";
+function a(e) {
+  return t("MuiPickersYear", e);
 }
+const o = r("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]);
 export {
-  n as default
+  a as getPickersYearUtilityClass,
+  o as pickersYearClasses
 };

package/index.es394.js

@@ -1,11 +1,18 @@
-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;
+import c from "./index.es207.js";
+import * as e from "react";
+import { jsx as f } from "react/jsx-runtime";
+import t from "./index.es484.js";
+function d(n, r) {
+  function o(m, i) {
+    return /* @__PURE__ */ f(t, c({
+      "data-testid": `${r}Icon`,
+      ref: i
+    }, m, {
+      children: n
+    }));
+  }
+  return process.env.NODE_ENV !== "production" && (o.displayName = `${r}Icon`), o.muiName = t.muiName, /* @__PURE__ */ e.memo(/* @__PURE__ */ e.forwardRef(o));
 }
 export {
-  u as default
+  d as default
 };