@levo-so/react 0.1.1 → 0.1.2

package/dist/{CheckboxWidget-ComdVcZ_.js → CheckboxWidget-BV2nPDdB.js}

@@ -2,7 +2,7 @@
 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 { h as E, j as I, k as u } from "./CollectionFormBuilder-uvr15jvu.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";

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

@@ -2,7 +2,7 @@
 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 j, { useState as L, lazy as h, Suspense as he, useEffect as pe } from "react";
 import { useFieldArray as xe, useController as ye } from "react-hook-form";
 import { Mate as $ } from "@theinternetfolks/mate";
 import { Snowflake as fe } from "@theinternetfolks/snowflake";
@@ -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;
   }
@@ -169,10 +169,10 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
 function Wt(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,11 +196,11 @@ 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 } = xe({
     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 }),
+    /* @__PURE__ */ s.jsx(A, { 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.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(
@@ -222,7 +222,7 @@ 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"
             ]
           }
@@ -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"
         ]
       }
@@ -392,9 +392,9 @@ const I = ({
   }
 ), Te = ({
   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 }), Ae = ({
   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(
+}) => /* @__PURE__ */ s.jsx("p", { className: f("text-xs font-normal text-gray-600"), children: e }), Ie = j.forwardRef(({ error: e, helperText: r, containerStyles: t, readOnly: n, children: i }, d) => /* @__PURE__ */ s.jsx(
   "div",
   {
     className: f(
@@ -406,26 +406,26 @@ const I = ({
     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 }) })
+      r && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Ae, { children: r }) })
     ] })
   }
