mada-design-system 0.5.7 → 0.5.8

package/index.es302.js

@@ -1,9 +1,5 @@
-import e from "./index.es230.js";
-import r from "./index.es231.js";
-function n(t) {
-  return e("MuiMonthCalendar", t);
-}
-r("MuiMonthCalendar", ["root"]);
+import * as e from "react";
+const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect, t = f;
 export {
-  n as getMonthCalendarUtilityClass
+  t as default
 };

package/index.es303.js

@@ -1,10 +1,208 @@
-import e from "./index.es231.js";
-import s from "./index.es230.js";
-function r(t) {
-  return s("MuiPickersMonth", t);
-}
-const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
+import E from "./index.es195.js";
+import x from "./index.es197.js";
+import N from "./index.es361.js";
+import v from "./index.es198.js";
+import A from "./index.es362.js";
+import _ from "./index.es363.js";
+import C from "react";
+import g from "./index.es364.js";
+import { classNamesShape as $ } from "./index.es365.js";
+import { forceReflow as S } from "./index.es366.js";
+var T = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return A(i, s);
+  });
+}, d = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return _(i, s);
+  });
+}, c = /* @__PURE__ */ function(u) {
+  N(i, u);
+  function i() {
+    for (var s, t = arguments.length, a = new Array(t), o = 0; o < t; o++)
+      a[o] = arguments[o];
+    return s = u.call.apply(u, [this].concat(a)) || this, s.appliedClasses = {
+      appear: {},
+      enter: {},
+      exit: {}
+    }, s.onEnter = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1];
+      s.removeClasses(l, "exit"), s.addClass(l, m ? "appear" : "enter", "base"), s.props.onEnter && s.props.onEnter(e, r);
+    }, s.onEntering = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
+      s.addClass(l, f, "active"), s.props.onEntering && s.props.onEntering(e, r);
+    }, s.onEntered = function(e, r) {
+      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
+      s.removeClasses(l, f), s.addClass(l, f, "done"), s.props.onEntered && s.props.onEntered(e, r);
+    }, s.onExit = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.removeClasses(n, "appear"), s.removeClasses(n, "enter"), s.addClass(n, "exit", "base"), s.props.onExit && s.props.onExit(e);
+    }, s.onExiting = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.addClass(n, "exit", "active"), s.props.onExiting && s.props.onExiting(e);
+    }, s.onExited = function(e) {
+      var r = s.resolveArguments(e), n = r[0];
+      s.removeClasses(n, "exit"), s.addClass(n, "exit", "done"), s.props.onExited && s.props.onExited(e);
+    }, s.resolveArguments = function(e, r) {
+      return s.props.nodeRef ? [s.props.nodeRef.current, e] : [e, r];
+    }, s.getClassNames = function(e) {
+      var r = s.props.classNames, n = typeof r == "string", l = n && r ? r + "-" : "", m = n ? "" + l + e : r[e], f = n ? m + "-active" : r[e + "Active"], h = n ? m + "-done" : r[e + "Done"];
+      return {
+        baseClassName: m,
+        activeClassName: f,
+        doneClassName: h
+      };
+    }, s;
+  }
+  var p = i.prototype;
+  return p.addClass = function(t, a, o) {
+    var e = this.getClassNames(a)[o + "ClassName"], r = this.getClassNames("enter"), n = r.doneClassName;
+    a === "appear" && o === "done" && n && (e += " " + n), o === "active" && t && S(t), e && (this.appliedClasses[a][o] = e, T(t, e));
+  }, p.removeClasses = function(t, a) {
+    var o = this.appliedClasses[a], e = o.base, r = o.active, n = o.done;
+    this.appliedClasses[a] = {}, e && d(t, e), r && d(t, r), n && d(t, n);
+  }, p.render = function() {
+    var t = this.props;
+    t.classNames;
+    var a = x(t, ["classNames"]);
+    return /* @__PURE__ */ C.createElement(g, E({}, a, {
+      onEnter: this.onEnter,
+      onEntered: this.onEntered,
+      onEntering: this.onEntering,
+      onExit: this.onExit,
+      onExiting: this.onExiting,
+      onExited: this.onExited
+    }));
+  }, i;
+}(C.Component);
+c.defaultProps = {
+  classNames: ""
+};
+c.propTypes = process.env.NODE_ENV !== "production" ? E({}, g.propTypes, {
+  /**
+   * The animation classNames applied to the component as it appears, enters,
+   * exits or has finished the transition. A single name can be provided, which
+   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
+   *
+   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
+   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
+   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
+   *
+   * A few details to note about how these classes are applied:
+   *
+   * 1. They are _joined_ with the ones that are already defined on the child
+   *    component, so if you want to add some base styles, you can use
+   *    `className` without worrying that it will be overridden.
+   *
+   * 2. If the transition component mounts with `in={false}`, no classes are
+   *    applied yet. You might be expecting `*-exit-done`, but if you think
+   *    about it, a component cannot finish exiting if it hasn't entered yet.
+   *
+   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
+   *    allows you to define different behavior for when appearing is done and
+   *    when regular entering is done, using selectors like
+   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
+   *    an epic entrance animation when element first appears in the DOM using
+   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
+   *    simply use `fade-enter-done` for defining both cases.
+   *
+   * Each individual classNames can also be specified independently like:
+   *
+   * ```js
+   * classNames={{
+   *  appear: 'my-appear',
+   *  appearActive: 'my-active-appear',
+   *  appearDone: 'my-done-appear',
+   *  enter: 'my-enter',
+   *  enterActive: 'my-active-enter',
+   *  enterDone: 'my-done-enter',
+   *  exit: 'my-exit',
+   *  exitActive: 'my-active-exit',
+   *  exitDone: 'my-done-exit',
+   * }}
+   * ```
+   *
+   * If you want to set these classes using CSS Modules:
+   *
+   * ```js
+   * import styles from './styles.css';
+   * ```
+   *
+   * you might want to use camelCase in your CSS file, that way could simply
+   * spread them instead of listing them one by one:
+   *
+   * ```js
+   * classNames={{ ...styles }}
+   * ```
+   *
+   * @type {string | {
+   *  appear?: string,
+   *  appearActive?: string,
+   *  appearDone?: string,
+   *  enter?: string,
+   *  enterActive?: string,
+   *  enterDone?: string,
+   *  exit?: string,
+   *  exitActive?: string,
+   *  exitDone?: string,
+   * }}
+   */
+  classNames: $,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEnter: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter-active' or
+   * 'appear-active' class is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'enter' or
+   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntered: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' class is
+   * applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExit: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExiting: v.func,
+  /**
+   * A `<Transition>` callback fired immediately after the 'exit' classes
+   * are **removed** and the `exit-done` class is added to the DOM node.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement)
+   */
+  onExited: v.func
+}) : {};
+const z = c;
 export {
-  r as getPickersMonthUtilityClass,
-  n as pickersMonthClasses
+  z as default
 };

