mada-design-system 0.3.1 → 0.4.0

package/index.es260.js

@@ -1,140 +1,28 @@
-import w from "./index.es211.js";
-import o from "./index.es210.js";
-import * as W from "react";
-import { clsx as q } from "./index.es102.js";
-import { ArrowLeftIcon as E, ArrowRightIcon as F } from "./index.es257.js";
-import { getPickersArrowSwitcherUtilityClass as J } from "./index.es357.js";
-import { jsxs as K, jsx as i } from "react/jsx-runtime";
-import P from "./index.es224.js";
-import O from "./index.es259.js";
-import Q from "./index.es249.js";
-import V from "./index.es233.js";
-import d from "./index.es228.js";
-import X from "./index.es253.js";
-import Y from "./index.es232.js";
-const Z = ["children", "className", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel"], oo = ["ownerState"], eo = ["ownerState"], to = P("div", {
-  name: "MuiPickersArrowSwitcher",
-  slot: "Root",
-  overridesResolver: (e, t) => t.root
-})({
-  display: "flex"
-}), ro = P("div", {
-  name: "MuiPickersArrowSwitcher",
-  slot: "Spacer",
-  overridesResolver: (e, t) => t.spacer
-})(({
-  theme: e
-}) => ({
-  width: e.spacing(3)
-})), N = P(O, {
-  name: "MuiPickersArrowSwitcher",
-  slot: "Button",
-  overridesResolver: (e, t) => t.button
-})(({
-  ownerState: e
-}) => o({}, e.hidden && {
-  visibility: "hidden"
-})), so = (e) => {
-  const {
-    classes: t
-  } = e;
-  return Y({
-    root: ["root"],
-    spacer: ["spacer"],
-    button: ["button"]
-  }, J, t);
-}, fo = /* @__PURE__ */ W.forwardRef(function(t, h) {
-  var v, b, S, f;
-  const x = Q().direction === "rtl", p = V({
-    props: t,
-    name: "MuiPickersArrowSwitcher"
-  }), {
-    children: I,
-    className: k,
-    slots: r,
-    slotProps: s,
-    isNextDisabled: y,
-    isNextHidden: _,
-    onGoToNext: R,
-    nextLabel: D,
-    isPreviousDisabled: H,
-    isPreviousHidden: L,
-    onGoToPrevious: C,
-    previousLabel: z
-  } = p, G = w(p, Z), n = p, a = so(n), l = {
-    isDisabled: y,
-    isHidden: _,
-    goTo: R,
-    label: D
-  }, c = {
-    isDisabled: H,
-    isHidden: L,
-    goTo: C,
-    label: z
-  }, A = (v = r == null ? void 0 : r.previousIconButton) != null ? v : N, M = d({
-    elementType: A,
-    externalSlotProps: s == null ? void 0 : s.previousIconButton,
-    additionalProps: {
-      size: "medium",
-      title: c.label,
-      "aria-label": c.label,
-      disabled: c.isDisabled,
-      edge: "end",
-      onClick: c.goTo
+function c(i) {
+  if (i < 1)
+    return {
+      get: function() {
+      },
+      set: function() {
+      }
+    };
+  var u = 0, t = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+  function a(r, e) {
+    t.set(r, e), u++, u > i && (u = 0, f = t, t = /* @__PURE__ */ new Map());
+  }
+  return {
+    get: function(e) {
+      var n = t.get(e);
+      if (n !== void 0)
+        return n;
+      if ((n = f.get(e)) !== void 0)
+        return a(e, n), n;
     },
-    ownerState: o({}, n, {
-      hidden: c.isHidden
-    }),
-    className: a.button
-  }), T = (b = r == null ? void 0 : r.nextIconButton) != null ? b : N, $ = d({
-    elementType: T,
-    externalSlotProps: s == null ? void 0 : s.nextIconButton,
-    additionalProps: {
-      size: "medium",
-      title: l.label,
-      "aria-label": l.label,
-      disabled: l.isDisabled,
-      edge: "start",
-      onClick: l.goTo
-    },
-    ownerState: o({}, n, {
-      hidden: l.isHidden
-    }),
-    className: a.button
-  }), u = (S = r == null ? void 0 : r.leftArrowIcon) != null ? S : E, j = d({
-    elementType: u,
-    externalSlotProps: s == null ? void 0 : s.leftArrowIcon,
-    additionalProps: {
-      fontSize: "inherit"
-    },
-    ownerState: void 0
-  }), g = w(j, oo), m = (f = r == null ? void 0 : r.rightArrowIcon) != null ? f : F, U = d({
-    elementType: m,
-    externalSlotProps: s == null ? void 0 : s.rightArrowIcon,
-    additionalProps: {
-      fontSize: "inherit"
-    },
-    ownerState: void 0
-  }), B = w(U, eo);
-  return /* @__PURE__ */ K(to, o({
-    ref: h,
-    className: q(a.root, k),
-    ownerState: n
-  }, G, {
-    children: [/* @__PURE__ */ i(A, o({}, M, {
-      children: x ? /* @__PURE__ */ i(m, o({}, B)) : /* @__PURE__ */ i(u, o({}, g))
-    })), I ? /* @__PURE__ */ i(X, {
-      variant: "subtitle1",
-      component: "span",
-      children: I
-    }) : /* @__PURE__ */ i(ro, {
-      className: a.spacer,
-      ownerState: n
-    }), /* @__PURE__ */ i(T, o({}, $, {
-      children: x ? /* @__PURE__ */ i(u, o({}, g)) : /* @__PURE__ */ i(m, o({}, B))
-    }))]
-  }));
-});
+    set: function(e, n) {
+      t.has(e) ? t.set(e, n) : a(e, n);
+    }
+  };
+}
 export {
-  fo as PickersArrowSwitcher
+  c as createLruCache
 };

package/index.es261.js

@@ -1,4 +1,41 @@
-const a = "$$material";
+var g = "!";
+function I(o) {
+  var r = o.separator || ":", i = r.length === 1, s = r[0], f = r.length;
+  return function(a) {
+    for (var v = [], h = 0, e = 0, n, t = 0; t < a.length; t++) {
+      var p = a[t];
+      if (h === 0) {
+        if (p === s && (i || a.slice(t, t + f) === r)) {
+          v.push(a.slice(e, t)), e = t + f;
+          continue;
+        }
+        if (p === "/") {
+          n = t;
+          continue;
+        }
+      }
+      p === "[" ? h++ : p === "]" && h--;
+    }
+    var u = v.length === 0 ? a : a.substring(e), M = u.startsWith(g), l = M ? u.substring(1) : u, b = n && n > e ? n - e : void 0;
+    return {
+      modifiers: v,
+      hasImportantModifier: M,
+      baseClassName: l,
+      maybePostfixModifierPosition: b
+    };
+  };
+}
+function P(o) {
+  if (o.length <= 1)
+    return o;
+  var r = [], i = [];
+  return o.forEach(function(s) {
+    var f = s[0] === "[";
+    f ? (r.push.apply(r, i.sort().concat([s])), i = []) : i.push(s);
+  }), r.push.apply(r, i.sort()), r;
+}
 export {
-  a as default
+  g as IMPORTANT_MODIFIER,
+  I as createSplitModifiers,
+  P as sortModifiers
 };

package/index.es262.js

@@ -1,62 +1,4 @@
-import l from "./index.es210.js";
-import g from "./index.es211.js";
-import v from "./index.es263.js";
-import b from "./index.es264.js";
-import O from "./index.es265.js";
-import C from "./index.es266.js";
-import E from "./index.es267.js";
-import I from "./index.es268.js";
-import _ from "./index.es269.js";
-import k from "./index.es270.js";
-import p from "./index.es271.js";
-import N from "./index.es272.js";
-import S from "./index.es273.js";
-import T from "./index.es234.js";
-const M = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-function B(o = {}, ...f) {
-  const {
-    mixins: u = {},
-    palette: d = {},
-    transitions: h = {},
-    typography: y = {}
-  } = o, n = g(o, M);
-  if (o.vars)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _(18));
-  const c = b(d), m = k(o);
-  let e = p(m, {
-    mixins: v(m.breakpoints, u),
-    palette: c,
-    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: C.slice(),
-    typography: O(c, y),
-    transitions: E(h),
-    zIndex: l({}, I)
-  });
-  if (e = p(e, n), e = f.reduce((i, s) => p(i, s), e), process.env.NODE_ENV !== "production") {
-    const i = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (t, a) => {
-      let r;
-      for (r in t) {
-        const x = t[r];
-        if (i.indexOf(r) !== -1 && Object.keys(x).length > 0) {
-          if (process.env.NODE_ENV !== "production") {
-            const $ = T("", r);
-          }
-          t[r] = {};
-        }
-      }
-    };
-    Object.keys(e.components).forEach((t) => {
-      const a = e.components[t].styleOverrides;
-      a && t.indexOf("Mui") === 0 && s(a, t);
-    });
-  }
-  return e.unstable_sxConfig = l({}, N, n == null ? void 0 : n.unstable_sxConfig), e.unstable_sx = function(s) {
-    return S({
-      sx: s,
-      theme: this
-    });
-  }, e;
-}
+const a = "$$material";
 export {
-  B as default
+  a as default
 };

