mada-design-system 0.2.5 → 0.2.6

package/index.es287.js

@@ -1,118 +1,122 @@
-import R from "./index.es200.js";
-import b from "./index.es199.js";
-import * as n from "react";
-import { clsx as w } from "./index.es95.js";
-import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es289.js";
+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 f from "./index.es213.js";
-import F from "./index.es222.js";
-import _ from "./index.es221.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) => {
+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 {
     disabled: r,
     selected: e,
     classes: a
   } = o;
-  return _({
+  return F({
     root: ["root"],
-    yearButton: ["yearButton", r && "disabled", e && "selected"]
-  }, $, a);
-}, O = f("div", {
-  name: "MuiPickersYear",
+    monthButton: ["monthButton", r && "disabled", e && "selected"]
+  }, R, a);
+}, _ = m("div", {
+  name: "MuiPickersMonth",
   slot: "Root",
   overridesResolver: (o, r) => [r.root]
 })(({
   ownerState: o
 }) => ({
-  flexBasis: o.yearsPerRow === 3 ? "33.3%" : "25%",
+  flexBasis: o.monthsPerRow === 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
+})), j = m("button", {
+  name: "MuiPickersMonth",
+  slot: "MonthButton",
+  overridesResolver: (o, r) => [r.monthButton, {
+    [`&.${n.disabled}`]: r.disabled
   }, {
-    [`&.${c.selected}`]: r.selected
+    [`&.${n.selected}`]: r.selected
   }]
 })(({
   theme: o
-}) => b({
+}) => v({
   color: "unset",
   backgroundColor: "transparent",
   border: 0,
   outline: 0
 }, o.typography.subtitle1, {
-  margin: "6px 0",
+  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.focusOpacity})` : v(o.palette.action.active, o.palette.action.focusOpacity)
+    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})` : v(o.palette.action.active, o.palette.action.hoverOpacity)
+    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"
   },
