mada-design-system 0.0.9 → 0.0.11

package/index.es328.js

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

package/index.es329.js

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

package/index.es33.js

@@ -1,57 +1,74 @@
-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",
+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.es34.js";
+import { useController as j, useFieldArray as k, useForm as A, useFormState as E, useWatch as W } from "./index.es34.js";
+import { Label as C } from "./index.es37.js";
+import { cn as c } from "./index.es76.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,
     {
-      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 })
-      ]
+      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 {
-  h as EmptySection,
-  h as default
+  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.es330.js

@@ -1,9 +1,7 @@
-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 : {};
+import e from "./index.es364.js";
+function p(o, t) {
+  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
 }
 export {
-  c as default
+  p as default
 };

package/index.es331.js

@@ -1,13 +1,7 @@
-import a from "./index.es332.js";
-function f(t, n, e) {
-  return t === void 0 || a(t) ? n : {
-    ...n,
-    ownerState: {
-      ...n.ownerState,
-      ...e
-    }
-  };
+import i from "./index.es365.js";
+function c(s, a) {
+  s.classList ? s.classList.add(a) : i(s, a) || (typeof s.className == "string" ? s.className = s.className + " " + a : s.setAttribute("class", (s.className && s.className.baseVal || "") + " " + a));
 }
 export {
-  f as default
+  c as default
 };

package/index.es332.js

@@ -1,6 +1,9 @@
-function n(t) {
-  return typeof t == "string";
+function c(s, a) {
+  return s.replace(new RegExp("(^|\\s)" + a + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function r(s, a) {
+  s.classList ? s.classList.remove(a) : typeof s.className == "string" ? s.className = c(s.className, a) : s.setAttribute("class", c(s.className && s.className.baseVal || "", a));
 }
 export {
-  n as default
+  r as default
 };