mada-design-system 0.2.2 → 0.2.3

package/index.es297.js

@@ -1,208 +1,10 @@
-import E from "./index.es210.js";
-import x from "./index.es211.js";
-import N from "./index.es340.js";
-import v from "./index.es212.js";
-import A from "./index.es341.js";
-import _ from "./index.es342.js";
-import C from "react";
-import g from "./index.es343.js";
-import { classNamesShape as $ } from "./index.es344.js";
-import { forceReflow as S } from "./index.es345.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.es233.js";
+import t from "./index.es232.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.es298.js

@@ -1,18 +1,4 @@
-import c from "./index.es210.js";
-import * as e from "react";
-import { jsx as f } from "react/jsx-runtime";
-import t from "./index.es380.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 r = {};
 export {
-  d as default
+  r as __exports
 };

package/index.es299.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = {};
 export {
-  r as __exports
+  e as __exports
 };

package/index.es30.js

@@ -2,9 +2,9 @@ import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-dropdown-menu";
 import * as r from "react";
 import { cn as d } from "./index.es79.js";
-import l from "./index.es129.js";
-import p from "./index.es130.js";
-import m from "./index.es131.js";
+import l from "./index.es130.js";
+import p from "./index.es131.js";
+import m from "./index.es132.js";
 const S = e.Root, C = e.Trigger, z = e.Group, k = e.Portal, T = e.Sub, j = e.RadioGroup, u = r.forwardRef(({ className: a, inset: t, children: o, ...n }, i) => /* @__PURE__ */ c(
   e.SubTrigger,
   {

package/index.es300.js

@@ -1,4 +1,18 @@
-var e = {};
+import c from "./index.es208.js";
+import * as e from "react";
+import { jsx as f } from "react/jsx-runtime";
+import t from "./index.es380.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 {
-  e as __exports
+  d as default
 };

package/index.es302.js

@@ -1,23 +1,26 @@
-import c from "./index.es212.js";
-import l from "./index.es301.js";
-function f(n) {
+import r from "./index.es210.js";
+import c from "./index.es301.js";
+function m(n) {
   const {
     prototype: e = {}
   } = n;
   return !!e.isReactComponent;
 }
-function u(n, e, i, r, p) {
-  const t = n[e], a = p || e;
-  if (t == null || // When server-side rendering React doesn't warn either.
+function l(n, e, p, f, s) {
+  const o = n[e], u = s || e;
+  if (o == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
+  // This is only in place for Emotion compat.
   // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
   typeof window > "u")
     return null;
-  let o;
-  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  let t;
+  const i = o.type;
+  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const m = l(c.elementType, u);
+const a = c(r.element, l);
+a.isRequired = c(r.element.isRequired, l);
+const R = a;
 export {
-  m as default
+  R as default
 };

package/index.es303.js

@@ -1,26 +1,23 @@
-import r from "./index.es212.js";
-import c from "./index.es301.js";
-function m(n) {
+import c from "./index.es210.js";
+import l from "./index.es301.js";
+function f(n) {
   const {
     prototype: e = {}
   } = n;
   return !!e.isReactComponent;
 }
-function l(n, e, p, f, s) {
-  const o = n[e], u = s || e;
-  if (o == null || // When server-side rendering React doesn't warn either.
+function u(n, e, i, r, p) {
+  const t = n[e], a = p || e;
+  if (t == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
-  // This is only in place for Emotion compat.
+  // This is only in place for emotion compat.
   // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
   typeof window > "u")
     return null;
-  let t;
-  const i = o.type;
-  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  let o;
+  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const a = c(r.element, l);
-a.isRequired = c(r.element.isRequired, l);
-const R = a;
+const m = l(c.elementType, u);
 export {
-  R as default
+  m as default
 };

package/index.es305.js

@@ -1,6 +1,6 @@
-import { __module as r } from "./index.es362.js";
-import { __require as e } from "./index.es363.js";
-import { __require as o } from "./index.es364.js";
+import { __module as r } from "./index.es356.js";
+import { __require as e } from "./index.es357.js";
+import { __require as o } from "./index.es358.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
 var i = r.exports;
 export {

package/index.es306.js

@@ -1,9 +1,5 @@
-import e from "./index.es274.js";
-function o(r) {
-  if (typeof r != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : e(7));
-  return r.charAt(0).toUpperCase() + r.slice(1);
-}
+import e from "./index.es210.js";
+const o = e.oneOfType([e.func, e.object]), f = o;
 export {
-  o as default
+  f as default
 };

package/index.es307.js

@@ -1,5 +1,9 @@
-import e from "./index.es212.js";
-const o = e.oneOfType([e.func, e.object]), f = o;
+import e from "./index.es274.js";
+function o(r) {
+  if (typeof r != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : e(7));
+  return r.charAt(0).toUpperCase() + r.slice(1);
+}
 export {
-  f as default
+  o as default
 };

package/index.es309.js

@@ -1,21 +1,69 @@
-class t {
-  constructor() {
-    this.currentId = null, this.clear = () => {
-      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-    }, this.disposeEffect = () => this.clear;
+import * as a from "react";
+import { Timeout as o } from "./index.es310.js";
+let n = !0, s = !1;
+const c = new o(), f = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
+};
+function d(e) {
+  const {
+    type: t,
+    tagName: r
+  } = e;
+  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+}
+function h(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
+}
+function i() {
+  n = !1;
+}
+function y() {
+  this.visibilityState === "hidden" && s && (n = !0);
+}
+function m(e) {
+  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
+}
+function b(e) {
+  const {
+    target: t
+  } = e;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
   }
-  static create() {
-    return new t();
+  return n || d(t);
+}
+function w() {
+  const e = a.useCallback((u) => {
+    u != null && m(u.ownerDocument);
+  }, []), t = a.useRef(!1);
+  function r() {
+    return t.current ? (s = !0, c.start(100, () => {
+      s = !1;
+    }), t.current = !1, !0) : !1;
   }
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(r, e) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, e();
-    }, r);
+  function l(u) {
+    return b(u) ? (t.current = !0, !0) : !1;
   }
+  return {
+    isFocusVisibleRef: t,
+    onFocus: l,
+    onBlur: r,
+    ref: e
+  };
 }
 export {
-  t as Timeout
+  w as default
 };

package/index.es31.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { cva as s } from "./index.es107.js";
+import { cva as s } from "./index.es108.js";
 import { cn as d } from "./index.es79.js";
 const n = s(
   "fill-background [&>ellipse]:fill-foreground-secondary [&>path:last-child]:fill-foreground-secondary [&>rect]:fill-foreground-secondary group-data-[state=on]:[&>ellipse]:fill-white group-data-[state=on]:[&>path:last-child]:fill-white group-data-[state=on]:[&>rect]:fill-white",

package/index.es310.js

@@ -1,69 +1,21 @@
-import * as a from "react";
-import { Timeout as o } from "./index.es309.js";
-let n = !0, s = !1;
-const c = new o(), f = {
-  text: !0,
-  search: !0,
-  url: !0,
-  tel: !0,
-  email: !0,
-  password: !0,
-  number: !0,
-  date: !0,
-  month: !0,
-  week: !0,
-  time: !0,
-  datetime: !0,
-  "datetime-local": !0
-};
-function d(e) {
-  const {
-    type: t,
-    tagName: r
-  } = e;
-  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
-}
-function h(e) {
-  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
-}
-function i() {
-  n = !1;
-}
-function y() {
-  this.visibilityState === "hidden" && s && (n = !0);
-}
-function m(e) {
-  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
-}
-function b(e) {
-  const {
-    target: t
-  } = e;
-  try {
-    return t.matches(":focus-visible");
-  } catch {
+class t {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
   }
-  return n || d(t);
-}
-function w() {
-  const e = a.useCallback((u) => {
-    u != null && m(u.ownerDocument);
-  }, []), t = a.useRef(!1);
-  function r() {
-    return t.current ? (s = !0, c.start(100, () => {
-      s = !1;
-    }), t.current = !1, !0) : !1;
+  static create() {
+    return new t();
   }
-  function l(u) {
-    return b(u) ? (t.current = !0, !0) : !1;
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(r, e) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, e();
+    }, r);
   }
-  return {
-    isFocusVisibleRef: t,
-    onFocus: l,
-    onBlur: r,
-    ref: e
-  };
 }
 export {
-  w as default
+  t as Timeout
 };

package/index.es311.js

@@ -1,4 +1,4 @@
-import f from "./index.es210.js";
+import f from "./index.es208.js";
 function b(i, l) {
   const s = f({}, l);
   return Object.keys(i).forEach((t) => {

package/index.es317.js

@@ -1,4 +1,4 @@
-import e from "./index.es212.js";
+import e from "./index.es210.js";
 const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
 export {
   p as default

package/index.es318.js

@@ -1,6 +1,6 @@
 import P from "./index.es317.js";
 import { handleBreakpoints as m } from "./index.es321.js";
-import $ from "./index.es306.js";
+import $ from "./index.es307.js";
 function c(t, e, f = !0) {
   if (!e || typeof e != "string")
     return null;

package/index.es32.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { cva as f } from "./index.es107.js";
+import { cva as f } from "./index.es108.js";
 import { cn as a } from "./index.es79.js";
 const m = f("flex p-space-04 rounded-3 grow", {
   variants: {

package/index.es327.js

@@ -1,5 +1,5 @@
-import v from "./index.es211.js";
-import f from "./index.es210.js";
+import v from "./index.es209.js";
+import f from "./index.es208.js";
 const h = ["values", "unit", "step"], $ = (i) => {
   const t = Object.keys(i).map((r) => ({
     key: r,

package/index.es340.js

@@ -1,7 +1,18 @@
-import e from "./index.es372.js";
-function p(o, t) {
-  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
+const s = (t) => t.scrollTop;
+function l(t, e) {
+  var r, a;
+  const {
+    timeout: n,
+    easing: i,
+    style: o = {}
+  } = t;
+  return {
+    duration: (r = o.transitionDuration) != null ? r : typeof n == "number" ? n : n[e.mode] || 0,
+    easing: (a = o.transitionTimingFunction) != null ? a : typeof i == "object" ? i[e.mode] : i,
+    delay: o.transitionDelay
+  };
 }
 export {
-  p as default
+  l as getTransitionProps,
+  s as reflow
 };