mada-design-system 0.5.0 → 0.5.2

package/index.es347.js

@@ -1,338 +1,7 @@
-import C from "./index.es195.js";
-import D from "./index.es350.js";
-import o from "./index.es196.js";
-import v from "react";
-import b from "react-dom";
-import S from "./index.es358.js";
-import { timeoutsShape as R } from "./index.es353.js";
-import O from "./index.es356.js";
-import { forceReflow as k } from "./index.es354.js";
-var x = "unmounted", f = "exited", l = "entering", h = "entered", T = "exiting", p = /* @__PURE__ */ function(d) {
-  D(u, d);
-  function u(i, e) {
-    var t;
-    t = d.call(this, i, e) || this;
-    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
-    return t.appearStatus = null, i.in ? r ? (s = f, t.appearStatus = l) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = f, t.state = {
-      status: s
-    }, t.nextCallback = null, t;
-  }
-  u.getDerivedStateFromProps = function(e, t) {
-    var n = e.in;
-    return n && t.status === x ? {
-      status: f
-    } : null;
-  };
-  var a = u.prototype;
-  return a.componentDidMount = function() {
-    this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(e) {
-    var t = null;
-    if (e !== this.props) {
-      var n = this.state.status;
-      this.props.in ? n !== l && n !== h && (t = l) : (n === l || n === h) && (t = T);
-    }
-    this.updateStatus(!1, t);
-  }, a.componentWillUnmount = function() {
-    this.cancelNextCallback();
-  }, a.getTimeouts = function() {
-    var e = this.props.timeout, t, n, r;
-    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
-      exit: t,
-      enter: n,
-      appear: r
-    };
-  }, a.updateStatus = function(e, t) {
-    if (e === void 0 && (e = !1), t !== null)
-      if (this.cancelNextCallback(), t === l) {
-        if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
-          n && k(n);
-        }
-        this.performEnter(e);
-      } else
-        this.performExit();
-    else
-      this.props.unmountOnExit && this.state.status === f && this.setState({
-        status: x
-      });
-  }, a.performEnter = function(e) {
-    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], N = this.getTimeouts(), g = r ? N.appear : N.enter;
-    if (!e && !n || S.disabled) {
-      this.safeSetState({
-        status: h
-      }, function() {
-        t.props.onEntered(c);
-      });
-      return;
-    }
-    this.props.onEnter(c, m), this.safeSetState({
-      status: l
-    }, function() {
-      t.props.onEntering(c, m), t.onTransitionEnd(g, function() {
-        t.safeSetState({
-          status: h
-        }, function() {
-          t.props.onEntered(c, m);
-        });
-      });
-    });
-  }, a.performExit = function() {
-    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
-    if (!t || S.disabled) {
-      this.safeSetState({
-        status: f
-      }, function() {
-        e.props.onExited(r);
-      });
-      return;
-    }
-    this.props.onExit(r), this.safeSetState({
-      status: T
-    }, function() {
-      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
-        e.safeSetState({
-          status: f
-        }, function() {
-          e.props.onExited(r);
-        });
-      });
-    });
-  }, a.cancelNextCallback = function() {
-    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(e, t) {
-    t = this.setNextCallback(t), this.setState(e, t);
-  }, a.setNextCallback = function(e) {
-    var t = this, n = !0;
-    return this.nextCallback = function(r) {
-      n && (n = !1, t.nextCallback = null, e(r));
-    }, this.nextCallback.cancel = function() {
-      n = !1;
-    }, this.nextCallback;
-  }, a.onTransitionEnd = function(e, t) {
-    this.setNextCallback(t);
-    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
-    if (!n || r) {
-      setTimeout(this.nextCallback, 0);
-      return;
-    }
-    if (this.props.addEndListener) {
-      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
-      this.props.addEndListener(c, m);
-    }
-    e != null && setTimeout(this.nextCallback, e);
-  }, a.render = function() {
-    var e = this.state.status;
-    if (e === x)
-      return null;
-    var t = this.props, n = t.children;
-    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
-    var r = C(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ v.createElement(O.Provider, {
-        value: null
-      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
-    );
-  }, u;
-}(v.Component);
-p.contextType = O;
-p.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: o.shape({
-    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
-      var n = d[u];
-      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, t);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: o.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: o.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: o.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: o.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: o.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: o.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function(u) {
-    var a = R;
-    u.addEndListener || (a = a.isRequired);
-    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
-      e[t - 1] = arguments[t];
-    return a.apply(void 0, [u].concat(e));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: o.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: o.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: o.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: o.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: o.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: o.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: o.func
-} : {};
-function E() {
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
 }
-p.defaultProps = {
-  in: !1,
-  mountOnEnter: !1,
-  unmountOnExit: !1,
-  appear: !1,
-  enter: !0,
-  exit: !0,
-  onEnter: E,
-  onEntering: E,
-  onEntered: E,
-  onExit: E,
-  onExiting: E,
-  onExited: E
-};
-p.UNMOUNTED = x;
-p.EXITED = f;
-p.ENTERING = l;
-p.ENTERED = h;
-p.EXITING = T;
-const q = p;
 export {
-  h as ENTERED,
-  l as ENTERING,
-  f as EXITED,
-  T as EXITING,
-  x as UNMOUNTED,
-  q as default
+  u as default
 };

package/index.es348.js

@@ -1,9 +1,61 @@
-import i from "./index.es218.js";
-import r from "./index.es219.js";
-function a(t) {
-  return i("MuiTypography", t);
+import v from "./index.es197.js";
+import f from "./index.es196.js";
+const h = ["values", "unit", "step"], $ = (i) => {
+  const t = Object.keys(i).map((r) => ({
+    key: r,
+    val: i[r]
+  })) || [];
+  return t.sort((r, u) => r.val - u.val), t.reduce((r, u) => f({}, r, {
+    [u.key]: u.val
+  }), {});
+};
+function w(i) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: u = 5
+  } = i, m = v(i, h), c = $(t), n = Object.keys(c);
+  function s(e) {
+    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r})`;
+  }
+  function l(e) {
+    return `@media (max-width:${(typeof t[e] == "number" ? t[e] : e) - u / 100}${r})`;
+  }
+  function a(e, o) {
+    const d = n.indexOf(o);
+    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r}) and (max-width:${(d !== -1 && typeof t[n[d]] == "number" ? t[n[d]] : o) - u / 100}${r})`;
+  }
+  function p(e) {
+    return n.indexOf(e) + 1 < n.length ? a(e, n[n.indexOf(e) + 1]) : s(e);
+  }
+  function x(e) {
+    const o = n.indexOf(e);
+    return o === 0 ? s(n[1]) : o === n.length - 1 ? l(n[o]) : a(e, n[n.indexOf(e) + 1]).replace("@media", "@media not all and");
+  }
+  return f({
+    keys: n,
+    values: c,
+    up: s,
+    down: l,
+    between: a,
+    only: p,
+    not: x,
+    unit: r
+  }, m);
 }
