mada-design-system 0.2.3 → 0.2.4

package/index.es318.js

@@ -1,43 +1,78 @@
-import P from "./index.es317.js";
-import { handleBreakpoints as m } from "./index.es321.js";
-import $ from "./index.es307.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
+import d from "./index.es315.js";
+import { handleBreakpoints as f } from "./index.es319.js";
+import { getPath as l } from "./index.es316.js";
+import y from "./index.es320.js";
+import h from "./index.es324.js";
+const v = {
+  m: "margin",
+  p: "padding"
+}, E = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, p = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, N = h((e) => {
+  if (e.length > 2)
+    if (p[e])
+      e = p[e];
+    else
+      return [e];
+  const [n, t] = e.split(""), r = v[n], a = E[t] || "";
+  return Array.isArray(a) ? a.map((o) => r + o) : [r + a];
+}), s = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], m = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], b = [...s, ...m];
+function I(e, n, t, r) {
+  var a;
+  const o = (a = l(e, n, !1)) != null ? a : t;
+  return typeof o == "number" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV, o * i) : Array.isArray(o) ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && Number.isInteger(i) && i > o.length - 1, o[i]) : typeof o == "function" ? o : (process.env.NODE_ENV, () => {
+  });
+}
+function B(e) {
+  return I(e, "spacing", 8, "spacing");
+}
+function S(e, n) {
+  if (typeof n == "string" || n == null)
+    return n;
+  const t = Math.abs(n), r = e(t);
+  return n >= 0 ? r : typeof r == "number" ? -r : `-${r}`;
+}
+function T(e, n) {
+  return (t) => e.reduce((r, a) => (r[a] = S(n, t), r), {});
+}
+function $(e, n, t, r) {
+  if (n.indexOf(t) === -1)
     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;
+  const a = N(t), o = T(a, r), i = e[t];
+  return f(e, i, o);
+}
+function u(e, n) {
+  const t = B(e.theme);
+  return Object.keys(e).map((r) => $(e, n, r, t)).reduce(y, {});
+}
+function c(e) {
+  return u(e, s);
+}
+c.propTypes = process.env.NODE_ENV !== "production" ? s.reduce((e, n) => (e[n] = d, e), {}) : {};
+c.filterProps = s;
+function g(e) {
+  return u(e, m);
 }
+g.propTypes = process.env.NODE_ENV !== "production" ? m.reduce((e, n) => (e[n] = d, e), {}) : {};
+g.filterProps = m;
+process.env.NODE_ENV !== "production" && b.reduce((e, n) => (e[n] = d, e), {});
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  B as createUnarySpacing,
+  I as createUnaryUnit,
+  T as getStyleFromPropValue,
+  S as getValue,
+  c as margin,
+  s as marginKeys,
+  g as padding,
+  m as paddingKeys
 };

package/index.es319.js

@@ -1,10 +1,57 @@
-import c from "./index.es322.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;
+const c = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, k = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (t) => `@media (min-width:${c[t]}px)`
+};
+function m(t, e, n) {
+  const s = t.theme || {};
+  if (Array.isArray(e)) {
+    const r = s.breakpoints || k;
+    return e.reduce((u, o, i) => (u[r.up(r.keys[i])] = n(e[i]), u), {});
+  }
+  if (typeof e == "object") {
+    const r = s.breakpoints || k;
+    return Object.keys(e).reduce((u, o) => {
+      if (Object.keys(r.values || c).indexOf(o) !== -1) {
+        const i = r.up(o);
+        u[i] = n(e[o], o);
+      } else {
+        const i = o;
+        u[i] = e[i];
+      }
+      return u;
+    }, {});
+  }
+  return n(e);
+}
+function y(t = {}) {
+  var e;
+  return ((e = t.keys) == null ? void 0 : e.reduce((s, d) => {
+    const r = t.up(d);
+    return s[r] = {}, s;
+  }, {})) || {};
+}
+function f(t, e) {
+  return t.reduce((n, s) => {
+    const d = n[s];
+    return (!d || Object.keys(d).length === 0) && delete n[s], n;
+  }, e);
 }
 export {
-  f as default
+  y as createEmptyBreakpointObject,
+  m as handleBreakpoints,
+  f as removeUnusedBreakpoints,
+  c as values
 };

