mada-design-system 0.5.1 → 0.5.2

package/index.es255.js

@@ -1,329 +1,312 @@
-import { __require as F } from "./index.es254.js";
-import { __require as N } from "./index.es279.js";
-import { __require as ee } from "./index.es280.js";
-import { __require as re } from "./index.es281.js";
-import { __require as ne } from "./index.es282.js";
-var A, C;
-function oe() {
-  if (C)
-    return A;
-  C = 1;
-  var k = F(), W = N(), h = ee(), I = re(), R = ne(), T = function() {
-  };
-  process.env.NODE_ENV !== "production" && (T = function(x) {
-    var j = "Warning: " + x;
-    try {
-      throw new Error(j);
-    } catch {
-    }
-  });
-  function E() {
-    return null;
-  }
-  return A = function(x, j) {
-    var _ = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function D(e) {
-      var r = e && (_ && e[_] || e[m]);
-      if (typeof r == "function")
-        return r;
-    }
-    var P = "<<anonymous>>", w = {
-      array: p("array"),
-      bigint: p("bigint"),
-      bool: p("boolean"),
-      func: p("function"),
-      number: p("number"),
-      object: p("object"),
-      string: p("string"),
-      symbol: p("symbol"),
-      any: M(),
-      arrayOf: U,
-      element: B(),
-      elementType: J(),
-      instanceOf: z,
-      node: G(),
-      objectOf: H,
-      oneOf: L,
-      oneOfType: X,
-      shape: K,
-      exact: Q
-    };
-    function Y(e, r) {
-      return e === r ? e !== 0 || 1 / e === 1 / r : e !== e && r !== r;
-    }
-    function d(e, r) {
-      this.message = e, this.data = r && typeof r == "object" ? r : {}, this.stack = "";
-    }
-    d.prototype = Error.prototype;
-    function v(e) {
-      if (process.env.NODE_ENV !== "production")
-        var r = {}, u = 0;
-      function i(f, t, a, o, c, s, y) {
-        if (o = o || P, s = s || a, y !== h) {
-          if (j) {
-            var l = new Error(
-              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-            );
-            throw l.name = "Invariant Violation", l;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var b = o + ":" + a;
-            !r[b] && // Avoid spamming the console because they are often not actionable except for lib authors
-            u < 3 && (T(
-              "You are manually calling a React.PropTypes validation function for the `" + s + "` prop on `" + o + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), r[b] = !0, u++);
-          }
-        }
-        return t[a] == null ? f ? t[a] === null ? new d("The " + c + " `" + s + "` is marked as required " + ("in `" + o + "`, but its value is `null`.")) : new d("The " + c + " `" + s + "` is marked as required in " + ("`" + o + "`, but its value is `undefined`.")) : null : e(t, a, o, c, s);
-      }
-      var n = i.bind(null, !1);
-      return n.isRequired = i.bind(null, !0), n;
-    }
-    function p(e) {
-      function r(u, i, n, f, t, a) {
-        var o = u[i], c = g(o);
-        if (c !== e) {
-          var s = O(o);
-          return new d(
-            "Invalid " + f + " `" + t + "` of type " + ("`" + s + "` supplied to `" + n + "`, expected ") + ("`" + e + "`."),
-            { expectedType: e }
-          );
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function M() {
-      return v(E);
-    }
-    function U(e) {
-      function r(u, i, n, f, t) {
-        if (typeof e != "function")
-          return new d("Property `" + t + "` of component `" + n + "` has invalid PropType notation inside arrayOf.");
-        var a = u[i];
-        if (!Array.isArray(a)) {
-          var o = g(a);
-          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected an array."));
-        }
-        for (var c = 0; c < a.length; c++) {
-          var s = e(a, c, n, f, t + "[" + c + "]", h);
-          if (s instanceof Error)
-            return s;
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function B() {
-      function e(r, u, i, n, f) {
-        var t = r[u];
-        if (!x(t)) {
-          var a = g(t);
-          return new d("Invalid " + n + " `" + f + "` of type " + ("`" + a + "` supplied to `" + i + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return v(e);
-    }
-    function J() {
-      function e(r, u, i, n, f) {
-        var t = r[u];
-        if (!k.isValidElementType(t)) {
-          var a = g(t);
-          return new d("Invalid " + n + " `" + f + "` of type " + ("`" + a + "` supplied to `" + i + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return v(e);
-    }
-    function z(e) {
-      function r(u, i, n, f, t) {
-        if (!(u[i] instanceof e)) {
-          var a = e.name || P, o = V(u[i]);
-          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected ") + ("instance of `" + a + "`."));
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function L(e) {
-      if (!Array.isArray(e))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? T(
-          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : T("Invalid argument supplied to oneOf, expected an array.")), E;
-      function r(u, i, n, f, t) {
-        for (var a = u[i], o = 0; o < e.length; o++)
-          if (Y(a, e[o]))
-            return null;
-        var c = JSON.stringify(e, function(y, l) {
-          var b = O(l);
-          return b === "symbol" ? String(l) : l;
-        });
-        return new d("Invalid " + f + " `" + t + "` of value `" + String(a) + "` " + ("supplied to `" + n + "`, expected one of " + c + "."));
-      }
-      return v(r);
+import L from "./index.es197.js";
+import f from "./index.es196.js";
+import * as D from "react";
+import o from "./index.es198.js";
+import { clsx as O } from "./index.es102.js";
+import { useUtils as U } from "./index.es200.js";
+import { DAY_SIZE as T, DAY_MARGIN as Y } from "./index.es209.js";
+import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es297.js";
+import { jsx as F } from "react/jsx-runtime";
+import P from "./index.es210.js";
+import Z from "./index.es298.js";
+import { alpha as x } from "./index.es231.js";
+import z from "./index.es219.js";
+import J from "./index.es230.js";
+import Q from "./index.es299.js";
+import X from "./index.es218.js";
+const oo = ["autoFocus", "className", "day", "disabled", "disableHighlightToday", "disableMargin", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "outsideCurrentMonth", "selected", "showDaysOutsideCurrentMonth", "children", "today", "isFirstVisibleCell", "isLastVisibleCell"], eo = (e) => {
+  const {
+    selected: s,
+    disableMargin: i,
+    disableHighlightToday: l,
+    today: c,
+    disabled: p,
+    outsideCurrentMonth: t,
+    showDaysOutsideCurrentMonth: a,
+    classes: b
+  } = e, y = t && !a;
+  return X({
+    root: ["root", s && !y && "selected", p && "disabled", !i && "dayWithMargin", !l && c && "today", t && a && "dayOutsideMonth", y && "hiddenDaySpacingFiller"],
+    hiddenDaySpacingFiller: ["hiddenDaySpacingFiller"]
+  }, G, b);
+}, $ = ({
+  theme: e,
+  ownerState: s
+}) => f({}, e.typography.caption, {
+  width: T,
+  height: T,
+  borderRadius: "50%",
+  padding: 0,
+  // explicitly setting to `transparent` to avoid potentially getting impacted by change from the overridden component
+  backgroundColor: "transparent",
+  transition: e.transitions.create("background-color", {
+    duration: e.transitions.duration.short
+  }),
+  color: (e.vars || e).palette.text.primary,
+  "@media (pointer: fine)": {
+    "&:hover": {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.hoverOpacity})` : x(e.palette.primary.main, e.palette.action.hoverOpacity)
     }
-    function H(e) {
-      function r(u, i, n, f, t) {
-        if (typeof e != "function")
-          return new d("Property `" + t + "` of component `" + n + "` has invalid PropType notation inside objectOf.");
-        var a = u[i], o = g(a);
-        if (o !== "object")
-          return new d("Invalid " + f + " `" + t + "` of type " + ("`" + o + "` supplied to `" + n + "`, expected an object."));
-        for (var c in a)
-          if (I(a, c)) {
-            var s = e(a, c, n, f, t + "." + c, h);
-            if (s instanceof Error)
-              return s;
-          }
-        return null;
-      }
-      return v(r);
+  },
+  "&:focus": {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.focusOpacity})` : x(e.palette.primary.main, e.palette.action.focusOpacity),
+    [`&.${n.selected}`]: {
+      willChange: "background-color",
+      backgroundColor: (e.vars || e).palette.primary.dark
     }
-    function X(e) {
-      if (!Array.isArray(e))
-        return process.env.NODE_ENV !== "production" && T("Invalid argument supplied to oneOfType, expected an instance of array."), E;
-      for (var r = 0; r < e.length; r++) {
-        var u = e[r];
-        if (typeof u != "function")
-          return T(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + $(u) + " at index " + r + "."
-          ), E;
-      }
-      function i(n, f, t, a, o) {
-        for (var c = [], s = 0; s < e.length; s++) {
-          var y = e[s], l = y(n, f, t, a, o, h);
-          if (l == null)
-            return null;
-          l.data && I(l.data, "expectedType") && c.push(l.data.expectedType);
-        }
-        var b = c.length > 0 ? ", expected one of type [" + c.join(", ") + "]" : "";
-        return new d("Invalid " + a + " `" + o + "` supplied to " + ("`" + t + "`" + b + "."));
-      }
-      return v(i);
+  },
+  [`&.${n.selected}`]: {
+    color: (e.vars || e).palette.primary.contrastText,
+    backgroundColor: (e.vars || e).palette.primary.main,
+    fontWeight: e.typography.fontWeightMedium,
+    "&:hover": {
+      willChange: "background-color",
+      backgroundColor: (e.vars || e).palette.primary.dark
     }
-    function G() {
-      function e(r, u, i, n, f) {
-        return S(r[u]) ? null : new d("Invalid " + n + " `" + f + "` supplied to " + ("`" + i + "`, expected a ReactNode."));
-      }
-      return v(e);
-    }
-    function q(e, r, u, i, n) {
-      return new d(
-        (e || "React class") + ": " + r + " type `" + u + "." + i + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + n + "`."
-      );
-    }
-    function K(e) {
-      function r(u, i, n, f, t) {
-        var a = u[i], o = g(a);
-        if (o !== "object")
-          return new d("Invalid " + f + " `" + t + "` of type `" + o + "` " + ("supplied to `" + n + "`, expected `object`."));
-        for (var c in e) {
-          var s = e[c];
-          if (typeof s != "function")
-            return q(n, f, t, c, O(s));
-          var y = s(a, c, n, f, t + "." + c, h);
-          if (y)
-            return y;
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function Q(e) {
-      function r(u, i, n, f, t) {
-        var a = u[i], o = g(a);
-        if (o !== "object")
-          return new d("Invalid " + f + " `" + t + "` of type `" + o + "` " + ("supplied to `" + n + "`, expected `object`."));
-        var c = W({}, u[i], e);
-        for (var s in c) {
-          var y = e[s];
-          if (I(e, s) && typeof y != "function")
-            return q(n, f, t, s, O(y));
-          if (!y)
-            return new d(
-              "Invalid " + f + " `" + t + "` key `" + s + "` supplied to `" + n + "`.\nBad object: " + JSON.stringify(u[i], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(e), null, "  ")
-            );
-          var l = y(a, s, n, f, t + "." + s, h);
-          if (l)
-            return l;
-        }
-        return null;
-      }
-      return v(r);
-    }
-    function S(e) {
-      switch (typeof e) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !e;
-        case "object":
-          if (Array.isArray(e))
-            return e.every(S);
-          if (e === null || x(e))
-            return !0;
-          var r = D(e);
-          if (r) {
-            var u = r.call(e), i;
-            if (r !== e.entries) {
-              for (; !(i = u.next()).done; )
-                if (!S(i.value))
-                  return !1;
-            } else
-              for (; !(i = u.next()).done; ) {
-                var n = i.value;
-                if (n && !S(n[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function Z(e, r) {
-      return e === "symbol" ? !0 : r ? r["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && r instanceof Symbol : !1;
-    }
-    function g(e) {
-      var r = typeof e;
-      return Array.isArray(e) ? "array" : e instanceof RegExp ? "object" : Z(r, e) ? "symbol" : r;
-    }
-    function O(e) {
-      if (typeof e > "u" || e === null)
-        return "" + e;
-      var r = g(e);
-      if (r === "object") {
-        if (e instanceof Date)
-          return "date";
-        if (e instanceof RegExp)
-          return "regexp";
-      }
-      return r;
-    }
-    function $(e) {
-      var r = O(e);
-      switch (r) {
-        case "array":
-        case "object":
-          return "an " + r;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + r;
-        default:
-          return r;
-      }
-    }
-    function V(e) {
-      return !e.constructor || !e.constructor.name ? P : e.constructor.name;
-    }
-    return w.checkPropTypes = R, w.resetWarningCache = R.resetWarningCache, w.PropTypes = w, w;
-  }, A;
-}
+  },
+  [`&.${n.disabled}:not(.${n.selected})`]: {
+    color: (e.vars || e).palette.text.disabled
+  },
+  [`&.${n.disabled}&.${n.selected}`]: {
+    opacity: 0.6
+  }
+}, !s.disableMargin && {
+  margin: `0 ${Y}px`
+}, s.outsideCurrentMonth && s.showDaysOutsideCurrentMonth && {
+  color: (e.vars || e).palette.text.secondary
+}, !s.disableHighlightToday && s.today && {
+  [`&:not(.${n.selected})`]: {
+    border: `1px solid ${(e.vars || e).palette.text.secondary}`
+  }
+}), E = (e, s) => {
+  const {
+    ownerState: i
+  } = e;
+  return [s.root, !i.disableMargin && s.dayWithMargin, !i.disableHighlightToday && i.today && s.today, !i.outsideCurrentMonth && i.showDaysOutsideCurrentMonth && s.dayOutsideMonth, i.outsideCurrentMonth && !i.showDaysOutsideCurrentMonth && s.hiddenDaySpacingFiller];
+}, so = P(Z, {
+  name: "MuiPickersDay",
+  slot: "Root",
+  overridesResolver: E
+})($), ro = P("div", {
+  name: "MuiPickersDay",
+  slot: "Root",
+  overridesResolver: E
+})(({
+  theme: e,
+  ownerState: s
+}) => f({}, $({
+  theme: e,
+  ownerState: s
+}), {
+  // visibility: 'hidden' does not work here as it hides the element from screen readers as well
+  opacity: 0,
+  pointerEvents: "none"
+})), u = () => {
+}, S = /* @__PURE__ */ D.forwardRef(function(s, i) {
+  const l = z({
+    props: s,
+    name: "MuiPickersDay"
+  }), {
+    autoFocus: c = !1,
+    className: p,
+    day: t,
+    disabled: a = !1,
+    disableHighlightToday: b = !1,
+    disableMargin: y = !1,
+    isAnimating: g,
+    onClick: M,
+    onDaySelect: q,
+    onFocus: N = u,
+    onBlur: V = u,
+    onKeyDown: j = u,
+    onMouseDown: A = u,
+    onMouseEnter: H = u,
+    outsideCurrentMonth: d,
+    selected: C = !1,
+    showDaysOutsideCurrentMonth: R = !1,
+    children: k,
+    today: B = !1
+  } = l, v = L(l, oo), h = f({}, l, {
+    autoFocus: c,
+    disabled: a,
+    disableHighlightToday: b,
+    disableMargin: y,
+    selected: C,
+    showDaysOutsideCurrentMonth: R,
+    today: B
+  }), m = eo(h), _ = U(), w = D.useRef(null), W = J(w, i);
+  Q(() => {
+    c && !a && !g && !d && w.current.focus();
+  }, [c, a, g, d]);
+  const I = (r) => {
+    A(r), d && r.preventDefault();
+  }, K = (r) => {
+    a || q(t), d && r.currentTarget.focus(), M && M(r);
+  };
+  return d && !R ? /* @__PURE__ */ F(ro, {
+    className: O(m.root, m.hiddenDaySpacingFiller, p),
+    ownerState: h,
+    role: v.role
+  }) : /* @__PURE__ */ F(so, f({
+    className: O(m.root, p),
+    ref: W,
+    centerRipple: !0,
+    disabled: a,
+    tabIndex: C ? 0 : -1,
+    onKeyDown: (r) => j(r, t),
+    onFocus: (r) => N(r, t),
+    onBlur: (r) => V(r, t),
+    onMouseEnter: (r) => H(r, t),
+    onClick: K,
+    onMouseDown: I
+  }, v, {
+    ownerState: h,
+    children: k || _.format(t, "dayOfMonth")
+  }));
+});
+process.env.NODE_ENV !== "production" && (S.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * A ref for imperative actions.
+   * It currently only supports `focusVisible()` action.
+   */
+  action: o.oneOfType([o.func, o.shape({
+    current: o.shape({
+      focusVisible: o.func.isRequired
+    })
+  })]),
+  /**
+   * If `true`, the ripples are centered.
+   * They won't start at the cursor interaction position.
+   * @default false
+   */
+  centerRipple: o.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  className: o.string,
+  component: o.elementType,
+  /**
+   * The date to show.
+   */
+  day: o.any.isRequired,
+  /**
+   * If `true`, renders as disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday: o.bool,
+  /**
+   * If `true`, days are rendering without margin. Useful for displaying linked range of days.
+   * @default false
+   */
+  disableMargin: o.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: o.bool,
+  /**
+   * If `true`, the touch ripple effect is disabled.
+   * @default false
+   */
+  disableTouchRipple: o.bool,
+  /**
+   * If `true`, the base button will have a keyboard focus ripple.
+   * @default false
+   */
+  focusRipple: o.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: o.string,
+  isAnimating: o.bool,
+  /**
+   * If `true`, day is the first visible cell of the month.
+   * Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
+   */
+  isFirstVisibleCell: o.bool.isRequired,
+  /**
+   * If `true`, day is the last visible cell of the month.
+   * Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
+   */
+  isLastVisibleCell: o.bool.isRequired,
+  onBlur: o.func,
+  onDaySelect: o.func.isRequired,
+  onFocus: o.func,
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: o.func,
+  onKeyDown: o.func,
+  onMouseEnter: o.func,
+  /**
+   * If `true`, day is outside of month and will be hidden.
+   */
+  outsideCurrentMonth: o.bool.isRequired,
+  /**
+   * If `true`, renders as selected.
+   * @default false
+   */
+  selected: o.bool,
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth: o.bool,
+  style: o.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * @default 0
+   */
+  tabIndex: o.number,
+  /**
+   * If `true`, renders as today date.
+   * @default false
+   */
+  today: o.bool,
+  /**
+   * Props applied to the `TouchRipple` element.
+   */
+  TouchRippleProps: o.object,
+  /**
+   * A ref that points to the `TouchRipple` element.
+   */
+  touchRippleRef: o.oneOfType([o.func, o.shape({
+    current: o.shape({
+      pulsate: o.func.isRequired,
+      start: o.func.isRequired,
+      stop: o.func.isRequired
+    })
+  })])
+});
+const Mo = /* @__PURE__ */ D.memo(S);
 export {
-  oe as __require
+  Mo as PickersDay
 };