mada-design-system 0.0.10 → 0.0.11

package/index.es321.js

@@ -1,81 +1,57 @@
-import u from "./index.es318.js";
-import { handleBreakpoints as f } from "./index.es322.js";
-import { getPath as l } from "./index.es319.js";
-import y from "./index.es323.js";
-import h from "./index.es327.js";
-const v = {
-  m: "margin",
-  p: "padding"
-}, E = {
-  t: "Top",
-  r: "Right",
-  b: "Bottom",
-  l: "Left",
-  x: ["Left", "Right"],
-  y: ["Top", "Bottom"]
-}, c = {
-  marginX: "mx",
-  marginY: "my",
-  paddingX: "px",
-  paddingY: "py"
-}, N = h((n) => {
-  if (n.length > 2)
-    if (c[n])
-      n = c[n];
-    else
-      return [n];
-  const [e, o] = n.split(""), r = v[e], a = E[o] || "";
-  return Array.isArray(a) ? a.map((i) => r + i) : [r + a];
-}), s = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], d = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], I = [...s, ...d];
-function B(n, e, o, r) {
-  var a;
-  const i = (a = l(n, e, !1)) != null ? a : o;
-  return typeof i == "number" ? (t) => typeof t == "string" ? t : (process.env.NODE_ENV !== "production" && typeof t != "number" && console.error(`MUI: Expected ${r} argument to be a number or a string, got ${t}.`), i * t) : Array.isArray(i) ? (t) => typeof t == "string" ? t : (process.env.NODE_ENV !== "production" && (Number.isInteger(t) ? t > i.length - 1 && console.error([`MUI: The value provided (${t}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${t} > ${i.length - 1}, you need to add the missing values.`].join(`
-`)) : console.error([`MUI: The \`theme.${e}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${e}\` as a number.`].join(`
-`))), i[t]) : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${e}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join(`
-`)), () => {
+import * as a from "react";
+import { forwardRef as _, useContext as g } from "react";
+import p from "./index.es381.js";
+import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es359.js";
+import { serializeStyles as d } from "./index.es361.js";
+import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es360.js";
+var S = {}.hasOwnProperty, m = /* @__PURE__ */ a.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement < "u" ? /* @__PURE__ */ p({
+    key: "css"
+  }) : null
+);
+process.env.NODE_ENV !== "production" && (m.displayName = "EmotionCacheContext");
+m.Provider;
+var T = function(t) {
+  return /* @__PURE__ */ _(function(i, r) {
+    var n = g(m);
+    return t(i, n, r);
   });
-}
-function T(n) {
-  return B(n, "spacing", 8, "spacing");
-}
-function $(n, e) {
-  if (typeof e == "string" || e == null)
-    return e;
-  const o = Math.abs(e), r = n(o);
-  return e >= 0 ? r : typeof r == "number" ? -r : `-${r}`;
-}
-function P(n, e) {
-  return (o) => n.reduce((r, a) => (r[a] = $(e, o), r), {});
-}
-function x(n, e, o, r) {
-  if (e.indexOf(o) === -1)
-    return null;
-  const a = N(o), i = P(a, r), t = n[o];
-  return f(n, t, i);
-}
-function g(n, e) {
-  const o = T(n.theme);
-  return Object.keys(n).map((r) => x(n, e, r, o)).reduce(y, {});
-}
-function p(n) {
-  return g(n, s);
-}
-p.propTypes = process.env.NODE_ENV !== "production" ? s.reduce((n, e) => (n[e] = u, n), {}) : {};
-p.filterProps = s;
-function m(n) {
-  return g(n, d);
-}
-m.propTypes = process.env.NODE_ENV !== "production" ? d.reduce((n, e) => (n[e] = u, n), {}) : {};
-m.filterProps = d;
-process.env.NODE_ENV !== "production" && I.reduce((n, e) => (n[e] = u, n), {});
+}, v = /* @__PURE__ */ a.createContext({});
+process.env.NODE_ENV !== "production" && (v.displayName = "EmotionThemeContext");
+var u = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", N = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", P = function(t) {
+  var i = t.cache, r = t.serialized, n = t.isStringTag;
+  return C(i, r, n), h(function() {
+    return y(i, r, n);
+  }), null;
+}, x = /* @__PURE__ */ T(function(e, t, i) {
+  var r = e.css;
+  typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
+  var n = e[u], f = [r], c = "";
+  typeof e.className == "string" ? c = O(t.registered, f, e.className) : e.className != null && (c = e.className + " ");
+  var s = d(f, void 0, a.useContext(v));
+  if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
+    var E = e[N];
+    E && (s = d([s, "label:" + E + ";"]));
+  }
+  c += t.key + "-" + s.name;
+  var l = {};
+  for (var o in e)
+    S.call(e, o) && o !== "css" && o !== u && (process.env.NODE_ENV === "production" || o !== N) && (l[o] = e[o]);
+  return l.ref = i, l.className = c, /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(P, {
+    cache: t,
+    serialized: s,
+    isStringTag: typeof n == "string"
+  }), /* @__PURE__ */ a.createElement(n, l));
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "EmotionCssPropInternal");
 export {
-  T as createUnarySpacing,
-  B as createUnaryUnit,
-  P as getStyleFromPropValue,
-  $ as getValue,
-  p as margin,
-  s as marginKeys,
-  m as padding,
-  d as paddingKeys
+  v as T,
+  S as h,
+  T as w
 };

