mada-design-system 0.5.6 → 0.5.8

package/index.es128.js

@@ -1,143 +1,381 @@
-import n from "./index.es107.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"
+import v from "./index.es195.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"
   },
-  meridiemParse: /ص|م/,
-  isPM: function(e) {
-    return e === "م";
+  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
   },
-  meridiem: function(e, r, s) {
-    return e < 12 ? "ص" : "م";
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : A(o.palette.primary.main, o.palette.action.hoverOpacity)
   },
-  calendar: {
-    sameDay: "[اليوم عند الساعة] LT",
-    nextDay: "[غدًا عند الساعة] LT",
-    nextWeek: "dddd [عند الساعة] LT",
-    lastDay: "[أمس عند الساعة] LT",
-    lastWeek: "dddd [عند الساعة] LT",
-    sameElse: "L"
+  "&.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
+    }
   },
-  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.
+  "&.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 {
+  Le as DigitalClock
+};

package/index.es129.js

@@ -1,119 +1,13 @@
-import k from "./index.es220.js";
-import A from "./index.es221.js";
-import * as r from "react";
-import e from "./index.es222.js";
-import { jsx as L } from "react/jsx-runtime";
-import M from "./index.es243.js";
-const b = ["localeText"], n = /* @__PURE__ */ r.createContext(null);
-process.env.NODE_ENV !== "production" && (n.displayName = "MuiPickersAdapterContext");
-const v = function(i) {
-  var s;
-  const {
-    localeText: l
-  } = i, x = A(i, b), {
-    utils: o,
-    localeText: d
-  } = (s = r.useContext(n)) != null ? s : {
-    utils: void 0,
-    localeText: void 0
-  }, T = M({
-    // We don't want to pass the `localeText` prop to the theme, that way it will always return the theme value,
-    // We will then merge this theme value with our value manually
-    props: x,
-    name: "MuiLocalizationProvider"
-  }), {
-    children: D,
-    dateAdapter: a,
-    dateFormats: m,
-    dateLibInstance: c,
-    adapterLocale: u,
-    localeText: p
-  } = T, h = r.useMemo(() => k({}, p, d, l), [p, d, l]), t = r.useMemo(() => {
-    if (!a)
-      return o || null;
-    const g = new a({
-      locale: u,
-      formats: m,
-      instance: c
-    });
-    if (!g.isMUIAdapter)
-      throw new Error(["MUI: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`", "For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`", "More information on the installation documentation: https://mui.com/x/react-date-pickers/getting-started/#installation"].join(`
-`));
-    return g;
-  }, [a, u, m, c, o]), f = r.useMemo(() => t ? {
-    minDate: t.date("1900-01-01T00:00:00.000"),
-    maxDate: t.date("2099-12-31T00:00:00.000")
-  } : null, [t]), y = r.useMemo(() => ({
-    utils: t,
-    defaultDates: f,
-    localeText: h
-  }), [f, t, h]);
-  return /* @__PURE__ */ L(n.Provider, {
-    value: y,
-    children: D
-  });
-};
-process.env.NODE_ENV !== "production" && (v.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Locale for the date library you are using
-   */
-  adapterLocale: e.any,
-  children: e.node,
-  /**
-   * Date library adapter class function.
-   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#setup-your-date-library-adapter date adapter setup section} for more details.
-   */
-  dateAdapter: e.func,
-  /**
-   * Formats that are used for any child pickers
-   */
-  dateFormats: e.shape({
-    dayOfMonth: e.string,
-    fullDate: e.string,
-    fullDateTime: e.string,
-    fullDateTime12h: e.string,
-    fullDateTime24h: e.string,
-    fullDateWithWeekday: e.string,
-    fullTime: e.string,
-    fullTime12h: e.string,
-    fullTime24h: e.string,
-    hours12h: e.string,
-    hours24h: e.string,
-    keyboardDate: e.string,
-    keyboardDateTime: e.string,
-    keyboardDateTime12h: e.string,
-    keyboardDateTime24h: e.string,
-    meridiem: e.string,
-    minutes: e.string,
-    month: e.string,
-    monthAndDate: e.string,
-    monthAndYear: e.string,
-    monthShort: e.string,
-    normalDate: e.string,
-    normalDateWithWeekday: e.string,
-    seconds: e.string,
-    shortDate: e.string,
-    weekday: e.string,
-    weekdayShort: e.string,
-    year: e.string
-  }),
-  /**
-   * Date library instance you are using, if it has some global overrides
-   * ```jsx
-   * dateLibInstance={momentTimeZone}
-   * ```
-   */
-  dateLibInstance: e.any,
-  /**
-   * Locale for components texts
-   */
-  localeText: e.object
-});
+import t from "./index.es193.js";
+const o = t("ChevronRight", [
+  [
+    "path",
+    {
+      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
+      key: "xcu7tv"
+    }
+  ]
+]);
 export {
-  v as LocalizationProvider,
-  n as MuiPickersAdapterContext
+  o as default
 };

package/index.es13.js

@@ -1,10 +1,10 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import a from "react";
-import { useMediaQuery as l } from "./index.es112.js";
+import { useMediaQuery as l } from "./index.es103.js";
 import { cn as m } from "./index.es85.js";
 import { Button as n } from "./index.es22.js";
 import { Sheet as i, SheetTrigger as c, SheetContent as p, SheetHeader as f, SheetClose as h, SheetFooter as u } from "./index.es66.js";
-import S from "./index.es117.js";
+import S from "./index.es108.js";
 const T = i, b = a.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(c, { asChild: !0, children: /* @__PURE__ */ r(n, { ref: t, colors: "primary", className: m("flex items-center gap-space-02", e), ...o }) }));
 b.displayName = "SheetFormTrigger";
 const x = a.forwardRef(({ className: e, ...o }, t) => {