mada-design-system 0.4.0 → 0.5.1

package/index.es129.js

@@ -1,207 +1,518 @@
-import * as t from "react";
-var Me = Object.defineProperty, xe = Object.defineProperties, ke = Object.getOwnPropertyDescriptors, J = Object.getOwnPropertySymbols, me = Object.prototype.hasOwnProperty, fe = Object.prototype.propertyIsEnumerable, de = (r, a, l) => a in r ? Me(r, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : r[a] = l, Re = (r, a) => {
-  for (var l in a || (a = {}))
-    me.call(a, l) && de(r, l, a[l]);
-  if (J)
-    for (var l of J(a))
-      fe.call(a, l) && de(r, l, a[l]);
-  return r;
-}, Te = (r, a) => xe(r, ke(a)), De = (r, a) => {
-  var l = {};
-  for (var s in r)
-    me.call(r, s) && a.indexOf(s) < 0 && (l[s] = r[s]);
-  if (r != null && J)
-    for (var s of J(r))
-      a.indexOf(s) < 0 && fe.call(r, s) && (l[s] = r[s]);
-  return l;
+import je from "./index.es206.js";
+import h from "./index.es205.js";
+import * as V from "react";
+import e from "./index.es207.js";
+import { clsx as $e } from "./index.es107.js";
+import { useCalendarState as Le } from "./index.es208.js";
+import { useUtils as de, useDefaultDates as ze } from "./index.es209.js";
+import { PickersFadeTransitionGroup as Ie } from "./index.es210.js";
+import { DayCalendar as Ge } from "./index.es211.js";
+import { useViews as Ue } from "./index.es212.js";
+import { applyDefaultDate as re, findClosestEnabledDate as ie, mergeDateAndTime as Be } from "./index.es213.js";
+import { useDefaultReduceAnimations as qe } from "./index.es214.js";
+import { getDateCalendarUtilityClass as Ke } from "./index.es215.js";
+import { useControlledValueWithTimezone as Je } from "./index.es216.js";
+import { singleItemValueManager as Qe } from "./index.es217.js";
+import { VIEW_HEIGHT as Xe } from "./index.es218.js";
+import { jsxs as le, jsx as f } from "react/jsx-runtime";
+import ue from "./index.es219.js";
+import { PickerViewRoot as Ze } from "./index.es220.js";
+import eo from "./index.es221.js";
+import { PickersCalendarHeader as oo } from "./index.es222.js";
+import ao from "./index.es223.js";
+import B from "./index.es224.js";
+import { YearCalendar as no } from "./index.es225.js";
+import { MonthCalendar as to } from "./index.es226.js";
+import so from "./index.es227.js";
+import ro from "./index.es228.js";
+const io = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "components", "componentsProps", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"], lo = (m) => {
+  const {
+    classes: i
+  } = m;
+  return so({
+    root: ["root"],
+    viewTransitionContainer: ["viewTransitionContainer"]
+  }, Ke, i);
 };
-function Oe(r) {
-  let a = setTimeout(r, 0), l = setTimeout(r, 10), s = setTimeout(r, 50);
-  return [a, l, s];
+function uo(m, i) {
+  var p, D, b, C, a, M, d;
+  const O = de(), F = ze(), k = qe(), t = ro({
+    props: m,
+    name: i
+  });
+  return h({}, t, {
+    loading: (p = t.loading) != null ? p : !1,
+    disablePast: (D = t.disablePast) != null ? D : !1,
+    disableFuture: (b = t.disableFuture) != null ? b : !1,
+    openTo: (C = t.openTo) != null ? C : "day",
+    views: (a = t.views) != null ? a : ["year", "day"],
+    reduceAnimations: (M = t.reduceAnimations) != null ? M : k,
+    renderLoading: (d = t.renderLoading) != null ? d : () => /* @__PURE__ */ f("span", {
+      children: "..."
+    }),
+    minDate: re(O, t.minDate, F.minDate),
+    maxDate: re(O, t.maxDate, F.maxDate)
+  });
 }
-function We(r) {
-  let a = t.useRef();
-  return t.useEffect(() => {
-    a.current = r;
-  }), a.current;
-}
-var Ae = 18, ve = 40, Be = `${ve}px`, je = ["[data-lastpass-icon-root]", "com-1password-button", "[data-dashlanecreated]", '[style$="2147483647 !important;"]'].join(",");
-function Ie({ containerRef: r, inputRef: a, pushPasswordManagerStrategy: l, isFocused: s }) {
-  let [M, p] = t.useState(!1), [_, x] = t.useState(!1), [W, F] = t.useState(!1), H = t.useMemo(() => l === "none" ? !1 : (l === "increase-width" || l === "experimental-no-flickering") && M && _, [M, _, l]), A = t.useCallback(() => {
-    let f = r.current, y = a.current;
-    if (!f || !y || W || l === "none")
-      return;
-    let g = f, E = g.getBoundingClientRect().left + g.offsetWidth, B = g.getBoundingClientRect().top + g.offsetHeight / 2, i = E - Ae, L = B;
-    document.querySelectorAll(je).length === 0 && document.elementFromPoint(i, L) === f || (p(!0), F(!0));
-  }, [r, a, W, l]);
-  return t.useEffect(() => {
-    let f = r.current;
-    if (!f || l === "none")
-      return;
-    function y() {
-      let E = window.innerWidth - f.getBoundingClientRect().right;
-      x(E >= ve);
-    }
-    y();
-    let g = setInterval(y, 1e3);
-    return () => {
-      clearInterval(g);
-    };
-  }, [r, l]), t.useEffect(() => {
-    let f = s || document.activeElement === a.current;
-    if (l === "none" || !f)
-      return;
-    let y = setTimeout(A, 0), g = setTimeout(A, 2e3), E = setTimeout(A, 5e3), B = setTimeout(() => {
-      F(!0);
-    }, 6e3);
-    return () => {
-      clearTimeout(y), clearTimeout(g), clearTimeout(E), clearTimeout(B);
-    };
-  }, [a, s, l, A]), { hasPWMBadge: M, willPushPWMBadge: H, PWM_BADGE_SPACE_WIDTH: Be };
-}
-var _e = t.createContext({}), Fe = t.forwardRef((r, a) => {
-  var l = r, { value: s, onChange: M, maxLength: p, textAlign: _ = "left", pattern: x, placeholder: W, inputMode: F = "numeric", onComplete: H, pushPasswordManagerStrategy: A = "increase-width", pasteTransformer: f, containerClassName: y, noScriptCSSFallback: g = He, render: E, children: B } = l, i = De(l, ["value", "onChange", "maxLength", "textAlign", "pattern", "placeholder", "inputMode", "onComplete", "pushPasswordManagerStrategy", "pasteTransformer", "containerClassName", "noScriptCSSFallback", "render", "children"]), L, ee, te, ne, re;
-  let [he, ge] = t.useState(typeof i.defaultValue == "string" ? i.defaultValue : ""), u = s ?? he, k = We(u), $ = t.useCallback((e) => {
-    M == null || M(e), ge(e);
-  }, [M]), w = t.useMemo(() => x ? typeof x == "string" ? new RegExp(x) : x : null, [x]), c = t.useRef(null), K = t.useRef(null), Q = t.useRef({ value: u, onChange: $, isIOS: typeof window < "u" && ((ee = (L = window == null ? void 0 : window.CSS) == null ? void 0 : L.supports) == null ? void 0 : ee.call(L, "-webkit-touch-callout", "none")) }), q = t.useRef({ prev: [(te = c.current) == null ? void 0 : te.selectionStart, (ne = c.current) == null ? void 0 : ne.selectionEnd, (re = c.current) == null ? void 0 : re.selectionDirection] });
-  t.useImperativeHandle(a, () => c.current, []), t.useEffect(() => {
-    let e = c.current, n = K.current;
-    if (!e || !n)
-      return;
-    Q.current.value !== e.value && Q.current.onChange(e.value), q.current.prev = [e.selectionStart, e.selectionEnd, e.selectionDirection];
-    function d() {
-      if (document.activeElement !== e) {
-        N(null), z(null);
-        return;
-      }
-      let o = e.selectionStart, m = e.selectionEnd, Z = e.selectionDirection, b = e.maxLength, T = e.value, S = q.current.prev, P = -1, C = -1, D;
-      if (T.length !== 0 && o !== null && m !== null) {
-        let ye = o === m, Pe = o === T.length && T.length < b;
-        if (ye && !Pe) {
-          let O = o;
-          if (O === 0)
-            P = 0, C = 1, D = "forward";
-          else if (O === b)
-            P = O - 1, C = O, D = "backward";
-          else if (b > 1 && T.length > 1) {
-            let Y = 0;
-            if (S[0] !== null && S[1] !== null) {
-              D = O < S[1] ? "backward" : "forward";
-              let Ce = S[0] === S[1] && S[0] < b;
-              D === "backward" && !Ce && (Y = -1);
-            }
-            P = Y + O, C = Y + O + 1;
-          }
-        }
-        P !== -1 && C !== -1 && P !== C && c.current.setSelectionRange(P, C, D);
-      }
-      let se = P !== -1 ? P : o, pe = C !== -1 ? C : m, Se = D ?? Z;
-      N(se), z(pe), q.current.prev = [se, pe, Se];
-    }
-    if (document.addEventListener("selectionchange", d, { capture: !0 }), d(), document.activeElement === e && U(!0), !document.getElementById("input-otp-style")) {
-      let o = document.createElement("style");
-      if (o.id = "input-otp-style", document.head.appendChild(o), o.sheet) {
-        let m = "background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";
-        V(o.sheet, "[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"), V(o.sheet, `[data-input-otp]:autofill { ${m} }`), V(o.sheet, `[data-input-otp]:-webkit-autofill { ${m} }`), V(o.sheet, "@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"), V(o.sheet, "[data-input-otp] + * { pointer-events: all !important; }");
-      }
-    }
-    let v = () => {
-      n && n.style.setProperty("--root-height", `${e.clientHeight}px`);
-    };
-    v();
-    let h = new ResizeObserver(v);
-    return h.observe(e), () => {
-      document.removeEventListener("selectionchange", d, { capture: !0 }), h.disconnect();
-    };
-  }, []);
-  let [le, ae] = t.useState(!1), [G, U] = t.useState(!1), [R, N] = t.useState(null), [j, z] = t.useState(null);
-  t.useEffect(() => {
-    Oe(() => {
-      var e, n, d, v;
-      (e = c.current) == null || e.dispatchEvent(new Event("input"));
-      let h = (n = c.current) == null ? void 0 : n.selectionStart, o = (d = c.current) == null ? void 0 : d.selectionEnd, m = (v = c.current) == null ? void 0 : v.selectionDirection;
-      h !== null && o !== null && (N(h), z(o), q.current.prev = [h, o, m]);
-    });
-  }, [u, G]), t.useEffect(() => {
-    k !== void 0 && u !== k && k.length < p && u.length === p && (H == null || H(u));
-  }, [p, H, k, u]);
-  let I = Ie({ containerRef: K, inputRef: c, pushPasswordManagerStrategy: A, isFocused: G }), oe = t.useCallback((e) => {
-    let n = e.currentTarget.value.slice(0, p);
-    if (n.length > 0 && w && !w.test(n)) {
-      e.preventDefault();
-      return;
-    }
-    typeof k == "string" && n.length < k.length && document.dispatchEvent(new Event("selectionchange")), $(n);
-  }, [p, $, k, w]), ie = t.useCallback(() => {
-    var e;
-    if (c.current) {
-      let n = Math.min(c.current.value.length, p - 1), d = c.current.value.length;
-      (e = c.current) == null || e.setSelectionRange(n, d), N(n), z(d);
-    }
-    U(!0);
-  }, [p]), ue = t.useCallback((e) => {
-    var n, d;
-    let v = c.current;
-    if (!f && (!Q.current.isIOS || !e.clipboardData || !v))
-      return;
-    let h = e.clipboardData.getData("text/plain"), o = f ? f(h) : h;
-    e.preventDefault();
-    let m = (n = c.current) == null ? void 0 : n.selectionStart, Z = (d = c.current) == null ? void 0 : d.selectionEnd, b = (m !== Z ? u.slice(0, m) + o + u.slice(Z) : u.slice(0, m) + o + u.slice(m)).slice(0, p);
-    if (b.length > 0 && w && !w.test(b))
-      return;
-    v.value = b, $(b);
-    let T = Math.min(b.length, p - 1), S = b.length;
-    v.setSelectionRange(T, S), N(T), z(S);
-  }, [p, $, w, u]), be = t.useMemo(() => ({ position: "relative", cursor: i.disabled ? "default" : "text", userSelect: "none", WebkitUserSelect: "none", pointerEvents: "none" }), [i.disabled]), ce = t.useMemo(() => ({ position: "absolute", inset: 0, width: I.willPushPWMBadge ? `calc(100% + ${I.PWM_BADGE_SPACE_WIDTH})` : "100%", clipPath: I.willPushPWMBadge ? `inset(0 ${I.PWM_BADGE_SPACE_WIDTH} 0 0)` : void 0, height: "100%", display: "flex", textAlign: _, opacity: "1", color: "transparent", pointerEvents: "all", background: "transparent", caretColor: "transparent", border: "0 solid transparent", outline: "0 solid transparent", boxShadow: "none", lineHeight: "1", letterSpacing: "-.5em", fontSize: "var(--root-height)", fontFamily: "monospace", fontVariantNumeric: "tabular-nums" }), [I.PWM_BADGE_SPACE_WIDTH, I.willPushPWMBadge, _]), we = t.useMemo(() => t.createElement("input", Te(Re({ autoComplete: i.autoComplete || "one-time-code" }, i), { "data-input-otp": !0, "data-input-otp-placeholder-shown": u.length === 0 || void 0, "data-input-otp-mss": R, "data-input-otp-mse": j, inputMode: F, pattern: w == null ? void 0 : w.source, "aria-placeholder": W, style: ce, maxLength: p, value: u, ref: c, onPaste: (e) => {
-    var n;
-    ue(e), (n = i.onPaste) == null || n.call(i, e);
-  }, onChange: oe, onMouseOver: (e) => {
-    var n;
-    ae(!0), (n = i.onMouseOver) == null || n.call(i, e);
-  }, onMouseLeave: (e) => {
-    var n;
-    ae(!1), (n = i.onMouseLeave) == null || n.call(i, e);
-  }, onFocus: (e) => {
-    var n;
-    ie(), (n = i.onFocus) == null || n.call(i, e);
-  }, onBlur: (e) => {
-    var n;
-    U(!1), (n = i.onBlur) == null || n.call(i, e);
-  } })), [oe, ie, ue, F, ce, p, j, R, i, w == null ? void 0 : w.source, u]), X = t.useMemo(() => ({ slots: Array.from({ length: p }).map((e, n) => {
-    var d;
-    let v = G && R !== null && j !== null && (R === j && n === R || n >= R && n < j), h = u[n] !== void 0 ? u[n] : null, o = u[0] !== void 0 ? null : (d = W == null ? void 0 : W[n]) != null ? d : null;
-    return { char: h, placeholderChar: o, isActive: v, hasFakeCaret: v && h === null };
-  }), isFocused: G, isHovering: !i.disabled && le }), [G, le, p, j, R, i.disabled, u]), Ee = t.useMemo(() => E ? E(X) : t.createElement(_e.Provider, { value: X }, B), [B, X, E]);
-  return t.createElement(t.Fragment, null, g !== null && t.createElement("noscript", null, t.createElement("style", null, g)), t.createElement("div", { ref: K, "data-input-otp-container": !0, style: be, className: y }, Ee, t.createElement("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" } }, we)));
+const co = ue(Ze, {
+  name: "MuiDateCalendar",
+  slot: "Root",
+  overridesResolver: (m, i) => i.root
+})({
+  display: "flex",
+  flexDirection: "column",
+  height: Xe
+}), mo = ue(Ie, {
+  name: "MuiDateCalendar",
+  slot: "ViewTransitionContainer",
+  overridesResolver: (m, i) => i.viewTransitionContainer
+})({}), ho = /* @__PURE__ */ V.forwardRef(function(i, p) {
+  var D, b, C;
+  const a = de(), M = eo(), d = uo(i, "MuiDateCalendar"), {
+    autoFocus: O,
+    onViewChange: F,
+    value: k,
+    defaultValue: t,
+    referenceDate: ce,
+    disableFuture: g,
+    disablePast: y,
+    defaultCalendarMonth: me,
+    onChange: he,
+    onYearChange: q,
+    onMonthChange: A,
+    reduceAnimations: T,
+    shouldDisableDate: K,
+    shouldDisableMonth: J,
+    shouldDisableYear: Q,
+    view: fe,
+    views: X,
+    openTo: pe,
+    className: Z,
+    disabled: x,
+    readOnly: De,
+    minDate: u,
+    maxDate: c,
+    disableHighlightToday: be,
+    focusedView: Ce,
+    onFocusedViewChange: ge,
+    showDaysOutsideCurrentMonth: ye,
+    fixedWeekNumber: we,
+    dayOfWeekFormatter: Pe,
+    components: _,
+    componentsProps: H,
+    slots: R,
+    slotProps: N,
+    loading: ve,
+    renderLoading: Ve,
+    displayWeekNumber: Me,
+    yearsPerRow: Oe,
+    monthsPerRow: Fe,
+    timezone: Te
+  } = d, xe = je(d, io), {
+    value: n,
+    handleValueChange: Y,
+    timezone: w
+  } = Je({
+    name: "DateCalendar",
+    timezone: Te,
+    value: k,
+    defaultValue: t,
+    onChange: he,
+    valueManager: Qe
+  }), {
+    view: s,
+    setView: Re,
+    focusedView: E,
+    setFocusedView: P,
+    goToNextView: ee,
+    setValueAndGoToNextView: oe
+  } = Ue({
+    view: fe,
+    views: X,
+    openTo: pe,
+    onChange: Y,
+    onViewChange: F,
+    autoFocus: O,
+    focusedView: Ce,
+    onFocusedViewChange: ge
+  }), {
+    referenceDate: S,
+    calendarState: ae,
+    changeFocusedDay: j,
+    changeMonth: $,
+    handleChangeMonth: Ne,
+    isDateDisabled: W,
+    onMonthSwitchingAnimationEnd: We
+  } = Le({
+    value: n,
+    defaultCalendarMonth: me,
+    referenceDate: ce,
+    reduceAnimations: T,
+    onMonthChange: A,
+    minDate: u,
+    maxDate: c,
+    shouldDisableDate: K,
+    disablePast: y,
+    disableFuture: g,
+    timezone: w
+  }), ke = x && n || u, Ae = x && n || c, ne = `${M}-grid-label`, L = E !== null, te = (D = (b = R == null ? void 0 : R.calendarHeader) != null ? b : _ == null ? void 0 : _.CalendarHeader) != null ? D : oo, _e = ao({
+    elementType: te,
+    externalSlotProps: (C = N == null ? void 0 : N.calendarHeader) != null ? C : H == null ? void 0 : H.calendarHeader,
+    additionalProps: {
+      views: X,
+      view: s,
+      currentMonth: ae.currentMonth,
+      onViewChange: Re,
+      onMonthChange: (o, r) => Ne({
+        newMonth: o,
+        direction: r
+      }),
+      minDate: ke,
+      maxDate: Ae,
+      disabled: x,
+      disablePast: y,
+      disableFuture: g,
+      reduceAnimations: T,
+      timezone: w,
+      labelId: ne,
+      slots: R,
+      slotProps: N
+    },
+    ownerState: d
+  }), He = B((o) => {
+    const r = a.startOfMonth(o), v = a.endOfMonth(o), l = W(o) ? ie({
+      utils: a,
+      date: o,
+      minDate: a.isBefore(u, r) ? r : u,
+      maxDate: a.isAfter(c, v) ? v : c,
+      disablePast: y,
+      disableFuture: g,
+      isDateDisabled: W,
+      timezone: w
+    }) : o;
+    l ? (oe(l, "finish"), A == null || A(r)) : (ee(), $(r)), j(l, !0);
+  }), Ye = B((o) => {
+    const r = a.startOfYear(o), v = a.endOfYear(o), l = W(o) ? ie({
+      utils: a,
+      date: o,
+      minDate: a.isBefore(u, r) ? r : u,
+      maxDate: a.isAfter(c, v) ? v : c,
+      disablePast: y,
+      disableFuture: g,
+      isDateDisabled: W,
+      timezone: w
+    }) : o;
+    l ? (oe(l, "finish"), q == null || q(l)) : (ee(), $(r)), j(l, !0);
+  }), Ee = B((o) => Y(o && Be(a, o, n ?? S), "finish", s));
+  V.useEffect(() => {
+    n != null && a.isValid(n) && $(n);
+  }, [n]);
+  const z = d, se = lo(z), I = {
+    disablePast: y,
+    disableFuture: g,
+    maxDate: c,
+    minDate: u
+  }, G = {
+    disableHighlightToday: be,
+    readOnly: De,
+    disabled: x,
+    timezone: w,
+    gridLabelId: ne
+  }, U = V.useRef(s);
+  V.useEffect(() => {
+    U.current !== s && (E === U.current && P(s, !0), U.current = s);
+  }, [E, P, s]);
+  const Se = V.useMemo(() => [n], [n]);
+  return /* @__PURE__ */ le(co, h({
+    ref: p,
+    className: $e(se.root, Z),
+    ownerState: z
+  }, xe, {
+    children: [/* @__PURE__ */ f(te, h({}, _e)), /* @__PURE__ */ f(mo, {
+      reduceAnimations: T,
+      className: se.viewTransitionContainer,
+      transKey: s,
+      ownerState: z,
+      children: /* @__PURE__ */ le("div", {
+        children: [s === "year" && /* @__PURE__ */ f(no, h({}, I, G, {
+          value: n,
+          onChange: Ye,
+          shouldDisableYear: Q,
+          hasFocus: L,
+          onFocusedViewChange: (o) => P("year", o),
+          yearsPerRow: Oe,
+          referenceDate: S
+        })), s === "month" && /* @__PURE__ */ f(to, h({}, I, G, {
+          hasFocus: L,
+          className: Z,
+          value: n,
+          onChange: He,
+          shouldDisableMonth: J,
+          onFocusedViewChange: (o) => P("month", o),
+          monthsPerRow: Fe,
+          referenceDate: S
+        })), s === "day" && /* @__PURE__ */ f(Ge, h({}, ae, I, G, {
+          onMonthSwitchingAnimationEnd: We,
+          onFocusedDayChange: j,
+          reduceAnimations: T,
+          selectedDays: Se,
+          onSelectedDaysChange: Ee,
+          shouldDisableDate: K,
+          shouldDisableMonth: J,
+          shouldDisableYear: Q,
+          hasFocus: L,
+          onFocusedViewChange: (o) => P("day", o),
+          showDaysOutsideCurrentMonth: ye,
+          fixedWeekNumber: we,
+          dayOfWeekFormatter: Pe,
+          displayWeekNumber: Me,
+          components: _,
+          componentsProps: H,
+          slots: R,
+          slotProps: N,
+          loading: ve,
+          renderLoading: Ve
+        }))]
+      })
+    })]
+  }));
+});
+process.env.NODE_ENV !== "production" && (ho.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the main element is focused during the first mount.
+   * This main element is:
+   * - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
+   * - the `input` element if there is a field rendered.
+   */
+  autoFocus: e.bool,
+  classes: e.object,
+  className: e.string,
+  /**
+   * Overridable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: e.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: e.object,
+  /**
+   * Formats the day of week displayed in the calendar header.
+   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
+   * @param {TDate} date The date of the day of week provided by the adapter.
+   * @returns {string} The name to display.
+   * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
+   */
+  dayOfWeekFormatter: e.func,
+  /**
+   * Default calendar month displayed when `value` and `defaultValue` are empty.
+   * @deprecated Consider using `referenceDate` instead.
+   */
+  defaultCalendarMonth: e.any,
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the picker and text field are disabled.
+   * @default false
+   */
+  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,
+  /**
+   * If `true`, the week number will be display in the calendar.
+   */
+  displayWeekNumber: e.bool,
+  /**
+   * Calendar will show more weeks in order to match this value.
+   * Put it to 6 for having fix number of week in Gregorian calendars
+   * @default undefined
+   */
+  fixedWeekNumber: e.number,
+  /**
+   * Controlled focused view.
+   */
+  focusedView: e.oneOf(["day", "month", "year"]),
+  /**
+   * If `true`, calls `renderLoading` instead of rendering the day calendar.
+   * Can be used to preload information and show it in calendar.
+   * @default false
+   */
+  loading: 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 TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
+   * @template TView The view type. Will be one of date or time views.
+   * @param {TValue} value The new value.
+   * @param {PickerSelectionState | undefined} selectionState Indicates if the date selection is complete.
+   * @param {TView | undefined} selectedView Indicates the view in which the selection has been made.
+   */
+  onChange: e.func,
+  /**
+   * Callback fired on focused view change.
+   * @template TView
+   * @param {TView} view The new view to focus or not.
+   * @param {boolean} hasFocus `true` if the view should be focused.
+   */
+  onFocusedViewChange: e.func,
+  /**
+   * Callback fired on month change.
+   * @template TDate
+   * @param {TDate} month The new month.
+   */
+  onMonthChange: e.func,
+  /**
+   * Callback fired on view change.
+   * @template TView
+   * @param {TView} view The new view.
+   */
+  onViewChange: e.func,
+  /**
+   * Callback fired on year change.
+   * @template TDate
+   * @param {TDate} year The new year.
+   */
+  onYearChange: e.func,
+  /**
+   * The default visible view.
+   * Used when the component view is not controlled.
+   * Must be a valid option from `views` list.
+   */
+  openTo: e.oneOf(["day", "month", "year"]),
+  /**
+   * Make picker read only.
+   * @default false
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, disable heavy animations.
+   * @default `@media(prefers-reduced-motion: reduce)` || `navigator.userAgent` matches Android <10 or iOS <13
+   */
+  reduceAnimations: e.bool,
+  /**
+   * The date used to generate the new value when both `value` and `defaultValue` are empty.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`.
+   */
+  referenceDate: e.any,
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => <span data-mui-test="loading-progress">...</span>
+   */
+  renderLoading: e.func,
+  /**
+   * Disable specific date.
+   *
+   * Warning: This function can be called multiple times (e.g. when rendering date calendar, checking if focus can be moved to a certain date, etc.). Expensive computations can impact performance.
+   *
+   * @template TDate
+   * @param {TDate} day The date to test.
+   * @returns {boolean} If `true` the date will be disabled.
+   */
+  shouldDisableDate: e.func,
+  /**
+   * Disable specific month.
+   * @template TDate
+   * @param {TDate} month The month to test.
+   * @returns {boolean} If `true`, the month will be disabled.
+   */
+  shouldDisableMonth: e.func,
+  /**
+   * Disable specific year.
+   * @template TDate
+   * @param {TDate} year The year to test.
+   * @returns {boolean} If `true`, the year will be disabled.
+   */
+  shouldDisableYear: e.func,
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth: e.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: e.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: e.object,
+  /**
+   * 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,
+  /**
+   * The visible view.
+   * Used when the component view is controlled.
+   * Must be a valid option from `views` list.
+   */
+  view: e.oneOf(["day", "month", "year"]),
+  /**
+   * Available views.
+   */
+  views: e.arrayOf(e.oneOf(["day", "month", "year"]).isRequired),
+  /**
+   * Years rendered per row.
+   * @default 3
+   */
+  yearsPerRow: e.oneOf([3, 4])
 });
-Fe.displayName = "Input";
-function V(r, a) {
-  try {
-    r.insertRule(a);
-  } catch {
-  }
-}
-var He = `
-[data-input-otp] {
-  --nojs-bg: white !important;
-  --nojs-fg: black !important;
-
-  background-color: var(--nojs-bg) !important;
-  color: var(--nojs-fg) !important;
-  caret-color: var(--nojs-fg) !important;
-  letter-spacing: .25em !important;
-  text-align: center !important;
-  border: 1px solid var(--nojs-fg) !important;
-  border-radius: 4px !important;
-  width: 100% !important;
-}
-@media (prefers-color-scheme: dark) {
-  [data-input-otp] {
-    --nojs-bg: black !important;
-    --nojs-fg: white !important;
-  }
-}`;
 export {
-  Fe as OTPInput,
-  _e as OTPInputContext
+  ho as DateCalendar
 };