-  [`&.${c.disabled}`]: {
+  [`&.${n.disabled}`]: {
     color: (o.vars || o).palette.text.secondary
   },
-  [`&.${c.selected}`]: {
+  [`&.${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
     }
   }
-})), W = /* @__PURE__ */ n.memo(function(r) {
-  const e = F({
+})), q = /* @__PURE__ */ u.memo(function(r) {
+  const e = w({
     props: r,
-    name: "MuiPickersYear"
+    name: "MuiPickersMonth"
   }), {
     autoFocus: a,
-    className: i,
-    children: y,
-    disabled: l,
-    selected: k,
+    children: i,
+    disabled: c,
+    selected: f,
     value: s,
-    tabIndex: m,
-    onClick: C,
-    onKeyDown: x,
-    onFocus: g,
-    onBlur: P,
-    "aria-current": B
+    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, 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),
+  } = 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
-  }, Y, {
+  }, P, {
     children: /* @__PURE__ */ p(j, {
-      ref: u,
-      disabled: l,
+      ref: l,
+      disabled: c,
       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,
+      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: y
+      children: i
     })
   }));
 });
 export {
-  W as PickersYear
+  q as PickersMonth
 };

package/index.es288.js

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

package/index.es289.js

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

package/index.es29.js

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dialog";
 import * as l from "react";
-import { clsx as g } from "./index.es95.js";
+import { clsx as g } from "./index.es97.js";
 import { cn as s } from "./index.es79.js";
 import "./index.es2.js";
 import { Button as u } from "./index.es22.js";
 import { ScrollArea as x, ScrollBar as y } from "./index.es55.js";
-import N from "./index.es108.js";
+import N from "./index.es103.js";
 import D from "./index.es83.js";
 const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
   t.Overlay,

package/index.es290.js

@@ -1,122 +1,118 @@
-import B from "./index.es200.js";
-import v from "./index.es199.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.es97.js";
+import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es292.js";
 import { jsx as p } from "react/jsx-runtime";
-import m from "./index.es213.js";
-import w from "./index.es222.js";
-import $ from "./index.es285.js";
-import F from "./index.es221.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) => {
+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
 };

package/index.es291.js

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

package/index.es292.js

@@ -1,10 +1,10 @@
-import e from "./index.es224.js";
-import s from "./index.es223.js";
-function r(t) {
-  return s("MuiPickersMonth", t);
+import r from "./index.es211.js";
+import t from "./index.es210.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
 };

package/index.es293.js

@@ -1,4 +1,4 @@
-import c from "./index.es199.js";
+import c from "./index.es186.js";
 import * as e from "react";
 import { jsx as f } from "react/jsx-runtime";
 import t from "./index.es380.js";

package/index.es297.js

@@ -1,4 +1,8 @@
-var r = {};
+function u(e, r) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || r(...n);
+  };
+}
 export {
-  r as __exports
+  u as default
 };

package/index.es298.js

@@ -1,4 +1,23 @@
-var e = {};
+import c from "./index.es188.js";
+import l from "./index.es297.js";
+function f(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function u(n, e, i, r, p) {
+  const t = n[e], a = p || e;
+  if (t == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const m = l(c.elementType, u);
 export {
-  e as __exports
+  m as default
 };

package/index.es299.js

@@ -1,8 +1,26 @@
-function u(e, r) {
-  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
-    return e(...n) || r(...n);
-  };
+import r from "./index.es188.js";
+import c from "./index.es297.js";
+function m(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
 }
+function l(n, e, p, f, s) {
+  const o = n[e], u = s || e;
+  if (o == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let t;
+  const i = o.type;
+  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const a = c(r.element, l);
+a.isRequired = c(r.element.isRequired, l);
+const R = a;
 export {
-  u as default
+  R as default
 };

package/index.es30.js

@@ -2,9 +2,9 @@ import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-dropdown-menu";
 import * as r from "react";
 import { cn as d } from "./index.es79.js";
-import l from "./index.es127.js";
-import p from "./index.es128.js";
-import m from "./index.es129.js";
+import l from "./index.es123.js";
+import p from "./index.es124.js";
+import m from "./index.es125.js";
 const S = e.Root, C = e.Trigger, z = e.Group, k = e.Portal, T = e.Sub, j = e.RadioGroup, u = r.forwardRef(({ className: a, inset: t, children: o, ...n }, i) => /* @__PURE__ */ c(
   e.SubTrigger,
   {

package/index.es300.js

@@ -1,26 +1,34 @@
-import r from "./index.es201.js";
-import c from "./index.es299.js";
-function m(n) {
-  const {
-    prototype: e = {}
-  } = n;
-  return !!e.isReactComponent;
+import { r as n } from "./index.es301.js";
+const i = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
+function c(e) {
+  const t = `${e}`.match(i);
+  return t && t[1] || "";
 }
-function l(n, e, p, f, s) {
-  const o = n[e], u = s || e;
-  if (o == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for Emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let t;
-  const i = o.type;
-  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+function f(e, t = "") {
+  return e.displayName || e.name || c(e) || t;
+}
+function u(e, t, r) {
+  const a = f(t);
+  return e.displayName || (a !== "" ? `${r}(${a})` : r);
+}
+function d(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return f(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case n.ForwardRef:
+          return u(e, e.render, "ForwardRef");
+        case n.Memo:
+          return u(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
 }
-const a = c(r.element, l);
-a.isRequired = c(r.element.isRequired, l);
-const R = a;
 export {
-  R as default
+  d as default,
+  c as getFunctionName
 };

package/index.es301.js

@@ -1,23 +1,8 @@
-import c from "./index.es201.js";
-import l from "./index.es299.js";
-function f(n) {
-  const {
-    prototype: e = {}
-  } = n;
-  return !!e.isReactComponent;
-}
-function u(n, e, i, r, p) {
-  const t = n[e], a = p || e;
-  if (t == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let o;
-  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const m = l(c.elementType, u);
+import { __module as r } from "./index.es356.js";
+import { __require as e } from "./index.es357.js";
+import { __require as o } from "./index.es358.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  m as default
+  i as r
 };