mada-design-system 0.2.7 → 0.3.0

package/index.es118.js

@@ -1,518 +1,143 @@
-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)
-  });
-}
-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
-        }))]
-      })
-    })]
-  }));
+import n from "./index.es117.js";
+var o = {
+  1: "1",
+  2: "2",
+  3: "3",
+  4: "4",
+  5: "5",
+  6: "6",
+  7: "7",
+  8: "8",
+  9: "9",
+  0: "0"
+}, a = function(e) {
+  return e === 0 ? 0 : e === 1 ? 1 : e === 2 ? 2 : e % 100 >= 3 && e % 100 <= 10 ? 3 : e % 100 >= 11 ? 4 : 5;
+}, u = {
+  s: [
+    "أقل من ثانية",
+    "ثانية واحدة",
+    ["ثانيتان", "ثانيتين"],
+    "%d ثوان",
+    "%d ثانية",
+    "%d ثانية"
+  ],
+  m: [
+    "أقل من دقيقة",
+    "دقيقة واحدة",
+    ["دقيقتان", "دقيقتين"],
+    "%d دقائق",
+    "%d دقيقة",
+    "%d دقيقة"
+  ],
+  h: [
+    "أقل من ساعة",
+    "ساعة واحدة",
+    ["ساعتان", "ساعتين"],
+    "%d ساعات",
+    "%d ساعة",
+    "%d ساعة"
+  ],
+  d: [
+    "أقل من يوم",
+    "يوم واحد",
+    ["يومان", "يومين"],
+    "%d أيام",
+    "%d يومًا",
+    "%d يوم"
+  ],
+  M: [
+    "أقل من شهر",
+    "شهر واحد",
+    ["شهران", "شهرين"],
+    "%d أشهر",
+    "%d شهرا",
+    "%d شهر"
+  ],
+  y: [
+    "أقل من عام",
+    "عام واحد",
+    ["عامان", "عامين"],
+    "%d أعوام",
+    "%d عامًا",
+    "%d عام"
+  ]
+}, d = function(e) {
+  return function(r, s, l, M) {
+    var m = a(r), t = u[e][a(r)];
+    return m === 2 && (t = t[s ? 0 : 1]), t.replace(/%d/i, r);
+  };
+}, i = [
+  "يناير",
+  "فبراير",
+  "مارس",
+  "أبريل",
+  "مايو",
+  "يونيو",
+  "يوليو",
+  "أغسطس",
+  "سبتمبر",
+  "أكتوبر",
+  "نوفمبر",
+  "ديسمبر"
+];
+n.defineLocale("ar-ly", {
+  months: i,
+  monthsShort: i,
+  weekdays: "الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت".split("_"),
+  weekdaysShort: "أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت".split("_"),
+  weekdaysMin: "ح_ن_ث_ر_خ_ج_س".split("_"),
+  weekdaysParseExact: !0,
+  longDateFormat: {
+    LT: "HH:mm",
+    LTS: "HH:mm:ss",
+    L: "D/‏M/‏YYYY",
+    LL: "D MMMM YYYY",
+    LLL: "D MMMM YYYY HH:mm",
+    LLLL: "dddd D MMMM YYYY HH:mm"
+  },
+  meridiemParse: /ص|م/,
+  isPM: function(e) {
+    return e === "م";
+  },
+  meridiem: function(e, r, s) {
+    return e < 12 ? "ص" : "م";
+  },
+  calendar: {
+    sameDay: "[اليوم عند الساعة] LT",
+    nextDay: "[غدًا عند الساعة] LT",
+    nextWeek: "dddd [عند الساعة] LT",
+    lastDay: "[أمس عند الساعة] LT",
+    lastWeek: "dddd [عند الساعة] LT",
+    sameElse: "L"
+  },
+  relativeTime: {
+    future: "بعد %s",
+    past: "منذ %s",
+    s: d("s"),
+    ss: d("s"),
+    m: d("m"),
+    mm: d("m"),
+    h: d("h"),
+    hh: d("h"),
+    d: d("d"),
+    dd: d("d"),
+    M: d("M"),
+    MM: d("M"),
+    y: d("y"),
+    yy: d("y")
+  },
+  preparse: function(e) {
+    return e.replace(/،/g, ",");
+  },
+  postformat: function(e) {
+    return e.replace(/\d/g, function(r) {
+      return o[r];
+    }).replace(/,/g, "،");
+  },
+  week: {
+    dow: 6,
+    // Saturday is the first day of the week.
+    doy: 12
+    // The week that contains Jan 12th is the first week of the year.
+  }
 });
-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 {
-  ho as DateCalendar
-};