@levo-so/react 0.1.0 → 0.1.1

package/dist/{CheckboxWidget-CD4lv7B4.js → CheckboxWidget-ComdVcZ_.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-jwwjyIpv.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-jwwjyIpv.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 { 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 { 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]) || [])
@@ -21,7 +21,7 @@ const { PhoneNumberUtil: ke } = be, ve = (e) => {
   return r;
 }, z = ke.getInstance(), we = (e) => {
   try {
-    return z.isValidNumber(z.parseAndKeepRawInput(e));
+    return e && (e == null ? void 0 : e.trim().length) > 3 ? z.isValidNumber(z.parseAndKeepRawInput(e)) : !0;
   } catch {
     return !1;
   }
@@ -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);
+  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 I = ({
   children: e,
   isRequired: r,
   className: t,
@@ -200,7 +200,7 @@ const L = ({
     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(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.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(
@@ -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}`
@@ -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,9 +390,9 @@ 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 }), Ie = ({
   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,8 +405,8 @@ 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(Ie, { children: r }) })
     ] })
   }
 )), De = ({
@@ -414,12 +414,12 @@ const L = ({
 }) => {
   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
+    field: { value: l, onBlur: p, onChange: b, ref: W, disabled: X, ...Y },
+    fieldState: L
   } = 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 = (M = L == null ? void 0 : L.error) == null ? void 0 : M.message, te = async (y, Ye, { page: N = 1 }) => {
     var S;
     n(!0);
     try {
@@ -468,19 +468,19 @@ const L = ({
   return /* @__PURE__ */ s.jsxs(
     Ae,
     {
-      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(I, { 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")
+}, E = h(() => import("./TextWidget-D0UBxTxe.js")), Me = h(
+  () => import("./CurrencyWidget-DVqD_lsY.js")
 ), Se = h(
-  () => import("./CheckboxWidget-CD4lv7B4.js")
-), E = h(
-  () => import("./DateTimeWidget-FmBvE_lk.js")
+  () => import("./CheckboxWidget-ComdVcZ_.js")
+), U = h(
+  () => import("./DateTimeWidget-CvgzwY1U.js")
 ), q = h(
-  () => import("./DropdownWidget-CW0GSjwE.js")
-), Ve = h(() => import("./EmailWidget-Nyc76pT8.js")), $e = h(
-  () => import("./GeocoderWidget-Ib15NJcx.js")
+  () => import("./DropdownWidget-C2YaM9Cf.js")
+), Ve = h(() => import("./EmailWidget-BBthwF68.js")), $e = h(
+  () => import("./GeocoderWidget-Dht_2vi6.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-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-BbVq_dAC.js")
-), Oe = h(() => import("./URLWidget-00u8Svwt.js")), I = h(() => import("./UploadWidget-Dim2TEFc.js")), Fe = ({
+  () => import("./ToggleCheckboxWidget-dl8ks4VX.js")
+), Fe = h(() => import("./URLWidget-CHeUEUXl.js")), T = h(() => import("./UploadWidget-CzYGViqE.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(E, { field: e });
     case a.NumberWidget:
-      return /* @__PURE__ */ s.jsx(U, { type: "number", field: e });
+      return /* @__PURE__ */ s.jsx(E, { type: "number", field: e });
     case a.CurrencyWidget:
       return /* @__PURE__ */ s.jsx(Me, { 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:
@@ -558,16 +558,16 @@ const L = ({
     case a.RichTextWidget:
       return /* @__PURE__ */ s.jsx(He, { field: e });
     case a.SwitchWidget:
-      return /* @__PURE__ */ s.jsx(Ue, { field: e });
-    case a.TextareaWidget:
       return /* @__PURE__ */ s.jsx(Ee, { field: e });
+    case a.TextareaWidget:
+      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,
+        T,
         {
           field: e,
           isMultiple: !1,
@@ -577,7 +577,7 @@ const L = ({
       );
     case a.MultiImageUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        I,
+        T,
         {
           field: e,
           isMultiple: !0,
@@ -587,7 +587,7 @@ const L = ({
       );
     case a.FileUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        I,
+        T,
         {
           field: e,
           isMultiple: !1,
@@ -596,7 +596,11 @@ const L = ({
         }
       );
     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(De, { field: e });
     default:
       return null;
   }
@@ -606,7 +610,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(I, { 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 +636,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 +657,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-CbRB9O_e.js")
 ), Qe = j.lazy(
-  () => import("./StepsFormVariant-NSTSIoVV.js")
+  () => import("./StepsFormVariant-5_c3f2Vk.js")
 ), Xe = ({
   formVariant: e,
   ...r
@@ -672,7 +676,7 @@ const L = ({
         ),
         children: [
           "Create new ",
-          We.singularize((t == null ? void 0 : t.name) || "")
+          be.singularize((t == null ? void 0 : t.name) || "")
         ]
       }
     ),
@@ -695,8 +699,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 +717,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,
@@ -724,9 +728,9 @@ export {
   Re as h,
   we as i,
   Ae as j,
-  L as k,
+  I 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-DVqD_lsY.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-jwwjyIpv.js";
 import { c as N } from "./cn-C9QoOYNG.js";
 const V = ({
   field: r,

package/dist/DateTimeWidget-CvgzwY1U.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-jwwjyIpv.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-CbRB9O_e.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-jwwjyIpv.js";
+import { u as F, S as N } from "./useLevoForm-BcN8f66y.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-C2YaM9Cf.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-jwwjyIpv.js";
 import { I as L } from "./Input-2CvZ90f8.js";
 import { c as x } from "./cn-C9QoOYNG.js";
 const G = ({

package/dist/EmailWidget-BBthwF68.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-jwwjyIpv.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-Dht_2vi6.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-jwwjyIpv.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-paCFW0QZ.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-jwwjyIpv.js";
 import { Plus as c } from "lucide-react";
-import { GeocoderWidget as d } from "./GeocoderWidget-Ib15NJcx.js";
+import { GeocoderWidget as d } from "./GeocoderWidget-Dht_2vi6.js";
 import { B as p } from "./Spinner-CuUosd-S.js";
 const g = ({
   field: l

package/dist/{PhoneWidget-COo3SBNU.js → PhoneWidget-CP2T2JDx.js}

@@ -2,7 +2,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 { h as x, j as v, k as j } from "./CollectionFormBuilder-a0pzMkWL.js";
+import { h as x, j as v, k as j } from "./CollectionFormBuilder-jwwjyIpv.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, {

package/dist/{RadioWidget-C8syq1dO.js → RadioWidget-BuFPz7kK.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-a0pzMkWL.js";
+import { h as G, j as V, k as f } from "./CollectionFormBuilder-jwwjyIpv.js";
 import { I as q } from "./Input-2CvZ90f8.js";
 import { c as N } from "./cn-C9QoOYNG.js";
 function B(s) {

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

@@ -3,11 +3,11 @@ import { j as l } from "./jsx-runtime-B6kdoens.js";
 import B from "@tiptap/extension-bold";
 import d from "@tiptap/extension-bullet-list";
 import w from "@tiptap/extension-document";
-import { HardBreak as z } from "@tiptap/extension-hard-break";
-import y from "@tiptap/extension-history";
+import { HardBreak as y } from "@tiptap/extension-hard-break";
+import z from "@tiptap/extension-history";
 import S from "@tiptap/extension-italic";
-import M from "@tiptap/extension-link";
-import R from "@tiptap/extension-list-item";
+import R from "@tiptap/extension-link";
+import M from "@tiptap/extension-list-item";
 import U from "@tiptap/extension-ordered-list";
 import T from "@tiptap/extension-paragraph";
 import H from "@tiptap/extension-strike";
@@ -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-a0pzMkWL.js";
+import { h as ln, j as en, k as sn } from "./CollectionFormBuilder-jwwjyIpv.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);
@@ -222,7 +222,7 @@ const e = ({
       )
     ] })
   ] });
-}, Mn = ({ field: n }) => {
+}, Rn = ({ field: n }) => {
   var b;
   const [c, t] = D(!1), { key: i = "", label: u = "", helper_text: r = "", readonly: h = !1 } = n, o = i, {
     field: { value: x, onBlur: k, onChange: L, ...m },
@@ -241,9 +241,9 @@ const e = ({
       H,
       U,
       d,
-      R,
-      z,
-      M.configure({
+      M,
+      y,
+      R.configure({
         HTMLAttributes: {
           target: "_blank"
         },
@@ -252,7 +252,7 @@ const e = ({
       O.configure({
         types: ["heading", "paragraph"]
       }),
-      y
+      z
     ],
     content: x,
     editable: !m.disabled && !h,
@@ -262,7 +262,8 @@ const e = ({
     onUpdate: ({ editor: f }) => {
       const C = f.getHTML();
       L(C);
-    }
+    },
+    immediatelyRender: !1
   });
   return G(() => {
     s != null && s.commands && !c && (s.commands.setContent(x || ""), t(!0));
@@ -303,7 +304,7 @@ const e = ({
   ] });
 };
 export {
-  Mn as RichTextWidget,
+  Rn as RichTextWidget,
   e as ToolbarButton,
-  Mn as default
+  Rn as default
 };