mada-design-system 0.3.1 → 0.4.0

package/index.es319.js

@@ -1,12 +1,19 @@
-import * as n from "react";
-import { T as o } from "./index.es320.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;
-}
+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 {
-  s as default
+  f as default
 };

package/index.es32.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { cva as s } from "./index.es111.js";
-import { cn as d } from "./index.es82.js";
+import { cva as s } from "./index.es104.js";
+import { cn as d } from "./index.es84.js";
 const n = s(
   "fill-background [&>ellipse]:fill-foreground-secondary [&>path:last-child]:fill-foreground-secondary [&>rect]:fill-foreground-secondary group-data-[state=on]:[&>ellipse]:fill-white group-data-[state=on]:[&>path:last-child]:fill-white group-data-[state=on]:[&>rect]:fill-white",
   {

package/index.es320.js

@@ -1,57 +1,19 @@
-import * as a from "react";
-import { forwardRef as _, useContext as g } from "react";
-import p from "./index.es389.js";
-import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es366.js";
-import { serializeStyles as d } from "./index.es368.js";
-import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es367.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);
-  });
-}, 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");
+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 {
-  v as T,
-  S as h,
-  T as w
+  e as default
 };

package/index.es321.js

@@ -1,6 +1,19 @@
-function e(a, t = Number.MIN_SAFE_INTEGER, E = Number.MAX_SAFE_INTEGER) {
-  return Math.max(t, Math.min(a, E));
-}
+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 {
   e as default
 };

package/index.es322.js

@@ -1,7 +1,19 @@
-const o = {
-  black: "#000",
-  white: "#fff"
-}, c = o;
+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 {
-  c as default
+  e as default
 };

package/index.es323.js

@@ -1,19 +1,19 @@
-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;
+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 {
-  f as default
+  e as default
 };

package/index.es324.js

@@ -1,19 +1,19 @@
-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;
+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 {
   e as default
 };

package/index.es325.js

@@ -1,19 +1,19 @@
-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;
+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 {
-  e as default
+  a as default
 };

package/index.es326.js

@@ -1,19 +1,15 @@
-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;
+import r from "./index.es327.js";
+function y(e, o) {
+  const n = r(e, o);
+  return process.env.NODE_ENV !== "production" ? (...t) => {
+    const i = typeof e == "string" ? `"${e}"` : "component";
+    return t.length === 0 || t.some((s) => s === void 0), n(...t);
+  } : n;
+}
+const c = (e, o) => {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
+};
 export {
-  e as default
+  y as default,
+  c as internal_processStyles
 };

package/index.es327.js

@@ -1,19 +1,145 @@
-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;
+import a from "./index.es373.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);
+});
 export {
-  e as default
+  t as default
 };

package/index.es328.js

@@ -1,19 +1,45 @@
-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;
+import i from "./index.es329.js";
+import b from "./index.es330.js";
+import l from "./index.es331.js";
+import { createUnaryUnit as u, getValue as c } from "./index.es332.js";
+import { handleBreakpoints as m } from "./index.es333.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;
+};
+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);
 export {
-  e as default
+  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
 };

package/index.es329.js

@@ -1,19 +1,5 @@
-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;
+import e from "./index.es196.js";
+const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
 export {
-  a as default
+  p as default
 };

package/index.es33.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { cva as f } from "./index.es111.js";
-import { cn as a } from "./index.es82.js";
+import { cva as f } from "./index.es104.js";
+import { cn as a } from "./index.es84.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: l = "",
+  className: n = "",
   title: i = "No results found",
-  message: s,
+  description: s,
   background: c,
   icon: o,
   layout: e = "vertical",
-  children: n,
+  children: l,
   bordered: d,
   ...p
-}) => /* @__PURE__ */ t("div", { className: a(m({ layout: e, background: c }), { border: d }, l), ...p, children: [
+}) => /* @__PURE__ */ t("div", { className: a(m({ layout: e, background: c }), { "border border-border": d }, n), ...p, children: [
   o && /* @__PURE__ */ r("div", { className: a({ "self-start": e === "horizontal" }), children: o }),
   /* @__PURE__ */ t(
     "div",
@@ -42,11 +42,11 @@ const m = f("flex p-space-04 rounded-3 grow", {
             }),
             children: [
               /* @__PURE__ */ r("h3", { className: "text-body-02 font-bold text-card-foreground", children: i }),
-              s && /* @__PURE__ */ r("p", { className: a("text-body-01 text-foreground", { "text-foreground-secondary": c === "gray" }), children: s })
+              s && /* @__PURE__ */ r("div", { className: a("text-body-01 text-foreground", { "text-foreground-secondary": c === "gray" }), children: s })
             ]
           }
         ),
-        n && /* @__PURE__ */ r("div", { className: "flex gap-space-02", children: n })
+        l && /* @__PURE__ */ r("div", { className: "flex gap-space-02", children: l })
       ]
     }
   )

package/index.es330.js

@@ -1,4 +1,43 @@
-var r = {};
+import P from "./index.es329.js";
+import { handleBreakpoints as m } from "./index.es333.js";
+import $ from "./index.es311.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;
+}
 export {
-  r as __exports
+  k as default,
+  c as getPath,
+  y as getStyleValue
 };

package/index.es331.js

@@ -1,4 +1,10 @@
-var e = {};
+import c from "./index.es334.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;
+}
 export {
-  e as __exports
+  f as default
 };