mada-design-system 0.1.1 → 0.2.0

package/index.es118.js

@@ -1,312 +1,518 @@
-import { a as se } from "./index.es175.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) => {
-  let n = t.useRef(null), u = I(() => {
-    var e, a, i;
-    return { search: "", value: (i = (a = r.value) != null ? a : (e = r.defaultValue) == null ? void 0 : e.toLowerCase()) != null ? i : "", filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), c = I(() => /* @__PURE__ */ new Set()), d = I(() => /* @__PURE__ */ new Map()), s = I(() => /* @__PURE__ */ new Map()), v = I(() => /* @__PURE__ */ new Set()), f = ie(r), { label: b, children: p, value: E, onValueChange: A, filter: L, shouldFilter: k, vimBindings: D = !0, ...C } = r, U = t.useId(), J = t.useId(), X = t.useId(), y = Re();
-  M(() => {
-    if (E !== void 0) {
-      let e = E.trim().toLowerCase();
-      u.current.value = e, y(6, Z), m.emit();
-    }
-  }, [E]);
-  let m = t.useMemo(() => ({ subscribe: (e) => (v.current.add(e), () => v.current.delete(e)), snapshot: () => u.current, setState: (e, a, i) => {
-    var l, g, h;
-    if (!Object.is(u.current[e], a)) {
-      if (u.current[e] = a, e === "search")
-        z(), O(), y(1, j);
-      else if (e === "value")
-        if (((l = f.current) == null ? void 0 : l.value) !== void 0) {
-          let S = a ?? "";
-          (h = (g = f.current).onValueChange) == null || h.call(g, S);
-          return;
-        } else
-          i || y(5, Z);
-      m.emit();
-    }
-  }, emit: () => {
-    v.current.forEach((e) => e());
-  } }), []), x = t.useMemo(() => ({ value: (e, a) => {
-    a !== s.current.get(e) && (s.current.set(e, a), u.current.filtered.items.set(e, Y(a)), y(2, () => {
-      O(), m.emit();
-    }));
-  }, item: (e, a) => (c.current.add(e), a && (d.current.has(a) ? d.current.get(a).add(e) : d.current.set(a, /* @__PURE__ */ new Set([e]))), y(3, () => {
-    z(), O(), u.current.value || j(), m.emit();
-  }), () => {
-    s.current.delete(e), c.current.delete(e), u.current.filtered.items.delete(e);
-    let i = $();
-    y(4, () => {
-      z(), (i == null ? void 0 : i.getAttribute("id")) === e && j(), m.emit();
-    });
-  }), group: (e) => (d.current.has(e) || d.current.set(e, /* @__PURE__ */ new Set()), () => {
-    s.current.delete(e), d.current.delete(e);
-  }), filter: () => f.current.shouldFilter, label: b || r["aria-label"], commandRef: n, listId: U, inputId: X, labelId: J }), []);
-  function Y(e) {
-    var a, i;
-    let l = (i = (a = f.current) == null ? void 0 : a.filter) != null ? i : ve;
-    return e ? l(e, u.current.search) : 0;
-  }
-  function O() {
-    if (!n.current || !u.current.search || f.current.shouldFilter === !1)
-      return;
-    let e = u.current.filtered.items, a = [];
-    u.current.filtered.groups.forEach((l) => {
-      let g = d.current.get(l), h = 0;
-      g.forEach((S) => {
-        let T = e.get(S);
-        h = Math.max(T, h);
-      }), a.push([l, h]);
-    });
-    let i = n.current.querySelector(fe);
-    F().sort((l, g) => {
-      var h, S;
-      let T = l.getAttribute(w), de = g.getAttribute(w);
-      return ((h = e.get(de)) != null ? h : 0) - ((S = e.get(T)) != null ? S : 0);
-    }).forEach((l) => {
-      let g = l.closest(H);
-      g ? g.appendChild(l.parentElement === g ? l : l.closest(`${H} > *`)) : i.appendChild(l.parentElement === i ? l : l.closest(`${H} > *`));
-    }), a.sort((l, g) => g[1] - l[1]).forEach((l) => {
-      let g = n.current.querySelector(`${K}[${w}="${l[0]}"]`);
-      g == null || g.parentElement.appendChild(g);
-    });
-  }
-  function j() {
-    let e = F().find((i) => !i.ariaDisabled), a = e == null ? void 0 : e.getAttribute(w);
-    m.setState("value", a || void 0);
-  }
-  function z() {
-    if (!u.current.search || f.current.shouldFilter === !1) {
-      u.current.filtered.count = c.current.size;
-      return;
-    }
-    u.current.filtered.groups = /* @__PURE__ */ new Set();
-    let e = 0;
-    for (let a of c.current) {
-      let i = s.current.get(a), l = Y(i);
-      u.current.filtered.items.set(a, l), l > 0 && e++;
-    }
-    for (let [a, i] of d.current)
-      for (let l of i)
-        if (u.current.filtered.items.get(l) > 0) {
-          u.current.filtered.groups.add(a);
-          break;
-        }
-    u.current.filtered.count = e;
-  }
-  function Z() {
-    var e, a, i;
-    let l = $();
-    l && (((e = l.parentElement) == null ? void 0 : e.firstChild) === l && ((i = (a = l.closest(K)) == null ? void 0 : a.querySelector(me)) == null || i.scrollIntoView({ block: "nearest" })), l.scrollIntoView({ block: "nearest" }));
-  }
-  function $() {
-    var e;
-    return (e = n.current) == null ? void 0 : e.querySelector(`${B}[aria-selected="true"]`);
-  }
-  function F() {
-    return Array.from(n.current.querySelectorAll(ne));
-  }
-  function N(e) {
-    let a = F()[e];
-    a && m.setState("value", a.getAttribute(w));
-  }
-  function G(e) {
-    var a;
-    let i = $(), l = F(), g = l.findIndex((S) => S === i), h = l[g + e];
-    (a = f.current) != null && a.loop && (h = g + e < 0 ? l[l.length - 1] : g + e === l.length ? l[0] : l[g + e]), h && m.setState("value", h.getAttribute(w));
-  }
-  function _(e) {
-    let a = $(), i = a == null ? void 0 : a.closest(K), l;
-    for (; i && !l; )
-      i = e > 0 ? Se(i, K) : ke(i, K), l = i == null ? void 0 : i.querySelector(ne);
-    l ? m.setState("value", l.getAttribute(w)) : G(e);
-  }
-  let ee = () => N(F().length - 1), te = (e) => {
-    e.preventDefault(), e.metaKey ? ee() : e.altKey ? _(1) : G(1);
-  }, re = (e) => {
-    e.preventDefault(), e.metaKey ? N(0) : e.altKey ? _(-1) : G(-1);
-  };
-  return t.createElement("div", { ref: q([n, o]), ...C, "cmdk-root": "", onKeyDown: (e) => {
-    var a;
-    if ((a = C.onKeyDown) == null || a.call(C, e), !e.defaultPrevented)
-      switch (e.key) {
-        case "n":
-        case "j": {
-          D && e.ctrlKey && te(e);
-          break;
-        }
-        case "ArrowDown": {
-          te(e);
-          break;
-        }
-        case "p":
-        case "k": {
-          D && e.ctrlKey && re(e);
-          break;
-        }
-        case "ArrowUp": {
-          re(e);
-          break;
-        }
-        case "Home": {
-          e.preventDefault(), N(0);
-          break;
-        }
-        case "End": {
-          e.preventDefault(), ee();
-          break;
-        }
-        case "Enter":
-          if (!e.nativeEvent.isComposing) {
-            e.preventDefault();
-            let i = $();
-            if (i) {
-              let l = new Event(W);
-              i.dispatchEvent(l);
-            }
-          }
-      }
-  } }, t.createElement("label", { "cmdk-label": "", htmlFor: x.inputId, id: x.labelId, style: xe }, b), t.createElement(ae.Provider, { value: m }, t.createElement(le.Provider, { value: x }, p)));
-}), pe = t.forwardRef((r, o) => {
-  var n, u;
-  let c = t.useId(), d = t.useRef(null), s = t.useContext(ue), v = P(), f = ie(r), b = (u = (n = f.current) == null ? void 0 : n.forceMount) != null ? u : s == null ? void 0 : s.forceMount;
-  M(() => v.item(c, s == null ? void 0 : s.id), []);
-  let p = ce(c, d, [r.value, r.children, d]), E = Q(), A = R((m) => m.value && m.value === p.current), L = R((m) => b || v.filter() === !1 ? !0 : m.search ? m.filtered.items.get(c) > 0 : !0);
-  t.useEffect(() => {
-    let m = d.current;
-    if (!(!m || r.disabled))
-      return m.addEventListener(W, k), () => m.removeEventListener(W, k);
-  }, [L, r.onSelect, r.disabled]);
-  function k() {
-    var m, x;
-    D(), (x = (m = f.current).onSelect) == null || x.call(m, p.current);
-  }
-  function D() {
-    E.setState("value", p.current, !0);
-  }
-  if (!L)
-    return null;
-  let { disabled: C, value: U, onSelect: J, forceMount: X, ...y } = r;
-  return t.createElement("div", { ref: q([d, o]), ...y, id: c, "cmdk-item": "", role: "option", "aria-disabled": C || void 0, "aria-selected": A || void 0, "data-disabled": C || void 0, "data-selected": A || void 0, onPointerMove: C ? void 0 : D, onClick: C ? void 0 : k }, r.children);
-}), ge = t.forwardRef((r, o) => {
-  let { heading: n, children: u, forceMount: c, ...d } = r, s = t.useId(), v = t.useRef(null), f = t.useRef(null), b = t.useId(), p = P(), E = R((k) => c || p.filter() === !1 ? !0 : k.search ? k.filtered.groups.has(s) : !0);
-  M(() => p.group(s), []), ce(s, v, [r.value, r.heading, f]);
-  let A = t.useMemo(() => ({ id: s, forceMount: c }), [c]), L = t.createElement(ue.Provider, { value: A }, u);
-  return t.createElement("div", { ref: q([v, o]), ...d, "cmdk-group": "", role: "presentation", hidden: E ? void 0 : !0 }, n && t.createElement("div", { ref: f, "cmdk-group-heading": "", "aria-hidden": !0, id: b }, n), t.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? b : void 0 }, L));
-}), he = t.forwardRef((r, o) => {
-  let { alwaysRender: n, ...u } = r, c = t.useRef(null), d = R((s) => !s.search);
-  return !n && !d ? null : t.createElement("div", { ref: q([c, o]), ...u, "cmdk-separator": "", role: "separator" });
-}), be = t.forwardRef((r, o) => {
-  let { onValueChange: n, ...u } = r, c = r.value != null, d = Q(), s = R((p) => p.search), v = R((p) => p.value), f = P(), b = t.useMemo(() => {
-    var p;
-    let E = (p = f.commandRef.current) == null ? void 0 : p.querySelector(`${B}[${w}="${v}"]`);
-    return E == null ? void 0 : E.getAttribute("id");
-  }, [v, f.commandRef]);
-  return t.useEffect(() => {
-    r.value != null && d.setState("search", r.value);
-  }, [r.value]), t.createElement("input", { ref: o, ...u, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": f.listId, "aria-labelledby": f.labelId, "aria-activedescendant": b, id: f.inputId, type: "text", value: c ? r.value : s, onChange: (p) => {
-    c || d.setState("search", p.target.value), n == null || n(p.target.value);
-  } });
-}), Ee = t.forwardRef((r, o) => {
-  let { children: n, ...u } = r, c = t.useRef(null), d = t.useRef(null), s = P();
-  return t.useEffect(() => {
-    if (d.current && c.current) {
-      let v = d.current, f = c.current, b, p = new ResizeObserver(() => {
-        b = requestAnimationFrame(() => {
-          let E = v.offsetHeight;
-          f.style.setProperty("--cmdk-list-height", E.toFixed(1) + "px");
-        });
-      });
-      return p.observe(v), () => {
-        cancelAnimationFrame(b), p.unobserve(v);
-      };
-    }
-  }, []), t.createElement("div", { ref: q([c, o]), ...u, "cmdk-list": "", role: "listbox", "aria-label": "Suggestions", id: s.listId, "aria-labelledby": s.inputId }, t.createElement("div", { ref: d, "cmdk-list-sizer": "" }, n));
-}), we = t.forwardRef((r, o) => {
-  let { open: n, onOpenChange: u, overlayClassName: c, contentClassName: d, container: s, ...v } = r;
-  return t.createElement(V.Root, { open: n, onOpenChange: u }, t.createElement(V.Portal, { container: s }, t.createElement(V.Overlay, { "cmdk-overlay": "", className: c }), t.createElement(V.Content, { "aria-label": r.label, "cmdk-dialog": "", className: d }, t.createElement(oe, { ref: o, ...v }))));
-}), Ce = t.forwardRef((r, o) => {
-  let n = t.useRef(!0), u = R((c) => c.filtered.count === 0);
-  return t.useEffect(() => {
-    n.current = !1;
-  }, []), n.current || !u ? null : t.createElement("div", { ref: o, ...r, "cmdk-empty": "", role: "presentation" });
-}), ye = t.forwardRef((r, o) => {
-  let { progress: n, children: u, ...c } = r;
-  return t.createElement("div", { ref: o, ...c, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "Loading..." }, t.createElement("div", { "aria-hidden": !0 }, u));
-}), Me = Object.assign(oe, { List: Ee, Item: pe, Input: be, Group: ge, Separator: he, Dialog: we, Empty: Ce, Loading: ye });
-function Se(r, o) {
-  let n = r.nextElementSibling;
-  for (; n; ) {
-    if (n.matches(o))
-      return n;
-    n = n.nextElementSibling;
-  }
-}
-function ke(r, o) {
-  let n = r.previousElementSibling;
-  for (; n; ) {
-    if (n.matches(o))
-      return n;
-    n = n.previousElementSibling;
-  }
-}
-function ie(r) {
-  let o = t.useRef(r);
-  return M(() => {
-    o.current = r;
-  }), o;
-}
-var M = typeof window > "u" ? t.useEffect : t.useLayoutEffect;
-function I(r) {
-  let o = t.useRef();
-  return o.current === void 0 && (o.current = r()), o;
-}
-function q(r) {
-  return (o) => {
-    r.forEach((n) => {
-      typeof n == "function" ? n(o) : n != null && (n.current = o);
-    });
-  };
-}
-function R(r) {
-  let o = Q(), n = () => r(o.snapshot());
-  return t.useSyncExternalStore(o.subscribe, n, n);
-}
-function ce(r, o, n) {
-  let u = t.useRef(), c = P();
-  return M(() => {
-    var d;
-    let s = (() => {
-      var v;
-      for (let f of n) {
-        if (typeof f == "string")
-          return f.trim().toLowerCase();
-        if (typeof f == "object" && "current" in f)
-          return f.current ? (v = f.current.textContent) == null ? void 0 : v.trim().toLowerCase() : u.current;
-      }
-    })();
-    c.value(r, s), (d = o.current) == null || d.setAttribute(w, s), u.current = s;
-  }), u;
+import je from "./index.es187.js";
+import h from "./index.es186.js";
+import * as V from "react";
+import e from "./index.es188.js";
+import { clsx as $e } from "./index.es96.js";
+import { useCalendarState as Le } from "./index.es189.js";
+import { useUtils as de, useDefaultDates as ze } from "./index.es190.js";
+import { PickersFadeTransitionGroup as Ie } from "./index.es191.js";
+import { DayCalendar as Ge } from "./index.es192.js";
+import { useViews as Ue } from "./index.es193.js";
+import { applyDefaultDate as re, findClosestEnabledDate as ie, mergeDateAndTime as Be } from "./index.es194.js";
+import { useDefaultReduceAnimations as qe } from "./index.es195.js";
+import { getDateCalendarUtilityClass as Ke } from "./index.es196.js";
+import { useControlledValueWithTimezone as Je } from "./index.es197.js";
+import { singleItemValueManager as Qe } from "./index.es198.js";
+import { VIEW_HEIGHT as Xe } from "./index.es199.js";
+import { jsxs as le, jsx as f } from "react/jsx-runtime";
+import ue from "./index.es200.js";
+import { PickerViewRoot as Ze } from "./index.es201.js";
+import eo from "./index.es202.js";
+import { PickersCalendarHeader as oo } from "./index.es203.js";
+import ao from "./index.es204.js";
+import B from "./index.es205.js";
+import { YearCalendar as no } from "./index.es206.js";
+import { MonthCalendar as to } from "./index.es207.js";
+import so from "./index.es208.js";
+import ro from "./index.es209.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 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)
+  });
 }
-var Re = () => {
-  let [r, o] = t.useState(), n = I(() => /* @__PURE__ */ new Map());
-  return M(() => {
-    n.current.forEach((u) => u()), n.current = /* @__PURE__ */ new Map();
-  }, [r]), (u, c) => {
-    n.current.set(u, c), o({});
-  };
-}, xe = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+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])
+});
 export {
-  Me as Command,
-  we as CommandDialog,
-  Ce as CommandEmpty,
-  ge as CommandGroup,
-  be as CommandInput,
-  pe as CommandItem,
-  Ee as CommandList,
-  ye as CommandLoading,
-  oe as CommandRoot,
-  he as CommandSeparator,
-  R as useCommandState
+  ho as DateCalendar
 };