mada-design-system 0.5.10 → 0.5.12

package/index.es346.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: "#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 {
-  f as default
+  e as default
 };

package/index.es347.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: "#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 {
   e as default
 };

package/index.es348.js

@@ -1,18 +1,18 @@
 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"
+  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 {
   e as default

package/index.es349.js

@@ -1,18 +1,18 @@
 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"
+  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.es35.js

@@ -1,74 +1,57 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Slot as u } from "@radix-ui/react-slot";
-import * as s from "react";
-import { FormProvider as p, Controller as I, useFormContext as x } from "./index.es36.js";
-import { useController as j, useFieldArray as k, useForm as A, useFormState as E, useWatch as W } from "./index.es36.js";
-import { Label as C } from "./index.es39.js";
-import { cn as c } from "./index.es85.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 = () => {
-  const e = s.useContext(f), t = s.useContext(F), { getFieldState: o, formState: m, formId: r } = x(), i = o(e.name, m);
-  if (!e)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: a } = t, d = r ? `${r}-${e.name}` : a;
-  return {
-    newId: d,
-    name: e.name,
-    formItemId: r ? d : `${a}-form-item`,
-    formDescriptionId: `${r ? d : a}-form-item-description`,
-    formMessageId: `${r ? d : a}-form-item-message`,
-    ...i
-  };
-}, F = s.createContext({}), g = s.forwardRef(({ className: e, ...t }, o) => {
-  const m = s.useId();
-  return /* @__PURE__ */ n(F.Provider, { value: { id: m }, children: /* @__PURE__ */ n("div", { ref: o, className: c(e), ...t }) });
-});
-g.displayName = "FormItem";
-const b = s.forwardRef(
-  ({ className: e, ...t }, o) => {
-    const { formItemId: m } = l();
-    return /* @__PURE__ */ n(C, { ref: o, className: c("mb-space-02 block", e), htmlFor: m, ...t });
-  }
-);
-b.displayName = "FormLabel";
-const w = s.forwardRef(({ ...e }, t) => {
-  const { error: o, formItemId: m, formDescriptionId: r, formMessageId: i } = l();
-  return /* @__PURE__ */ n(
-    u,
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { cva as f } from "./index.es105.js";
+import { cn as a } from "./index.es86.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 "
+    },
+    background: {
+      gray: "bg-background",
+      white: "bg-white",
+      transparent: ""
+    }
+  },
+  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",
     {
-      ref: t,
-      id: m,
-      "aria-describedby": o ? `${r} ${i}` : `${r}`,
-      "aria-invalid": !!o,
-      ...e
+      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 })
+      ]
     }
-  );
-});
-w.displayName = "FormControl";
-const N = s.forwardRef(({ className: e, ...t }, o) => {
-  const { formDescriptionId: m } = l();
-  return /* @__PURE__ */ n("p", { ref: o, id: m, className: c("text-sm text-muted-foreground", e), ...t });
-});
-N.displayName = "FormDescription";
-const h = s.forwardRef(({ className: e, children: t, ...o }, m) => {
-  const { error: r, formMessageId: i } = l(), a = r ? String(r == null ? void 0 : r.message) : t;
-  return a ? /* @__PURE__ */ n("p", { ref: m, id: i, className: c("mt-space-01 font-bold text-xs leading-[1.8rem] text-error", e), ...o, children: a }) : null;
-});
-h.displayName = "FormMessage";
+  )
+] });
 export {
-  D as Form,
-  w as FormControl,
-  N as FormDescription,
-  M as FormField,
-  g as FormItem,
-  b as FormLabel,
-  h as FormMessage,
-  j as useController,
-  k as useFieldArray,
-  A as useForm,
-  x as useFormContext,
-  l as useFormField,
-  E as useFormState,
-  W as useWatch
+  h as EmptySection,
+  h as default
 };

package/index.es350.js

@@ -1,19 +1,19 @@
-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;
+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.es351.js

@@ -1,19 +1,8 @@
-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;
+function u(e, r) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return e(...n) || r(...n);
+  };
+}
 export {
-  e as default
+  u as default
 };

package/index.es352.js

