@levo-so/react 0.1.1 → 0.1.4

package/dist/{CheckboxWidget-ComdVcZ_.js → CheckboxWidget-Bnx-S2j2.js}

@@ -2,10 +2,10 @@
 import { j as t } from "./jsx-runtime-B6kdoens.js";
 import B, { useState as k } from "react";
 import { useController as C } from "react-hook-form";
-import { h as E, j as I, k as u } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { c as E } from "./cn-C9QoOYNG.js";
+import { h as I, j as O, k as u } from "./CollectionFormBuilder-B_dXpvPN.js";
 import { C as w } from "./Checbox-sq-atGlJ.js";
-import { I as O } from "./Input-2CvZ90f8.js";
-import { c as _ } from "./cn-C9QoOYNG.js";
+import { I as _ } from "./Input-2CvZ90f8.js";
 const T = ({ field: i }) => {
   const [n, p] = k(""), [o, j] = k(!1), {
     key: $ = "",
@@ -19,7 +19,7 @@ const T = ({ field: i }) => {
     fieldState: { error: x }
   } = C({
     name: $,
-    rules: E(i)
+    rules: I(i)
   }), N = (e) => {
     let s = Array.isArray(r || null) ? [...r] : [];
     s.includes(e) ? s = s == null ? void 0 : s.filter((m) => m !== e) : s.push(e), l(s);
@@ -27,7 +27,7 @@ const T = ({ field: i }) => {
   return B.useEffect(() => {
     o || r && (c == null ? void 0 : c.findIndex((e) => e === r)) === -1 && (j(!0), p(r));
   }, [r]), /* @__PURE__ */ t.jsxs(
-    I,
+    O,
     {
       error: x == null ? void 0 : x.message,
       helperText: g,
@@ -38,7 +38,7 @@ const T = ({ field: i }) => {
         /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: _(
+            className: E(
               "w-full flex gap-4 flex-col flex-wrap pt-1",
               y && "pointer-events-none cursor-not-allowed"
             ),
@@ -92,7 +92,7 @@ const T = ({ field: i }) => {
             ] })
           ] }),
           /* @__PURE__ */ t.jsx(
-            O,
+            _,
             {
               name: `other-checkbox-${a}`,
               containerStyles: "max-w-[300px] ml-3",

package/dist/{CollectionFormBuilder-jwwjyIpv.js → CollectionFormBuilder-B_dXpvPN.js}

@@ -1,16 +1,16 @@
 "use client";
 import { j as s } from "./jsx-runtime-B6kdoens.js";
 import { FieldInterfaces as a, defaultByKinds as F, formatsByInterface as se, interfaceKinds as oe, FieldInterfacesList as ae } from "@levo-so/core";
-import { G as O, T as ie, a as le, c as ce, B as v, d as ue, r as de, s as ge, S as me } from "./Spinner-CuUosd-S.js";
-import j, { useState as R, lazy as h, Suspense as he, useEffect as pe } from "react";
-import { useFieldArray as xe, useController as ye } from "react-hook-form";
+import j, { useState as L, lazy as h, Suspense as ie, useEffect as le } from "react";
+import { useFieldArray as ce, useController as ue } from "react-hook-form";
+import { G as O, T as de, a as ge, c as me, B as v, d as he, r as pe, s as xe, S as ye } from "./Spinner-DzGH5rKe.js";
 import { Mate as $ } from "@theinternetfolks/mate";
+import { u as G } from "./LevoProvider-Cp0CKrgY.js";
 import { Snowflake as fe } from "@theinternetfolks/snowflake";
 import We from "google-libphonenumber";
 import P from "validator";
 import w from "validatorjs";
 import { c as f } from "./cn-C9QoOYNG.js";
-import { u as G } from "./LevoProvider-DNbYyEaf.js";
 import * as be from "inflection";
 import { useInView as je } from "react-intersection-observer";
 const { PhoneNumberUtil: ke } = We, ve = (e) => {
@@ -21,7 +21,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
   return r;
 }, z = ke.getInstance(), we = (e) => {
   try {
-    return e && (e == null ? void 0 : e.trim().length) > 3 ? z.isValidNumber(z.parseAndKeepRawInput(e)) : !0;
+    return z.isValidNumber(z.parseAndKeepRawInput(e));
   } catch {
     return !1;
   }
@@ -52,7 +52,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
     status: !1,
     errors: ve(t.errors.all())
   };
-}, mt = (e, r) => {
+}, gt = (e, r) => {
   const t = {};
   for (const o of e.sections)
     for (const c of o.fields) {
@@ -84,7 +84,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
   for (const i of e)
     r[i.key] = (t = F) == null ? void 0 : t[i == null ? void 0 : i.kind], (i == null ? void 0 : i.field_interface) === a.RecordWidget && ((n = i == null ? void 0 : i.fields) != null && n.length) && (r[i.key] = C(i.fields));
   return r;
-}, ht = (e) => {
+}, mt = (e) => {
   var t;
   if (!(e != null && e.sections)) return {};
   let r = {};
@@ -94,7 +94,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
       ...C(n.fields)
     });
   return r;
-}, B = (e) => typeof e < "u" ? e : null, pt = (e, r) => {
+}, B = (e) => typeof e < "u" ? e : null, ht = (e, r) => {
   var n;
   if (!(e != null && e.sections)) return {};
   const t = {};
@@ -109,7 +109,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
     }
   }
   return t;
-}, xt = (e, r) => {
+}, pt = (e, r) => {
   var i;
   const t = { ...e };
   let n = null;
@@ -138,7 +138,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
       editable: !0
     }
   ]), t.kind = oe[r] || "string", t.default_value || (t.default_value = F[t.kind] || null), r !== a.CollectionWidget && ae.includes(r) && (t.field_interface = r), { field: t, fieldFocused: n };
