@anri1214/dynamic-forms-mui 0.1.7

package/dist/index.js

@@ -0,0 +1,1831 @@
+import { jsx as d, jsxs as D, Fragment as Pe } from "react/jsx-runtime";
+import * as Te from "react";
+import { createContext as pe, useContext as he, useState as X, useRef as H, useId as le, useEffect as O, useMemo as G, useCallback as z, Component as $e } from "react";
+import { TextField as ge, InputLabel as ye, OutlinedInput as Oe, InputAdornment as ze, IconButton as ee, FormHelperText as L, FormControl as j, Select as Le, MenuItem as je, Autocomplete as Ne, FormControlLabel as oe, Checkbox as _e, Switch as Ue, FormLabel as Me, RadioGroup as Be, Radio as We, Box as V, Typography as I, Skeleton as Ke, Alert as be, Button as Ze } from "@mui/material";
+import { NumberField as B } from "@base-ui/react/number-field";
+import Ge from "@mui/icons-material/KeyboardArrowUp";
+import He from "@mui/icons-material/KeyboardArrowDown";
+import { DatePicker as Ye } from "@mui/x-date-pickers/DatePicker";
+import { DateTimePicker as Je } from "@mui/x-date-pickers/DateTimePicker";
+import { CloudUpload as Qe, Close as Xe } from "@mui/icons-material";
+import { useFormContext as k, useWatch as xe, get as te, set as Q, appendErrors as ve, Controller as T, useForm as et, FormProvider as tt } from "react-hook-form";
+import { z as b } from "zod";
+import { useQuery as rt } from "@tanstack/react-query";
+const ae = pe(null);
+function R() {
+  const e = he(ae);
+  if (!e)
+    throw new Error(
+      "useDynamicFormsContext must be used within a DynamicFormsProvider. Wrap your app (or the part that uses DynamicForm) with <DynamicFormsProvider>."
+    );
+  return e;
+}
+function nt({ variant: e = "outlined", ...t }) {
+  return /* @__PURE__ */ d(ge, { variant: e, fullWidth: !0, ...t });
+}
+function Fe(e) {
+  return null;
+}
+Fe.muiName = "Input";
+function st({
+  label: e,
+  error: t,
+  helperText: r,
+  placeholder: n,
+  size: o = "medium",
+  ref: i,
+  ...s
+}) {
+  const l = Te.useId(), u = o === "small" ? "small" : "medium";
+  return /* @__PURE__ */ D(
+    B.Root,
+    {
+      ...s,
+      render: (a, c) => /* @__PURE__ */ d(
+        j,
+        {
+          size: o,
+          ref: a.ref,
+          disabled: c.disabled,
+          required: c.required,
+          error: t,
+          variant: "outlined",
+          fullWidth: !0,
+          children: a.children
+        }
+      ),
+      children: [
+        /* @__PURE__ */ d(Fe, { ...s }),
+        /* @__PURE__ */ d(ye, { htmlFor: l, children: e }),
+        /* @__PURE__ */ d(
+          B.Input,
+          {
+            id: l,
+            render: (a, c) => /* @__PURE__ */ d(
+              Oe,
+              {
+                label: e,
+                placeholder: n,
+                size: o,
+                inputRef: i || a.ref,
+                value: c.inputValue,
+                onBlur: a.onBlur,
+                onChange: a.onChange,
+                onKeyUp: a.onKeyUp,
+                onKeyDown: a.onKeyDown,
+                onFocus: a.onFocus,
+                slotProps: {
+                  input: a
+                },
+                endAdornment: /* @__PURE__ */ D(
+                  ze,
+                  {
+                    position: "end",
+                    sx: {
+                      flexDirection: "column",
+                      maxHeight: "unset",
+                      alignSelf: "stretch",
+                      borderLeft: "1px solid",
+                      borderColor: "divider",
+                      ml: 0,
+                      "& button": {
+                        py: 0,
+                        flex: 1,
+                        borderRadius: 0.5
+                      }
+                    },
+                    children: [
+                      /* @__PURE__ */ d(
+                        B.Increment,
+                        {
+                          render: /* @__PURE__ */ d(ee, { size: u, "aria-label": "Increase" }),
+                          children: /* @__PURE__ */ d(
+                            Ge,
+                            {
+                              fontSize: u,
+                              sx: { transform: "translateY(2px)" }
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ d(
+                        B.Decrement,
+                        {
+                          render: /* @__PURE__ */ d(ee, { size: u, "aria-label": "Decrease" }),
+                          children: /* @__PURE__ */ d(
+                            He,
+                            {
+                              fontSize: u,
+                              sx: { transform: "translateY(-2px)" }
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                sx: { pr: 0 }
+              }
+            )
+          }
+        ),
+        r && /* @__PURE__ */ d(L, { sx: { ml: 0 }, children: r })
+      ]
+    }
+  );
+}
+function it({ options: e, onChange: t, ref: r, size: n, ...o }) {
+  return /* @__PURE__ */ d(
+    Le,
+    {
+      ...o,
+      size: n,
+      onChange: t,
+      children: e.map((i) => /* @__PURE__ */ d(je, { value: i.value, disabled: i.disabled, children: i.label }, i.value))
+    }
+  );
+}
+function ot({
+  label: e,
+  placeholder: t,
+  error: r,
+  helperText: n,
+  required: o,
+  size: i,
+  ...s
+}) {
+  return /* @__PURE__ */ d(
+    Ne,
+    {
+      ...s,
+      size: i,
+      getOptionLabel: (l) => typeof l == "string" ? l : l.label,
+      renderInput: (l) => /* @__PURE__ */ d(
+        ge,
+        {
+          ...l,
+          label: e,
+          placeholder: t,
+          error: r,
+          helperText: n,
+          required: o
+        }
+      )
+    }
+  );
+}
+function at({
+  label: e,
+  error: t,
+  helperText: r,
+  size: n,
+  ref: o,
+  ...i
+}) {
+  return /* @__PURE__ */ D(j, { error: t, size: n, children: [
+    /* @__PURE__ */ d(oe, { control: /* @__PURE__ */ d(_e, { ...i, size: n }), label: e }),
+    r && /* @__PURE__ */ d(L, { children: r })
+  ] });
+}
+function lt({
+  label: e,
+  error: t,
+  helperText: r,
+  size: n,
+  ref: o,
+  ...i
+}) {
+  return /* @__PURE__ */ D(j, { error: t, size: n, children: [
+    /* @__PURE__ */ d(oe, { control: /* @__PURE__ */ d(Ue, { ...i, size: n }), label: e }),
+    r && /* @__PURE__ */ d(L, { children: r })
+  ] });
+}
+function ut({
+  label: e,
+  options: t,
+  error: r,
+  helperText: n,
+  disabled: o,
+  required: i,
+  size: s,
+  ...l
+}) {
+  return /* @__PURE__ */ D(j, { component: "fieldset", error: r, disabled: o, required: i, size: s, children: [
+    e && /* @__PURE__ */ d(Me, { component: "legend", children: e }),
+    /* @__PURE__ */ d(Be, { ...l, children: t.map((u) => /* @__PURE__ */ d(
+      oe,
+      {
+        value: u.value,
+        control: /* @__PURE__ */ d(We, { size: s }),
+        label: u.label
+      },
+      u.value
+    )) }),
+    n && /* @__PURE__ */ d(L, { children: n })
+  ] });
+}
+function re({
+  includeTime: e,
+  error: t,
+  helperText: r,
+  required: n,
+  format: o,
+  size: i,
+  ref: s,
+  ...l
+}) {
+  return /* @__PURE__ */ d(
+    e ? Je : Ye,
+    {
+      ...l,
+      format: o,
+      inputRef: s,
+      slotProps: {
+        textField: {
+          error: t,
+          helperText: r,
+          required: n,
+          fullWidth: !0,
+          size: i
+        }
+      }
+    }
+  );
+}
+function ct({
+  value: e,
+  onChange: t,
+  label: r,
+  disabled: n,
+  error: o,
+  helperText: i,
+  minDate: s,
+  maxDate: l,
+  required: u,
+  includeTime: a,
+  format: c,
+  size: f
+}) {
+  const p = (x) => {
+    t?.({ start: x, end: e?.end ?? null });
+  }, m = (x) => {
+    t?.({ start: e?.start ?? null, end: x });
+  }, y = a ? "Start Date/Time" : "Start Date", g = a ? "End Date/Time" : "End Date";
+  return /* @__PURE__ */ D(V, { children: [
+    r && /* @__PURE__ */ D(I, { variant: "body2", sx: { mb: 1, color: o ? "error.main" : "text.secondary" }, children: [
+      r,
+      u && /* @__PURE__ */ d("span", { style: { color: "inherit" }, children: " *" })
+    ] }),
+    /* @__PURE__ */ D(V, { sx: { display: "flex", gap: 2 }, children: [
+      /* @__PURE__ */ d(
+        re,
+        {
+          label: y,
+          includeTime: a,
+          format: c,
+          value: e?.start ?? null,
+          onChange: p,
+          disabled: n,
+          minDate: s,
+          maxDate: e?.end ?? l,
+          error: o,
+          size: f
+        }
+      ),
+      /* @__PURE__ */ d(
+        re,
+        {
+          label: g,
+          includeTime: a,
+          format: c,
+          value: e?.end ?? null,
+          onChange: m,
+          disabled: n,
+          minDate: e?.start ?? s,
+          maxDate: l,
+          error: o,
+          size: f
+        }
+      )
+    ] }),
+    i && /* @__PURE__ */ d(I, { variant: "caption", sx: { mt: 0.5, ml: 1.75, color: o ? "error.main" : "text.secondary" }, children: i })
+  ] });
+}
+function dt(e) {
+  if (e === 0) return "0 KB";
+  const t = 1024, r = t * 1024, n = r * 1024;
+  return e >= n ? `${(e / n).toFixed(2)} GB` : e >= r ? `${(e / r).toFixed(2)} MB` : `${(e / t).toFixed(2)} KB`;
+}
+function ft({
+  value: e,
+  onChange: t,
+  onBlur: r,
+  multiple: n,
+  accept: o,
+  label: i,
+  disabled: s,
+  error: l,
+  helperText: u,
+  required: a,
+  ref: c
+}) {
+  const [f, p] = X(!1), m = H(null), y = le(), g = le(), x = (h) => {
+    h.preventDefault(), h.stopPropagation(), s || p(!0);
+  }, F = (h) => {
+    h.preventDefault(), h.stopPropagation(), p(!1);
+  }, q = (h) => {
+    h.preventDefault(), h.stopPropagation();
+  }, S = (h, C) => {
+    const $ = new Set(h.map((E) => `${E.name}-${E.size}`));
+    return C.filter((E) => !$.has(`${E.name}-${E.size}`));
+  }, v = (h) => {
+    if (h.preventDefault(), h.stopPropagation(), p(!1), s) return;
+    const C = Array.from(h.dataTransfer.files);
+    if (C.length !== 0)
+      if (n) {
+        const $ = Array.isArray(e) ? e : [], E = S($, C);
+        t?.([...$, ...E]);
+      } else
+        t?.(C[0] || null);
+  }, w = (h) => {
+    const C = h.target.files;
+    if (!C || C.length === 0) return;
+    const $ = Array.from(C);
+    if (n) {
+      const E = Array.isArray(e) ? e : [], Ve = S(E, $);
+      t?.([...E, ...Ve]);
+    } else
+      t?.($[0] || null);
+    m.current && (m.current.value = "");
+  }, A = () => {
+    t?.(null), m.current && (m.current.value = "");
+  }, N = (h) => {
+    if (!Array.isArray(e)) return;
+    const C = e.filter(($, E) => E !== h);
+    t?.(C.length > 0 ? C : null), C.length === 0 && m.current && (m.current.value = "");
+  }, P = (h) => {
+    s || (h.key === "Enter" || h.key === " ") && (h.preventDefault(), m.current?.click());
+  }, M = e ? Array.isArray(e) ? e : [e] : [], Ae = () => l ? "error.main" : f ? "primary.main" : "divider", Ee = () => s ? "divider" : l ? "error.main" : "primary.main";
+  return /* @__PURE__ */ D(j, { fullWidth: !0, error: l, children: [
+    i && /* @__PURE__ */ D(
+      I,
+      {
+        component: "label",
+        htmlFor: y,
+        variant: "body2",
+        sx: { mb: 1, display: "block", fontWeight: 500 },
+        children: [
+          i,
+          a && /* @__PURE__ */ d(I, { component: "span", sx: { ml: 0.5 }, children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ D(
+      V,
+      {
+        role: "button",
+        tabIndex: s ? -1 : 0,
+        "aria-label": `Upload ${n ? "files" : "file"}${i ? ` for ${i}` : ""}`,
+        "aria-disabled": s,
+        "aria-invalid": l,
+        "aria-required": a,
+        "aria-describedby": u ? g : void 0,
+        onDragEnter: x,
+        onDragOver: q,
+        onDragLeave: F,
+        onDrop: v,
+        onKeyDown: P,
+        sx: {
+          border: 2,
+          borderStyle: "dashed",
+          borderColor: Ae(),
+          borderRadius: 1,
+          p: 3,
+          textAlign: "center",
+          bgcolor: f ? "action.hover" : "background.paper",
+          cursor: s ? "not-allowed" : "pointer",
+          transition: "all 0.2s ease-in-out",
+          "&:hover": {
+            borderColor: Ee(),
+            bgcolor: s ? "background.paper" : "action.hover"
+          }
+        },
+        onClick: () => !s && m.current?.click(),
+        children: [
+          /* @__PURE__ */ d(Qe, { sx: { fontSize: 48, color: l ? "error.main" : "primary.main", mb: 1 } }),
+          /* @__PURE__ */ D(I, { variant: "body1", color: s ? "text.disabled" : "text.primary", children: [
+            "Drag & drop ",
+            n ? "files" : "a file",
+            " or click to select"
+          ] }),
+          o && /* @__PURE__ */ D(I, { variant: "caption", color: "text.secondary", sx: { mt: 0.5, display: "block" }, children: [
+            "Accepted types: ",
+            o
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ d(
+      "input",
+      {
+        id: y,
+        ref: (h) => {
+          m.current = h, typeof c == "function" ? c(h) : c && (c.current = h);
+        },
+        type: "file",
+        accept: o,
+        multiple: n,
+        onChange: w,
+        onBlur: r,
+        style: { display: "none" },
+        disabled: s,
+        required: a,
+        "aria-invalid": l,
+        "aria-required": a,
+        "aria-describedby": u ? g : void 0
+      }
+    ),
+    M.length > 0 && /* @__PURE__ */ d(V, { sx: { mt: 2 }, role: "status", "aria-live": "polite", "aria-label": `${M.length} ${M.length === 1 ? "file" : "files"} selected`, children: M.map((h, C) => /* @__PURE__ */ D(
+      V,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          p: 1.5,
+          mb: 1,
+          border: 1,
+          borderColor: "divider",
+          borderRadius: 1,
+          bgcolor: "background.paper",
+          "&:last-child": {
+            mb: 0
+          }
+        },
+        children: [
+          /* @__PURE__ */ D(V, { sx: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ d(
+              I,
+              {
+                variant: "body2",
+                sx: {
+                  fontWeight: 500,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: h.name
+              }
+            ),
+            /* @__PURE__ */ d(I, { variant: "caption", color: "text.secondary", children: dt(h.size) })
+          ] }),
+          /* @__PURE__ */ d(
+            ee,
+            {
+              size: "small",
+              onClick: ($) => {
+                $.stopPropagation(), n ? N(C) : A();
+              },
+              disabled: s,
+              "aria-label": `Remove ${h.name}`,
+              sx: { ml: 1 },
+              children: /* @__PURE__ */ d(Xe, { fontSize: "small" })
+            }
+          )
+        ]
+      },
+      `${h.name}-${h.size}-${C}`
+    )) }),
+    u && /* @__PURE__ */ d(L, { id: g, children: u })
+  ] });
+}
+function mt() {
+  return {
+    TextField: nt,
+    NumberField: st,
+    Select: it,
+    Autocomplete: ot,
+    Checkbox: at,
+    Switch: lt,
+    RadioGroup: ut,
+    DatePicker: re,
+    DateRangePicker: ct,
+    FileUpload: ft
+  };
+}
+function pr({
+  apiClient: e,
+  components: t,
+  size: r,
+  sectionSlotProps: n,
+  onError: o,
+  children: i
+}) {
+  const l = {
+    ...mt(),
+    ...t
+  };
+  return /* @__PURE__ */ d(ae, { value: {
+    apiClient: e,
+    components: l,
+    notifications: {
+      onError: o ?? console.error
+    },
+    size: r,
+    sectionSlotProps: n
+  }, children: i });
+}
+function U(e, t) {
+  return "and" in e ? e.and.every((r) => U(r, t)) : "or" in e ? e.or.some((r) => U(r, t)) : pt(e, t);
+}
+function pt(e, t) {
+  const r = t[e.field], n = e.value;
+  switch (e.operator) {
+    case "equals":
+      return r === n;
+    case "notEquals":
+      return r !== n;
+    case "in":
+      return Array.isArray(n) && n.includes(r);
+    case "notIn":
+      return Array.isArray(n) && !n.includes(r);
+    case "isEmpty":
+      return ne(r);
+    case "isNotEmpty":
+      return !ne(r);
+    case "gt":
+      return typeof r == "number" && typeof n == "number" && r > n;
+    case "gte":
+      return typeof r == "number" && typeof n == "number" && r >= n;
+    case "lt":
+      return typeof r == "number" && typeof n == "number" && r < n;
+    case "lte":
+      return typeof r == "number" && typeof n == "number" && r <= n;
+    default:
+      return !1;
+  }
+}
+function ne(e) {
+  return e == null ? !0 : typeof e == "string" ? e.trim() === "" : Array.isArray(e) ? e.length === 0 : !1;
+}
+function ue(e) {
+  if (e == null || e === "")
+    return;
+  if (e instanceof Date)
+    return isNaN(e.getTime()) || e.getTime() === 0 ? void 0 : e;
+  const t = new Date(e);
+  if (!(isNaN(t.getTime()) || t.getTime() === 0))
+    return t;
+}
+function ht(e) {
+  const t = {};
+  for (const [n, o] of Object.entries(e.fields))
+    t[n] = gt(o);
+  let r = b.object(t);
+  return r = xt(r, e), r;
+}
+function gt(e) {
+  const { type: t, validation: r = {} } = e;
+  let n;
+  switch (t) {
+    case "number":
+      n = bt(r);
+      break;
+    case "checkbox":
+    case "switch":
+      n = b.boolean();
+      break;
+    case "date": {
+      let o = b.preprocess(
+        ue,
+        b.date({
+          message: r.messages?.invalidDate || "Invalid date"
+        }).optional()
+      );
+      r.required && (o = o.refine(
+        (i) => i != null && i instanceof Date && !isNaN(i.getTime()) && i.getTime() !== 0,
+        {
+          message: r.messages?.required || "Date is required"
+        }
+      )), r.minDate && (o = o.refine(
+        (i) => !i || i >= r.minDate,
+        {
+          message: r.messages?.minDate || `Date must be after ${r.minDate.toLocaleDateString()}`
+        }
+      )), r.maxDate && (o = o.refine(
+        (i) => !i || i <= r.maxDate,
+        {
+          message: r.messages?.maxDate || `Date must be before ${r.maxDate.toLocaleDateString()}`
+        }
+      )), n = o;
+      break;
+    }
+    case "dateRange": {
+      const o = b.preprocess(
+        ue,
+        b.date({
+          message: r.messages?.invalidDate || "Invalid date"
+        }).optional().nullable()
+      );
+      let i = b.object({
+        start: o,
+        end: o
+      });
+      r.required && (i = i.refine(
+        (s) => {
+          const l = s.start !== null && s.start !== void 0 && s.start instanceof Date && !isNaN(s.start.getTime()) && s.start.getTime() !== 0, u = s.end !== null && s.end !== void 0 && s.end instanceof Date && !isNaN(s.end.getTime()) && s.end.getTime() !== 0;
+          return l && u;
+        },
+        {
+          message: r.messages?.required || "Both start and end dates are required",
+          path: ["start"]
+        }
+      )), i = i.refine(
+        (s) => !s.start || !s.end ? !0 : s.start <= s.end,
+        {
+          message: r.messages?.invalidRange || "End date must be after start date",
+          path: ["end"]
+        }
+      ), n = i;
+      break;
+    }
+    case "autocomplete":
+    case "multiselect":
+      n = t === "autocomplete" ? b.string() : b.array(b.string()), r.required && (t === "autocomplete" ? n = n.min(
+        1,
+        r.messages?.required || "Required"
+      ) : n = n.min(
+        1,
+        r.messages?.required || "Select at least one option"
+      ));
+      break;
+    case "file": {
+      const o = e;
+      let i = o.multiple ? b.array(b.instanceof(File)).nullable() : b.instanceof(File).nullable();
+      r.required && (o.multiple ? i = i.refine(
+        (s) => s === null ? !1 : s.length >= 1,
+        {
+          message: r.messages?.required || "At least one file is required"
+        }
+      ) : i = i.refine(
+        (s) => s != null,
+        {
+          message: r.messages?.required || "File is required"
+        }
+      )), r.maxSize && (o.multiple ? i = i.refine(
+        (s) => s === null ? !0 : s.every((l) => l?.size <= r.maxSize),
+        {
+          message: r.messages?.maxSize || `File size must be less than ${r.maxSize / 1024 / 1024}MB`
+        }
+      ) : i = i.refine(
+        (s) => s === null ? !0 : s.size <= r.maxSize,
+        {
+          message: r.messages?.maxSize || `File size must be less than ${r.maxSize / 1024 / 1024}MB`
+        }
+      )), o.accept && (o.multiple ? i = i.refine(
+        (s) => s === null ? !0 : s.every((l) => o.accept.split(",").map((a) => a.trim()).some((a) => a.startsWith(".") ? l.name.toLowerCase().endsWith(a.toLowerCase()) : l.type.match(a.replace("*", ".*")))),
+        {
+          message: r.messages?.fileType || `Invalid file type. Accepted: ${o.accept}`
+        }
+      ) : i = i.refine(
+        (s) => {
+          if (s === null) return !0;
+          const l = s;
+          return o.accept.split(",").map((a) => a.trim()).some((a) => a.startsWith(".") ? l.name?.toLowerCase().endsWith(a.toLowerCase()) : l.type?.match(a.replace("*", ".*")));
+        },
+        {
+          message: r.messages?.fileType || `Invalid file type. Accepted: ${o.accept}`
+        }
+      )), r.minFiles && o.multiple && (i = i.refine(
+        (s) => s === null ? !1 : s.length >= r.minFiles,
+        {
+          message: r.messages?.minFiles || `At least ${r.minFiles} file(s) required`
+        }
+      )), r.maxFiles && o.multiple && (i = i.refine(
+        (s) => s === null ? !0 : s.length <= r.maxFiles,
+        {
+          message: r.messages?.maxFiles || `Max ${r.maxFiles} file(s) allowed`
+        }
+      )), n = i;
+      break;
+    }
+    default:
+      n = yt(r);
+  }
+  return !r.required && !r.requiredIf && (n = n.optional()), n;
+}
+function yt(e) {
+  if (e.email)
+    return e.required ? b.string().min(1, { message: e.messages?.required || "Email is required" }).pipe(b.email({ message: e.messages?.email || "Invalid email" })) : b.union([
+      b.literal(""),
+      b.email({ message: e.messages?.email || "Invalid email" })
+    ]);
+  if (e.url)
+    return e.required ? b.string().min(1, { message: e.messages?.required || "URL is required" }).pipe(b.url({ message: e.messages?.url || "Invalid URL" })) : b.union([
+      b.literal(""),
+      b.url({ message: e.messages?.url || "Invalid URL" })
+    ]);
+  let t = b.string();
+  if (e.required && (t = t.min(1, e.messages?.required || "Required")), e.minLength && (t = t.min(
+    e.minLength,
+    e.messages?.minLength || `Min ${e.minLength} characters`
+  )), e.maxLength && (t = t.max(
+    e.maxLength,
+    e.messages?.maxLength || `Max ${e.maxLength} characters`
+  )), e.pattern && (t = t.regex(
+    new RegExp(e.pattern),
+    e.messages?.pattern || "Invalid format"
+  )), e.hasUppercase) {
+    const r = e.hasUppercase === !0 ? 1 : e.hasUppercase, n = new RegExp(`(?=(.*[A-Z]){${r}})`);
+    t = t.regex(
+      n,
+      e.messages?.hasUppercase || `At least ${r} uppercase letter(s)`
+    );
+  }
+  if (e.hasLowercase) {
+    const r = e.hasLowercase === !0 ? 1 : e.hasLowercase, n = new RegExp(`(?=(.*[a-z]){${r}})`);
+    t = t.regex(
+      n,
+      e.messages?.hasLowercase || `At least ${r} lowercase letter(s)`
+    );
+  }
+  if (e.hasNumber) {
+    const r = e.hasNumber === !0 ? 1 : e.hasNumber, n = new RegExp(`(?=(.*[0-9]){${r}})`);
+    t = t.regex(
+      n,
+      e.messages?.hasNumber || `At least ${r} number(s)`
+    );
+  }
+  if (e.hasSpecialChar) {
+    const r = e.hasSpecialChar === !0 ? 1 : e.hasSpecialChar, n = new RegExp(
+      `(?=(.*[!@#$%^&*()_+\\-=\\[\\]{};':"\\\\|,.<>\\/?]){${r}})`
+    );
+    t = t.regex(
+      n,
+      e.messages?.hasSpecialChar || `At least ${r} special character(s)`
+    );
+  }
+  return e.includes && (t = t.includes(e.includes, {
+    message: e.messages?.includes || `Must include "${e.includes}"`
+  })), t;
+}
+function bt(e) {
+  let t = b.coerce.number();
+  return e.min !== void 0 && (t = t.min(
+    e.min,
+    e.messages?.min || `Min value is ${e.min}`
+  )), e.max !== void 0 && (t = t.max(
+    e.max,
+    e.messages?.max || `Max value is ${e.max}`
+  )), t;
+}
+function xt(e, t) {
+  const r = [], n = [];
+  for (const [i, s] of Object.entries(t.fields))
+    s.validation?.matchField && r.push({
+      fieldName: i,
+      matchField: s.validation.matchField,
+      message: s.validation.messages?.matchField || "Fields do not match"
+    }), s.validation?.requiredIf && n.push({
+      fieldName: i,
+      condition: s.validation.requiredIf,
+      message: s.validation.messages?.required || `${s.label} is required`
+    });
+  let o = e;
+  for (const { fieldName: i, matchField: s, message: l } of r)
+    o = o.refine(
+      (u) => u[i] === u[s],
+      {
+        message: l,
+        path: [i]
+      }
+    );
+  return n.length > 0 && (o = o.superRefine((i, s) => {
+    for (const { fieldName: l, condition: u, message: a } of n)
+      if (U(u, i)) {
+        const c = i[l];
+        ne(c) && s.issues.push({
+          code: "custom",
+          message: a,
+          path: [l],
+          input: c
+        });
+      }
+  })), o;
+}
+function vt(e, t, r) {
+  const n = new URL(e.apiUrl, window.location.origin);
+  if (e.queryParams)
+    for (const o of e.queryParams) {
+      let i;
+      if (o.dependsOnInput)
+        i = r || void 0;
+      else if (o.dependsOn) {
+        const s = t[o.dependsOn];
+        i = s != null ? String(s) : void 0;
+      } else o.value && (i = o.value);
+      i !== void 0 && n.searchParams.set(o.key, i);
+    }
+  return n.pathname + n.search;
+}
+function Ft(e) {
+  return e.queryParams ? e.queryParams.filter((t) => t.dependsOn).map((t) => t.dependsOn) : [];
+}
+function St(e, t) {
+  return e.every((r) => {
+    const n = t[r];
+    return n != null && n !== "";
+  });
+}
+function Dt(e) {
+  const t = {};
+  for (const [r, n] of Object.entries(e.fields))
+    if (n.defaultValue !== void 0)
+      t[r] = n.defaultValue;
+    else
+      switch (n.type) {
+        case "text":
+        case "email":
+        case "password":
+        case "textarea":
+        case "select":
+        case "autocomplete":
+        case "radio":
+          t[r] = "";
+          break;
+        case "number":
+          t[r] = null;
+          break;
+        case "checkbox":
+        case "switch":
+          t[r] = !1;
+          break;
+        case "multiselect":
+          t[r] = [];
+          break;
+        case "date":
+          t[r] = void 0;
+          break;
+        case "dateRange":
+          t[r] = { start: void 0, end: void 0 };
+          break;
+        case "file":
+          t[r] = n.multiple ? [] : null;
+          break;
+        default:
+          t[r] = "";
+      }
+  return t;
+}
+const _ = (e, t) => {
+  if (!t) return e;
+  const r = Array.isArray(e) ? e : [e], n = Array.isArray(t) ? t : [t];
+  return [...r, ...n];
+}, W = (e, t) => e ? t ? { sx: _(e.sx ?? {}, t.sx) } : e : t, wt = (e, t) => e ? t ? {
+  root: W(e.root, t.root),
+  title: W(e.title, t.title),
+  description: W(e.description, t.description),
+  content: W(e.content, t.content)
+} : e : t;
+function qt(e) {
+  const { control: t } = k(), r = [];
+  for (const [u, a] of Object.entries(e.fields))
+    if (a.showIf) {
+      const c = se(a.showIf);
+      r.push({ name: u, dependsOn: c });
+    }
+  const n = [], o = /* @__PURE__ */ new Set();
+  for (const { dependsOn: u } of r)
+    for (const a of u)
+      o.has(a) || (o.add(a), n.push(a));
+  const i = xe({
+    control: t,
+    name: n
+  }), s = {};
+  n.length > 0 && i && n.forEach((u, a) => {
+    s[u] = Array.isArray(i) ? i[a] : i;
+  });
+  const l = /* @__PURE__ */ new Set();
+  for (const [u, a] of Object.entries(e.fields))
+    a.showIf ? U(a.showIf, s) && l.add(u) : l.add(u);
+  return l;
+}
+function se(e) {
+  return "and" in e ? e.and.flatMap(se) : "or" in e ? e.or.flatMap(se) : [e.field];
+}
+function Y(e, t, r) {
+  const { control: n } = k(), { apiClient: o, notifications: i } = R(), s = e?.queryParams?.some((w) => w.dependsOnInput) ?? !1, [l, u] = X(""), [a, c] = X("");
+  O(() => {
+    if (!s) return;
+    const w = setTimeout(() => c(l), 300);
+    return () => clearTimeout(w);
+  }, [l, s]);
+  const f = e ? Ft(e) : [], p = xe({
+    control: n,
+    name: f.length > 0 ? f : []
+  }), m = {};
+  f.length > 0 && f.forEach((w, A) => {
+    m[w] = Array.isArray(p) ? p[A] : p;
+  });
+  const y = e ? vt(e, m, s ? a : void 0) : "", g = e ? St(f, m) : !1, { data: x, isLoading: F, error: q } = rt({
+    queryKey: ["options", y],
+    queryFn: async () => o.get(y),
+    enabled: !!e && g,
+    staleTime: 300 * 1e3,
+    // 5 minutes
+    retry: 2
+  });
+  O(() => {
+    q && i.onError && i.onError(`Failed to load options: ${q.message}`);
+  }, [q, i]);
+  const S = G(() => {
+    if (!e) return t ?? [];
+    const w = x ? x.map((P) => ({
+      value: P[e.valueKey ?? "value"],
+      label: P[e.labelKey ?? "label"]
+    })) : [];
+    if (!r?.length) return w;
+    const A = new Set(w.map((P) => String(P.value)));
+    return [...r.filter((P) => !A.has(String(P.value))), ...w];
+  }, [x, r, e, t]), v = z(
+    (w, A) => {
+      u(A);
+    },
+    []
+  );
+  return {
+    options: S,
+    isLoading: F,
+    error: q,
+    inputValue: s ? l : void 0,
+    onInputChange: s ? v : void 0
+  };
+}
+function Ct(e, t) {
+  const { apiClient: r } = R(), n = H(void 0), o = H(null), i = z(
+    async (u) => {
+      if (!t || !u || typeof u == "string" && u.trim() === "")
+        return !0;
+      o.current && o.current.abort();
+      const a = new AbortController();
+      o.current = a;
+      try {
+        const c = new URL(t.apiUrl, window.location.origin);
+        if (t.queryParams)
+          for (const m of t.queryParams)
+            (m.dependsOn === e || !m.dependsOn) && c.searchParams.set(m.key, String(u));
+        else
+          c.searchParams.set(e, String(u));
+        const f = await r.get(c.pathname + c.search, {
+          signal: a.signal
+        });
+        return f.valid ?? !f.exists ? !0 : t.message || "Validation failed";
+      } catch (c) {
+        return c instanceof Error && c.name === "AbortError" ? !0 : "⚠️ Validation unavailable (API error)";
+      }
+    },
+    [t, e, r]
+  ), s = z(
+    (u) => new Promise((a) => {
+      n.current && clearTimeout(n.current), n.current = setTimeout(async () => {
+        const c = await i(u);
+        a(c);
+      }, t?.debounce ?? 500);
+    }),
+    [i, t?.debounce]
+  ), l = z(
+    async (u) => (n.current && clearTimeout(n.current), i(u)),
+    [i]
+  );
+  return { validateDebounced: s, validateImmediate: l };
+}
+const ce = (e, t, r) => {
+  if (e && "reportValidity" in e) {
+    const n = te(r, t);
+    e.setCustomValidity(n && n.message || ""), e.reportValidity();
+  }
+}, ie = (e, t) => {
+  for (const r in t.fields) {
+    const n = t.fields[r];
+    n && n.ref && "reportValidity" in n.ref ? ce(n.ref, r, e) : n && n.refs && n.refs.forEach((o) => ce(o, r, e));
+  }
+}, de = (e, t) => {
+  t.shouldUseNativeValidation && ie(e, t);
+  const r = {};
+  for (const n in e) {
+    const o = te(t.fields, n), i = Object.assign(e[n] || {}, { ref: o && o.ref });
+    if (Rt(t.names || Object.keys(e), n)) {
+      const s = Object.assign({}, te(r, n));
+      Q(s, "root", i), Q(r, n, s);
+    } else Q(r, n, i);
+  }
+  return r;
+}, Rt = (e, t) => {
+  const r = fe(t);
+  return e.some((n) => fe(n).match(`^${r}\\.\\d+`));
+};
+function fe(e) {
+  return e.replace(/\]|\[/g, "");
+}
+function Se(e, t, r) {
+  function n(l, u) {
+    if (l._zod || Object.defineProperty(l, "_zod", {
+      value: {
+        def: u,
+        constr: s,
+        traits: /* @__PURE__ */ new Set()
+      },
+      enumerable: !1
+    }), l._zod.traits.has(e))
+      return;
+    l._zod.traits.add(e), t(l, u);
+    const a = s.prototype, c = Object.keys(a);
+    for (let f = 0; f < c.length; f++) {
+      const p = c[f];
+      p in l || (l[p] = a[p].bind(l));
+    }
+  }
+  const o = r?.Parent ?? Object;
+  class i extends o {
+  }
+  Object.defineProperty(i, "name", { value: e });
+  function s(l) {
+    var u;
+    const a = r?.Parent ? new i() : this;
+    n(a, l), (u = a._zod).deferred ?? (u.deferred = []);
+    for (const c of a._zod.deferred)
+      c();
+    return a;
+  }
+  return Object.defineProperty(s, "init", { value: n }), Object.defineProperty(s, Symbol.hasInstance, {
+    value: (l) => r?.Parent && l instanceof r.Parent ? !0 : l?._zod?.traits?.has(e)
+  }), Object.defineProperty(s, "name", { value: e }), s;
+}
+class It extends Error {
+  constructor() {
+    super("Encountered Promise during synchronous parse. Use .parseAsync() instead.");
+  }
+}
+const kt = {};
+function De(e) {
+  return kt;
+}
+function At(e, t) {
+  return typeof t == "bigint" ? t.toString() : t;
+}
+const we = "captureStackTrace" in Error ? Error.captureStackTrace : (...e) => {
+};
+function K(e) {
+  return typeof e == "string" ? e : e?.message;
+}
+function qe(e, t, r) {
+  const n = { ...e, path: e.path ?? [] };
+  if (!e.message) {
+    const o = K(e.inst?._zod.def?.error?.(e)) ?? K(t?.error?.(e)) ?? K(r.customError?.(e)) ?? K(r.localeError?.(e)) ?? "Invalid input";
+    n.message = o;
+  }
+  return delete n.inst, delete n.continue, t?.reportInput || delete n.input, n;
+}
+const Ce = (e, t) => {
+  e.name = "$ZodError", Object.defineProperty(e, "_zod", {
+    value: e._zod,
+    enumerable: !1
+  }), Object.defineProperty(e, "issues", {
+    value: t,
+    enumerable: !1
+  }), e.message = JSON.stringify(t, At, 2), Object.defineProperty(e, "toString", {
+    value: () => e.message,
+    enumerable: !1
+  });
+}, Et = Se("$ZodError", Ce), Re = Se("$ZodError", Ce, { Parent: Error }), Vt = (e) => (t, r, n, o) => {
+  const i = n ? Object.assign(n, { async: !1 }) : { async: !1 }, s = t._zod.run({ value: r, issues: [] }, i);
+  if (s instanceof Promise)
+    throw new It();
+  if (s.issues.length) {
+    const l = new (o?.Err ?? e)(s.issues.map((u) => qe(u, i, De())));
+    throw we(l, o?.callee), l;
+  }
+  return s.value;
+}, Pt = /* @__PURE__ */ Vt(Re), Tt = (e) => async (t, r, n, o) => {
+  const i = n ? Object.assign(n, { async: !0 }) : { async: !0 };
+  let s = t._zod.run({ value: r, issues: [] }, i);
+  if (s instanceof Promise && (s = await s), s.issues.length) {
+    const l = new (o?.Err ?? e)(s.issues.map((u) => qe(u, i, De())));
+    throw we(l, o?.callee), l;
+  }
+  return s.value;
+}, $t = /* @__PURE__ */ Tt(Re);
+function me(e, t) {
+  try {
+    var r = e();
+  } catch (n) {
+    return t(n);
+  }
+  return r && r.then ? r.then(void 0, t) : r;
+}
+function Ot(e, t) {
+  for (var r = {}; e.length; ) {
+    var n = e[0], o = n.code, i = n.message, s = n.path.join(".");
+    if (!r[s]) if ("unionErrors" in n) {
+      var l = n.unionErrors[0].errors[0];
+      r[s] = { message: l.message, type: l.code };
+    } else r[s] = { message: i, type: o };
+    if ("unionErrors" in n && n.unionErrors.forEach(function(c) {
+      return c.errors.forEach(function(f) {
+        return e.push(f);
+      });
+    }), t) {
+      var u = r[s].types, a = u && u[n.code];
+      r[s] = ve(s, t, r, o, a ? [].concat(a, n.message) : n.message);
+    }
+    e.shift();
+  }
+  return r;
+}
+function zt(e, t) {
+  for (var r = {}; e.length; ) {
+    var n = e[0], o = n.code, i = n.message, s = n.path.join(".");
+    if (!r[s]) if (n.code === "invalid_union" && n.errors.length > 0) {
+      var l = n.errors[0][0];
+      r[s] = { message: l.message, type: l.code };
+    } else r[s] = { message: i, type: o };
+    if (n.code === "invalid_union" && n.errors.forEach(function(c) {
+      return c.forEach(function(f) {
+        return e.push(f);
+      });
+    }), t) {
+      var u = r[s].types, a = u && u[n.code];
+      r[s] = ve(s, t, r, o, a ? [].concat(a, n.message) : n.message);
+    }
+    e.shift();
+  }
+  return r;
+}
+function Lt(e, t, r) {
+  if (r === void 0 && (r = {}), (function(n) {
+    return "_def" in n && typeof n._def == "object" && "typeName" in n._def;
+  })(e)) return function(n, o, i) {
+    try {
+      return Promise.resolve(me(function() {
+        return Promise.resolve(e[r.mode === "sync" ? "parse" : "parseAsync"](n, t)).then(function(s) {
+          return i.shouldUseNativeValidation && ie({}, i), { errors: {}, values: r.raw ? Object.assign({}, n) : s };
+        });
+      }, function(s) {
+        if ((function(l) {
+          return Array.isArray(l?.issues);
+        })(s)) return { values: {}, errors: de(Ot(s.errors, !i.shouldUseNativeValidation && i.criteriaMode === "all"), i) };
+        throw s;
+      }));
+    } catch (s) {
+      return Promise.reject(s);
+    }
+  };
+  if ((function(n) {
+    return "_zod" in n && typeof n._zod == "object";
+  })(e)) return function(n, o, i) {
+    try {
+      return Promise.resolve(me(function() {
+        return Promise.resolve((r.mode === "sync" ? Pt : $t)(e, n, t)).then(function(s) {
+          return i.shouldUseNativeValidation && ie({}, i), { errors: {}, values: r.raw ? Object.assign({}, n) : s };
+        });
+      }, function(s) {
+        if ((function(l) {
+          return l instanceof Et;
+        })(s)) return { values: {}, errors: de(zt(s.issues, !i.shouldUseNativeValidation && i.criteriaMode === "all"), i) };
+        throw s;
+      }));
+    } catch (s) {
+      return Promise.reject(s);
+    }
+  };
+  throw new Error("Invalid input: not a Zod schema");
+}
+function jt(e) {
+  return z(
+    async (t, r, n) => {
+      const o = /* @__PURE__ */ new Set();
+      for (const [a, c] of Object.entries(e.fields))
+        (!c.showIf || U(c.showIf, t)) && o.add(a);
+      const i = Object.entries(e.fields).filter(([a]) => o.has(a)).reduce((a, [c, f]) => (a[c] = f, a), {}), s = ht({
+        ...e,
+        fields: i
+      });
+      return await Lt(s)(
+        t,
+        r,
+        n
+      );
+    },
+    [e]
+    // Rebuild resolver when schema changes
+  );
+}
+const Ie = pe(null);
+function Nt() {
+  return he(Ie);
+}
+function J(e, t) {
+  const r = Nt();
+  O(() => (r?.register(e, t), () => {
+    r?.unregister(e);
+  }), [e, t, r]);
+}
+function Z({ name: e, config: t, disabled: r }) {
+  const { control: n } = k(), { components: o, size: i } = R(), s = o.TextField, l = t, { validateDebounced: u, validateImmediate: a } = Ct(
+    e,
+    l.validation?.asyncValidation
+  );
+  if (t.type !== "text" && t.type !== "password" && t.type !== "email" && t.type !== "textarea")
+    return null;
+  const c = t.type === "textarea", f = c ? t.rows || 4 : void 0, p = !!(l.validation?.required || l.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      rules: {
+        validate: {
+          // Async validation runs in parallel with sync
+          asyncValidation: async (m) => u(m)
+        }
+      },
+      render: ({ field: { value: m, onChange: y, onBlur: g, ref: x }, fieldState: { error: F } }) => /* @__PURE__ */ d(
+        s,
+        {
+          value: m || "",
+          onChange: y,
+          onBlur: async () => {
+            g(), l.validation?.asyncValidation && await a(m);
+          },
+          inputRef: x,
+          type: t.type === "textarea" ? "text" : t.type,
+          label: l.label,
+          required: p,
+          placeholder: l.placeholder,
+          helperText: F?.message || l.helperText,
+          error: !!F,
+          disabled: r || l.disabled,
+          autoComplete: l.autoComplete,
+          multiline: c,
+          rows: f,
+          size: i
+        }
+      )
+    }
+  );
+}
+function _t({ name: e, config: t, disabled: r }) {
+  const { control: n } = k(), { components: o, size: i } = R(), s = o.NumberField;
+  if (t.type !== "number")
+    return null;
+  const l = !!(t.validation?.required || t.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: u, onChange: a, onBlur: c, name: f }, fieldState: { error: p } }) => /* @__PURE__ */ d(
+        s,
+        {
+          name: f,
+          value: u,
+          onValueChange: (m) => a(m),
+          onBlur: c,
+          label: t.label,
+          required: l,
+          placeholder: t.placeholder,
+          helperText: p?.message || t.helperText,
+          error: !!p,
+          disabled: r || t.disabled,
+          min: t.min,
+          max: t.max,
+          step: t.step,
+          size: i
+        }
+      )
+    }
+  );
+}
+function Ut({ name: e, config: t, disabled: r }) {
+  const { control: n } = k(), { components: o, size: i } = R(), s = o.Checkbox;
+  if (t.type !== "checkbox")
+    return null;
+  const l = !!(t.validation?.required || t.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: u, onChange: a, ...c }, fieldState: { error: f } }) => /* @__PURE__ */ d(
+        s,
+        {
+          ...c,
+          label: t.label,
+          required: l,
+          checked: !!u,
+          onChange: (p) => a(p.target.checked),
+          disabled: r || t.disabled,
+          error: !!f,
+          helperText: f?.message || t.helperText,
+          size: i
+        }
+      )
+    }
+  );
+}
+function Mt({ name: e, config: t, disabled: r }) {
+  const { control: n } = k(), { components: o, size: i } = R(), s = o.Switch;
+  if (t.type !== "switch")
+    return null;
+  const l = !!(t.validation?.required || t.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: u, onChange: a, ...c }, fieldState: { error: f } }) => /* @__PURE__ */ d(
+        s,
+        {
+          ...c,
+          label: t.label,
+          required: l,
+          checked: !!u,
+          onChange: (p) => a(p.target.checked),
+          disabled: r || t.disabled,
+          error: !!f,
+          helperText: f?.message || t.helperText,
+          size: i
+        }
+      )
+    }
+  );
+}
+function Bt({ name: e, config: t, disabled: r }) {
+  const { control: n, setValue: o, getValues: i } = k(), { components: s, size: l } = R(), u = s.Select, a = t, { options: c, isLoading: f } = Y(
+    t.type === "select" ? a.optionsSource : void 0,
+    t.type === "select" ? a.options : void 0
+  );
+  if (J(e, c), O(() => {
+    if (t.type !== "select") return;
+    const m = i(e);
+    m && !c.some((y) => y.value === m) && o(e, "", { shouldValidate: !1 });
+  }, [c, e, o, i, t.type]), t.type !== "select")
+    return null;
+  const p = !!(a.validation?.required || a.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: m, onChange: y, onBlur: g, ref: x }, fieldState: { error: F } }) => /* @__PURE__ */ D(j, { fullWidth: !0, error: !!F, disabled: r || a.disabled || f, size: l, children: [
+        a.label && /* @__PURE__ */ d(ye, { required: p, children: a.label }),
+        /* @__PURE__ */ d(
+          u,
+          {
+            name: e,
+            value: m || "",
+            onChange: y,
+            onBlur: g,
+            label: a.label,
+            options: c,
+            size: l,
+            ref: x
+          }
+        ),
+        (F?.message || a.helperText) && /* @__PURE__ */ d(L, { children: F?.message || a.helperText })
+      ] })
+    }
+  );
+}
+function Wt({ name: e, config: t, disabled: r }) {
+  const { control: n, setValue: o, getValues: i } = k(), { components: s, size: l } = R(), u = s.Autocomplete, a = t, { options: c, isLoading: f, inputValue: p, onInputChange: m } = Y(
+    t.type === "multiselect" ? a.optionsSource : void 0,
+    t.type === "multiselect" ? a.options : void 0,
+    t.type === "multiselect" ? a.initialOptions : void 0
+  );
+  if (J(e, c), O(() => {
+    if (t.type !== "multiselect" || f || m) return;
+    const g = i(e);
+    if (Array.isArray(g) && g.length > 0) {
+      const x = g.filter(
+        (F) => c.some((q) => q.value === F)
+      );
+      x.length !== g.length && o(e, x, { shouldValidate: !1 });
+    }
+  }, [c, f, m, e, o, i, t.type]), t.type !== "multiselect")
+    return null;
+  const y = !!(a.validation?.required || a.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: g, onChange: x, ...F }, fieldState: { error: q } }) => /* @__PURE__ */ d(
+        u,
+        {
+          ...F,
+          multiple: !0,
+          options: c,
+          value: (
+            // Convert string[] to Option[] for display
+            Array.isArray(g) ? c.filter((S) => g.includes(S.value)) : []
+          ),
+          onChange: (S, v) => {
+            const w = v.map((A) => A.value);
+            x(w);
+          },
+          isOptionEqualToValue: (S, v) => S.value === v.value,
+          label: a.label,
+          required: y,
+          placeholder: a.placeholder,
+          error: !!q,
+          helperText: q?.message || a.helperText,
+          disabled: r || a.disabled || f && !m,
+          loading: f,
+          size: l,
+          inputValue: p,
+          onInputChange: m,
+          filterOptions: m ? (S) => S : void 0
+        }
+      )
+    }
+  );
+}
+function Kt({ name: e, config: t, disabled: r }) {
+  const { control: n, setValue: o, getValues: i } = k(), { components: s, size: l } = R(), u = s.Autocomplete, a = t, { options: c, isLoading: f, inputValue: p, onInputChange: m } = Y(
+    t.type === "autocomplete" ? a.optionsSource : void 0,
+    t.type === "autocomplete" ? a.options : void 0,
+    t.type === "autocomplete" ? a.initialOptions : void 0
+  );
+  if (J(e, c), O(() => {
+    if (t.type !== "autocomplete" || f || m) return;
+    const g = i(e);
+    g && !c.some((x) => x.value === g) && o(e, "", { shouldValidate: !1 });
+  }, [c, f, m, e, o, i, t.type]), t.type !== "autocomplete")
+    return null;
+  const y = !!(a.validation?.required || a.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: g, onChange: x, ...F }, fieldState: { error: q } }) => /* @__PURE__ */ d(
+        u,
+        {
+          ...F,
+          options: c,
+          value: c.find((S) => S.value === g) ?? null,
+          onChange: (S, v) => {
+            x(v?.value ?? "");
+          },
+          isOptionEqualToValue: (S, v) => S.value === v.value,
+          label: a.label,
+          required: y,
+          placeholder: a.placeholder,
+          error: !!q,
+          helperText: q?.message || a.helperText,
+          disabled: r || a.disabled || f && !m,
+          loading: f,
+          size: l,
+          inputValue: p,
+          onInputChange: m,
+          filterOptions: m ? (S) => S : void 0
+        }
+      )
+    }
+  );
+}
+function Zt({ name: e, config: t, disabled: r }) {
+  const { control: n, setValue: o, getValues: i } = k(), { components: s, size: l } = R(), u = s.RadioGroup, a = t, { options: c, isLoading: f } = Y(
+    t.type === "radio" ? a.optionsSource : void 0,
+    t.type === "radio" ? a.options : void 0
+  );
+  J(e, c);
+  const p = c.map((y) => ({
+    label: y.label,
+    value: String(y.value)
+  }));
+  if (O(() => {
+    if (t.type !== "radio") return;
+    const y = i(e);
+    y && !c.some((g) => String(g.value) === String(y)) && o(e, "", { shouldValidate: !1 });
+  }, [c, e, o, i, t.type]), t.type !== "radio")
+    return null;
+  const m = !!(a.validation?.required || a.validation?.requiredIf);
+  return f ? /* @__PURE__ */ d(Ke, { variant: "rectangular", height: 100 }) : /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: y, fieldState: { error: g } }) => /* @__PURE__ */ d(
+        u,
+        {
+          ...y,
+          label: a.label,
+          required: m,
+          options: p,
+          row: a.direction === "row",
+          error: !!g,
+          helperText: g?.message || a.helperText,
+          disabled: r || a.disabled,
+          size: l
+        }
+      )
+    }
+  );
+}
+function Gt({ name: e, config: t, disabled: r }) {
+  const { control: n } = k(), { components: o, size: i } = R(), s = o.DatePicker, l = t;
+  if (t.type !== "date")
+    return null;
+  const u = !!(l.validation?.required || l.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: a, onChange: c }, fieldState: { error: f } }) => /* @__PURE__ */ d(
+        s,
+        {
+          label: l.label,
+          required: u,
+          includeTime: l.includeTime,
+          format: l.format,
+          value: a || null,
+          onChange: c,
+          disabled: r || l.disabled,
+          minDate: l.validation?.minDate,
+          maxDate: l.validation?.maxDate,
+          error: !!f,
+          helperText: f?.message || l.helperText,
+          size: i
+        }
+      )
+    }
+  );
+}
+function Ht({ name: e, config: t, disabled: r }) {
+  const { control: n } = k(), { components: o, size: i } = R(), s = o.DateRangePicker, l = t;
+  if (t.type !== "dateRange")
+    return null;
+  const u = !!(l.validation?.required || l.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: a, onChange: c }, fieldState: { error: f } }) => /* @__PURE__ */ d(
+        s,
+        {
+          label: l.label,
+          required: u,
+          includeTime: l.includeTime,
+          format: l.format,
+          value: a || { start: null, end: null },
+          onChange: c,
+          disabled: r || l.disabled,
+          minDate: l.validation?.minDate,
+          maxDate: l.validation?.maxDate,
+          error: !!f,
+          helperText: f?.message || l.helperText,
+          size: i
+        }
+      )
+    }
+  );
+}
+function Yt({ name: e, config: t, disabled: r }) {
+  const { control: n } = k(), { components: o } = R(), i = o.FileUpload, s = t;
+  if (t.type !== "file")
+    return null;
+  const l = !!(s.validation?.required || s.validation?.requiredIf);
+  return /* @__PURE__ */ d(
+    T,
+    {
+      name: e,
+      control: n,
+      render: ({ field: { value: u, onChange: a, onBlur: c, ref: f }, fieldState: { error: p } }) => /* @__PURE__ */ d(
+        i,
+        {
+          label: s.label,
+          required: l,
+          value: u || null,
+          onChange: a,
+          onBlur: c,
+          disabled: r || s.disabled,
+          multiple: s.multiple,
+          accept: s.accept,
+          error: !!p,
+          helperText: p?.message || s.helperText,
+          ref: f
+        }
+      )
+    }
+  );
+}
+const ke = {
+  text: Z,
+  password: Z,
+  email: Z,
+  textarea: Z,
+  number: _t,
+  checkbox: Ut,
+  switch: Mt,
+  select: Bt,
+  multiselect: Wt,
+  autocomplete: Kt,
+  radio: Zt,
+  date: Gt,
+  dateRange: Ht,
+  file: Yt
+};
+function Jt(e) {
+  return ke[e] ?? null;
+}
+function hr(e, t) {
+  ke[e] = t;
+}
+function Qt({ name: e, config: t, disabled: r }) {
+  const n = Jt(t.type);
+  return n ? /* @__PURE__ */ d(n, { name: e, config: t, disabled: r }) : (console.warn(`Unknown field type: ${t.type}`), /* @__PURE__ */ D(be, { severity: "warning", sx: { my: 1 }, children: [
+    "Unknown field type: ",
+    /* @__PURE__ */ d("code", { children: t.type })
+  ] }));
+}
+function Xt({ section: e, fields: t, disabled: r, visibleFields: n, slotProps: o }) {
+  const i = e.fields.filter(
+    (s) => n.has(s)
+  );
+  return i.length === 0 ? null : /* @__PURE__ */ D(V, { sx: _({ mb: 4 }, o?.root?.sx), children: [
+    e.title && /* @__PURE__ */ d(I, { variant: "h6", sx: _({ mb: 2 }, o?.title?.sx), children: e.title }),
+    e.description && /* @__PURE__ */ d(I, { variant: "body2", color: "text.secondary", sx: _({ mb: 2 }, o?.description?.sx), children: e.description }),
+    /* @__PURE__ */ d(V, { sx: _({ display: "flex", flexDirection: "column", gap: 2 }, o?.content?.sx), children: i.map((s) => /* @__PURE__ */ d(
+      Qt,
+      {
+        name: s,
+        config: t[s],
+        disabled: r
+      },
+      s
+    )) })
+  ] });
+}
+class er extends $e {
+  constructor(t) {
+    super(t), this.handleReset = () => {
+      this.setState({ hasError: !1, error: null });
+    }, this.state = { hasError: !1, error: null };
+  }
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
+  }
+  componentDidCatch(t, r) {
+    console.error("DynamicForm Error:", t, r), this.props.onError?.(t, r);
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ D(V, { sx: { p: 3 }, children: [
+      /* @__PURE__ */ D(be, { severity: "error", sx: { mb: 2 }, children: [
+        /* @__PURE__ */ d(I, { variant: "h6", gutterBottom: !0, children: "Form Error" }),
+        /* @__PURE__ */ d(I, { variant: "body2", sx: { mb: 2 }, children: "Something went wrong while rendering the form." }),
+        this.state.error && /* @__PURE__ */ d(I, { variant: "caption", sx: { fontFamily: "monospace" }, children: this.state.error.message })
+      ] }),
+      /* @__PURE__ */ d(Ze, { variant: "outlined", onClick: this.handleReset, children: "Reset Form" })
+    ] }) : this.props.children;
+  }
+}
+function tr({
+  schema: e,
+  mode: t,
+  sectionSlotProps: r,
+  children: n,
+  formState: o
+}) {
+  const i = qt(e), s = t === "disabled", l = new Map(e.sections.map((c) => [c.id, c])), u = (c) => {
+    const f = l.get(c);
+    return f ? /* @__PURE__ */ d(
+      Xt,
+      {
+        section: f,
+        fields: e.fields,
+        disabled: s,
+        visibleFields: i,
+        slotProps: r
+      },
+      f.id
+    ) : null;
+  }, a = (c, f) => {
+    const p = c.columns ?? c.sections.length;
+    return p <= 1 ? /* @__PURE__ */ d(V, { children: c.sections.map(u) }, f) : /* @__PURE__ */ d(
+      V,
+      {
+        sx: {
+          display: "grid",
+          gridTemplateColumns: {
+            xs: "1fr",
+            md: `repeat(${p}, 1fr)`
+          },
+          gap: 3,
+          alignItems: "start"
+        },
+        children: c.sections.map(u)
+      },
+      f
+    );
+  };
+  return /* @__PURE__ */ D(Pe, { children: [
+    e.layout ? e.layout.map(a) : e.sections.map((c) => u(c.id)),
+    typeof n == "function" ? n(o) : n
+  ] });
+}
+function gr({
+  schema: e,
+  onSubmit: t,
+  mode: r = "edit",
+  defaultValues: n,
+  apiClient: o,
+  size: i,
+  sectionSlotProps: s,
+  children: l
+}) {
+  const u = R(), a = !!(o || i !== void 0), c = G(() => a ? {
+    ...u,
+    ...o && { apiClient: o },
+    ...i !== void 0 && { size: i }
+  } : u, [u, o, i, a]), f = G(
+    () => wt(u.sectionSlotProps, s),
+    [u.sectionSlotProps, s]
+  ), p = H(/* @__PURE__ */ new Map()), m = G(
+    () => ({
+      register: (v, w) => {
+        p.current.set(v, w);
+      },
+      unregister: (v) => {
+        p.current.delete(v);
+      },
+      buildLabelMap: () => {
+        const v = {};
+        for (const [w, A] of p.current.entries()) {
+          if (A.length === 0) continue;
+          const N = {};
+          for (const P of A)
+            N[String(P.value)] = P.label;
+          v[w] = N;
+        }
+        return v;
+      }
+    }),
+    []
+  ), y = z(
+    (v) => t(v, m.buildLabelMap()),
+    [t, m]
+  ), g = jt(e), x = Dt(e), F = et({
+    resolver: g,
+    defaultValues: { ...x, ...n },
+    mode: "onChange",
+    reValidateMode: "onChange"
+  }), q = {
+    isValid: F.formState.isValid,
+    isSubmitting: F.formState.isSubmitting
+  }, S = /* @__PURE__ */ d(er, { children: /* @__PURE__ */ d(tt, { ...F, children: /* @__PURE__ */ d(Ie, { value: m, children: /* @__PURE__ */ d(
+    V,
+    {
+      component: "form",
+      onSubmit: F.handleSubmit(
+        y,
+        (v) => {
+          console.error("❌ Form validation errors:", v);
+        }
+      ),
+      noValidate: !0,
+      children: /* @__PURE__ */ d(
+        tr,
+        {
+          schema: e,
+          mode: r,
+          sectionSlotProps: f,
+          children: l,
+          formState: q
+        }
+      )
+    }
+  ) }) }) });
+  return a ? /* @__PURE__ */ d(ae, { value: c, children: S }) : S;
+}
+export {
+  gr as DynamicForm,
+  pr as DynamicFormsProvider,
+  er as FormErrorBoundary,
+  St as areDependenciesFilled,
+  vt as buildOptionsUrl,
+  ht as buildZodSchema,
+  U as evaluateCondition,
+  Dt as extractDefaultValues,
+  Ft as extractOptionsDependencies,
+  dt as formatFileSize,
+  ne as isEmpty,
+  hr as registerFieldComponent,
+  Ct as useAsyncValidation,
+  R as useDynamicFormsContext,
+  qt as useFieldVisibility,
+  Y as useOptionsSource
+};