package/index.es322.js

@@ -1,57 +1,7 @@
-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);
-}
+const o = {
+  black: "#000",
+  white: "#fff"
+}, c = o;
 export {
-  y as createEmptyBreakpointObject,
-  m as handleBreakpoints,
-  f as removeUnusedBreakpoints,
-  c as values
+  c as default
 };

package/index.es323.js

@@ -1,10 +1,19 @@
-import f from "./index.es274.js";
-function o(e, r) {
-  return r ? f(e, r, {
-    clone: !1
-    // No need to clone deep, it's way faster.
-  }) : e;
-}
+const e = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#f5f5f5",
+  A200: "#eeeeee",
+  A400: "#bdbdbd",
+  A700: "#616161"
+}, f = e;
 export {
-  o as default
+  f as default
 };

package/index.es324.js

@@ -1,78 +1,19 @@
-import r from "./index.es319.js";
-import c from "./index.es320.js";
-import { createUnaryUnit as p, getValue as a } from "./index.es321.js";
-import { handleBreakpoints as l } from "./index.es322.js";
-import s from "./index.es318.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);
+const a = {
+  50: "#f3e5f5",
+  100: "#e1bee7",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  600: "#8e24aa",
+  700: "#7b1fa2",
+  800: "#6a1b9a",
+  900: "#4a148c",
+  A100: "#ea80fc",
+  A200: "#e040fb",
+  A400: "#d500f9",
+  A700: "#aa00ff"
+}, e = a;
 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
+  e as default
 };

package/index.es325.js

@@ -1,26 +1,19 @@
-import o from "./index.es319.js";
-import p from "./index.es320.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);
+const f = {
+  50: "#ffebee",
+  100: "#ffcdd2",
+  200: "#ef9a9a",
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  600: "#e53935",
+  700: "#d32f2f",
+  800: "#c62828",
+  900: "#b71c1c",
+  A100: "#ff8a80",
+  A200: "#ff5252",
+  A400: "#ff1744",
+  A700: "#d50000"
+}, e = f;
 export {
-  m as backgroundColor,
-  c as bgcolor,
-  n as color,
-  r as paletteTransform
+  e as default
 };

package/index.es326.js

@@ -1,64 +1,19 @@
-import r from "./index.es319.js";
-import a from "./index.es320.js";
-import { handleBreakpoints as p, values as d } from "./index.es322.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);
+const f = {
+  50: "#fff3e0",
+  100: "#ffe0b2",
+  200: "#ffcc80",
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  600: "#fb8c00",
+  700: "#f57c00",
+  800: "#ef6c00",
+  900: "#e65100",
+  A100: "#ffd180",
+  A200: "#ffab40",
+  A400: "#ff9100",
+  A700: "#ff6d00"
+}, e = f;
 export {
-  g as boxSizing,
-  u as height,
-  x as maxHeight,
-  s as maxWidth,
-  c as minHeight,
-  l as minWidth,
-  i as sizingTransform,
-  f as width
+  e as default
 };

