@levo-so/react 0.1.12 → 0.1.14

package/dist/{CheckboxWidget-BLxjrwGY.js → CheckboxWidget-BctVOZiO.js}

@@ -3,7 +3,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 { c as E } from "./cn-C9QoOYNG.js";
-import { h as I, j as O, k as u } from "./CollectionFormBuilder-dqQC2Vnj.js";
+import { h as I, j as O, k as u } from "./CollectionFormBuilder-B6CAVKhg.js";
 import { C as w } from "./Checbox-sq-atGlJ.js";
 import { I as _ } from "./Input-2CvZ90f8.js";
 const T = ({ field: i }) => {

package/dist/{CollectionFormBuilder-dqQC2Vnj.js → CollectionFormBuilder-B6CAVKhg.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as s } from "./jsx-runtime-B6kdoens.js";
 import { FieldInterfaces as a, defaultByKinds as F, formatsByInterface as se, interfaceKinds as oe, FieldInterfacesList as ae } from "@levo-so/core";
-import j, { useState as L, lazy as h, Suspense as ie, useEffect as le } from "react";
+import b, { useState as T, lazy as h, Suspense as ie, useEffect as le } from "react";
 import { useFieldArray as ce, useController as ue } from "react-hook-form";
 import { G as O, T as de, a as ge, c as me, B as v, d as he, r as pe, s as xe, S as ye } from "./Spinner-DzGH5rKe.js";
 import { Mate as $ } from "@theinternetfolks/mate";
@@ -11,8 +11,8 @@ import We from "google-libphonenumber";
 import P from "validator";
 import w from "validatorjs";
 import { c as f } from "./cn-C9QoOYNG.js";
-import * as be from "inflection";
-import { useInView as je } from "react-intersection-observer";
+import * as je from "inflection";
+import { useInView as be } from "react-intersection-observer";
 const { PhoneNumberUtil: ke } = We, ve = (e) => {
   const r = [];
   for (const t of Object.keys(e))
@@ -52,7 +52,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
     status: !1,
     errors: ve(t.errors.all())
   };
-}, gt = (e, r) => {
+}, mt = (e, r) => {
   const t = {};
   for (const o of e.sections)
     for (const c of o.fields) {
@@ -84,7 +84,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
   for (const i of e)
     r[i.key] = (t = F) == null ? void 0 : t[i == null ? void 0 : i.kind], (i == null ? void 0 : i.field_interface) === a.RecordWidget && ((n = i == null ? void 0 : i.fields) != null && n.length) && (r[i.key] = C(i.fields));
   return r;
-}, mt = (e) => {
+}, ht = (e) => {
   var t;
   if (!(e != null && e.sections)) return {};
   let r = {};
@@ -94,7 +94,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
       ...C(n.fields)
     });
   return r;
-}, B = (e) => typeof e < "u" ? e : null, ht = (e, r) => {
+}, B = (e) => typeof e < "u" ? e : null, pt = (e, r) => {
   var n;
   if (!(e != null && e.sections)) return {};
   const t = {};
@@ -109,7 +109,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
     }
   }
   return t;
-}, pt = (e, r) => {
+}, xt = (e, r) => {
   var i;
   const t = { ...e };
   let n = null;
@@ -138,7 +138,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
       editable: !0
     }
   ]), t.kind = oe[r] || "string", t.default_value || (t.default_value = F[t.kind] || null), r !== a.CollectionWidget && ae.includes(r) && (t.field_interface = r), { field: t, fieldFocused: n };
-}, xt = (e, r) => {
+}, yt = (e, r) => {
   var d;
   const t = { ...e }, n = [], i = "_id";
   if (r)
@@ -150,7 +150,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
       (c) => c[i]
     ) : t[o] = t[o][i]);
   return t;
-}, yt = (e, r) => {
+}, ft = (e, r) => {
   if (Array.isArray(e) && e.length > 0) {
     let t = 0;
     for (const n of e)
@@ -166,7 +166,7 @@ const { PhoneNumberUtil: ke } = We, ve = (e) => {
       );
   }
 };