-)), De = ({
+)), Me = ({
   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
+    fieldState: N
   } = ye({
     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 }) => {
+  }), Z = !!(e != null && e.required), ee = (D = N == null ? void 0 : N.error) == null ? void 0 : D.message, te = async (y, Ye, { 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 {
@@ -466,14 +466,14 @@ const I = ({
     }
   } : null;
   return /* @__PURE__ */ s.jsxs(
-    Ae,
+    Ie,
     {
       ref: W,
       error: ee,
       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,
           {
@@ -502,25 +502,25 @@ const I = ({
       ]
     }
   );
-}, E = h(() => import("./TextWidget-D0UBxTxe.js")), Me = h(
-  () => import("./CurrencyWidget-DVqD_lsY.js")
+}, H = h(() => import("./TextWidget-CfEeuyFV.js")), De = h(
+  () => import("./CurrencyWidget-VzBWDdzQ.js")
 ), Se = h(
-  () => import("./CheckboxWidget-ComdVcZ_.js")
+  () => import("./CheckboxWidget-BV2nPDdB.js")
 ), U = h(
-  () => import("./DateTimeWidget-CvgzwY1U.js")
+  () => import("./DateTimeWidget-QmZXdxzS.js")
 ), q = h(
-  () => import("./DropdownWidget-C2YaM9Cf.js")
-), Ve = h(() => import("./EmailWidget-BBthwF68.js")), $e = h(
-  () => import("./GeocoderWidget-Dht_2vi6.js")
+  () => import("./DropdownWidget-CxWQF6r3.js")
+), Ve = h(() => import("./EmailWidget-BxxtgUGU.js")), $e = h(
+  () => import("./GeocoderWidget-lh46EUHn.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")
+  () => import("./MultiGeocoderWidget-C84ZYxpR.js")
+), ze = h(() => import("./PhoneWidget-_-cBcZ_D.js")), Be = h(() => import("./RadioWidget-BJ1qwTRO.js")), Ee = h(
+  () => import("./RichTextWidget-CC6uShje.js")
+), He = h(() => import("./SwitchWidget-CbCYweyx.js")), Ue = h(
+  () => import("./TextareaWidget-Dqt4CVV-.js")
 ), qe = h(
-  () => import("./ToggleCheckboxWidget-dl8ks4VX.js")
-), Fe = h(() => import("./URLWidget-CHeUEUXl.js")), T = h(() => import("./UploadWidget-CzYGViqE.js")), Oe = ({
+  () => import("./ToggleCheckboxWidget-D8CxllEX.js")
+), Fe = h(() => import("./URLWidget-C07DCMOd.js")), R = h(() => import("./UploadWidget-DoY_CPLy.js")), Oe = ({
   field: e,
   isInternal: r
 }) => {
@@ -530,11 +530,11 @@ 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 });
+      return /* @__PURE__ */ s.jsx(De, { field: e });
     case a.CheckboxWidget:
       return /* @__PURE__ */ s.jsx(Se, { field: e });
     case a.DateTimeWidget:
@@ -556,9 +556,9 @@ const I = ({
     case a.RadioWidget:
       return /* @__PURE__ */ s.jsx(Be, { field: e });
     case a.RichTextWidget:
-      return /* @__PURE__ */ s.jsx(He, { field: e });
-    case a.SwitchWidget:
       return /* @__PURE__ */ s.jsx(Ee, { field: e });
+    case a.SwitchWidget:
+      return /* @__PURE__ */ s.jsx(He, { field: e });
     case a.TextareaWidget:
       return /* @__PURE__ */ s.jsx(Ue, { field: e });
     case a.ToggleCheckboxWidget:
@@ -567,7 +567,7 @@ const I = ({
       return /* @__PURE__ */ s.jsx(Fe, { 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,7 +610,7 @@ 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(Me, { field: e });
     default:
       return null;
   }
@@ -610,7 +620,7 @@ const I = ({
 }) => {
   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,
@@ -658,9 +668,9 @@ const I = ({
     e
   ] });
 }, bt = () => j.useContext(Q), Je = j.lazy(
-  () => import("./DefaultFormVariant-CbRB9O_e.js")
+  () => import("./DefaultFormVariant-DyyCGXvB.js")
 ), Qe = j.lazy(
-  () => import("./StepsFormVariant-5_c3f2Vk.js")
+  () => import("./StepsFormVariant-BxANsU4Z.js")
 ), Xe = ({
   formVariant: e,
   ...r
@@ -687,7 +697,7 @@ const I = ({
   hiddenFields: r,
   ...t
 }) => {
-  const { collection: n } = G(), [i, d] = R(!0), [o, c] = R(null);
+  const { collection: n } = G(), [i, d] = L(!0), [o, c] = L(null);
   return pe(() => {
     e ? n == null || n.getCollectionByIDExpanded(e, {
       headers: {
@@ -727,8 +737,8 @@ export {
   C as g,
   Re as h,
   we as i,
-  Ae as j,
-  I as k,
+  Ie as j,
+  A as k,
   _e as l,
   bt as m,
   z as p,

package/dist/{CurrencyWidget-DVqD_lsY.js → CurrencyWidget-VzBWDdzQ.js}

@@ -1,7 +1,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 { h as w, j as C, k } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as w, j as C, k } from "./CollectionFormBuilder-uvr15jvu.js";
 import { c as N } from "./cn-C9QoOYNG.js";
 const V = ({
   field: r,

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

@@ -3,7 +3,7 @@ import { Calendar as b, X as w } 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 { h as M, j as D, k as C } from "./CollectionFormBuilder-uvr15jvu.js";
 import { I as F } from "./Input-2CvZ90f8.js";
 import { c as p } from "./cn-C9QoOYNG.js";
 const T = l.default.default || l.default || l, I = (e) => {

package/dist/{DefaultFormVariant-CbRB9O_e.js → DefaultFormVariant-DyyCGXvB.js}

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { FormProvider as S } from "react-hook-form";
-import { m as b, F as y } from "./CollectionFormBuilder-jwwjyIpv.js";
-import { u as F, S as N } from "./useLevoForm-BcN8f66y.js";
+import { m as b, F as y } from "./CollectionFormBuilder-uvr15jvu.js";
+import { u as F, S as N } from "./useLevoForm-B4Dmf73H.js";
 import { c as m } from "./cn-C9QoOYNG.js";
 import { B as g } from "./Spinner-CuUosd-S.js";
 const E = () => {

package/dist/{DropdownWidget-C2YaM9Cf.js → DropdownWidget-CxWQF6r3.js}

@@ -3,7 +3,7 @@ import { j as i } from "./jsx-runtime-B6kdoens.js";
 import { useState as f, useEffect as j } from "react";
 import { useController as k } from "react-hook-form";
 import D from "react-select";
-import { h as N, j as q, k as B } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as N, j as q, k as B } from "./CollectionFormBuilder-uvr15jvu.js";
 import { I as L } from "./Input-2CvZ90f8.js";
 import { c as x } from "./cn-C9QoOYNG.js";
 const G = ({

package/dist/{EmailWidget-BBthwF68.js → EmailWidget-BxxtgUGU.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-CuUosd-S.js";
-import { h as F, j as I, k as V } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as F, j as I, k as V } from "./CollectionFormBuilder-uvr15jvu.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/{GeocoderWidget-Dht_2vi6.js → GeocoderWidget-lh46EUHn.js}

@@ -3,7 +3,7 @@ import { j as h } from "./jsx-runtime-B6kdoens.js";
 import le, { useState as J, useEffect as fe } from "react";
 import { useController as de } from "react-hook-form";
 import { q as pe } from "./Spinner-CuUosd-S.js";
-import { h as ge, j as me, k as ye } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as ge, j as me, k as ye } from "./CollectionFormBuilder-uvr15jvu.js";
 import { I as _e } from "./Input-2CvZ90f8.js";
 var U = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ne = {}, ve = "Expected a function", Y = NaN, be = "[object Symbol]", Se = /^\s+|\s+$/g, Pe = /^[-+]0x[0-9a-f]+$/i, Oe = /^0b[01]+$/i, he = /^0o[0-7]+$/i, Te = parseInt, je = typeof U == "object" && U && U.Object === Object && U, xe = typeof self == "object" && self && self.Object === Object && self, Ae = je || xe || Function("return this")(), Le = Object.prototype, Ee = Le.toString, we = Math.max, Ie = Math.min, $ = function() {
   return Ae.Date.now();

package/dist/{MultiGeocoderWidget-paCFW0QZ.js → MultiGeocoderWidget-C84ZYxpR.js}

@@ -1,9 +1,9 @@
 "use client";
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { useFieldArray as m } from "react-hook-form";
-import { k as n } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { k as n } from "./CollectionFormBuilder-uvr15jvu.js";
 import { Plus as c } from "lucide-react";
-import { GeocoderWidget as d } from "./GeocoderWidget-Dht_2vi6.js";
+import { GeocoderWidget as d } from "./GeocoderWidget-lh46EUHn.js";
 import { B as p } from "./Spinner-CuUosd-S.js";
 const g = ({
   field: l

package/dist/{PhoneWidget-CP2T2JDx.js → PhoneWidget-_-cBcZ_D.js}

@@ -2,18 +2,18 @@
 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 { h as x, j as v, k as j } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as x, j as v, k as j } from "./CollectionFormBuilder-uvr15jvu.js";
 import { c as l } from "./cn-C9QoOYNG.js";
-const q = ({ field: e }) => {
-  const { key: u = "", label: n = "", helper_text: c = "", readonly: t = !1 } = e, s = u, {
+const k = ({ field: e }) => {
+  const { key: u = "", label: t = "", helper_text: c = "", readonly: n = !1 } = e, s = u, {
     field: { value: d, onBlur: a, onChange: i, ...m },
     fieldState: { error: r }
   } = f({
     name: s,
     rules: x(e)
   }), p = !!(e != null && e.required), h = r == null ? void 0 : r.message;
-  return /* @__PURE__ */ o.jsxs(v, { error: h, helperText: c, readOnly: t, children: [
-    n && /* @__PURE__ */ o.jsx(j, { htmlFor: s, isRequired: p, children: n }),
+  return /* @__PURE__ */ o.jsxs(v, { error: h, helperText: c, readOnly: n, children: [
+    t && /* @__PURE__ */ o.jsx(j, { htmlFor: s, isRequired: p, children: t }),
     /* @__PURE__ */ o.jsx(
       g,
       {
@@ -21,7 +21,7 @@ const q = ({ field: e }) => {
         value: d,
         className: l(
           "w-full",
-          t ? "focus-visible:ring-0 pointer-events-none" : ""
+          n ? "focus-visible:ring-0 pointer-events-none" : ""
         ),
         inputClassName: l(
           "w-full border border-input bg-transparent text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
@@ -36,12 +36,13 @@ const q = ({ field: e }) => {
           "--react-international-phone-height": "2.25rem",
           "--react-international-phone-border-radius": "calc(var(--radius) - 2px)"
         },
+        disableDialCodePrefill: !0,
         ...m
       }
     )
   ] });
 };
 export {
-  q as PhoneWidget,
-  q as default
+  k as PhoneWidget,
+  k as default
 };

package/dist/{RadioWidget-BuFPz7kK.js → RadioWidget-BJ1qwTRO.js}

@@ -4,7 +4,7 @@ import * as n from "@radix-ui/react-radio-group";
 import * as d from "react";
 import { useController as F } from "react-hook-form";
 import { G as E } from "./Spinner-CuUosd-S.js";
-import { h as G, j as V, k as f } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as G, j as V, k as f } from "./CollectionFormBuilder-uvr15jvu.js";
 import { I as q } from "./Input-2CvZ90f8.js";
 import { c as N } from "./cn-C9QoOYNG.js";
 function B(s) {

package/dist/{RichTextWidget-DGFNZ1jl.js → RichTextWidget-CC6uShje.js}

@@ -18,7 +18,7 @@ import { useEditor as I, EditorContent as E } from "@tiptap/react";
 import { useState as D, useEffect as G } from "react";
 import { useController as q } from "react-hook-form";
 import { G as p, e as J, f as V, g as W, h as Z, i as _, j as P, k as K, l as Q, m as X, n as Y, o as $, p as nn } from "./Spinner-CuUosd-S.js";
-import { h as ln, j as en, k as sn } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as ln, j as en, k as sn } from "./CollectionFormBuilder-uvr15jvu.js";
 import { c as j } from "./cn-C9QoOYNG.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-5_c3f2Vk.js → StepsFormVariant-BxANsU4Z.js}

@@ -2,8 +2,8 @@
 import { j as t } from "./jsx-runtime-B6kdoens.js";
 import { useState as A, useMemo as v } from "react";
 import { FormProvider as I } from "react-hook-form";
-import { m as N, F as T } from "./CollectionFormBuilder-jwwjyIpv.js";
-import { u as H, S as M } from "./useLevoForm-BcN8f66y.js";
+import { m as N, F as T } from "./CollectionFormBuilder-uvr15jvu.js";
+import { u as H, S as M } from "./useLevoForm-B4Dmf73H.js";
 import { c as g } from "./cn-C9QoOYNG.js";
 import { B as y } from "./Spinner-CuUosd-S.js";
 const X = () => {

package/dist/{SwitchWidget-t8iwhxk9.js → SwitchWidget-CbCYweyx.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 { h as w, j, k as v } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as w, j, k as v } from "./CollectionFormBuilder-uvr15jvu.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-D0UBxTxe.js → TextWidget-CfEeuyFV.js}

@@ -1,6 +1,6 @@
 import { j as t } from "./jsx-runtime-B6kdoens.js";
 import { useFormContext as j, get as g } from "react-hook-form";
-import { j as h, k as F, l as b } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { j as h, k as F, l as b } from "./CollectionFormBuilder-uvr15jvu.js";
 import { I as y } from "./Input-2CvZ90f8.js";
 import { c as f } from "./cn-C9QoOYNG.js";
 const W = ({

package/dist/{TextareaWidget-CG6J_plD.js → TextareaWidget-Dqt4CVV-.js}

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

package/dist/{ToggleCheckboxWidget-dl8ks4VX.js → ToggleCheckboxWidget-D8CxllEX.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 { h as u, j as g, k as j } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as u, j as g, k as j } from "./CollectionFormBuilder-uvr15jvu.js";
 import { C } from "./Checbox-sq-atGlJ.js";
 const y = ({
   field: e

package/dist/{URLWidget-CHeUEUXl.js → URLWidget-C07DCMOd.js}

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

package/dist/{UploadWidget-CzYGViqE.js → UploadWidget-DoY_CPLy.js}

@@ -5,7 +5,7 @@ import { useMemo as Q, useState as S, useRef as aa, useEffect as D } from "react
 import { useController as ra } from "react-hook-form";
 import { G as R, B as I, S as W, T as ta, a as sa, c as q, d as G } from "./Spinner-CuUosd-S.js";
 import { X as ea, Upload as M } from "lucide-react";
-import { h as oa, j as ca, k as na } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { h as oa, j as ca, k as na } from "./CollectionFormBuilder-uvr15jvu.js";
 import { I as X } from "./Input-2CvZ90f8.js";
 import { l as la, S as K, i as da } from "./Tooltip-CI4i4mYr.js";
 import { useDropzone as xa } from "react-dropzone";

package/dist/collection/components/renderer/RenderCommonField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderCommonField.d.ts","sourceRoot":"","sources":["../../../../src/collection/components/renderer/RenderCommonField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAsCjE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgG5D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"RenderCommonField.d.ts","sourceRoot":"","sources":["../../../../src/collection/components/renderer/RenderCommonField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAsCjE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyG5D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/collection/components/widgets/phoneWidget/PhoneWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneWidget.d.ts","sourceRoot":"","sources":["../../../../../src/collection/components/widgets/phoneWidget/PhoneWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,qCAAqC,CAAC;AAO7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsDnD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"PhoneWidget.d.ts","sourceRoot":"","sources":["../../../../../src/collection/components/widgets/phoneWidget/PhoneWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,qCAAqC,CAAC;AAO7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDnD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/collection/index.js

@@ -1,4 +1,4 @@
-import { C as s, F as r, e as t, g as l, b as i, d as o, c as d, i as u, a as f, p as m, f as n, s as F, u as V, v as c } from "../CollectionFormBuilder-jwwjyIpv.js";
+import { C as s, F as r, e as t, g as l, b as i, d as o, c as d, i as u, a as f, p as m, f as n, s as F, u as V, v as c } from "../CollectionFormBuilder-uvr15jvu.js";
 import { default as p } from "validatorjs";
 export {
   s as CollectionFormBuilder,

package/dist/collection/utils/formHelpers.d.ts

@@ -23,7 +23,7 @@ export declare const updateFieldWInterface: (tempField: ILemaField, field_interf
         key: string;
         kind: typeof import('@levo-so/core').FieldKindList[number];
         label: string;
-        field_interface: "ArrayWidget" | "RecordWidget" | "TextWidget" | "CurrencyWidget" | "TextareaWidget" | "GeocoderWidget" | "MultiGeocoderWidget" | "DropdownWidget" | "ToggleCheckboxWidget" | "RadioWidget" | "NumberWidget" | "EmailWidget" | "PhoneWidget" | "URLWidget" | "DateWidget" | "SwitchWidget" | "RichTextWidget" | "DateTimeWidget" | "CheckboxWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "FileUploadWidget" | "MultiDropdownWidget" | "JSONWidget" | "CollectionWidget";
+        field_interface: "ArrayWidget" | "RecordWidget" | "TextWidget" | "CurrencyWidget" | "TextareaWidget" | "GeocoderWidget" | "MultiGeocoderWidget" | "DropdownWidget" | "ToggleCheckboxWidget" | "RadioWidget" | "NumberWidget" | "EmailWidget" | "PhoneWidget" | "URLWidget" | "DateWidget" | "SwitchWidget" | "RichTextWidget" | "DateTimeWidget" | "CheckboxWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "FileUploadWidget" | "MultiFileUploadWidget" | "MultiDropdownWidget" | "JSONWidget" | "CollectionWidget";
         helper_text?: string | undefined;
         default_value?: any;
         readonly?: boolean | undefined;

package/dist/collection/utils/formHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formHelpers.d.ts","sourceRoot":"","sources":["../../../src/collection/utils/formHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAEnB,KAAK,eAAe,EACpB,KAAK,UAAU,EAIhB,MAAM,eAAe,CAAC;AAEvB,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKpD,KAAK,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD,eAAO,MAAM,aAAa,SAAU,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAG,UAAU,EAQxE,CAAC;AAEF,eAAO,MAAM,SAAS,gCAAgC,CAAC;AAEvD,eAAO,MAAM,YAAY,UAAW,MAAM,YAQzC,CAAC;AAEF,eAAO,MAAM,aAAa,aACd,OAAO,SACV,MAAM,CAAC,MAAM,EAAE,CAAC,gBAAgB,GAAG,MAAM,CAAC,EAAE,CAAC,KACnD;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAA;CA2C1C,CAAC;AAEF,eAAO,MAAM,YAAY,WACf,eAAe,YACb,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2BAoElC,CAAC;AAEF,eAAO,MAAM,qBAAqB,WAAY,UAAU,EAAE,4BAgBzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,WAAY,eAAe,GAAG,IAAI,4BAepE,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,OAAO,cACR,CAAC;AAE9C,eAAO,MAAM,gBAAgB,WACnB,eAAe,SAChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,4BAgC/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,cACrB,UAAU,mBACJ,CAAC,OAAO,mBAAmB,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAuFtD,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,GAAG,UAAU,eAAe,QAoClE,CAAC"}
+{"version":3,"file":"formHelpers.d.ts","sourceRoot":"","sources":["../../../src/collection/utils/formHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAEnB,KAAK,eAAe,EACpB,KAAK,UAAU,EAIhB,MAAM,eAAe,CAAC;AAEvB,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKpD,KAAK,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD,eAAO,MAAM,aAAa,SAAU,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAAG,UAAU,EAQxE,CAAC;AAEF,eAAO,MAAM,SAAS,gCAAgC,CAAC;AAEvD,eAAO,MAAM,YAAY,UAAW,MAAM,YAMzC,CAAC;AAEF,eAAO,MAAM,aAAa,aACd,OAAO,SACV,MAAM,CAAC,MAAM,EAAE,CAAC,gBAAgB,GAAG,MAAM,CAAC,EAAE,CAAC,KACnD;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAA;CA2C1C,CAAC;AAEF,eAAO,MAAM,YAAY,WACf,eAAe,YACb,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2BAoElC,CAAC;AAEF,eAAO,MAAM,qBAAqB,WAAY,UAAU,EAAE,4BAgBzD,CAAC;AAEF,eAAO,MAAM,sBAAsB,WAAY,eAAe,GAAG,IAAI,4BAepE,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,OAAO,cACR,CAAC;AAE9C,eAAO,MAAM,gBAAgB,WACnB,eAAe,SAChB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,4BAgC/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,cACrB,UAAU,mBACJ,CAAC,OAAO,mBAAmB,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAuFtD,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,GAAG,UAAU,eAAe,QAoClE,CAAC"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import { L as s, u as o } from "./LevoProvider-DNbYyEaf.js";
 import { L as t, a as r, b as l } from "./page-CxaKoH22.js";
-import { C as p, F as m, e as d, g, b as f, d as T, c as u, i as c, a as x, p as b, f as D, s as v, u as y, v as F } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { C as p, F as m, e as d, g, b as f, d as T, c as u, i as c, a as x, p as b, f as D, s as v, u as y, v as F } from "./CollectionFormBuilder-uvr15jvu.js";
 import { L } from "./index-wTf_TtOG.js";
 import { D as M, d as P, h as B, f as O, e as V, b as j, a as C, g as I, c as S, i as K, S as U, T as W, k, m as H, l as N, j as z } from "./Tooltip-CI4i4mYr.js";
 import { T as R, e as q, s as w } from "./Sonner-t6JVKA0a.js";

package/dist/{useLevoForm-BcN8f66y.js → useLevoForm-B4Dmf73H.js}

@@ -2,7 +2,7 @@
 import { useEffect as F, useState as O, useRef as B } from "react";
 import { useFormContext as G, useWatch as H, useForm as W } from "react-hook-form";
 import { useDebouncedCallback as q } from "use-debounce";
-import { m as U, b as C, s as z, f as Q } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { m as U, b as C, s as z, f as Q } from "./CollectionFormBuilder-uvr15jvu.js";
 import { u as j } from "./LevoProvider-DNbYyEaf.js";
 import { s as X } from "./Sonner-t6JVKA0a.js";
 import { a as Z } from "./isEmptyObject-C5s4GzLE.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/react",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo suite for React based applications",
   "type": "module",
@@ -16,7 +16,7 @@
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@levo-so/core": "0.1.1"
+    "@levo-so/core": "0.1.2"
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.1",