mada-design-system 0.8.3 → 0.9.0

package/index.es466.js

@@ -1,8 +1,80 @@
-import * as e from "react";
-var n = function(a) {
-  return a();
-}, t = e["useInsertionEffect"] ? e["useInsertionEffect"] : !1, c = t || n, f = t || e.useLayoutEffect;
+import T from "./index.es207.js";
+import * as _ from "react";
+import L from "./index.es487.js";
+import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es468.js";
+import { serializeStyles as D } from "./index.es470.js";
+import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es469.js";
+import { w as V, T as x } from "./index.es422.js";
+var Y = L, G = function(e) {
+  return e !== "theme";
+}, C = function(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96 ? Y : G;
+}, O = function(e, n, s) {
+  var r;
+  if (n) {
+    var a = n.shouldForwardProp;
+    r = e.__emotion_forwardProp && a ? function(l) {
+      return e.__emotion_forwardProp(l) && a(l);
+    } : a;
+  }
+  return typeof r != "function" && s && (r = e.__emotion_forwardProp), r;
+};
+var Q = function(e) {
+  var n = e.cache, s = e.serialized, r = e.isStringTag;
+  return I(n, s, r), U(function() {
+    return z(n, s, r);
+  }), null;
+}, H = function f(e, n) {
+  if (process.env.NODE_ENV !== "production" && e === void 0)
+    throw new Error(`You are trying to create a styled element with an undefined component.
+You may have forgotten to import it.`);
+  var s = e.__emotion_real === e, r = s && e.__emotion_base || e, a, l;
+  n !== void 0 && (a = n.label, l = n.target);
+  var h = O(e, n, s), g = h || C(r), y = !g("as");
+  return function() {
+    var i = arguments, u = s && e.__emotion_styles !== void 0 ? e.__emotion_styles.slice(0) : [];
+    if (a !== void 0 && u.push("label:" + a + ";"), i[0] == null || i[0].raw === void 0)
+      u.push.apply(u, i);
+    else {
+      process.env.NODE_ENV !== "production" && i[0][0], u.push(i[0][0]);
+      for (var R = i.length, m = 1; m < R; m++)
+        process.env.NODE_ENV !== "production" && i[0][m], u.push(i[m], i[0][m]);
+    }
+    var o = V(function(t, d, b) {
+      var S = y && t.as || r, c = "", P = [], v = t;
+      if (t.theme == null) {
+        v = {};
+        for (var N in t)
+          v[N] = t[N];
+        v.theme = _.useContext(x);
+      }
+      typeof t.className == "string" ? c = A(d.registered, P, t.className) : t.className != null && (c = t.className + " ");
+      var w = D(u.concat(P), d.registered, v);
+      c += d.key + "-" + w.name, l !== void 0 && (c += " " + l);
+      var F = y && h === void 0 ? C(S) : g, p = {};
+      for (var E in t)
+        y && E === "as" || // $FlowFixMe
+        F(E) && (p[E] = t[E]);
+      return p.className = c, p.ref = b, /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(Q, {
+        cache: d,
+        serialized: w,
+        isStringTag: typeof S == "string"
+      }), /* @__PURE__ */ _.createElement(S, p));
+    });
+    return o.displayName = a !== void 0 ? a : "Styled(" + (typeof r == "string" ? r : r.displayName || r.name || "Component") + ")", o.defaultProps = e.defaultProps, o.__emotion_real = o, o.__emotion_base = r, o.__emotion_styles = u, o.__emotion_forwardProp = h, Object.defineProperty(o, "toString", {
+      value: function() {
+        return l === void 0 && process.env.NODE_ENV !== "production" ? "NO_COMPONENT_SELECTOR" : "." + l;
+      }
+    }), o.withComponent = function(t, d) {
+      return f(t, T({}, n, d, {
+        shouldForwardProp: O(o, d, !0)
+      })).apply(void 0, u);
+    }, o;
+  };
+};
 export {
-  c as useInsertionEffectAlwaysWithSyncFallback,
-  f as useInsertionEffectWithLayoutFallback
+  H as default
 };

package/index.es467.js

