mada-design-system 0.5.12 → 0.6.0

package/index.es232.js

@@ -1,4 +1,240 @@
-var e = { exports: {} };
+import w from "./index.es200.js";
+import l from "./index.es199.js";
+import * as d from "react";
+import o from "./index.es201.js";
+import { clsx as x } from "./index.es130.js";
+import E, { rootShouldForwardProp as F } from "./index.es213.js";
+import G from "./index.es222.js";
+import $ from "./index.es311.js";
+import i, { getMenuItemUtilityClass as L } from "./index.es312.js";
+import { jsx as I } from "react/jsx-runtime";
+import _ from "./index.es307.js";
+import O from "./index.es313.js";
+import M from "./index.es314.js";
+import N from "./index.es315.js";
+import D from "./index.es308.js";
+import S from "./index.es233.js";
+import U from "./index.es221.js";
+import { alpha as p } from "./index.es234.js";
+const H = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], z = (e, t) => {
+  const {
+    ownerState: s
+  } = e;
+  return [t.root, s.dense && t.dense, s.divider && t.divider, !s.disableGutters && t.gutters];
+}, W = (e) => {
+  const {
+    disabled: t,
+    dense: s,
+    divider: a,
+    disableGutters: c,
+    selected: u,
+    classes: r
+  } = e, n = U({
+    root: ["root", s && "dense", t && "disabled", !c && "gutters", a && "divider", u && "selected"]
+  }, L, r);
+  return l({}, r, n);
+}, q = E(_, {
+  shouldForwardProp: (e) => F(e) || e === "classes",
+  name: "MuiMenuItem",
+  slot: "Root",
+  overridesResolver: z
+})(({
+  theme: e,
+  ownerState: t
+}) => l({}, e.typography.body1, {
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  minHeight: 48,
+  paddingTop: 6,
+  paddingBottom: 6,
+  boxSizing: "border-box",
+  whiteSpace: "nowrap"
+}, !t.disableGutters && {
+  paddingLeft: 16,
+  paddingRight: 16
+}, t.divider && {
+  borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
+  backgroundClip: "padding-box"
+}, {
+  "&:hover": {
+    textDecoration: "none",
+    backgroundColor: (e.vars || e).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${i.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity),
+    [`&.${i.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    }
+  },
+  [`&.${i.selected}:hover`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : p(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : p(e.palette.primary.main, e.palette.action.selectedOpacity)
+    }
+  },
+  [`&.${i.focusVisible}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${i.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
+  },
+  [`& + .${O.root}`]: {
+    marginTop: e.spacing(1),
+    marginBottom: e.spacing(1)
+  },
+  [`& + .${O.inset}`]: {
+    marginLeft: 52
+  },
+  [`& .${M.root}`]: {
+    marginTop: 0,
+    marginBottom: 0
+  },
+  [`& .${M.inset}`]: {
+    paddingLeft: 36
+  },
+  [`& .${N.root}`]: {
+    minWidth: 36
+  }
+}, !t.dense && {
+  [e.breakpoints.up("sm")]: {
+    minHeight: "auto"
+  }
+}, t.dense && l({
+  minHeight: 32,
+  // https://m2.material.io/components/menus#specs > Dense
+  paddingTop: 4,
+  paddingBottom: 4
+}, e.typography.body2, {
+  [`& .${N.root} svg`]: {
+    fontSize: "1.25rem"
+  }
+}))), T = /* @__PURE__ */ d.forwardRef(function(t, s) {
+  const a = G({
+    props: t,
+    name: "MuiMenuItem"
+  }), {
+    autoFocus: c = !1,
+    component: u = "li",
+    dense: r = !1,
+    divider: b = !1,
+    disableGutters: n = !1,
+    focusVisibleClassName: k,
+    role: R = "menuitem",
+    tabIndex: v,
+    className: V
+  } = a, B = w(a, H), g = d.useContext($), y = d.useMemo(() => ({
+    dense: r || g.dense || !1,
+    disableGutters: n
+  }), [g.dense, r, n]), m = d.useRef(null);
+  D(() => {
+    c && (m.current ? m.current.focus() : process.env.NODE_ENV);
+  }, [c]);
+  const P = l({}, a, {
+    dense: y.dense,
+    divider: b,
+    disableGutters: n
+  }), f = W(a), j = S(m, s);
+  let C;
+  return a.disabled || (C = v !== void 0 ? v : -1), /* @__PURE__ */ I($.Provider, {
+    value: y,
+    children: /* @__PURE__ */ I(q, l({
+      ref: j,
+      role: R,
+      tabIndex: C,
+      component: u,
+      focusVisibleClassName: x(f.focusVisible, k),
+      className: x(f.root, V)
+    }, B, {
+      ownerState: P,
+      classes: f
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (T.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * If `true`, the list item is focused during the first mount.
+   * Focus will also be triggered if the value changes from false to true.
+   * @default false
+   */
+  autoFocus: o.bool,
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent Menu component.
+   * @default false
+   */
+  dense: o.bool,
+  /**
+   * @ignore
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters: o.bool,
+  /**
+   * If `true`, a 1px light border is added to the bottom of the menu item.
+   * @default false
+   */
+  divider: o.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: o.string,
+  /**
+   * @ignore
+   */
+  role: o.string,
+  /**
+   * If `true`, the component is selected.
+   * @default false
+   */
+  selected: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * @default 0
+   */
+  tabIndex: o.number
+});
+const ce = T;
 export {
-  e as __module
+  ce as default,
+  z as overridesResolver
 };

package/index.es233.js

@@ -1,60 +1,12 @@
-import { __exports as d } from "./index.es265.js";
-import q from "react";
-import { __require as w } from "./index.es266.js";
-var V;
-function k() {
-  if (V)
-    return d;
-  V = 1;
-  var a = q, j = w();
-  function z(r, u) {
-    return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
-  }
-  var M = typeof Object.is == "function" ? Object.is : z, W = j.useSyncExternalStore, h = a.useRef, y = a.useEffect, D = a.useMemo, O = a.useDebugValue;
-  return d.useSyncExternalStoreWithSelector = function(r, u, m, v, t) {
-    var i = h(null);
-    if (i.current === null) {
-      var o = { hasValue: !1, value: null };
-      i.current = o;
-    } else
-      o = i.current;
-    i = D(
-      function() {
-        function _(e) {
-          if (!s) {
-            if (s = !0, l = e, e = v(e), t !== void 0 && o.hasValue) {
-              var f = o.value;
-              if (t(f, e))
-                return n = f;
-            }
-            return n = e;
-          }
-          if (f = n, M(l, e))
-            return f;
-          var R = v(e);
-          return t !== void 0 && t(f, R) ? (l = e, f) : (l = e, n = R);
-        }
-        var s = !1, l, n, b = m === void 0 ? null : m;
-        return [
-          function() {
-            return _(u());
-          },
-          b === null ? void 0 : function() {
-            return _(b());
-          }
-        ];
-      },
-      [u, m, v, t]
-    );
-    var c = W(r, i[0], i[1]);
-    return y(
-      function() {
-        o.hasValue = !0, o.value = c;
-      },
-      [c]
-    ), O(c), c;
-  }, d;
+import * as o from "react";
+import u from "./index.es320.js";
+function f(...e) {
+  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
+    e.forEach((t) => {
+      u(t, r);
+    });
+  }, e);
 }
 export {
-  k as __require
+  f as default
 };

package/index.es234.js

@@ -1,59 +1,97 @@
-import { __exports as d } from "./index.es267.js";
-import M from "react";
-import { __require as b } from "./index.es266.js";
-var s;
-function H() {
-  return s ? d : (s = 1, process.env.NODE_ENV !== "production" && function() {
-    function A(r, u) {
-      return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var n = M, R = b(), T = typeof Object.is == "function" ? Object.is : A, V = R.useSyncExternalStore, D = n.useRef, S = n.useEffect, p = n.useMemo, G = n.useDebugValue;
-    d.useSyncExternalStoreWithSelector = function(r, u, a, c, i) {
-      var _ = D(null);
-      if (_.current === null) {
-        var t = { hasValue: !1, value: null };
-        _.current = t;
-      } else
-        t = _.current;
-      _ = p(
-        function() {
-          function m(e) {
-            if (!v) {
-              if (v = !0, O = e, e = c(e), i !== void 0 && t.hasValue) {
-                var o = t.value;
-                if (i(o, e))
-                  return l = o;
-              }
-              return l = e;
-            }
-            if (o = l, T(O, e))
-              return o;
-            var E = c(e);
-            return i !== void 0 && i(o, E) ? (O = e, o) : (O = e, l = E);
-          }
-          var v = !1, O, l, L = a === void 0 ? null : a;
-          return [
-            function() {
-              return m(u());
-            },
-            L === null ? void 0 : function() {
-              return m(L());
-            }
-          ];
-        },
-        [u, a, c, i]
-      );
-      var f = V(r, _[0], _[1]);
-      return S(
-        function() {
-          t.hasValue = !0, t.value = f;
-        },
-        [f]
-      ), G(f), f;
-    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }(), d);
+import y from "./index.es347.js";
+import l from "./index.es289.js";
+function h(e, t = 0, n = 1) {
+  return process.env.NODE_ENV !== "production" && (e < t || e > n), y(e, t, n);
+}
+function x(e) {
+  e = e.slice(1);
+  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let n = e.match(t);
+  return n && n[0].length === 1 && (n = n.map((s) => s + s)), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((s, r) => r < 3 ? parseInt(s, 16) : Math.round(parseInt(s, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function a(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return a(x(e));
+  const t = e.indexOf("("), n = e.substring(0, t);
+  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -1)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : l(9, e));
+  let s = e.substring(t + 1, e.length - 1), r;
+  if (n === "color") {
+    if (s = s.split(" "), r = s.shift(), s.length === 4 && s[3].charAt(0) === "/" && (s[3] = s[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(r) === -1)
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${r}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : l(10, r));
+  } else
+    s = s.split(",");
+  return s = s.map((p) => parseFloat(p)), {
+    type: n,
+    values: s,
+    colorSpace: r
+  };
+}
+function i(e) {
+  const {
+    type: t,
+    colorSpace: n
+  } = e;
+  let {
+    values: s
+  } = e;
+  return t.indexOf("rgb") !== -1 ? s = s.map((r, p) => p < 3 ? parseInt(r, 10) : r) : t.indexOf("hsl") !== -1 && (s[1] = `${s[1]}%`, s[2] = `${s[2]}%`), t.indexOf("color") !== -1 ? s = `${n} ${s.join(" ")}` : s = `${s.join(", ")}`, `${t}(${s})`;
+}
+function $(e) {
+  e = a(e);
+  const {
+    values: t
+  } = e, n = t[0], s = t[1] / 100, r = t[2] / 100, p = s * Math.min(r, 1 - r), u = (b, d = (b + n / 30) % 12) => r - p * Math.max(Math.min(d - 3, 9 - d, 1), -1);
+  let f = "rgb";
+  const g = [Math.round(u(0) * 255), Math.round(u(8) * 255), Math.round(u(4) * 255)];
+  return e.type === "hsla" && (f += "a", g.push(t[3])), i({
+    type: f,
+    values: g
+  });
+}
+function m(e) {
+  e = a(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? a($(e)).values : e.values;
+  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
+}
+function M(e, t) {
+  const n = m(e), s = m(t);
+  return (Math.max(n, s) + 0.05) / (Math.min(n, s) + 0.05);
+}
+function o(e, t) {
+  return e = a(e), t = h(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, i(e);
+}
+function E(e, t) {
+  if (e = a(e), t = h(t), e.type.indexOf("hsl") !== -1)
+    e.values[2] *= 1 - t;
+  else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] *= 1 - t;
+  return i(e);
+}
+function w(e, t) {
+  if (e = a(e), t = h(t), e.type.indexOf("hsl") !== -1)
+    e.values[2] += (100 - e.values[2]) * t;
+  else if (e.type.indexOf("rgb") !== -1)
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] += (255 - e.values[n]) * t;
+  else if (e.type.indexOf("color") !== -1)
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] += (1 - e.values[n]) * t;
+  return i(e);
 }
 export {
-  H as __require
+  o as alpha,
+  E as darken,
+  a as decomposeColor,
+  M as getContrastRatio,
+  m as getLuminance,
+  x as hexToRgb,
+  $ as hslToRgb,
+  w as lighten,
+  i as recomposeColor
 };

package/index.es235.js

@@ -1,15 +1,4 @@
-function u() {
-  for (var e = 0, t, n, r = ""; e < arguments.length; )
-    (t = arguments[e++]) && (n = a(t)) && (r && (r += " "), r += n);
-  return r;
-}
-function a(e) {
-  if (typeof e == "string")
-    return e;
-  for (var t, n = "", r = 0; r < e.length; r++)
-    e[r] && (t = a(e[r])) && (n && (n += " "), n += t);
-  return n;
-}
+var e = { exports: {} };
 export {
-  u as twJoin
+  e as __module
 };

package/index.es236.js

@@ -1,27 +1,60 @@
-import { createConfigUtils as d } from "./index.es237.js";
-import { mergeClassList as h } from "./index.es238.js";
-import { twJoin as p } from "./index.es235.js";
-function T() {
-  for (var c = arguments.length, a = new Array(c), e = 0; e < c; e++)
-    a[e] = arguments[e];
-  var t, o, u, f = g;
-  function g(r) {
-    var n = a[0], i = a.slice(1), m = i.reduce(function(v, s) {
-      return s(v);
-    }, n());
-    return t = d(m), o = t.cache.get, u = t.cache.set, f = l, l(r);
+import { __exports as d } from "./index.es268.js";
+import q from "react";
+import { __require as w } from "./index.es269.js";
+var V;
+function k() {
+  if (V)
+    return d;
+  V = 1;
+  var a = q, j = w();
+  function z(r, u) {
+    return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
   }
-  function l(r) {
-    var n = o(r);
-    if (n)
-      return n;
-    var i = h(r, t);
-    return u(r, i), i;
-  }
-  return function() {
-    return f(p.apply(null, arguments));
-  };
+  var M = typeof Object.is == "function" ? Object.is : z, W = j.useSyncExternalStore, h = a.useRef, y = a.useEffect, D = a.useMemo, O = a.useDebugValue;
+  return d.useSyncExternalStoreWithSelector = function(r, u, m, v, t) {
+    var i = h(null);
+    if (i.current === null) {
+      var o = { hasValue: !1, value: null };
+      i.current = o;
+    } else
+      o = i.current;
+    i = D(
+      function() {
+        function _(e) {
+          if (!s) {
+            if (s = !0, l = e, e = v(e), t !== void 0 && o.hasValue) {
+              var f = o.value;
+              if (t(f, e))
+                return n = f;
+            }
+            return n = e;
+          }
+          if (f = n, M(l, e))
+            return f;
+          var R = v(e);
+          return t !== void 0 && t(f, R) ? (l = e, f) : (l = e, n = R);
+        }
+        var s = !1, l, n, b = m === void 0 ? null : m;
+        return [
+          function() {
+            return _(u());
+          },
+          b === null ? void 0 : function() {
+            return _(b());
+          }
+        ];
+      },
+      [u, m, v, t]
+    );
+    var c = W(r, i[0], i[1]);
+    return y(
+      function() {
+        o.hasValue = !0, o.value = c;
+      },
+      [c]
+    ), O(c), c;
+  }, d;
 }
 export {
-  T as createTailwindMerge
+  k as __require
 };

package/index.es237.js

@@ -1,13 +1,59 @@
-import { createClassUtils as r } from "./index.es268.js";
-import { createLruCache as t } from "./index.es269.js";
-import { createSplitModifiers as i } from "./index.es270.js";
-function s(e) {
-  return {
-    cache: t(e.cacheSize),
-    splitModifiers: i(e),
-    ...r(e)
-  };
+import { __exports as d } from "./index.es270.js";
+import M from "react";
+import { __require as b } from "./index.es269.js";
+var s;
+function H() {
+  return s ? d : (s = 1, process.env.NODE_ENV !== "production" && function() {
+    function A(r, u) {
+      return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var n = M, R = b(), T = typeof Object.is == "function" ? Object.is : A, V = R.useSyncExternalStore, D = n.useRef, S = n.useEffect, p = n.useMemo, G = n.useDebugValue;
+    d.useSyncExternalStoreWithSelector = function(r, u, a, c, i) {
+      var _ = D(null);
+      if (_.current === null) {
+        var t = { hasValue: !1, value: null };
+        _.current = t;
+      } else
+        t = _.current;
+      _ = p(
+        function() {
+          function m(e) {
+            if (!v) {
+              if (v = !0, O = e, e = c(e), i !== void 0 && t.hasValue) {
+                var o = t.value;
+                if (i(o, e))
+                  return l = o;
+              }
+              return l = e;
+            }
+            if (o = l, T(O, e))
+              return o;
+            var E = c(e);
+            return i !== void 0 && i(o, E) ? (O = e, o) : (O = e, l = E);
+          }
+          var v = !1, O, l, L = a === void 0 ? null : a;
+          return [
+            function() {
+              return m(u());
+            },
+            L === null ? void 0 : function() {
+              return m(L());
+            }
+          ];
+        },
+        [u, a, c, i]
+      );
+      var f = V(r, _[0], _[1]);
+      return S(
+        function() {
+          t.hasValue = !0, t.value = f;
+        },
+        [f]
+      ), G(f), f;
+    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }(), d);
 }
 export {
-  s as createConfigUtils
+  H as __require
 };