mada-design-system 0.5.0 → 0.5.2

package/index.es268.js

@@ -1,54 +1,100 @@
-import { __require as E } from "./index.es266.js";
-import { __require as _ } from "./index.es267.js";
-var f, v;
-function g() {
-  if (v)
-    return f;
-  v = 1;
-  var a = function() {
+var c = "-";
+function h(t) {
+  var r = G(t), n = t.conflictingClassGroups, e = t.conflictingClassGroupModifiers, u = e === void 0 ? {} : e;
+  function a(i) {
+    var f = i.split(c);
+    return f[0] === "" && f.length !== 1 && f.shift(), l(f, r) || g(i);
+  }
+  function o(i, f) {
+    var s = n[i] || [];
+    return f && u[i] ? [].concat(s, u[i]) : s;
+  }
+  return {
+    getClassGroupId: a,
+    getConflictingClassGroupIds: o
   };
-  if (process.env.NODE_ENV !== "production") {
-    var y = E(), o = {}, d = _();
-    a = function(n) {
-      var t = "Warning: " + n;
-      try {
-        throw new Error(t);
-      } catch {
-      }
-    };
+}
+function l(t, r) {
+  var o;
+  if (t.length === 0)
+    return r.classGroupId;
+  var n = t[0], e = r.nextPart.get(n), u = e ? l(t.slice(1), e) : void 0;
+  if (u)
+    return u;
+  if (r.validators.length !== 0) {
+    var a = t.join(c);
+    return (o = r.validators.find(function(i) {
+      var f = i.validator;
+      return f(a);
+    })) == null ? void 0 : o.classGroupId;
   }
-  function u(n, t, i, s, c) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var e in n)
-        if (d(n, e)) {
-          var r;
-          try {
-            if (typeof n[e] != "function") {
-              var h = Error(
-                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw h.name = "Invariant Violation", h;
-            }
-            r = n[e](t, e, s, i, null, y);
-          } catch (l) {
-            r = l;
-          }
-          if (r && !(r instanceof Error) && a(
-            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), r instanceof Error && !(r.message in o)) {
-            o[r.message] = !0;
-            var p = c ? c() : "";
-            a(
-              "Failed " + i + " type: " + r.message + (p ?? "")
-            );
-          }
-        }
-    }
+}
+var p = /^\[(.+)\]$/;
+function g(t) {
+  if (p.test(t)) {
+    var r = p.exec(t)[1], n = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+    if (n)
+      return "arbitrary.." + n;
   }
-  return u.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (o = {});
-  }, f = u, f;
+}
+function G(t) {
+  var r = t.theme, n = t.prefix, e = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  }, u = x(Object.entries(t.classGroups), n);
+  return u.forEach(function(a) {
+    var o = a[0], i = a[1];
+    v(i, e, o, r);
+  }), e;
+}
+function v(t, r, n, e) {
+  t.forEach(function(u) {
+    if (typeof u == "string") {
+      var a = u === "" ? r : d(r, u);
+      a.classGroupId = n;
+      return;
+    }
+    if (typeof u == "function") {
+      if (C(u)) {
+        v(u(e), r, n, e);
+        return;
+      }
+      r.validators.push({
+        validator: u,
+        classGroupId: n
+      });
+      return;
+    }
+    Object.entries(u).forEach(function(o) {
+      var i = o[0], f = o[1];
+      v(f, d(r, i), n, e);
+    });
+  });
+}
+function d(t, r) {
+  var n = t;
+  return r.split(c).forEach(function(e) {
+    n.nextPart.has(e) || n.nextPart.set(e, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), n = n.nextPart.get(e);
+  }), n;
+}
+function C(t) {
+  return t.isThemeGetter;
+}
+function x(t, r) {
+  return r ? t.map(function(n) {
+    var e = n[0], u = n[1], a = u.map(function(o) {
+      return typeof o == "string" ? r + o : typeof o == "object" ? Object.fromEntries(Object.entries(o).map(function(i) {
+        var f = i[0], s = i[1];
+        return [r + f, s];
+      })) : o;
+    });
+    return [e, a];
+  }) : t;
 }
 export {
-  g as __require
+  G as createClassMap,
+  h as createClassUtils
 };

package/index.es269.js

@@ -1,4 +1,28 @@
-const a = "$$material";
+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;
+    },
+    set: function(e, n) {
+      t.has(e) ? t.set(e, n) : a(e, n);
+    }
+  };
+}
 export {
-  a as default
+  c as createLruCache
 };

package/index.es27.js

@@ -3,11 +3,11 @@ import { DialogTitle as c } from "@radix-ui/react-dialog";
 import { Command as a } from "./index.es28.js";
 import { useCommandState as z } from "./index.es28.js";
 import * as t from "react";