package/index.es327.js

@@ -1,7 +1,19 @@
-function u(t) {
-  const n = {};
-  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
-}
+const f = {
+  50: "#e3f2fd",
+  100: "#bbdefb",
+  200: "#90caf9",
+  300: "#64b5f6",
+  400: "#42a5f5",
+  500: "#2196f3",
+  600: "#1e88e5",
+  700: "#1976d2",
+  800: "#1565c0",
+  900: "#0d47a1",
+  A100: "#82b1ff",
+  A200: "#448aff",
+  A400: "#2979ff",
+  A700: "#2962ff"
+}, e = f;
 export {
-  u as default
+  e as default
 };

package/index.es328.js

@@ -1,61 +1,19 @@
-import v from "./index.es190.js";
-import f from "./index.es189.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 f({
-    keys: n,
-    values: c,
-    up: s,
-    down: l,
-    between: a,
-    only: p,
-    not: x,
-    unit: r
-  }, m);
-}
+const f = {
+  50: "#e1f5fe",
+  100: "#b3e5fc",
+  200: "#81d4fa",
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  600: "#039be5",
+  700: "#0288d1",
+  800: "#0277bd",
+  900: "#01579b",
+  A100: "#80d8ff",
+  A200: "#40c4ff",
+  A400: "#00b0ff",
+  A700: "#0091ea"
+}, e = f;
 export {
-  w as default
+  e as default
 };

package/index.es329.js

@@ -1,15 +1,19 @@
-import { createUnarySpacing as i } from "./index.es321.js";
-function s(r = 8) {
-  if (r.mui)
-    return r;
-  const n = i({
-    spacing: r
-  }), t = (...e) => (process.env.NODE_ENV !== "production" && (e.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)), (e.length === 0 ? [1] : e).map((c) => {
-    const o = n(c);
-    return typeof o == "number" ? `${o}px` : o;
-  }).join(" "));
-  return t.mui = !0, t;
-}
+const e = {
+  50: "#e8f5e9",
+  100: "#c8e6c9",
+  200: "#a5d6a7",
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  600: "#43a047",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20",
+  A100: "#b9f6ca",
+  A200: "#69f0ae",
+  A400: "#00e676",
+  A700: "#00c853"
+}, a = e;
 export {
-  s as default
+  a as default
 };

package/index.es33.js

@@ -4,7 +4,7 @@ import * as s from "react";
 import { FormProvider as p, Controller as I, useFormContext as x } from "./index.es34.js";
 import { useController as j, useFieldArray as k, useForm as A, useFormState as E, useWatch as W } from "./index.es34.js";
 import { Label as C } from "./index.es37.js";
-import { cn as c } from "./index.es77.js";
+import { cn as c } from "./index.es76.js";
 const D = (e) => /* @__PURE__ */ n(p, { ...e }), f = s.createContext({}), M = ({
   ...e
 }) => /* @__PURE__ */ n(f.Provider, { value: { name: e.name }, children: /* @__PURE__ */ n(I, { ...e }) }), l = () => {

package/index.es330.js

@@ -1,6 +1,7 @@
-const s = {
-  borderRadius: 4
-}, a = s;
+import e from "./index.es364.js";
+function p(o, t) {
+  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
+}
 export {
-  a as default
+  p as default
 };

package/index.es331.js

@@ -1,12 +1,7 @@
-import * as n from "react";
-import { T as o } from "./index.es332.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;
+import i from "./index.es365.js";
+function c(s, a) {
+  s.classList ? s.classList.add(a) : i(s, a) || (typeof s.className == "string" ? s.className = s.className + " " + a : s.setAttribute("class", (s.className && s.className.baseVal || "") + " " + a));
 }
 export {
-  s as default
+  c as default
 };