-}, yt = (e, r) => {
+}, xt = (e, r) => {
   var d;
   const t = { ...e }, n = [], i = "_id";
   if (r)
@@ -150,7 +150,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
       (c) => c[i]
     ) : t[o] = t[o][i]);
   return t;
-}, ft = (e, r) => {
+}, yt = (e, r) => {
   if (Array.isArray(e) && e.length > 0) {
     let t = 0;
     for (const n of e)
@@ -166,13 +166,13 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
       );
   }
 };
-function Wt(e) {
+function ft(e) {
   return O({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M9.243 3.03a1 1 0 01.727 1.213L9.53 6h2.94l.56-2.243a1 1 0 111.94.486L14.53 6H17a1 1 0 110 2h-2.97l-1 4H15a1 1 0 110 2h-2.47l-.56 2.242a1 1 0 11-1.94-.485L10.47 14H7.53l-.56 2.242a1 1 0 11-1.94-.485L5.47 14H3a1 1 0 110-2h2.97l1-4H5a1 1 0 110-2h2.47l.56-2.243a1 1 0 011.213-.727zM9.03 8l-1 4h2.938l1-4H9.031z", clipRule: "evenodd" }, child: [] }] })(e);
 }
-function H(e) {
+function E(e) {
   return O({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z", clipRule: "evenodd" }, child: [] }] })(e);
 }
-const I = ({
+const A = ({
   children: e,
   isRequired: r,
   className: t,
@@ -196,15 +196,15 @@ const I = ({
   field: e,
   isInternal: r
 }) => {
-  const { key: t = "", label: n = "", field_interface: i = "", fields: d = [] } = e, [o, c] = R("0"), { fields: u, ...g } = xe({
+  const { key: t = "", label: n = "", field_interface: i = "", fields: d = [] } = e, [o, c] = L("0"), { fields: u, ...g } = ce({
     name: t
   });
   return !i || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "w-full max-w-full", children: [
-    /* @__PURE__ */ s.jsx(I, { className: "text-md font-medium mb-4", children: n }),
-    u && Array.isArray(u) ? /* @__PURE__ */ s.jsxs(ie, { value: o, onValueChange: c, className: "w-full", children: [
+    /* @__PURE__ */ s.jsx(A, { className: "text-md font-medium mb-4", children: n }),
+    u && Array.isArray(u) ? /* @__PURE__ */ s.jsxs(de, { value: o, onValueChange: c, className: "w-full", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2 w-full", children: [
-        u.length ? /* @__PURE__ */ s.jsx(le, { className: "h-11 overflow-y-hidden overflow-x-auto flex-1 w-1 justify-start", children: u == null ? void 0 : u.map((x, l) => /* @__PURE__ */ s.jsx(
-          ce,
+        u.length ? /* @__PURE__ */ s.jsx(ge, { className: "h-11 overflow-y-hidden overflow-x-auto flex-1 w-1 justify-start", children: u == null ? void 0 : u.map((x, l) => /* @__PURE__ */ s.jsx(
+          me,
           {
             id: `${e == null ? void 0 : e.key}-${l}`,
             value: l.toString(),
@@ -222,14 +222,14 @@ const I = ({
               g.append(C(d)), c(((u == null ? void 0 : u.length) ?? 0).toString());
             },
             children: [
-              /* @__PURE__ */ s.jsx(H, { className: "inline-block mr-1", size: "14px" }),
+              /* @__PURE__ */ s.jsx(E, { className: "inline-block mr-1", size: "14px" }),
               "Add"
             ]
           }
         )
       ] }),
       u == null ? void 0 : u.map((x, l) => /* @__PURE__ */ s.jsxs(
-        ue,
+        he,
         {
           className: "space-y-4 border rounded bg-secondary/40",
           value: l.toString(),
@@ -258,7 +258,7 @@ const I = ({
                   disabled: l === 0,
                   size: "icon",
                   className: "rounded-full w-8 h-8",
-                  children: /* @__PURE__ */ s.jsx(de, { size: "24px" })
+                  children: /* @__PURE__ */ s.jsx(pe, { size: "24px" })
                 }
               ),
               /* @__PURE__ */ s.jsx(
@@ -281,7 +281,7 @@ const I = ({
                   },
                   disabled: l >= u.length - 1,
                   size: "icon",
-                  children: /* @__PURE__ */ s.jsx(ge, { size: "24px" })
+                  children: /* @__PURE__ */ s.jsx(xe, { size: "24px" })
                 }
               )
             ] })
@@ -298,7 +298,7 @@ const I = ({
           g.append(C(d)), c("0");
         },
         children: [
-          /* @__PURE__ */ s.jsx(H, { className: "inline-block mr-1", size: "14px" }),
+          /* @__PURE__ */ s.jsx(E, { className: "inline-block mr-1", size: "14px" }),
           "Add"
         ]
       }
@@ -347,12 +347,12 @@ const I = ({
       return o && (o == null ? void 0 : o.length) > 0 ? (u = o == null ? void 0 : o[0]) == null ? void 0 : u.message : !0;
     }
   };
-}, Re = _e, Le = j.lazy(
+}, Re = j.lazy(
   () => import("react-select-async-paginate").then((e) => ({
     default: e.AsyncPaginate
   }))
-), Ne = (e) => /* @__PURE__ */ s.jsx(
-  Le,
+), Le = (e) => /* @__PURE__ */ s.jsx(
+  Re,
   {
     isClearable: !0,
     menuPlacement: "auto",
@@ -390,9 +390,9 @@ const I = ({
     },
     ...e
   }
-), Te = ({
+), Ne = ({
   children: e
-}) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), Ie = ({
+}) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), Te = ({
   children: e
 }) => /* @__PURE__ */ s.jsx("p", { className: f("text-xs font-normal text-gray-600"), children: e }), Ae = j.forwardRef(({ error: e, helperText: r, containerStyles: t, readOnly: n, children: i }, d) => /* @__PURE__ */ s.jsx(
   "div",
@@ -405,27 +405,27 @@ const I = ({
     ref: d,
     children: /* @__PURE__ */ s.jsxs("div", { className: f("w-full shrink-0", "sm:flex-1"), children: [
       i,
-      e && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Te, { children: e }) }),
-      r && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Ie, { children: r }) })
+      e && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Ne, { children: e }) }),
+      r && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Te, { children: r }) })
     ] })
   }
-)), De = ({
+)), Ie = ({
   field: e
 }) => {
-  var A, D, M;
-  const { collection: r } = G(), [t, n] = R(!1), { key: i = "", label: d = "", helper_text: o = "", readonly: c = !1 } = e, u = i, g = ((A = e == null ? void 0 : e.options) == null ? void 0 : A.collection_key) || "", x = ((D = e == null ? void 0 : e.options) == null ? void 0 : D.label_field_key) || "", {
+  var I, M, D;
+  const { collection: r } = G(), [t, n] = L(!1), { key: i = "", label: d = "", helper_text: o = "", readonly: c = !1 } = e, u = i, g = ((I = e == null ? void 0 : e.options) == null ? void 0 : I.collection_key) || "", x = ((M = e == null ? void 0 : e.options) == null ? void 0 : M.label_field_key) || "", {
     field: { value: l, onBlur: p, onChange: b, ref: W, disabled: X, ...Y },
-    fieldState: L
-  } = ye({
+    fieldState: N
+  } = ue({
     name: u,
-    rules: Re(e)
-  }), Z = !!(e != null && e.required), ee = (M = L == null ? void 0 : L.error) == null ? void 0 : M.message, te = async (y, Ye, { page: N = 1 }) => {
+    rules: _e(e)
+  }), Z = !!(e != null && e.required), ee = (D = N == null ? void 0 : N.error) == null ? void 0 : D.message, te = async (y, Xe, { page: T = 1 }) => {
     var S;
     n(!0);
     try {
       const _ = await (r == null ? void 0 : r.getCollectionContentList({
         collection_key: g,
-        page: N,
+        page: T,
         search: y,
         limit: 10
       })), k = (S = _ == null ? void 0 : _.content) == null ? void 0 : S.data, V = (k || []).map((m) => {
@@ -443,7 +443,7 @@ const I = ({
         options: Array.isArray(V) ? V : [],
         hasMore: k && !((k == null ? void 0 : k.length) < 10),
         additional: {
-          page: N + 1
+          page: T + 1
         }
       };
     } catch {
@@ -451,7 +451,7 @@ const I = ({
         options: [],
         hasMore: !1,
         additional: {
-          page: N
+          page: T
         }
       };
     } finally {
@@ -473,9 +473,9 @@ const I = ({
       helperText: o,
       readOnly: c,
       children: [
-        d && /* @__PURE__ */ s.jsx(I, { htmlFor: u, isRequired: Z, children: d }),
+        d && /* @__PURE__ */ s.jsx(A, { htmlFor: u, isRequired: Z, children: d }),
         /* @__PURE__ */ s.jsx(
-          Ne,
+          Le,
           {
             id: u,
             value: re,
@@ -502,25 +502,25 @@ const I = ({
       ]
     }
   );
-}, E = h(() => import("./TextWidget-D0UBxTxe.js")), Me = h(
-  () => import("./CurrencyWidget-DVqD_lsY.js")
-), Se = h(
-  () => import("./CheckboxWidget-ComdVcZ_.js")
+}, H = h(() => import("./TextWidget-Dg-ZYJI2.js")), Me = h(
+  () => import("./CurrencyWidget-6Ov8DZpo.js")
+), De = h(
+  () => import("./CheckboxWidget-Bnx-S2j2.js")
 ), U = h(
-  () => import("./DateTimeWidget-CvgzwY1U.js")
+  () => import("./DateTimeWidget-DI98zHMn.js")
 ), q = h(
-  () => import("./DropdownWidget-C2YaM9Cf.js")
-), Ve = h(() => import("./EmailWidget-BBthwF68.js")), $e = h(
-  () => import("./GeocoderWidget-Dht_2vi6.js")
-), Pe = h(
-  () => import("./MultiGeocoderWidget-paCFW0QZ.js")
-), ze = h(() => import("./PhoneWidget-CP2T2JDx.js")), Be = h(() => import("./RadioWidget-BuFPz7kK.js")), He = h(
-  () => import("./RichTextWidget-DGFNZ1jl.js")
-), Ee = h(() => import("./SwitchWidget-t8iwhxk9.js")), Ue = h(
-  () => import("./TextareaWidget-CG6J_plD.js")
-), qe = h(
-  () => import("./ToggleCheckboxWidget-dl8ks4VX.js")
-), Fe = h(() => import("./URLWidget-CHeUEUXl.js")), T = h(() => import("./UploadWidget-CzYGViqE.js")), Oe = ({
+  () => import("./DropdownWidget-DrMkD9vK.js")
+), Se = h(() => import("./EmailWidget-DHjXwVCL.js")), Ve = h(
+  () => import("./GeocoderWidget-D8GsLWkV.js")
+), $e = h(
+  () => import("./MultiGeocoderWidget-WzlKESyZ.js")
+), Pe = h(() => import("./PhoneWidget-DQSo_DPX.js")), ze = h(() => import("./RadioWidget-C8sTnz9B.js")), Be = h(
+  () => import("./RichTextWidget-DOMiJ9pX.js")
+), Ee = h(() => import("./SwitchWidget-CBottoNO.js")), He = h(
+  () => import("./TextareaWidget-wsUSnO28.js")
+), Ue = h(
+  () => import("./ToggleCheckboxWidget-IeHYCie0.js")
+), qe = h(() => import("./URLWidget-BsIEpzV3.js")), R = h(() => import("./UploadWidget-BJPmoAW-.js")), Fe = ({
   field: e,
   isInternal: r
 }) => {
@@ -530,13 +530,13 @@ const I = ({
     return null;
   switch (t) {
     case a.TextWidget:
-      return /* @__PURE__ */ s.jsx(E, { field: e });
+      return /* @__PURE__ */ s.jsx(H, { field: e });
     case a.NumberWidget:
-      return /* @__PURE__ */ s.jsx(E, { type: "number", field: e });
+      return /* @__PURE__ */ s.jsx(H, { type: "number", field: e });
     case a.CurrencyWidget:
       return /* @__PURE__ */ s.jsx(Me, { field: e });
     case a.CheckboxWidget:
-      return /* @__PURE__ */ s.jsx(Se, { field: e });
+      return /* @__PURE__ */ s.jsx(De, { field: e });
     case a.DateTimeWidget:
       return /* @__PURE__ */ s.jsx(U, { field: e });
     case a.DateWidget:
@@ -546,28 +546,28 @@ const I = ({
     case a.MultiDropdownWidget:
       return /* @__PURE__ */ s.jsx(q, { field: e, isMulti: !0 });
     case a.EmailWidget:
-      return /* @__PURE__ */ s.jsx(Ve, { field: e });
+      return /* @__PURE__ */ s.jsx(Se, { field: e });
     case a.GeocoderWidget:
-      return /* @__PURE__ */ s.jsx($e, { field: e });
+      return /* @__PURE__ */ s.jsx(Ve, { field: e });
     case a.MultiGeocoderWidget:
-      return /* @__PURE__ */ s.jsx(Pe, { field: e });
+      return /* @__PURE__ */ s.jsx($e, { field: e });
     case a.PhoneWidget:
-      return /* @__PURE__ */ s.jsx(ze, { field: e });
+      return /* @__PURE__ */ s.jsx(Pe, { field: e });
     case a.RadioWidget:
-      return /* @__PURE__ */ s.jsx(Be, { field: e });
+      return /* @__PURE__ */ s.jsx(ze, { field: e });
     case a.RichTextWidget:
-      return /* @__PURE__ */ s.jsx(He, { field: e });
+      return /* @__PURE__ */ s.jsx(Be, { field: e });
     case a.SwitchWidget:
       return /* @__PURE__ */ s.jsx(Ee, { field: e });
     case a.TextareaWidget:
-      return /* @__PURE__ */ s.jsx(Ue, { field: e });
+      return /* @__PURE__ */ s.jsx(He, { field: e });
     case a.ToggleCheckboxWidget:
-      return /* @__PURE__ */ s.jsx(qe, { field: e });
+      return /* @__PURE__ */ s.jsx(Ue, { field: e });
     case a.URLWidget:
-      return /* @__PURE__ */ s.jsx(Fe, { field: e });
+      return /* @__PURE__ */ s.jsx(qe, { field: e });
     case a.ImageUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        T,
+        R,
         {
           field: e,
           isMultiple: !1,
@@ -577,7 +577,7 @@ const I = ({
       );
     case a.MultiImageUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        T,
+        R,
         {
           field: e,
           isMultiple: !0,
@@ -587,11 +587,21 @@ const I = ({
       );
     case a.FileUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        T,
+        R,
         {
           field: e,
           isMultiple: !1,
-          kind: ["document"],
+          kind: ["audio", "video", "image", "document"],
+          isExternal: !r
+        }
+      );
+    case a.MultiFileUploadWidget:
+      return /* @__PURE__ */ s.jsx(
+        R,
+        {
+          field: e,
+          isMultiple: !0,
+          kind: ["audio", "video", "image", "document"],
           isExternal: !r
         }
       );
@@ -600,17 +610,17 @@ const I = ({
         "[LevoCollection]: Error while rendering collection widget. Collection key of label field key is required."
       ), null) : (o = e == null ? void 0 : e.options) != null && o.connected_have_many_current && ((c = e == null ? void 0 : e.options) != null && c.current_have_many_connected) ? (console.error(
         "[LevoCollection]: Error while rendering collection widget. Field options not set correctly."
-      ), null) : /* @__PURE__ */ s.jsx(De, { field: e });
+      ), null) : /* @__PURE__ */ s.jsx(Ie, { field: e });
     default:
       return null;
   }
-}, Ge = ({
+}, Oe = ({
   field: e,
   isInternal: r
 }) => {
   const { key: t = "", label: n = "", field_interface: i = "", fields: d = [] } = e;
   return !i || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "w-full", children: [
-    /* @__PURE__ */ s.jsx(I, { className: "text-md font-medium mb-4", children: n }),
+    /* @__PURE__ */ s.jsx(A, { className: "text-md font-medium mb-4", children: n }),
     /* @__PURE__ */ s.jsx("div", { className: "border rounded bg-secondary/40 flex flex-col px-3 py-4 gap-3", children: d.map((o) => {
       const c = {
         ...o,
@@ -634,16 +644,16 @@ const I = ({
     case a.ArrayWidget:
       return /* @__PURE__ */ s.jsx(Ce, { ...e });
     case a.RecordWidget:
-      return /* @__PURE__ */ s.jsx(Ge, { ...e });
-    default:
       return /* @__PURE__ */ s.jsx(Oe, { ...e });
+    default:
+      return /* @__PURE__ */ s.jsx(Fe, { ...e });
   }
 }, Q = j.createContext({
   schema: null,
   submitButtonConfig: {
     show: !0
   }
-}), Ke = ({
+}), Ge = ({
   children: e,
   ...r
 }) => {
@@ -657,16 +667,16 @@ const I = ({
     /* @__PURE__ */ s.jsx("div", { ref: i }),
     e
   ] });
-}, bt = () => j.useContext(Q), Je = j.lazy(
-  () => import("./DefaultFormVariant-CbRB9O_e.js")
-), Qe = j.lazy(
-  () => import("./StepsFormVariant-5_c3f2Vk.js")
-), Xe = ({
+}, Wt = () => j.useContext(Q), Ke = j.lazy(
+  () => import("./DefaultFormVariant-Bxbh1yc0.js")
+), Je = j.lazy(
+  () => import("./StepsFormVariant-CzS2wbMD.js")
+), Qe = ({
   formVariant: e,
   ...r
 }) => {
   const { schema: t, uiConfig: n } = r;
-  return /* @__PURE__ */ s.jsxs(Ke, { ...r, children: [
+  return /* @__PURE__ */ s.jsxs(Ge, { ...r, children: [
     n != null && n.hideFormHeading ? null : /* @__PURE__ */ s.jsxs(
       "h1",
       {
@@ -680,15 +690,15 @@ const I = ({
         ]
       }
     ),
-    /* @__PURE__ */ s.jsx(he, { children: e === "steps" ? /* @__PURE__ */ s.jsx(Qe, {}) : /* @__PURE__ */ s.jsx(Je, {}) })
+    /* @__PURE__ */ s.jsx(ie, { children: e === "steps" ? /* @__PURE__ */ s.jsx(Je, {}) : /* @__PURE__ */ s.jsx(Ke, {}) })
   ] });
-}, jt = ({
+}, bt = ({
   collection_id: e,
   hiddenFields: r,
   ...t
 }) => {
-  const { collection: n } = G(), [i, d] = R(!0), [o, c] = R(null);
-  return pe(() => {
+  const { collection: n } = G(), [i, d] = L(!0), [o, c] = L(null);
+  return le(() => {
     e ? n == null || n.getCollectionByIDExpanded(e, {
       headers: {
         "Levo-Workspace": t == null ? void 0 : t.workspace_id
@@ -712,27 +722,26 @@ const I = ({
     }) : (console.error(
       "[CollectionFormBuilder] Collection ID or Workspace ID is missing."
     ), d(!1));
-  }, [e]), /* @__PURE__ */ s.jsx("div", { className: "w-full h-auto", children: i ? /* @__PURE__ */ s.jsx("div", { className: "min-h-[400px] w-full flex justify-center items-center bg-white rounded-md", children: /* @__PURE__ */ s.jsx(me, {}) }) : o ? /* @__PURE__ */ s.jsx(Xe, { schema: o, ...t }) : null });
+  }, [e]), /* @__PURE__ */ s.jsx("div", { className: "w-full h-auto", children: i ? /* @__PURE__ */ s.jsx("div", { className: "min-h-[400px] w-full flex justify-center items-center bg-white rounded-md", children: /* @__PURE__ */ s.jsx(ye, {}) }) : o ? /* @__PURE__ */ s.jsx(Qe, { schema: o, ...t }) : null });
 };
 export {
-  jt as C,
+  bt as C,
   J as F,
-  Wt as H,
+  ft as H,
   K as a,
-  ht as b,
+  mt as b,
   B as c,
-  pt as d,
+  ht as d,
   ve as e,
-  ft as f,
+  yt as f,
   C as g,
-  Re as h,
+  _e as h,
   we as i,
   Ae as j,
-  I as k,
-  _e as l,
-  bt as m,
+  A as k,
+  Wt as l,
   z as p,
-  yt as s,
-  xt as u,
-  mt as v
+  xt as s,
+  pt as u,
+  gt as v
 };

package/dist/{CurrencyWidget-DVqD_lsY.js → CurrencyWidget-6Ov8DZpo.js}

@@ -1,8 +1,8 @@
 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 { h as w, j as C, k } from "./CollectionFormBuilder-jwwjyIpv.js";
-import { c as N } from "./cn-C9QoOYNG.js";
+import { c as w } from "./cn-C9QoOYNG.js";
+import { h as C, j as k, k as N } from "./CollectionFormBuilder-B_dXpvPN.js";
 const V = ({
   field: r,
   ...m
@@ -13,17 +13,17 @@ const V = ({
     fieldState: s
   } = j({
     name: o,
-    rules: w(r)
+    rules: C(r)
   }), b = !!(r != null && r.required), g = (u = s == null ? void 0 : s.error) == null ? void 0 : u.message, i = (c = r == null ? void 0 : r.options) == null ? void 0 : c.currency_code;
   return /* @__PURE__ */ t.jsxs(
-    C,
+    k,
     {
       ref: h,
       error: g,
       helperText: p,
       readOnly: e,
       children: [
-        n && /* @__PURE__ */ t.jsx(k, { htmlFor: o, isRequired: b, children: n }),
+        n && /* @__PURE__ */ t.jsx(N, { htmlFor: o, isRequired: b, children: n }),
         /* @__PURE__ */ t.jsx(
           F,
           {
@@ -42,7 +42,7 @@ const V = ({
             },
             value: f,
             readOnly: e,
-            className: N(
+            className: w(
               "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
               e && "focus-visible:ring-0"
             ),

package/dist/{DateTimeWidget-CvgzwY1U.js → DateTimeWidget-DI98zHMn.js}

@@ -1,11 +1,11 @@
 import { j as r } from "./jsx-runtime-B6kdoens.js";
-import { Calendar as b, X as w } from "lucide-react";
+import { FieldInterfaces as b } from "@levo-so/core";
+import { Calendar as w, X as N } from "lucide-react";
 import * as l from "react-datepicker";
-import { FieldInterfaces as N } from "@levo-so/core";
 import { useController as v } from "react-hook-form";
-import { h as M, j as D, k as C } from "./CollectionFormBuilder-jwwjyIpv.js";
-import { I as F } from "./Input-2CvZ90f8.js";
 import { c as p } from "./cn-C9QoOYNG.js";
+import { h as M, j as D, k as C } from "./CollectionFormBuilder-B_dXpvPN.js";
+import { I as F } from "./Input-2CvZ90f8.js";
 const T = l.default.default || l.default || l, I = (e) => {
   if (e) {
     const o = new Date(e);
@@ -20,7 +20,7 @@ const T = l.default.default || l.default || l, I = (e) => {
   } = v({
     name: n,
     rules: M(e)
-  }), y = !!(e != null && e.required), g = (d = a == null ? void 0 : a.error) == null ? void 0 : d.message, c = (e == null ? void 0 : e.field_interface) === N.DateTimeWidget;
+  }), y = !!(e != null && e.required), g = (d = a == null ? void 0 : a.error) == null ? void 0 : d.message, c = (e == null ? void 0 : e.field_interface) === b.DateTimeWidget;
   return /* @__PURE__ */ r.jsxs(D, { helperText: f, readOnly: x, error: g, children: [
     m && /* @__PURE__ */ r.jsx(C, { htmlFor: n, isRequired: y, children: m }),
     /* @__PURE__ */ r.jsxs("div", { className: "w-full relative rounded-md", children: [
@@ -30,7 +30,7 @@ const T = l.default.default || l.default || l, I = (e) => {
           className: p(
             "absolute left-0 top-0 bottom-0 w-9 flex items-center justify-center rounded-l-md overflow-hidden pointer-events-none"
           ),
-          children: /* @__PURE__ */ r.jsx(b, { size: "20px", className: "text-muted-foreground" })
+          children: /* @__PURE__ */ r.jsx(w, { size: "20px", className: "text-muted-foreground" })
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -67,7 +67,7 @@ const T = l.default.default || l.default || l, I = (e) => {
               onClick: (t) => {
                 t == null || t.preventDefault(), t == null || t.stopPropagation(), s && s(null);
               },
-              children: /* @__PURE__ */ r.jsx(w, { size: "20px", className: "text-muted-foreground" })
+              children: /* @__PURE__ */ r.jsx(N, { size: "20px", className: "text-muted-foreground" })
             }
           )
         }