mada-design-system 0.0.9 → 0.0.11

package/index.es212.js

@@ -1,140 +1,264 @@
-import w from "./index.es152.js";
-import o from "./index.es151.js";
-import * as W from "react";
-import { clsx as q } from "./index.es86.js";
-import { ArrowLeftIcon as E, ArrowRightIcon as F } from "./index.es209.js";
-import { getPickersArrowSwitcherUtilityClass as J } from "./index.es318.js";
-import { jsxs as K, jsx as i } from "react/jsx-runtime";
-import P from "./index.es165.js";
-import O from "./index.es211.js";
-import Q from "./index.es201.js";
-import V from "./index.es174.js";
-import d from "./index.es169.js";
-import X from "./index.es205.js";
-import Y from "./index.es173.js";
-const Z = ["children", "className", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel"], oo = ["ownerState"], eo = ["ownerState"], to = P("div", {
-  name: "MuiPickersArrowSwitcher",
+import le from "./index.es192.js";
+import L from "./index.es191.js";
+import * as u from "react";
+import e from "./index.es193.js";
+import { clsx as ie } from "./index.es92.js";
+import { PickersMonth as ue } from "./index.es277.js";
+import { useNow as ce, useUtils as S, useDefaultDates as de } from "./index.es195.js";
+import { getMonthCalendarUtilityClass as me } from "./index.es278.js";
+import { getMonthsInYear as he, applyDefaultDate as z } from "./index.es199.js";
+import { singleItemValueManager as A } from "./index.es203.js";
+import { SECTION_TYPE_GRANULARITY as fe } from "./index.es228.js";
+import { useControlledValueWithTimezone as pe } from "./index.es202.js";
+import { DIALOG_WIDTH as be } from "./index.es204.js";
+import { jsx as E } from "react/jsx-runtime";
+import Me from "./index.es205.js";
+import De from "./index.es267.js";
+import ge from "./index.es236.js";
+import m from "./index.es210.js";
+import ye from "./index.es213.js";
+import Ce from "./index.es214.js";
+const we = ["className", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "shouldDisableMonth", "readOnly", "disableHighlightToday", "autoFocus", "onMonthFocus", "hasFocus", "onFocusedViewChange", "monthsPerRow", "timezone", "gridLabelId"], Ie = (h) => {
+  const {
+    classes: s
+  } = h;
+  return ye({
+    root: ["root"]
+  }, me, s);
+};
+function Fe(h, s) {
+  const f = S(), r = de(), p = Ce({
+    props: h,
+    name: s
+  });
+  return L({
+    disableFuture: !1,
+    disablePast: !1
+  }, p, {
+    minDate: z(f, p.minDate, r.minDate),
+    maxDate: z(f, p.maxDate, r.maxDate)
+  });
+}
+const xe = Me("div", {
+  name: "MuiMonthCalendar",
   slot: "Root",
-  overridesResolver: (e, t) => t.root
+  overridesResolver: (h, s) => s.root
 })({
-  display: "flex"
-}), ro = P("div", {
-  name: "MuiPickersArrowSwitcher",
-  slot: "Spacer",
-  overridesResolver: (e, t) => t.spacer
-})(({
-  theme: e
-}) => ({
-  width: e.spacing(3)
-})), N = P(O, {
-  name: "MuiPickersArrowSwitcher",
-  slot: "Button",
-  overridesResolver: (e, t) => t.button
-})(({
-  ownerState: e
-}) => o({}, e.hidden && {
-  visibility: "hidden"
-})), so = (e) => {
-  const {
-    classes: t
-  } = e;
-  return Y({
-    root: ["root"],
-    spacer: ["spacer"],
-    button: ["button"]
-  }, J, t);
-}, fo = /* @__PURE__ */ W.forwardRef(function(t, h) {
-  var v, b, S, f;
-  const x = Q().direction === "rtl", p = V({
-    props: t,
-    name: "MuiPickersArrowSwitcher"
-  }), {
-    children: I,
-    className: k,
-    slots: r,
-    slotProps: s,
-    isNextDisabled: y,
-    isNextHidden: _,
-    onGoToNext: R,
-    nextLabel: D,
-    isPreviousDisabled: H,
-    isPreviousHidden: L,
-    onGoToPrevious: C,
-    previousLabel: z
-  } = p, G = w(p, Z), n = p, a = so(n), l = {
-    isDisabled: y,
-    isHidden: _,
-    goTo: R,
-    label: D
-  }, c = {
-    isDisabled: H,
-    isHidden: L,
-    goTo: C,
-    label: z
-  }, A = (v = r == null ? void 0 : r.previousIconButton) != null ? v : N, M = d({
-    elementType: A,
-    externalSlotProps: s == null ? void 0 : s.previousIconButton,
-    additionalProps: {
-      size: "medium",
-      title: c.label,
-      "aria-label": c.label,
-      disabled: c.isDisabled,
-      edge: "end",
-      onClick: c.goTo
-    },
-    ownerState: o({}, n, {
-      hidden: c.isHidden
+  display: "flex",
+  flexWrap: "wrap",
+  alignContent: "stretch",
+  padding: "0 4px",
+  width: be,
+  // avoid padding increasing width over defined
+  boxSizing: "border-box"
+}), Pe = /* @__PURE__ */ u.forwardRef(function(s, f) {
+  const r = Fe(s, "MuiMonthCalendar"), {
+    className: p,
+    value: _,
+    defaultValue: H,
+    referenceDate: j,
+    disabled: U,
+    disableFuture: w,
+    disablePast: I,
+    maxDate: D,
+    minDate: g,
+    onChange: B,
+    shouldDisableMonth: y,
+    readOnly: W,
+    disableHighlightToday: F,
+    autoFocus: x = !1,
+    onMonthFocus: P,
+    hasFocus: G,
+    onFocusedViewChange: v,
+    monthsPerRow: K = 3,
+    timezone: q,
+    gridLabelId: J
+  } = r, Q = le(r, we), {
+    value: a,
+    handleValueChange: X,
+    timezone: R
+  } = pe({
+    name: "MonthCalendar",
+    timezone: q,
+    value: _,
+    defaultValue: H,
+    onChange: B,
+    valueManager: A
+  }), l = ce(R), T = De(), t = S(), b = u.useMemo(
+    () => A.getInitialReferenceValue({
+      value: a,
+      utils: t,
+      props: r,
+      timezone: R,
+      referenceDate: j,
+      granularity: fe.month
     }),
-    className: a.button
-  }), T = (b = r == null ? void 0 : r.nextIconButton) != null ? b : N, $ = d({
-    elementType: T,
-    externalSlotProps: s == null ? void 0 : s.nextIconButton,
-    additionalProps: {
-      size: "medium",
-      title: l.label,
-      "aria-label": l.label,
-      disabled: l.isDisabled,
-      edge: "start",
-      onClick: l.goTo
-    },
-    ownerState: o({}, n, {
-      hidden: l.isHidden
-    }),
-    className: a.button
-  }), u = (S = r == null ? void 0 : r.leftArrowIcon) != null ? S : E, j = d({
-    elementType: u,
-    externalSlotProps: s == null ? void 0 : s.leftArrowIcon,
-    additionalProps: {
-      fontSize: "inherit"
-    },
-    ownerState: void 0
-  }), g = w(j, oo), m = (f = r == null ? void 0 : r.rightArrowIcon) != null ? f : F, U = d({
-    elementType: m,
-    externalSlotProps: s == null ? void 0 : s.rightArrowIcon,
-    additionalProps: {
-      fontSize: "inherit"
-    },
-    ownerState: void 0
-  }), B = w(U, eo);
-  return /* @__PURE__ */ K(to, o({
-    ref: h,
-    className: q(a.root, k),
-    ownerState: n
-  }, G, {
-    children: [/* @__PURE__ */ i(A, o({}, M, {
-      children: x ? /* @__PURE__ */ i(m, o({}, B)) : /* @__PURE__ */ i(u, o({}, g))
-    })), I ? /* @__PURE__ */ i(X, {
-      variant: "subtitle1",
-      component: "span",
-      children: I
-    }) : /* @__PURE__ */ i(ro, {
-      className: a.spacer,
-      ownerState: n
-    }), /* @__PURE__ */ i(T, o({}, $, {
-      children: x ? /* @__PURE__ */ i(u, o({}, g)) : /* @__PURE__ */ i(m, o({}, B))
-    }))]
+    []
+    // eslint-disable-line react-hooks/exhaustive-deps
+  ), O = r, Z = Ie(O), V = u.useMemo(() => t.getMonth(l), [t, l]), c = u.useMemo(() => a != null ? t.getMonth(a) : F ? null : t.getMonth(b), [a, t, F, b]), [C, Y] = u.useState(() => c || V), [$, ee] = ge({
+    name: "MonthCalendar",
+    state: "hasFocus",
+    controlled: G,
+    default: x ?? !1
+  }), N = m((o) => {
+    ee(o), v && v(o);
+  }), k = u.useCallback((o) => {
+    const n = t.startOfMonth(I && t.isAfter(l, g) ? l : g), i = t.startOfMonth(w && t.isBefore(l, D) ? l : D), d = t.startOfMonth(o);
+    return t.isBefore(d, n) || t.isAfter(d, i) ? !0 : y ? y(d) : !1;
+  }, [w, I, D, g, l, y, t]), oe = m((o, n) => {
+    if (W)
+      return;
+    const i = t.setMonth(a ?? b, n);
+    X(i);
+  }), M = m((o) => {
+    k(t.setMonth(a ?? b, o)) || (Y(o), N(!0), P && P(o));
+  });
+  u.useEffect(() => {
+    Y((o) => c !== null && o !== c ? c : o);
+  }, [c]);
+  const te = m((o, n) => {
+    switch (o.key) {
+      case "ArrowUp":
+        M((12 + n - 3) % 12), o.preventDefault();
+        break;
+      case "ArrowDown":
+        M((12 + n + 3) % 12), o.preventDefault();
+        break;
+      case "ArrowLeft":
+        M((12 + n + (T.direction === "ltr" ? -1 : 1)) % 12), o.preventDefault();
+        break;
+      case "ArrowRight":
+        M((12 + n + (T.direction === "ltr" ? 1 : -1)) % 12), o.preventDefault();
+        break;
+    }
+  }), ne = m((o, n) => {
+    M(n);
+  }), ae = m((o, n) => {
+    C === n && N(!1);
+  });
+  return /* @__PURE__ */ E(xe, L({
+    ref: f,
+    className: ie(Z.root, p),
+    ownerState: O,
+    role: "radiogroup",
+    "aria-labelledby": J
+  }, Q, {
+    children: he(t, a ?? b).map((o) => {
+      const n = t.getMonth(o), i = t.format(o, "monthShort"), d = t.format(o, "month"), se = n === c, re = U || k(o);
+      return /* @__PURE__ */ E(ue, {
+        selected: se,
+        value: n,
+        onClick: oe,
+        onKeyDown: te,
+        autoFocus: $ && n === C,
+        disabled: re,
+        tabIndex: n === C ? 0 : -1,
+        onFocus: ne,
+        onBlur: ae,
+        "aria-current": V === n ? "date" : void 0,
+        "aria-label": d,
+        monthsPerRow: K,
+        children: i
+      }, i);
+    })
   }));
 });
+process.env.NODE_ENV !== "production" && (Pe.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  autoFocus: e.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * className applied to the root element.
+   */
+  className: e.string,
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true` picker is disabled
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disableFuture: e.bool,
+  /**
+   * If `true`, today's date is rendering without highlighting with circle.
+   * @default false
+   */
+  disableHighlightToday: e.bool,
+  /**
+   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
+   * @default false
+   */
+  disablePast: e.bool,
+  gridLabelId: e.string,
+  hasFocus: e.bool,
+  /**
+   * Maximal selectable date.
+   */
+  maxDate: e.any,
+  /**
+   * Minimal selectable date.
+   */
+  minDate: e.any,
+  /**
+   * Months rendered per row.
+   * @default 3
+   */
+  monthsPerRow: e.oneOf([3, 4]),
+  /**
+   * Callback fired when the value changes.
+   * @template TDate
+   * @param {TDate} value The new value.
+   */
+  onChange: e.func,
+  onFocusedViewChange: e.func,
+  onMonthFocus: e.func,
+  /**
+   * If `true` picker is readonly
+   */
+  readOnly: e.bool,
+  /**
+   * The date used to generate the new value when both `value` and `defaultValue` are empty.
+   * @default The closest valid month using the validation props, except callbacks such as `shouldDisableMonth`.
+   */
+  referenceDate: e.any,
+  /**
+   * Disable specific month.
+   * @template TDate
+   * @param {TDate} month The month to test.
+   * @returns {boolean} If `true`, the month will be disabled.
+   */
+  shouldDisableMonth: 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]),
+  /**
+   * Choose which timezone to use for the value.
+   * Example: "default", "system", "UTC", "America/New_York".
+   * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
+   */
+  timezone: e.string,
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value: e.any
+});
 export {
-  fo as PickersArrowSwitcher
+  Pe as MonthCalendar,
+  Fe as useMonthCalendarDefaultizedProps
 };

package/index.es213.js

@@ -1,4 +1,19 @@
-var o = {};
+function p(i, r, t = void 0) {
+  const e = {};
+  return Object.keys(i).forEach(
+    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+    (f) => {
+      e[f] = i[f].reduce((n, u) => {
+        if (u) {
+          const o = r(u);
+          o !== "" && n.push(o), t && t[u] && n.push(t[u]);
+        }
+        return n;
+      }, []).join(" ");
+    }
+  ), e;
+}
 export {
-  o as __exports
+  p as default
 };

package/index.es214.js

@@ -1,10 +1,17 @@
-import { __module as r } from "./index.es259.js";
-import { __require as o } from "./index.es260.js";
-import { __require as i } from "./index.es261.js";
-var e;
-function u() {
-  return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = i(), r.exports);
+import m from "./index.es266.js";
+import o from "./index.es253.js";
+import t from "./index.es268.js";
+function s({
+  props: e,
+  name: r
+}) {
+  return t({
+    props: e,
+    name: r,
+    defaultTheme: m,
+    themeId: o
+  });
 }
 export {
-  u as __require
+  s as default
 };

package/index.es215.js

@@ -1,4 +1,23 @@
-var e = {};
+import s from "./index.es300.js";
+const t = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function o(d, e, r = "Mui") {
+  const a = t[e];
+  return a ? `${r}-${a}` : `${s.generate(d)}-${e}`;
+}
 export {
-  e as __exports
+  o as default,
+  t as globalStateClasses
 };

package/index.es216.js

@@ -1,100 +1,10 @@
-var c = "-";
-function h(t) {
-  var r = G(t), n = t.conflictingClassGroups, e = t.conflictingClassGroupModifiers, u = e === void 0 ? {} : e;
-  function a(i) {
-    var f = i.split(c);
-    return f[0] === "" && f.length !== 1 && f.shift(), l(f, r) || g(i);
-  }
-  function o(i, f) {
-    var s = n[i] || [];
-    return f && u[i] ? [].concat(s, u[i]) : s;
-  }
-  return {
-    getClassGroupId: a,
-    getConflictingClassGroupIds: o
-  };
-}
-function l(t, r) {
-  var o;
-  if (t.length === 0)
-    return r.classGroupId;
-  var n = t[0], e = r.nextPart.get(n), u = e ? l(t.slice(1), e) : void 0;
-  if (u)
-    return u;
-  if (r.validators.length !== 0) {
-    var a = t.join(c);
-    return (o = r.validators.find(function(i) {
-      var f = i.validator;
-      return f(a);
-    })) == null ? void 0 : o.classGroupId;
-  }
-}
-var p = /^\[(.+)\]$/;
-function g(t) {
-  if (p.test(t)) {
-    var r = p.exec(t)[1], n = r == null ? void 0 : r.substring(0, r.indexOf(":"));
-    if (n)
-      return "arbitrary.." + n;
-  }
-}
-function G(t) {
-  var r = t.theme, n = t.prefix, e = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  }, u = x(Object.entries(t.classGroups), n);
-  return u.forEach(function(a) {
-    var o = a[0], i = a[1];
-    v(i, e, o, r);
-  }), e;
-}
-function v(t, r, n, e) {
-  t.forEach(function(u) {
-    if (typeof u == "string") {
-      var a = u === "" ? r : d(r, u);
-      a.classGroupId = n;
-      return;
-    }
-    if (typeof u == "function") {
-      if (C(u)) {
-        v(u(e), r, n, e);
-        return;
-      }
-      r.validators.push({
-        validator: u,
-        classGroupId: n
-      });
-      return;
-    }
-    Object.entries(u).forEach(function(o) {
-      var i = o[0], f = o[1];
-      v(f, d(r, i), n, e);
-    });
-  });
-}
-function d(t, r) {
-  var n = t;
-  return r.split(c).forEach(function(e) {
-    n.nextPart.has(e) || n.nextPart.set(e, {
-      nextPart: /* @__PURE__ */ new Map(),
-      validators: []
-    }), n = n.nextPart.get(e);
-  }), n;
-}
-function C(t) {
-  return t.isThemeGetter;
-}
-function x(t, r) {
-  return r ? t.map(function(n) {
-    var e = n[0], u = n[1], a = u.map(function(o) {
-      return typeof o == "string" ? r + o : typeof o == "object" ? Object.fromEntries(Object.entries(o).map(function(i) {
-        var f = i[0], s = i[1];
-        return [r + f, s];
-      })) : o;
-    });
-    return [e, a];
-  }) : t;
+import s from "./index.es215.js";
+function l(r, a, i = "Mui") {
+  const t = {};
+  return a.forEach((e) => {
+    t[e] = s(r, e, i);
+  }), t;
 }
 export {
-  G as createClassMap,
-  h as createClassUtils
+  l as default
 };

package/index.es217.js

@@ -1,28 +1,7 @@
-function c(i) {
-  if (i < 1)
-    return {
-      get: function() {
-      },
-      set: function() {
-      }
-    };
-  var u = 0, t = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
-  function a(r, e) {
-    t.set(r, e), u++, u > i && (u = 0, f = t, t = /* @__PURE__ */ new Map());
-  }
-  return {
-    get: function(e) {
-      var n = t.get(e);
-      if (n !== void 0)
-        return n;
-      if ((n = f.get(e)) !== void 0)
-        return a(e, n), n;
-    },
-    set: function(e, n) {
-      t.has(e) ? t.set(e, n) : a(e, n);
-    }
-  };
-}
+import a from "./index.es215.js";
+import t from "./index.es216.js";
+const n = (e) => a("MuiDayCalendar", e);
+t("MuiDayCalendar", ["root", "header", "weekDayLabel", "loadingContainer", "slideTransition", "monthContainer", "weekContainer", "weekNumberLabel", "weekNumber"]);
 export {
-  c as createLruCache
+  n as getDayCalendarUtilityClass
 };

package/index.es218.js

@@ -1,41 +1,7 @@
-var g = "!";
-function I(o) {
-  var r = o.separator || ":", i = r.length === 1, s = r[0], f = r.length;
-  return function(a) {
-    for (var v = [], h = 0, e = 0, n, t = 0; t < a.length; t++) {
-      var p = a[t];
-      if (h === 0) {
-        if (p === s && (i || a.slice(t, t + f) === r)) {
-          v.push(a.slice(e, t)), e = t + f;
-          continue;
-        }
-        if (p === "/") {
-          n = t;
-          continue;
-        }
-      }
-      p === "[" ? h++ : p === "]" && h--;
-    }
-    var u = v.length === 0 ? a : a.substring(e), M = u.startsWith(g), l = M ? u.substring(1) : u, b = n && n > e ? n - e : void 0;
-    return {
-      modifiers: v,
-      hasImportantModifier: M,
-      baseClassName: l,
-      maybePostfixModifierPosition: b
-    };
-  };
-}
-function P(o) {
-  if (o.length <= 1)
-    return o;
-  var r = [], i = [];
-  return o.forEach(function(s) {
-    var f = s[0] === "[";
-    f ? (r.push.apply(r, i.sort().concat([s])), i = []) : i.push(s);
-  }), r.push.apply(r, i.sort()), r;
-}
+import r from "./index.es215.js";
+import t from "./index.es216.js";
+const s = (i) => r("MuiPickersFadeTransitionGroup", i);
+t("MuiPickersFadeTransitionGroup", ["root"]);
 export {
-  g as IMPORTANT_MODIFIER,
-  I as createSplitModifiers,
-  P as sortModifiers
+  s as getPickersFadeTransitionGroupUtilityClass
 };

package/index.es219.js

@@ -1,4 +1,7 @@
-var e = { exports: {} };
+import e from "./index.es216.js";
+import t from "./index.es215.js";
+const l = (i) => t("MuiPickersSlideTransition", i), n = e("MuiPickersSlideTransition", ["root", "slideEnter-left", "slideEnter-right", "slideEnterActive", "slideExit", "slideExitActiveLeft-left", "slideExitActiveLeft-right"]);
 export {
-  e as __module
+  l as getPickersSlideTransitionUtilityClass,
+  n as pickersSlideTransitionClasses
 };