@@ -1,134 +1,261 @@
-import w from "./index.es491.js";
-import C from "./index.es492.js";
-import E from "./index.es490.js";
-var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
-  return n.charCodeAt(1) === 45;
-}, p = function(n) {
-  return n != null && typeof n != "boolean";
-}, h = /* @__PURE__ */ E(function(r) {
-  return d(r) ? r : r.replace(x, "-$&").toLowerCase();
-}), y = function(n, e) {
-  switch (n) {
-    case "animation":
-    case "animationName":
-      if (typeof e == "string")
-        return e.replace(O, function(f, a, t) {
-          return s = {
-            name: a,
-            styles: t,
-            next: s
-          }, a;
-        });
-  }
-  return C[n] !== 1 && !d(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
-}, A = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function m(r, n, e) {
-  if (e == null)
-    return "";
-  var f = e;
-  if (f.__emotion_styles !== void 0)
-    return f;
-  switch (typeof e) {
-    case "boolean":
-      return "";
-    case "object": {
-      var a = e;
-      if (a.anim === 1)
-        return s = {
-          name: a.name,
-          styles: a.styles,
-          next: s
-        }, a.name;
-      var t = e;
-      if (t.styles !== void 0) {
-        var o = t.next;
-        if (o !== void 0)
-          for (; o !== void 0; )
-            s = {
-              name: o.name,
-              styles: o.styles,
-              next: s
-            }, o = o.next;
-        var i = t.styles + ";";
-        return i;
-      }
-      return M(r, n, e);
+import { w as x, T as g } from "./index.es422.js";
+import * as u from "react";
+import { insertStyles as w, registerStyles as E, getRegisteredStyles as N } from "./index.es468.js";
+import { useInsertionEffectWithLayoutFallback as v, useInsertionEffectAlwaysWithSyncFallback as k } from "./index.es469.js";
+import { serializeStyles as p } from "./index.es470.js";
+import "./index.es471.js";
+var _ = {
+  name: "@emotion/react",
+  version: "11.11.3",
+  main: "dist/emotion-react.cjs.js",
+  module: "dist/emotion-react.esm.js",
+  browser: {
+    "./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
+  },
+  exports: {
+    ".": {
+      module: {
+        worker: "./dist/emotion-react.worker.esm.js",
+        browser: "./dist/emotion-react.browser.esm.js",
+        default: "./dist/emotion-react.esm.js"
+      },
+      import: "./dist/emotion-react.cjs.mjs",
+      default: "./dist/emotion-react.cjs.js"
+    },
+    "./jsx-runtime": {
+      module: {
+        worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
+        browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
+        default: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
+      },
+      import: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
+      default: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
+    },
+    "./_isolated-hnrs": {
+      module: {
+        worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
+        browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
+        default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
+      },
+      import: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
+      default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
+    },
+    "./jsx-dev-runtime": {
+      module: {
+        worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
+        browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
+        default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
+      },
+      import: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
+      default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
+    },
+    "./package.json": "./package.json",
+    "./types/css-prop": "./types/css-prop.d.ts",
+    "./macro": {
+      types: {
+        import: "./macro.d.mts",
+        default: "./macro.d.ts"
+      },
+      default: "./macro.js"
     }
-    case "function": {
-      if (r !== void 0) {
-        var u = s, c = e(r);
-        return s = u, m(r, n, c);
+  },
+  types: "types/index.d.ts",
+  files: [
+    "src",
+    "dist",
+    "jsx-runtime",
+    "jsx-dev-runtime",
+    "_isolated-hnrs",
+    "types/*.d.ts",
+    "macro.*"
+  ],
+  sideEffects: !1,
+  author: "Emotion Contributors",
+  license: "MIT",
+  scripts: {
+    "test:typescript": "dtslint types"
+  },
+  dependencies: {
+    "@babel/runtime": "^7.18.3",
+    "@emotion/babel-plugin": "^11.11.0",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/serialize": "^1.1.3",
+    "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+    "@emotion/utils": "^1.2.1",
+    "@emotion/weak-memoize": "^0.3.1",
+    "hoist-non-react-statics": "^3.3.1"
+  },
+  peerDependencies: {
+    react: ">=16.8.0"
+  },
+  peerDependenciesMeta: {
+    "@types/react": {
+      optional: !0
+    }
+  },
+  devDependencies: {
+    "@definitelytyped/dtslint": "0.0.112",
+    "@emotion/css": "11.11.2",
+    "@emotion/css-prettifier": "1.1.3",
+    "@emotion/server": "11.11.0",
+    "@emotion/styled": "11.11.0",
+    "html-tag-names": "^1.1.2",
+    react: "16.14.0",
+    "svg-tag-names": "^1.1.1",
+    typescript: "^4.5.5"
+  },
+  repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
+  publishConfig: {
+    access: "public"
+  },
+  "umd:main": "dist/emotion-react.umd.min.js",
+  preconstruct: {
+    entrypoints: [
+      "./index.js",
+      "./jsx-runtime.js",
+      "./jsx-dev-runtime.js",
+      "./_isolated-hnrs.js"
+    ],
+    umdName: "emotionReact",
+    exports: {
+      envConditions: [
+        "browser",
+        "worker"
+      ],
+      extra: {
+        "./types/css-prop": "./types/css-prop.d.ts",
+        "./macro": {
+          types: {
+            import: "./macro.d.mts",
+            default: "./macro.d.ts"
+          },
+          default: "./macro.js"
+        }
       }
-      break;
     }
   }
-  var l = e;
-  if (n == null)
-    return l;
-  var v = n[l];
-  return v !== void 0 ? v : l;
+}, j = !1, C = /* @__PURE__ */ x(function(i, e) {
+  process.env.NODE_ENV !== "production" && !j && // check for className as well since the user is
+  // probably using the custom createElement which
+  // means it will be turned into a className prop
+  // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
+  (i.className || i.css) && (j = !0);
+  var s = i.styles, r = p([s], void 0, u.useContext(g)), o = u.useRef();
+  return v(function() {
+    var n = e.key + "-global", t = new e.sheet.constructor({
+      key: n,
+      nonce: e.sheet.nonce,
+      container: e.sheet.container,
+      speedy: e.sheet.isSpeedy
+    }), a = !1, l = document.querySelector('style[data-emotion="' + n + " " + r.name + '"]');
+    return e.sheet.tags.length && (t.before = e.sheet.tags[0]), l !== null && (a = !0, l.setAttribute("data-emotion", n), t.hydrate([l])), o.current = [t, a], function() {
+      t.flush();
+    };
+  }, [e]), v(function() {
+    var n = o.current, t = n[0], a = n[1];
+    if (a) {
+      n[1] = !1;
+      return;
+    }
+    if (r.next !== void 0 && w(e, r.next, !0), t.tags.length) {
+      var l = t.tags[t.tags.length - 1].nextElementSibling;
+      t.before = l, t.flush();
+    }
+    e.insert("", r, t, !1);
+  }, [e, r.name]), null;
+});
+process.env.NODE_ENV !== "production" && (C.displayName = "EmotionGlobal");
+function O() {
+  for (var i = arguments.length, e = new Array(i), s = 0; s < i; s++)
+    e[s] = arguments[s];
+  return p(e);
 }
-function M(r, n, e) {
-  var f = "";
-  if (Array.isArray(e))
-    for (var a = 0; a < e.length; a++)
-      f += m(r, n, e[a]) + ";";
-  else
-    for (var t in e) {
-      var o = e[t];
-      if (typeof o != "object") {
-        var i = o;
-        n != null && n[i] !== void 0 ? f += t + "{" + n[i] + "}" : p(i) && (f += h(t) + ":" + y(t, i) + ";");
-      } else {
-        if (t === "NO_COMPONENT_SELECTOR" && _)
-          throw new Error(A);
-        if (Array.isArray(o) && typeof o[0] == "string" && (n == null || n[o[0]] === void 0))
-          for (var u = 0; u < o.length; u++)
-            p(o[u]) && (f += h(t) + ":" + y(t, o[u]) + ";");
-        else {
-          var c = m(r, n, o);
-          switch (t) {
-            case "animation":
-            case "animationName": {
-              f += h(t) + ":" + c + ";";
-              break;
-            }
-            default:
-              f += t + "{" + c + "}";
+var G = function() {
+  var e = O.apply(void 0, arguments), s = "animation-" + e.name;
+  return {
+    name: s,
+    styles: "@keyframes " + s + "{" + e.styles + "}",
+    anim: 1,
+    toString: function() {
+      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
+    }
+  };
+}, S = function i(e) {
+  for (var s = e.length, r = 0, o = ""; r < s; r++) {
+    var n = e[r];
+    if (n != null) {
+      var t = void 0;
+      switch (typeof n) {
+        case "boolean":
+          break;
+        case "object": {
+          if (Array.isArray(n))
+            t = i(n);
+          else {
+            process.env.NODE_ENV !== "production" && n.styles !== void 0 && n.name, t = "";
+            for (var a in n)
+              n[a] && a && (t && (t += " "), t += a);
           }
+          break;
         }
+        default:
+          t = n;
       }
+      t && (o && (o += " "), o += t);
     }
-  return f;
+  }
+  return o;
+};
+function D(i, e, s) {
+  var r = [], o = N(i, r, s);
+  return r.length < 2 ? s : o + e(r);
 }
-var b = /label:\s*([^\s;{]+)\s*(;|$)/g, s;
-function R(r, n, e) {
-  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
-    return r[0];
-  var f = !0, a = "";
-  s = void 0;
-  var t = r[0];
-  if (t == null || t.raw === void 0)
-    f = !1, a += m(e, n, t);
-  else {
-    var o = t;
-    a += o[0];
+var z = function(e) {
+  var s = e.cache, r = e.serializedArr;
+  return k(function() {
+    for (var o = 0; o < r.length; o++)
+      w(s, r[o], !1);
+  }), null;
+}, R = /* @__PURE__ */ x(function(i, e) {
+  var s = !1, r = [], o = function() {
+    if (s && process.env.NODE_ENV !== "production")
+      throw new Error("css can only be used during render");
+    for (var d = arguments.length, c = new Array(d), m = 0; m < d; m++)
+      c[m] = arguments[m];
+    var f = p(c, e.registered);
+    return r.push(f), E(e, f, !1), e.key + "-" + f.name;
+  }, n = function() {
+    if (s && process.env.NODE_ENV !== "production")
+      throw new Error("cx can only be used during render");
+    for (var d = arguments.length, c = new Array(d), m = 0; m < d; m++)
+      c[m] = arguments[m];
+    return D(e.registered, o, S(c));
+  }, t = {
+    css: o,
+    cx: n,
+    theme: u.useContext(g)
+  }, a = i.children(t);
+  return s = !0, /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(z, {
+    cache: e,
+    serializedArr: r
+  }), a);
+});
+process.env.NODE_ENV !== "production" && (R.displayName = "EmotionClassNames");
+if (process.env.NODE_ENV !== "production") {
+  var h = !0, T = typeof jest < "u" || typeof vi < "u";
+  if (h && !T) {
+    var y = (
+      // $FlowIgnore
+      typeof globalThis < "u" ? globalThis : h ? window : global
+    ), b = "__EMOTION_REACT_" + _.version.split(".")[0] + "__";
+    y[b], y[b] = !0;
   }
-  for (var i = 1; i < r.length; i++)
-    if (a += m(e, n, r[i]), f) {
-      var u = t;
-      a += u[i];
-    }
-  b.lastIndex = 0;
-  for (var c = "", l; (l = b.exec(a)) !== null; )
-    c += "-" + l[1];
-  var v = w(a) + c;
-  return {
-    name: v,
-    styles: a,
-    next: s
-  };
 }
 export {
-  R as serializeStyles
+  R as ClassNames,
+  C as Global,
+  g as ThemeContext,
+  O as css,
+  G as keyframes,
+  x as withEmotionCache
 };

package/index.es468.js

@@ -1,17 +1,34 @@
-import { __require as t } from "./index.es293.js";
-var e = t(), a = {
-  $$typeof: !0,
-  render: !0,
-  defaultProps: !0,
-  displayName: !0,
-  propTypes: !0
-}, p = {
-  $$typeof: !0,
-  compare: !0,
-  defaultProps: !0,
-  displayName: !0,
-  propTypes: !0,
-  type: !0
-}, r = {};
-r[e.ForwardRef] = a;
-r[e.Memo] = p;
+var i = !0;
+function u(r, e, t) {
+  var s = "";
+  return t.split(" ").forEach(function(n) {
+    r[n] !== void 0 ? e.push(r[n] + ";") : n && (s += n + " ");
+  }), s;
+}
+var o = function(e, t, s) {
+  var n = e.key + "-" + t.name;
+  // we only need to add the styles to the registered cache if the
+  // class name could be used further down
+  // the tree but if it's a string tag, we know it won't
+  // so we don't have to add it to registered cache.
+  // this improves memory usage since we can avoid storing the whole style string
+  (s === !1 || // we need to always store it if we're in compat mode and
+  // in node since emotion-server relies on whether a style is in
+  // the registered cache to know whether a style is global or not
+  // also, note that this check will be dead code eliminated in the browser
+  i === !1) && e.registered[n] === void 0 && (e.registered[n] = t.styles);
+}, y = function(e, t, s) {
+  o(e, t, s);
+  var n = e.key + "-" + t.name;
+  if (e.inserted[t.name] === void 0) {
+    var f = t;
+    do
+      e.insert(t === f ? "." + n : "", f, e.sheet, !0), f = f.next;
+    while (f !== void 0);
+  }
+};
+export {
+  u as getRegisteredStyles,
+  y as insertStyles,
+  o as registerStyles
+};

package/index.es469.js

@@ -1,9 +1,8 @@
-function c(t, r) {
-  const e = this;
-  return e.vars && typeof e.getColorSchemeSelector == "function" ? {
-    [e.getColorSchemeSelector(t).replace(/(\[[^\]]+\])/, "*:where($1)")]: r
-  } : e.palette.mode === t ? r : {};
-}
+import * as e from "react";
+var n = function(a) {
+  return a();
+}, t = e["useInsertionEffect"] ? e["useInsertionEffect"] : !1, c = t || n, f = t || e.useLayoutEffect;
 export {
-  c as default
+  c as useInsertionEffectAlwaysWithSyncFallback,
+  f as useInsertionEffectWithLayoutFallback
 };