mada-design-system 0.7.1 → 0.8.0

package/index.es400.js

@@ -1,8 +1,54 @@
-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 { __exports as s } from "./index.es459.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 {
-  c as useInsertionEffectAlwaysWithSyncFallback,
-  f as useInsertionEffectWithLayoutFallback
+  A as __require
 };

package/index.es401.js

@@ -1,134 +1,4 @@
-import w from "./index.es421.js";
-import C from "./index.es422.js";
-import E from "./index.es420.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);
-    }
-    case "function": {
-      if (r !== void 0) {
-        var u = s, c = e(r);
-        return s = u, m(r, n, c);
-      }
-      break;
-    }
-  }
-  var l = e;
-  if (n == null)
-    return l;
-  var v = n[l];
-  return v !== void 0 ? v : l;
-}
-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 + "}";
-          }
-        }
-      }
-    }
-  return f;
-}
-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];
-  }
-  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
-  };
-}
+var r = {};
 export {
-  R as serializeStyles
+  r as __exports
 };

package/index.es402.js

@@ -1,17 +1,4 @@
-import { __require as t } from "./index.es251.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 e = {};
+export {
+  e as __exports
+};

package/index.es403.js

@@ -1,9 +1,15 @@
-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 r from "./index.es404.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;
 }
+const c = (e, o) => {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
+};
 export {
-  c as default
+  y as default,
+  c as internal_processStyles
 };

package/index.es404.js

@@ -1,4 +1,145 @@
-var e = { exports: {} };
+import a from "./index.es466.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);
+});
 export {
-  e as __module
+  t as default
 };

package/index.es405.js

@@ -1,69 +1,45 @@
-import { __exports as e } from "./index.es431.js";
-var R;
-function A() {
-  if (R)
-    return e;
-  R = 1;
-  var T = Symbol.for("react.transitional.element"), l = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), C = Symbol.for("react.client.reference");
-  function t(r) {
-    if (typeof r == "object" && r !== null) {
-      var m = r.$$typeof;
-      switch (m) {
-        case T:
-          switch (r = r.type, r) {
-            case n:
-            case i:
-            case o:
-            case a:
-            case E:
-            case S:
-              return r;
-            default:
-              switch (r = r && r.$$typeof, r) {
-                case f:
-                case u:
-                case _:
-                case c:
-                  return r;
-                case s:
-                  return r;
-                default:
-                  return m;
-              }
-          }
-        case l:
-          return m;
-      }
-    }
-  }
-  return e.ContextConsumer = s, e.ContextProvider = f, e.Element = T, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = l, e.Profiler = i, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
-    return t(r) === s;
-  }, e.isContextProvider = function(r) {
-    return t(r) === f;
-  }, e.isElement = function(r) {
-    return typeof r == "object" && r !== null && r.$$typeof === T;
-  }, e.isForwardRef = function(r) {
-    return t(r) === u;
-  }, e.isFragment = function(r) {
-    return t(r) === n;
-  }, e.isLazy = function(r) {
-    return t(r) === _;
-  }, e.isMemo = function(r) {
-    return t(r) === c;
-  }, e.isPortal = function(r) {
-    return t(r) === l;
-  }, e.isProfiler = function(r) {
-    return t(r) === i;
-  }, e.isStrictMode = function(r) {
-    return t(r) === o;
-  }, e.isSuspense = function(r) {
-    return t(r) === a;
-  }, e.isSuspenseList = function(r) {
-    return t(r) === E;
-  }, e.isValidElementType = function(r) {
-    return typeof r == "string" || typeof r == "function" || r === n || r === i || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === f || r.$$typeof === s || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
-  }, e.typeOf = t, e;
+import i from "./index.es406.js";
+import b from "./index.es407.js";
+import l from "./index.es408.js";
+import { createUnaryUnit as u, getValue as c } from "./index.es409.js";
+import { handleBreakpoints as m } from "./index.es410.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);
+  }
+  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);
 export {
-  A as __require
+  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
 };

package/index.es406.js

@@ -1,68 +1,5 @@
-import { __exports as e } from "./index.es432.js";
-var R;
-function d() {
-  return R ? e : (R = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(r) {
-      if (typeof r == "object" && r !== null) {
-        var m = r.$$typeof;
-        switch (m) {
-          case l:
-            switch (r = r.type, r) {
-              case n:
-              case s:
-              case o:
-              case a:
-              case E:
-              case S:
-                return r;
-              default:
-                switch (r = r && r.$$typeof, r) {
-                  case f:
-                  case u:
-                  case _:
-                  case c:
-                    return r;
-                  case i:
-                    return r;
-                  default:
-                    return m;
-                }
-            }
-          case T:
-            return m;
-        }
-      }
-    }
-    var l = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.consumer"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), c = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.view_transition"), C = Symbol.for("react.client.reference");
-    e.ContextConsumer = i, e.ContextProvider = f, e.Element = l, e.ForwardRef = u, e.Fragment = n, e.Lazy = _, e.Memo = c, e.Portal = T, e.Profiler = s, e.StrictMode = o, e.Suspense = a, e.SuspenseList = E, e.isContextConsumer = function(r) {
-      return t(r) === i;
-    }, e.isContextProvider = function(r) {
-      return t(r) === f;
-    }, e.isElement = function(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === l;
-    }, e.isForwardRef = function(r) {
-      return t(r) === u;
-    }, e.isFragment = function(r) {
-      return t(r) === n;
-    }, e.isLazy = function(r) {
-      return t(r) === _;
-    }, e.isMemo = function(r) {
-      return t(r) === c;
-    }, e.isPortal = function(r) {
-      return t(r) === T;
-    }, e.isProfiler = function(r) {
-      return t(r) === s;
-    }, e.isStrictMode = function(r) {
-      return t(r) === o;
-    }, e.isSuspense = function(r) {
-      return t(r) === a;
-    }, e.isSuspenseList = function(r) {
-      return t(r) === E;
-    }, e.isValidElementType = function(r) {
-      return typeof r == "string" || typeof r == "function" || r === n || r === s || r === o || r === a || r === E || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === c || r.$$typeof === f || r.$$typeof === i || r.$$typeof === u || r.$$typeof === C || r.getModuleId !== void 0);
-    }, e.typeOf = t;
-  }(), e);
-}
+import e from "./index.es209.js";
+const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
 export {
-  d as __require
+  p as default
 };

package/index.es407.js

@@ -1,8 +1,43 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
+import P from "./index.es406.js";
+import { handleBreakpoints as m } from "./index.es410.js";
+import $ from "./index.es416.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
+      };
+    });
+  };
+  return s.propTypes = process.env.NODE_ENV !== "production" ? {
+    [e]: P
+  } : {}, s.filterProps = [e], s;
 }
 export {
-  e as default
+  k as default,
+  c as getPath,
+  y as getStyleValue
 };

package/index.es408.js

@@ -1,6 +1,10 @@
-function i(s, a) {
-  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+import c from "./index.es411.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;
 }
 export {
-  i as default
+  f as default
 };