mada-design-system 0.5.1 → 0.5.2

package/index.es128.js

@@ -1,225 +1,381 @@
-import m from "./index.es205.js";
-import i from "./index.es124.js";
-const f = {
-  // Year
-  Y: "year",
-  YY: "year",
-  YYYY: {
-    sectionType: "year",
-    contentType: "digit",
-    maxLength: 4
+import v from "./index.es196.js";
+import fe from "./index.es197.js";
+import * as i from "react";
+import { clsx as de } from "./index.es102.js";
+import e from "./index.es198.js";
+import { useUtils as be, useLocaleText as ge, useNow as Ce } from "./index.es200.js";
+import { createIsAfterIgnoreDatePart as ve } from "./index.es225.js";
+import { getDigitalClockUtilityClass as De } from "./index.es226.js";
+import { useViews as ye } from "./index.es203.js";
+import { DIGITAL_CLOCK_VIEW_HEIGHT as he } from "./index.es209.js";
+import { useControlledValueWithTimezone as Te } from "./index.es207.js";
+import { singleItemValueManager as Ve } from "./index.es208.js";
+import { useClockReferenceDate as ke } from "./index.es227.js";
+import { jsx as D } from "react/jsx-runtime";
+import y from "./index.es210.js";
+import { PickerViewRoot as we } from "./index.es211.js";
+import Ie from "./index.es228.js";
+import Pe from "./index.es229.js";
+import Oe from "./index.es230.js";
+import xe from "./index.es219.js";
+import Re from "./index.es214.js";
+import $ from "./index.es215.js";
+import Me from "./index.es218.js";
+import { alpha as A } from "./index.es231.js";
+const Se = ["ampm", "timeStep", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "onChange", "view", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "views", "skipDisabled", "timezone"], Fe = (o) => {
+  const {
+    classes: a
+  } = o;
+  return Me({
+    root: ["root"],
+    list: ["list"],
+    item: ["item"]
+  }, De, a);
+}, _e = y(we, {
+  name: "MuiDigitalClock",
+  slot: "Root",
+  overridesResolver: (o, a) => a.root
+})(({
+  ownerState: o
+}) => ({
+  overflowY: "auto",
+  width: "100%",
+  "@media (prefers-reduced-motion: no-preference)": {
+    scrollBehavior: o.alreadyRendered ? "smooth" : "auto"
   },
-  // Month
-  M: {
-    sectionType: "month",
-    contentType: "digit",
-    maxLength: 2
+  maxHeight: he
+})), Ne = y(Ie, {
+  name: "MuiDigitalClock",
+  slot: "List",
+  overridesResolver: (o, a) => a.list
+})({
+  padding: 0
+}), je = y(Pe, {
+  name: "MuiDigitalClock",
+  slot: "Item",
+  overridesResolver: (o, a) => a.item
+})(({
+  theme: o
+}) => ({
+  padding: "8px 16px",
+  margin: "2px 4px",
+  "&:first-of-type": {
+    marginTop: 4
   },
-  MM: "month",
-  MMM: {
-    sectionType: "month",
-    contentType: "letter"
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : A(o.palette.primary.main, o.palette.action.hoverOpacity)
   },
-  MMMM: {
-    sectionType: "month",
-    contentType: "letter"
+  "&.Mui-selected": {
+    backgroundColor: (o.vars || o).palette.primary.main,
+    color: (o.vars || o).palette.primary.contrastText,
+    "&:focus-visible, &:hover": {
+      backgroundColor: (o.vars || o).palette.primary.dark
+    }
   },
-  // Day of the month
-  D: {
-    sectionType: "day",
-    contentType: "digit",
-    maxLength: 2
-  },
-  DD: "day",
-  Do: {
-    sectionType: "day",
-    contentType: "digit-with-letter"
-  },
-  // Day of the week
-  E: {
-    sectionType: "weekDay",
-    contentType: "digit",
-    maxLength: 1
-  },
-  e: {
-    sectionType: "weekDay",
-    contentType: "digit",
-    maxLength: 1
-  },
-  d: {
-    sectionType: "weekDay",
-    contentType: "digit",
-    maxLength: 1
-  },
-  dd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  ddd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  dddd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  // Meridiem
-  A: "meridiem",
-  a: "meridiem",
-  // Hours
-  H: {
-    sectionType: "hours",
-    contentType: "digit",
-    maxLength: 2
-  },
-  HH: "hours",
-  h: {
-    sectionType: "hours",
-    contentType: "digit",
-    maxLength: 2
-  },
-  hh: "hours",
-  // Minutes
-  m: {
-    sectionType: "minutes",
-    contentType: "digit",
-    maxLength: 2
-  },
-  mm: "minutes",
-  // Seconds
-  s: {
-    sectionType: "seconds",
-    contentType: "digit",
-    maxLength: 2
-  },
-  ss: "seconds"
-}, y = {
-  year: "YYYY",
-  month: "MMMM",
-  monthShort: "MMM",
-  dayOfMonth: "D",
-  weekday: "dddd",
-  weekdayShort: "ddd",
-  hours24h: "HH",
-  hours12h: "hh",
-  meridiem: "A",
-  minutes: "mm",
-  seconds: "ss",
-  fullDate: "ll",
-  fullDateWithWeekday: "dddd, LL",
-  keyboardDate: "L",
-  shortDate: "MMM D",
-  normalDate: "D MMMM",
-  normalDateWithWeekday: "ddd, MMM D",
-  monthAndYear: "MMMM YYYY",
-  monthAndDate: "MMMM D",
-  fullTime: "LT",
-  fullTime12h: "hh:mm A",
-  fullTime24h: "HH:mm",
-  fullDateTime: "lll",
-  fullDateTime12h: "ll hh:mm A",
-  fullDateTime24h: "ll HH:mm",
-  keyboardDateTime: "L LT",
-  keyboardDateTime12h: "L hh:mm A",
-  keyboardDateTime24h: "L HH:mm"
-}, l = ["Missing timezone plugin", "To be able to use timezones, you have to pass the default export from `moment-timezone` to the `dateLibInstance` prop of `LocalizationProvider`", "Find more information on https://mui.com/x/react-date-pickers/timezone/#moment-and-timezone"].join(`
-`);
-class p {
-  constructor({
-    locale: c,
-    formats: d,
-    instance: u
-  } = {}) {
-    this.isMUIAdapter = !0, this.isTimezoneCompatible = !0, this.lib = "moment", this.moment = void 0, this.locale = void 0, this.formats = void 0, this.escapedCharacters = {
-      start: "[",
-      end: "]"
-    }, this.formatTokenMap = f, this.setLocaleToValue = (e) => {
-      const t = this.getCurrentLocaleCode();
-      return t === e.locale() ? e : e.locale(t);
-    }, this.syncMomentLocale = (e) => {
-      var t;
-      const n = i.locale(), r = (t = this.locale) != null ? t : "en-us";
-      if (n !== r) {
-        i.locale(r);
-        const o = e();
-        return i.locale(n), o;
-      }
-      return e();
-    }, this.hasTimezonePlugin = () => typeof this.moment.tz < "u", this.createSystemDate = (e) => {
-      const t = this.moment(e).local();
-      return this.locale === void 0 ? t : t.locale(this.locale);
-    }, this.createUTCDate = (e) => {
-      const t = this.moment.utc(e);
-      return this.locale === void 0 ? t : t.locale(this.locale);
-    }, this.createTZDate = (e, t) => {
-      if (!this.hasTimezonePlugin())
-        throw new Error(l);
-      const n = t === "default" ? this.moment(e) : this.moment.tz(e, t);
-      return this.locale === void 0 ? n : n.locale(this.locale);
-    }, this.date = (e) => {
-      if (e === null)
-        return null;
-      const t = this.moment(e);
-      return t.locale(this.getCurrentLocaleCode()), t;
-    }, this.dateWithTimezone = (e, t) => e === null ? null : t === "UTC" ? this.createUTCDate(e) : t === "system" || t === "default" && !this.hasTimezonePlugin() ? this.createSystemDate(e) : this.createTZDate(e, t), this.getTimezone = (e) => {
-      var t, n, r;
-      const o = (t = e._z) == null ? void 0 : t.name, s = e.isUTC() ? "UTC" : "system";
-      return (n = o ?? ((r = this.moment.defaultZone) == null ? void 0 : r.name)) != null ? n : s;
-    }, this.setTimezone = (e, t) => {
-      var n, r;
-      if (this.getTimezone(e) === t)
-        return e;
-      if (t === "UTC")
-        return e.clone().utc();
-      if (t === "system")
-        return e.clone().local();
-      if (!this.hasTimezonePlugin()) {
-        if (t !== "default")
-          throw new Error(l);
-        return e;
-      }
-      const o = t === "default" ? (
-        // @ts-ignore
-        (n = (r = this.moment.defaultZone) == null ? void 0 : r.name) != null ? n : "system"
-      ) : t;
-      if (o === "system")
-        return e.clone().local();
-      const s = e.clone();
-      return s.tz(o), s;
-    }, this.toJsDate = (e) => e.toDate(), this.parseISO = (e) => this.moment(e, !0), this.toISO = (e) => e.toISOString(), this.parse = (e, t) => e === "" ? null : this.locale ? this.moment(e, t, this.locale, !0) : this.moment(e, t, !0), this.getCurrentLocaleCode = () => this.locale || i.locale(), this.is12HourCycleInCurrentLocale = () => /A|a/.test(i.localeData(this.getCurrentLocaleCode()).longDateFormat("LT")), this.expandFormat = (e) => {
-      const t = /(\[[^[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})|./g;
-      return e.match(t).map((n) => {
-        const r = n[0];
-        return r === "L" || r === ";" ? i.localeData(this.getCurrentLocaleCode()).longDateFormat(n) : n;
-      }).join("");
-    }, this.getFormatHelperText = (e) => this.expandFormat(e).replace(/a/gi, "(a|p)m").toLocaleLowerCase(), this.isNull = (e) => e === null, this.isValid = (e) => this.moment(e).isValid(), this.format = (e, t) => this.formatByString(e, this.formats[t]), this.formatByString = (e, t) => {
-      const n = e.clone();
-      return n.locale(this.getCurrentLocaleCode()), n.format(t);
-    }, this.formatNumber = (e) => e, this.getDiff = (e, t, n) => e.diff(t, n), this.isEqual = (e, t) => e === null && t === null ? !0 : this.moment(e).isSame(t), this.isSameYear = (e, t) => e.isSame(t, "year"), this.isSameMonth = (e, t) => e.isSame(t, "month"), this.isSameDay = (e, t) => e.isSame(t, "day"), this.isSameHour = (e, t) => e.isSame(t, "hour"), this.isAfter = (e, t) => e.isAfter(t), this.isAfterYear = (e, t) => e.isAfter(t, "year"), this.isAfterDay = (e, t) => e.isAfter(t, "day"), this.isBefore = (e, t) => e.isBefore(t), this.isBeforeYear = (e, t) => e.isBefore(t, "year"), this.isBeforeDay = (e, t) => e.isBefore(t, "day"), this.isWithinRange = (e, [t, n]) => e.isBetween(t, n, null, "[]"), this.startOfYear = (e) => e.clone().startOf("year"), this.startOfMonth = (e) => e.clone().startOf("month"), this.startOfWeek = (e) => e.clone().startOf("week"), this.startOfDay = (e) => e.clone().startOf("day"), this.endOfYear = (e) => e.clone().endOf("year"), this.endOfMonth = (e) => e.clone().endOf("month"), this.endOfWeek = (e) => e.clone().endOf("week"), this.endOfDay = (e) => e.clone().endOf("day"), this.addYears = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "years") : e.clone().add(t, "years"), this.addMonths = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "months") : e.clone().add(t, "months"), this.addWeeks = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "weeks") : e.clone().add(t, "weeks"), this.addDays = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "days") : e.clone().add(t, "days"), this.addHours = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "hours") : e.clone().add(t, "hours"), this.addMinutes = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "minutes") : e.clone().add(t, "minutes"), this.addSeconds = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "seconds") : e.clone().add(t, "seconds"), this.getYear = (e) => e.get("year"), this.getMonth = (e) => e.get("month"), this.getDate = (e) => e.get("date"), this.getHours = (e) => e.get("hours"), this.getMinutes = (e) => e.get("minutes"), this.getSeconds = (e) => e.get("seconds"), this.getMilliseconds = (e) => e.get("milliseconds"), this.setYear = (e, t) => e.clone().year(t), this.setMonth = (e, t) => e.clone().month(t), this.setDate = (e, t) => e.clone().date(t), this.setHours = (e, t) => e.clone().hours(t), this.setMinutes = (e, t) => e.clone().minutes(t), this.setSeconds = (e, t) => e.clone().seconds(t), this.setMilliseconds = (e, t) => e.clone().milliseconds(t), this.getDaysInMonth = (e) => e.daysInMonth(), this.getNextMonth = (e) => e.clone().add(1, "month"), this.getPreviousMonth = (e) => e.clone().subtract(1, "month"), this.getMonthArray = (e) => {
-      const n = [this.startOfYear(e)];
-      for (; n.length < 12; ) {
-        const r = n[n.length - 1];
-        n.push(this.getNextMonth(r));
-      }
-      return n;
-    }, this.mergeDateAndTime = (e, t) => e.clone().hour(t.hour()).minute(t.minute()).second(t.second()), this.getWeekdays = () => this.syncMomentLocale(() => i.weekdaysShort(!0)), this.getWeekArray = (e) => {
-      const t = this.setLocaleToValue(e), n = t.clone().startOf("month").startOf("week"), r = t.clone().endOf("month").endOf("week");
-      let o = 0, s = n;
-      const a = [];
-      for (; s.isBefore(r); ) {
-        const h = Math.floor(o / 7);
-        a[h] = a[h] || [], a[h].push(s), s = s.clone().add(1, "day"), o += 1;
-      }
-      return a;
-    }, this.getWeekNumber = (e) => e.week(), this.getYearRange = (e, t) => {
-      const n = this.moment(e).startOf("year"), r = this.moment(t).endOf("year"), o = [];
-      let s = n;
-      for (; s.isBefore(r); )
-        o.push(s), s = s.clone().add(1, "year");
-      return o;
-    }, this.getMeridiemText = (e) => this.is12HourCycleInCurrentLocale() ? i.localeData(this.getCurrentLocaleCode()).meridiem(e === "am" ? 0 : 13, 0, !1) : e === "am" ? "AM" : "PM", this.moment = u || i, this.locale = c, this.formats = m({}, y, d);
+  "&.Mui-focusVisible": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.focusOpacity})` : A(o.palette.primary.main, o.palette.action.focusOpacity)
   }
-}
+})), Le = /* @__PURE__ */ i.forwardRef(function(a, h) {
+  var T, V, k;
+  const r = be(), l = i.useRef(null), H = Oe(h, l), n = xe({
+    props: a,
+    name: "MuiDigitalClock"
+  }), {
+    ampm: G = r.is12HourCycleInCurrentLocale(),
+    timeStep: c = 30,
+    autoFocus: U,
+    components: w,
+    componentsProps: I,
+    slots: P,
+    slotProps: O,
+    value: W,
+    defaultValue: q,
+    referenceDate: B,
+    disableIgnoringDatePartForTimeValidation: x = !1,
+    maxTime: u,
+    minTime: m,
+    disableFuture: R,
+    disablePast: M,
+    minutesStep: S = 1,
+    shouldDisableClock: p,
+    shouldDisableTime: f,
+    onChange: J,
+    view: K,
+    openTo: Y,
+    onViewChange: Q,
+    focusedView: F,
+    onFocusedViewChange: X,
+    className: Z,
+    disabled: ee,
+    readOnly: d,
+    views: oe = ["hours"],
+    skipDisabled: te = !1,
+    timezone: re
+  } = n, se = fe(n, Se), {
+    value: _,
+    handleValueChange: ae,
+    timezone: N
+  } = Te({
+    name: "DigitalClock",
+    timezone: re,
+    value: W,
+    defaultValue: q,
+    onChange: J,
+    valueManager: Ve
+  }), ie = ge(), b = Ce(N), j = i.useMemo(() => v({}, n, {
+    alreadyRendered: !!l.current
+  }), [n]), g = Fe(j), L = (T = (V = P == null ? void 0 : P.digitalClockItem) != null ? V : w == null ? void 0 : w.DigitalClockItem) != null ? T : je, le = Re({
+    elementType: L,
+    externalSlotProps: (k = O == null ? void 0 : O.digitalClockItem) != null ? k : I == null ? void 0 : I.digitalClockItem,
+    ownerState: {},
+    className: g.item
+  }), z = ke({
+    value: _,
+    referenceDate: B,
+    utils: r,
+    props: n,
+    timezone: N
+  }), ne = $((t) => ae(t, "finish", "hours")), {
+    setValueAndGoToNextView: ce
+  } = ye({
+    view: K,
+    views: oe,
+    openTo: Y,
+    onViewChange: Q,
+    onChange: ne,
+    focusedView: F,
+    onFocusedViewChange: X
+  }), ue = $((t) => {
+    ce(t, "finish");
+  });
+  i.useEffect(() => {
+    if (l.current === null)
+      return;
+    const t = l.current.querySelector('[role="listbox"] [role="option"][aria-selected="true"]');
+    if (!t)
+      return;
+    const s = t.offsetTop;
+    l.current.scrollTop = s - 4;
+  });
+  const E = i.useCallback((t) => {
+    const s = ve(x, r), C = () => !(m && s(m, t) || u && s(t, u) || R && s(t, b) || M && s(b, t)), pe = () => r.getMinutes(t) % S !== 0 || p != null && p(r.toJsDate(t).getTime(), "hours") ? !1 : f ? !f(t, "hours") : !0;
+    return !C() || !pe();
+  }, [x, r, m, u, R, b, M, S, p, f]), me = i.useMemo(() => {
+    const t = r.startOfDay(z);
+    return [t, ...Array.from({
+      length: Math.ceil(24 * 60 / c) - 1
+    }, (s, C) => r.addMinutes(t, c * (C + 1)))];
+  }, [z, c, r]);
+  return /* @__PURE__ */ D(_e, v({
+    ref: H,
+    className: de(g.root, Z),
+    ownerState: j
+  }, se, {
+    children: /* @__PURE__ */ D(Ne, {
+      autoFocusItem: U || !!F,
+      role: "listbox",
+      "aria-label": ie.timePickerToolbarTitle,
+      className: g.list,
+      children: me.map((t) => {
+        if (te && E(t))
+          return null;
+        const s = r.isEqual(t, _);
+        return /* @__PURE__ */ D(L, v({
+          onClick: () => !d && ue(t),
+          selected: s,
+          disabled: ee || E(t),
+          disableRipple: d,
+          role: "option",
+          "aria-disabled": d,
+          "aria-selected": s
+        }, le, {
+          children: r.format(t, G ? "fullTime12h" : "fullTime24h")
+        }), r.toISO(t));
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (Le.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * 12h/24h view for hour selection clock.
+   * @default `utils.is12HourCycleInCurrentLocale()`
+   */
+  ampm: e.bool,
+  /**
+   * 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,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  className: e.string,
+  /**
+   * Overrideable components.
+   * @default {}
+   * @deprecated Please use `slots`.
+   */
+  components: e.object,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   * @deprecated Please use `slotProps`.
+   */
+  componentsProps: e.object,
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the picker views 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,
+  /**
+   * Do not ignore date part when validating min/max time.
+   * @default false
+   */
+  disableIgnoringDatePartForTimeValidation: 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,
+  /**
+   * Controlled focused view.
+   */
+  focusedView: e.oneOf(["hours"]),
+  /**
+   * Maximal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
+   */
+  maxTime: e.any,
+  /**
+   * Minimal selectable time.
+   * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
+   */
+  minTime: e.any,
+  /**
+   * Step over minutes.
+   * @default 1
+   */
+  minutesStep: e.number,
+  /**
+   * 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 view change.
+   * @template TView
+   * @param {TView} view The new view.
+   */
+  onViewChange: 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(["hours"]),
+  /**
+   * If `true`, the picker views and text field are read-only.
+   * @default false
+   */
+  readOnly: e.bool,
+  /**
+   * The date used to generate the new value when both `value` and `defaultValue` are empty.
+   * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
+   */
+  referenceDate: e.any,
+  /**
+   * Disable specific clock time.
+   * @param {number} clockValue The value to check.
+   * @param {TimeView} view The clock type of the timeValue.
+   * @returns {boolean} If `true` the time will be disabled.
+   * @deprecated Consider using `shouldDisableTime`.
+   */
+  shouldDisableClock: e.func,
+  /**
+   * Disable specific time.
+   * @template TDate
+   * @param {TDate} value The value to check.
+   * @param {TimeView} view The clock type of the timeValue.
+   * @returns {boolean} If `true` the time will be disabled.
+   */
+  shouldDisableTime: e.func,
+  /**
+   * If `true`, disabled digital clock items will not be rendered.
+   * @default false
+   */
+  skipDisabled: e.bool,
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: e.object,
+  /**
+   * Overrideable 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]),
+  /**
+   * The time steps between two time options.
+   * For example, if `timeStep = 45`, then the available time options will be `[00:00, 00:45, 01:30, 02:15, 03:00, etc.]`.
+   * @default 30
+   */
+  timeStep: e.number,
+  /**
+   * 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(["hours"]),
+  /**
+   * Available views.
+   */
+  views: e.arrayOf(e.oneOf(["hours"]))
+});
 export {
-  p as AdapterMoment
+  Le as DigitalClock
 };