-function ft(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 E(e) {
@@ -196,7 +196,7 @@ const A = ({
   field: e,
   isInternal: r
 }) => {
-  const { key: t = "", label: n = "", field_interface: i = "", fields: d = [] } = e, [o, c] = L("0"), { fields: u, ...g } = ce({
+  const { key: t = "", label: n = "", field_interface: i = "", fields: d = [] } = e, [o, c] = T("0"), { fields: u, ...g } = ce({
     name: t
   });
   return !i || !t ? null : /* @__PURE__ */ s.jsxs("div", { className: "w-full max-w-full", children: [
@@ -235,14 +235,14 @@ const A = ({
           value: l.toString(),
           children: [
             /* @__PURE__ */ s.jsx("div", { className: "flex flex-col px-3 py-2 gap-3", children: d.map((p) => {
-              const b = {
+              const j = {
                 ...p,
                 key: `${t}.${l}.${p == null ? void 0 : p.key}`
               };
               return /* @__PURE__ */ s.jsx(
                 J,
                 {
-                  field: b,
+                  field: j,
                   isInternal: r
                 },
                 `common-fields-${p == null ? void 0 : p.id}`
@@ -304,7 +304,7 @@ const A = ({
       }
     )
   ] });
-}, _e = (e) => {
+}, Re = (e) => {
   const r = e == null ? void 0 : e.key;
   let t = r == null ? void 0 : r.replace(/_/g, " ");
   if (t != null && t.endsWith("Id") && (t = t == null ? void 0 : t.replace("Id", "")), t.includes(".")) {
@@ -347,12 +347,12 @@ const A = ({
       return o && (o == null ? void 0 : o.length) > 0 ? (u = o == null ? void 0 : o[0]) == null ? void 0 : u.message : !0;
     }
   };
-}, Re = j.lazy(
+}, _e = b.lazy(
   () => import("react-select-async-paginate").then((e) => ({
     default: e.AsyncPaginate
   }))
-), Le = (e) => /* @__PURE__ */ s.jsx(
-  Re,
+), Te = (e) => /* @__PURE__ */ s.jsx(
+  _e,
   {
     isClearable: !0,
     menuPlacement: "auto",
@@ -390,11 +390,11 @@ const A = ({
     },
     ...e
   }
-), Ne = ({
+), Le = ({
   children: e
-}) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), Te = ({
+}) => /* @__PURE__ */ s.jsx("p", { className: "text-xs font-normal text-red-400 text-wrap", children: e }), Ne = ({
   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 }), Ae = b.forwardRef(({ error: e, helperText: r, containerStyles: t, readOnly: n, children: i }, d) => /* @__PURE__ */ s.jsx(
   "div",
   {
     className: f(
@@ -405,30 +405,30 @@ const A = ({
     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(Ne, { children: e }) }),
-      r && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Te, { children: r }) })
+      e && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Le, { children: e }) }),
+      r && /* @__PURE__ */ s.jsx("div", { className: f("w-full mt-3"), children: /* @__PURE__ */ s.jsx(Ne, { children: r }) })
     ] })
   }
 )), Ie = ({
   field: e
 }) => {
   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
+  const { collection: r } = G(), [t, n] = T(!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: j, ref: W, disabled: X, ...Y },
+    fieldState: L
   } = ue({
     name: u,
-    rules: _e(e)
-  }), Z = !!(e != null && e.required), ee = (D = N == null ? void 0 : N.error) == null ? void 0 : D.message, te = async (y, Xe, { page: T = 1 }) => {
+    rules: Re(e)
+  }), Z = !!(e != null && e.required), ee = (D = L == null ? void 0 : L.error) == null ? void 0 : D.message, te = async (y, Ye, { page: N = 1 }) => {
     var S;
     n(!0);
     try {
-      const _ = await (r == null ? void 0 : r.getCollectionContentList({
+      const R = await (r == null ? void 0 : r.getCollectionContentList({
         collection_key: g,
-        page: T,
+        page: N,
         search: y,
         limit: 10
-      })), k = (S = _ == null ? void 0 : _.content) == null ? void 0 : S.data, V = (k || []).map((m) => {
+      })), k = (S = R == null ? void 0 : R.content) == null ? void 0 : S.data, V = (k || []).map((m) => {
         const ne = m != null && m[x] ? m == null ? void 0 : m[x] : $.toTitle((m == null ? void 0 : m.slug) || "");
         return {
           value: {
@@ -443,7 +443,7 @@ const A = ({
         options: Array.isArray(V) ? V : [],
         hasMore: k && !((k == null ? void 0 : k.length) < 10),
         additional: {
-          page: T + 1
+          page: N + 1
         }
       };
     } catch {
@@ -451,7 +451,7 @@ const A = ({
         options: [],
         hasMore: !1,
         additional: {
-          page: T
+          page: N
         }
       };
     } finally {
@@ -475,12 +475,12 @@ const A = ({
       children: [
         d && /* @__PURE__ */ s.jsx(A, { htmlFor: u, isRequired: Z, children: d }),
         /* @__PURE__ */ s.jsx(
-          Le,
+          Te,
           {
             id: u,
             value: re,
             onChange: (y) => {
-              b((y == null ? void 0 : y.value) || null);
+              j((y == null ? void 0 : y.value) || null);
             },
             onBlur: () => {
               p();
@@ -502,29 +502,31 @@ const A = ({
       ]
     }
   );
-}, H = h(() => import("./TextWidget-DU_YaDEV.js")), Me = h(
-  () => import("./CurrencyWidget-CAMx9DJF.js")
-), De = h(
-  () => import("./CheckboxWidget-BLxjrwGY.js")
+}, Me = h(
+  () => import("./MultiTextWidget-CyQRcWC8.js")
+), H = h(() => import("./TextWidget-Bvsz-hey.js")), De = h(
+  () => import("./CurrencyWidget-COoMkfsA.js")
+), Se = h(
+  () => import("./CheckboxWidget-BctVOZiO.js")
 ), U = h(
-  () => import("./DateTimeWidget-DaLajxcA.js")
+  () => import("./DateTimeWidget-DcbQ3smI.js")
 ), q = h(
-  () => import("./DropdownWidget-6qBfLQ2N.js")
-), Se = h(() => import("./EmailWidget-p5rZwhuj.js")), Ve = h(
-  () => import("./GeocoderWidget-BbKp8xEY.js")
-), $e = h(
-  () => import("./MultiGeocoderWidget-BNHx170i.js")
-), Pe = h(() => import("./PhoneWidget-BWzgF1A0.js")), ze = h(() => import("./RadioWidget-DiHb1y_Q.js")), Be = h(
-  () => import("./RichTextWidget-D7o_yfwT.js")
-), Ee = h(() => import("./SwitchWidget-CKHM9_1n.js")), He = h(
-  () => import("./TextareaWidget-znTolctc.js")
-), Ue = h(
-  () => import("./ToggleCheckboxWidget-CcNooLk3.js")
-), qe = h(() => import("./URLWidget-BRXXKqlE.js")), R = h(() => import("./UploadWidget-Dr8-x83l.js")), Fe = ({
+  () => import("./DropdownWidget-DszCTSWr.js")
+), Ve = h(() => import("./EmailWidget-CG9oNUM5.js")), $e = h(
+  () => import("./GeocoderWidget-CXu17A7y.js")
+), Pe = h(
+  () => import("./MultiGeocoderWidget-D3Xmv8g4.js")
+), ze = h(() => import("./PhoneWidget-C1Jt7kXL.js")), Be = h(() => import("./RadioWidget-BrLNF-I2.js")), Ee = h(
+  () => import("./RichTextWidget-BogYcPtS.js")
+), He = h(() => import("./SwitchWidget-BT0-waP9.js")), Ue = h(
+  () => import("./TextareaWidget-8SLym--T.js")
+), qe = h(
+  () => import("./ToggleCheckboxWidget-VrCQBF5C.js")
+), Fe = h(() => import("./URLWidget-B99nKr6N.js")), _ = h(() => import("./UploadWidget-ZebPWZZZ.js")), Oe = ({
   field: e,
   isInternal: r
 }) => {
-  var i, d, o, c;
+  var i, d, o;
   const { field_interface: t, key: n } = e;
   if (!t || !n)
     return null;
@@ -534,9 +536,9 @@ const A = ({
     case a.NumberWidget:
       return /* @__PURE__ */ s.jsx(H, { type: "number", field: e });
     case a.CurrencyWidget:
-      return /* @__PURE__ */ s.jsx(Me, { field: e });
-    case a.CheckboxWidget:
       return /* @__PURE__ */ s.jsx(De, { field: e });
+    case a.CheckboxWidget:
+      return /* @__PURE__ */ s.jsx(Se, { field: e });
     case a.DateTimeWidget:
       return /* @__PURE__ */ s.jsx(U, { field: e });
     case a.DateWidget:
@@ -545,29 +547,31 @@ const A = ({
       return /* @__PURE__ */ s.jsx(q, { field: e, isMulti: !1 });
     case a.MultiDropdownWidget:
       return /* @__PURE__ */ s.jsx(q, { field: e, isMulti: !0 });
+    case a.MultiTextWidget:
+      return /* @__PURE__ */ s.jsx(Me, { field: e });
     case a.EmailWidget:
-      return /* @__PURE__ */ s.jsx(Se, { field: e });
-    case a.GeocoderWidget:
       return /* @__PURE__ */ s.jsx(Ve, { field: e });
-    case a.MultiGeocoderWidget:
+    case a.GeocoderWidget:
       return /* @__PURE__ */ s.jsx($e, { field: e });
-    case a.PhoneWidget:
+    case a.MultiGeocoderWidget:
       return /* @__PURE__ */ s.jsx(Pe, { field: e });
-    case a.RadioWidget:
+    case a.PhoneWidget:
       return /* @__PURE__ */ s.jsx(ze, { field: e });
-    case a.RichTextWidget:
+    case a.RadioWidget:
       return /* @__PURE__ */ s.jsx(Be, { field: e });
-    case a.SwitchWidget:
+    case a.RichTextWidget:
       return /* @__PURE__ */ s.jsx(Ee, { field: e });
-    case a.TextareaWidget:
+    case a.SwitchWidget:
       return /* @__PURE__ */ s.jsx(He, { field: e });
-    case a.ToggleCheckboxWidget:
+    case a.TextareaWidget:
       return /* @__PURE__ */ s.jsx(Ue, { field: e });
-    case a.URLWidget:
+    case a.ToggleCheckboxWidget:
       return /* @__PURE__ */ s.jsx(qe, { field: e });
+    case a.URLWidget:
+      return /* @__PURE__ */ s.jsx(Fe, { field: e });
     case a.ImageUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        R,
+        _,
         {
           field: e,
           isMultiple: !1,
@@ -577,7 +581,7 @@ const A = ({
       );
     case a.MultiImageUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        R,
+        _,
         {
           field: e,
           isMultiple: !0,
@@ -587,7 +591,7 @@ const A = ({
       );
     case a.FileUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        R,
+        _,
         {
           field: e,
           isMultiple: !1,
@@ -597,7 +601,7 @@ const A = ({
       );
     case a.MultiFileUploadWidget:
       return /* @__PURE__ */ s.jsx(
-        R,
+        _,
         {
           field: e,
           isMultiple: !0,
@@ -608,13 +612,34 @@ const A = ({
     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) ? (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(Ie, { field: e });
+      ), null) : (
+        /**
+         * @context
+         *
+         * this includes both `o2m` and `m2m` relationships, which if rendered
+         * should be using a multi-select dropdown widget
+         *
+         *
+         * @todo
+         * but, if such a field exist, we should be handling that with a modal or a drawer widget
+         * which renders a table with a multi-row select.
+         *
+         * the selected row, would then become connected to the current row.
+         *
+         * e.g.: `blog` collection key can have an `o2m` relationship with `post` collection key
+         *
+         * in this case, the `post` collection key should be rendered as a widget which shows count of posts
+         * and on clicking which actually opens a modal or a drawer widget which renders a table with a multi-row select
+         *
+         */
+        (o = e == null ? void 0 : e.options) != null && o.current_have_many_connected ? (console.error(
+          "[LevoCollection]: Error while rendering collection widget. Field options not set correctly."
+        ), null) : /* @__PURE__ */ s.jsx(Ie, { field: e })
+      );
     default:
       return null;
   }
-}, Oe = ({
+}, Ge = ({
   field: e,
   isInternal: r
 }) => {
@@ -644,20 +669,20 @@ const A = ({
     case a.ArrayWidget:
       return /* @__PURE__ */ s.jsx(Ce, { ...e });
     case a.RecordWidget:
-      return /* @__PURE__ */ s.jsx(Oe, { ...e });
+      return /* @__PURE__ */ s.jsx(Ge, { ...e });
     default:
-      return /* @__PURE__ */ s.jsx(Fe, { ...e });
+      return /* @__PURE__ */ s.jsx(Oe, { ...e });
   }
-}, Q = j.createContext({
+}, Q = b.createContext({
   schema: null,
   submitButtonConfig: {
     show: !0
   }
-}), Ge = ({
+}), Ke = ({
   children: e,
   ...r
 }) => {
-  const { schema: t, onFormView: n } = r, { ref: i } = je({
+  const { schema: t, onFormView: n } = r, { ref: i } = be({
     triggerOnce: !0,
     onChange: (d) => {
       d && (t != null && t.id) && n && n({ schemaId: t.id });
@@ -667,16 +692,16 @@ const A = ({
     /* @__PURE__ */ s.jsx("div", { ref: i }),
     e
   ] });
-}, Wt = () => j.useContext(Q), Ke = j.lazy(
-  () => import("./DefaultFormVariant-CpnU1wDu.js")
-), Je = j.lazy(
-  () => import("./StepsFormVariant-DGmREjGv.js")
-), Qe = ({
+}, jt = () => b.useContext(Q), Je = b.lazy(
+  () => import("./DefaultFormVariant-C6zbKgwB.js")
+), Qe = b.lazy(
+  () => import("./StepsFormVariant-Bx-jdciC.js")
+), Xe = ({
   formVariant: e,
   ...r
 }) => {
   const { schema: t, uiConfig: n } = r;
-  return /* @__PURE__ */ s.jsxs(Ge, { ...r, children: [
+  return /* @__PURE__ */ s.jsxs(Ke, { ...r, children: [
     n != null && n.hideFormHeading ? null : /* @__PURE__ */ s.jsxs(
       "h1",
       {
@@ -686,18 +711,18 @@ const A = ({
         ),
         children: [
           "Create new ",
-          be.singularize((t == null ? void 0 : t.name) || "")
+          je.singularize((t == null ? void 0 : t.name) || "")
         ]
       }
     ),
-    /* @__PURE__ */ s.jsx(ie, { children: e === "steps" ? /* @__PURE__ */ s.jsx(Je, {}) : /* @__PURE__ */ s.jsx(Ke, {}) })
+    /* @__PURE__ */ s.jsx(ie, { children: e === "steps" ? /* @__PURE__ */ s.jsx(Qe, {}) : /* @__PURE__ */ s.jsx(Je, {}) })
   ] });
 }, bt = ({
   collection_id: e,
   hiddenFields: r,
   ...t
 }) => {
-  const { collection: n } = G(), [i, d] = L(!0), [o, c] = L(null);
+  const { collection: n } = G(), [i, d] = T(!0), [o, c] = T(null);
   return le(() => {
     e ? n == null || n.getCollectionByIDExpanded(e, {
       headers: {
@@ -709,8 +734,8 @@ const A = ({
       if (g)
         g.sections = (l = g == null ? void 0 : g.sections) == null ? void 0 : l.map(
           (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;
+            var j;
+            return p.fields = (j = p == null ? void 0 : p.fields) == null ? void 0 : j.map((W) => (r != null && r.includes(W == null ? void 0 : W.key) && (W.hidden = !0), W)), p;
           }
         ), c(g);
       else
@@ -722,26 +747,26 @@ const A = ({
     }) : (console.error(
       "[CollectionFormBuilder] Collection ID or Workspace ID is missing."
     ), d(!1));
-  }, [e]), /* @__PURE__ */ s.jsx("div", { className: "w-full h-auto", children: i ? /* @__PURE__ */ s.jsx("div", { className: "min-h-[400px] w-full flex justify-center items-center bg-white rounded-md", children: /* @__PURE__ */ s.jsx(ye, {}) }) : o ? /* @__PURE__ */ s.jsx(Qe, { schema: o, ...t }) : null });
+  }, [e]), /* @__PURE__ */ s.jsx("div", { className: "w-full h-auto", children: i ? /* @__PURE__ */ s.jsx("div", { className: "min-h-[400px] w-full flex justify-center items-center bg-white rounded-md", children: /* @__PURE__ */ s.jsx(ye, {}) }) : o ? /* @__PURE__ */ s.jsx(Xe, { schema: o, ...t }) : null });
 };
 export {
   bt as C,
   J as F,
-  ft as H,
+  Wt as H,
   K as a,
-  mt as b,
+  ht as b,
   B as c,
-  ht as d,
+  pt as d,
   ve as e,
-  yt as f,
+  ft as f,
   C as g,
-  _e as h,
+  Re as h,
   we as i,
   Ae as j,
   A as k,
-  Wt as l,
+  jt as l,
   z as p,
-  xt as s,
-  pt as u,
-  gt as v
+  yt as s,
+  xt as u,
+  mt as v
 };

package/dist/{CurrencyWidget-CAMx9DJF.js → CurrencyWidget-COoMkfsA.js}

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

package/dist/{DateTimeWidget-DaLajxcA.js → DateTimeWidget-DcbQ3smI.js}

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

package/dist/{DefaultFormVariant-CpnU1wDu.js → DefaultFormVariant-C6zbKgwB.js}

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { FormProvider as S } from "react-hook-form";
 import { c as m } from "./cn-C9QoOYNG.js";
-import { l as y, F } from "./CollectionFormBuilder-dqQC2Vnj.js";
-import { u as N, S as w } from "./useLevoForm-D8moCDuJ.js";
+import { l as y, F } from "./CollectionFormBuilder-B6CAVKhg.js";
+import { u as N, S as w } from "./useLevoForm-DjvUas25.js";
 import { B as b } from "./Spinner-DzGH5rKe.js";
 const E = () => {
   var d;

package/dist/{DropdownWidget-6qBfLQ2N.js → DropdownWidget-DszCTSWr.js}

@@ -4,7 +4,7 @@ import { useState as f, useEffect as j } from "react";
 import { useController as k } from "react-hook-form";
 import D from "react-select";
 import { c as x } from "./cn-C9QoOYNG.js";
-import { h as N, j as q, k as B } from "./CollectionFormBuilder-dqQC2Vnj.js";
+import { h as N, j as q, k as B } from "./CollectionFormBuilder-B6CAVKhg.js";
 import { I as L } from "./Input-2CvZ90f8.js";
 const G = ({
   field: s,

package/dist/{EmailWidget-p5rZwhuj.js → EmailWidget-CG9oNUM5.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-DzGH5rKe.js";
-import { h as F, j as I, k as V } from "./CollectionFormBuilder-dqQC2Vnj.js";
+import { h as F, j as I, k as V } from "./CollectionFormBuilder-B6CAVKhg.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-BbKp8xEY.js → GeocoderWidget-CXu17A7y.js}

@@ -4,7 +4,7 @@ import le, { useState as J, useEffect as fe } from "react";
 import { c as U } from "./LevoProvider-BI6g_T4E.js";
 import { useController as de } from "react-hook-form";
 import { q as pe } from "./Spinner-DzGH5rKe.js";
-import { h as ge, j as me, k as ye } from "./CollectionFormBuilder-dqQC2Vnj.js";
+import { h as ge, j as me, k as ye } from "./CollectionFormBuilder-B6CAVKhg.js";
 import { I as _e } from "./Input-2CvZ90f8.js";
 var 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, Ie = Math.max, we = Math.min, $ = function() {
   return Ae.Date.now();

package/dist/{MultiGeocoderWidget-BNHx170i.js → MultiGeocoderWidget-D3Xmv8g4.js}

@@ -2,8 +2,8 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { Plus as m } from "lucide-react";
 import { useFieldArray as n } from "react-hook-form";
-import { k as c } from "./CollectionFormBuilder-dqQC2Vnj.js";
-import { GeocoderWidget as d } from "./GeocoderWidget-BbKp8xEY.js";
+import { k as c } from "./CollectionFormBuilder-B6CAVKhg.js";
+import { GeocoderWidget as d } from "./GeocoderWidget-CXu17A7y.js";
 import { B as p } from "./Spinner-DzGH5rKe.js";
 const g = ({
   field: l

package/dist/MultiTextWidget-CyQRcWC8.js

@@ -0,0 +1,33 @@
+import { j as a } from "./jsx-runtime-B6kdoens.js";
+import { useController as C } from "react-hook-form";
+import { h as b, j as k, k as q } from "./CollectionFormBuilder-B6CAVKhg.js";
+import { I as A } from "./Input-2CvZ90f8.js";
+const W = ({ field: r }) => {
+  var l;
+  const { key: u = "", label: n = "", helper_text: c = "", readonly: x = !1 } = r, o = u, {
+    field: { value: e, onChange: h, ...d },
+    fieldState: s
+  } = C({
+    name: o,
+    rules: b(r)
+  }), j = !!(r != null && r.required), g = (l = s == null ? void 0 : s.error) == null ? void 0 : l.message, y = Array.isArray(e) ? e == null ? void 0 : e.join(",") : "";
+  return /* @__PURE__ */ a.jsxs(k, { error: g, helperText: c, children: [
+    n && /* @__PURE__ */ a.jsx(q, { htmlFor: o, isRequired: j, children: n }),
+    /* @__PURE__ */ a.jsx(
+      A,
+      {
+        id: o,
+        readOnly: x,
+        value: y,
+        onChange: (F) => {
+          var m, p, i;
+          h((i = (p = (m = F.target) == null ? void 0 : m.value) == null ? void 0 : p.split(",")) == null ? void 0 : i.map((t) => t == null ? void 0 : t.trim()));
+        },
+        ...d
+      }
+    )
+  ] });
+};
+export {
+  W as default
+};

package/dist/{PhoneWidget-BWzgF1A0.js → PhoneWidget-C1Jt7kXL.js}

@@ -3,7 +3,7 @@ import { j as o } from "./jsx-runtime-B6kdoens.js";
 import { useController as f } from "react-hook-form";
 import { PhoneInput as g } from "react-international-phone";
 import { c as l } from "./cn-C9QoOYNG.js";
-import { h as x, j as v, k as j } from "./CollectionFormBuilder-dqQC2Vnj.js";
+import { h as x, j as v, k as j } from "./CollectionFormBuilder-B6CAVKhg.js";
 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 },

package/dist/{RadioWidget-DiHb1y_Q.js → RadioWidget-BrLNF-I2.js}

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

package/dist/{RichTextWidget-D7o_yfwT.js → RichTextWidget-BogYcPtS.js}

@@ -19,7 +19,7 @@ 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-DzGH5rKe.js";
 import { c as j } from "./cn-C9QoOYNG.js";
-import { h as ln, j as en, k as sn } from "./CollectionFormBuilder-dqQC2Vnj.js";
+import { h as ln, j as en, k as sn } from "./CollectionFormBuilder-B6CAVKhg.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);
 }