mada-design-system 0.7.0 → 0.7.1

package/index.es203.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./index.es190.js";
+import { getDefaultExportFromCjs as e } from "./index.es189.js";
 import { __module as r } from "./index.es250.js";
 import { __require as o } from "./index.es251.js";
 import { __require as t } from "./index.es252.js";

package/index.es219.js

@@ -1,7 +1,7 @@
 import a from "./index.es394.js";
 import P from "./index.es395.js";
 import S from "./index.es396.js";
-import c from "./index.es391.js";
+import c from "./index.es392.js";
 function k(r) {
   var t;
   const {

package/index.es220.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import c from "./index.es304.js";
+import c from "./index.es307.js";
 function f(e) {
   const r = t.useRef(e);
   return c(() => {

package/index.es222.js

@@ -3,9 +3,9 @@ import L from "./index.es201.js";
 import * as u from "react";
 import e from "./index.es203.js";
 import { clsx as ie } from "./index.es131.js";
-import { PickersMonth as ue } from "./index.es306.js";
+import { PickersMonth as ue } from "./index.es302.js";
 import { useNow as ce, useUtils as S, useDefaultDates as de } from "./index.es205.js";
-import { getMonthCalendarUtilityClass as me } from "./index.es307.js";
+import { getMonthCalendarUtilityClass as me } from "./index.es303.js";
 import { getMonthsInYear as he, applyDefaultDate as z } from "./index.es209.js";
 import { singleItemValueManager as A } from "./index.es213.js";
 import { SECTION_TYPE_GRANULARITY as fe } from "./index.es255.js";

package/index.es233.js

@@ -4,7 +4,7 @@ import * as c from "react";
 import { r as j } from "./index.es318.js";
 import d from "./index.es203.js";
 import { jsx as _ } from "react/jsx-runtime";
-import A from "./index.es304.js";
+import A from "./index.es307.js";
 import P from "./index.es319.js";
 import D from "./index.es320.js";
 import V from "./index.es235.js";

package/index.es234.js

@@ -8,11 +8,11 @@ import G from "./index.es224.js";
 import $ from "./index.es313.js";
 import i, { getMenuItemUtilityClass as L } from "./index.es314.js";
 import { jsx as I } from "react/jsx-runtime";
-import _ from "./index.es303.js";
+import _ from "./index.es306.js";
 import O from "./index.es315.js";
 import M from "./index.es316.js";
 import N from "./index.es317.js";
-import D from "./index.es304.js";
+import D from "./index.es307.js";
 import S from "./index.es235.js";
 import U from "./index.es223.js";
 import { alpha as p } from "./index.es236.js";

package/index.es260.js

@@ -5,14 +5,14 @@ import o from "./index.es203.js";
 import { clsx as O } from "./index.es131.js";
 import { useUtils as U } from "./index.es205.js";
 import { DAY_SIZE as T, DAY_MARGIN as Y } from "./index.es214.js";
-import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es302.js";
+import { pickersDayClasses as n, getPickersDayUtilityClass as G } from "./index.es305.js";
 import { jsx as F } from "react/jsx-runtime";
 import P from "./index.es215.js";
-import Z from "./index.es303.js";
+import Z from "./index.es306.js";
 import { alpha as x } from "./index.es236.js";
 import z from "./index.es224.js";
 import J from "./index.es235.js";
-import Q from "./index.es304.js";
+import Q from "./index.es307.js";
 import X from "./index.es223.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 {

package/index.es261.js

@@ -8,7 +8,7 @@ import v from "./index.es215.js";
 import A from "./index.es257.js";
 import $ from "./index.es224.js";
 import g from "./index.es258.js";
-import T from "./index.es305.js";
+import T from "./index.es308.js";
 import C from "./index.es223.js";
 const L = ["children", "className", "reduceAnimations", "slideDirection", "transKey", "classes"], S = (i) => {
   const {

package/index.es264.js

@@ -1,7 +1,7 @@
 import * as a from "react";
 import p from "./index.es347.js";
 import h from "./index.es379.js";
-import v from "./index.es304.js";
+import v from "./index.es307.js";
 function S(t, u, e, o, i) {
   const [r, f] = a.useState(() => i && e ? e(t).matches : o ? o(t).matches : u);
   return v(() => {

package/index.es268.js

@@ -7,7 +7,7 @@ import C from "./index.es215.js";
 import O from "./index.es224.js";
 import T, { getIconButtonUtilityClass as $ } from "./index.es380.js";
 import { jsx as x } from "react/jsx-runtime";
-import B from "./index.es303.js";
+import B from "./index.es306.js";
 import a from "./index.es342.js";
 import k from "./index.es358.js";
 import I from "./index.es223.js";

package/index.es29.js

@@ -1,4 +1,4 @@
-import { a as se } from "./index.es192.js";
+import { a as se } from "./index.es193.js";
 import * as V from "@radix-ui/react-dialog";
 import * as t from "react";
 var fe = '[cmdk-list-sizer=""]', K = '[cmdk-group=""]', H = '[cmdk-group-items=""]', me = '[cmdk-group-heading=""]', B = '[cmdk-item=""]', ne = `${B}:not([aria-disabled="true"])`, W = "cmdk-item-select", w = "data-value", ve = (r, o) => se(r, o), le = t.createContext(void 0), P = () => t.useContext(le), ae = t.createContext(void 0), Q = () => t.useContext(ae), ue = t.createContext(void 0), oe = t.forwardRef((r, o) => {

package/index.es302.js

@@ -1,10 +1,122 @@
-import i from "./index.es226.js";
-import t from "./index.es225.js";
-function r(e) {
-  return t("MuiPickersDay", e);
-}
-const l = i("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hiddenDaySpacingFiller", "today", "selected", "disabled"]);
+import B from "./index.es202.js";
+import v from "./index.es201.js";
+import * as u from "react";
+import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es304.js";
+import { jsx as p } from "react/jsx-runtime";
+import m from "./index.es215.js";
+import w from "./index.es224.js";
+import $ from "./index.es307.js";
+import F from "./index.es223.js";
+import { alpha as b } from "./index.es236.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 {
-  r as getPickersDayUtilityClass,
-  l as pickersDayClasses
+  q as PickersMonth
 };

package/index.es303.js

@@ -1,353 +1,9 @@
-import w from "./index.es201.js";
-import ge from "./index.es202.js";
-import * as t from "react";
-import e from "./index.es203.js";
-import { clsx as Be } from "./index.es131.js";
-import Ce from "./index.es215.js";
-import xe from "./index.es224.js";
-import De from "./index.es410.js";
-import ke, { getButtonBaseUtilityClass as Ve } from "./index.es411.js";
-import { jsxs as Ee, jsx as we } from "react/jsx-runtime";
-import _ from "./index.es235.js";
-import Fe from "./index.es364.js";
-import M from "./index.es220.js";
-import Le from "./index.es362.js";
-import Ne from "./index.es360.js";
-import Se from "./index.es223.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,
-    focusVisible: b,
-    focusVisibleClassName: c,
-    classes: B
-  } = g, m = Se({
-    root: ["root", i && "disabled", b && "focusVisible"]
-  }, Ve, B);
-  return b && c && (m.root += ` ${c}`), m;
-}, je = Ce("button", {
-  name: "MuiButtonBase",
-  slot: "Root",
-  overridesResolver: (g, i) => i.root
-})({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  position: "relative",
-  boxSizing: "border-box",
-  WebkitTapHighlightColor: "transparent",
-  backgroundColor: "transparent",
-  // Reset default value
-  // We disable the focus ring for mouse, touch and keyboard users.
-  outline: 0,
-  border: 0,
-  margin: 0,
-  // Remove the margin in Safari
-  borderRadius: 0,
-  padding: 0,
-  // Remove the padding in Firefox
-  cursor: "pointer",
-  userSelect: "none",
-  verticalAlign: "middle",
-  MozAppearance: "none",
-  // Reset
-  WebkitAppearance: "none",
-  // Reset
-  textDecoration: "none",
-  // So we take precedent over the style of a native <a /> element.
-  color: "inherit",
-  "&::-moz-focus-inner": {
-    borderStyle: "none"
-    // Remove Firefox dotted outline.
-  },
-  [`&.${ke.disabled}`]: {
-    pointerEvents: "none",
-    // Disable link interactions
-    cursor: "default"
-  },
-  "@media print": {
-    colorAdjust: "exact"
-  }
-}), q = /* @__PURE__ */ t.forwardRef(function(i, b) {
-  const c = xe({
-    props: i,
-    name: "MuiButtonBase"
-  }), {
-    action: B,
-    centerRipple: C = !1,
-    children: m,
-    className: z,
-    component: h = "button",
-    disabled: r = !1,
-    disableRipple: R = !1,
-    disableTouchRipple: F = !1,
-    focusRipple: a = !1,
-    LinkComponent: H = "a",
-    onBlur: L,
-    onClick: l,
-    onContextMenu: W,
-    onDragLeave: $,
-    onFocus: N,
-    onFocusVisible: S,
-    onKeyDown: U,
-    onKeyUp: P,
-    onMouseDown: G,
-    onMouseLeave: j,
-    onMouseUp: J,
-    onTouchEnd: Q,
-    onTouchMove: X,
-    onTouchStart: Y,
-    tabIndex: K = 0,
-    TouchRippleProps: Z,
-    touchRippleRef: ee,
-    type: x
-  } = c, p = ge(c, Ue), f = t.useRef(null), n = t.useRef(null), oe = _(n, ee), {
-    isFocusVisibleRef: I,
-    onFocus: ne,
-    onBlur: te,
-    ref: se
-  } = Fe(), [u, T] = t.useState(!1);
-  r && u && T(!1), t.useImperativeHandle(B, () => ({
-    focusVisible: () => {
-      T(!0), f.current.focus();
-    }
-  }), []);
-  const [D, re] = t.useState(!1);
-  t.useEffect(() => {
-    re(!0);
-  }, []);
-  const k = D && !R && !r;
-  t.useEffect(() => {
-    u && a && !R && D && n.current.pulsate();
-  }, [R, a, u, D]);
-  function s(o, A, Me = F) {
-    return M((v) => (A && A(v), !Me && n.current && n.current[o](v), !0));
-  }
-  const ue = s("start", G), ce = s("stop", W), ie = s("stop", $), ae = s("stop", J), le = s("stop", (o) => {
-    u && o.preventDefault(), j && j(o);
-  }), pe = s("start", Y), fe = s("stop", Q), de = s("stop", X), be = s("stop", (o) => {
-    te(o), I.current === !1 && T(!1), L && L(o);
-  }, !1), me = M((o) => {
-    f.current || (f.current = o.currentTarget), ne(o), I.current === !0 && (T(!0), S && S(o)), N && N(o);
-  }), V = () => {
-    const o = f.current;
-    return h && h !== "button" && !(o.tagName === "A" && o.href);
-  }, E = t.useRef(!1), he = M((o) => {
-    a && !E.current && u && n.current && o.key === " " && (E.current = !0, n.current.stop(o, () => {
-      n.current.start(o);
-    })), o.target === o.currentTarget && V() && o.key === " " && o.preventDefault(), U && U(o), o.target === o.currentTarget && V() && o.key === "Enter" && !r && (o.preventDefault(), l && l(o));
-  }), Re = M((o) => {
-    a && o.key === " " && n.current && u && !o.defaultPrevented && (E.current = !1, n.current.stop(o, () => {
-      n.current.pulsate(o);
-    })), P && P(o), l && o.target === o.currentTarget && V() && o.key === " " && !o.defaultPrevented && l(o);
-  });
-  let y = h;
-  y === "button" && (p.href || p.to) && (y = H);
-  const d = {};
-  y === "button" ? (d.type = x === void 0 ? "button" : x, d.disabled = r) : (!p.href && !p.to && (d.role = "button"), r && (d["aria-disabled"] = r));
-  const Te = _(b, se, f);
-  process.env.NODE_ENV !== "production" && t.useEffect(() => {
-    k && n.current;
-  }, [k]);
-  const O = w({}, c, {
-    centerRipple: C,
-    component: h,
-    disabled: r,
-    disableRipple: R,
-    disableTouchRipple: F,
-    focusRipple: a,
-    tabIndex: K,
-    focusVisible: u
-  }), ye = Pe(O);
-  return /* @__PURE__ */ Ee(je, w({
-    as: y,
-    className: Be(ye.root, z),
-    ownerState: O,
-    onBlur: be,
-    onClick: l,
-    onContextMenu: ce,
-    onFocus: me,
-    onKeyDown: he,
-    onKeyUp: Re,
-    onMouseDown: ue,
-    onMouseLeave: le,
-    onMouseUp: ae,
-    onDragLeave: ie,
-    onTouchEnd: fe,
-    onTouchMove: de,
-    onTouchStart: pe,
-    ref: Te,
-    tabIndex: r ? -1 : K,
-    type: x
-  }, d, p, {
-    children: [m, k ? (
-      /* TouchRipple is only needed client-side, x2 boost on the server. */
-      /* @__PURE__ */ we(De, w({
-        ref: oe,
-        center: C
-      }, Z))
-    ) : null]
-  }));
-});
-process.env.NODE_ENV !== "production" && (q.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * A ref for imperative actions.
-   * It currently only supports `focusVisible()` action.
-   */
-  action: Le,
-  /**
-   * If `true`, the ripples are centered.
-   * They won't start at the cursor interaction position.
-   * @default false
-   */
-  centerRipple: e.bool,
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: Ne,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.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: e.bool,
-  /**
-   * If `true`, the touch ripple effect is disabled.
-   * @default false
-   */
-  disableTouchRipple: e.bool,
-  /**
-   * If `true`, the base button will have a keyboard focus ripple.
-   * @default false
-   */
-  focusRipple: e.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: e.string,
-  /**
-   * @ignore
-   */
-  href: e.any,
-  /**
-   * The component used to render a link when the `href` prop is provided.
-   * @default 'a'
-   */
-  LinkComponent: e.elementType,
-  /**
-   * @ignore
-   */
-  onBlur: e.func,
-  /**
-   * @ignore
-   */
-  onClick: e.func,
-  /**
-   * @ignore
-   */
-  onContextMenu: e.func,
-  /**
-   * @ignore
-   */
-  onDragLeave: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * Callback fired when the component is focused with a keyboard.
-   * We trigger a `onFocus` callback too.
-   */
-  onFocusVisible: e.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: e.func,
-  /**
-   * @ignore
-   */
-  onKeyUp: e.func,
-  /**
-   * @ignore
-   */
-  onMouseDown: e.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: e.func,
-  /**
-   * @ignore
-   */
-  onMouseUp: e.func,
-  /**
-   * @ignore
-   */
-  onTouchEnd: e.func,
-  /**
-   * @ignore
-   */
-  onTouchMove: e.func,
-  /**
-   * @ignore
-   */
-  onTouchStart: e.func,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * @default 0
-   */
-  tabIndex: e.number,
-  /**
-   * Props applied to the `TouchRipple` element.
-   */
-  TouchRippleProps: e.object,
-  /**
-   * A ref that points to the `TouchRipple` element.
-   */
-  touchRippleRef: e.oneOfType([e.func, e.shape({
-    current: e.shape({
-      pulsate: e.func.isRequired,
-      start: e.func.isRequired,
-      stop: e.func.isRequired
-    })
-  })]),
-  /**
-   * @ignore
-   */
-  type: e.oneOfType([e.oneOf(["button", "reset", "submit"]), e.string])
-});
-const Ze = q;
+import e from "./index.es225.js";
+import r from "./index.es226.js";
+function n(t) {
+  return e("MuiMonthCalendar", t);
+}
+r("MuiMonthCalendar", ["root"]);
 export {
-  je as ButtonBaseRoot,
-  Ze as default
+  n as getMonthCalendarUtilityClass
 };

package/index.es304.js

@@ -1,5 +1,10 @@
-import * as e from "react";
-const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect, t = f;
+import e from "./index.es226.js";
+import s from "./index.es225.js";
+function r(t) {
+  return s("MuiPickersMonth", t);
+}
+const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
 export {
-  t as default
+  r as getPickersMonthUtilityClass,
+  n as pickersMonthClasses
 };