mada-design-system 0.7.0 → 0.7.1

package/index.es307.js

@@ -1,9 +1,5 @@
-import e from "./index.es225.js";
-import r from "./index.es226.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.es308.js

@@ -1,10 +1,208 @@
-import e from "./index.es226.js";
-import s from "./index.es225.js";
-function r(t) {
-  return s("MuiPickersMonth", t);
-}
-const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
+import E from "./index.es201.js";
+import x from "./index.es202.js";
+import N from "./index.es366.js";
+import v from "./index.es203.js";
+import A from "./index.es367.js";
+import _ from "./index.es368.js";
+import C from "react";
+import g from "./index.es369.js";
+import { classNamesShape as $ } from "./index.es370.js";
+import { forceReflow as S } from "./index.es371.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.es382.js

@@ -1,4 +1,4 @@
-import f from "./index.es304.js";
+import f from "./index.es307.js";
 export {
   f as default
 };

package/index.es391.js

@@ -1,13 +1,11 @@
-import a from "./index.es392.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
+function u(e, f = []) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
+    t[n] = e[n];
+  }), t;
 }
 export {
-  f as default
+  u as default
 };

package/index.es392.js

@@ -1,6 +1,13 @@
-function n(t) {
-  return typeof t == "string";
+import a from "./index.es393.js";
+function f(t, n, e) {
+  return t === void 0 || a(t) ? n : {
+    ...n,
+    ownerState: {
+      ...n.ownerState,
+      ...e
+    }
+  };
 }
 export {
-  n as default
+  f as default
 };

package/index.es393.js

@@ -1,11 +1,6 @@
-function u(e, f = []) {
-  if (e === void 0)
-    return {};
-  const t = {};
-  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
-    t[n] = e[n];
-  }), t;
+function n(t) {
+  return typeof t == "string";
 }
 export {
-  u as default
+  n as default
 };

package/index.es395.js

@@ -1,5 +1,5 @@
 import { clsx as v } from "./index.es131.js";
-import k from "./index.es393.js";
+import k from "./index.es391.js";
 import H from "./index.es434.js";
 function W(j) {
   const {

package/index.es60.js

@@ -4,10 +4,10 @@ import { cn as d } from "./index.es88.js";
 function s({ ...o }) {
   return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
 }
-function m({ ...o }) {
+function l({ ...o }) {
   return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
 }
-function l({ className: o, align: r = "center", sideOffset: a = 4, ...n }) {
+function m({ className: o, align: r = "center", sideOffset: a = 4, ...n }) {
   return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
     e.Content,
     {
@@ -22,12 +22,16 @@ function l({ className: o, align: r = "center", sideOffset: a = 4, ...n }) {
     }
   ) });
 }
+function c({ ...o }) {
+  return /* @__PURE__ */ t(e.Close, { "data-slot": "popover-close", ...o });
+}
 function f({ ...o }) {
   return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
 }
 export {
   s as Popover,
   f as PopoverAnchor,
-  l as PopoverContent,
-  m as PopoverTrigger
+  c as PopoverClose,
+  m as PopoverContent,
+  l as PopoverTrigger
 };

package/index.es85.js

@@ -1,7 +1,7 @@
 var h = Object.defineProperty;
 var d = (n, e, t) => e in n ? h(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var i = (n, e, t) => (d(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { UserManager as g, Log as r } from "./index.es182.js";
+import { UserManager as g, Log as r } from "./index.es180.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es98.js";
 import "./index.es2.js";
 import u from "./index.es90.js";

package/index.es88.js

@@ -1,10 +1,10 @@
 import { clsx as s } from "./index.es131.js";
 import a from "./index.es123.js";
-import u from "./index.es183.js";
+import u from "./index.es181.js";
 import { strings as c } from "./index.es100.js";
 import { DateFormat as i } from "./index.es157.js";
 import l from "./index.es92.js";
-import { extendTailwindMerge as m } from "./index.es184.js";
+import { extendTailwindMerge as m } from "./index.es182.js";
 import { useToast as d } from "./index.es80.js";
 const g = m({
   classGroups: {

package/index.es91.js

@@ -1,5 +1,5 @@
-import { devtools as t } from "./index.es180.js";
-import { immer as s } from "./index.es181.js";
+import { devtools as t } from "./index.es183.js";
+import { immer as s } from "./index.es184.js";
 const l = {
   name: "Store",
   enabled: !0,

package/index.es95.js

@@ -1,6 +1,6 @@
 import { jsx as O } from "react/jsx-runtime";
 import { useState as y, useReducer as C, useMemo as I, useRef as b, useEffect as v, useCallback as A } from "react";
-import { UserManager as M } from "./index.es182.js";
+import { UserManager as M } from "./index.es180.js";
 import { AuthContext as L } from "./index.es94.js";
 import { initialAuthState as x } from "./index.es96.js";
 import { reducer as D } from "./index.es93.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mada-design-system",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "sideEffects": false,
   "private": false,
   "main": "index.es.js",