package/index.es263.js

@@ -1,19 +1,62 @@
-import t from "./index.es210.js";
-function a(e, i) {
-  return t({
-    toolbar: {
-      minHeight: 56,
-      [e.up("xs")]: {
-        "@media (orientation: landscape)": {
-          minHeight: 48
+import l from "./index.es194.js";
+import g from "./index.es195.js";
+import v from "./index.es264.js";
+import b from "./index.es265.js";
+import O from "./index.es266.js";
+import C from "./index.es267.js";
+import E from "./index.es268.js";
+import I from "./index.es269.js";
+import _ from "./index.es270.js";
+import k from "./index.es271.js";
+import p from "./index.es272.js";
+import N from "./index.es273.js";
+import S from "./index.es274.js";
+import T from "./index.es218.js";
+const M = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function B(o = {}, ...f) {
+  const {
+    mixins: u = {},
+    palette: d = {},
+    transitions: h = {},
+    typography: y = {}
+  } = o, n = g(o, M);
+  if (o.vars)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : _(18));
+  const c = b(d), m = k(o);
+  let e = p(m, {
+    mixins: v(m.breakpoints, u),
+    palette: c,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: C.slice(),
+    typography: O(c, y),
+    transitions: E(h),
+    zIndex: l({}, I)
+  });
+  if (e = p(e, n), e = f.reduce((i, s) => p(i, s), e), process.env.NODE_ENV !== "production") {
+    const i = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (t, a) => {
+      let r;
+      for (r in t) {
+        const x = t[r];
+        if (i.indexOf(r) !== -1 && Object.keys(x).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const $ = T("", r);
+          }
+          t[r] = {};
         }
-      },
-      [e.up("sm")]: {
-        minHeight: 64
       }
-    }
-  }, i);
+    };
+    Object.keys(e.components).forEach((t) => {
+      const a = e.components[t].styleOverrides;
+      a && t.indexOf("Mui") === 0 && s(a, t);
+    });
+  }
+  return e.unstable_sxConfig = l({}, N, n == null ? void 0 : n.unstable_sxConfig), e.unstable_sx = function(s) {
+    return S({
+      sx: s,
+      theme: this
+    });
+  }, e;
 }
 export {
-  a as default
+  B as default
 };

package/index.es264.js

@@ -1,246 +1,19 @@
-import y from "./index.es210.js";
-import A from "./index.es211.js";
-import l from "./index.es322.js";
-import I from "./index.es323.js";
-import n from "./index.es324.js";
-import s from "./index.es325.js";
-import f from "./index.es326.js";
-import c from "./index.es327.js";
-import d from "./index.es328.js";
-import m from "./index.es329.js";
-import P from "./index.es271.js";
-import { getContrastRatio as v, lighten as S, darken as U } from "./index.es290.js";
-import w from "./index.es269.js";
-const V = ["mode", "contrastThreshold", "tonalOffset"], T = {
-  // The colors used to style the text.
-  text: {
-    // The most important text.
-    primary: "rgba(0, 0, 0, 0.87)",
-    // Secondary text.
-    secondary: "rgba(0, 0, 0, 0.6)",
-    // Disabled text have even lower visual prominence.
-    disabled: "rgba(0, 0, 0, 0.38)"
-  },
-  // The color used to divide different elements.
-  divider: "rgba(0, 0, 0, 0.12)",
-  // The background colors used to style the surfaces.
-  // Consistency between these values is important.
-  background: {
-    paper: l.white,
-    default: l.white
-  },
-  // The colors used to style the action elements.
-  action: {
-    // The color of an active action like an icon button.
-    active: "rgba(0, 0, 0, 0.54)",
-    // The color of an hovered action.
-    hover: "rgba(0, 0, 0, 0.04)",
-    hoverOpacity: 0.04,
-    // The color of a selected action.
-    selected: "rgba(0, 0, 0, 0.08)",
-    selectedOpacity: 0.08,
-    // The color of a disabled action.
-    disabled: "rgba(0, 0, 0, 0.26)",
-    // The background color of a disabled action.
-    disabledBackground: "rgba(0, 0, 0, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(0, 0, 0, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.12
-  }
-}, b = {
-  text: {
-    primary: l.white,
-    secondary: "rgba(255, 255, 255, 0.7)",
-    disabled: "rgba(255, 255, 255, 0.5)",
-    icon: "rgba(255, 255, 255, 0.5)"
-  },
-  divider: "rgba(255, 255, 255, 0.12)",
-  background: {
-    paper: "#121212",
-    default: "#121212"
-  },
-  action: {
-    active: l.white,
-    hover: "rgba(255, 255, 255, 0.08)",
-    hoverOpacity: 0.08,
-    selected: "rgba(255, 255, 255, 0.16)",
-    selectedOpacity: 0.16,
-    disabled: "rgba(255, 255, 255, 0.3)",
-    disabledBackground: "rgba(255, 255, 255, 0.12)",
-    disabledOpacity: 0.38,
-    focus: "rgba(255, 255, 255, 0.12)",
-    focusOpacity: 0.12,
-    activatedOpacity: 0.24
-  }
-};
-function x(r, e, g, a) {
-  const p = a.light || a, h = a.dark || a * 1.5;
-  r[e] || (r.hasOwnProperty(g) ? r[e] = r[g] : e === "light" ? r.light = S(r.main, p) : e === "dark" && (r.dark = U(r.main, h)));
-}
-function W(r = "light") {
-  return r === "dark" ? {
-    main: c[200],
-    light: c[50],
-    dark: c[400]
-  } : {
-    main: c[700],
-    light: c[400],
-    dark: c[800]
-  };
-}
-function j(r = "light") {
-  return r === "dark" ? {
-    main: n[200],
-    light: n[50],
-    dark: n[400]
-  } : {
-    main: n[500],
-    light: n[300],
-    dark: n[700]
-  };
-}
-function B(r = "light") {
-  return r === "dark" ? {
-    main: s[500],
-    light: s[300],
-    dark: s[700]
-  } : {
-    main: s[700],
-    light: s[400],
-    dark: s[800]
-  };
-}
-function L(r = "light") {
-  return r === "dark" ? {
-    main: d[400],
-    light: d[300],
-    dark: d[700]
-  } : {
-    main: d[700],
-    light: d[500],
-    dark: d[900]
-  };
-}
-function R(r = "light") {
-  return r === "dark" ? {
-    main: m[400],
-    light: m[300],
-    dark: m[700]
-  } : {
-    main: m[800],
-    light: m[500],
-    dark: m[900]
-  };
-}
-function G(r = "light") {
-  return r === "dark" ? {
-    main: f[400],
-    light: f[300],
-    dark: f[700]
-  } : {
-    main: "#ed6c02",
-    // closest to orange[800] that pass 3:1.
-    light: f[500],
-    dark: f[900]
-  };
-}
-function ar(r) {
-  const {
-    mode: e = "light",
-    contrastThreshold: g = 3,
-    tonalOffset: a = 0.2
-  } = r, p = A(r, V), h = r.primary || W(e), D = r.secondary || j(e), E = r.error || B(e), $ = r.info || L(e), N = r.success || R(e), C = r.warning || G(e);
-  function k(t) {
-    const o = v(t, b.text.primary) >= g ? b.text.primary : T.text.primary;
-    return process.env.NODE_ENV !== "production" && v(t, o) < 3, o;
-  }
-  const i = ({
-    color: t,
-    name: o,
-    mainShade: u = 500,
-    lightShade: _ = 300,
-    darkShade: M = 700
-  }) => {
-    if (t = y({}, t), !t.main && t[u] && (t.main = t[u]), !t.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${o ? ` (${o})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${u}\` property.` : w(11, o ? ` (${o})` : "", u));
-    if (typeof t.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${o ? ` (${o})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(t.main)}\` was provided instead.
-
-Did you intend to use one of the following approaches?
-
-import { green } from "@mui/material/colors";
-
-const theme1 = createTheme({ palette: {
-  primary: green,
-} });
-
-const theme2 = createTheme({ palette: {
-  primary: { main: green[500] },
-} });` : w(12, o ? ` (${o})` : "", JSON.stringify(t.main)));
-    return x(t, "light", _, a), x(t, "dark", M, a), t.contrastText || (t.contrastText = k(t.main)), t;
-  }, O = {
-    dark: b,
-    light: T
-  };
-  return process.env.NODE_ENV !== "production" && O[e], P(y({
-    // A collection of common colors.
-    common: y({}, l),
-    // prevent mutable object.
-    // The palette mode, can be light or dark.
-    mode: e,
-    // The colors used to represent primary interface elements for a user.
-    primary: i({
-      color: h,
-      name: "primary"
-    }),
-    // The colors used to represent secondary interface elements for a user.
-    secondary: i({
-      color: D,
-      name: "secondary",
-      mainShade: "A400",
-      lightShade: "A200",
-      darkShade: "A700"
-    }),
-    // The colors used to represent interface elements that the user should be made aware of.
-    error: i({
-      color: E,
-      name: "error"
-    }),
-    // The colors used to represent potentially dangerous actions or important messages.
-    warning: i({
-      color: C,
-      name: "warning"
-    }),
-    // The colors used to present information to the user that is neutral and not necessarily important.
-    info: i({
-      color: $,
-      name: "info"
-    }),
-    // The colors used to indicate the successful completion of an action that user triggered.
-    success: i({
-      color: N,
-      name: "success"
-    }),
-    // The grey colors.
-    grey: I,
-    // Used by `getContrastText()` to maximize the contrast between
-    // the background and the text.
-    contrastThreshold: g,
-    // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: k,
-    // Generate a rich color object.
-    augmentColor: i,
-    // Used by the functions below to shift a color's luminance by approximately
-    // two indexes within its tonal palette.
-    // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset: a
-  }, O[e]), p);
+import t from "./index.es194.js";
+function a(e, i) {
+  return t({
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    }
+  }, i);
 }
 export {
-  b as dark,
-  ar as default,
-  T as light
+  a as default
 };