mada-design-system 0.3.0 → 0.3.1

package/index.es244.js

@@ -1,64 +1,53 @@
-import * as a from "react";
-import p from "./index.es325.js";
-import h from "./index.es353.js";
-import v from "./index.es290.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;
+import { __require as u } from "./index.es282.js";
+var o, p;
+function g() {
+  if (p)
+    return o;
+  p = 1;
+  var c = u();
+  function n() {
+  }
+  function i() {
+  }
+  return i.resetWarningCache = n, o = function() {
+    function e(h, y, m, f, l, s) {
+      if (s !== c) {
+        var a = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw a.name = "Invariant Violation", a;
+      }
     }
-    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;
+    e.isRequired = e;
+    function r() {
+      return e;
+    }
+    var t = {
+      array: e,
+      bigint: e,
+      bool: e,
+      func: e,
+      number: e,
+      object: e,
+      string: e,
+      symbol: e,
+      any: e,
+      arrayOf: r,
+      element: e,
+      elementType: e,
+      instanceOf: r,
+      node: e,
+      objectOf: r,
+      oneOf: r,
+      oneOfType: r,
+      shape: r,
+      exact: r,
+      checkPropTypes: i,
+      resetWarningCache: n
+    };
+    return t.PropTypes = t, t;
+  }, o;
 }
 export {
-  y as default
+  g as __require
 };

package/index.es245.js

@@ -1,7 +1,32 @@
-import a from "./index.es213.js";
-import r from "./index.es212.js";
-const s = (e) => r("MuiPickersCalendarHeader", e), l = a("MuiPickersCalendarHeader", ["root", "labelContainer", "label", "switchViewButton", "switchViewIcon"]);
+import * as C from "react";
+import { validateDate as e } from "./index.es285.js";
+import { useLocalizationContext as k } from "./index.es214.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
+    }
+  }) !== null, [n, r, o, t, p, c, a, f, m]);
+};
 export {
-  s as getPickersCalendarHeaderUtilityClass,
-  l as pickersCalendarHeaderClasses
+  I as useIsDateDisabled
 };

package/index.es246.js

@@ -1,38 +1,36 @@
-import * as t from "react";
-import { jsx as h, jsxs as o } from "react/jsx-runtime";
-import r from "./index.es295.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");
+import { createIsAfterIgnoreDatePart as c } from "./index.es286.js";
+import { getTodayDate as r, mergeDateAndTime as T } from "./index.es218.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;
+};
 export {
-  z as ArrowDropDownIcon,
-  v as ArrowLeftIcon,
-  p as ArrowRightIcon
+  t as SECTION_TYPE_GRANULARITY,
+  A as getDefaultReferenceDate
 };

package/index.es247.js

@@ -1,28 +1,55 @@
-import * as u from "react";
-import { useUtils as f } from "./index.es192.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]);
-}
+import { getPickersLocalization as o } from "./index.es287.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);
 export {
-  d as useNextMonthDisabled,
-  M as usePreviousMonthDisabled
+  r as DEFAULT_LOCALE
 };

package/index.es248.js

@@ -1,188 +1,121 @@
-import R from "./index.es189.js";
-import n from "./index.es188.js";
-import * as p from "react";
-import r from "./index.es190.js";
-import { clsx as z } from "./index.es100.js";
-import C from "./index.es202.js";
-import O from "./index.es211.js";
-import T, { getIconButtonUtilityClass as $ } from "./index.es354.js";
-import { jsx as x } from "react/jsx-runtime";
-import B from "./index.es287.js";
-import a from "./index.es320.js";
-import k from "./index.es330.js";
-import I from "./index.es210.js";
-import { alpha as m } from "./index.es288.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)}`]];
+import m from "./index.es211.js";
+import f from "./index.es210.js";
+import v from "./index.es349.js";
+import x from "./index.es344.js";
+import d from "./index.es212.js";
+import s from "react";
+import h from "./index.es350.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es351.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;
   }
-})(({
-  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"
-    }
+}, 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;
   }
-}, 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"
+  var l = r.prototype;
+  return l.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
       }
-    })
-  }), 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),
+    });
+  }, 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" ? {
   /**
-   * Override or extend the styles applied to the component.
+   * `<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.
    */
-  classes: r.object,
+  component: d.any,
   /**
-   * @ignore
+   * 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.
    */
-  className: r.string,
+  children: d.node,
   /**
-   * 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'
+   * 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.
    */
-  color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  appear: d.bool,
   /**
-   * If `true`, the component is disabled.
-   * @default false
+   * 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.
    */
-  disabled: r.bool,
+  enter: d.bool,
   /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
+   * 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.
    */
-  disableFocusRipple: r.bool,
+  exit: d.bool,
   /**
-   * If `true`, the ripple effect is disabled.
+   * 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.
    *
-   * ⚠️ 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.
+   * 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
    */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
-});
-const H = g;
+  childFactory: d.func
+} : {};
+u.defaultProps = F;
+const R = u;
 export {
-  H as default
+  R as default
 };