mada-design-system 0.0.9

package/index.es328.js

@@ -0,0 +1,134 @@
+import w from "./index.es350.js";
+import C from "./index.es351.js";
+import E from "./index.es349.js";
+var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
+  return n.charCodeAt(1) === 45;
+}, p = function(n) {
+  return n != null && typeof n != "boolean";
+}, h = /* @__PURE__ */ E(function(r) {
+  return d(r) ? r : r.replace(x, "-$&").toLowerCase();
+}), y = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(O, function(f, a, t) {
+          return s = {
+            name: a,
+            styles: t,
+            next: s
+          }, a;
+        });
+  }
+  return C[n] !== 1 && !d(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+}, A = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function m(r, n, e) {
+  if (e == null)
+    return "";
+  var f = e;
+  if (f.__emotion_styles !== void 0)
+    return f;
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      var a = e;
+      if (a.anim === 1)
+        return s = {
+          name: a.name,
+          styles: a.styles,
+          next: s
+        }, a.name;
+      var t = e;
+      if (t.styles !== void 0) {
+        var o = t.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
+            s = {
+              name: o.name,
+              styles: o.styles,
+              next: s
+            }, o = o.next;
+        var i = t.styles + ";";
+        return i;
+      }
+      return M(r, n, e);
+    }
+    case "function": {
+      if (r !== void 0) {
+        var u = s, c = e(r);
+        return s = u, m(r, n, c);
+      }
+      break;
+    }
+  }
+  var l = e;
+  if (n == null)
+    return l;
+  var v = n[l];
+  return v !== void 0 ? v : l;
+}
+function M(r, n, e) {
+  var f = "";
+  if (Array.isArray(e))
+    for (var a = 0; a < e.length; a++)
+      f += m(r, n, e[a]) + ";";
+  else
+    for (var t in e) {
+      var o = e[t];
+      if (typeof o != "object") {
+        var i = o;
+        n != null && n[i] !== void 0 ? f += t + "{" + n[i] + "}" : p(i) && (f += h(t) + ":" + y(t, i) + ";");
+      } else {
+        if (t === "NO_COMPONENT_SELECTOR" && _)
+          throw new Error(A);
+        if (Array.isArray(o) && typeof o[0] == "string" && (n == null || n[o[0]] === void 0))
+          for (var u = 0; u < o.length; u++)
+            p(o[u]) && (f += h(t) + ":" + y(t, o[u]) + ";");
+        else {
+          var c = m(r, n, o);
+          switch (t) {
+            case "animation":
+            case "animationName": {
+              f += h(t) + ":" + c + ";";
+              break;
+            }
+            default:
+              f += t + "{" + c + "}";
+          }
+        }
+      }
+    }
+  return f;
+}
+var b = /label:\s*([^\s;{]+)\s*(;|$)/g, s;
+function R(r, n, e) {
+  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
+    return r[0];
+  var f = !0, a = "";
+  s = void 0;
+  var t = r[0];
+  if (t == null || t.raw === void 0)
+    f = !1, a += m(e, n, t);
+  else {
+    var o = t;
+    a += o[0];
+  }
+  for (var i = 1; i < r.length; i++)
+    if (a += m(e, n, r[i]), f) {
+      var u = t;
+      a += u[i];
+    }
+  b.lastIndex = 0;
+  for (var c = "", l; (l = b.exec(a)) !== null; )
+    c += "-" + l[1];
+  var v = w(a) + c;
+  return {
+    name: v,
+    styles: a,
+    next: s
+  };
+}
+export {
+  R as serializeStyles
+};

package/index.es329.js

@@ -0,0 +1,17 @@
+import { __require as t } from "./index.es194.js";
+var e = t(), a = {
+  $$typeof: !0,
+  render: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0
+}, p = {
+  $$typeof: !0,
+  compare: !0,
+  defaultProps: !0,
+  displayName: !0,
+  propTypes: !0,
+  type: !0
+}, r = {};
+r[e.ForwardRef] = a;
+r[e.Memo] = p;

package/index.es33.js

@@ -0,0 +1,57 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { cva as f } from "./index.es89.js";
+import a from "./index.es83.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",
+  message: s,
+  background: c,
+  icon: o,
+  layout: e = "vertical",
+  children: l,
+  bordered: d,
+  ...p
+}) => /* @__PURE__ */ t("div", { className: a(m({ layout: e, background: c }), { 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("p", { 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 {
+  h as EmptySection,
+  h as default
+};

package/index.es330.js

@@ -0,0 +1,9 @@
+function c(t, r) {
+  const e = this;
+  return e.vars && typeof e.getColorSchemeSelector == "function" ? {
+    [e.getColorSchemeSelector(t).replace(/(\[[^\]]+\])/, "*:where($1)")]: r
+  } : e.palette.mode === t ? r : {};
+}
+export {
+  c as default
+};

package/index.es331.js

@@ -0,0 +1,13 @@
+import a from "./index.es332.js";
+function f(t, n, e) {
+  return t === void 0 || a(t) ? n : {
+    ...n,
+    ownerState: {
+      ...n.ownerState,
+      ...e
+    }
+  };
+}
+export {
+  f as default
+};

package/index.es332.js

@@ -0,0 +1,6 @@
+function n(t) {
+  return typeof t == "string";
+}
+export {
+  n as default
+};

package/index.es333.js

@@ -0,0 +1,11 @@
+function u(e, f = []) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
+    t[n] = e[n];
+  }), t;
+}
+export {
+  u as default
+};

package/index.es334.js

@@ -0,0 +1,8 @@
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
+}
+export {
+  e as default
+};

package/index.es335.js

@@ -0,0 +1,6 @@
+function i(s, a) {
+  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+}
+export {
+  i as default
+};

package/index.es336.js

@@ -0,0 +1,6 @@
+function r(e, t, f) {
+  return typeof e == "function" ? e(t, f) : e;
+}
+export {
+  r as default
+};

package/index.es337.js

@@ -0,0 +1,48 @@
+import { clsx as v } from "./index.es86.js";
+import k from "./index.es333.js";
+import H from "./index.es363.js";
+function W(j) {
+  const {
+    getSlotProps: y,
+    additionalProps: e,
+    externalSlotProps: s,
+    externalForwardedProps: c,
+    className: n
+  } = j;
+  if (!y) {
+    const h = v(e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), u = {
+      ...e == null ? void 0 : e.style,
+      ...c == null ? void 0 : c.style,
+      ...s == null ? void 0 : s.style
+    }, f = {
+      ...e,
+      ...c,
+      ...s
+    };
+    return h.length > 0 && (f.className = h), Object.keys(u).length > 0 && (f.style = u), {
+      props: f,
+      internalRef: void 0
+    };
+  }
+  const l = k({
+    ...c,
+    ...s
+  }), E = H(s), b = H(c), m = y(l), N = v(m == null ? void 0 : m.className, e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), g = {
+    ...m == null ? void 0 : m.style,
+    ...e == null ? void 0 : e.style,
+    ...c == null ? void 0 : c.style,
+    ...s == null ? void 0 : s.style
+  }, t = {
+    ...m,
+    ...e,
+    ...b,
+    ...E
+  };
+  return N.length > 0 && (t.className = N), Object.keys(g).length > 0 && (t.style = g), {
+    props: t,
+    internalRef: m.ref
+  };
+}
+export {
+  W as default
+};

package/index.es338.js

@@ -0,0 +1,12 @@
+import * as o from "react";
+import u from "./index.es364.js";
+function f(...e) {
+  return o.useMemo(() => e.every((r) => r == null) ? null : (r) => {
+    e.forEach((t) => {
+      u(t, r);
+    });
+  }, e);
+}
+export {
+  f as default
+};

package/index.es339.js

@@ -0,0 +1,4 @@
+import o from "./index.es252.js";
+export {
+  o as default
+};

package/index.es34.js

@@ -0,0 +1,74 @@
+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.es35.js";
+import { useController as j, useFieldArray as k, useForm as A, useFormState as E, useWatch as W } from "./index.es35.js";
+import { Label as C } from "./index.es38.js";
+import { cn as c } from "./index.es69.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,
+    {
+      ref: t,
+      id: m,
+      "aria-describedby": o ? `${r} ${i}` : `${r}`,
+      "aria-invalid": !!o,
+      ...e
+    }
+  );
+});
+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
+};

