mada-design-system 0.7.2 → 0.8.1

package/index.es424.js

@@ -1,251 +1,10 @@
-import { StyleSheet as K } from "./index.es425.js";
-import { middleware as z, rulesheet as B } from "./index.es426.js";
-import { RULESET as D, KEYFRAMES as F, DECLARATION as H, WEBKIT as e, MS as o, MOZ as k } from "./index.es427.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.es428.js";
-import { serialize as m, stringify as _ } from "./index.es429.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.es430.js";
-import { compile as X } from "./index.es431.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;
+import f from "./index.es372.js";
+function o(e, r) {
+  return r ? f(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
 }
-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);
-    };
-  }
-  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;
-};
 export {
-  hr as default
+  o as default
 };

package/index.es425.js

@@ -1,45 +1,78 @@
-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];
-}
-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;
+import r from "./index.es420.js";
+import c from "./index.es421.js";
+import { createUnaryUnit as p, getValue as a } from "./index.es422.js";
+import { handleBreakpoints as l } from "./index.es423.js";
+import s from "./index.es419.js";
+const u = (o) => {
+  if (o.gap !== void 0 && o.gap !== null) {
+    const e = p(o.theme, "spacing", 8, "gap"), n = (t) => ({
+      gap: a(e, t)
+    });
+    return l(o, o.gap, n);
   }
-  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;
-}();
+  return null;
+};
+u.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: s
+} : {};
+u.filterProps = ["gap"];
+const i = (o) => {
+  if (o.columnGap !== void 0 && o.columnGap !== null) {
+    const e = p(o.theme, "spacing", 8, "columnGap"), n = (t) => ({
+      columnGap: a(e, t)
+    });
+    return l(o, o.columnGap, n);
+  }
+  return null;
+};
+i.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: s
+} : {};
+i.filterProps = ["columnGap"];
+const m = (o) => {
+  if (o.rowGap !== void 0 && o.rowGap !== null) {
+    const e = p(o.theme, "spacing", 8, "rowGap"), n = (t) => ({
+      rowGap: a(e, t)
+    });
+    return l(o, o.rowGap, n);
+  }
+  return null;
+};
+m.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: s
+} : {};
+m.filterProps = ["rowGap"];
+const g = r({
+  prop: "gridColumn"
+}), d = r({
+  prop: "gridRow"
+}), f = r({
+  prop: "gridAutoFlow"
+}), w = r({
+  prop: "gridAutoColumns"
+}), G = r({
+  prop: "gridAutoRows"
+}), A = r({
+  prop: "gridTemplateColumns"
+}), T = r({
+  prop: "gridTemplateRows"
+}), y = r({
+  prop: "gridTemplateAreas"
+}), P = r({
+  prop: "gridArea"
+});
+c(u, i, m, g, d, f, w, G, A, T, y, P);
 export {
-  d as StyleSheet
+  i as columnGap,
+  u as gap,
+  P as gridArea,
+  w as gridAutoColumns,
+  f as gridAutoFlow,
+  G as gridAutoRows,
+  g as gridColumn,
+  d as gridRow,
+  y as gridTemplateAreas,
+  A as gridTemplateColumns,
+  T as gridTemplateRows,
+  m as rowGap
 };

package/index.es426.js

@@ -1,18 +1,26 @@
-import { sizeof as p } from "./index.es428.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);
-  };
+import o from "./index.es420.js";
+import p from "./index.es421.js";
+function r(e, t) {
+  return t === "grey" ? t : e;
 }
+const n = o({
+  prop: "color",
+  themeKey: "palette",
+  transform: r
+}), c = o({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: r
+}), m = o({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: r
+});
+p(n, c, m);
 export {
-  c as middleware,
-  d as rulesheet
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
 };

package/index.es427.js

