mada-design-system 0.5.13 → 0.7.0

package/index.es34.js

@@ -1,73 +1,57 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { cva as s } from "./index.es106.js";
-import { cn as d } from "./index.es86.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",
-  {
-    variants: {
-      variant: {
-        awful: "[&>path]:stroke-border hover:fill-error-container [&>ellipse]:hover:fill-error [&>path:last-child]:hover:fill-error [&>path]:hover:stroke-error group-data-[state=on]:fill-error ",
-        bad: "[&>path]:stroke-border hover:fill-warning-container [&>ellipse]:hover:fill-warning-dark [&>path:last-child]:hover:fill-warning-dark [&>path]:hover:stroke-warning-light group-data-[state=on]:fill-warning-dark ",
-        ok: "[&>path]:stroke-border hover:fill-warning-container [&>ellipse]:hover:fill-warning-light [&>rect]:hover:fill-warning-light [&>path]:hover:stroke-warning-light group-data-[state=on]:fill-warning ",
-        good: "[&>path]:stroke-border hover:fill-success-container [&>ellipse]:hover:fill-success [&>path:last-child]:hover:fill-success [&>path]:hover:stroke-sucfill-success group-data-[state=on]:fill-success ",
-        great: "[&>path]:stroke-border hover:fill-primary-container [&>ellipse]:hover:fill-primary [&>path:last-child]:hover:fill-primary [&>path]:hover:stroke-prifill-primary group-data-[state=on]:fill-primary "
-      },
-      size: {
-        default: ""
-        // sm: 'w-space-04 h-space-04',
-      },
-      disabled: {
-        true: "fill-transparent [&>ellipse]:fill-disabled [&>path:last-child]:fill-disabled [&>path]:stroke-disabled [&>rect]:fill-disabled pointer-events-none"
-      }
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { cva as f } from "./index.es109.js";
+import { cn as a } from "./index.es88.js";
+const m = f("flex p-space-04 rounded-3 grow", {
+  variants: {
+    layout: {
+      vertical: "items-center gap-space-05 flex-col justify-start",
+      horizontal: "gap-space-03 flex-row "
     },
-    defaultVariants: {
-      variant: "awful",
-      size: "default"
+    background: {
+      gray: "bg-background",
+      white: "bg-white",
+      transparent: ""
     }
-  }
-), c = ({ variant: l, size: r, disabled: t, className: i, ...a }) => /* @__PURE__ */ o(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 56,
-    height: 56,
-    fill: "none",
-    className: d(n({ variant: l, size: r, disabled: t }), i),
-    ...a,
-    children: [
-      /* @__PURE__ */ e("path", { d: "M.5 28C.5 12.812 12.812.5 28 .5S55.5 12.812 55.5 28 43.188 55.5 28 55.5.5 43.188.5 28Z" }),
-      /* @__PURE__ */ e("ellipse", { cx: 37.1, cy: 18.9, rx: 3.5, ry: 6.3 }),
-      /* @__PURE__ */ e("ellipse", { cx: 18.9, cy: 18.9, rx: 3.5, ry: 6.3 }),
-      (!l || l === "awful") && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M42 43.4H14C15.237 37.0247 21.0346 32.2 28 32.2C34.9654 32.2 40.763 37.0247 42 43.4Z"
-        }
-      ),
-      l === "bad" && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M40.0704 43.4C41.4657 43.4 42.4458 42.0285 41.7947 40.7944C39.0888 35.6659 33.9249 32.2 27.9993 32.2C22.0756 32.2 16.913 35.6637 14.2065 40.7896C13.5537 42.0258 14.5357 43.4 15.9336 43.4C16.767 43.4 17.5036 42.8872 17.8998 42.154C19.9086 38.4368 23.6809 35.9334 28.0034 35.9334C32.3267 35.9334 36.0996 38.4379 38.1081 42.1563C38.5034 42.8882 39.2387 43.4 40.0704 43.4Z",
-          clipRule: "evenodd"
-        }
-      ),
-      l === "ok" && /* @__PURE__ */ e("rect", { x: "16.0996", y: "39.2", width: "23.8", height: "4.2", rx: "2.1" }),
-      l === "good" && /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M40.0704 36.4C41.4657 36.4 42.4458 37.7715 41.7947 39.0055C39.0888 44.1341 33.9249 47.6 27.9993 47.6C22.0756 47.6 16.913 44.1363 14.2065 39.0103C13.5537 37.7742 14.5357 36.4 15.9336 36.4C16.767 36.4 17.5036 36.9128 17.8998 37.646C19.9086 41.3632 23.681 43.8666 28.0034 43.8666C32.3267 43.8666 36.0996 41.3621 38.1081 37.6437C38.5034 36.9118 39.2387 36.4 40.0704 36.4Z",
-          clipRule: "evenodd"
-        }
-      ),
-      l === "great" && /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M42 36.4H14c1.237 6.375 7.035 11.2 14 11.2s12.763-4.825 14-11.2Z", clipRule: "evenodd" })
-    ]
-  }
-);
+  },
+  defaultVariants: { layout: "vertical", background: "transparent" }
+}), h = ({
+  className: n = "",
+  title: i = "No results found",
+  description: s,
+  background: c,
+  icon: o,
+  layout: e = "vertical",
+  children: l,
+  bordered: d,
+  ...p
+}) => /* @__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",
+    {
+      className: a("flex flex-col", {
+        "items-center gap-space-05": e === "vertical",
+        "gap-space-02": e === "horizontal"
+      }),
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: a("space-y-space-01", {
+              "text-center": e === "vertical"
+            }),
+            children: [
+              /* @__PURE__ */ r("h3", { className: "text-body-02 font-bold text-card-foreground", children: i }),
+              s && /* @__PURE__ */ r("div", { className: a("text-body-01 text-foreground", { "text-foreground-secondary": c === "gray" }), children: s })
+            ]
+          }
+        ),
+        l && /* @__PURE__ */ r("div", { className: "flex gap-space-02", children: l })
+      ]
+    }
+  )
+] });
 export {
-  c as Emoji,
-  c as default
+  h as EmptySection,
+  h as default
 };