package/index.es340.js

@@ -0,0 +1,253 @@
+import G from "./index.es151.js";
+import U from "./index.es152.js";
+import * as e from "react";
+import _ from "./index.es153.js";
+import { clsx as c } from "./index.es86.js";
+import j from "./index.es165.js";
+import F from "./index.es174.js";
+import J from "./index.es362.js";
+import i from "./index.es342.js";
+import { jsx as k } from "react/jsx-runtime";
+import { keyframes as E } from "./index.es325.js";
+import Q from "./index.es200.js";
+const Z = ["center", "classes", "className"];
+let y = (r) => r, V, D, K, S;
+const w = 550, v = 80, tt = E(V || (V = y`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)), et = E(D || (D = y`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)), it = E(K || (K = y`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)), rt = j("span", {
+  name: "MuiTouchRipple",
+  slot: "Root"
+})({
+  overflow: "hidden",
+  pointerEvents: "none",
+  position: "absolute",
+  zIndex: 0,
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  borderRadius: "inherit"
+}), ot = j(J, {
+  name: "MuiTouchRipple",
+  slot: "Ripple"
+})(S || (S = y`
+  opacity: 0;
+  position: absolute;
+
+  &.${0} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  &.${0} {
+    animation-duration: ${0}ms;
+  }
+
+  & .${0} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${0} {
+    opacity: 0;
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  & .${0} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${0};
+    animation-duration: 2500ms;
+    animation-timing-function: ${0};
+    animation-iteration-count: infinite;
+    animation-delay: 200ms;
+  }
+`), i.rippleVisible, tt, w, ({
+  theme: r
+}) => r.transitions.easing.easeInOut, i.ripplePulsate, ({
+  theme: r
+}) => r.transitions.duration.shorter, i.child, i.childLeaving, et, w, ({
+  theme: r
+}) => r.transitions.easing.easeInOut, i.childPulsate, it, ({
+  theme: r
+}) => r.transitions.easing.easeInOut), q = /* @__PURE__ */ e.forwardRef(function(A, H) {
+  const I = F({
+    props: A,
+    name: "MuiTouchRipple"
+  }), {
+    center: L = !1,
+    classes: n = {},
+    className: W
+  } = I, B = U(I, Z), [N, X] = e.useState([]), Y = e.useRef(0), h = e.useRef(null);
+  e.useEffect(() => {
+    h.current && (h.current(), h.current = null);
+  }, [N]);
+  const T = e.useRef(!1), d = e.useRef(0), o = e.useRef(null), z = e.useRef(null);
+  e.useEffect(() => () => {
+    d.current && clearTimeout(d.current);
+  }, []);
+  const $ = e.useCallback((t) => {
+    const {
+      pulsate: a,
+      rippleX: s,
+      rippleY: g,
+      rippleSize: b,
+      cb: P
+    } = t;
+    X((l) => [...l, /* @__PURE__ */ k(ot, {
+      classes: {
+        ripple: c(n.ripple, i.ripple),
+        rippleVisible: c(n.rippleVisible, i.rippleVisible),
+        ripplePulsate: c(n.ripplePulsate, i.ripplePulsate),
+        child: c(n.child, i.child),
+        childLeaving: c(n.childLeaving, i.childLeaving),
+        childPulsate: c(n.childPulsate, i.childPulsate)
+      },
+      timeout: w,
+      pulsate: a,
+      rippleX: s,
+      rippleY: g,
+      rippleSize: b
+    }, Y.current)]), Y.current += 1, h.current = P;
+  }, [n]), R = e.useCallback((t = {}, a = {}, s = () => {
+  }) => {
+    const {
+      pulsate: g = !1,
+      center: b = L || a.pulsate,
+      fakeElement: P = !1
+      // For test purposes
+    } = a;
+    if ((t == null ? void 0 : t.type) === "mousedown" && T.current) {
+      T.current = !1;
+      return;
+    }
+    (t == null ? void 0 : t.type) === "touchstart" && (T.current = !0);
+    const l = P ? null : z.current, u = l ? l.getBoundingClientRect() : {
+      width: 0,
+      height: 0,
+      left: 0,
+      top: 0
+    };
+    let p, m, f;
+    if (b || t === void 0 || t.clientX === 0 && t.clientY === 0 || !t.clientX && !t.touches)
+      p = Math.round(u.width / 2), m = Math.round(u.height / 2);
+    else {
+      const {
+        clientX: x,
+        clientY: C
+      } = t.touches && t.touches.length > 0 ? t.touches[0] : t;
+      p = Math.round(x - u.left), m = Math.round(C - u.top);
+    }
+    if (b)
+      f = Math.sqrt((2 * u.width ** 2 + u.height ** 2) / 3), f % 2 === 0 && (f += 1);
+    else {
+      const x = Math.max(Math.abs((l ? l.clientWidth : 0) - p), p) * 2 + 2, C = Math.max(Math.abs((l ? l.clientHeight : 0) - m), m) * 2 + 2;
+      f = Math.sqrt(x ** 2 + C ** 2);
+    }
+    t != null && t.touches ? o.current === null && (o.current = () => {
+      $({
+        pulsate: g,
+        rippleX: p,
+        rippleY: m,
+        rippleSize: f,
+        cb: s
+      });
+    }, d.current = setTimeout(() => {
+      o.current && (o.current(), o.current = null);
+    }, v)) : $({
+      pulsate: g,
+      rippleX: p,
+      rippleY: m,
+      rippleSize: f,
+      cb: s
+    });
+  }, [L, $]), O = e.useCallback(() => {
+    R({}, {
+      pulsate: !0
+    });
+  }, [R]), M = e.useCallback((t, a) => {
+    if (clearTimeout(d.current), (t == null ? void 0 : t.type) === "touchend" && o.current) {
+      o.current(), o.current = null, d.current = setTimeout(() => {
+        M(t, a);
+      });
+      return;
+    }
+    o.current = null, X((s) => s.length > 0 ? s.slice(1) : s), h.current = a;
+  }, []);
+  return e.useImperativeHandle(H, () => ({
+    pulsate: O,
+    start: R,
+    stop: M
+  }), [O, R, M]), /* @__PURE__ */ k(rt, G({
+    className: c(i.root, n.root, W),
+    ref: z
+  }, B, {
+    children: /* @__PURE__ */ k(Q, {
+      component: null,
+      exit: !0,
+      children: N
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (q.propTypes = {
+  /**
+   * If `true`, the ripple starts at the center of the component
+   * rather than at the point of interaction.
+   */
+  center: _.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: _.object,
+  /**
+   * @ignore
+   */
+  className: _.string
+});
+const Rt = q;
+export {
+  v as DELAY_RIPPLE,
+  ot as TouchRippleRipple,
+  rt as TouchRippleRoot,
+  Rt as default
+};

package/index.es341.js

@@ -0,0 +1,10 @@
+import s from "./index.es176.js";
+import e from "./index.es175.js";
+function n(t) {
+  return e("MuiButtonBase", t);
+}
+const o = s("MuiButtonBase", ["root", "disabled", "focusVisible"]), l = o;
+export {
+  l as default,
+  n as getButtonBaseUtilityClass
+};

package/index.es342.js

@@ -0,0 +1,5 @@
+import e from "./index.es176.js";
+const l = e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), s = l;
+export {
+  s as default
+};

package/index.es343.js

@@ -0,0 +1,4 @@
+import t from "./index.es270.js";
+export {
+  t as default
+};