mada-design-system 0.3.1 → 0.4.0

package/index.es298.js

@@ -1,9 +1,118 @@
-import r from "./index.es234.js";
-import t from "./index.es235.js";
-function l(e) {
-  return r("MuiYearCalendar", e);
-}
-t("MuiYearCalendar", ["root"]);
+import R from "./index.es195.js";
+import b from "./index.es194.js";
+import * as n from "react";
+import { clsx as w } from "./index.es101.js";
+import { pickersYearClasses as c, getPickersYearUtilityClass as $ } from "./index.es300.js";
+import { jsx as p } from "react/jsx-runtime";
+import f from "./index.es208.js";
+import F from "./index.es217.js";
+import _ from "./index.es216.js";
+import { alpha as v } from "./index.es294.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
+    })
+  }));
+});
 export {
-  l as getYearCalendarUtilityClass
+  W as PickersYear
 };

package/index.es299.js

@@ -1,10 +1,9 @@
-import r from "./index.es235.js";
-import t from "./index.es234.js";
-function a(e) {
-  return t("MuiPickersYear", e);
+import r from "./index.es218.js";
+import t from "./index.es219.js";
+function l(e) {
+  return r("MuiYearCalendar", e);
 }
-const o = r("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]);
+t("MuiYearCalendar", ["root"]);
 export {
-  a as getPickersYearUtilityClass,
-  o as pickersYearClasses
+  l as getYearCalendarUtilityClass
 };

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.es82.js";
+import { cn as e } from "./index.es84.js";
 const s = ({ className: C }) => /* @__PURE__ */ r(
   "svg",
   {

package/index.es30.js

@@ -1,13 +1,13 @@
 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 { cn as s } from "./index.es82.js";
+import { clsx as g } from "./index.es101.js";
+import { cn as s } from "./index.es84.js";
 import "./index.es2.js";
 import { Button as u } from "./index.es22.js";
-import { ScrollArea as x, ScrollBar as y } from "./index.es59.js";
-import N from "./index.es114.js";
-import D from "./index.es86.js";
+import { ScrollArea as x, ScrollBar as y } from "./index.es61.js";
+import N from "./index.es107.js";
+import D from "./index.es88.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.es300.js

@@ -1,18 +1,10 @@
-import c from "./index.es210.js";
-import * as e from "react";
-import { jsx as f } from "react/jsx-runtime";
-import t from "./index.es382.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 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 {
-  d as default
+  a as getPickersYearUtilityClass,
+  o as pickersYearClasses
 };

package/index.es301.js

@@ -1,15 +1,18 @@
-import r from "./index.es302.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;
+import c from "./index.es194.js";
+import * as e from "react";
+import { jsx as f } from "react/jsx-runtime";
+import t from "./index.es388.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));
 }
-const c = (e, o) => {
-  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
-};
 export {
-  y as default,
-  c as internal_processStyles
+  d as default
 };

package/index.es302.js

@@ -1,145 +1,4 @@
-import a from "./index.es364.js";
-import "react";
-var r = [
-  "a",
-  "abbr",
-  "address",
-  "area",
-  "article",
-  "aside",
-  "audio",
-  "b",
-  "base",
-  "bdi",
-  "bdo",
-  "big",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "data",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "keygen",
-  "label",
-  "legend",
-  "li",
-  "link",
-  "main",
-  "map",
-  "mark",
-  "marquee",
-  "menu",
-  "menuitem",
-  "meta",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "param",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "script",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "style",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "title",
-  "tr",
-  "track",
-  "u",
-  "ul",
-  "var",
-  "video",
-  "wbr",
-  // SVG
-  "circle",
-  "clipPath",
-  "defs",
-  "ellipse",
-  "foreignObject",
-  "g",
-  "image",
-  "line",
-  "linearGradient",
-  "mask",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "stop",
-  "svg",
-  "text",
-  "tspan"
-], t = a.bind();
-r.forEach(function(e) {
-  t[e] = t(e);
-});
+var e = { exports: {} };
 export {
-  t as default
+  e as __module
 };

package/index.es303.js

@@ -1,45 +1,47 @@
-import i from "./index.es304.js";
-import b from "./index.es305.js";
-import l from "./index.es306.js";
-import { createUnaryUnit as u, getValue as c } from "./index.es307.js";
-import { handleBreakpoints as m } from "./index.es308.js";
-function e(r) {
-  return typeof r != "number" ? r : `${r}px solid`;
-}
-function o(r, t) {
-  return b({
-    prop: r,
-    themeKey: "borders",
-    transform: t
-  });
-}
-const f = o("border", e), a = o("borderTop", e), p = o("borderRight", e), R = o("borderBottom", e), C = o("borderLeft", e), h = o("borderColor"), y = o("borderTopColor"), T = o("borderRightColor"), B = o("borderBottomColor"), g = o("borderLeftColor"), L = o("outline", e), P = o("outlineColor"), d = (r) => {
-  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
-    const t = u(r.theme, "shape.borderRadius", 4, "borderRadius"), n = (s) => ({
-      borderRadius: c(t, s)
-    });
-    return m(r, r.borderRadius, n);
+import { __exports as i } from "./index.es362.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;
   }
-  return null;
-};
-d.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: i
-} : {};
-d.filterProps = ["borderRadius"];
-l(f, a, p, R, C, h, y, T, B, g, d, L, P);
+  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 {
-  f as border,
-  R as borderBottom,
-  B as borderBottomColor,
-  h as borderColor,
-  C as borderLeft,
-  g as borderLeftColor,
-  d as borderRadius,
-  p as borderRight,
-  T as borderRightColor,
-  a as borderTop,
-  y as borderTopColor,
-  e as borderTransform,
-  L as outline,
-  P as outlineColor
+  x as __require
 };

package/index.es304.js

@@ -1,5 +1,54 @@
-import e from "./index.es212.js";
-const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
+import { __exports as s } from "./index.es363.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 {
-  p as default
+  A as __require
 };

package/index.es305.js

@@ -1,43 +1,8 @@
-import P from "./index.es304.js";
-import { handleBreakpoints as m } from "./index.es308.js";
-import $ from "./index.es314.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
-    return null;
-  if (t && t.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
-    if (n != null)
-      return n;
-  }
-  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
-}
-function y(t, e, f, n = f) {
-  let r;
-  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
-}
-function k(t) {
-  const {
-    prop: e,
-    cssProperty: f = t.prop,
-    themeKey: n,
-    transform: r
-  } = t, s = (o) => {
-    if (o[e] == null)
-      return null;
-    const v = o[e], d = o.theme, i = c(d, n) || {};
-    return m(o, v, (u) => {
-      let l = y(i, r, u);
-      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
-        [f]: l
-      };
-    });
+function u(e, r) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || r(...n);
   };
-  return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [e]: P
-  } : {}, s.filterProps = [e], s;
 }
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  u as default
 };

package/index.es306.js

@@ -1,10 +1,26 @@
-import c from "./index.es309.js";
-function f(...n) {
-  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
-    r[o] = e;
-  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
-  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
+import r from "./index.es196.js";
+import c from "./index.es305.js";
+function m(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.
+  // This is not an accurate check for SSR.
+  // 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;
+}
+const a = c(r.element, l);
+a.isRequired = c(r.element.isRequired, l);
+const R = a;
 export {
-  f as default
+  R as default
 };