@@ -1,12 +1,64 @@
-var r = "-ms-", a = "-moz-", v = "-webkit-", E = "comm", e = "rule", m = "decl", M = "@import", R = "@keyframes", T = "@layer";
+import r from "./index.es420.js";
+import a from "./index.es421.js";
+import { handleBreakpoints as p, values as d } from "./index.es423.js";
+function i(t) {
+  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
+}
+const f = r({
+  prop: "width",
+  transform: i
+}), s = (t) => {
+  if (t.maxWidth !== void 0 && t.maxWidth !== null) {
+    const h = (e) => {
+      var n, o;
+      const m = ((n = t.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[e]) || d[e];
+      return m ? ((o = t.theme) == null || (o = o.breakpoints) == null ? void 0 : o.unit) !== "px" ? {
+        maxWidth: `${m}${t.theme.breakpoints.unit}`
+      } : {
+        maxWidth: m
+      } : {
+        maxWidth: i(e)
+      };
+    };
+    return p(t, t.maxWidth, h);
+  }
+  return null;
+};
+s.filterProps = ["maxWidth"];
+const l = r({
+  prop: "minWidth",
+  transform: i
+}), u = r({
+  prop: "height",
+  transform: i
+}), x = r({
+  prop: "maxHeight",
+  transform: i
+}), c = r({
+  prop: "minHeight",
+  transform: i
+});
+r({
+  prop: "size",
+  cssProperty: "width",
+  transform: i
+});
+r({
+  prop: "size",
+  cssProperty: "height",
+  transform: i
+});
+const g = r({
+  prop: "boxSizing"
+});
+a(f, s, l, u, x, c, g);
 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
+  g as boxSizing,
+  u as height,
+  x as maxHeight,
+  s as maxWidth,
+  c as minHeight,
+  l as minWidth,
+  i as sizingTransform,
+  f as width
 };

package/index.es428.js

@@ -1,50 +1,7 @@
-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("");
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
 }
 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
+  u as default
 };

package/index.es429.js

@@ -1,28 +1,61 @@
-import { RULESET as t, KEYFRAMES as f, COMMENT as n, DECLARATION as p, IMPORT as v, LAYER as E } from "./index.es427.js";
-import { sizeof as c, strlen as R } from "./index.es428.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(",");
+import v from "./index.es208.js";
+import f from "./index.es207.js";
+const h = ["values", "unit", "step"], $ = (i) => {
+  const t = Object.keys(i).map((r) => ({
+    key: r,
+    val: i[r]
+  })) || [];
+  return t.sort((r, u) => r.val - u.val), t.reduce((r, u) => f({}, r, {
+    [u.key]: u.val
+  }), {});
+};
+function w(i) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: u = 5
+  } = i, m = v(i, h), c = $(t), n = Object.keys(c);
+  function s(e) {
+    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r})`;
+  }
+  function l(e) {
+    return `@media (max-width:${(typeof t[e] == "number" ? t[e] : e) - u / 100}${r})`;
+  }
+  function a(e, o) {
+    const d = n.indexOf(o);
+    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r}) and (max-width:${(d !== -1 && typeof t[n[d]] == "number" ? t[n[d]] : o) - u / 100}${r})`;
+  }
+  function p(e) {
+    return n.indexOf(e) + 1 < n.length ? a(e, n[n.indexOf(e) + 1]) : s(e);
+  }
+  function x(e) {
+    const o = n.indexOf(e);
+    return o === 0 ? s(n[1]) : o === n.length - 1 ? l(n[o]) : a(e, n[n.indexOf(e) + 1]).replace("@media", "@media not all and");
   }
-  return R(u = i(r.children, o)) ? r.return = r.value + "{" + u + "}" : "";
+  return f({
+    keys: n,
+    values: c,
+    up: s,
+    down: l,
+    between: a,
+    only: p,
+    not: x,
+    unit: r
+  }, m);
 }
 export {
-  i as serialize,
-  T as stringify
+  w as default
 };

package/index.es43.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as e, Fragment as R } from "react/jsx-runtime";
 import * as l from "@radix-ui/react-navigation-menu";
-import { cva as H } from "./index.es110.js";
+import { cva as H } from "./index.es111.js";
 import * as s from "react";
 import { Content as B } from "@radix-ui/react-dialog";
 import { Slot as v } from "@radix-ui/react-slot";
@@ -11,11 +11,11 @@ import "./index.es2.js";
 import { Button as f } from "./index.es23.js";
 import { Input as F } from "./index.es37.js";
 import { Sheet as M, SheetTrigger as _, SheetClose as x, SheetContent as K, SheetHeader as E, SheetTitle as G, SheetFooter as P } from "./index.es68.js";
-import O from "./index.es137.js";
-import N from "./index.es113.js";
-import Q from "./index.es138.js";
-import h from "./index.es130.js";
-import q from "./index.es139.js";
+import O from "./index.es138.js";
+import N from "./index.es114.js";
+import Q from "./index.es139.js";
+import h from "./index.es131.js";
+import q from "./index.es140.js";
 import { Stack as J } from "./index.es42.js";
 import U from "./index.es5.js";
 import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es79.js";