@levo-so/react 0.1.0 → 0.1.2

package/dist/{CheckboxWidget-CD4lv7B4.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-a0pzMkWL.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-a0pzMkWL.js → CollectionFormBuilder-uvr15jvu.js}

@@ -1,19 +1,19 @@
 "use client";
 import { j as s } from "./jsx-runtime-B6kdoens.js";
-import { FieldInterfaces as a, defaultByKinds as O, formatsByInterface as se, interfaceKinds as oe, FieldInterfacesList as ae } from "@levo-so/core";
-import { G as F, 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 { 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 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";
-import be from "google-libphonenumber";
+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 We from "inflection";
+import * as be from "inflection";
 import { useInView as je } from "react-intersection-observer";
-const { PhoneNumberUtil: ke } = be, ve = (e) => {
+const { PhoneNumberUtil: ke } = We, ve = (e) => {
   const r = [];
   for (const t of Object.keys(e))
     for (const n of (e == null ? void 0 : e[t]) || [])
@@ -82,7 +82,7 @@ const { PhoneNumberUtil: ke } = be, ve = (e) => {
   var t, n;
   const r = {};
   for (const i of e)
-    r[i.key] = (t = O) == 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));
+    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) => {
   var t;
@@ -137,7 +137,7 @@ const { PhoneNumberUtil: ke } = be, ve = (e) => {
       values: [],
       editable: !0
     }
-  ]), t.kind = oe[r] || "string", t.default_value || (t.default_value = O[t.kind] || null), r !== a.CollectionWidget && ae.includes(r) && (t.field_interface = r), { field: t, fieldFocused: n };
+  ]), 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) => {
   var d;
   const t = { ...e }, n = [], i = "_id";
@@ -166,13 +166,13 @@ const { PhoneNumberUtil: ke } = be, ve = (e) => {
       );
   }
 };
