mada-design-system 0.0.10 → 0.0.11

package/index.es292.js

@@ -1,208 +1,34 @@
-import E from "./index.es189.js";
-import x from "./index.es190.js";
-import N from "./index.es341.js";
-import v from "./index.es191.js";
-import A from "./index.es342.js";
-import _ from "./index.es343.js";
-import C from "react";
-import g from "./index.es344.js";
-import { classNamesShape as $ } from "./index.es345.js";
-import { forceReflow as S } from "./index.es346.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;
+import { r as n } from "./index.es293.js";
+const i = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
+function c(e) {
+  const t = `${e}`.match(i);
+  return t && t[1] || "";
+}
+function f(e, t = "") {
+  return e.displayName || e.name || c(e) || t;
+}
+function u(e, t, r) {
+  const a = f(t);
+  return e.displayName || (a !== "" ? `${r}(${a})` : r);
+}
+function d(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return f(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case n.ForwardRef:
+          return u(e, e.render, "ForwardRef");
+        case n.Memo:
+          return u(e, e.type, "memo");
+        default:
+          return;
+      }
   }
-  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 {
-  z as default
+  d as default,
+  c as getFunctionName
 };

package/index.es293.js

@@ -1,118 +1,8 @@
-import R from "./index.es190.js";
-import b from "./index.es189.js";
-import * as n from "react";
-import { clsx as w } from "./index.es95.js";
-import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es295.js";
-import { jsx as p } from "react/jsx-runtime";
-import f from "./index.es204.js";
-import F from "./index.es192.js";
-import _ from "./index.es212.js";
-import { alpha as v } from "./index.es289.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
-    }
-  }
-})), 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
-    })
-  }));
-});
+import { __module as r } from "./index.es348.js";
+import { __require as e } from "./index.es349.js";
+import { __require as o } from "./index.es350.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  W as PickersYear
+  i as r
 };

package/index.es294.js

@@ -1,9 +1,5 @@
-import r from "./index.es213.js";
-import t from "./index.es214.js";
-function l(e) {
-  return r("MuiYearCalendar", e);
-}
-t("MuiYearCalendar", ["root"]);
+import e from "./index.es193.js";
+const o = e.oneOfType([e.func, e.object]), f = o;
 export {
-  l as getYearCalendarUtilityClass
+  f as default
 };

package/index.es295.js

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

package/index.es296.js

@@ -1,18 +1,6 @@
-import c from "./index.es189.js";
-import * as e from "react";
-import { jsx as f } from "react/jsx-runtime";
-import t from "./index.es383.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));
+function e(t, n) {
+  typeof t == "function" ? t(n) : t && (t.current = n);
 }
 export {
-  d as default
+  e as default
 };

package/index.es297.js

@@ -1,4 +1,21 @@
-var e = { exports: {} };
+class t {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new t();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(r, e) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, e();
+    }, r);
+  }
+}
 export {
-  e as __module
+  t as Timeout
 };

package/index.es298.js

@@ -1,47 +1,69 @@
-import { __exports as i } from "./index.es357.js";
-import h from "react";
-var f;
-function x() {
-  if (f)
-    return i;
-  f = 1;
-  var u = h;
-  function s(e, t) {
-    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-  }
-  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
-  function v(e, t) {
-    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
-    return p(
-      function() {
-        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
-      },
-      [e, r, t]
-    ), l(
-      function() {
-        return o(n) && c({ inst: n }), e(function() {
-          o(n) && c({ inst: n });
-        });
-      },
-      [e]
-    ), E(r), r;
+import * as a from "react";
+import { Timeout as o } from "./index.es297.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 {
   }
-  function o(e) {
-    var t = e.getSnapshot;
-    e = e.value;
-    try {
-      var r = t();
-      return !S(e, r);
-    } catch {
-      return !0;
-    }
+  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;
   }
-  function y(e, t) {
-    return t();
+  function l(u) {
+    return b(u) ? (t.current = !0, !0) : !1;
   }
-  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
-  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+  return {
+    isFocusVisibleRef: t,
+    onFocus: l,
+    onBlur: r,
+    ref: e
+  };
 }
 export {
-  x as __require
+  w as default
 };

package/index.es299.js

@@ -1,58 +1,18 @@
-import { __exports as s } from "./index.es358.js";
-import h from "react";
-var l;
-function A() {
-  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && function() {
-    function d(e, t) {
-      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-    }
-    function S(e, t) {
-      c || o.startTransition === void 0 || (c = !0, console.error(
-        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-      ));
-      var n = t();
-      if (!f) {
-        var u = t();
-        _(n, u) || (console.error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), f = !0);
-      }
-      u = p({
-        inst: { value: n, getSnapshot: t }
-      });
-      var r = u[0].inst, i = u[1];
-      return L(
-        function() {
-          r.value = n, r.getSnapshot = t, a(r) && i({ inst: r });
-        },
-        [e, n, t]
-      ), E(
-        function() {
-          return a(r) && i({ inst: r }), e(function() {
-            a(r) && i({ inst: r });
-          });
-        },
-        [e]
-      ), y(n), n;
-    }
-    function a(e) {
-      var t = e.getSnapshot;
-      e = e.value;
-      try {
-        var n = t();
-        return !_(e, n);
-      } catch {
-        return !0;
-      }
-    }
-    function O(e, t) {
-      return t();
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, c = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
-    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }(), s);
+import f from "./index.es191.js";
+function b(i, l) {
+  const s = f({}, l);
+  return Object.keys(i).forEach((t) => {
+    if (t.toString().match(/^(components|slots)$/))
+      s[t] = f({}, i[t], s[t]);
+    else if (t.toString().match(/^(componentsProps|slotProps)$/)) {
+      const n = i[t] || {}, c = l[t];
+      s[t] = {}, !c || !Object.keys(c) ? s[t] = n : !n || !Object.keys(n) ? s[t] = c : (s[t] = f({}, c), Object.keys(n).forEach((e) => {
+        s[t][e] = b(n[e], c[e]);
+      }));
+    } else
+      s[t] === void 0 && (s[t] = i[t]);
+  }), s;
 }
 export {
-  A as __require
+  b as default
 };

package/index.es3.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { cn as e } from "./index.es77.js";
+import { cn as e } from "./index.es76.js";
 const s = ({ className: C }) => /* @__PURE__ */ r(
   "svg",
   {

package/index.es30.js

@@ -1,10 +1,10 @@
 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.es77.js";
-import l from "./index.es122.js";
-import p from "./index.es123.js";
-import m from "./index.es124.js";
+import { cn as d } from "./index.es76.js";
+import l from "./index.es124.js";
+import p from "./index.es125.js";
+import m from "./index.es126.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,
   {