mada-design-system 0.0.10 → 0.0.11

package/index.es313.js

@@ -1,4 +1,78 @@
-var r = {};
+import r from "./index.es308.js";
+import c from "./index.es309.js";
+import { createUnaryUnit as p, getValue as a } from "./index.es310.js";
+import { handleBreakpoints as l } from "./index.es311.js";
+import s from "./index.es307.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;
+};
+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 {
-  r as __exports
+  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.es314.js

@@ -1,4 +1,26 @@
-var e = {};
+import o from "./index.es308.js";
+import p from "./index.es309.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 {
-  e as __exports
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
 };

package/index.es315.js

@@ -1,16 +1,64 @@
-import i from "./index.es316.js";
-function y(e, o) {
-  const s = i(e, o);
-  return process.env.NODE_ENV !== "production" ? (...t) => {
-    const r = typeof e == "string" ? `"${e}"` : "component";
-    return t.length === 0 ? console.error([`MUI: Seems like you called \`styled(${r})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
-`)) : t.some((n) => n === void 0) && console.error(`MUI: the styled(${r})(...args) API requires all its args to be defined.`), s(...t);
-  } : s;
+import r from "./index.es308.js";
+import a from "./index.es309.js";
+import { handleBreakpoints as p, values as d } from "./index.es311.js";
+function i(t) {
+  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
 }
-const u = (e, o) => {
-  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
+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 {
-  y as default,
-  u as internal_processStyles
+  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.es316.js

@@ -1,145 +1,7 @@
-import a from "./index.es362.js";
-import "react";
-var r = [
-  "a",
-  "abbr",
-  "address",
-  "area",
-  "article",
-  "aside",
-  "audio",
-  "b",
-  "base",
-  "bdi",
-  "bdo",
-  "big",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "data",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "keygen",
-  "label",
-  "legend",
-  "li",
-  "link",
-  "main",
-  "map",
-  "mark",
-  "marquee",
-  "menu",
-  "menuitem",
-  "meta",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "param",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "script",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "style",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "title",
-  "tr",
-  "track",
-  "u",
-  "ul",
-  "var",
-  "video",
-  "wbr",
-  // SVG
-  "circle",
-  "clipPath",
-  "defs",
-  "ellipse",
-  "foreignObject",
-  "g",
-  "image",
-  "line",
-  "linearGradient",
-  "mask",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "stop",
-  "svg",
-  "text",
-  "tspan"
-], t = a.bind();
-r.forEach(function(e) {
-  t[e] = t(e);
-});
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
+}
 export {
-  t as default
+  u as default
 };

package/index.es317.js

@@ -1,45 +1,61 @@
-import i from "./index.es318.js";
-import b from "./index.es319.js";
-import l from "./index.es320.js";
-import { createUnaryUnit as u, getValue as c } from "./index.es321.js";
-import { handleBreakpoints as m } from "./index.es322.js";
-function e(r) {
-  return typeof r != "number" ? r : `${r}px solid`;
-}
-function o(r, t) {
-  return b({
-    prop: r,
-    themeKey: "borders",
-    transform: t
-  });
-}
-const f = o("border", e), a = o("borderTop", e), p = o("borderRight", e), R = o("borderBottom", e), C = o("borderLeft", e), h = o("borderColor"), y = o("borderTopColor"), T = o("borderRightColor"), B = o("borderBottomColor"), g = o("borderLeftColor"), L = o("outline", e), P = o("outlineColor"), d = (r) => {
-  if (r.borderRadius !== void 0 && r.borderRadius !== null) {
-    const t = u(r.theme, "shape.borderRadius", 4, "borderRadius"), n = (s) => ({
-      borderRadius: c(t, s)
-    });
-    return m(r, r.borderRadius, n);
-  }
-  return null;
+import v from "./index.es192.js";
+import f from "./index.es191.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
+  }), {});
 };
-d.propTypes = process.env.NODE_ENV !== "production" ? {
-  borderRadius: i
-} : {};
-d.filterProps = ["borderRadius"];
-l(f, a, p, R, C, h, y, T, B, g, d, L, P);
+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 f({
+    keys: n,
+    values: c,
+    up: s,
+    down: l,
+    between: a,
+    only: p,
+    not: x,
+    unit: r
+  }, m);
+}
 export {
-  f as border,
-  R as borderBottom,
-  B as borderBottomColor,
-  h as borderColor,
-  C as borderLeft,
-  g as borderLeftColor,
-  d as borderRadius,
-  p as borderRight,
-  T as borderRightColor,
-  a as borderTop,
-  y as borderTopColor,
-  e as borderTransform,
-  L as outline,
-  P as outlineColor
+  w as default
 };

package/index.es318.js

@@ -1,5 +1,15 @@
-import e from "./index.es191.js";
-const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
+import { createUnarySpacing as c } from "./index.es310.js";
+function u(e = 8) {
+  if (e.mui)
+    return e;
+  const o = c({
+    spacing: e
+  }), n = (...r) => (process.env.NODE_ENV !== "production" && r.length <= 4, (r.length === 0 ? [1] : r).map((a) => {
+    const t = o(a);
+    return typeof t == "number" ? `${t}px` : t;
+  }).join(" "));
+  return n.mui = !0, n;
+}
 export {
-  p as default
+  u as default
 };

package/index.es319.js

@@ -1,43 +1,6 @@
-import P from "./index.es318.js";
-import { handleBreakpoints as m } from "./index.es322.js";
-import $ from "./index.es305.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
-    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 s = {
+  borderRadius: 4
+}, a = s;
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  a as default
 };

package/index.es32.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { cva as f } from "./index.es98.js";
-import a from "./index.es92.js";
+import { cva as f } from "./index.es102.js";
+import { cn as a } from "./index.es76.js";
 const m = f("flex p-space-04 rounded-3 grow", {
   variants: {
     layout: {
@@ -15,16 +15,16 @@ const m = f("flex p-space-04 rounded-3 grow", {
   },
   defaultVariants: { layout: "vertical", background: "transparent" }
 }), h = ({
-  className: n = "",
+  className: l = "",
   title: i = "No results found",
   message: s,
   background: c,
   icon: o,
   layout: e = "vertical",
-  children: l,
+  children: n,
   bordered: d,
   ...p
-}) => /* @__PURE__ */ t("div", { className: a(m({ layout: e, background: c }), { border: d }, n), ...p, children: [
+}) => /* @__PURE__ */ t("div", { className: a(m({ layout: e, background: c }), { border: d }, l), ...p, children: [
   o && /* @__PURE__ */ r("div", { className: a({ "self-start": e === "horizontal" }), children: o }),
   /* @__PURE__ */ t(
     "div",
@@ -46,7 +46,7 @@ const m = f("flex p-space-04 rounded-3 grow", {
             ]
           }
         ),
-        l && /* @__PURE__ */ r("div", { className: "flex gap-space-02", children: l })
+        n && /* @__PURE__ */ r("div", { className: "flex gap-space-02", children: n })
       ]
     }
   )

package/index.es320.js

@@ -1,10 +1,12 @@
-import c from "./index.es323.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;
+import * as n from "react";
+import { T as o } from "./index.es321.js";
+function r(e) {
+  return Object.keys(e).length === 0;
+}
+function s(e = null) {
+  const t = n.useContext(o);
+  return !t || r(t) ? e : t;
 }
 export {
-  f as default
+  s as default
 };