-import { Dialog as f, DialogContent as u, DialogHeader as g } from "./index.es30.js";
-import { cn as m } from "./index.es84.js";
-import h from "./index.es88.js";
-import { ScrollArea as x } from "./index.es61.js";
-import N from "./index.es124.js";
+import { Dialog as f, DialogContent as u, DialogHeader as g } from "./index.es31.js";
+import { cn as m } from "./index.es85.js";
+import h from "./index.es89.js";
+import { ScrollArea as x } from "./index.es62.js";
+import N from "./index.es125.js";
 const l = t.forwardRef(
   ({ className: e, ...r }, d) => /* @__PURE__ */ o(
     a,

package/index.es270.js

@@ -1,62 +1,41 @@
-import l from "./index.es194.js";
-import g from "./index.es195.js";
-import v from "./index.es271.js";
-import b from "./index.es272.js";
-import O from "./index.es273.js";
-import C from "./index.es274.js";
-import E from "./index.es275.js";
-import I from "./index.es276.js";
-import _ from "./index.es277.js";
-import k from "./index.es278.js";
-import p from "./index.es279.js";
-import N from "./index.es280.js";
-import S from "./index.es281.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] = {};
+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
     };
-    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;
+  };
+}
+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 {
-  B as default
+  g as IMPORTANT_MODIFIER,
+  I as createSplitModifiers,
+  P as sortModifiers
 };

package/index.es271.js

@@ -1,19 +1,4 @@
-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);
-}
+var e = { exports: {} };
 export {
-  a as default
+  e as __module
 };

package/index.es272.js

@@ -1,246 +1,71 @@
-import y from "./index.es194.js";
-import A from "./index.es195.js";
-import l from "./index.es328.js";
-import I from "./index.es329.js";
-import n from "./index.es330.js";
-import s from "./index.es331.js";
-import f from "./index.es332.js";
-import c from "./index.es333.js";
-import d from "./index.es334.js";
-import m from "./index.es335.js";
-import P from "./index.es279.js";
-import { getContrastRatio as v, lighten as S, darken as U } from "./index.es291.js";
-import w from "./index.es277.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
+import { __exports as r } from "./index.es333.js";
+var _;
+function g() {
+  if (_)
+    return r;
+  _ = 1;
+  var t = typeof Symbol == "function" && Symbol.for, a = t ? Symbol.for("react.element") : 60103, b = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, c = t ? Symbol.for("react.strict_mode") : 60108, f = t ? Symbol.for("react.profiler") : 60114, i = t ? Symbol.for("react.provider") : 60109, s = t ? Symbol.for("react.context") : 60110, d = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, y = t ? Symbol.for("react.forward_ref") : 60112, l = t ? Symbol.for("react.suspense") : 60113, x = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, p = t ? Symbol.for("react.lazy") : 60116, C = t ? Symbol.for("react.block") : 60121, M = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, w = t ? Symbol.for("react.scope") : 60119;
+  function o(e) {
+    if (typeof e == "object" && e !== null) {
+      var S = e.$$typeof;
+      switch (S) {
+        case a:
+          switch (e = e.type, e) {
+            case d:
+            case u:
+            case n:
+            case f:
+            case c:
+            case l:
+              return e;
+            default:
+              switch (e = e && e.$$typeof, e) {
+                case s:
+                case y:
+                case p:
+                case m:
+                case i:
+                  return e;
+                default:
+                  return S;
+              }
+          }
+        case b:
+          return S;
+      }
+    }
   }
-}, 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 $(e) {
+    return o(e) === u;
   }
-};
-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);
+  return r.AsyncMode = d, r.ConcurrentMode = u, r.ContextConsumer = s, r.ContextProvider = i, r.Element = a, r.ForwardRef = y, r.Fragment = n, r.Lazy = p, r.Memo = m, r.Portal = b, r.Profiler = f, r.StrictMode = c, r.Suspense = l, r.isAsyncMode = function(e) {
+    return $(e) || o(e) === d;
+  }, r.isConcurrentMode = $, r.isContextConsumer = function(e) {
+    return o(e) === s;
+  }, r.isContextProvider = function(e) {
+    return o(e) === i;
+  }, r.isElement = function(e) {
+    return typeof e == "object" && e !== null && e.$$typeof === a;
+  }, r.isForwardRef = function(e) {
+    return o(e) === y;
+  }, r.isFragment = function(e) {
+    return o(e) === n;
+  }, r.isLazy = function(e) {
+    return o(e) === p;
+  }, r.isMemo = function(e) {
+    return o(e) === m;
+  }, r.isPortal = function(e) {
+    return o(e) === b;
+  }, r.isProfiler = function(e) {
+    return o(e) === f;
+  }, r.isStrictMode = function(e) {
+    return o(e) === c;
+  }, r.isSuspense = function(e) {
+    return o(e) === l;
+  }, r.isValidElementType = function(e) {
+    return typeof e == "string" || typeof e == "function" || e === n || e === u || e === f || e === c || e === l || e === x || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === m || e.$$typeof === i || e.$$typeof === s || e.$$typeof === y || e.$$typeof === M || e.$$typeof === v || e.$$typeof === w || e.$$typeof === C);
+  }, r.typeOf = o, r;
 }
 export {
-  b as dark,
-  ar as default,
-  T as light
+  g as __require
 };