mada-design-system 0.2.0 → 0.2.1

package/index.es287.js

@@ -1,97 +1,122 @@
-import y from "./index.es319.js";
-import l from "./index.es269.js";
-function h(e, t = 0, n = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > n), y(e, t, n);
-}
-function x(e) {
-  e = e.slice(1);
-  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
-  let n = e.match(t);
-  return n && n[0].length === 1 && (n = n.map((s) => s + s)), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((s, r) => r < 3 ? parseInt(s, 16) : Math.round(parseInt(s, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
-}
-function a(e) {
-  if (e.type)
-    return e;
-  if (e.charAt(0) === "#")
-    return a(x(e));
-  const t = e.indexOf("("), n = e.substring(0, t);
-  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -1)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : l(9, e));
-  let s = e.substring(t + 1, e.length - 1), r;
-  if (n === "color") {
-    if (s = s.split(" "), r = s.shift(), s.length === 4 && s[3].charAt(0) === "/" && (s[3] = s[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(r) === -1)
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${r}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : l(10, r));
-  } else
-    s = s.split(",");
-  return s = s.map((p) => parseFloat(p)), {
-    type: n,
-    values: s,
-    colorSpace: r
-  };
-}
-function i(e) {
+import B from "./index.es187.js";
+import v from "./index.es186.js";
+import * as u from "react";
+import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es289.js";
+import { jsx as p } from "react/jsx-runtime";
+import m from "./index.es200.js";
+import w from "./index.es209.js";
+import $ from "./index.es285.js";
+import F from "./index.es208.js";
+import { alpha as b } from "./index.es283.js";
+const I = ["autoFocus", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "aria-label", "monthsPerRow"], O = (o) => {
   const {
-    type: t,
-    colorSpace: n
-  } = e;
-  let {
-    values: s
-  } = e;
-  return t.indexOf("rgb") !== -1 ? s = s.map((r, p) => p < 3 ? parseInt(r, 10) : r) : t.indexOf("hsl") !== -1 && (s[1] = `${s[1]}%`, s[2] = `${s[2]}%`), t.indexOf("color") !== -1 ? s = `${n} ${s.join(" ")}` : s = `${s.join(", ")}`, `${t}(${s})`;
-}
-function $(e) {
-  e = a(e);
-  const {
-    values: t
-  } = e, n = t[0], s = t[1] / 100, r = t[2] / 100, p = s * Math.min(r, 1 - r), u = (b, d = (b + n / 30) % 12) => r - p * Math.max(Math.min(d - 3, 9 - d, 1), -1);
-  let f = "rgb";
-  const g = [Math.round(u(0) * 255), Math.round(u(8) * 255), Math.round(u(4) * 255)];
-  return e.type === "hsla" && (f += "a", g.push(t[3])), i({
-    type: f,
-    values: g
-  });
-}
-function m(e) {
-  e = a(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? a($(e)).values : e.values;
-  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
-}
-function M(e, t) {
-  const n = m(e), s = m(t);
-  return (Math.max(n, s) + 0.05) / (Math.min(n, s) + 0.05);
-}
-function o(e, t) {
-  return e = a(e), t = h(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, i(e);
-}
-function E(e, t) {
-  if (e = a(e), t = h(t), e.type.indexOf("hsl") !== -1)
-    e.values[2] *= 1 - t;
-  else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] *= 1 - t;
-  return i(e);
-}
-function w(e, t) {
-  if (e = a(e), t = h(t), e.type.indexOf("hsl") !== -1)
-    e.values[2] += (100 - e.values[2]) * t;
-  else if (e.type.indexOf("rgb") !== -1)
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (255 - e.values[n]) * t;
-  else if (e.type.indexOf("color") !== -1)
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (1 - e.values[n]) * t;
-  return i(e);
-}
+    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 {
-  o as alpha,
-  E as darken,
-  a as decomposeColor,
-  M as getContrastRatio,
-  m as getLuminance,
-  x as hexToRgb,
-  $ as hslToRgb,
-  w as lighten,
-  i as recomposeColor
+  q as PickersMonth
 };

package/index.es288.js

@@ -1,5 +1,9 @@
-import * as e from "react";
-const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect, t = f;
+import e from "./index.es210.js";
+import r from "./index.es211.js";
+function n(t) {
+  return e("MuiMonthCalendar", t);
+}
+r("MuiMonthCalendar", ["root"]);
 export {
-  t as default
+  n as getMonthCalendarUtilityClass
 };

package/index.es289.js

@@ -1,208 +1,10 @@
-import E from "./index.es186.js";
-import x from "./index.es187.js";
-import N from "./index.es338.js";
-import v from "./index.es188.js";
-import A from "./index.es339.js";
-import _ from "./index.es340.js";
-import C from "react";
-import g from "./index.es341.js";
-import { classNamesShape as $ } from "./index.es342.js";
-import { forceReflow as S } from "./index.es343.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;
+import e from "./index.es211.js";
+import s from "./index.es210.js";
+function r(t) {
+  return s("MuiPickersMonth", t);
+}
+const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
 export {
-  z as default
+  r as getPickersMonthUtilityClass,
+  n as pickersMonthClasses
 };

package/index.es29.js

@@ -8,7 +8,7 @@ import { Button as u } from "./index.es22.js";
 import { ScrollArea as x, ScrollBar as y } from "./index.es55.js";
 import N from "./index.es102.js";
 import D from "./index.es83.js";
-const A = t.Root, I = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
+const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
   t.Overlay,
   {
     ref: r,
@@ -53,7 +53,7 @@ const h = ({ className: a, ...e }) => /* @__PURE__ */ d("div", { className: s("f
 h.displayName = "DialogHeader";
 const C = l.forwardRef(({ className: a, ...e }, r) => {
   const { dir: i } = D();
-  return /* @__PURE__ */ d(x, { dir: i, className: "max-h-[50vh] ", children: [
+  return /* @__PURE__ */ d(x, { dir: i, className: "max-h-[calc(100vh_-_300px)] ", children: [
     /* @__PURE__ */ o(
       "div",
       {
@@ -86,7 +86,7 @@ z.displayName = t.Title.displayName;
 const T = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(t.Description, { ref: r, className: s("text-sm text-muted-foreground", a), ...e }));
 T.displayName = t.Description.displayName;
 export {
-  A as Dialog,
+  _ as Dialog,
   C as DialogBody,
   w as DialogClose,
   v as DialogContent,
@@ -96,5 +96,5 @@ export {
   n as DialogOverlay,
   b as DialogPortal,
   z as DialogTitle,
-  I as DialogTrigger
+  A as DialogTrigger
 };

package/index.es290.js

@@ -1,122 +1,118 @@
-import B from "./index.es187.js";
-import v from "./index.es186.js";
-import * as u from "react";
-import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es292.js";
+import R from "./index.es187.js";
+import b from "./index.es186.js";
+import * as n from "react";
+import { clsx as w } from "./index.es96.js";
+import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es292.js";
 import { jsx as p } from "react/jsx-runtime";
-import m from "./index.es200.js";
-import w from "./index.es209.js";
-import $ from "./index.es288.js";
-import F from "./index.es208.js";
-import { alpha as b } from "./index.es287.js";
-const I = ["autoFocus", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "aria-label", "monthsPerRow"], O = (o) => {
+import f from "./index.es200.js";
+import F from "./index.es209.js";
+import _ from "./index.es208.js";
+import { alpha as v } from "./index.es283.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
 };