mada-design-system 0.0.9 → 0.0.11

package/index.es312.js

@@ -1,74 +1,10 @@
-import { Children as s, isValidElement as v, cloneElement as d } from "react";
-function h(i, e) {
-  var t = function(a) {
-    return e && v(a) ? e(a) : a;
-  }, u = /* @__PURE__ */ Object.create(null);
-  return i && s.map(i, function(r) {
-    return r;
-  }).forEach(function(r) {
-    u[r.key] = t(r);
-  }), u;
-}
-function m(i, e) {
-  i = i || {}, e = e || {};
-  function t(g) {
-    return g in e ? e[g] : i[g];
-  }
-  var u = /* @__PURE__ */ Object.create(null), r = [];
-  for (var a in i)
-    a in e ? r.length && (u[a] = r, r = []) : r.push(a);
-  var n, f = {};
-  for (var l in e) {
-    if (u[l])
-      for (n = 0; n < u[l].length; n++) {
-        var c = u[l][n];
-        f[u[l][n]] = t(c);
-      }
-    f[l] = t(l);
-  }
-  for (n = 0; n < r.length; n++)
-    f[r[n]] = t(r[n]);
-  return f;
-}
-function o(i, e, t) {
-  return t[e] != null ? t[e] : i.props[e];
-}
-function E(i, e) {
-  return h(i.children, function(t) {
-    return d(t, {
-      onExited: e.bind(null, t),
-      in: !0,
-      appear: o(t, "appear", i),
-      enter: o(t, "enter", i),
-      exit: o(t, "exit", i)
-    });
-  });
-}
-function p(i, e, t) {
-  var u = h(i.children), r = m(e, u);
-  return Object.keys(r).forEach(function(a) {
-    var n = r[a];
-    if (v(n)) {
-      var f = a in e, l = a in u, c = e[a], g = v(c) && !c.props.in;
-      l && (!f || g) ? r[a] = d(n, {
-        onExited: t.bind(null, n),
-        in: !0,
-        exit: o(n, "exit", i),
-        enter: o(n, "enter", i)
-      }) : !l && f && !g ? r[a] = d(n, {
-        in: !1
-      }) : l && f && v(c) && (r[a] = d(n, {
-        onExited: t.bind(null, n),
-        in: c.props.in,
-        exit: o(n, "exit", i),
-        enter: o(n, "enter", i)
-      }));
-    }
-  }), r;
+import f from "./index.es263.js";
+function o(e, r) {
+  return r ? f(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
 }
 export {
-  h as getChildMapping,
-  E as getInitialChildMapping,
-  p as getNextChildMapping,
-  m as mergeChildMappings
+  o as default
 };

package/index.es313.js

@@ -1,6 +1,78 @@
-const a = {
-  disabled: !1
+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 {
-  a as default
+  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,9 +1,26 @@
-import i from "./index.es175.js";
-import r from "./index.es176.js";
-function a(t) {
-  return i("MuiTypography", t);
+import o from "./index.es308.js";
+import p from "./index.es309.js";
+function r(e, t) {
+  return t === "grey" ? t : e;
 }
-r("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+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 {
-  a as getTypographyUtilityClass
+  m as backgroundColor,
+  c as bgcolor,
+  n as color,
+  r as paletteTransform
 };

package/index.es315.js

@@ -1,32 +1,64 @@
-import i from "./index.es151.js";
-import u from "./index.es152.js";
-import c from "./index.es237.js";
-import { isPlainObject as m } from "./index.es236.js";
-const x = ["sx"], a = (t) => {
-  var s, r;
-  const o = {
-    systemProps: {},
-    otherProps: {}
-  }, n = (s = t == null || (r = t.theme) == null ? void 0 : r.unstable_sxConfig) != null ? s : c;
-  return Object.keys(t).forEach((e) => {
-    n[e] ? o.systemProps[e] = t[e] : o.otherProps[e] = t[e];
-  }), o;
-};
-function _(t) {
-  const {
-    sx: s
-  } = t, r = u(t, x), {
-    systemProps: o,
-    otherProps: n
-  } = a(r);
-  let e;
-  return Array.isArray(s) ? e = [o, ...s] : typeof s == "function" ? e = (...f) => {
-    const l = s(...f);
-    return m(l) ? i({}, o, l) : o;
-  } : e = i({}, o, s), i({}, n, {
-    sx: e
-  });
+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 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 {
-  _ as default
+  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,12 +1,7 @@
-import r from "./index.es274.js";
-function s(n) {
-  const {
-    theme: o,
-    name: e,
-    props: t
-  } = n;
-  return !o || !o.components || !o.components[e] || !o.components[e].defaultProps ? t : r(o.components[e].defaultProps, t);
+function u(t) {
+  const n = {};
+  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
 }
 export {
-  s as default
+  u as default
 };

package/index.es317.js

@@ -1,10 +1,61 @@
-import t from "./index.es176.js";
-import r from "./index.es175.js";
-function i(o) {
-  return r("MuiIconButton", o);
+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
+  }), {});
+};
+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 e = t("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), l = e;
 export {
-  l as default,
-  i as getIconButtonUtilityClass
+  w as default
 };

package/index.es318.js

@@ -1,9 +1,15 @@
-import t from "./index.es175.js";
-import e from "./index.es176.js";
-function s(r) {
-  return t("MuiPickersArrowSwitcher", r);
+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;
 }
-e("MuiPickersArrowSwitcher", ["root", "spacer", "button"]);
 export {
-  s as getPickersArrowSwitcherUtilityClass
+  u as default
 };

package/index.es319.js

@@ -1,4 +1,6 @@
-var r = {};
+const s = {
+  borderRadius: 4
+}, a = s;
 export {
-  r as __exports
+  a as default
 };

package/index.es32.js

@@ -1,73 +1,57 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { cva as s } from "./index.es89.js";
-import { cn as d } from "./index.es69.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.es102.js";
+import { cn as a } from "./index.es76.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: l = "",
+  title: i = "No results found",
+  message: s,
+  background: c,
+  icon: o,
+  layout: e = "vertical",
+  children: n,
+  bordered: d,
+  ...p
+}) => /* @__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",
+    {
+      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("p", { 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 })
+      ]
+    }
+  )
+] });
 export {
-  c as Emoji,
-  c as default
+  h as EmptySection,
+  h as default
 };

package/index.es320.js

@@ -1,4 +1,12 @@
-var e = {};
+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 {
-  e as __exports
+  s as default
 };

package/index.es321.js

@@ -1,4 +1,57 @@
-var e = { exports: {} };
+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);
+  });
+}, 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 {
-  e as __module
+  v as T,
+  S as h,
+  T as w
 };