mada-design-system 0.5.11 → 0.5.12

package/index.es418.js

@@ -1,251 +1,45 @@
-import { StyleSheet as K } from "./index.es419.js";
-import { middleware as z, rulesheet as B } from "./index.es420.js";
-import { RULESET as D, KEYFRAMES as F, DECLARATION as H, WEBKIT as e, MS as o, MOZ as k } from "./index.es421.js";
-import { combine as N, replace as c, hash as U, charat as y, strlen as E, indexof as R, match as Y, from as Z } from "./index.es422.js";
-import { serialize as m, stringify as _ } from "./index.es423.js";
-import { copy as g, dealloc as G, alloc as J, next as C, token as S, peek as A, delimit as Q, slice as V, position as T } from "./index.es424.js";
-import { compile as X } from "./index.es425.js";
-var j = function(t, a, s) {
-  for (var i = 0, n = 0; i = n, n = A(), i === 38 && n === 12 && (a[s] = 1), !S(n); )
-    C();
-  return V(t, T);
-}, l = function(t, a) {
-  var s = -1, i = 44;
-  do
-    switch (S(i)) {
-      case 0:
-        i === 38 && A() === 12 && (a[s] = 1), t[s] += j(T - 1, a, s);
-        break;
-      case 2:
-        t[s] += Q(i);
-        break;
-      case 4:
-        if (i === 44) {
-          t[++s] = A() === 58 ? "&\f" : "", a[s] = t[s].length;
-          break;
-        }
-      default:
-        t[s] += Z(i);
-    }
-  while (i = C());
-  return t;
-}, v = function(t, a) {
-  return G(l(J(t), a));
-}, P = /* @__PURE__ */ new WeakMap(), rr = function(t) {
-  if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
-  // negative .length indicates that this rule has been already prefixed
-  t.length < 1)) {
-    for (var a = t.value, s = t.parent, i = t.column === s.column && t.line === s.line; s.type !== "rule"; )
-      if (s = s.parent, !s)
-        return;
-    if (!(t.props.length === 1 && a.charCodeAt(0) !== 58 && !P.get(s)) && !i) {
-      P.set(t, !0);
-      for (var n = [], b = v(a, n), w = s.props, h = 0, x = 0; h < b.length; h++)
-        for (var d = 0; d < w.length; d++, x++)
-          t.props[x] = n[h] ? b[h].replace(/&\f/g, w[d]) : w[d] + " " + b[h];
-    }
-  }
-}, tr = function(t) {
-  if (t.type === "decl") {
-    var a = t.value;
-    // charcode for l
-    a.charCodeAt(0) === 108 && // charcode for b
-    a.charCodeAt(2) === 98 && (t.return = "", t.value = "");
-  }
-};
-function L(r, t) {
-  switch (U(r, t)) {
-    case 5103:
-      return e + "print-" + r + r;
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return e + r + r;
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return e + r + k + r + o + r + r;
-    case 6828:
-    case 4268:
-      return e + r + o + r + r;
-    case 6165:
-      return e + r + o + "flex-" + r + r;
-    case 5187:
-      return e + r + c(r, /(\w+).+(:[^]+)/, e + "box-$1$2" + o + "flex-$1$2") + r;
-    case 5443:
-      return e + r + o + "flex-item-" + c(r, /flex-|-self/, "") + r;
-    case 4675:
-      return e + r + o + "flex-line-pack" + c(r, /align-content|flex-|-self/, "") + r;
-    case 5548:
-      return e + r + o + c(r, "shrink", "negative") + r;
-    case 5292:
-      return e + r + o + c(r, "basis", "preferred-size") + r;
-    case 6060:
-      return e + "box-" + c(r, "-grow", "") + e + r + o + c(r, "grow", "positive") + r;
-    case 4554:
-      return e + c(r, /([^-])(transform)/g, "$1" + e + "$2") + r;
-    case 6187:
-      return c(c(c(r, /(zoom-|grab)/, e + "$1"), /(image-set)/, e + "$1"), r, "") + r;
-    case 5495:
-    case 3959:
-      return c(r, /(image-set\([^]*)/, e + "$1$`$1");
-    case 4968:
-      return c(c(r, /(.+:)(flex-)?(.*)/, e + "box-pack:$3" + o + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + e + r + r;
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return c(r, /(.+)-inline(.+)/, e + "$1$2") + r;
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (E(r) - 1 - t > 6)
-        switch (y(r, t + 1)) {
-          case 109:
-            if (y(r, t + 4) !== 45)
-              break;
-          case 102:
-            return c(r, /(.+:)(.+)-([^]+)/, "$1" + e + "$2-$3$1" + k + (y(r, t + 3) == 108 ? "$3" : "$2-$3")) + r;
-          case 115:
-            return ~R(r, "stretch") ? L(c(r, "stretch", "fill-available"), t) + r : r;
-        }
-      break;
-    case 4949:
-      if (y(r, t + 1) !== 115)
-        break;
-    case 6444:
-      switch (y(r, E(r) - 3 - (~R(r, "!important") && 10))) {
-        case 107:
-          return c(r, ":", ":" + e) + r;
-        case 101:
-          return c(r, /(.+:)([^;!]+)(;|!.+)?/, "$1" + e + (y(r, 14) === 45 ? "inline-" : "") + "box$3$1" + e + "$2$3$1" + o + "$2box$3") + r;
-      }
-      break;
-    case 5936:
-      switch (y(r, t + 11)) {
-        case 114:
-          return e + r + o + c(r, /[svh]\w+-[tblr]{2}/, "tb") + r;
-        case 108:
-          return e + r + o + c(r, /[svh]\w+-[tblr]{2}/, "tb-rl") + r;
-        case 45:
-          return e + r + o + c(r, /[svh]\w+-[tblr]{2}/, "lr") + r;
-      }
-      return e + r + o + r + r;
-  }
-  return r;
+var h = !1;
+function a(n) {
+  if (n.sheet)
+    return n.sheet;
+  for (var t = 0; t < document.styleSheets.length; t++)
+    if (document.styleSheets[t].ownerNode === n)
+      return document.styleSheets[t];
 }
-var er = function(t, a, s, i) {
-  if (t.length > -1 && !t.return)
-    switch (t.type) {
-      case H:
-        t.return = L(t.value, t.length);
-        break;
-      case F:
-        return m([g(t, {
-          value: c(t.value, "@", "@" + e)
-        })], i);
-      case D:
-        if (t.length)
-          return N(t.props, function(n) {
-            switch (Y(n, /(::plac\w+|:read-\w+)/)) {
-              case ":read-only":
-              case ":read-write":
-                return m([g(t, {
-                  props: [c(n, /:(read-\w+)/, ":" + k + "$1")]
-                })], i);
-              case "::placeholder":
-                return m([g(t, {
-                  props: [c(n, /:(plac\w+)/, ":" + e + "input-$1")]
-                }), g(t, {
-                  props: [c(n, /:(plac\w+)/, ":" + k + "$1")]
-                }), g(t, {
-                  props: [c(n, /:(plac\w+)/, o + "input-$1")]
-                })], i);
-            }
-            return "";
-          });
-    }
-}, cr = [er], hr = function(t) {
-  var a = t.key;
-  if (a === "css") {
-    var s = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(s, function(f) {
-      var p = f.getAttribute("data-emotion");
-      p.indexOf(" ") !== -1 && (document.head.appendChild(f), f.setAttribute("data-s", ""));
-    });
-  }
-  var i = t.stylisPlugins || cr, n = {}, b, w = [];
-  b = t.container || document.head, Array.prototype.forEach.call(
-    // this means we will ignore elements which don't have a space in them which
-    // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
-    document.querySelectorAll('style[data-emotion^="' + a + ' "]'),
-    function(f) {
-      for (var p = f.getAttribute("data-emotion").split(" "), $ = 1; $ < p.length; $++)
-        n[p[$]] = !0;
-      w.push(f);
-    }
-  );
-  var h, x = [rr, tr];
-  {
-    var d, M = [_, B(function(f) {
-      d.insert(f);
-    })], W = z(x.concat(i, M)), I = function(p) {
-      return m(X(p), W);
-    };
-    h = function(p, $, O, q) {
-      d = O, I(p ? p + "{" + $.styles + "}" : $.styles), q && (u.inserted[$.name] = !0);
-    };
+function o(n) {
+  var t = document.createElement("style");
+  return t.setAttribute("data-emotion", n.key), n.nonce !== void 0 && t.setAttribute("nonce", n.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
+}
+var d = /* @__PURE__ */ function() {
+  function n(i) {
+    var e = this;
+    this._insertTag = function(r) {
+      var s;
+      e.tags.length === 0 ? e.insertionPoint ? s = e.insertionPoint.nextSibling : e.prepend ? s = e.container.firstChild : s = e.before : s = e.tags[e.tags.length - 1].nextSibling, e.container.insertBefore(r, s), e.tags.push(r);
+    }, this.isSpeedy = i.speedy === void 0 ? !h : i.speedy, this.tags = [], this.ctr = 0, this.nonce = i.nonce, this.key = i.key, this.container = i.container, this.prepend = i.prepend, this.insertionPoint = i.insertionPoint, this.before = null;
   }
-  var u = {
-    key: a,
-    sheet: new K({
-      key: a,
-      container: b,
-      nonce: t.nonce,
-      speedy: t.speedy,
-      prepend: t.prepend,
-      insertionPoint: t.insertionPoint
-    }),
-    nonce: t.nonce,
-    inserted: n,
-    registered: {},
-    insert: h
-  };
-  return u.sheet.hydrate(w), u;
-};
+  var t = n.prototype;
+  return t.hydrate = function(e) {
+    e.forEach(this._insertTag);
+  }, t.insert = function(e) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(o(this));
+    var r = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var s = a(r);
+      try {
+        s.insertRule(e, s.cssRules.length);
+      } catch {
+      }
+    } else
+      r.appendChild(document.createTextNode(e));
+    this.ctr++;
+  }, t.flush = function() {
+    this.tags.forEach(function(e) {
+      var r;
+      return (r = e.parentNode) == null ? void 0 : r.removeChild(e);
+    }), this.tags = [], this.ctr = 0;
+  }, n;
+}();
 export {
-  hr as default
+  d as StyleSheet
 };

package/index.es419.js

@@ -1,45 +1,18 @@
-var h = !1;
-function a(n) {
-  if (n.sheet)
-    return n.sheet;
-  for (var t = 0; t < document.styleSheets.length; t++)
-    if (document.styleSheets[t].ownerNode === n)
-      return document.styleSheets[t];
+import { sizeof as p } from "./index.es421.js";
+function c(t) {
+  var r = p(t);
+  return function(f, n, i, a) {
+    for (var o = "", u = 0; u < r; u++)
+      o += t[u](f, n, i, a) || "";
+    return o;
+  };
 }
-function o(n) {
-  var t = document.createElement("style");
-  return t.setAttribute("data-emotion", n.key), n.nonce !== void 0 && t.setAttribute("nonce", n.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
+function d(t) {
+  return function(r) {
+    r.root || (r = r.return) && t(r);
+  };
 }
-var d = /* @__PURE__ */ function() {
-  function n(i) {
-    var e = this;
-    this._insertTag = function(r) {
-      var s;
-      e.tags.length === 0 ? e.insertionPoint ? s = e.insertionPoint.nextSibling : e.prepend ? s = e.container.firstChild : s = e.before : s = e.tags[e.tags.length - 1].nextSibling, e.container.insertBefore(r, s), e.tags.push(r);
-    }, this.isSpeedy = i.speedy === void 0 ? !h : i.speedy, this.tags = [], this.ctr = 0, this.nonce = i.nonce, this.key = i.key, this.container = i.container, this.prepend = i.prepend, this.insertionPoint = i.insertionPoint, this.before = null;
-  }
-  var t = n.prototype;
-  return t.hydrate = function(e) {
-    e.forEach(this._insertTag);
-  }, t.insert = function(e) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(o(this));
-    var r = this.tags[this.tags.length - 1];
-    if (this.isSpeedy) {
-      var s = a(r);
-      try {
-        s.insertRule(e, s.cssRules.length);
-      } catch {
-      }
-    } else
-      r.appendChild(document.createTextNode(e));
-    this.ctr++;
-  }, t.flush = function() {
-    this.tags.forEach(function(e) {
-      var r;
-      return (r = e.parentNode) == null ? void 0 : r.removeChild(e);
-    }), this.tags = [], this.ctr = 0;
-  }, n;
-}();
 export {
-  d as StyleSheet
+  c as middleware,
+  d as rulesheet
 };

package/index.es42.js

@@ -1,118 +1,20 @@
-import { jsx as y } from "react/jsx-runtime";
-import { cva as m } from "./index.es105.js";
-import { clsx as l } from "./index.es129.js";
-const u = m("flex", {
-  variants: {
-    direction: {
-      row: "flex-row",
-      "row-reverse": "flex-row-reverse",
-      col: "flex-col",
-      "col-reverse": "flex-col-reverse"
-    },
-    gap: {
-      none: "",
-      small: "gap-space-04",
-      medium: "gap-space-05",
-      1: "gap-space-01",
-      2: "gap-space-02",
-      3: "gap-space-03",
-      4: "gap-space-04",
-      5: "gap-space-05",
-      6: "gap-space-06",
-      7: "gap-space-07",
-      8: "gap-space-08",
-      9: "gap-space-09",
-      10: "gap-space-10",
-      11: "gap-space-11",
-      12: "gap-space-12"
-    },
-    gapX: {
-      none: "",
-      small: "gap-x-space-04",
-      medium: "gap-x-space-05",
-      1: "gap-x-space-01",
-      2: "gap-x-space-02",
-      3: "gap-x-space-03",
-      4: "gap-x-space-04",
-      5: "gap-x-space-05",
-      6: "gap-x-space-06",
-      7: "gap-x-space-07",
-      8: "gap-x-space-08",
-      9: "gap-x-space-09",
-      10: "gap-x-space-10",
-      11: "gap-x-space-11",
-      12: "gap-x-space-12"
-    },
-    gapY: {
-      none: "",
-      small: "gap-y-space-04",
-      medium: "gap-y-space-05",
-      1: "gap-y-space-01",
-      2: "gap-y-space-02",
-      3: "gap-y-space-03",
-      4: "gap-y-space-04",
-      5: "gap-y-space-05",
-      6: "gap-y-space-06",
-      7: "gap-y-space-07",
-      8: "gap-y-space-08",
-      9: "gap-y-space-09",
-      10: "gap-y-space-10",
-      11: "gap-y-space-11",
-      12: "gap-y-space-12"
-    },
-    alignItems: {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch"
-    },
-    justifyItems: {
-      start: "justify-items-start",
-      center: "justify-items-center",
-      end: "justify-items-end",
-      stretch: "justify-items-stretch"
-    },
-    alignContent: {
-      start: "content-start",
-      center: "content-center",
-      end: "content-end",
-      between: "content-between",
-      around: "content-around",
-      evenly: "content-evenly"
-    },
-    justifyContent: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    }
-  },
-  defaultVariants: {
-    direction: "row",
-    gap: "medium"
-  }
-}), j = ({
-  direction: e,
-  gap: a,
-  gapX: s,
-  gapY: p,
-  justifyContent: t,
-  justifyItems: c,
-  alignContent: n,
-  alignItems: r,
-  className: g,
-  children: i,
-  ...o
-}) => /* @__PURE__ */ y(
-  "div",
-  {
-    className: l(u({ direction: e, gap: a, gapX: s, gapY: p, justifyContent: t, justifyItems: c, alignContent: n, alignItems: r }), g),
-    ...o,
-    children: i
-  }
-);
+import { jsx as x } from "react/jsx-runtime";
+import { clsx as c } from "./index.es128.js";
+const u = ({
+  minChildWidth: r,
+  cols: e = 12,
+  // Default to 12 columns
+  gap: p = "gap-space-05",
+  // Default spacing
+  gapX: a = "",
+  gapY: m = "",
+  className: o,
+  children: s,
+  ...t
+}) => {
+  const f = r ? `repeat(auto-fill, minmax(${typeof r == "number" ? `${r}px` : r}, 1fr))` : `repeat(${e}, minmax(0, 1fr))`;
+  return /* @__PURE__ */ x("div", { className: c("grid", p, a, m, o), style: { gridTemplateColumns: f }, ...t, children: s });
+};
 export {
-  j as Stack
+  u as SimpleGrid
 };

package/index.es420.js

@@ -1,18 +1,12 @@
-import { sizeof as p } from "./index.es422.js";
-function c(t) {
-  var r = p(t);
-  return function(f, n, i, a) {
-    for (var o = "", u = 0; u < r; u++)
-      o += t[u](f, n, i, a) || "";
-    return o;
-  };
-}
-function d(t) {
-  return function(r) {
-    r.root || (r = r.return) && t(r);
-  };
-}
+var r = "-ms-", a = "-moz-", v = "-webkit-", E = "comm", e = "rule", m = "decl", M = "@import", R = "@keyframes", T = "@layer";
 export {
-  c as middleware,
-  d as rulesheet
+  E as COMMENT,
+  m as DECLARATION,
+  M as IMPORT,
+  R as KEYFRAMES,
+  T as LAYER,
+  a as MOZ,
+  r as MS,
+  e as RULESET,
+  v as WEBKIT
 };

package/index.es421.js

@@ -1,12 +1,50 @@
-var r = "-ms-", a = "-moz-", v = "-webkit-", E = "comm", e = "rule", m = "decl", M = "@import", R = "@keyframes", T = "@layer";
+var i = Math.abs, c = String.fromCharCode, o = Object.assign;
+function f(n, r) {
+  return t(n, 0) ^ 45 ? (((r << 2 ^ t(n, 0)) << 2 ^ t(n, 1)) << 2 ^ t(n, 2)) << 2 ^ t(n, 3) : 0;
+}
+function u(n) {
+  return n.trim();
+}
+function s(n, r) {
+  return (n = r.exec(n)) ? n[0] : n;
+}
+function a(n, r, e) {
+  return n.replace(r, e);
+}
+function h(n, r) {
+  return n.indexOf(r);
+}
+function t(n, r) {
+  return n.charCodeAt(r) | 0;
+}
+function m(n, r, e) {
+  return n.slice(r, e);
+}
+function p(n) {
+  return n.length;
+}
+function b(n) {
+  return n.length;
+}
+function d(n, r) {
+  return r.push(n), n;
+}
+function g(n, r) {
+  return n.map(r).join("");
+}
 export {
-  E as COMMENT,
-  m as DECLARATION,
-  M as IMPORT,
-  R as KEYFRAMES,
-  T as LAYER,
-  a as MOZ,
-  r as MS,
-  e as RULESET,
-  v as WEBKIT
+  i as abs,
+  d as append,
+  o as assign,
+  t as charat,
+  g as combine,
+  c as from,
+  f as hash,
+  h as indexof,
+  s as match,
+  a as replace,
+  b as sizeof,
+  p as strlen,
+  m as substr,
+  u as trim
 };

package/index.es422.js

@@ -1,50 +1,28 @@
-var i = Math.abs, c = String.fromCharCode, o = Object.assign;
-function f(n, r) {
-  return t(n, 0) ^ 45 ? (((r << 2 ^ t(n, 0)) << 2 ^ t(n, 1)) << 2 ^ t(n, 2)) << 2 ^ t(n, 3) : 0;
-}
-function u(n) {
-  return n.trim();
-}
-function s(n, r) {
-  return (n = r.exec(n)) ? n[0] : n;
-}
-function a(n, r, e) {
-  return n.replace(r, e);
-}
-function h(n, r) {
-  return n.indexOf(r);
-}
-function t(n, r) {
-  return n.charCodeAt(r) | 0;
-}
-function m(n, r, e) {
-  return n.slice(r, e);
-}
-function p(n) {
-  return n.length;
-}
-function b(n) {
-  return n.length;
-}
-function d(n, r) {
-  return r.push(n), n;
-}
-function g(n, r) {
-  return n.map(r).join("");
+import { RULESET as t, KEYFRAMES as f, COMMENT as n, DECLARATION as p, IMPORT as v, LAYER as E } from "./index.es420.js";
+import { sizeof as c, strlen as R } from "./index.es421.js";
+function i(r, a) {
+  for (var u = "", o = c(r), s = 0; s < o; s++)
+    u += a(r[s], s, r, a) || "";
+  return u;
+}
+function T(r, a, u, o) {
+  switch (r.type) {
+    case E:
+      if (r.children.length)
+        break;
+    case v:
+    case p:
+      return r.return = r.return || r.value;
+    case n:
+      return "";
+    case f:
+      return r.return = r.value + "{" + i(r.children, o) + "}";
+    case t:
+      r.value = r.props.join(",");
+  }
+  return R(u = i(r.children, o)) ? r.return = r.value + "{" + u + "}" : "";
 }
 export {
-  i as abs,
-  d as append,
-  o as assign,
-  t as charat,
-  g as combine,
-  c as from,
-  f as hash,
-  h as indexof,
-  s as match,
-  a as replace,
-  b as sizeof,
-  p as strlen,
-  m as substr,
-  u as trim
+  i as serialize,
+  T as stringify
 };