mada-design-system 0.4.0 → 0.5.1

package/index.es397.js

@@ -1,251 +1,17 @@
-import { StyleSheet as K } from "./index.es398.js";
-import { middleware as z, rulesheet as B } from "./index.es399.js";
-import { RULESET as D, KEYFRAMES as F, DECLARATION as H, WEBKIT as e, MS as o, MOZ as k } from "./index.es400.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.es401.js";
-import { serialize as m, stringify as _ } from "./index.es402.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.es403.js";
-import { compile as X } from "./index.es404.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 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
-};
+import { __require as t } from "./index.es254.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;

package/index.es398.js

@@ -1,45 +1,9 @@
-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 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 : {};
 }
-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 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 default
 };

package/index.es399.js

@@ -1,18 +1,4 @@
-import { sizeof as p } from "./index.es401.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 e = { exports: {} };
 export {
-  c as middleware,
-  d as rulesheet
+  e as __module
 };

package/index.es4.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
-import { useReactTable as F, flexRender as M } from "./index.es100.js";
-import { Skeleton as b } from "./index.es67.js";
-import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es70.js";
-import { clsx as E } from "./index.es101.js";
+import { useReactTable as F, flexRender as M } from "./index.es106.js";
+import { Skeleton as b } from "./index.es68.js";
+import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es71.js";
+import { clsx as E } from "./index.es107.js";
 import S, { useState as Q, useEffect as C } from "react";
-import { useMediaQuery as V } from "./index.es102.js";
+import { useMediaQuery as V } from "./index.es108.js";
 import { PaginationDescription as q, LinesPerPage as G, Pagination as J } from "./index.es12.js";
-import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es103.js";
+import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es109.js";
 function le({
   columns: m,
   data: g,

package/index.es40.js

@@ -1,20 +1,247 @@
-import { jsx as x } from "react/jsx-runtime";
-import { clsx as c } from "./index.es101.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 });
-};
+import { jsx as l } from "react/jsx-runtime";
+import { cva as n } from "./index.es110.js";
+import { clsx as x } from "./index.es107.js";
+const y = n("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      7: "grid-cols-7",
+      8: "grid-cols-8",
+      9: "grid-cols-9",
+      10: "grid-cols-10",
+      11: "grid-cols-11",
+      12: "grid-cols-12"
+    },
+    gap: {
+      none: "",
+      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: "",
+      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: "",
+      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"
+    },
+    autoFlow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      dense: "grid-flow-dense",
+      rowDense: "grid-flow-row-dense",
+      colDense: "grid-flow-col-dense"
+    },
+    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: {
+    cols: 12,
+    gap: 1,
+    gapX: "none",
+    gapY: "none",
+    autoFlow: "row",
+    alignItems: "stretch",
+    justifyItems: "stretch",
+    alignContent: "start",
+    justifyContent: "start"
+  }
+}), b = ({
+  cols: s,
+  gap: a,
+  gapX: p,
+  gapY: c,
+  autoFlow: e,
+  alignItems: o,
+  justifyItems: t,
+  alignContent: g,
+  justifyContent: r,
+  className: i,
+  children: d,
+  ...m
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: y({
+      cols: s,
+      gap: a,
+      gapX: p,
+      gapY: c,
+      autoFlow: e,
+      alignItems: o,
+      justifyItems: t,
+      alignContent: g,
+      justifyContent: r,
+      className: i
+    }),
+    ...m,
+    children: d
+  }
+), f = n("", {
+  variants: {
+    base: {
+      1: "col-span-1",
+      2: "col-span-2",
+      3: "col-span-3",
+      4: "col-span-4",
+      5: "col-span-5",
+      6: "col-span-6",
+      7: "col-span-7",
+      8: "col-span-8",
+      9: "col-span-9",
+      10: "col-span-10",
+      11: "col-span-11",
+      12: "col-span-12"
+    },
+    sm: {
+      1: "sm:col-span-1",
+      2: "sm:col-span-2",
+      3: "sm:col-span-3",
+      4: "sm:col-span-4",
+      5: "sm:col-span-5",
+      6: "sm:col-span-6",
+      7: "sm:col-span-7",
+      8: "sm:col-span-8",
+      9: "sm:col-span-9",
+      10: "sm:col-span-10",
+      11: "sm:col-span-11",
+      12: "sm:col-span-12"
+    },
+    md: {
+      1: "md:col-span-1",
+      2: "md:col-span-2",
+      3: "md:col-span-3",
+      4: "md:col-span-4",
+      5: "md:col-span-5",
+      6: "md:col-span-6",
+      7: "md:col-span-7",
+      8: "md:col-span-8",
+      9: "md:col-span-9",
+      10: "md:col-span-10",
+      11: "md:col-span-11",
+      12: "md:col-span-12"
+    },
+    lg: {
+      1: "lg:col-span-1",
+      2: "lg:col-span-2",
+      3: "lg:col-span-3",
+      4: "lg:col-span-4",
+      5: "lg:col-span-5",
+      6: "lg:col-span-6",
+      7: "lg:col-span-7",
+      8: "lg:col-span-8",
+      9: "lg:col-span-9",
+      10: "lg:col-span-10",
+      11: "lg:col-span-11",
+      12: "lg:col-span-12"
+    },
+    xl: {
+      1: "xl:col-span-1",
+      2: "xl:col-span-2",
+      3: "xl:col-span-3",
+      4: "xl:col-span-4",
+      5: "xl:col-span-5",
+      6: "xl:col-span-6",
+      7: "xl:col-span-7",
+      8: "xl:col-span-8",
+      9: "xl:col-span-9",
+      10: "xl:col-span-10",
+      11: "xl:col-span-11",
+      12: "xl:col-span-12"
+    },
+    "2xl": {
+      1: "2xl:col-span-1",
+      2: "2xl:col-span-2",
+      3: "2xl:col-span-3",
+      4: "2xl:col-span-4",
+      5: "2xl:col-span-5",
+      6: "2xl:col-span-6",
+      7: "2xl:col-span-7",
+      8: "2xl:col-span-8",
+      9: "2xl:col-span-9",
+      10: "2xl:col-span-10",
+      11: "2xl:col-span-11",
+      12: "2xl:col-span-12"
+    }
+  },
+  defaultVariants: {
+    base: 1
+  }
+}), v = ({ columns: s, children: a, className: p, ...c }) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: x(
+      f(typeof s == "number" ? { base: s } : typeof s == "object" && s !== null ? s : {}),
+      p
+    ),
+    ...c,
+    children: a
+  }
+);
 export {
-  u as SimpleGrid
+  b as Grid,
+  v as GridItem
 };