mada-design-system 0.5.9 → 0.5.11

package/index.es303.js

@@ -1,208 +1,10 @@
-import E from "./index.es196.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;
+import r from "./index.es219.js";
+import t from "./index.es218.js";
+function a(e) {
+  return t("MuiPickersYear", e);
+}
+const o = r("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]);
 export {
-  z as default
+  a as getPickersYearUtilityClass,
+  o as pickersYearClasses
 };

package/index.es304.js

@@ -1,118 +1,18 @@
-import R from "./index.es197.js";
-import b from "./index.es196.js";
-import * as n from "react";
-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.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,
-    selected: e,
-    classes: a
-  } = o;
-  return _({
-    root: ["root"],
-    yearButton: ["yearButton", r && "disabled", e && "selected"]
-  }, $, a);
-}, O = f("div", {
-  name: "MuiPickersYear",
-  slot: "Root",
-  overridesResolver: (o, r) => [r.root]
-})(({
-  ownerState: o
-}) => ({
-  flexBasis: o.yearsPerRow === 3 ? "33.3%" : "25%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-})), j = f("button", {
-  name: "MuiPickersYear",
-  slot: "YearButton",
-  overridesResolver: (o, r) => [r.yearButton, {
-    [`&.${c.disabled}`]: r.disabled
-  }, {
-    [`&.${c.selected}`]: r.selected
-  }]
-})(({
-  theme: o
-}) => b({
-  color: "unset",
-  backgroundColor: "transparent",
-  border: 0,
-  outline: 0
-}, o.typography.subtitle1, {
-  margin: "6px 0",
-  height: 36,
-  width: 72,
-  borderRadius: 18,
-  cursor: "pointer",
-  "&:focus": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.focusOpacity})` : v(o.palette.action.active, o.palette.action.focusOpacity)
-  },
-  "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.action.active, o.palette.action.hoverOpacity)
-  },
-  "&:disabled": {
-    cursor: "auto",
-    pointerEvents: "none"
-  },
-  [`&.${c.disabled}`]: {
-    color: (o.vars || o).palette.text.secondary
-  },
-  [`&.${c.selected}`]: {
-    color: (o.vars || o).palette.primary.contrastText,
-    backgroundColor: (o.vars || o).palette.primary.main,
-    "&:focus, &:hover": {
-      backgroundColor: (o.vars || o).palette.primary.dark
-    }
+import c from "./index.es194.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
+    }));
   }
-})), W = /* @__PURE__ */ n.memo(function(r) {
-  const e = F({
-    props: r,
-    name: "MuiPickersYear"
-  }), {
-    autoFocus: a,
-    className: i,
-    children: y,
-    disabled: l,
-    selected: k,
-    value: s,
-    tabIndex: m,
-    onClick: C,
-    onKeyDown: x,
-    onFocus: g,
-    onBlur: P,
-    "aria-current": B
-    // We don't want to forward this prop to the root element
-  } = e, Y = R(e, I), u = n.useRef(null), d = N(e);
-  return n.useEffect(() => {
-    a && u.current.focus();
-  }, [a]), /* @__PURE__ */ p(O, b({
-    className: w(d.root, i),
-    ownerState: e
-  }, Y, {
-    children: /* @__PURE__ */ p(j, {
-      ref: u,
-      disabled: l,
-      type: "button",
-      role: "radio",
-      tabIndex: l ? -1 : m,
-      "aria-current": B,
-      "aria-checked": k,
-      onClick: (t) => C(t, s),
-      onKeyDown: (t) => x(t, s),
-      onFocus: (t) => g(t, s),
-      onBlur: (t) => P(t, s),
-      className: d.yearButton,
-      ownerState: e,
-      children: y
-    })
-  }));
-});
+  return process.env.NODE_ENV !== "production" && (o.displayName = `${r}Icon`), o.muiName = t.muiName, /* @__PURE__ */ e.memo(/* @__PURE__ */ e.forwardRef(o));
+}
 export {
-  W as PickersYear
+  d as default
 };

package/index.es305.js

@@ -1,9 +1,100 @@
-import r from "./index.es220.js";
-import t from "./index.es221.js";
-function l(e) {
-  return r("MuiYearCalendar", e);
+var c = "-";
+function h(t) {
+  var r = G(t), n = t.conflictingClassGroups, e = t.conflictingClassGroupModifiers, u = e === void 0 ? {} : e;
+  function a(i) {
+    var f = i.split(c);
+    return f[0] === "" && f.length !== 1 && f.shift(), l(f, r) || g(i);
+  }
+  function o(i, f) {
+    var s = n[i] || [];
+    return f && u[i] ? [].concat(s, u[i]) : s;
+  }
+  return {
+    getClassGroupId: a,
+    getConflictingClassGroupIds: o
+  };
+}
+function l(t, r) {
+  var o;
+  if (t.length === 0)
+    return r.classGroupId;
+  var n = t[0], e = r.nextPart.get(n), u = e ? l(t.slice(1), e) : void 0;
+  if (u)
+    return u;
+  if (r.validators.length !== 0) {
+    var a = t.join(c);
+    return (o = r.validators.find(function(i) {
+      var f = i.validator;
+      return f(a);
+    })) == null ? void 0 : o.classGroupId;
+  }
+}
+var p = /^\[(.+)\]$/;
+function g(t) {
+  if (p.test(t)) {
+    var r = p.exec(t)[1], n = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+    if (n)
+      return "arbitrary.." + n;
+  }
+}
+function G(t) {
+  var r = t.theme, n = t.prefix, e = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  }, u = x(Object.entries(t.classGroups), n);
+  return u.forEach(function(a) {
+    var o = a[0], i = a[1];
+    v(i, e, o, r);
+  }), e;
+}
+function v(t, r, n, e) {
+  t.forEach(function(u) {
+    if (typeof u == "string") {
+      var a = u === "" ? r : d(r, u);
+      a.classGroupId = n;
+      return;
+    }
+    if (typeof u == "function") {
+      if (C(u)) {
+        v(u(e), r, n, e);
+        return;
+      }
+      r.validators.push({
+        validator: u,
+        classGroupId: n
+      });
+      return;
+    }
+    Object.entries(u).forEach(function(o) {
+      var i = o[0], f = o[1];
+      v(f, d(r, i), n, e);
+    });
+  });
+}
+function d(t, r) {
+  var n = t;
+  return r.split(c).forEach(function(e) {
+    n.nextPart.has(e) || n.nextPart.set(e, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), n = n.nextPart.get(e);
+  }), n;
+}
+function C(t) {
+  return t.isThemeGetter;
+}
+function x(t, r) {
+  return r ? t.map(function(n) {
+    var e = n[0], u = n[1], a = u.map(function(o) {
+      return typeof o == "string" ? r + o : typeof o == "object" ? Object.fromEntries(Object.entries(o).map(function(i) {
+        var f = i[0], s = i[1];
+        return [r + f, s];
+      })) : o;
+    });
+    return [e, a];
+  }) : t;
 }
-t("MuiYearCalendar", ["root"]);
 export {
-  l as getYearCalendarUtilityClass
+  G as createClassMap,
+  h as createClassUtils
 };

package/index.es306.js

@@ -1,10 +1,28 @@
-import r from "./index.es221.js";
-import t from "./index.es220.js";
-function a(e) {
-  return t("MuiPickersYear", e);
+function c(i) {
+  if (i < 1)
+    return {
+      get: function() {
+      },
+      set: function() {
+      }
+    };
+  var u = 0, t = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+  function a(r, e) {
+    t.set(r, e), u++, u > i && (u = 0, f = t, t = /* @__PURE__ */ new Map());
+  }
+  return {
+    get: function(e) {
+      var n = t.get(e);
+      if (n !== void 0)
+        return n;
+      if ((n = f.get(e)) !== void 0)
+        return a(e, n), n;
+    },
+    set: function(e, n) {
+      t.has(e) ? t.set(e, n) : a(e, n);
+    }
+  };
 }
-const o = r("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]);
 export {
-  a as getPickersYearUtilityClass,
-  o as pickersYearClasses
+  c as createLruCache
 };

package/index.es307.js

@@ -1,18 +1,41 @@
-import c from "./index.es196.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));
+var g = "!";
+function I(o) {
+  var r = o.separator || ":", i = r.length === 1, s = r[0], f = r.length;
+  return function(a) {
+    for (var v = [], h = 0, e = 0, n, t = 0; t < a.length; t++) {
+      var p = a[t];
+      if (h === 0) {
+        if (p === s && (i || a.slice(t, t + f) === r)) {
+          v.push(a.slice(e, t)), e = t + f;
+          continue;
+        }
+        if (p === "/") {
+          n = t;
+          continue;
+        }
+      }
+      p === "[" ? h++ : p === "]" && h--;
+    }
+    var u = v.length === 0 ? a : a.substring(e), M = u.startsWith(g), l = M ? u.substring(1) : u, b = n && n > e ? n - e : void 0;
+    return {
+      modifiers: v,
+      hasImportantModifier: M,
+      baseClassName: l,
+      maybePostfixModifierPosition: b
+    };
+  };
+}
+function P(o) {
+  if (o.length <= 1)
+    return o;
+  var r = [], i = [];
+  return o.forEach(function(s) {
+    var f = s[0] === "[";
+    f ? (r.push.apply(r, i.sort().concat([s])), i = []) : i.push(s);
+  }), r.push.apply(r, i.sort()), r;
 }
 export {
-  d as default
+  g as IMPORTANT_MODIFIER,
+  I as createSplitModifiers,
+  P as sortModifiers
 };

package/index.es309.js

@@ -1,7 +1,8 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext({});
-process.env.NODE_ENV !== "production" && (t.displayName = "ListContext");
-const o = t;
+import { __module as r } from "./index.es377.js";
+import { __require as e } from "./index.es378.js";
+import { __require as o } from "./index.es379.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.es31.js

@@ -1,7 +1,7 @@
 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.es102.js";
+import { clsx as g } from "./index.es129.js";
 import { cn as s } from "./index.es85.js";
 import "./index.es2.js";
 import { Button as u } from "./index.es22.js";

package/index.es310.js

@@ -1,10 +1,7 @@
-import t from "./index.es221.js";
-import s from "./index.es220.js";
-function r(e) {
-  return s("MuiMenuItem", e);
+function n(t) {
+  const e = t.documentElement.clientWidth;
+  return Math.abs(window.innerWidth - e);
 }
-const i = t("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), u = i;
 export {
-  u as default,
-  r as getMenuItemUtilityClass
+  n as default
 };

package/index.es311.js

@@ -1,5 +1,6 @@
-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;
+function n(e) {
+  return e && e.ownerDocument || document;
+}
 export {
-  l as default
+  n as default
 };