mada-design-system 0.5.9 → 0.5.11

package/index.es249.js

@@ -1,32 +1,64 @@
-import * as C from "react";
-import { validateDate as e } from "./index.es295.js";
-import { useLocalizationContext as k } from "./index.es200.js";
-const I = ({
-  shouldDisableDate: r,
-  shouldDisableMonth: o,
-  shouldDisableYear: t,
-  minDate: p,
-  maxDate: c,
-  disableFuture: a,
-  disablePast: f,
-  timezone: m
-}) => {
-  const n = k();
-  return C.useCallback((v) => e({
-    adapter: n,
-    value: v,
-    props: {
-      shouldDisableDate: r,
-      shouldDisableMonth: o,
-      shouldDisableYear: t,
-      minDate: p,
-      maxDate: c,
-      disableFuture: a,
-      disablePast: f,
-      timezone: m
+import * as a from "react";
+import p from "./index.es350.js";
+import h from "./index.es374.js";
+import v from "./index.es299.js";
+function S(t, u, e, o, i) {
+  const [r, f] = a.useState(() => i && e ? e(t).matches : o ? o(t).matches : u);
+  return v(() => {
+    let c = !0;
+    if (!e)
+      return;
+    const n = e(t), m = () => {
+      c && f(n.matches);
+    };
+    return m(), n.addListener(m), () => {
+      c = !1, n.removeListener(m);
+    };
+  }, [t, e]), r;
+}
+const d = a["useSyncExternalStore"];
+function w(t, u, e, o, i) {
+  const r = a.useCallback(() => u, [u]), f = a.useMemo(() => {
+    if (i && e)
+      return () => e(t).matches;
+    if (o !== null) {
+      const {
+        matches: s
+      } = o(t);
+      return () => s;
     }
-  }) !== null, [n, r, o, t, p, c, a, f, m]);
-};
+    return r;
+  }, [r, t, o, i, e]), [c, n] = a.useMemo(() => {
+    if (e === null)
+      return [r, () => () => {
+      }];
+    const s = e(t);
+    return [() => s.matches, (l) => (s.addListener(l), () => {
+      s.removeListener(l);
+    })];
+  }, [r, e, t]);
+  return d(n, c, f);
+}
+function y(t, u = {}) {
+  const e = p(), o = typeof window < "u" && typeof window.matchMedia < "u", {
+    defaultMatches: i = !1,
+    matchMedia: r = o ? window.matchMedia : null,
+    ssrMatchMedia: f = null,
+    noSsr: c = !1
+  } = h({
+    name: "MuiUseMediaQuery",
+    props: u,
+    theme: e
+  });
+  process.env.NODE_ENV;
+  let n = typeof t == "function" ? t(e) : t;
+  n = n.replace(/^@media( ?)/m, "");
+  const s = (d !== void 0 ? w : S)(n, i, r, f, c);
+  return process.env.NODE_ENV !== "production" && a.useDebugValue({
+    query: n,
+    match: s
+  }), s;
+}
 export {
-  I as useIsDateDisabled
+  y as default
 };

package/index.es250.js

@@ -1,36 +1,7 @@
-import { createIsAfterIgnoreDatePart as c } from "./index.es225.js";
-import { getTodayDate as r, mergeDateAndTime as T } from "./index.es204.js";
-const t = {
-  year: 1,
-  month: 2,
-  day: 3,
-  hours: 4,
-  minutes: 5,
-  seconds: 6,
-  milliseconds: 7
-}, f = (e, n, a) => {
-  if (n === t.year)
-    return e.startOfYear(a);
-  if (n === t.month)
-    return e.startOfMonth(a);
-  if (n === t.day)
-    return e.startOfDay(a);
-  let i = a;
-  return n < t.minutes && (i = e.setMinutes(i, 0)), n < t.seconds && (i = e.setSeconds(i, 0)), n < t.milliseconds && (i = e.setMilliseconds(i, 0)), i;
-}, A = ({
-  props: e,
-  utils: n,
-  granularity: a,
-  timezone: i,
-  getTodayDate: D
-}) => {
-  var o;
-  let m = D ? D() : f(n, a, r(n, i));
-  e.minDate != null && n.isAfterDay(e.minDate, m) && (m = f(n, a, e.minDate)), e.maxDate != null && n.isBeforeDay(e.maxDate, m) && (m = f(n, a, e.maxDate));
-  const d = c((o = e.disableIgnoringDatePartForTimeValidation) != null ? o : !1, n);
-  return e.minTime != null && d(e.minTime, m) && (m = f(n, a, e.disableIgnoringDatePartForTimeValidation ? e.minTime : T(n, m, e.minTime))), e.maxTime != null && d(m, e.maxTime) && (m = f(n, a, e.disableIgnoringDatePartForTimeValidation ? e.maxTime : T(n, m, e.maxTime))), m;
-};
+import a from "./index.es219.js";
+import r from "./index.es218.js";
+const s = (e) => r("MuiPickersCalendarHeader", e), l = a("MuiPickersCalendarHeader", ["root", "labelContainer", "label", "switchViewButton", "switchViewIcon"]);
 export {
-  t as SECTION_TYPE_GRANULARITY,
-  A as getDefaultReferenceDate
+  s as getPickersCalendarHeaderUtilityClass,
+  l as pickersCalendarHeaderClasses
 };

package/index.es251.js

@@ -1,55 +1,38 @@
-import { getPickersLocalization as o } from "./index.es296.js";
-const l = {
-  // Calendar navigation
-  previousMonth: "Previous month",
-  nextMonth: "Next month",
-  // View navigation
-  openPreviousView: "open previous view",
-  openNextView: "open next view",
-  calendarViewSwitchingButtonAriaLabel: (e) => e === "year" ? "year view is open, switch to calendar view" : "calendar view is open, switch to year view",
-  // DateRange placeholders
-  start: "Start",
-  end: "End",
-  // Action bar
-  cancelButtonLabel: "Cancel",
-  clearButtonLabel: "Clear",
-  okButtonLabel: "OK",
-  todayButtonLabel: "Today",
-  // Toolbar titles
-  datePickerToolbarTitle: "Select date",
-  dateTimePickerToolbarTitle: "Select date & time",
-  timePickerToolbarTitle: "Select time",
-  dateRangePickerToolbarTitle: "Select date range",
-  // Clock labels
-  clockLabelText: (e, t, a) => `Select ${e}. ${t === null ? "No time selected" : `Selected time is ${a.format(t, "fullTime")}`}`,
-  hoursClockNumberText: (e) => `${e} hours`,
-  minutesClockNumberText: (e) => `${e} minutes`,
-  secondsClockNumberText: (e) => `${e} seconds`,
-  // Digital clock labels
-  selectViewText: (e) => `Select ${e}`,
-  // Calendar labels
-  calendarWeekNumberHeaderLabel: "Week number",
-  calendarWeekNumberHeaderText: "#",
-  calendarWeekNumberAriaLabelText: (e) => `Week ${e}`,
-  calendarWeekNumberText: (e) => `${e}`,
-  // Open picker labels
-  openDatePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose date, selected date is ${t.format(e, "fullDate")}` : "Choose date",
-  openTimePickerDialogue: (e, t) => e !== null && t.isValid(e) ? `Choose time, selected time is ${t.format(e, "fullTime")}` : "Choose time",
-  fieldClearLabel: "Clear value",
-  // Table labels
-  timeTableLabel: "pick time",
-  dateTableLabel: "pick date",
-  // Field section placeholders
-  fieldYearPlaceholder: (e) => "Y".repeat(e.digitAmount),
-  fieldMonthPlaceholder: (e) => e.contentType === "letter" ? "MMMM" : "MM",
-  fieldDayPlaceholder: () => "DD",
-  fieldWeekDayPlaceholder: (e) => e.contentType === "letter" ? "EEEE" : "EE",
-  fieldHoursPlaceholder: () => "hh",
-  fieldMinutesPlaceholder: () => "mm",
-  fieldSecondsPlaceholder: () => "ss",
-  fieldMeridiemPlaceholder: () => "aa"
-}, r = l;
-o(l);
+import * as t from "react";
+import { jsx as h, jsxs as o } from "react/jsx-runtime";
+import r from "./index.es304.js";
+const z = r(/* @__PURE__ */ h("path", {
+  d: "M7 10l5 5 5-5z"
+}), "ArrowDropDown"), v = r(/* @__PURE__ */ h("path", {
+  d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
+}), "ArrowLeft"), p = r(/* @__PURE__ */ h("path", {
+  d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
+}), "ArrowRight");
+r(/* @__PURE__ */ h("path", {
+  d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
+}), "Calendar");
+r(/* @__PURE__ */ o(t.Fragment, {
+  children: [/* @__PURE__ */ h("path", {
+    d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  }), /* @__PURE__ */ h("path", {
+    d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
+  })]
+}), "Clock");
+r(/* @__PURE__ */ h("path", {
+  d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
+}), "DateRange");
+r(/* @__PURE__ */ o(t.Fragment, {
+  children: [/* @__PURE__ */ h("path", {
+    d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+  }), /* @__PURE__ */ h("path", {
+    d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"
+  })]
+}), "Time");
+r(/* @__PURE__ */ h("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Clear");
 export {
-  r as DEFAULT_LOCALE
+  z as ArrowDropDownIcon,
+  v as ArrowLeftIcon,
+  p as ArrowRightIcon
 };

package/index.es252.js

@@ -1,121 +1,28 @@
-import m from "./index.es197.js";
-import f from "./index.es196.js";
-import v from "./index.es367.js";
-import x from "./index.es361.js";
-import d from "./index.es198.js";
-import s from "react";
-import h from "./index.es368.js";
-import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es369.js";
-var M = Object.values || function(a) {
-  return Object.keys(a).map(function(r) {
-    return a[r];
-  });
-}, F = {
-  component: "div",
-  childFactory: function(r) {
-    return r;
-  }
-}, u = /* @__PURE__ */ function(a) {
-  x(r, a);
-  function r(p, t) {
-    var e;
-    e = a.call(this, p, t) || this;
-    var o = e.handleExited.bind(v(e));
-    return e.state = {
-      contextValue: {
-        isMounting: !0
-      },
-      handleExited: o,
-      firstRender: !0
-    }, e;
-  }
-  var l = r.prototype;
-  return l.componentDidMount = function() {
-    this.mounted = !0, this.setState({
-      contextValue: {
-        isMounting: !1
-      }
-    });
-  }, l.componentWillUnmount = function() {
-    this.mounted = !1;
-  }, r.getDerivedStateFromProps = function(t, e) {
-    var o = e.children, n = e.handleExited, i = e.firstRender;
-    return {
-      children: i ? E(t, n) : y(t, o, n),
-      firstRender: !1
-    };
-  }, l.handleExited = function(t, e) {
-    var o = g(this.props.children);
-    t.key in o || (t.props.onExited && t.props.onExited(e), this.mounted && this.setState(function(n) {
-      var i = f({}, n.children);
-      return delete i[t.key], {
-        children: i
-      };
-    }));
-  }, l.render = function() {
-    var t = this.props, e = t.component, o = t.childFactory, n = m(t, ["component", "childFactory"]), i = this.state.contextValue, c = M(this.state.children).map(o);
-    return delete n.appear, delete n.enter, delete n.exit, e === null ? /* @__PURE__ */ s.createElement(h.Provider, {
-      value: i
-    }, c) : /* @__PURE__ */ s.createElement(h.Provider, {
-      value: i
-    }, /* @__PURE__ */ s.createElement(e, n, c));
-  }, r;
-}(s.Component);
-u.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * `<TransitionGroup>` renders a `<div>` by default. You can change this
-   * behavior by providing a `component` prop.
-   * If you use React v16+ and would like to avoid a wrapping `<div>` element
-   * you can pass in `component={null}`. This is useful if the wrapping div
-   * borks your css styles.
-   */
-  component: d.any,
-  /**
-   * A set of `<Transition>` components, that are toggled `in` and out as they
-   * leave. the `<TransitionGroup>` will inject specific transition props, so
-   * remember to spread them through if you are wrapping the `<Transition>` as
-   * with our `<Fade>` example.
-   *
-   * While this component is meant for multiple `Transition` or `CSSTransition`
-   * children, sometimes you may want to have a single transition child with
-   * content that you want to be transitioned out and in when you change it
-   * (e.g. routes, images etc.) In that case you can change the `key` prop of
-   * the transition child as you change its content, this will cause
-   * `TransitionGroup` to transition the child out and back in.
-   */
-  children: d.node,
-  /**
-   * A convenience prop that enables or disables appear animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  appear: d.bool,
-  /**
-   * A convenience prop that enables or disables enter animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  enter: d.bool,
-  /**
-   * A convenience prop that enables or disables exit animations
-   * for all children. Note that specifying this will override any defaults set
-   * on individual children Transitions.
-   */
-  exit: d.bool,
-  /**
-   * You may need to apply reactive updates to a child as it is exiting.
-   * This is generally done by using `cloneElement` however in the case of an exiting
-   * child the element has already been removed and not accessible to the consumer.
-   *
-   * If you do need to update a child as it leaves you can provide a `childFactory`
-   * to wrap every child, even the ones that are leaving.
-   *
-   * @type Function(child: ReactElement) -> ReactElement
-   */
-  childFactory: d.func
-} : {};
-u.defaultProps = F;
-const R = u;
+import * as u from "react";
+import { useUtils as f } from "./index.es198.js";
+function d(n, {
+  disableFuture: o,
+  maxDate: e,
+  timezone: s
+}) {
+  const t = f();
+  return u.useMemo(() => {
+    const r = t.dateWithTimezone(void 0, s), i = t.startOfMonth(o && t.isBefore(r, e) ? r : e);
+    return !t.isAfter(i, n);
+  }, [o, e, n, t, s]);
+}
+function M(n, {
+  disablePast: o,
+  minDate: e,
+  timezone: s
+}) {
+  const t = f();
+  return u.useMemo(() => {
+    const r = t.dateWithTimezone(void 0, s), i = t.startOfMonth(o && t.isAfter(r, e) ? r : e);
+    return !t.isBefore(i, n);
+  }, [o, e, n, t, s]);
+}
 export {
-  R as default
+  d as useNextMonthDisabled,
+  M as usePreviousMonthDisabled
 };

package/index.es253.js

@@ -1,11 +1,188 @@
-import * as o from "react";
-import r from "./index.es291.js";
-import t from "./index.es278.js";
-import m from "./index.es292.js";
-function i() {
-  const e = m(r);
-  return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;
-}
+import R from "./index.es195.js";
+import n from "./index.es194.js";
+import * as p from "react";
+import r from "./index.es196.js";
+import { clsx as z } from "./index.es129.js";
+import C from "./index.es208.js";
+import O from "./index.es217.js";
+import T, { getIconButtonUtilityClass as $ } from "./index.es375.js";
+import { jsx as x } from "react/jsx-runtime";
+import B from "./index.es298.js";
+import a from "./index.es345.js";
+import k from "./index.es353.js";
+import I from "./index.es216.js";
+import { alpha as m } from "./index.es231.js";
+const j = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {
+  const {
+    classes: e,
+    disabled: t,
+    color: i,
+    edge: s,
+    size: l
+  } = o, c = {
+    root: ["root", t && "disabled", i !== "default" && `color${a(i)}`, s && `edge${a(s)}`, `size${a(l)}`]
+  };
+  return I(c, $, e);
+}, P = C(B, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: t
+    } = o;
+    return [e.root, t.color !== "default" && e[`color${a(t.color)}`], t.edge && e[`edge${a(t.edge)}`], e[`size${a(t.size)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: e
+}) => n({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  })
+}, !e.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : m(o.palette.action.active, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, e.edge === "start" && {
+  marginLeft: e.size === "small" ? -3 : -12
+}, e.edge === "end" && {
+  marginRight: e.size === "small" ? -3 : -12
+}), ({
+  theme: o,
+  ownerState: e
+}) => {
+  var t;
+  const i = (t = (o.vars || o).palette) == null ? void 0 : t[e.color];
+  return n({}, e.color === "inherit" && {
+    color: "inherit"
+  }, e.color !== "inherit" && e.color !== "default" && n({
+    color: i == null ? void 0 : i.main
+  }, !e.disableRipple && {
+    "&:hover": n({}, i && {
+      backgroundColor: o.vars ? `rgba(${i.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : m(i.main, o.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), e.size === "small" && {
+    padding: 5,
+    fontSize: o.typography.pxToRem(18)
+  }, e.size === "large" && {
+    padding: 12,
+    fontSize: o.typography.pxToRem(28)
+  }, {
+    [`&.${T.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (o.vars || o).palette.action.disabled
+    }
+  });
+}), g = /* @__PURE__ */ p.forwardRef(function(e, t) {
+  const i = O({
+    props: e,
+    name: "MuiIconButton"
+  }), {
+    edge: s = !1,
+    children: l,
+    className: c,
+    color: b = "default",
+    disabled: d = !1,
+    disableFocusRipple: u = !1,
+    size: v = "medium"
+  } = i, y = R(i, j), f = n({}, i, {
+    edge: s,
+    color: b,
+    disabled: d,
+    disableFocusRipple: u,
+    size: v
+  }), h = N(f);
+  return /* @__PURE__ */ x(P, n({
+    className: z(h.root, c),
+    centerRipple: !0,
+    focusRipple: !u,
+    disabled: d,
+    ref: t,
+    ownerState: f
+  }, y, {
+    children: l
+  }));
+});
+process.env.NODE_ENV !== "production" && (g.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The icon to display.
+   */
+  children: k(r.node, (o) => p.Children.toArray(o.children).some((t) => /* @__PURE__ */ p.isValidElement(t) && t.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'default'
+   */
+  color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: r.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: r.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: r.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
+});
+const H = g;
 export {
-  i as default
+  H as default
 };