pdyform 2.2.1 → 2.3.0

package/packages/vue/dist/index.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as p, openBlock as d, createElementBlock as g, mergeProps as I, unref as o, createBlock as v, computed as h, withCtx as m, renderSlot as q, createVNode as b, normalizeClass as D, createElementVNode as O, normalizeProps as X, guardReactiveProps as Y, Fragment as N, renderList as E, createTextVNode as U, toDisplayString as F, createCommentVNode as R, resolveDynamicComponent as Z, ref as _, onUnmounted as ee, withModifiers as te } from "vue";
-import { clsx as ae } from "clsx";
-import { twMerge as le } from "tailwind-merge";
-import { useForwardProps as j, SelectTrigger as ie, SelectIcon as ne, SelectPortal as se, SelectContent as re, SelectViewport as oe, SelectItem as de, SelectItemIndicator as ue, SelectItemText as ce, useForwardPropsEmits as A, SelectRoot as me, SelectValue as fe, CheckboxRoot as be, CheckboxIndicator as pe, Label as ge, RadioGroupItem as ye, RadioGroupIndicator as ve, RadioGroupRoot as he, SwitchRoot as xe, SwitchThumb as Ve } from "radix-vue";
-import { ChevronDown as ke, Check as K, Circle as we } from "lucide-vue-next";
-function z(e) {
+import { defineComponent as y, openBlock as d, createElementBlock as h, mergeProps as I, unref as o, createBlock as x, computed as V, withCtx as c, renderSlot as q, createVNode as g, normalizeClass as D, createElementVNode as z, normalizeProps as Y, guardReactiveProps as Z, Fragment as N, renderList as E, createTextVNode as U, toDisplayString as R, createCommentVNode as C, resolveDynamicComponent as _, ref as ee, onUnmounted as te, withModifiers as ae } from "vue";
+import { clsx as le } from "clsx";
+import { twMerge as ie } from "tailwind-merge";
+import { useForwardProps as j, SelectTrigger as se, SelectIcon as ne, SelectPortal as re, SelectContent as oe, SelectViewport as de, SelectItem as ue, SelectItemIndicator as ce, SelectItemText as me, useForwardPropsEmits as A, SelectRoot as fe, SelectValue as be, CheckboxRoot as pe, CheckboxIndicator as ge, Label as ye, RadioGroupItem as ve, RadioGroupIndicator as he, RadioGroupRoot as xe, SwitchRoot as Ve, SwitchThumb as ke } from "radix-vue";
+import { ChevronDown as we, Check as K, Circle as Be } from "lucide-vue-next";
+function O(e) {
   if (typeof e == "number") return Number.isNaN(e) ? null : e;
   if (typeof e != "string" || e.trim() === "") return null;
   const l = Number(e);
   return Number.isNaN(l) ? null : l;
 }
-var Be = {
+var Se = {
   required: "{label} is required",
   min: "{label} must be at least {value}",
   max: "{label} must be at most {value}",
@@ -17,184 +17,187 @@ var Be = {
   pattern: "Invalid format",
   custom: "Invalid value"
 };
-function S(e, l, i) {
-  return e.replace("{label}", l.label).replace("{value}", String(i.value || ""));
+function $(e, l, i) {
+  return e ? e.replace("{label}", l.label).replace("{value}", String(i.value || "")) : "";
 }
 function M(e, l, i) {
   if (!l) return i;
-  const n = l.split(/[.[\]]/).filter(Boolean);
-  let a = e;
-  for (const t of n) {
-    if (a == null) return i;
-    a = a[t];
+  const s = l.split(/[.[\]]/).filter(Boolean);
+  let t = e;
+  for (const a of s) {
+    if (t == null) return i;
+    t = t[a];
   }
-  return a === void 0 ? i : a;
+  return t === void 0 ? i : t;
 }
-function Se(e, l, i) {
+function $e(e, l, i) {
   if (Object(e) !== e) return e;
-  const n = l.split(/[.[\]]/).filter(Boolean), a = { ...e };
-  let t = a;
-  for (let r = 0; r < n.length - 1; r++) {
-    const s = n[r], u = n[r + 1], f = /^\d+$/.test(u);
-    !(s in t) || t[s] === null || typeof t[s] != "object" ? t[s] = f ? [] : {} : t[s] = Array.isArray(t[s]) ? [...t[s]] : { ...t[s] }, t = t[s];
+  const s = l.split(/[.[\]]/).filter(Boolean), t = { ...e };
+  let a = t;
+  for (let r = 0; r < s.length - 1; r++) {
+    const n = s[r], u = s[r + 1], w = /^\d+$/.test(u);
+    !(n in a) || a[n] === null || typeof a[n] != "object" ? a[n] = w ? [] : {} : a[n] = Array.isArray(a[n]) ? [...a[n]] : { ...a[n] }, a = a[n];
   }
-  return t[n[n.length - 1]] = i, a;
+  return a[s[s.length - 1]] = i, t;
 }
 function W(e, l) {
   if (e.type !== "number") return l;
   if (l === "" || l === void 0 || l === null) return "";
-  const i = z(l);
+  const i = O(l);
   return i === null ? l : i;
 }
 async function J(e, l, i) {
   if (!l.validations) return null;
-  const n = { ...Be, ...i };
-  for (const a of l.validations)
-    switch (a.type) {
+  const s = { ...Se, ...i };
+  for (const t of l.validations)
+    switch (t.type) {
       case "required":
         if (e == null || e === "" || Array.isArray(e) && e.length === 0)
-          return a.message || S(n.required, l, a);
+          return t.message || $(s.required, l, t);
         break;
       case "min":
         if (l.type === "number") {
-          const t = z(e);
-          if (t !== null && t < a.value) {
-            const r = l.type === "number" ? n.min : typeof e == "string" ? "{label} must be at least {value} characters" : n.min;
-            return a.message || S(r, l, a);
+          const a = O(e);
+          if (a !== null && a < t.value) {
+            const r = l.type === "number" ? s.min : typeof e == "string" ? "{label} must be at least {value} characters" : s.min;
+            return t.message || $(r, l, t);
           }
           break;
         }
-        if (typeof e == "number" && e < a.value)
-          return a.message || S(n.min, l, a);
-        if (typeof e == "string" && e.length < a.value)
-          return a.message || S("{label} must be at least {value} characters", l, a);
+        if (typeof e == "number" && e < t.value)
+          return t.message || $(s.min, l, t);
+        if (typeof e == "string" && e.length < t.value)
+          return t.message || $("{label} must be at least {value} characters", l, t);
         break;
       case "max":
         if (l.type === "number") {
-          const t = z(e);
-          if (t !== null && t > a.value)
-            return a.message || S(n.max, l, a);
+          const a = O(e);
+          if (a !== null && a > t.value)
+            return t.message || $(s.max, l, t);
           break;
         }
-        if (typeof e == "number" && e > a.value)
-          return a.message || S(n.max, l, a);
-        if (typeof e == "string" && e.length > a.value)
-          return a.message || S("{label} must be at most {value} characters", l, a);
+        if (typeof e == "number" && e > t.value)
+          return t.message || $(s.max, l, t);
+        if (typeof e == "string" && e.length > t.value)
+          return t.message || $("{label} must be at most {value} characters", l, t);
         break;
       case "email": {
         if (e && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))
-          return a.message || S(n.email, l, a);
+          return t.message || $(s.email, l, t);
         break;
       }
       case "pattern":
-        if (e && a.value && !new RegExp(a.value).test(e))
-          return a.message || S(n.pattern, l, a);
+        if (e && t.value && !new RegExp(t.value).test(e))
+          return t.message || $(s.pattern, l, t);
         break;
       case "custom":
-        if (a.validator) {
-          const t = await a.validator(e);
-          if (typeof t == "string") return t;
-          if (t === !1) return a.message || S(n.custom, l, a);
+        if (t.validator) {
+          const a = await t.validator(e);
+          if (typeof a == "string") return a;
+          if (a === !1) return t.message || $(s.custom, l, t);
         }
         break;
     }
   return null;
 }
-async function G(e, l, i, n, a, t) {
-  if (n && a) {
-    const s = await n(a);
-    if (s[l]) return s[l];
+async function L(e, l, i, s, t, a) {
+  if (s && t) {
+    const n = await s(t);
+    if (n[l]) return n[l];
   }
-  const r = e.find((s) => s.name === l);
-  return r ? await J(i, r, t) : null;
+  const r = e.find((n) => n.name === l);
+  return r ? await J(i, r, a) : null;
 }
-async function Ie(e, l, i, n) {
-  let a = {};
-  i && (a = await i(l));
-  const t = e.map(async (r) => {
-    if (a[r.name] || (typeof r.hidden == "function" ? r.hidden(l) : r.hidden)) return;
-    const u = await J(M(l, r.name), r, n);
-    u && (a[r.name] = u);
+async function Ie(e, l, i, s) {
+  let t = {};
+  i && (t = await i(l));
+  const a = e.map(async (r) => {
+    if (t[r.name] || (typeof r.hidden == "function" ? r.hidden(l) : r.hidden)) return;
+    const u = await J(M(l, r.name), r, s);
+    u && (t[r.name] = u);
   });
-  return await Promise.all(t), a;
+  return await Promise.all(a), t;
 }
-function $e(e) {
+function Fe(e) {
   return e.reduce((l, i) => (l[i.name] = i.defaultValue !== void 0 ? i.defaultValue : i.type === "checkbox" ? [] : "", l), {});
 }
-const L = (e) => {
-  let l;
-  const i = /* @__PURE__ */ new Set(), n = (f, $) => {
-    const c = typeof f == "function" ? f(l) : f;
-    if (!Object.is(c, l)) {
-      const x = l;
-      l = $ ?? (typeof c != "object" || c === null) ? c : Object.assign({}, l, c), i.forEach((V) => V(l, x));
+function Re(e) {
+  let l = e;
+  const i = /* @__PURE__ */ new Set();
+  return { getState: () => l, setState: (r) => {
+    const n = typeof r == "function" ? r(l) : r;
+    if (!Object.is(n, l)) {
+      const u = l;
+      l = { ...l, ...n }, i.forEach((w) => w(l, u));
     }
-  }, a = () => l, s = { setState: n, getState: a, getInitialState: () => u, subscribe: (f) => (i.add(f), () => i.delete(f)) }, u = l = e(n, a, s);
-  return s;
-}, Fe = (e) => e ? L(e) : L;
-function Re(e, l, i) {
-  return Fe()((n, a) => ({
-    values: $e(e),
+  }, subscribe: (r) => (i.add(r), () => i.delete(r)) };
+}
+function Ce(e, l, i) {
+  const s = Re({
+    values: Fe(e),
     errors: {},
     validatingFields: [],
-    isSubmitting: !1,
-    setFieldValue: async (t, r) => {
-      const s = e.find((c) => c.name === t), u = s ? W(s, r) : r;
-      n((c) => ({
-        values: Se(c.values, t, u)
+    isSubmitting: !1
+  }), { getState: t, setState: a } = s;
+  return {
+    store: s,
+    setFieldValue: async (m, f) => {
+      const v = e.find((b) => b.name === m), S = v ? W(v, f) : f;
+      a((b) => ({
+        values: $e(b.values, m, S)
       }));
-      const f = !!a().errors[t];
-      if (s && ["select", "checkbox", "radio", "switch", "date"].includes(s.type) || f) {
-        n((c) => ({
-          validatingFields: [...c.validatingFields, t]
+      const p = !!t().errors[m];
+      if (v && ["select", "checkbox", "radio", "switch", "date"].includes(v.type) || p) {
+        a((b) => ({
+          validatingFields: [...b.validatingFields, m]
         }));
         try {
-          const c = a().values, x = await G(e, t, u, l, c, i);
-          n((V) => ({
-            errors: { ...V.errors, [t]: x || "" },
-            validatingFields: V.validatingFields.filter((y) => y !== t)
+          const b = t().values, k = await L(e, m, S, l, b, i);
+          a((G) => ({
+            errors: { ...G.errors, [m]: k || "" },
+            validatingFields: G.validatingFields.filter((X) => X !== m)
           }));
         } catch {
-          n((x) => ({
-            validatingFields: x.validatingFields.filter((V) => V !== t)
+          a((b) => ({
+            validatingFields: b.validatingFields.filter((k) => k !== m)
           }));
         }
       }
     },
-    setFieldBlur: async (t) => {
-      n((r) => ({
-        validatingFields: [...r.validatingFields, t]
+    setFieldBlur: async (m) => {
+      a((f) => ({
+        validatingFields: [...f.validatingFields, m]
       }));
       try {
-        const r = a().values, s = M(r, t), u = await G(e, t, s, l, r, i);
-        n((f) => ({
-          errors: { ...f.errors, [t]: u || "" },
-          validatingFields: f.validatingFields.filter(($) => $ !== t)
+        const f = t().values, v = M(f, m), S = await L(e, m, v, l, f, i);
+        a((p) => ({
+          errors: { ...p.errors, [m]: S || "" },
+          validatingFields: p.validatingFields.filter((F) => F !== m)
         }));
       } catch {
-        n((s) => ({
-          validatingFields: s.validatingFields.filter((u) => u !== t)
+        a((f) => ({
+          validatingFields: f.validatingFields.filter((v) => v !== m)
         }));
       }
     },
-    setSubmitting: (t) => n({ isSubmitting: t }),
+    setSubmitting: (m) => a({ isSubmitting: m }),
     runSubmitValidation: async () => {
-      n({ isSubmitting: !0 });
-      const t = a(), r = await Ie(e, t.values, l, i), s = Object.keys(r).length > 0;
-      return n({
-        errors: r,
+      a({ isSubmitting: !0 });
+      const m = t().values, f = await Ie(e, m, l, i), v = Object.keys(f).length > 0;
+      return a({
+        errors: f,
         isSubmitting: !1
       }), {
-        state: a(),
-        hasError: s
+        state: t(),
+        hasError: v
       };
     }
-  }));
+  };
 }
-function w(...e) {
-  return le(ae(e));
+function B(...e) {
+  return ie(le(e));
 }
-const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
+const qe = ["type", "value"], Q = /* @__PURE__ */ y({
   __name: "Input",
   props: {
     class: {},
@@ -203,16 +206,16 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: l }) {
-    const i = e, n = l;
-    return (a, t) => (d(), g("input", I(a.$attrs, {
+    const i = e, s = l;
+    return (t, a) => (d(), h("input", I(t.$attrs, {
       type: e.type,
-      class: o(w)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", i.class),
+      class: o(B)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", i.class),
       value: e.modelValue,
-      onInput: t[0] || (t[0] = (r) => n("update:modelValue", r.target.value)),
-      onBlur: t[1] || (t[1] = (r) => n("blur", r))
-    }), null, 16, Ce));
+      onInput: a[0] || (a[0] = (r) => s("update:modelValue", r.target.value)),
+      onBlur: a[1] || (a[1] = (r) => s("blur", r))
+    }), null, 16, qe));
   }
-}), P = /* @__PURE__ */ p({
+}), P = /* @__PURE__ */ y({
   __name: "InputRenderer",
   props: {
     field: {},
@@ -224,21 +227,21 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: l }) {
-    const i = e, n = l, a = (t) => {
-      n("update:modelValue", W(i.field, t));
+    const i = e, s = l, t = (a) => {
+      s("update:modelValue", W(i.field, a));
     };
-    return (t, r) => (d(), v(Q, {
+    return (a, r) => (d(), x(Q, {
       id: e.fieldId,
       type: e.field.type,
       placeholder: e.field.placeholder,
       disabled: typeof e.field.disabled == "boolean" ? e.field.disabled : void 0,
       name: e.field.name,
-      modelValue: e.modelValue ?? "",
-      "onUpdate:modelValue": a,
-      onBlur: r[0] || (r[0] = (s) => n("blur", s))
-    }, null, 8, ["id", "type", "placeholder", "disabled", "name", "modelValue"]));
+      "model-value": e.modelValue ?? "",
+      "onUpdate:modelValue": t,
+      onBlur: r[0] || (r[0] = (n) => s("blur", n))
+    }, null, 8, ["id", "type", "placeholder", "disabled", "name", "model-value"]));
   }
-}), qe = ["value"], Pe = /* @__PURE__ */ p({
+}), Pe = ["value"], De = /* @__PURE__ */ y({
   __name: "Textarea",
   props: {
     class: {},
@@ -246,15 +249,15 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: l }) {
-    const i = e, n = l;
-    return (a, t) => (d(), g("textarea", I(a.$attrs, {
-      class: o(w)("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", i.class),
+    const i = e, s = l;
+    return (t, a) => (d(), h("textarea", I(t.$attrs, {
+      class: o(B)("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", i.class),
       value: e.modelValue,
-      onInput: t[0] || (t[0] = (r) => n("update:modelValue", r.target.value)),
-      onBlur: t[1] || (t[1] = (r) => n("blur", r))
-    }), null, 16, qe));
+      onInput: a[0] || (a[0] = (r) => s("update:modelValue", r.target.value)),
+      onBlur: a[1] || (a[1] = (r) => s("blur", r))
+    }), null, 16, Pe));
   }
-}), De = /* @__PURE__ */ p({
+}), Ne = /* @__PURE__ */ y({
   __name: "TextareaRenderer",
   props: {
     field: {},
@@ -267,16 +270,16 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
     const i = l;
-    return (n, a) => (d(), v(Pe, {
+    return (s, t) => (d(), x(De, {
       id: e.fieldId,
       placeholder: e.field.placeholder,
       disabled: typeof e.field.disabled == "boolean" ? e.field.disabled : void 0,
       name: e.field.name,
-      modelValue: e.modelValue ?? "",
-      "onUpdate:modelValue": a[0] || (a[0] = (t) => i("update:modelValue", t))
-    }, null, 8, ["id", "placeholder", "disabled", "name", "modelValue"]));
+      "model-value": e.modelValue ?? "",
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => i("update:modelValue", a))
+    }, null, 8, ["id", "placeholder", "disabled", "name", "model-value"]));
   }
-}), Ne = /* @__PURE__ */ p({
+}), Ee = /* @__PURE__ */ y({
   __name: "SelectTrigger",
   props: {
     disabled: { type: Boolean },
@@ -285,18 +288,18 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
     class: {}
   },
   setup(e) {
-    const l = e, i = h(() => {
-      const { class: a, ...t } = l;
-      return t;
-    }), n = j(i);
-    return (a, t) => (d(), v(o(ie), I(o(n), {
-      class: o(w)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", l.class)
+    const l = e, i = V(() => {
+      const { class: t, ...a } = l;
+      return a;
+    }), s = j(i);
+    return (t, a) => (d(), x(o(se), I(o(s), {
+      class: o(B)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", l.class)
     }), {
-      default: m(() => [
-        q(a.$slots, "default"),
-        b(o(ne), { "as-child": "" }, {
-          default: m(() => [
-            b(o(ke), { class: "h-4 w-4 opacity-50" })
+      default: c(() => [
+        q(t.$slots, "default"),
+        g(o(ne), { "as-child": "" }, {
+          default: c(() => [
+            g(o(we), { class: "h-4 w-4 opacity-50" })
           ]),
           _: 1
         })
@@ -304,7 +307,7 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), Ee = /* @__PURE__ */ p({
+}), Ue = /* @__PURE__ */ y({
   __name: "SelectContent",
   props: {
     forceMount: { type: Boolean },
@@ -327,21 +330,21 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
     class: {}
   },
   setup(e) {
-    const l = e, i = h(() => {
-      const { class: a, ...t } = l;
-      return t;
-    }), n = j(i);
-    return (a, t) => (d(), v(o(se), null, {
-      default: m(() => [
-        b(o(re), I(o(n), {
-          class: o(w)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", l.class)
+    const l = e, i = V(() => {
+      const { class: t, ...a } = l;
+      return a;
+    }), s = j(i);
+    return (t, a) => (d(), x(o(re), null, {
+      default: c(() => [
+        g(o(oe), I(o(s), {
+          class: o(B)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", e.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", l.class)
         }), {
-          default: m(() => [
-            b(o(oe), {
-              class: D(o(w)("p-1", e.position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"))
+          default: c(() => [
+            g(o(de), {
+              class: D(o(B)("p-1", e.position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"))
             }, {
-              default: m(() => [
-                q(a.$slots, "default")
+              default: c(() => [
+                q(t.$slots, "default")
               ]),
               _: 3
             }, 8, ["class"])
@@ -352,7 +355,7 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
       _: 3
     }));
   }
-}), Ue = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, je = /* @__PURE__ */ p({
+}), je = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, Ae = /* @__PURE__ */ y({
   __name: "SelectItem",
   props: {
     value: {},
@@ -363,28 +366,28 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
     class: {}
   },
   setup(e) {
-    const l = e, i = h(() => {
-      const { class: a, ...t } = l;
-      return t;
-    }), n = j(i);
-    return (a, t) => (d(), v(o(de), I(o(n), {
-      class: o(w)(
+    const l = e, i = V(() => {
+      const { class: t, ...a } = l;
+      return a;
+    }), s = j(i);
+    return (t, a) => (d(), x(o(ue), I(o(s), {
+      class: o(B)(
         "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         l.class
       )
     }), {
-      default: m(() => [
-        O("span", Ue, [
-          b(o(ue), null, {
-            default: m(() => [
-              b(o(K), { class: "h-4 w-4" })
+      default: c(() => [
+        z("span", je, [
+          g(o(ce), null, {
+            default: c(() => [
+              g(o(K), { class: "h-4 w-4" })
             ]),
             _: 1
           })
         ]),
-        b(o(ce), null, {
-          default: m(() => [
-            q(a.$slots, "default")
+        g(o(me), null, {
+          default: c(() => [
+            q(t.$slots, "default")
           ]),
           _: 3
         })
@@ -392,7 +395,7 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), Ae = /* @__PURE__ */ p({
+}), Me = /* @__PURE__ */ y({
   __name: "Select",
   props: {
     open: { type: Boolean },
@@ -407,15 +410,15 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "update:open"],
   setup(e, { emit: l }) {
-    const a = A(e, l);
-    return (t, r) => (d(), v(o(me), X(Y(o(a))), {
-      default: m(() => [
-        q(t.$slots, "default")
+    const t = A(e, l);
+    return (a, r) => (d(), x(o(fe), Y(Z(o(t))), {
+      default: c(() => [
+        q(a.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Me = /* @__PURE__ */ p({
+}), ze = /* @__PURE__ */ y({
   __name: "SelectRenderer",
   props: {
     field: {},
@@ -428,29 +431,29 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
     const i = l;
-    return (n, a) => (d(), v(Ae, {
+    return (s, t) => (d(), x(Me, {
       disabled: typeof e.field.disabled == "boolean" ? e.field.disabled : void 0,
       name: e.field.name,
-      modelValue: e.modelValue != null ? String(e.modelValue) : "",
-      "onUpdate:modelValue": a[0] || (a[0] = (t) => i("update:modelValue", t))
+      "model-value": e.modelValue != null ? String(e.modelValue) : "",
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => i("update:modelValue", a))
     }, {
-      default: m(() => [
-        b(Ne, { id: e.fieldId }, {
-          default: m(() => [
-            b(o(fe), {
+      default: c(() => [
+        g(Ee, { id: e.fieldId }, {
+          default: c(() => [
+            g(o(be), {
               placeholder: e.field.placeholder || "Select an option"
             }, null, 8, ["placeholder"])
           ]),
           _: 1
         }, 8, ["id"]),
-        b(Ee, null, {
-          default: m(() => [
-            (d(!0), g(N, null, E(e.field.options, (t) => (d(), v(je, {
-              key: t.value,
-              value: String(t.value)
+        g(Ue, null, {
+          default: c(() => [
+            (d(!0), h(N, null, E(e.field.options, (a) => (d(), x(Ae, {
+              key: a.value,
+              value: String(a.value)
             }, {
-              default: m(() => [
-                U(F(t.label), 1)
+              default: c(() => [
+                U(R(a.label), 1)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -459,9 +462,9 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
         })
       ]),
       _: 1
-    }, 8, ["disabled", "name", "modelValue"]));
+    }, 8, ["disabled", "name", "model-value"]));
   }
-}), Oe = /* @__PURE__ */ p({
+}), Oe = /* @__PURE__ */ y({
   __name: "Checkbox",
   props: {
     defaultChecked: { type: Boolean },
@@ -477,18 +480,18 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:checked", "blur"],
   setup(e, { emit: l }) {
-    const i = e, n = l, a = h(() => {
-      const { class: r, ...s } = i;
-      return s;
-    }), t = A(a, n);
-    return (r, s) => (d(), v(o(be), I(o(t), {
-      class: o(w)("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", i.class),
-      onBlur: s[0] || (s[0] = (u) => n("blur"))
+    const i = e, s = l, t = V(() => {
+      const { class: r, ...n } = i;
+      return n;
+    }), a = A(t, s);
+    return (r, n) => (d(), x(o(pe), I(o(a), {
+      class: o(B)("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", i.class),
+      onBlur: n[0] || (n[0] = (u) => s("blur"))
     }), {
-      default: m(() => [
-        b(o(pe), { class: "flex h-full w-full items-center justify-center text-current" }, {
-          default: m(() => [
-            b(o(K), { class: "h-4 w-4" })
+      default: c(() => [
+        g(o(ge), { class: "flex h-full w-full items-center justify-center text-current" }, {
+          default: c(() => [
+            g(o(K), { class: "h-4 w-4" })
           ]),
           _: 1
         })
@@ -496,7 +499,7 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
       _: 1
     }, 16, ["class"]));
   }
-}), T = /* @__PURE__ */ p({
+}), T = /* @__PURE__ */ y({
   __name: "Label",
   props: {
     for: {},
@@ -505,20 +508,20 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
     class: {}
   },
   setup(e) {
-    const l = e, i = h(() => {
-      const { class: n, ...a } = l;
-      return a;
+    const l = e, i = V(() => {
+      const { class: s, ...t } = l;
+      return t;
     });
-    return (n, a) => (d(), v(o(ge), I(i.value, {
-      class: o(w)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", l.class)
+    return (s, t) => (d(), x(o(ye), I(i.value, {
+      class: o(B)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", l.class)
     }), {
-      default: m(() => [
-        q(n.$slots, "default")
+      default: c(() => [
+        q(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), ze = { class: "flex flex-wrap gap-4" }, Te = /* @__PURE__ */ p({
+}), Te = { class: "flex flex-wrap gap-4" }, Ge = /* @__PURE__ */ y({
   __name: "CheckboxRenderer",
   props: {
     field: {},
@@ -530,40 +533,40 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const i = e, n = l, a = (t, r) => {
-      const s = Array.isArray(i.modelValue) ? [...i.modelValue] : [];
+    const i = e, s = l, t = (a, r) => {
+      const n = Array.isArray(i.modelValue) ? [...i.modelValue] : [];
       if (r)
-        s.push(t);
+        n.push(a);
       else {
-        const u = s.indexOf(t);
-        u > -1 && s.splice(u, 1);
+        const u = n.indexOf(a);
+        u > -1 && n.splice(u, 1);
       }
-      n("update:modelValue", s);
+      s("update:modelValue", n);
     };
-    return (t, r) => (d(), g("div", ze, [
-      (d(!0), g(N, null, E(e.field.options, (s) => (d(), g("div", {
-        key: s.value,
+    return (a, r) => (d(), h("div", Te, [
+      (d(!0), h(N, null, E(e.field.options, (n) => (d(), h("div", {
+        key: n.value,
         class: "flex items-center space-x-2"
       }, [
-        b(Oe, {
-          id: `checkbox-${e.field.name}-${s.value}`,
+        g(Oe, {
+          id: `checkbox-${e.field.name}-${n.value}`,
           disabled: typeof e.field.disabled == "boolean" ? e.field.disabled : void 0,
-          checked: Array.isArray(e.modelValue) && e.modelValue.includes(s.value),
-          "onUpdate:checked": (u) => a(s.value, !!u)
+          checked: Array.isArray(e.modelValue) && e.modelValue.includes(n.value),
+          "onUpdate:checked": (u) => t(n.value, !!u)
         }, null, 8, ["id", "disabled", "checked", "onUpdate:checked"]),
-        b(T, {
-          for: `checkbox-${e.field.name}-${s.value}`,
+        g(T, {
+          for: `checkbox-${e.field.name}-${n.value}`,
           class: "font-normal"
         }, {
-          default: m(() => [
-            U(F(s.label), 1)
+          default: c(() => [
+            U(R(n.label), 1)
           ]),
           _: 2
         }, 1032, ["for"])
       ]))), 128))
     ]));
   }
-}), Ge = /* @__PURE__ */ p({
+}), Le = /* @__PURE__ */ y({
   __name: "RadioGroupItem",
   props: {
     id: {},
@@ -576,17 +579,17 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
     class: {}
   },
   setup(e) {
-    const l = e, i = h(() => {
-      const { class: a, ...t } = l;
-      return t;
-    }), n = j(i);
-    return (a, t) => (d(), v(o(ye), I(o(n), {
-      class: o(w)("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", l.class)
+    const l = e, i = V(() => {
+      const { class: t, ...a } = l;
+      return a;
+    }), s = j(i);
+    return (t, a) => (d(), x(o(ve), I(o(s), {
+      class: o(B)("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", l.class)
     }), {
-      default: m(() => [
-        b(o(ve), { class: "flex items-center justify-center" }, {
-          default: m(() => [
-            b(o(we), { class: "h-2.5 w-2.5 fill-current text-current" })
+      default: c(() => [
+        g(o(he), { class: "flex items-center justify-center" }, {
+          default: c(() => [
+            g(o(Be), { class: "h-2.5 w-2.5 fill-current text-current" })
           ]),
           _: 1
         })
@@ -594,7 +597,7 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
       _: 1
     }, 16, ["class"]));
   }
-}), Le = /* @__PURE__ */ p({
+}), He = /* @__PURE__ */ y({
   __name: "RadioGroup",
   props: {
     modelValue: {},
@@ -611,20 +614,20 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const i = e, n = l, a = h(() => {
-      const { class: r, ...s } = i;
-      return s;
-    }), t = A(a, n);
-    return (r, s) => (d(), v(o(he), I(o(t), {
-      class: o(w)("grid gap-2", i.class)
+    const i = e, s = l, t = V(() => {
+      const { class: r, ...n } = i;
+      return n;
+    }), a = A(t, s);
+    return (r, n) => (d(), x(o(xe), I(o(a), {
+      class: o(B)("grid gap-2", i.class)
     }), {
-      default: m(() => [
+      default: c(() => [
         q(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), He = /* @__PURE__ */ p({
+}), Ke = /* @__PURE__ */ y({
   __name: "RadioRenderer",
   props: {
     field: {},
@@ -637,37 +640,37 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
     const i = l;
-    return (n, a) => (d(), v(Le, {
+    return (s, t) => (d(), x(He, {
       class: "flex flex-wrap gap-4",
       disabled: typeof e.field.disabled == "boolean" ? e.field.disabled : void 0,
       name: e.field.name,
-      modelValue: e.modelValue != null ? String(e.modelValue) : "",
-      "onUpdate:modelValue": a[0] || (a[0] = (t) => i("update:modelValue", t))
+      "model-value": e.modelValue != null ? String(e.modelValue) : "",
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => i("update:modelValue", a))
     }, {
-      default: m(() => [
-        (d(!0), g(N, null, E(e.field.options, (t) => (d(), g("div", {
-          key: t.value,
+      default: c(() => [
+        (d(!0), h(N, null, E(e.field.options, (a) => (d(), h("div", {
+          key: a.value,
           class: "flex items-center space-x-2"
         }, [
-          b(Ge, {
-            id: `radio-${e.field.name}-${t.value}`,
-            value: String(t.value)
+          g(Le, {
+            id: `radio-${e.field.name}-${a.value}`,
+            value: String(a.value)
           }, null, 8, ["id", "value"]),
-          b(T, {
-            for: `radio-${e.field.name}-${t.value}`,
+          g(T, {
+            for: `radio-${e.field.name}-${a.value}`,
             class: "font-normal"
           }, {
-            default: m(() => [
-              U(F(t.label), 1)
+            default: c(() => [
+              U(R(a.label), 1)
             ]),
             _: 2
           }, 1032, ["for"])
         ]))), 128))
       ]),
       _: 1
-    }, 8, ["disabled", "name", "modelValue"]));
+    }, 8, ["disabled", "name", "model-value"]));
   }
-}), Ke = /* @__PURE__ */ p({
+}), We = /* @__PURE__ */ y({
   __name: "DateRenderer",
   props: {
     field: {},
@@ -680,21 +683,21 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: l }) {
     const i = l;
-    return (n, a) => (d(), v(Q, {
+    return (s, t) => (d(), x(Q, {
       id: e.fieldId,
       type: "date",
-      modelValue: e.modelValue,
+      "model-value": e.modelValue,
       placeholder: e.field.placeholder,
       disabled: typeof e.field.disabled == "boolean" ? e.field.disabled : void 0,
       name: e.field.name,
       "aria-invalid": e.ariaInvalid,
       "aria-required": e.ariaRequired,
       "aria-describedby": e.ariaDescribedby,
-      "onUpdate:modelValue": a[0] || (a[0] = (t) => i("update:modelValue", t)),
-      onBlur: a[1] || (a[1] = (t) => i("blur", t))
-    }, null, 8, ["id", "modelValue", "placeholder", "disabled", "name", "aria-invalid", "aria-required", "aria-describedby"]));
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => i("update:modelValue", a)),
+      onBlur: t[1] || (t[1] = (a) => i("blur", a))
+    }, null, 8, ["id", "model-value", "placeholder", "disabled", "name", "aria-invalid", "aria-required", "aria-describedby"]));
   }
-}), We = /* @__PURE__ */ p({
+}), Je = /* @__PURE__ */ y({
   __name: "Switch",
   props: {
     defaultChecked: { type: Boolean },
@@ -710,19 +713,19 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:checked"],
   setup(e, { emit: l }) {
-    const i = e, n = l, a = h(() => {
-      const { class: r, ...s } = i;
-      return s;
-    }), t = A(a, n);
-    return (r, s) => (d(), v(o(xe), I(o(t), {
-      class: o(w)(
+    const i = e, s = l, t = V(() => {
+      const { class: r, ...n } = i;
+      return n;
+    }), a = A(t, s);
+    return (r, n) => (d(), x(o(Ve), I(o(a), {
+      class: o(B)(
         "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
         i.class
       )
     }), {
-      default: m(() => [
-        b(o(Ve), {
-          class: D(o(w)(
+      default: c(() => [
+        g(o(ke), {
+          class: D(o(B)(
             "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
           ))
         }, null, 8, ["class"])
@@ -730,7 +733,7 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
       _: 1
     }, 16, ["class"]));
   }
-}), Je = { class: "flex items-center space-x-2" }, Qe = /* @__PURE__ */ p({
+}), Qe = { class: "flex items-center space-x-2" }, Xe = /* @__PURE__ */ y({
   __name: "SwitchRenderer",
   props: {
     field: {},
@@ -743,15 +746,15 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: l }) {
     const i = l;
-    return (n, a) => (d(), g("div", Je, [
-      b(We, {
+    return (s, t) => (d(), h("div", Qe, [
+      g(Je, {
         id: e.fieldId,
         checked: e.modelValue,
         disabled: typeof e.field.disabled == "boolean" ? e.field.disabled : void 0,
         "aria-invalid": e.ariaInvalid,
         "aria-required": e.ariaRequired,
         "aria-describedby": e.ariaDescribedby,
-        "onUpdate:checked": a[0] || (a[0] = (t) => i("update:modelValue", t))
+        "onUpdate:checked": t[0] || (t[0] = (a) => i("update:modelValue", a))
       }, null, 8, ["id", "checked", "disabled", "aria-invalid", "aria-required", "aria-describedby"])
     ]));
   }
@@ -760,16 +763,16 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   number: P,
   password: P,
   email: P,
-  textarea: De,
-  select: Me,
-  checkbox: Te,
-  radio: He,
-  date: Ke,
-  switch: Qe
-}, Xe = {
+  textarea: Ne,
+  select: ze,
+  checkbox: Ge,
+  radio: Ke,
+  date: We,
+  switch: Xe
+}, Ye = {
   key: 0,
   class: "text-destructive"
-}, Ye = ["id"], Ze = ["id"], _e = /* @__PURE__ */ p({
+}, Ze = ["id"], _e = ["id"], et = /* @__PURE__ */ y({
   __name: "FormFieldRenderer",
   props: {
     field: {},
@@ -779,74 +782,74 @@ const Ce = ["type", "value"], Q = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "blur"],
   setup(e, { emit: l }) {
-    const i = e, n = l, a = h(() => `field-${i.field.name}`), t = h(() => `${a.value}-description`), r = h(() => `${a.value}-error`), s = h(() => {
-      var c;
-      return (c = i.field.validations) == null ? void 0 : c.some((x) => x.type === "required");
-    }), u = h(() => {
-      const c = [];
-      return i.field.description && c.push(t.value), i.error && c.push(r.value), c.length > 0 ? c.join(" ") : void 0;
-    }), f = h(
+    const i = e, s = l, t = V(() => `field-${i.field.name}`), a = V(() => `${t.value}-description`), r = V(() => `${t.value}-error`), n = V(() => {
+      var f;
+      return (f = i.field.validations) == null ? void 0 : f.some((v) => v.type === "required");
+    }), u = V(() => {
+      const f = [];
+      return i.field.description && f.push(a.value), i.error && f.push(r.value), f.length > 0 ? f.join(" ") : void 0;
+    }), w = V(
       () => i.componentMap ? { ...H, ...i.componentMap } : H
-    ), $ = h(
-      () => f.value[i.field.type] ?? P
+    ), m = V(
+      () => w.value[i.field.type] ?? P
     );
-    return (c, x) => (d(), g("div", {
+    return (f, v) => (d(), h("div", {
       class: D(["space-y-2", e.field.className])
     }, [
-      e.field.label ? (d(), v(T, {
+      e.field.label ? (d(), x(T, {
         key: 0,
-        for: a.value,
-        class: D(s.value ? "flex items-center gap-1" : "")
+        for: t.value,
+        class: D(n.value ? "flex items-center gap-1" : "")
       }, {
-        default: m(() => [
-          U(F(e.field.label) + " ", 1),
-          s.value ? (d(), g("span", Xe, "*")) : R("", !0)
+        default: c(() => [
+          U(R(e.field.label) + " ", 1),
+          n.value ? (d(), h("span", Ye, "*")) : C("", !0)
         ]),
         _: 1
-      }, 8, ["for", "class"])) : R("", !0),
-      (d(), v(Z($.value), {
+      }, 8, ["for", "class"])) : C("", !0),
+      (d(), x(_(m.value), {
         field: e.field,
-        fieldId: a.value,
-        modelValue: e.modelValue,
+        "field-id": t.value,
+        "model-value": e.modelValue,
         "aria-invalid": !!e.error,
-        "aria-required": s.value,
+        "aria-required": n.value,
         "aria-describedby": u.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (V) => n("update:modelValue", V)),
-        onBlur: x[1] || (x[1] = (V) => n("blur", V))
-      }, null, 40, ["field", "fieldId", "modelValue", "aria-invalid", "aria-required", "aria-describedby"])),
-      e.field.description ? (d(), g("p", {
+        "onUpdate:modelValue": v[0] || (v[0] = (S) => s("update:modelValue", S)),
+        onBlur: v[1] || (v[1] = (S) => s("blur", S))
+      }, null, 40, ["field", "field-id", "model-value", "aria-invalid", "aria-required", "aria-describedby"])),
+      e.field.description ? (d(), h("p", {
         key: 1,
-        id: t.value,
+        id: a.value,
         class: "text-[0.8rem] text-muted-foreground"
-      }, F(e.field.description), 9, Ye)) : R("", !0),
-      e.error ? (d(), g("p", {
+      }, R(e.field.description), 9, Ze)) : C("", !0),
+      e.error ? (d(), h("p", {
         key: 2,
         id: r.value,
         class: "text-[0.8rem] font-medium text-destructive"
-      }, F(e.error), 9, Ze)) : R("", !0)
+      }, R(e.error), 9, _e)) : C("", !0)
     ], 2));
   }
 });
-function et({ schema: e }) {
-  const l = Re(e.fields, e.resolver, e.errorMessages), i = _(l.getState()), n = l.subscribe((u) => {
+function tt({ schema: e }) {
+  const l = Ce(e.fields, e.resolver, e.errorMessages), i = ee(l.store.getState()), s = l.store.subscribe((u) => {
     i.value = u;
   });
-  return ee(() => {
-    n();
+  return te(() => {
+    s();
   }), {
-    store: l,
+    engine: l,
     state: i,
     // This is a Ref
-    setValue: async (u, f) => {
-      await l.getState().setFieldValue(u, f);
+    setValue: async (u, w) => {
+      await l.setFieldValue(u, w);
     },
     getValue: (u) => M(i.value.values, u),
     validate: async () => {
-      const { hasError: u, state: f } = await l.getState().runSubmitValidation();
-      return { hasError: u, values: f.values };
+      const { hasError: u, state: w } = await l.runSubmitValidation();
+      return { hasError: u, values: w.values };
     },
     reset: () => {
-      l.setState({
+      l.store.setState({
         values: {},
         errors: {},
         isSubmitting: !1
@@ -854,16 +857,16 @@ function et({ schema: e }) {
     }
   };
 }
-const tt = {
+const at = {
   key: 0,
   class: "space-y-1"
-}, at = {
+}, lt = {
   key: 0,
   class: "text-2xl font-bold tracking-tight"
-}, lt = {
+}, it = {
   key: 1,
   class: "text-muted-foreground"
-}, it = { class: "space-y-4" }, nt = ["disabled"], ct = /* @__PURE__ */ p({
+}, st = { class: "space-y-4" }, nt = ["disabled"], mt = /* @__PURE__ */ y({
   __name: "DynamicForm",
   props: {
     schema: {},
@@ -872,58 +875,58 @@ const tt = {
   },
   emits: ["submit"],
   setup(e, { emit: l }) {
-    const i = e, n = l, a = et({ schema: i.schema }), t = i.form || a, { store: r, state: s } = t, u = async (y, C) => {
-      await r.getState().setFieldValue(y, C);
-    }, f = async (y) => {
-      await r.getState().setFieldBlur(y);
-    }, $ = (y) => typeof y.hidden == "function" ? y.hidden(s.value.values) : !!y.hidden, c = (y) => {
-      const C = typeof y.disabled == "function" ? y.disabled(s.value.values) : !!y.disabled, k = s.value.validatingFields.includes(y.name);
-      return { ...y, disabled: C || k };
-    }, x = async () => {
-      const { hasError: y, values: C } = await t.validate();
-      if (y) {
-        const k = i.schema.fields.find((B) => s.value.errors[B.name]);
-        if (k) {
-          const B = document.getElementById(`field-${k.name}`);
-          B == null || B.focus(), B == null || B.scrollIntoView({ behavior: "smooth", block: "center" });
+    const i = e, s = l, t = tt({ schema: i.schema }), a = i.form || t, { engine: r, state: n } = a, u = async (p, F) => {
+      await r.setFieldValue(p, F);
+    }, w = async (p) => {
+      await r.setFieldBlur(p);
+    }, m = (p) => typeof p.hidden == "function" ? p.hidden(n.value.values) : !!p.hidden, f = (p) => {
+      const F = typeof p.disabled == "function" ? p.disabled(n.value.values) : !!p.disabled, b = n.value.validatingFields.includes(p.name);
+      return { ...p, disabled: F || b };
+    }, v = async () => {
+      const { hasError: p, values: F } = await a.validate();
+      if (p) {
+        const b = i.schema.fields.find((k) => n.value.errors[k.name]);
+        if (b) {
+          const k = document.getElementById(`field-${b.name}`);
+          k == null || k.focus(), k == null || k.scrollIntoView({ behavior: "smooth", block: "center" });
         }
         return;
       }
-      await n("submit", C);
-    }, V = h(() => s.value.validatingFields.length > 0);
-    return (y, C) => (d(), g("form", {
+      await s("submit", F);
+    }, S = V(() => n.value.validatingFields.length > 0);
+    return (p, F) => (d(), h("form", {
       class: D(["space-y-6", e.className]),
-      onSubmit: te(x, ["prevent"])
+      onSubmit: ae(v, ["prevent"])
     }, [
-      e.schema.title || e.schema.description ? (d(), g("div", tt, [
-        e.schema.title ? (d(), g("h2", at, F(e.schema.title), 1)) : R("", !0),
-        e.schema.description ? (d(), g("p", lt, F(e.schema.description), 1)) : R("", !0)
-      ])) : R("", !0),
-      O("div", it, [
-        (d(!0), g(N, null, E(e.schema.fields, (k) => (d(), g(N, {
-          key: k.id
+      e.schema.title || e.schema.description ? (d(), h("div", at, [
+        e.schema.title ? (d(), h("h2", lt, R(e.schema.title), 1)) : C("", !0),
+        e.schema.description ? (d(), h("p", it, R(e.schema.description), 1)) : C("", !0)
+      ])) : C("", !0),
+      z("div", st, [
+        (d(!0), h(N, null, E(e.schema.fields, (b) => (d(), h(N, {
+          key: b.id
         }, [
-          $(k) ? R("", !0) : (d(), v(_e, {
+          m(b) ? C("", !0) : (d(), x(et, {
             key: 0,
-            field: c(k),
-            "model-value": o(M)(o(s).values, k.name),
-            error: o(s).errors[k.name],
-            "onUpdate:modelValue": (B) => u(k.name, B),
-            onBlur: (B) => f(k.name)
+            field: f(b),
+            "model-value": o(M)(o(n).values, b.name),
+            error: o(n).errors[b.name],
+            "onUpdate:modelValue": (k) => u(b.name, k),
+            onBlur: (k) => w(b.name)
           }, null, 8, ["field", "model-value", "error", "onUpdate:modelValue", "onBlur"]))
         ], 64))), 128))
       ]),
-      O("button", {
+      z("button", {
         type: "submit",
-        disabled: o(s).isSubmitting || V.value,
+        disabled: o(n).isSubmitting || S.value,
         class: "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 w-full"
-      }, F(o(s).isSubmitting ? "Submitting..." : V.value ? "Validating..." : e.schema.submitButtonText || "Submit"), 9, nt)
+      }, R(o(n).isSubmitting ? "Submitting..." : S.value ? "Validating..." : e.schema.submitButtonText || "Submit"), 9, nt)
     ], 34));
   }
 });
 export {
-  ct as DynamicForm,
-  _e as FormFieldRenderer,
+  mt as DynamicForm,
+  et as FormFieldRenderer,
   H as defaultComponentMap,
-  et as useForm
+  tt as useForm
 };