mada-design-system 0.5.10 → 0.5.11

package/index.es294.js

@@ -1,149 +1,122 @@
-import l from "./index.es196.js";
-import E from "./index.es197.js";
-import W, { internal_processStyles as z } from "./index.es324.js";
-import I from "./index.es287.js";
-import q from "./index.es337.js";
-import B from "./index.es338.js";
-import G from "./index.es290.js";
-import { isPlainObject as H } from "./index.es288.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 = {}) {
+import B from "./index.es195.js";
+import v from "./index.es194.js";
+import * as u from "react";
+import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es296.js";
+import { jsx as p } from "react/jsx-runtime";
+import m from "./index.es208.js";
+import w from "./index.es217.js";
+import $ from "./index.es299.js";
+import F from "./index.es216.js";
+import { alpha as b } from "./index.es231.js";
+const I = ["autoFocus", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "aria-label", "monthsPerRow"], O = (o) => {
   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
-    }))
+    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
+    })
   }));
-  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;
-  };
-}
+});
 export {
-  le as default,
-  A as shouldForwardProp,
-  Y as systemDefaultTheme
+  q as PickersMonth
 };

package/index.es295.js

@@ -1,40 +1,9 @@
-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 e from "./index.es218.js";
+import r from "./index.es219.js";
+function n(t) {
+  return e("MuiMonthCalendar", t);
+}
+r("MuiMonthCalendar", ["root"]);
 export {
-  b as validateDate
+  n as getMonthCalendarUtilityClass
 };

package/index.es296.js

@@ -1,13 +1,10 @@
-import e from "./index.es196.js";
-const r = (o) => ({
-  components: {
-    MuiLocalizationProvider: {
-      defaultProps: {
-        localeText: e({}, o)
-      }
-    }
-  }
-});
+import e from "./index.es219.js";
+import s from "./index.es218.js";
+function r(t) {
+  return s("MuiPickersMonth", t);
+}
+const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
 export {
-  r as getPickersLocalization
+  r as getPickersMonthUtilityClass,
+  n as pickersMonthClasses
 };

package/index.es297.js

@@ -1,5 +1,5 @@
-import i from "./index.es221.js";
-import t from "./index.es220.js";
+import i from "./index.es219.js";
+import t from "./index.es218.js";
 function r(e) {
   return t("MuiPickersDay", e);
 }

package/index.es298.js

@@ -1,19 +1,19 @@
-import w from "./index.es196.js";
-import ge from "./index.es197.js";
+import w from "./index.es194.js";
+import ge from "./index.es195.js";
 import * as t from "react";
-import e from "./index.es198.js";
-import { clsx as Be } from "./index.es102.js";
-import Ce from "./index.es210.js";
-import xe from "./index.es219.js";
+import e from "./index.es196.js";
+import { clsx as Be } from "./index.es129.js";
+import Ce from "./index.es208.js";
+import xe from "./index.es217.js";
 import De from "./index.es405.js";
 import ke, { getButtonBaseUtilityClass as Ve } from "./index.es406.js";
 import { jsxs as Ee, jsx as we } from "react/jsx-runtime";
 import _ from "./index.es230.js";
-import Fe from "./index.es358.js";
-import M from "./index.es215.js";
+import Fe from "./index.es359.js";
+import M from "./index.es213.js";
 import Le from "./index.es357.js";
 import Ne from "./index.es355.js";
-import Se from "./index.es218.js";
+import Se from "./index.es216.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 {
     disabled: i,

package/index.es300.js

@@ -1,7 +1,7 @@
-import E from "./index.es196.js";
-import x from "./index.es197.js";
+import E from "./index.es194.js";
+import x from "./index.es195.js";
 import N from "./index.es361.js";
-import v from "./index.es198.js";
+import v from "./index.es196.js";
 import A from "./index.es362.js";
 import _ from "./index.es363.js";
 import C from "react";

package/index.es301.js

@@ -1,122 +1,118 @@
-import B from "./index.es197.js";
-import v from "./index.es196.js";
-import * as u from "react";
-import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es303.js";
+import R from "./index.es195.js";
+import b from "./index.es194.js";
+import * as n from "react";
+import { clsx as w } from "./index.es129.js";
+import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es303.js";
 import { jsx as p } from "react/jsx-runtime";