@@ -1,19 +1,26 @@
-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 r from "./index.es198.js";
+import c from "./index.es351.js";
+function m(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
+}
+function l(n, e, p, f, s) {
+  const o = n[e], u = s || e;
+  if (o == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for Emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let t;
+  const i = o.type;
+  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const a = c(r.element, l);
+a.isRequired = c(r.element.isRequired, l);
+const R = a;
 export {
-  a as default
+  R as default
 };

package/index.es353.js

@@ -1,8 +1,23 @@
-function u(e, r) {
-  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
-    return e(...n) || r(...n);
-  };
+import c from "./index.es198.js";
+import l from "./index.es351.js";
+function f(n) {
+  const {
+    prototype: e = {}
+  } = n;
+  return !!e.isReactComponent;
 }
+function u(n, e, i, r, p) {
+  const t = n[e], a = p || e;
+  if (t == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let o;
+  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const m = l(c.elementType, u);
 export {
-  u as default
+  m as default
 };

package/index.es354.js

@@ -1,26 +1,8 @@
-import r from "./index.es198.js";
-import c from "./index.es353.js";
-function m(n) {
-  const {
-    prototype: e = {}
-  } = n;
-  return !!e.isReactComponent;
-}
-function l(n, e, p, f, s) {
-  const o = n[e], u = s || e;
-  if (o == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for Emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let t;
-  const i = o.type;
-  return typeof i == "function" && !m(i) && (t = "Did you accidentally use a plain function component for an element instead?"), t !== void 0 ? new Error(`Invalid ${f} \`${u}\` supplied to \`${p}\`. Expected an element that can hold a ref. ${t} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const a = c(r.element, l);
-a.isRequired = c(r.element.isRequired, l);
-const R = a;
+import { __module as r } from "./index.es399.js";
+import { __require as e } from "./index.es400.js";
+import { __require as o } from "./index.es401.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  R as default
+  i as r
 };

package/index.es355.js

@@ -1,23 +1,5 @@
-import c from "./index.es198.js";
-import l from "./index.es353.js";
-function f(n) {
-  const {
-    prototype: e = {}
-  } = n;
-  return !!e.isReactComponent;
-}
-function u(n, e, i, r, p) {
-  const t = n[e], a = p || e;
-  if (t == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let o;
-  return typeof t == "function" && !f(t) && (o = "Did you accidentally provide a plain function component instead?"), o !== void 0 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${i}\`. Expected an element type that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const m = l(c.elementType, u);
+import e from "./index.es198.js";
+const o = e.oneOfType([e.func, e.object]), f = o;
 export {
-  m as default
+  f as default
 };

package/index.es356.js

@@ -1,8 +1,21 @@
-import { __module as r } from "./index.es399.js";
-import { __require as e } from "./index.es400.js";
-import { __require as o } from "./index.es401.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+class t {
+  constructor() {
+    this.currentId = null, this.clear = () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    }, this.disposeEffect = () => this.clear;
+  }
+  static create() {
+    return new t();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(r, e) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, e();
+    }, r);
+  }
+}
 export {
-  i as r
+  t as Timeout
 };

package/index.es357.js

@@ -1,5 +1,69 @@
-import e from "./index.es198.js";
-const o = e.oneOfType([e.func, e.object]), f = o;
+import * as a from "react";
+import { Timeout as o } from "./index.es356.js";
+let n = !0, s = !1;
+const c = new o(), f = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
+};
+function d(e) {
+  const {
+    type: t,
+    tagName: r
+  } = e;
+  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+}
+function h(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
+}
+function i() {
+  n = !1;
+}
+function y() {
+  this.visibilityState === "hidden" && s && (n = !0);
+}
+function m(e) {
+  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
+}
+function b(e) {
+  const {
+    target: t
+  } = e;
+  try {
+    return t.matches(":focus-visible");
+  } catch {
+  }
+  return n || d(t);
+}
+function w() {
+  const e = a.useCallback((u) => {
+    u != null && m(u.ownerDocument);
+  }, []), t = a.useRef(!1);
+  function r() {
+    return t.current ? (s = !0, c.start(100, () => {
+      s = !1;
+    }), t.current = !1, !0) : !1;
+  }
+  function l(u) {
+    return b(u) ? (t.current = !0, !0) : !1;
+  }
+  return {
+    isFocusVisibleRef: t,
+    onFocus: l,
+    onBlur: r,
+    ref: e
+  };
+}
 export {
-  f as default
+  w as default
 };

package/index.es358.js

@@ -1,69 +1,18 @@
-import * as a from "react";
-import { Timeout as o } from "./index.es359.js";
-let n = !0, s = !1;
-const c = new o(), f = {
-  text: !0,
-  search: !0,
-  url: !0,
-  tel: !0,
-  email: !0,
-  password: !0,
-  number: !0,
-  date: !0,
-  month: !0,
-  week: !0,
-  time: !0,
-  datetime: !0,
-  "datetime-local": !0
-};
-function d(e) {
-  const {
-    type: t,
-    tagName: r
-  } = e;
-  return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
-}
-function h(e) {
-  e.metaKey || e.altKey || e.ctrlKey || (n = !0);
-}
-function i() {
-  n = !1;
-}
-function y() {
-  this.visibilityState === "hidden" && s && (n = !0);
-}
-function m(e) {
-  e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
-}
-function b(e) {
-  const {
-    target: t
-  } = e;
-  try {
-    return t.matches(":focus-visible");
-  } catch {
-  }
-  return n || d(t);
-}
-function w() {
-  const e = a.useCallback((u) => {
-    u != null && m(u.ownerDocument);
-  }, []), t = a.useRef(!1);
-  function r() {
-    return t.current ? (s = !0, c.start(100, () => {
-      s = !1;
-    }), t.current = !1, !0) : !1;
-  }
-  function l(u) {
-    return b(u) ? (t.current = !0, !0) : !1;
-  }
-  return {
-    isFocusVisibleRef: t,
-    onFocus: l,
-    onBlur: r,
-    ref: e
-  };
+import f from "./index.es196.js";
+function b(i, l) {
+  const s = f({}, l);
+  return Object.keys(i).forEach((t) => {
+    if (t.toString().match(/^(components|slots)$/))
+      s[t] = f({}, i[t], s[t]);
+    else if (t.toString().match(/^(componentsProps|slotProps)$/)) {
+      const n = i[t] || {}, c = l[t];
+      s[t] = {}, !c || !Object.keys(c) ? s[t] = n : !n || !Object.keys(n) ? s[t] = c : (s[t] = f({}, c), Object.keys(n).forEach((e) => {
+        s[t][e] = b(n[e], c[e]);
+      }));
+    } else
+      s[t] === void 0 && (s[t] = i[t]);
+  }), s;
 }
 export {
-  w as default
+  b as default
 };