mada-design-system 0.5.5 → 0.5.7

package/index.es296.js

@@ -1,5 +1,40 @@
-import e from "./index.es284.js";
-const t = e(), m = t;
+import { applyDefaultDate as D } from "./index.es214.js";
+const b = ({
+  props: s,
+  value: t,
+  adapter: e
+}) => {
+  if (t === null)
+    return null;
+  const {
+    shouldDisableDate: i,
+    shouldDisableMonth: l,
+    shouldDisableYear: n,
+    disablePast: r,
+    disableFuture: c,
+    timezone: m
+  } = s, a = e.utils.dateWithTimezone(void 0, m), o = D(e.utils, s.minDate, e.defaultDates.minDate), u = D(e.utils, s.maxDate, e.defaultDates.maxDate);
+  switch (!0) {
+    case !e.utils.isValid(t):
+      return "invalidDate";
+    case !!(i && i(t)):
+      return "shouldDisableDate";
+    case !!(l && l(t)):
+      return "shouldDisableMonth";
+    case !!(n && n(t)):
+      return "shouldDisableYear";
+    case !!(c && e.utils.isAfterDay(t, a)):
+      return "disableFuture";
+    case !!(r && e.utils.isBeforeDay(t, a)):
+      return "disablePast";
+    case !!(o && e.utils.isBeforeDay(t, o)):
+      return "minDate";
+    case !!(u && e.utils.isAfterDay(t, u)):
+      return "maxDate";
+    default:
+      return null;
+  }
+};
 export {
-  m as default
+  b as validateDate
 };

package/index.es297.js

@@ -1,10 +1,10 @@
-import t from "./index.es353.js";
-import m from "./index.es292.js";
-const r = m();
-function u(e = r) {
-  return t(e);
+import i from "./index.es231.js";
+import t from "./index.es230.js";
+function r(e) {
+  return t("MuiPickersDay", e);
 }
+const l = i("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hiddenDaySpacingFiller", "today", "selected", "disabled"]);
 export {
-  u as default,
-  r as systemDefaultTheme
+  r as getPickersDayUtilityClass,
+  l as pickersDayClasses
 };

package/index.es298.js