package/index.es32.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { cva as f } from "./index.es108.js";
+import { cva as f } from "./index.es100.js";
 import { cn as a } from "./index.es79.js";
 const m = f("flex p-space-04 rounded-3 grow", {
   variants: {

package/index.es320.js

@@ -1,78 +1,10 @@
-import d from "./index.es317.js";
-import { handleBreakpoints as f } from "./index.es321.js";
-import { getPath as l } from "./index.es318.js";
-import y from "./index.es322.js";
-import h from "./index.es326.js";
-const v = {
-  m: "margin",
-  p: "padding"
-}, E = {
-  t: "Top",
-  r: "Right",
-  b: "Bottom",
-  l: "Left",
-  x: ["Left", "Right"],
-  y: ["Top", "Bottom"]
-}, p = {
-  marginX: "mx",
-  marginY: "my",
-  paddingX: "px",
-  paddingY: "py"
-}, N = h((e) => {
-  if (e.length > 2)
-    if (p[e])
-      e = p[e];
-    else
-      return [e];
-  const [n, t] = e.split(""), r = v[n], a = E[t] || "";
-  return Array.isArray(a) ? a.map((o) => r + o) : [r + a];
-}), s = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], m = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], b = [...s, ...m];
-function I(e, n, t, r) {
-  var a;
-  const o = (a = l(e, n, !1)) != null ? a : t;
-  return typeof o == "number" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV, o * i) : Array.isArray(o) ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && Number.isInteger(i) && i > o.length - 1, o[i]) : typeof o == "function" ? o : (process.env.NODE_ENV, () => {
-  });
+import f from "./index.es271.js";
+function o(e, r) {
+  return r ? f(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
 }
-function B(e) {
-  return I(e, "spacing", 8, "spacing");
-}
-function S(e, n) {
-  if (typeof n == "string" || n == null)
-    return n;
-  const t = Math.abs(n), r = e(t);
-  return n >= 0 ? r : typeof r == "number" ? -r : `-${r}`;
-}
-function T(e, n) {
-  return (t) => e.reduce((r, a) => (r[a] = S(n, t), r), {});
-}
-function $(e, n, t, r) {
-  if (n.indexOf(t) === -1)
-    return null;
-  const a = N(t), o = T(a, r), i = e[t];
-  return f(e, i, o);
-}
-function u(e, n) {
-  const t = B(e.theme);
-  return Object.keys(e).map((r) => $(e, n, r, t)).reduce(y, {});
-}
-function c(e) {
-  return u(e, s);
-}
-c.propTypes = process.env.NODE_ENV !== "production" ? s.reduce((e, n) => (e[n] = d, e), {}) : {};
-c.filterProps = s;
-function g(e) {
-  return u(e, m);
-}
-g.propTypes = process.env.NODE_ENV !== "production" ? m.reduce((e, n) => (e[n] = d, e), {}) : {};
-g.filterProps = m;
-process.env.NODE_ENV !== "production" && b.reduce((e, n) => (e[n] = d, e), {});
 export {
-  B as createUnarySpacing,
-  I as createUnaryUnit,
-  T as getStyleFromPropValue,
-  S as getValue,
-  c as margin,
-  s as marginKeys,
-  g as padding,
-  m as paddingKeys
+  o as default
 };

package/index.es321.js

@@ -1,57 +1,78 @@
-const c = {
-  xs: 0,
-  // phone
-  sm: 600,
-  // tablet
-  md: 900,
-  // small laptop
-  lg: 1200,
-  // desktop
-  xl: 1536
-  // large screen
-}, k = {
-  // Sorted ASC by size. That's important.
-  // It can't be configured as it's used statically for propTypes.
-  keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (t) => `@media (min-width:${c[t]}px)`
+import r from "./index.es316.js";
+import c from "./index.es317.js";
+import { createUnaryUnit as p, getValue as a } from "./index.es318.js";
+import { handleBreakpoints as l } from "./index.es319.js";
+import s from "./index.es315.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);
+  }
+  return null;
 };
-function m(t, e, n) {
-  const s = t.theme || {};
-  if (Array.isArray(e)) {
-    const r = s.breakpoints || k;
-    return e.reduce((u, o, i) => (u[r.up(r.keys[i])] = n(e[i]), u), {});
+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);
   }
-  if (typeof e == "object") {
-    const r = s.breakpoints || k;
-    return Object.keys(e).reduce((u, o) => {
-      if (Object.keys(r.values || c).indexOf(o) !== -1) {
-        const i = r.up(o);
-        u[i] = n(e[o], o);
-      } else {
-        const i = o;
-        u[i] = e[i];
-      }
-      return u;
-    }, {});
+  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 n(e);
-}
-function y(t = {}) {
-  var e;
-  return ((e = t.keys) == null ? void 0 : e.reduce((s, d) => {
-    const r = t.up(d);
-    return s[r] = {}, s;
-  }, {})) || {};
-}
-function f(t, e) {
-  return t.reduce((n, s) => {
-    const d = n[s];
-    return (!d || Object.keys(d).length === 0) && delete n[s], n;
-  }, e);
-}
+  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 {
-  y as createEmptyBreakpointObject,
-  m as handleBreakpoints,
-  f as removeUnusedBreakpoints,
-  c as values
+  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.es322.js

@@ -1,10 +1,26 @@
-import f from "./index.es276.js";
-function o(e, r) {
-  return r ? f(e, r, {
-    clone: !1
-    // No need to clone deep, it's way faster.
-  }) : e;
+import o from "./index.es316.js";
+import p from "./index.es317.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 {
-  o as default
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
 };

package/index.es323.js

@@ -1,78 +1,64 @@
-import r from "./index.es318.js";
-import c from "./index.es319.js";
-import { createUnaryUnit as p, getValue as a } from "./index.es320.js";
-import { handleBreakpoints as l } from "./index.es321.js";
-import s from "./index.es317.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);
+import r from "./index.es316.js";
+import a from "./index.es317.js";
+import { handleBreakpoints as p, values as d } from "./index.es319.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;
 };
-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"];
+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: "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"
+  prop: "boxSizing"
 });
-c(u, i, m, g, d, f, w, G, A, T, y, P);
+a(f, s, l, u, x, c, g);
 export {
-  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
+  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.es324.js

@@ -1,26 +1,7 @@
-import o from "./index.es318.js";
-import p from "./index.es319.js";
-function r(e, t) {
-  return t === "grey" ? t : e;
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[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 {
-  m as backgroundColor,
-  c as bgcolor,
-  n as color,
-  r as paletteTransform
+  u as default
 };