package/index.es340.js

@@ -1,34 +1,64 @@
-import { r as n } from "./index.es358.js";
-const i = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
-function c(e) {
-  const t = `${e}`.match(i);
-  return t && t[1] || "";
+import r from "./index.es333.js";
+import a from "./index.es334.js";
+import { handleBreakpoints as p, values as d } from "./index.es336.js";
+function i(t) {
+  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
 }
-function f(e, t = "") {
-  return e.displayName || e.name || c(e) || t;
-}
-function u(e, t, r) {
-  const a = f(t);
-  return e.displayName || (a !== "" ? `${r}(${a})` : r);
-}
-function d(e) {
-  if (e != null) {
-    if (typeof e == "string")
-      return e;
-    if (typeof e == "function")
-      return f(e, "Component");
-    if (typeof e == "object")
-      switch (e.$$typeof) {
-        case n.ForwardRef:
-          return u(e, e.render, "ForwardRef");
-        case n.Memo:
-          return u(e, e.type, "memo");
-        default:
-          return;
-      }
+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 {
-  d as default,
-  c as getFunctionName
+  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.es341.js

@@ -1,61 +1,7 @@
-import v from "./index.es198.js";
-import f from "./index.es197.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);
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
 }
 export {
-  w as default
+  u as default
 };

package/index.es342.js

@@ -1,15 +1,9 @@
-import { createUnarySpacing as c } from "./index.es332.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;
+import e from "./index.es291.js";
+function o(r) {
+  if (typeof r != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : e(7));
+  return r.charAt(0).toUpperCase() + r.slice(1);
 }
 export {
-  u as default
+  o as default
 };

package/index.es343.js

@@ -1,6 +1,34 @@
-const s = {
-  borderRadius: 4
-}, a = s;
+import { r as n } from "./index.es361.js";
+const i = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
+function c(e) {
+  const t = `${e}`.match(i);
+  return t && t[1] || "";
+}
+function f(e, t = "") {
+  return e.displayName || e.name || c(e) || t;
+}
+function u(e, t, r) {
+  const a = f(t);
+  return e.displayName || (a !== "" ? `${r}(${a})` : r);
+}
+function d(e) {
+  if (e != null) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function")
+      return f(e, "Component");
+    if (typeof e == "object")
+      switch (e.$$typeof) {
+        case n.ForwardRef:
+          return u(e, e.render, "ForwardRef");
+        case n.Memo:
+          return u(e, e.type, "memo");
+        default:
+          return;
+      }
+  }
+}
 export {
-  a as default
+  d as default,
+  c as getFunctionName
 };

package/index.es344.js

@@ -1,12 +1,61 @@
-import * as n from "react";
-import { T as o } from "./index.es345.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 v from "./index.es202.js";
+import f from "./index.es201.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);
 }
 export {
-  s as default
+  w as default
 };

package/index.es345.js

@@ -1,57 +1,15 @@
-import * as a from "react";
-import { forwardRef as _, useContext as g } from "react";
-import p from "./index.es419.js";
-import { getRegisteredStyles as O, registerStyles as C, insertStyles as y } from "./index.es399.js";
-import { serializeStyles as d } from "./index.es327.js";
-import { useInsertionEffectAlwaysWithSyncFallback as h } from "./index.es400.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");
+import { createUnarySpacing as c } from "./index.es335.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 {
-  v as T,
-  S as h,
-  T as w
+  u as default
 };

package/index.es346.js

@@ -1,6 +1,6 @@
-function e(a, t = Number.MIN_SAFE_INTEGER, E = Number.MAX_SAFE_INTEGER) {
-  return Math.max(t, Math.min(a, E));
-}
+const s = {
+  borderRadius: 4
+}, a = s;
 export {
-  e as default
+  a as default
 };

package/index.es347.js

@@ -1,7 +1,12 @@
-const o = {
-  black: "#000",
-  white: "#fff"
-}, c = o;
+import * as n from "react";
+import { T as o } from "./index.es348.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 {
-  c as default
+  s as default
 };

package/index.es348.js

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

package/index.es349.js

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