@@ -1,18 +1,353 @@
-import s from "./index.es376.js";
-import p from "./index.es297.js";
-function n({
-  props: o,
-  name: m,
-  defaultTheme: t,
-  themeId: r
-}) {
-  let e = p(t);
-  return r && (e = e[r] || e), s({
-    theme: e,
-    name: m,
-    props: o
+import w from "./index.es206.js";
+import ge from "./index.es207.js";
+import * as t from "react";
+import e from "./index.es208.js";
+import { clsx as Be } from "./index.es101.js";
+import Ce from "./index.es220.js";
+import xe from "./index.es229.js";
+import De from "./index.es405.js";
+import ke, { getButtonBaseUtilityClass as Ve } from "./index.es406.js";
+import { jsxs as Ee, jsx as we } from "react/jsx-runtime";
+import _ from "./index.es240.js";
+import Fe from "./index.es359.js";
+import M from "./index.es225.js";
+import Le from "./index.es357.js";
+import Ne from "./index.es355.js";
+import Se from "./index.es228.js";
+const Ue = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Pe = (g) => {
+  const {
+    disabled: i,
+    focusVisible: b,
+    focusVisibleClassName: c,
+    classes: B
+  } = g, m = Se({
+    root: ["root", i && "disabled", b && "focusVisible"]
+  }, Ve, B);
+  return b && c && (m.root += ` ${c}`), m;
+}, je = Ce("button", {
+  name: "MuiButtonBase",
+  slot: "Root",
+  overridesResolver: (g, i) => i.root
+})({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  position: "relative",
+  boxSizing: "border-box",
+  WebkitTapHighlightColor: "transparent",
+  backgroundColor: "transparent",
+  // Reset default value
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0,
+  border: 0,
+  margin: 0,
+  // Remove the margin in Safari
+  borderRadius: 0,
+  padding: 0,
+  // Remove the padding in Firefox
+  cursor: "pointer",
+  userSelect: "none",
+  verticalAlign: "middle",
+  MozAppearance: "none",
+  // Reset
+  WebkitAppearance: "none",
+  // Reset
+  textDecoration: "none",
+  // So we take precedent over the style of a native <a /> element.
+  color: "inherit",
+  "&::-moz-focus-inner": {
+    borderStyle: "none"
+    // Remove Firefox dotted outline.
+  },
+  [`&.${ke.disabled}`]: {
+    pointerEvents: "none",
+    // Disable link interactions
+    cursor: "default"
+  },
+  "@media print": {
+    colorAdjust: "exact"
+  }
+}), q = /* @__PURE__ */ t.forwardRef(function(i, b) {
+  const c = xe({
+    props: i,
+    name: "MuiButtonBase"
+  }), {
+    action: B,
+    centerRipple: C = !1,
+    children: m,
+    className: z,
+    component: h = "button",
+    disabled: r = !1,
+    disableRipple: R = !1,
+    disableTouchRipple: F = !1,
+    focusRipple: a = !1,
+    LinkComponent: H = "a",
+    onBlur: L,
+    onClick: l,
+    onContextMenu: W,
+    onDragLeave: $,
+    onFocus: N,
+    onFocusVisible: S,
+    onKeyDown: U,
+    onKeyUp: P,
+    onMouseDown: G,
+    onMouseLeave: j,
+    onMouseUp: J,
+    onTouchEnd: Q,
+    onTouchMove: X,
+    onTouchStart: Y,
+    tabIndex: K = 0,
+    TouchRippleProps: Z,
+    touchRippleRef: ee,
+    type: x
+  } = c, p = ge(c, Ue), f = t.useRef(null), n = t.useRef(null), oe = _(n, ee), {
+    isFocusVisibleRef: I,
+    onFocus: ne,
+    onBlur: te,
+    ref: se
+  } = Fe(), [u, T] = t.useState(!1);
+  r && u && T(!1), t.useImperativeHandle(B, () => ({
+    focusVisible: () => {
+      T(!0), f.current.focus();
+    }
+  }), []);
+  const [D, re] = t.useState(!1);
+  t.useEffect(() => {
+    re(!0);
+  }, []);
+  const k = D && !R && !r;
+  t.useEffect(() => {
+    u && a && !R && D && n.current.pulsate();
+  }, [R, a, u, D]);
+  function s(o, A, Me = F) {
+    return M((v) => (A && A(v), !Me && n.current && n.current[o](v), !0));
+  }
+  const ue = s("start", G), ce = s("stop", W), ie = s("stop", $), ae = s("stop", J), le = s("stop", (o) => {
+    u && o.preventDefault(), j && j(o);
+  }), pe = s("start", Y), fe = s("stop", Q), de = s("stop", X), be = s("stop", (o) => {
+    te(o), I.current === !1 && T(!1), L && L(o);
+  }, !1), me = M((o) => {
+    f.current || (f.current = o.currentTarget), ne(o), I.current === !0 && (T(!0), S && S(o)), N && N(o);
+  }), V = () => {
+    const o = f.current;
+    return h && h !== "button" && !(o.tagName === "A" && o.href);
+  }, E = t.useRef(!1), he = M((o) => {
+    a && !E.current && u && n.current && o.key === " " && (E.current = !0, n.current.stop(o, () => {
+      n.current.start(o);
+    })), o.target === o.currentTarget && V() && o.key === " " && o.preventDefault(), U && U(o), o.target === o.currentTarget && V() && o.key === "Enter" && !r && (o.preventDefault(), l && l(o));
+  }), Re = M((o) => {
+    a && o.key === " " && n.current && u && !o.defaultPrevented && (E.current = !1, n.current.stop(o, () => {
+      n.current.pulsate(o);
+    })), P && P(o), l && o.target === o.currentTarget && V() && o.key === " " && !o.defaultPrevented && l(o);
   });
-}
+  let y = h;
+  y === "button" && (p.href || p.to) && (y = H);
+  const d = {};
+  y === "button" ? (d.type = x === void 0 ? "button" : x, d.disabled = r) : (!p.href && !p.to && (d.role = "button"), r && (d["aria-disabled"] = r));
+  const Te = _(b, se, f);
+  process.env.NODE_ENV !== "production" && t.useEffect(() => {
+    k && n.current;
+  }, [k]);
+  const O = w({}, c, {
+    centerRipple: C,
+    component: h,
+    disabled: r,
+    disableRipple: R,
+    disableTouchRipple: F,
+    focusRipple: a,
+    tabIndex: K,
+    focusVisible: u
+  }), ye = Pe(O);
+  return /* @__PURE__ */ Ee(je, w({
+    as: y,
+    className: Be(ye.root, z),
+    ownerState: O,
+    onBlur: be,
+    onClick: l,
+    onContextMenu: ce,
+    onFocus: me,
+    onKeyDown: he,
+    onKeyUp: Re,
+    onMouseDown: ue,
+    onMouseLeave: le,
+    onMouseUp: ae,
+    onDragLeave: ie,
+    onTouchEnd: fe,
+    onTouchMove: de,
+    onTouchStart: pe,
+    ref: Te,
+    tabIndex: r ? -1 : K,
+    type: x
+  }, d, p, {
+    children: [m, k ? (
+      /* TouchRipple is only needed client-side, x2 boost on the server. */
+      /* @__PURE__ */ we(De, w({
+        ref: oe,
+        center: C
+      }, Z))
+    ) : null]
+  }));
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * A ref for imperative actions.
+   * It currently only supports `focusVisible()` action.
+   */
+  action: Le,
+  /**
+   * If `true`, the ripples are centered.
+   * They won't start at the cursor interaction position.
+   * @default false
+   */
+  centerRipple: e.bool,
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: Ne,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.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: e.bool,
+  /**
+   * If `true`, the touch ripple effect is disabled.
+   * @default false
+   */
+  disableTouchRipple: e.bool,
+  /**
+   * If `true`, the base button will have a keyboard focus ripple.
+   * @default false
+   */
+  focusRipple: e.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: e.string,
+  /**
+   * @ignore
+   */
+  href: e.any,
+  /**
+   * The component used to render a link when the `href` prop is provided.
+   * @default 'a'
+   */
+  LinkComponent: e.elementType,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * @ignore
+   */
+  onClick: e.func,
+  /**
+   * @ignore
+   */
+  onContextMenu: e.func,
+  /**
+   * @ignore
+   */
+  onDragLeave: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * Callback fired when the component is focused with a keyboard.
+   * We trigger a `onFocus` callback too.
+   */
+  onFocusVisible: e.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: e.func,
+  /**
+   * @ignore
+   */
+  onKeyUp: e.func,
+  /**
+   * @ignore
+   */
+  onMouseDown: e.func,
+  /**
+   * @ignore
+   */
+  onMouseLeave: e.func,
+  /**
+   * @ignore
+   */
+  onMouseUp: e.func,
+  /**
+   * @ignore
+   */
+  onTouchEnd: e.func,
+  /**
+   * @ignore
+   */
+  onTouchMove: e.func,
+  /**
+   * @ignore
+   */
+  onTouchStart: e.func,
+  /**
+   * 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]),
+  /**
+   * @default 0
+   */
+  tabIndex: e.number,
+  /**
+   * Props applied to the `TouchRipple` element.
+   */
+  TouchRippleProps: e.object,
+  /**
+   * A ref that points to the `TouchRipple` element.
+   */
+  touchRippleRef: e.oneOfType([e.func, e.shape({
+    current: e.shape({
+      pulsate: e.func.isRequired,
+      start: e.func.isRequired,
+      stop: e.func.isRequired
+    })
+  })]),
+  /**
+   * @ignore
+   */
+  type: e.oneOfType([e.oneOf(["button", "reset", "submit"]), e.string])
+});
+const Ze = q;
 export {
-  n as default
+  je as ButtonBaseRoot,
+  Ze as default
 };

package/index.es299.js

@@ -1,149 +1,5 @@
-import l from "./index.es220.js";
-import E from "./index.es221.js";
-import W, { internal_processStyles as z } from "./index.es337.js";
-import I from "./index.es292.js";
-import q from "./index.es332.js";
-import B from "./index.es329.js";
-import G from "./index.es295.js";
-import { isPlainObject as H } from "./index.es293.js";
-const J = ["ownerState"], K = ["variants"], Q = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
-function U(e) {
-  return Object.keys(e).length === 0;
-}
-function X(e) {
-  return typeof e == "string" && // 96 is one less than the char code
-  // for "a" so this is checking that
-  // it's a lowercase character
-  e.charCodeAt(0) > 96;
-}
-function A(e) {
-  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
-}
-const Y = I(), j = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
-function w({
-  defaultTheme: e,
-  theme: i,
-  themeId: o
-}) {
-  return U(i) ? e : i[o] || i;
-}
-function Z(e) {
-  return e ? (i, o) => o[e] : null;
-}
-function x(e, i) {
-  let {
-    ownerState: o
-  } = i, p = E(i, J);
-  const u = typeof e == "function" ? e(l({
-    ownerState: o
-  }, p)) : e;
-  if (Array.isArray(u))
-    return u.flatMap((h) => x(h, l({
-      ownerState: o
-    }, p)));
-  if (u && typeof u == "object" && Array.isArray(u.variants)) {
-    const {
-      variants: h = []
-    } = u;
-    let a = E(u, K);
-    return h.forEach((t) => {
-      let n = !0;
-      typeof t.props == "function" ? n = t.props(l({
-        ownerState: o
-      }, p, o)) : Object.keys(t.props).forEach((d) => {
-        (o == null ? void 0 : o[d]) !== t.props[d] && p[d] !== t.props[d] && (n = !1);
-      }), n && (Array.isArray(a) || (a = [a]), a.push(typeof t.style == "function" ? t.style(l({
-        ownerState: o
-      }, p, o)) : t.style));
-    }), a;
-  }
-  return u;
-}
-function le(e = {}) {
-  const {
-    themeId: i,
-    defaultTheme: o = Y,
-    rootShouldForwardProp: p = A,
-    slotShouldForwardProp: u = A
-  } = e, h = (f) => G(l({}, f, {
-    theme: w(l({}, f, {
-      defaultTheme: o,
-      themeId: i
-    }))
-  }));
-  return h.__mui_systemSx = !0, (f, a = {}) => {
-    z(f, (s) => s.filter((m) => !(m != null && m.__mui_systemSx)));
-    const {
-      name: t,
-      slot: n,
-      skipVariantsResolver: d,
-      skipSx: T,
-      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: F = Z(j(n))
-    } = a, $ = E(a, Q), b = d !== void 0 ? d : (
-      // TODO v6: remove `Root` in the next major release
-      // For more details: https://github.com/mui/material-ui/pull/37908
-      n && n !== "Root" && n !== "root" || !1
-    ), D = T || !1;
-    let k;
-    process.env.NODE_ENV !== "production" && t && (k = `${t}-${j(n || "Root")}`);
-    let v = A;
-    n === "Root" || n === "root" ? v = p : n ? v = u : X(f) && (v = void 0);
-    const O = W(f, l({
-      shouldForwardProp: v,
-      label: k
-    }, $)), C = (s) => typeof s == "function" && s.__emotion_real !== s || H(s) ? (m) => x(s, l({}, m, {
-      theme: w({
-        theme: m.theme,
-        defaultTheme: o,
-        themeId: i
-      })
-    })) : s, P = (s, ...m) => {
-      let R = C(s);
-      const y = m ? m.map(C) : [];
-      t && F && y.push((r) => {
-        const c = w(l({}, r, {
-          defaultTheme: o,
-          themeId: i
-        }));
-        if (!c.components || !c.components[t] || !c.components[t].styleOverrides)
-          return null;
-        const S = c.components[t].styleOverrides, _ = {};
-        return Object.entries(S).forEach(([L, M]) => {
-          _[L] = x(M, l({}, r, {
-            theme: c
-          }));
-        }), F(r, _);
-      }), t && !b && y.push((r) => {
-        var c;
-        const S = w(l({}, r, {
-          defaultTheme: o,
-          themeId: i
-        })), _ = S == null || (c = S.components) == null || (c = c[t]) == null ? void 0 : c.variants;
-        return x({
-          variants: _
-        }, l({}, r, {
-          theme: S
-        }));
-      }), D || y.push(h);
-      const V = y.length - m.length;
-      if (Array.isArray(s) && V > 0) {
-        const r = new Array(V).fill("");
-        R = [...s, ...r], R.raw = [...s.raw, ...r];
-      }
-      const N = O(R, ...y);
-      if (process.env.NODE_ENV !== "production") {
-        let r;
-        t && (r = `${t}${q(n || "")}`), r === void 0 && (r = `Styled(${B(f)})`), N.displayName = r;
-      }
-      return f.muiName && (N.muiName = f.muiName), N;
-    };
-    return O.withConfig && (P.withConfig = O.withConfig), P;
-  };
-}
+import * as e from "react";
+const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect, t = f;
 export {
-  le as default,
-  A as shouldForwardProp,
-  Y as systemDefaultTheme
+  t as default
 };

package/index.es30.js

@@ -4,11 +4,11 @@ import { useState as p } from "react";
 import { cn as y } from "./index.es85.js";
 import { Popover as A, PopoverTrigger as w, PopoverContent as O } from "./index.es59.js";
 import { selectVariants as j } from "./index.es64.js";
-import "./index.es128.js";
-import z from "./index.es135.js";
-import { LocalizationProvider as F } from "./index.es129.js";
-import { AdapterMoment as H } from "./index.es131.js";
-import { DigitalClock as L } from "./index.es136.js";
+import "./index.es124.js";
+import z from "./index.es131.js";
+import { LocalizationProvider as F } from "./index.es125.js";
+import { AdapterMoment as H } from "./index.es127.js";
+import { DigitalClock as L } from "./index.es132.js";
 const K = ({
   placeholder: h,
   value: r,
@@ -24,7 +24,7 @@ const K = ({
   const [C, n] = p(!1), [i, N] = p(r), s = m === "ar" ? "ar-ly" : "en", o = t.ampm ? "hh:mm A" : "HH:mm";
   a.locale(s);
   const P = (l) => {
-    const d = l ? l.locale("en").format(o) : null;
+    const d = l ? l.format(o) : null;
     N(d), f(d), n(!1);
   }, k = r ? a(r, o) : null;
   return /* @__PURE__ */ c(A, { open: C, onOpenChange: n, children: [