package/index.es304.js

@@ -1,13 +1,13 @@
-import R from "./index.es207.js";
-import b from "./index.es206.js";
+import R from "./index.es197.js";
+import b from "./index.es195.js";
 import * as n from "react";
-import { clsx as w } from "./index.es101.js";
+import { clsx as w } from "./index.es102.js";
 import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es306.js";
 import { jsx as p } from "react/jsx-runtime";
-import f from "./index.es220.js";
-import F from "./index.es229.js";
-import _ from "./index.es228.js";
-import { alpha as v } from "./index.es241.js";
+import f from "./index.es210.js";
+import F from "./index.es219.js";
+import _ from "./index.es218.js";
+import { alpha as v } from "./index.es231.js";
 const I = ["autoFocus", "className", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "yearsPerRow"], N = (o) => {
   const {
     disabled: r,

package/index.es305.js

@@ -1,5 +1,5 @@
-import r from "./index.es230.js";
-import t from "./index.es231.js";
+import r from "./index.es220.js";
+import t from "./index.es221.js";
 function l(e) {
   return r("MuiYearCalendar", e);
 }

package/index.es306.js

@@ -1,5 +1,5 @@
-import r from "./index.es231.js";
-import t from "./index.es230.js";
+import r from "./index.es221.js";
+import t from "./index.es220.js";
 function a(e) {
   return t("MuiPickersYear", e);
 }

package/index.es307.js

@@ -1,17 +1,18 @@
-const t = (e) => e, a = () => {
-  let e = t;
-  return {
-    configure(r) {
-      e = r;
-    },
-    generate(r) {
-      return e(r);
-    },
-    reset() {
-      e = t;
-    }
-  };
-}, n = a(), s = n;
+import c from "./index.es195.js";
+import * as e from "react";
+import { jsx as f } from "react/jsx-runtime";
+import t from "./index.es408.js";
+function d(n, r) {
+  function o(m, i) {
+    return /* @__PURE__ */ f(t, c({
+      "data-testid": `${r}Icon`,
+      ref: i
+    }, m, {
+      children: n
+    }));
+  }
+  return process.env.NODE_ENV !== "production" && (o.displayName = `${r}Icon`), o.muiName = t.muiName, /* @__PURE__ */ e.memo(/* @__PURE__ */ e.forwardRef(o));
+}
 export {
-  s as default
+  d as default
 };

package/index.es308.js

@@ -1,18 +1,7 @@
-import c from "./index.es206.js";
 import * as e from "react";
-import { jsx as f } from "react/jsx-runtime";
-import t from "./index.es408.js";
-function d(n, r) {
-  function o(m, i) {
-    return /* @__PURE__ */ f(t, c({
-      "data-testid": `${r}Icon`,
-      ref: i
-    }, m, {
-      children: n
-    }));
-  }
-  return process.env.NODE_ENV !== "production" && (o.displayName = `${r}Icon`), o.muiName = t.muiName, /* @__PURE__ */ e.memo(/* @__PURE__ */ e.forwardRef(o));
-}
+const t = /* @__PURE__ */ e.createContext({});
+process.env.NODE_ENV !== "production" && (t.displayName = "ListContext");
+const o = t;
 export {
-  d as default
+  o as default
 };

package/index.es309.js

@@ -1,7 +1,10 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext({});
-process.env.NODE_ENV !== "production" && (t.displayName = "ListContext");
-const o = t;
+import t from "./index.es221.js";
+import s from "./index.es220.js";
+function r(e) {
+  return s("MuiMenuItem", e);
+}
+const i = t("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), u = i;
 export {
-  o as default
+  u as default,
+  r as getMenuItemUtilityClass
 };

package/index.es31.js

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dialog";
 import * as l from "react";
-import { clsx as g } from "./index.es101.js";
+import { clsx as g } from "./index.es102.js";
 import { cn as s } from "./index.es85.js";
 import "./index.es2.js";
 import { Button as u } from "./index.es22.js";
 import { ScrollArea as x, ScrollBar as y } from "./index.es62.js";
-import N from "./index.es113.js";
+import N from "./index.es108.js";
 import D from "./index.es89.js";
 const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
   t.Overlay,

package/index.es310.js

@@ -1,10 +1,5 @@
-import t from "./index.es231.js";
-import s from "./index.es230.js";
-function r(e) {
-  return s("MuiMenuItem", e);
-}
-const i = t("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), u = i;
+import e from "./index.es221.js";
+const t = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), l = t;
 export {
-  u as default,
-  r as getMenuItemUtilityClass
+  l as default
 };

package/index.es311.js

@@ -1,5 +1,5 @@
-import e from "./index.es231.js";
-const t = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), l = t;
+import t from "./index.es221.js";
+const e = t("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), i = e;
 export {
-  l as default
+  i as default
 };

package/index.es312.js

@@ -1,5 +1,5 @@
-import t from "./index.es231.js";
-const e = t("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), i = e;
+import t from "./index.es221.js";
+const s = t("MuiListItemIcon", ["root", "alignItemsFlexStart"]), o = s;
 export {
-  i as default
+  o as default
 };

package/index.es313.js

@@ -1,5 +1,8 @@
-import t from "./index.es231.js";
-const s = t("MuiListItemIcon", ["root", "alignItemsFlexStart"]), o = s;
+import { __module as r } from "./index.es379.js";
+import { __require as e } from "./index.es380.js";
+import { __require as o } from "./index.es381.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  o as default
+  i as r
 };

package/index.es314.js

@@ -1,8 +1,7 @@
-import { __module as r } from "./index.es379.js";
-import { __require as e } from "./index.es380.js";
-import { __require as o } from "./index.es381.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+function n(t) {
+  const e = t.documentElement.clientWidth;
+  return Math.abs(window.innerWidth - e);
+}
 export {
-  i as r
+  n as default
 };

package/index.es315.js

@@ -1,6 +1,5 @@
-function n(t) {
-  const e = t.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - e);
+function n(e) {
+  return e && e.ownerDocument || document;
 }
 export {
   n as default

package/index.es316.js

@@ -1,6 +1,119 @@
-function n(e) {
-  return e && e.ownerDocument || document;
-}
+import P from "./index.es197.js";
+import i from "./index.es195.js";
+import * as l from "react";
+import e from "./index.es198.js";
+import { clsx as x } from "./index.es102.js";
+import L from "./index.es210.js";
+import T from "./index.es219.js";
+import v from "./index.es308.js";
+import { getListUtilityClass as y } from "./index.es413.js";
+import { jsx as j, jsxs as N } from "react/jsx-runtime";
+import R from "./index.es218.js";
+const C = ["children", "className", "component", "dense", "disablePadding", "subheader"], O = (s) => {
+  const {
+    classes: o,
+    disablePadding: t,
+    dense: r,
+    subheader: n
+  } = s;
+  return R({
+    root: ["root", !t && "padding", r && "dense", n && "subheader"]
+  }, y, o);
+}, _ = L("ul", {
+  name: "MuiList",
+  slot: "Root",
+  overridesResolver: (s, o) => {
+    const {
+      ownerState: t
+    } = s;
+    return [o.root, !t.disablePadding && o.padding, t.dense && o.dense, t.subheader && o.subheader];
+  }
+})(({
+  ownerState: s
+}) => i({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  position: "relative"
+}, !s.disablePadding && {
+  paddingTop: 8,
+  paddingBottom: 8
+}, s.subheader && {
+  paddingTop: 0
+})), m = /* @__PURE__ */ l.forwardRef(function(o, t) {
+  const r = T({
+    props: o,
+    name: "MuiList"
+  }), {
+    children: n,
+    className: a,
+    component: c = "ul",
+    dense: d = !1,
+    disablePadding: u = !1,
+    subheader: f
+  } = r, b = P(r, C), h = l.useMemo(() => ({
+    dense: d
+  }), [d]), p = i({}, r, {
+    component: c,
+    dense: d,
+    disablePadding: u
+  }), g = O(p);
+  return /* @__PURE__ */ j(v.Provider, {
+    value: h,
+    children: /* @__PURE__ */ N(_, i({
+      as: c,
+      className: x(g.root, a),
+      ref: t,
+      ownerState: p
+    }, b, {
+      children: [f, n]
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (m.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * 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: e.elementType,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
+   * the list and list items.
+   * The prop is available to descendant components as the `dense` context.
+   * @default false
+   */
+  dense: e.bool,
+  /**
+   * If `true`, vertical padding is removed from the list.
+   * @default false
+   */
+  disablePadding: e.bool,
+  /**
+   * The content of the subheader, normally `ListSubheader`.
+   */
+  subheader: e.node,
+  /**
+   * 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])
+});
+const k = m;
 export {
-  n as default
+  k as default
 };