@levo-so/react 0.1.21 → 0.1.22

package/dist/{CheckboxWidget-C4hO5xNP.js → CheckboxWidget-nJO8XlGD.js}

@@ -3,7 +3,7 @@ import { j as a } from "./jsx-runtime-B6kdoens.js";
 import { useState as w, useEffect as B } from "react";
 import { useController as E } from "react-hook-form";
 import { c as C } from "./cn-C9QoOYNG.js";
-import { z as O, A as I, B as x } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as O, A as I, B as x } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { C as g } from "./Checbox-sq-atGlJ.js";
 import { I as S } from "./Input-2CvZ90f8.js";
 const L = ({ field: i }) => {

package/dist/{CollectionFormBuilder-nJWTPHeL.js → CollectionFormBuilder-DeGyMEXJ.js}

@@ -430,7 +430,7 @@ const xe = (e) => {
   children: e
 }) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), at = ({
   children: e
-}) => /* @__PURE__ */ s.jsx("p", { className: b("text-xs font-normal text-gray-600"), children: e }), J = E.forwardRef(({ error: e, helperText: n, containerStyles: t, readOnly: r, children: c }, g) => /* @__PURE__ */ s.jsx(
+}) => /* @__PURE__ */ s.jsx("p", { className: b("text-xs font-normal text-text-1"), children: e }), J = E.forwardRef(({ error: e, helperText: n, containerStyles: t, readOnly: r, children: c }, g) => /* @__PURE__ */ s.jsx(
   "div",
   {
     className: b(
@@ -915,26 +915,26 @@ const dt = E.lazy(
     }
   );
 }, pt = v(
-  () => import("./MultiTextWidget-Ciy7yoNk.js")
-), ie = v(() => import("./TextWidget-BttCChJt.js")), xt = v(
-  () => import("./CurrencyWidget-CZC10BuG.js")
+  () => import("./MultiTextWidget-L2Eoz2Zv.js")
+), ie = v(() => import("./TextWidget-D4uLMuLS.js")), xt = v(
+  () => import("./CurrencyWidget-BaMho9Pw.js")
 ), ht = v(
-  () => import("./CheckboxWidget-C4hO5xNP.js")
+  () => import("./CheckboxWidget-nJO8XlGD.js")
 ), ce = v(
-  () => import("./DateTimeWidget-C7PJ3I0X.js")
+  () => import("./DateTimeWidget-VCmX__cv.js")
 ), de = v(
-  () => import("./DropdownWidget-6t1Azs7b.js")
-), yt = v(() => import("./EmailWidget-pAm9hnZ9.js")), ft = v(
-  () => import("./GeocoderWidget-TZBlYaeC.js")
+  () => import("./DropdownWidget-zAr9v_IY.js")
+), yt = v(() => import("./EmailWidget-d3hSxbAS.js")), ft = v(
+  () => import("./GeocoderWidget-BOqaJMm1.js")
 ), jt = v(
-  () => import("./MultiGeocoderWidget-B-zhvJVk.js")
-), bt = v(() => import("./PhoneWidget-C_JKm3Kf.js")), vt = v(() => import("./RadioWidget-CXHvRIFJ.js")), Ct = v(
-  () => import("./RichTextWidget-B8_J6aM2.js")
-), wt = v(() => import("./SwitchWidget-1ca0o1kt.js")), kt = v(
-  () => import("./TextareaWidget-DsWOpkGn.js")
+  () => import("./MultiGeocoderWidget-BTffSkJX.js")
+), bt = v(() => import("./PhoneWidget-CnDhiovx.js")), vt = v(() => import("./RadioWidget-CG01ys9E.js")), Ct = v(
+  () => import("./RichTextWidget-DCX1Vpw4.js")
+), wt = v(() => import("./SwitchWidget-CstjQ_nx.js")), kt = v(
+  () => import("./TextareaWidget-CHgyJUuy.js")
 ), Wt = v(
-  () => import("./ToggleCheckboxWidget-yJcUcHpk.js")
-), _t = v(() => import("./URLWidget-DPTwLvbi.js")), K = v(() => import("./UploadWidget-Cg6EJDMD.js")), Nt = ({
+  () => import("./ToggleCheckboxWidget-Cfwlrjn7.js")
+), _t = v(() => import("./URLWidget-CZE68DgS.js")), K = v(() => import("./UploadWidget-Dstuk_qo.js")), Nt = ({
   field: e,
   isInternal: n
 }) => {
@@ -1103,9 +1103,9 @@ const dt = E.lazy(
     e
   ] });
 }, ns = () => E.useContext(Ce), Tt = E.lazy(
-  () => import("./DefaultFormVariant-CMwBglKk.js")
+  () => import("./DefaultFormVariant-fTWKRYI_.js")
 ), Mt = E.lazy(
-  () => import("./StepsFormVariant-gZTiDsQs.js")
+  () => import("./StepsFormVariant-eW9O8rik.js")
 ), It = ({
   formVariant: e,
   ...n
@@ -1157,7 +1157,7 @@ const dt = E.lazy(
     }) : (console.error(
       "[CollectionFormBuilder] Collection ID or Workspace ID is missing."
     ), g(!1));
-  }, [e]), /* @__PURE__ */ s.jsx("div", { className: "w-full h-auto", children: c ? /* @__PURE__ */ s.jsx("div", { className: "min-h-[400px] w-full flex justify-center items-center bg-white rounded-md", children: /* @__PURE__ */ s.jsx(Se, {}) }) : o ? /* @__PURE__ */ s.jsx(It, { schema: o, ...t }) : null });
+  }, [e]), /* @__PURE__ */ s.jsx("div", { className: "w-full h-auto", children: c ? /* @__PURE__ */ s.jsx("div", { className: "min-h-[400px] w-full flex justify-center items-center rounded-md", children: /* @__PURE__ */ s.jsx(Se, {}) }) : o ? /* @__PURE__ */ s.jsx(It, { schema: o, ...t }) : null });
 };
 export {
   J as A,

package/dist/{CurrencyWidget-CZC10BuG.js → CurrencyWidget-BaMho9Pw.js}

@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-B6kdoens.js";
 import { useController as j } from "react-hook-form";
 import { NumericFormat as F } from "react-number-format";
 import { c as w } from "./cn-C9QoOYNG.js";
-import { z as C, A as B, B as N } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as C, A as B, B as N } from "./CollectionFormBuilder-DeGyMEXJ.js";
 const V = ({
   field: r,
   ...m

package/dist/{DateTimeWidget-C7PJ3I0X.js → DateTimeWidget-VCmX__cv.js}

@@ -4,7 +4,7 @@ import { Calendar as w, X as N } from "lucide-react";
 import * as l from "react-datepicker";
 import { useController as v } from "react-hook-form";
 import { c as p } from "./cn-C9QoOYNG.js";
-import { z as M, A as D, B as C } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as M, A as D, B as C } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as F } from "./Input-2CvZ90f8.js";
 const T = l.default.default || l.default || l, I = (e) => {
   if (e) {

package/dist/{DefaultFormVariant-CMwBglKk.js → DefaultFormVariant-fTWKRYI_.js}

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { FormProvider as y } from "react-hook-form";
 import { c as t } from "./cn-C9QoOYNG.js";
-import { D as F, F as g } from "./CollectionFormBuilder-nJWTPHeL.js";
-import { u as w, S as N, F as b } from "./FormCaptcha-D2AaDZdK.js";
+import { D as F, F as N } from "./CollectionFormBuilder-DeGyMEXJ.js";
+import { u as g, S as w, F as b } from "./FormCaptcha-YeElu90S.js";
 import { B as D } from "./Spinner-BnrQ9e_i.js";
 const _ = () => {
   var n;
@@ -20,7 +20,7 @@ const _ = () => {
     isLoading: u,
     handleContentId: f,
     handleSubmit: j
-  } = w({
+  } = g({
     schema: l,
     saveToRemote: !0
   }), {
@@ -28,7 +28,7 @@ const _ = () => {
   } = o, S = o.watch("__captcha");
   return /* @__PURE__ */ e.jsxs(y, { ...o, children: [
     /* @__PURE__ */ e.jsx(
-      N,
+      w,
       {
         getContentId: (s) => f(s),
         isError: h,
@@ -39,7 +39,7 @@ const _ = () => {
       "form",
       {
         className: t(
-          "w-full bg-white rounded-md flex flex-col gap-6 px-4 md:px-8 py-6",
+          "w-full rounded-md flex flex-col gap-6 px-4 md:px-8 py-6",
           u && "opacity-50 pointer-events-none"
         ),
         id: "collection-form",
@@ -50,7 +50,7 @@ const _ = () => {
             return /* @__PURE__ */ e.jsxs("div", { className: "w-full", children: [
               !(m != null && m.hideSectionHeadings) && /* @__PURE__ */ e.jsx("p", { className: t("mb-4 text-lg font-semibold"), children: s == null ? void 0 : s.label }),
               /* @__PURE__ */ e.jsx("div", { className: t("flex flex-col gap-4"), children: (i = s == null ? void 0 : s.fields) == null ? void 0 : i.map((r) => r && !r.hidden ? /* @__PURE__ */ e.jsx(
-                g,
+                N,
                 {
                   field: r,
                   isInternal: d

package/dist/{DropdownWidget-6t1Azs7b.js → DropdownWidget-zAr9v_IY.js}

@@ -1,17 +1,17 @@
 "use client";
 import { j as d } from "./jsx-runtime-B6kdoens.js";
-import { useState as x, useEffect as w } from "react";
-import { useController as B } from "react-hook-form";
-import D from "react-select";
+import { useState as f, useEffect as w } from "react";
+import { useController as R } from "react-hook-form";
+import B from "react-select";
 import { c as y } from "./cn-C9QoOYNG.js";
-import { z as N, A as k, B as q } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as D, A as N, B as q } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as L } from "./Input-2CvZ90f8.js";
 const G = ({
   field: s,
   ...o
 }) => {
   var j;
-  const [t, I] = x([]), [h, g] = x(""), [p, i] = x(!1), {
+  const [t, I] = f([]), [h, g] = f(""), [p, i] = f(!1), {
     key: C = "",
     label: v = "",
     helper_text: S = "",
@@ -19,12 +19,12 @@ const G = ({
     values: n = [],
     options: c = {}
   } = s, u = C, {
-    field: { value: l, onBlur: E, onChange: a, disabled: F, ...M },
-    fieldState: f
-  } = B({
+    field: { value: l, onBlur: k, onChange: a, disabled: E, ...F },
+    fieldState: x
+  } = R({
     name: u,
-    rules: N(s)
-  }), P = !!(s != null && s.required), R = (j = f == null ? void 0 : f.error) == null ? void 0 : j.message, m = !!(c != null && c.custom_input);
+    rules: D(s)
+  }), M = !!(s != null && s.required), P = (j = x == null ? void 0 : x.error) == null ? void 0 : j.message, m = !!(c != null && c.custom_input);
   return w(() => {
     if (n != null && n.length) {
       const r = [...n == null ? void 0 : n.map((b) => ({
@@ -40,10 +40,10 @@ const G = ({
     !(o != null && o.isMulti) && m && typeof l == "string" && l && ((t == null ? void 0 : t.findIndex(
       (r) => (r == null ? void 0 : r.value) !== "Other" && (r == null ? void 0 : r.value) === l
     )) === -1 ? (i(!0), g(l)) : i(!1));
-  }, [l, t]), /* @__PURE__ */ d.jsxs(k, { error: R, helperText: S, readOnly: O, children: [
-    v && /* @__PURE__ */ d.jsx(q, { htmlFor: u, isRequired: P, children: v }),
+  }, [l, t]), /* @__PURE__ */ d.jsxs(N, { error: P, helperText: S, readOnly: O, children: [
+    v && /* @__PURE__ */ d.jsx(q, { htmlFor: u, isRequired: M, children: v }),
     /* @__PURE__ */ d.jsx(
-      D,
+      B,
       {
         id: u,
         value: p ? {
@@ -55,17 +55,17 @@ const G = ({
         onChange: (e) => {
           m && (e == null ? void 0 : e.value) === "Other" && (e == null ? void 0 : e.label) === "Other, Please Specify" ? (i(!0), a(h)) : (i(!1), o != null && o.isMulti ? a(e == null ? void 0 : e.map((r) => r == null ? void 0 : r.value)) : a(e == null ? void 0 : e.value));
         },
-        onBlur: () => E(),
+        onBlur: () => k(),
         options: t,
-        isDisabled: F,
+        isDisabled: E,
         menuPlacement: "auto",
-        ...M,
+        ...F,
         ...o,
         unstyled: !0,
         classNames: {
           container: () => y("w-full min-w-none h-auto min-h-none"),
           control: ({ isFocused: e, isMulti: r, isDisabled: b }) => y(
-            "w-full  pl-3",
+            "w-full  pl-3 text-black/80",
             r ? "!min-h-9 h-auto" : "h-9 !min-h-none",
             "rounded-md border bg-transparent hover:cursor-pointer border-input text-sm shadow-sm transition-colors",
             "flex ",
@@ -87,7 +87,7 @@ const G = ({
           groupHeading: () => "ml-3 mt-2 mb-1 text-gray-500 text-sm",
           placeholder: () => "text-gray-500 pl-1 py-0.5",
           option: ({ isSelected: e, isFocused: r }) => y(
-            "text-sm font-medium hover:cursor-pointer px-3 py-2 rounded",
+            "text-black/80 text-sm font-medium hover:cursor-pointer px-3 py-2 rounded",
             r && "bg-gray-100 active:bg-gray-200",
             e && "text-white bg-primary/80"
           ),

package/dist/{EmailWidget-pAm9hnZ9.js → EmailWidget-d3hSxbAS.js}

@@ -1,7 +1,7 @@
 import { j as r } from "./jsx-runtime-B6kdoens.js";
 import { useController as y } from "react-hook-form";
 import { G as C } from "./Spinner-BnrQ9e_i.js";
-import { z as F, A as I, B as V } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as F, A as I, B as V } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as b } from "./Input-2CvZ90f8.js";
 function w(e) {
   return C({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M1.75 3h20.5c.966 0 1.75.784 1.75 1.75v14a1.75 1.75 0 0 1-1.75 1.75H1.75A1.75 1.75 0 0 1 0 18.75v-14C0 3.784.784 3 1.75 3ZM1.5 7.412V18.75c0 .138.112.25.25.25h20.5a.25.25 0 0 0 .25-.25V7.412l-9.52 6.433c-.592.4-1.368.4-1.96 0Zm0-2.662v.852l10.36 7a.25.25 0 0 0 .28 0l10.36-7V4.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25Z" }, child: [] }] })(e);

package/dist/{FormCaptcha-D2AaDZdK.js → FormCaptcha-YeElu90S.js}

@@ -3,7 +3,7 @@ import { useEffect as k, useState as b, useRef as J } from "react";
 import { useFormContext as W, useWatch as Y, useForm as B, useController as G } from "react-hook-form";
 import { useDebouncedCallback as H } from "use-debounce";
 import { u as x } from "./LevoProvider-BAZy7_tP.js";
-import { D as C, s as z, h as Q, c as X, A as Z } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { D as C, s as z, h as Q, c as X, A as Z } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { s as m } from "./Sonner-t6JVKA0a.js";
 import { e as D } from "./errorHandler-_34Yv8wA.js";
 import { a as h } from "./isEmptyObject-C5s4GzLE.js";

package/dist/{GeocoderWidget-TZBlYaeC.js → GeocoderWidget-BOqaJMm1.js}

@@ -3,7 +3,7 @@ import { j as o } from "./jsx-runtime-B6kdoens.js";
 import { useState as p, useEffect as v } from "react";
 import { useController as z } from "react-hook-form";
 import { o as T } from "./Spinner-BnrQ9e_i.js";
-import { z as k, A as q, B as A } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as k, A as q, B as A } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as E } from "./Input-2CvZ90f8.js";
 import { u as O } from "./LevoProvider-BAZy7_tP.js";
 const $ = ({ field: t }) => {

package/dist/{MultiGeocoderWidget-B-zhvJVk.js → MultiGeocoderWidget-BTffSkJX.js}

@@ -2,8 +2,8 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { Plus as m } from "lucide-react";
 import { useFieldArray as n } from "react-hook-form";
-import { B as c } from "./CollectionFormBuilder-nJWTPHeL.js";
-import { GeocoderWidget as d } from "./GeocoderWidget-TZBlYaeC.js";
+import { B as c } from "./CollectionFormBuilder-DeGyMEXJ.js";
+import { GeocoderWidget as d } from "./GeocoderWidget-BOqaJMm1.js";
 import { B as p } from "./Spinner-BnrQ9e_i.js";
 const k = ({
   field: l

package/dist/{MultiTextWidget-Ciy7yoNk.js → MultiTextWidget-L2Eoz2Zv.js}

@@ -1,6 +1,6 @@
 import { j as a } from "./jsx-runtime-B6kdoens.js";
 import { useController as A } from "react-hook-form";
-import { z as C, A as b, B as q } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as C, A as b, B as q } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I } from "./Input-2CvZ90f8.js";
 const f = ({ field: r }) => {
   var l;

package/dist/{PhoneWidget-C_JKm3Kf.js → PhoneWidget-CnDhiovx.js}

@@ -3,7 +3,7 @@ import { j as o } from "./jsx-runtime-B6kdoens.js";
 import { useController as f } from "react-hook-form";
 import { PhoneInput as g } from "react-international-phone";
 import { c as l } from "./cn-C9QoOYNG.js";
-import { z as x, A as v, B as y } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as x, A as v, B as y } from "./CollectionFormBuilder-DeGyMEXJ.js";
 const P = ({ field: e }) => {
   const { key: u = "", label: t = "", helper_text: c = "", readonly: n = !1 } = e, s = u, {
     field: { value: d, onBlur: a, onChange: i, ...m },

package/dist/{RadioWidget-CXHvRIFJ.js → RadioWidget-CG01ys9E.js}

@@ -5,7 +5,7 @@ import * as d from "react";
 import { useController as F } from "react-hook-form";
 import { G as B } from "./Spinner-BnrQ9e_i.js";
 import { c as N } from "./cn-C9QoOYNG.js";
-import { z as E, A as G, B as f } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as E, A as G, B as f } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as V } from "./Input-2CvZ90f8.js";
 function q(s) {
   return B({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M416 128 192 384l-96-96" }, child: [] }] })(s);

package/dist/{RichTextWidget-B8_J6aM2.js → RichTextWidget-DCX1Vpw4.js}

@@ -19,7 +19,7 @@ import { useState as q, useEffect as D } from "react";
 import { useController as G } from "react-hook-form";
 import { G as p, p as J, q as V, r as W, s as Z, t as _, u as P, v as K, w as Q, x as X, y as Y, z as $, A as nn } from "./Spinner-BnrQ9e_i.js";
 import { c as j } from "./cn-C9QoOYNG.js";
-import { z as ln, A as en, B as sn } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as ln, A as en, B as sn } from "./CollectionFormBuilder-DeGyMEXJ.js";
 function an(n) {
   return p({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 0 1-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 0 1-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 0 0-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z" }, child: [] }] })(n);
 }

package/dist/{StepsFormVariant-gZTiDsQs.js → StepsFormVariant-eW9O8rik.js}

@@ -3,13 +3,13 @@ import { j as t } from "./jsx-runtime-B6kdoens.js";
 import { useState as I, useMemo as y } from "react";
 import { FormProvider as T } from "react-hook-form";
 import { c as F } from "./cn-C9QoOYNG.js";
-import { D as N, F as _ } from "./CollectionFormBuilder-nJWTPHeL.js";
-import { u as C, S as H, F as M } from "./FormCaptcha-D2AaDZdK.js";
+import { D as N, F as _ } from "./CollectionFormBuilder-DeGyMEXJ.js";
+import { u as C, S as H, F as M } from "./FormCaptcha-YeElu90S.js";
 import { B as g } from "./Spinner-BnrQ9e_i.js";
 const Y = () => {
   const [n, a] = I(0), { containerStyles: m } = N(), l = () => {
     a((o) => o - 1);
-  }, s = () => {
+  }, e = () => {
     a((o) => o + 1);
   }, c = (o) => {
     a(o);
@@ -18,26 +18,26 @@ const Y = () => {
     q,
     {
       currentSectionIndex: n,
-      handleNext: s,
+      handleNext: e,
       handlePrev: l,
       goToIndex: c
     }
   ) });
 }, q = ({ currentSectionIndex: n, handleNext: a, handlePrev: m, goToIndex: l }) => {
   var h, j, v;
-  const { schema: s, isInternal: c, isDisabled: o, submitButtonConfig: i, uiConfig: d } = N(), r = y(
+  const { schema: e, isInternal: c, isDisabled: o, submitButtonConfig: i, uiConfig: d } = N(), r = y(
     () => {
-      var e;
-      return (e = s == null ? void 0 : s.sections) == null ? void 0 : e[n];
+      var s;
+      return (s = e == null ? void 0 : e.sections) == null ? void 0 : s[n];
     },
     [n]
   ), w = y(() => {
-    if (s) {
-      const e = { ...s };
-      return r && e && (e.sections = [r]), e;
+    if (e) {
+      const s = { ...e };
+      return r && s && (s.sections = [r]), s;
     }
     return null;
-  }, [r]), x = n === Number((h = s == null ? void 0 : s.sections) == null ? void 0 : h.length) - 1, {
+  }, [r]), x = n === Number((h = e == null ? void 0 : e.sections) == null ? void 0 : h.length) - 1, {
     methods: u,
     handleSubmit: E,
     isLoading: L,
@@ -53,11 +53,11 @@ const Y = () => {
     onSubmitSuccess: () => {
       l(0);
     },
-    onSubmitError: (e) => {
+    onSubmitError: (s) => {
       var S;
-      if (Array.isArray(e) && (e != null && e[0])) {
-        const R = e == null ? void 0 : e[0];
-        (S = s == null ? void 0 : s.sections) == null || S.forEach((p, z) => {
+      if (Array.isArray(s) && (s != null && s[0])) {
+        const R = s == null ? void 0 : s[0];
+        (S = e == null ? void 0 : e.sections) == null || S.forEach((p, z) => {
           var b;
           ((b = p == null ? void 0 : p.fields) == null ? void 0 : b.find((A) => A.key === R.param)) && l(z);
         });
@@ -70,7 +70,7 @@ const Y = () => {
     /* @__PURE__ */ t.jsx(
       H,
       {
-        getContentId: (e) => D(e),
+        getContentId: (s) => D(s),
         isError: P,
         currentValues: V
       }
@@ -79,7 +79,7 @@ const Y = () => {
       "form",
       {
         className: F(
-          "w-full bg-white rounded-md border border-[rgb(229, 231, 235)] min-h-12 px-4 md:px-8 py-6",
+          "w-full rounded-md border border-[rgb(229, 231, 235)] min-h-12 px-4 md:px-8 py-6",
           L && "opacity-50 pointer-events-none"
         ),
         id: "collection-form",
@@ -91,17 +91,17 @@ const Y = () => {
               "Step ",
               n + 1,
               "/",
-              ((j = s == null ? void 0 : s.sections) == null ? void 0 : j.length) || 1
+              ((j = e == null ? void 0 : e.sections) == null ? void 0 : j.length) || 1
             ] })
           ] }),
           /* @__PURE__ */ t.jsxs("div", { className: "w-full flex flex-col gap-6", children: [
-            (v = r == null ? void 0 : r.fields) == null ? void 0 : v.map((e) => e && !e.hidden ? /* @__PURE__ */ t.jsx(
+            (v = r == null ? void 0 : r.fields) == null ? void 0 : v.map((s) => s && !s.hidden ? /* @__PURE__ */ t.jsx(
               _,
               {
-                field: e,
+                field: s,
                 isInternal: c
               },
-              e == null ? void 0 : e.key
+              s == null ? void 0 : s.key
             ) : null),
             !c && x && /* @__PURE__ */ t.jsx(M, {})
           ] }),

package/dist/{SwitchWidget-1ca0o1kt.js → SwitchWidget-CstjQ_nx.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as r } from "./jsx-runtime-B6kdoens.js";
 import { useController as k } from "react-hook-form";
-import { z as w, A as j, B as v } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as w, A as j, B as v } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import * as c from "@radix-ui/react-switch";
 import * as y from "react";
 import { c as d } from "./cn-C9QoOYNG.js";

package/dist/{TextWidget-BttCChJt.js → TextWidget-D4uLMuLS.js}

@@ -1,7 +1,7 @@
 import { j as t } from "./jsx-runtime-B6kdoens.js";
 import { useFormContext as g, get as h } from "react-hook-form";
 import { c as j } from "./cn-C9QoOYNG.js";
-import { A as F, B as b, z as y } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { A as F, B as b, z as y } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { I as f } from "./Input-2CvZ90f8.js";
 const k = ({
   field: r,

package/dist/{TextareaWidget-DsWOpkGn.js → TextareaWidget-CHgyJUuy.js}

@@ -1,7 +1,7 @@
 import { j as s } from "./jsx-runtime-B6kdoens.js";
 import { useFormContext as u, get as x } from "react-hook-form";
 import { c as b } from "./cn-C9QoOYNG.js";
-import { A as g, B as f, z as h } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { A as g, B as f, z as h } from "./CollectionFormBuilder-DeGyMEXJ.js";
 const w = ({ field: e }) => {
   var a;
   const {

package/dist/{ToggleCheckboxWidget-yJcUcHpk.js → ToggleCheckboxWidget-Cfwlrjn7.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as r } from "./jsx-runtime-B6kdoens.js";
 import { useController as p } from "react-hook-form";
-import { z as u, A as g, B as C } from "./CollectionFormBuilder-nJWTPHeL.js";
+import { z as u, A as g, B as C } from "./CollectionFormBuilder-DeGyMEXJ.js";
 import { C as f } from "./Checbox-sq-atGlJ.js";
 const y = ({
   field: e

package/dist/{Tooltip-DEBnSqlo.js → Tooltip-DPzkfrjl.js}

@@ -1,14 +1,14 @@
 "use client";
 import { j as t } from "./jsx-runtime-B6kdoens.js";
 import * as o from "@radix-ui/react-tooltip";
-import * as n from "react";
-import { c as m } from "./cn-C9QoOYNG.js";
-const x = o.Provider, l = o.Root, p = o.Trigger, T = o.Portal, r = n.forwardRef(({ className: a, sideOffset: e = 4, ...s }, i) => /* @__PURE__ */ t.jsx(
+import * as m from "react";
+import { c as l } from "./cn-C9QoOYNG.js";
+const T = o.Provider, p = o.Root, c = o.Trigger, u = o.Portal, r = m.forwardRef(({ className: a, sideOffset: e = 4, ...s }, i) => /* @__PURE__ */ t.jsx(
   o.Content,
   {
     ref: i,
     sideOffset: e,
-    className: m(
+    className: l(
       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
       a
     ),
@@ -16,21 +16,22 @@ const x = o.Provider, l = o.Root, p = o.Trigger, T = o.Portal, r = n.forwardRef(
   }
 ));
 r.displayName = o.Content.displayName;
-const u = ({
+const g = ({
   children: a,
   label: e,
   labelClassName: s,
   contentClassName: i,
-  asChild: d = !0
-}) => /* @__PURE__ */ t.jsxs(l, { children: [
-  e && /* @__PURE__ */ t.jsx(r, { className: s, children: /* @__PURE__ */ t.jsx("p", { className: i, children: e }) }),
-  /* @__PURE__ */ t.jsx(p, { asChild: d, children: a })
+  asChild: d = !0,
+  contentProps: n = {}
+}) => /* @__PURE__ */ t.jsxs(p, { children: [
+  e && /* @__PURE__ */ t.jsx(r, { className: s, ...n, children: /* @__PURE__ */ t.jsx("p", { className: i, children: e }) }),
+  /* @__PURE__ */ t.jsx(c, { asChild: d, children: a })
 ] });
 export {
-  u as S,
-  l as T,
-  p as a,
+  g as S,
+  p as T,
+  c as a,
   r as b,
-  x as c,
-  T as d
+  T as c,
+  u as d
 };

package/dist/{URLWidget-DPTwLvbi.js → URLWidget-CZE68DgS.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
-import { H as s } from "./CollectionFormBuilder-nJWTPHeL.js";
-import r from "./TextWidget-BttCChJt.js";
+import { H as s } from "./CollectionFormBuilder-DeGyMEXJ.js";
+import r from "./TextWidget-D4uLMuLS.js";
 const a = (t) => /* @__PURE__ */ e.jsx(
   r,
   {