mada-design-system 0.5.5 → 0.5.7

package/index.es309.js

@@ -1,118 +1,7 @@
-import R from "./index.es221.js";
-import b from "./index.es220.js";
-import * as n from "react";
-import { clsx as w } from "./index.es101.js";
-import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es311.js";
-import { jsx as p } from "react/jsx-runtime";
-import f from "./index.es234.js";
-import F from "./index.es243.js";
-import _ from "./index.es242.js";
-import { alpha as v } from "./index.es255.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 * as e from "react";
+const t = /* @__PURE__ */ e.createContext({});
+process.env.NODE_ENV !== "production" && (t.displayName = "ListContext");
+const o = t;
 export {
-  W as PickersYear
+  o as default
 };

package/index.es31.js

@@ -6,7 +6,7 @@ import { cn as s } from "./index.es85.js";
 import "./index.es2.js";
 import { Button as u } from "./index.es22.js";
 import { ScrollArea as x, ScrollBar as y } from "./index.es62.js";
-import N from "./index.es117.js";
+import N from "./index.es113.js";
 import D from "./index.es89.js";
 const _ = t.Root, A = t.Trigger, b = t.Portal, w = t.Close, n = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ o(
   t.Overlay,

package/index.es310.js

@@ -1,9 +1,10 @@
-import r from "./index.es244.js";
-import t from "./index.es245.js";
-function l(e) {
-  return r("MuiYearCalendar", e);
+import t from "./index.es231.js";
+import s from "./index.es230.js";
+function r(e) {
+  return s("MuiMenuItem", e);
 }
-t("MuiYearCalendar", ["root"]);
+const i = t("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), u = i;
 export {
-  l as getYearCalendarUtilityClass
+  u as default,
+  r as getMenuItemUtilityClass
 };

package/index.es311.js

@@ -1,10 +1,5 @@
-import r from "./index.es245.js";
-import t from "./index.es244.js";
-function a(e) {
-  return t("MuiPickersYear", e);
-}
-const o = r("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]);
+import e from "./index.es231.js";
+const t = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), l = t;
 export {
-  a as getPickersYearUtilityClass,
-  o as pickersYearClasses
+  l as default
 };

package/index.es312.js

@@ -1,18 +1,5 @@
-import c from "./index.es220.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));
-}
+import t from "./index.es231.js";
+const e = t("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), i = e;
 export {
-  d as default
+  i as default
 };

package/index.es313.js

@@ -1,7 +1,5 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext({});
-process.env.NODE_ENV !== "production" && (t.displayName = "ListContext");
-const o = t;
+import t from "./index.es231.js";
+const s = t("MuiListItemIcon", ["root", "alignItemsFlexStart"]), o = s;
 export {
   o as default
 };

package/index.es314.js

@@ -1,10 +1,8 @@
-import t from "./index.es245.js";
-import s from "./index.es244.js";
-function r(e) {
-  return s("MuiMenuItem", e);
-}
-const i = t("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), u = i;
+import { __module as r } from "./index.es379.js";
+import { __require as e } from "./index.es380.js";
+import { __require as o } from "./index.es381.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  u as default,
-  r as getMenuItemUtilityClass
+  i as r
 };

package/index.es315.js

@@ -1,5 +1,7 @@
-import e from "./index.es245.js";
-const t = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), l = t;
+function n(t) {
+  const e = t.documentElement.clientWidth;
+  return Math.abs(window.innerWidth - e);
+}
 export {
-  l as default
+  n as default
 };

package/index.es316.js

@@ -1,5 +1,6 @@
-import t from "./index.es245.js";
-const e = t("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), i = e;
+function n(e) {
+  return e && e.ownerDocument || document;
+}
 export {
-  i as default
+  n as default
 };

package/index.es317.js

@@ -1,5 +1,119 @@
-import t from "./index.es245.js";
-const s = t("MuiListItemIcon", ["root", "alignItemsFlexStart"]), o = s;
+import P from "./index.es207.js";
+import i from "./index.es206.js";
+import * as l from "react";
+import e from "./index.es208.js";
+import { clsx as x } from "./index.es101.js";
+import L from "./index.es220.js";
+import T from "./index.es229.js";
+import v from "./index.es309.js";
+import { getListUtilityClass as y } from "./index.es413.js";
+import { jsx as j, jsxs as N } from "react/jsx-runtime";
+import R from "./index.es228.js";
+const C = ["children", "className", "component", "dense", "disablePadding", "subheader"], O = (s) => {
+  const {
+    classes: o,
+    disablePadding: t,
+    dense: r,
+    subheader: n
+  } = s;
+  return R({
+    root: ["root", !t && "padding", r && "dense", n && "subheader"]
+  }, y, o);
+}, _ = L("ul", {
+  name: "MuiList",
+  slot: "Root",
+  overridesResolver: (s, o) => {
+    const {
+      ownerState: t
+    } = s;
+    return [o.root, !t.disablePadding && o.padding, t.dense && o.dense, t.subheader && o.subheader];
+  }
+})(({
+  ownerState: s
+}) => i({
+  listStyle: "none",
+  margin: 0,
+  padding: 0,
+  position: "relative"
+}, !s.disablePadding && {
+  paddingTop: 8,
+  paddingBottom: 8
+}, s.subheader && {
+  paddingTop: 0
+})), m = /* @__PURE__ */ l.forwardRef(function(o, t) {
+  const r = T({
+    props: o,
+    name: "MuiList"
+  }), {
+    children: n,
+    className: a,
+    component: c = "ul",
+    dense: d = !1,
+    disablePadding: u = !1,
+    subheader: f
+  } = r, b = P(r, C), h = l.useMemo(() => ({
+    dense: d
+  }), [d]), p = i({}, r, {
+    component: c,
+    dense: d,
+    disablePadding: u
+  }), g = O(p);
+  return /* @__PURE__ */ j(v.Provider, {
+    value: h,
+    children: /* @__PURE__ */ N(_, i({
+      as: c,
+      className: x(g.root, a),
+      ref: t,
+      ownerState: p
+    }, b, {
+      children: [f, n]
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (m.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
+   * the list and list items.
+   * The prop is available to descendant components as the `dense` context.
+   * @default false
+   */
+  dense: e.bool,
+  /**
+   * If `true`, vertical padding is removed from the list.
+   * @default false
+   */
+  disablePadding: e.bool,
+  /**
+   * The content of the subheader, normally `ListSubheader`.
+   */
+  subheader: e.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+const k = m;
 export {
-  o as default
+  k as default
 };

package/index.es318.js

@@ -1,8 +1,6 @@
-import { __module as r } from "./index.es381.js";
-import { __require as e } from "./index.es382.js";
-import { __require as o } from "./index.es383.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+function e(t, n) {
+  typeof t == "function" ? t(n) : t && (t.current = n);
+}
 export {
-  i as r
+  e as default
 };

package/index.es319.js

@@ -1,7 +1,4 @@
-function n(t) {
-  const e = t.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - e);
-}
+var e = { exports: {} };
 export {
-  n as default
+  e as __module
 };

package/index.es32.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.es85.js";
-import l from "./index.es137.js";
-import p from "./index.es138.js";
-import m from "./index.es139.js";
+import l from "./index.es133.js";
+import p from "./index.es134.js";
+import m from "./index.es135.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.es320.js

@@ -1,6 +1,47 @@
-function n(e) {
-  return e && e.ownerDocument || document;
+import { __exports as i } from "./index.es384.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;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function y(e, t) {
+    return t();
+  }
+  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;
 }
 export {
-  n as default
+  x as __require
 };

package/index.es321.js

@@ -1,119 +1,54 @@
-import P from "./index.es221.js";
-import i from "./index.es220.js";
-import * as l from "react";
-import e from "./index.es222.js";
-import { clsx as x } from "./index.es101.js";
-import L from "./index.es234.js";
-import T from "./index.es243.js";
-import v from "./index.es313.js";
-import { getListUtilityClass as y } from "./index.es411.js";
-import { jsx as j, jsxs as N } from "react/jsx-runtime";
-import R from "./index.es242.js";
-const C = ["children", "className", "component", "dense", "disablePadding", "subheader"], O = (s) => {
-  const {
-    classes: o,
-    disablePadding: t,
-    dense: r,
-    subheader: n
-  } = s;
-  return R({
-    root: ["root", !t && "padding", r && "dense", n && "subheader"]
-  }, y, o);
-}, _ = L("ul", {
-  name: "MuiList",
-  slot: "Root",
-  overridesResolver: (s, o) => {
-    const {
-      ownerState: t
-    } = s;
-    return [o.root, !t.disablePadding && o.padding, t.dense && o.dense, t.subheader && o.subheader];
-  }
-})(({
-  ownerState: s
-}) => i({
-  listStyle: "none",
-  margin: 0,
-  padding: 0,
-  position: "relative"
-}, !s.disablePadding && {
-  paddingTop: 8,
-  paddingBottom: 8
-}, s.subheader && {
-  paddingTop: 0
-})), m = /* @__PURE__ */ l.forwardRef(function(o, t) {
-  const r = T({
-    props: o,
-    name: "MuiList"
-  }), {
-    children: n,
-    className: a,
-    component: c = "ul",
-    dense: d = !1,
-    disablePadding: u = !1,
-    subheader: f
-  } = r, b = P(r, C), h = l.useMemo(() => ({
-    dense: d
-  }), [d]), p = i({}, r, {
-    component: c,
-    dense: d,
-    disablePadding: u
-  }), g = O(p);
-  return /* @__PURE__ */ j(v.Provider, {
-    value: h,
-    children: /* @__PURE__ */ N(_, i({
-      as: c,
-      className: x(g.root, a),
-      ref: t,
-      ownerState: p
-    }, b, {
-      children: [f, n]
-    }))
-  });
-});
-process.env.NODE_ENV !== "production" && (m.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
-   * the list and list items.
-   * The prop is available to descendant components as the `dense` context.
-   * @default false
-   */
-  dense: e.bool,
-  /**
-   * If `true`, vertical padding is removed from the list.
-   * @default false
-   */
-  disablePadding: e.bool,
-  /**
-   * The content of the subheader, normally `ListSubheader`.
-   */
-  subheader: e.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-const k = m;
+import { __exports as s } from "./index.es385.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);
+      var n = t();
+      if (!f) {
+        var u = t();
+        _(n, u) || (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);
+}
 export {
-  k as default
+  A as __require
 };

package/index.es322.js

@@ -1,6 +1,15 @@
-function e(t, n) {
-  typeof t == "function" ? t(n) : t && (t.current = n);
+import r from "./index.es323.js";
+function y(e, o) {
+  const n = r(e, o);
+  return process.env.NODE_ENV !== "production" ? (...t) => {
+    const i = typeof e == "string" ? `"${e}"` : "component";
+    return t.length === 0 || t.some((s) => s === void 0), n(...t);
+  } : n;
 }
+const c = (e, o) => {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
+};
 export {
-  e as default
+  y as default,
+  c as internal_processStyles
 };