-function bt(e) {
-  return F({ 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 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) {
-  return F({ 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);
+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 L = ({
+const A = ({
   children: e,
   isRequired: r,
   className: t,
@@ -196,11 +196,11 @@ const L = ({
   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(L, { 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 L = ({
               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"
             ]
           }
@@ -235,14 +235,14 @@ const L = ({
           value: l.toString(),
           children: [
             /* @__PURE__ */ s.jsx("div", { className: "flex flex-col px-3 py-2 gap-3", children: d.map((p) => {
-              const W = {
+              const b = {
                 ...p,
                 key: `${t}.${l}.${p == null ? void 0 : p.key}`
               };
               return /* @__PURE__ */ s.jsx(
                 J,
                 {
-                  field: W,
+                  field: b,
                   isInternal: r
                 },
                 `common-fields-${p == null ? void 0 : p.id}`
@@ -298,7 +298,7 @@ const L = ({
           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"
         ]
       }
@@ -334,7 +334,7 @@ const L = ({
     },
     validate: (i) => {
       var c, u;
-      if ((c = e == null ? void 0 : e.options) != null && c.disableValidation)
+      if ((c = e == null ? void 0 : e.options) != null && c.disableValidation || !i)
         return !0;
       const d = K(
         {
@@ -347,12 +347,12 @@ const L = ({
       return o && (o == null ? void 0 : o.length) > 0 ? (u = o == null ? void 0 : o[0]) == null ? void 0 : u.message : !0;
     }
   };
-}, Re = _e, Te = j.lazy(
+}, Re = _e, Le = j.lazy(
   () => import("react-select-async-paginate").then((e) => ({
     default: e.AsyncPaginate
   }))
 ), Ne = (e) => /* @__PURE__ */ s.jsx(
-  Te,
+  Le,
   {
     isClearable: !0,
     menuPlacement: "auto",
@@ -390,11 +390,11 @@ const L = ({
     },
     ...e
   }
-), Ie = ({
+), Te = ({
   children: e
-}) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), Le = ({
+}) => /* @__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(
@@ -405,27 +405,27 @@ const L = ({
     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(Ie, { children: e }) }),
-      r && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Le, { children: r }) })
+      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(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) || "", {
-    field: { value: l, onBlur: p, onChange: W, ref: b, disabled: X, ...Y },
-    fieldState: T
+  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: N
   } = ye({
     name: u,
     rules: Re(e)
-  }), Z = !!(e != null && e.required), ee = (M = T == null ? void 0 : T.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 L = ({
         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 L = ({
         options: [],
         hasMore: !1,
         additional: {
-          page: N
+          page: T
         }
       };
     } finally {
@@ -466,21 +466,21 @@ const L = ({
     }
   } : null;
   return /* @__PURE__ */ s.jsxs(
-    Ae,
+    Ie,
     {
-      ref: b,
+      ref: W,
       error: ee,
       helperText: o,
       readOnly: c,
       children: [
-        d && /* @__PURE__ */ s.jsx(L, { htmlFor: u, isRequired: Z, children: d }),
+        d && /* @__PURE__ */ s.jsx(A, { htmlFor: u, isRequired: Z, children: d }),
         /* @__PURE__ */ s.jsx(
           Ne,
           {
             id: u,
             value: re,
             onChange: (y) => {
-              W((y == null ? void 0 : y.value) || null);
+              b((y == null ? void 0 : y.value) || null);
             },
             onBlur: () => {
               p();
@@ -502,25 +502,25 @@ const L = ({
       ]
     }
   );
-}, U = h(() => import("./TextWidget-BtZp3DRk.js")), Me = h(
-  () => import("./CurrencyWidget-DRMqUgbP.js")
+}, H = h(() => import("./TextWidget-CfEeuyFV.js")), De = h(
+  () => import("./CurrencyWidget-VzBWDdzQ.js")
 ), Se = h(
-  () => import("./CheckboxWidget-CD4lv7B4.js")
-), E = h(
-  () => import("./DateTimeWidget-FmBvE_lk.js")
+  () => import("./CheckboxWidget-BV2nPDdB.js")
+), U = h(
+  () => import("./DateTimeWidget-QmZXdxzS.js")
 ), q = h(
-  () => import("./DropdownWidget-CW0GSjwE.js")
-), Ve = h(() => import("./EmailWidget-Nyc76pT8.js")), $e = h(
-  () => import("./GeocoderWidget-Ib15NJcx.js")
+  () => import("./DropdownWidget-CxWQF6r3.js")
+), Ve = h(() => import("./EmailWidget-BxxtgUGU.js")), $e = h(
+  () => import("./GeocoderWidget-lh46EUHn.js")
 ), Pe = h(
-  () => import("./MultiGeocoderWidget-BuW8i48_.js")
-), ze = h(() => import("./PhoneWidget-COo3SBNU.js")), Be = h(() => import("./RadioWidget-C8syq1dO.js")), He = h(
-  () => import("./RichTextWidget-B5qxi5OE.js")
-), Ue = h(() => import("./SwitchWidget-C-p7lICr.js")), Ee = h(
-  () => import("./TextareaWidget-D0TbFUjX.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-BbVq_dAC.js")
-), Oe = h(() => import("./URLWidget-00u8Svwt.js")), I = h(() => import("./UploadWidget-Dim2TEFc.js")), Fe = ({
+  () => import("./ToggleCheckboxWidget-D8CxllEX.js")
+), Fe = h(() => import("./URLWidget-C07DCMOd.js")), R = h(() => import("./UploadWidget-DoY_CPLy.js")), Oe = ({
   field: e,
   isInternal: r
 }) => {
@@ -530,17 +530,17 @@ const L = ({
     return null;
   switch (t) {
     case a.TextWidget:
-      return /* @__PURE__ */ s.jsx(U, { field: e });
+      return /* @__PURE__ */ s.jsx(H, { field: e });
     case a.NumberWidget:
-      return /* @__PURE__ */ s.jsx(U, { 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:
-      return /* @__PURE__ */ s.jsx(E, { field: e, enableTime: !0 });
+      return /* @__PURE__ */ s.jsx(U, { field: e });
     case a.DateWidget:
-      return /* @__PURE__ */ s.jsx(E, { field: e, enableTime: !1 });
+      return /* @__PURE__ */ s.jsx(U, { field: e });
     case a.DropdownWidget:
       return /* @__PURE__ */ s.jsx(q, { field: e, isMulti: !1 });
     case a.MultiDropdownWidget:
@@ -556,18 +556,18 @@ const L = ({
     case a.RadioWidget:
       return /* @__PURE__ */ s.jsx(Be, { field: e });
     case a.RichTextWidget:
-      return /* @__PURE__ */ s.jsx(He, { field: e });
+      return /* @__PURE__ */ s.jsx(Ee, { field: e });
     case a.SwitchWidget:
-      return /* @__PURE__ */ s.jsx(Ue, { field: e });
+      return /* @__PURE__ */ s.jsx(He, { field: e });
     case a.TextareaWidget:
-      return /* @__PURE__ */ s.jsx(Ee, { field: e });
+      return /* @__PURE__ */ s.jsx(Ue, { field: e });
     case a.ToggleCheckboxWidget:
       return /* @__PURE__ */ s.jsx(qe, { field: e });
     case a.URLWidget:
-      return /* @__PURE__ */ s.jsx(Oe, { field: e });
+      return /* @__PURE__ */ s.jsx(Fe, { field: e });
     case a.ImageUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        I,
+        R,
         {
           field: e,
           isMultiple: !1,
@@ -577,7 +577,7 @@ const L = ({
       );
     case a.MultiImageUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        I,
+        R,
         {
           field: e,
           isMultiple: !0,
@@ -587,16 +587,30 @@ const L = ({
       );
     case a.FileUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        I,
+        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
         }
       );
     case a.CollectionWidget:
-      return !((i = e == null ? void 0 : e.options) != null && i.collection_key) || !((d = e == null ? void 0 : e.options) != null && d.label_field_key) || (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) ? null : /* @__PURE__ */ s.jsx(De, { field: e });
+      return !((i = e == null ? void 0 : e.options) != null && i.collection_key) || !((d = e == null ? void 0 : e.options) != null && d.label_field_key) ? (console.error(
+        "[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(Me, { field: e });
     default:
       return null;
   }
@@ -606,7 +620,7 @@ const L = ({
 }) => {
   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(L, { 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,
@@ -632,7 +646,7 @@ const L = ({
     case a.RecordWidget:
       return /* @__PURE__ */ s.jsx(Ge, { ...e });
     default:
-      return /* @__PURE__ */ s.jsx(Fe, { ...e });
+      return /* @__PURE__ */ s.jsx(Oe, { ...e });
   }
 }, Q = j.createContext({
   schema: null,
@@ -653,10 +667,10 @@ const L = ({
     /* @__PURE__ */ s.jsx("div", { ref: i }),
     e
   ] });
-}, Wt = () => j.useContext(Q), Je = j.lazy(
-  () => import("./DefaultFormVariant-BzHB74Ie.js")
+}, bt = () => j.useContext(Q), Je = j.lazy(
+  () => import("./DefaultFormVariant-DyyCGXvB.js")
 ), Qe = j.lazy(
-  () => import("./StepsFormVariant-NSTSIoVV.js")
+  () => import("./StepsFormVariant-BxANsU4Z.js")
 ), Xe = ({
   formVariant: e,
   ...r
@@ -672,7 +686,7 @@ const L = ({
         ),
         children: [
           "Create new ",
-          We.singularize((t == null ? void 0 : t.name) || "")
+          be.singularize((t == null ? void 0 : t.name) || "")
         ]
       }
     ),
@@ -683,7 +697,7 @@ const L = ({
   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: {
@@ -695,8 +709,8 @@ const L = ({
       if (g)
         g.sections = (l = g == null ? void 0 : g.sections) == null ? void 0 : l.map(
           (p) => {
-            var W;
-            return p.fields = (W = p == null ? void 0 : p.fields) == null ? void 0 : W.map((b) => (r != null && r.includes(b == null ? void 0 : b.key) && (b.hidden = !0), b)), p;
+            var b;
+            return p.fields = (b = p == null ? void 0 : p.fields) == null ? void 0 : b.map((W) => (r != null && r.includes(W == null ? void 0 : W.key) && (W.hidden = !0), W)), p;
           }
         ), c(g);
       else
@@ -713,7 +727,7 @@ const L = ({
 export {
   jt as C,
   J as F,
-  bt as H,
+  Wt as H,
   K as a,
   ht as b,
   B as c,
@@ -723,10 +737,10 @@ export {
   C as g,
   Re as h,
   we as i,
-  Ae as j,
-  L as k,
+  Ie as j,
+  A as k,
   _e as l,
-  Wt as m,
+  bt as m,
   z as p,
   yt as s,
   xt as u,

package/dist/{CurrencyWidget-DRMqUgbP.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-a0pzMkWL.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-QmZXdxzS.js

@@ -0,0 +1,80 @@
+import { j as r } from "./jsx-runtime-B6kdoens.js";
+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-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) => {
+  if (e) {
+    const o = new Date(e);
+    return Number.isNaN(o.getTime()) ? null : o;
+  }
+  return null;
+}, B = ({ field: e }) => {
+  var d;
+  const { key: o = "", label: m = "", helper_text: f = "", readonly: x = !1 } = e, n = o, {
+    field: { value: i, onBlur: u, onChange: s, ref: h, ...j },
+    fieldState: a
+  } = 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;
+  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: [
+      /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          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" })
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        T,
+        {
+          id: n,
+          selected: I(i),
+          onChange: (t) => {
+            s && s((t == null ? void 0 : t.toISOString()) || null);
+          },
+          onBlur: () => {
+            u && u();
+          },
+          className: "w-full pl-8",
+          showTimeSelect: c,
+          customInput: /* @__PURE__ */ r.jsx(F, { ref: h }),
+          autoComplete: "off",
+          dateFormat: c ? "d MMMM, yyyy h:mm aa" : "d MMMM, yyyy",
+          popperPlacement: "bottom-start",
+          showPopperArrow: !1,
+          ...j
+        }
+      ),
+      i && /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: p(
+            "absolute right-0 top-0 bottom-0 w-9 z-10 flex items-center justify-center rounded-l-md overflow-hidden"
+          ),
+          children: /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: (t) => {
+                t == null || t.preventDefault(), t == null || t.stopPropagation(), s && s(null);
+              },
+              children: /* @__PURE__ */ r.jsx(w, { size: "20px", className: "text-muted-foreground" })
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  B as default
+};

package/dist/{DefaultFormVariant-BzHB74Ie.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-a0pzMkWL.js";
-import { u as F, S as N } from "./useLevoForm-CR3q-L5Z.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-CW0GSjwE.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-a0pzMkWL.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-BxxtgUGU.js

@@ -0,0 +1,41 @@
+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-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);
+}
+const k = ({ field: e, ...c }) => {
+  var l;
+  const { key: u = "", label: s = "", helper_text: d = "", readonly: h = !1 } = e, t = u, {
+    field: { value: p, onBlur: x, onChange: g, ...f },
+    fieldState: a
+  } = y({
+    name: t,
+    rules: F(e)
+  }), j = !!(e != null && e.required), v = (l = a == null ? void 0 : a.error) == null ? void 0 : l.message;
+  return /* @__PURE__ */ r.jsxs(I, { error: v, helperText: d, children: [
+    s && /* @__PURE__ */ r.jsx(V, { htmlFor: t, isRequired: j, children: s }),
+    /* @__PURE__ */ r.jsx(
+      b,
+      {
+        id: t,
+        type: "email",
+        leftIcon: /* @__PURE__ */ r.jsx("div", { className: "w-full h-full flex items-center justify-center bg-muted", children: /* @__PURE__ */ r.jsx(w, { size: "20px", className: "text-muted-foreground" }) }),
+        value: p || "",
+        onChange: (o) => {
+          var n, i, m;
+          return g((m = (i = (n = o == null ? void 0 : o.target) == null ? void 0 : n.value) == null ? void 0 : i.trim()) == null ? void 0 : m.toLocaleLowerCase());
+        },
+        onBlur: x,
+        readOnly: h,
+        ...f,
+        ...c
+      }
+    )
+  ] });
+};
+export {
+  k as default
+};

package/dist/{GeocoderWidget-Ib15NJcx.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-a0pzMkWL.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-BuW8i48_.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-a0pzMkWL.js";
+import { k as n } from "./CollectionFormBuilder-uvr15jvu.js";
 import { Plus as c } from "lucide-react";
-import { GeocoderWidget as d } from "./GeocoderWidget-Ib15NJcx.js";
+import { GeocoderWidget as d } from "./GeocoderWidget-lh46EUHn.js";
 import { B as p } from "./Spinner-CuUosd-S.js";
 const g = ({
   field: l