-r("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
 export {
-  a as getTypographyUtilityClass
+  w as default
 };

package/index.es349.js

@@ -1,32 +1,15 @@
-import i from "./index.es194.js";
-import u from "./index.es195.js";
-import c from "./index.es280.js";
-import { isPlainObject as m } from "./index.es279.js";
-const x = ["sx"], a = (t) => {
-  var s, r;
-  const o = {
-    systemProps: {},
-    otherProps: {}
-  }, n = (s = t == null || (r = t.theme) == null ? void 0 : r.unstable_sxConfig) != null ? s : c;
-  return Object.keys(t).forEach((e) => {
-    n[e] ? o.systemProps[e] = t[e] : o.otherProps[e] = t[e];
-  }), o;
-};
-function _(t) {
-  const {
-    sx: s
-  } = t, r = u(t, x), {
-    systemProps: o,
-    otherProps: n
-  } = a(r);
-  let e;
-  return Array.isArray(s) ? e = [o, ...s] : typeof s == "function" ? e = (...f) => {
-    const l = s(...f);
-    return m(l) ? i({}, o, l) : o;
-  } : e = i({}, o, s), i({}, n, {
-    sx: e
-  });
+import { createUnarySpacing as c } from "./index.es341.js";
+function u(e = 8) {
+  if (e.mui)
+    return e;
+  const o = c({
+    spacing: e
+  }), n = (...r) => (process.env.NODE_ENV !== "production" && r.length <= 4, (r.length === 0 ? [1] : r).map((a) => {
+    const t = o(a);
+    return typeof t == "number" ? `${t}px` : t;
+  }).join(" "));
+  return n.mui = !0, n;
 }
 export {
-  _ as default
+  u as default
 };