mada-design-system 0.4.0 → 0.5.1

package/index.es39.js

@@ -1,247 +1,20 @@
-import { jsx as l } from "react/jsx-runtime";
-import { cva as n } from "./index.es104.js";
-import { clsx as x } from "./index.es101.js";
-const y = n("grid", {
+import { jsx as s } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-label";
+import { cva as i } from "./index.es110.js";
+import * as m from "react";
+import { cn as l } from "./index.es85.js";
+const d = i("peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {
   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"
+    size: {
+      default: "text-body-02",
+      sm: "text-body-01"
     }
   },
   defaultVariants: {
-    cols: 12,
-    gap: 1,
-    gapX: "none",
-    gapY: "none",
-    autoFlow: "row",
-    alignItems: "stretch",
-    justifyItems: "stretch",
-    alignContent: "start",
-    justifyContent: "start"
+    size: "sm"
   }
-}), 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
-  }
-);
+}), p = m.forwardRef(({ className: o, size: e, ...t }, r) => /* @__PURE__ */ s(a.Root, { ref: r, className: l(d({ size: e }), o), ...t }));
+p.displayName = a.Root.displayName;
 export {
-  b as Grid,
-  v as GridItem
+  p as Label
 };

package/index.es390.js

@@ -1,4 +1,48 @@
-import e from "./index.es314.js";
+import { clsx as v } from "./index.es107.js";
+import k from "./index.es386.js";
+import H from "./index.es429.js";
+function W(j) {
+  const {
+    getSlotProps: y,
+    additionalProps: e,
+    externalSlotProps: s,
+    externalForwardedProps: c,
+    className: n
+  } = j;
+  if (!y) {
+    const h = v(e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), u = {
+      ...e == null ? void 0 : e.style,
+      ...c == null ? void 0 : c.style,
+      ...s == null ? void 0 : s.style
+    }, f = {
+      ...e,
+      ...c,
+      ...s
+    };
+    return h.length > 0 && (f.className = h), Object.keys(u).length > 0 && (f.style = u), {
+      props: f,
+      internalRef: void 0
+    };
+  }
+  const l = k({
+    ...c,
+    ...s
+  }), E = H(s), b = H(c), m = y(l), N = v(m == null ? void 0 : m.className, e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), g = {
+    ...m == null ? void 0 : m.style,
+    ...e == null ? void 0 : e.style,
+    ...c == null ? void 0 : c.style,
+    ...s == null ? void 0 : s.style
+  }, t = {
+    ...m,
+    ...e,
+    ...b,
+    ...E
+  };
+  return N.length > 0 && (t.className = N), Object.keys(g).length > 0 && (t.style = g), {
+    props: t,
+    internalRef: m.ref
+  };
+}
 export {
-  e as default
+  W as default
 };

package/index.es391.js

@@ -1,4 +1,27 @@
-var r = {};
+import * as e from "react";
+function i(...t) {
+  const r = e.useRef(void 0), o = e.useCallback((u) => {
+    const f = t.map((n) => {
+      if (n == null)
+        return null;
+      if (typeof n == "function") {
+        const c = n, l = c(u);
+        return typeof l == "function" ? l : () => {
+          c(null);
+        };
+      }
+      return n.current = u, () => {
+        n.current = null;
+      };
+    });
+    return () => {
+      f.forEach((n) => n == null ? void 0 : n());
+    };
+  }, t);
+  return e.useMemo(() => t.every((u) => u == null) ? null : (u) => {
+    r.current && (r.current(), r.current = void 0), u != null && (r.current = o(u));
+  }, t);
+}
 export {
-  r as __exports
+  i as default
 };

package/index.es392.js

@@ -1,4 +1,80 @@
-var e = {};
+import T from "./index.es205.js";
+import * as _ from "react";
+import L from "./index.es414.js";
+import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es394.js";
+import { serializeStyles as D } from "./index.es396.js";
+import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es395.js";
+import { w as V, T as x } from "./index.es345.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 {
-  e as __exports
+  H as default
 };