-import m from "./index.es210.js";
-import w from "./index.es219.js";
-import $ from "./index.es299.js";
-import F from "./index.es218.js";
-import { alpha as b } from "./index.es231.js";
-const I = ["autoFocus", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "aria-label", "monthsPerRow"], O = (o) => {
+import f from "./index.es208.js";
+import F from "./index.es217.js";
+import _ from "./index.es216.js";
+import { alpha as v } from "./index.es231.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 F({
+  return _({
     root: ["root"],
-    monthButton: ["monthButton", r && "disabled", e && "selected"]
-  }, R, a);
-}, _ = m("div", {
-  name: "MuiPickersMonth",
+    yearButton: ["yearButton", r && "disabled", e && "selected"]
+  }, $, a);
+}, O = f("div", {
+  name: "MuiPickersYear",
   slot: "Root",
   overridesResolver: (o, r) => [r.root]
 })(({
   ownerState: o
 }) => ({
-  flexBasis: o.monthsPerRow === 3 ? "33.3%" : "25%",
+  flexBasis: o.yearsPerRow === 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
+})), j = f("button", {
+  name: "MuiPickersYear",
+  slot: "YearButton",
+  overridesResolver: (o, r) => [r.yearButton, {
+    [`&.${c.disabled}`]: r.disabled
   }, {
-    [`&.${n.selected}`]: r.selected
+    [`&.${c.selected}`]: r.selected
   }]
 })(({
   theme: o
-}) => v({
+}) => b({
   color: "unset",
   backgroundColor: "transparent",
   border: 0,
   outline: 0
 }, o.typography.subtitle1, {
-  margin: "8px 0",
+  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.hoverOpacity})` : b(o.palette.action.active, o.palette.action.hoverOpacity)
+    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})` : b(o.palette.action.active, o.palette.action.hoverOpacity)
+    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"
   },
-  [`&.${n.disabled}`]: {
+  [`&.${c.disabled}`]: {
     color: (o.vars || o).palette.text.secondary
   },
-  [`&.${n.selected}`]: {
+  [`&.${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
     }
   }
-})), q = /* @__PURE__ */ u.memo(function(r) {
-  const e = w({
+})), W = /* @__PURE__ */ n.memo(function(r) {
+  const e = F({
     props: r,
-    name: "MuiPickersMonth"
+    name: "MuiPickersYear"
   }), {
     autoFocus: a,
-    children: i,
-    disabled: c,
-    selected: f,
+    className: i,
+    children: y,
+    disabled: l,
+    selected: k,
     value: s,
-    tabIndex: h,
-    onClick: k,
-    onKeyDown: y,
-    onFocus: C,
-    onBlur: M,
-    "aria-current": g,
-    "aria-label": x
+    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, 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,
+  } = 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
-  }, P, {
+  }, Y, {
     children: /* @__PURE__ */ p(j, {
-      ref: l,
-      disabled: c,
+      ref: u,
+      disabled: l,
       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,
+      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: i
+      children: y
     })
   }));
 });
 export {
-  q as PickersMonth
+  W as PickersYear
 };

package/index.es302.js

@@ -1,9 +1,9 @@
-import e from "./index.es220.js";
-import r from "./index.es221.js";
-function n(t) {
-  return e("MuiMonthCalendar", t);
+import r from "./index.es218.js";
+import t from "./index.es219.js";
+function l(e) {
+  return r("MuiYearCalendar", e);
 }
-r("MuiMonthCalendar", ["root"]);
+t("MuiYearCalendar", ["root"]);
 export {
-  n as getMonthCalendarUtilityClass
+  l as getYearCalendarUtilityClass
 };

package/index.es303.js

@@ -1,10 +1,10 @@
-import e from "./index.es221.js";
-import s from "./index.es220.js";
-function r(t) {
-  return s("MuiPickersMonth", t);
+import r from "./index.es219.js";
+import t from "./index.es218.js";
+function a(e) {
+  return t("MuiPickersYear", e);
 }
-const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
+const o = r("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]);
 export {
-  r as getPickersMonthUtilityClass,
-  n as pickersMonthClasses
+  a as getPickersYearUtilityClass,
+  o as pickersYearClasses
 };