@levo-so/react 0.1.14 → 0.1.15

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

@@ -2,23 +2,23 @@ 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-B6CAVKhg.js";
+import { z as C, A as B, B as N } from "./CollectionFormBuilder-BIvx_z08.js";
 const V = ({
   field: r,
   ...m
 }) => {
   var u, c;
   const { key: d = "", label: n = "", helper_text: p = "", readonly: e = !1 } = r, o = d, {
-    field: { value: f, onBlur: a, onChange: l, ref: h, ...x },
+    field: { value: f, onBlur: a, onChange: l, ref: x, ...h },
     fieldState: s
   } = j({
     name: o,
     rules: C(r)
   }), b = !!(r != null && r.required), g = (u = s == null ? void 0 : s.error) == null ? void 0 : u.message, i = (c = r == null ? void 0 : r.options) == null ? void 0 : c.currency_code;
   return /* @__PURE__ */ t.jsxs(
-    k,
+    B,
     {
-      ref: h,
+      ref: x,
       error: g,
       helperText: p,
       readOnly: e,
@@ -46,7 +46,7 @@ const V = ({
               "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
               e && "focus-visible:ring-0"
             ),
-            ...x,
+            ...h,
             ...m
           }
         )

package/dist/{DateTimeWidget-DcbQ3smI.js → DateTimeWidget-KrcsxgEF.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-B6CAVKhg.js";
+import { z as M, A as D, B as C } from "./CollectionFormBuilder-BIvx_z08.js";
 import { I as F } from "./Input-2CvZ90f8.js";
 const T = l.default.default || l.default || l, I = (e) => {
   if (e) {
@@ -12,7 +12,7 @@ const T = l.default.default || l.default || l, I = (e) => {
     return Number.isNaN(o.getTime()) ? null : o;
   }
   return null;
-}, B = ({ field: e }) => {
+}, q = ({ 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 },
@@ -76,5 +76,5 @@ const T = l.default.default || l.default || l, I = (e) => {
   ] });
 };
 export {
-  B as default
+  q as default
 };

package/dist/DefaultFormVariant-j1HgVDiI.js

@@ -0,0 +1,127 @@
+import { j as l } from "./jsx-runtime-B6kdoens.js";
+import { forwardRef as L, useRef as v, useState as j, useImperativeHandle as N, useEffect as R } from "react";
+import { FormProvider as b } from "react-hook-form";
+import { c as u } from "./cn-C9QoOYNG.js";
+import { D as E, F as D } from "./CollectionFormBuilder-BIvx_z08.js";
+import { u as I, S as A } from "./useLevoForm-3jSJ9I6v.js";
+import "altcha";
+import { u as H } from "./LevoProvider-Do3jjJ4j.js";
+import { B as T } from "./Spinner-Bzu2xCFZ.js";
+const U = L(
+  ({ onStateChange: a, challengeurl: f, verifyurl: i }, n) => {
+    const e = v(null), [c, d] = j(null);
+    return N(
+      n,
+      () => ({
+        get value() {
+          return c;
+        }
+      }),
+      [c]
+    ), R(() => {
+      const m = (o) => {
+        "detail" in o && (d(o.detail.state || null), a == null || a(o));
+      }, { current: r } = e;
+      if (r)
+        return r.addEventListener("statechange", m), () => r.removeEventListener("statechange", m);
+    }, [a]), /* @__PURE__ */ l.jsx(
+      "altcha-widget",
+      {
+        ref: e,
+        style: {
+          "--altcha-max-width": "100%"
+        },
+        hidelogo: !0,
+        auto: "onfocus",
+        hidefooter: !0,
+        challengeurl: f,
+        verifyurl: i
+      }
+    );
+  }
+), O = () => {
+  var p;
+  const {
+    schema: a,
+    containerStyles: f,
+    uiConfig: i,
+    isInternal: n,
+    submitButtonConfig: e,
+    isDisabled: c
+  } = E(), { client: d } = H(), m = v(null), [r, o] = j(null), {
+    methods: h,
+    allFormValues: y,
+    isError: g,
+    isLoading: w,
+    handleContentId: S,
+    handleSubmit: V
+  } = I({
+    schema: a,
+    saveToRemote: !0,
+    captchaValue: r
+  }), {
+    formState: { isSubmitting: F }
+  } = h;
+  return /* @__PURE__ */ l.jsxs(b, { ...h, children: [
+    /* @__PURE__ */ l.jsx(
+      A,
+      {
+        getContentId: (t) => S(t),
+        isError: g,
+        currentValues: y
+      }
+    ),
+    /* @__PURE__ */ l.jsx("div", { className: u("w-full", f), children: /* @__PURE__ */ l.jsxs(
+      "form",
+      {
+        className: u(
+          "w-full bg-white rounded-md flex flex-col gap-6 px-4 md:px-8 py-6",
+          w && "opacity-50 pointer-events-none"
+        ),
+        id: "collection-form",
+        onSubmit: V,
+        children: [
+          (p = a == null ? void 0 : a.sections) == null ? void 0 : p.map((t) => {
+            var x;
+            return /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
+              !(i != null && i.hideSectionHeadings) && /* @__PURE__ */ l.jsx("p", { className: u("mb-4 text-lg font-semibold"), children: t == null ? void 0 : t.label }),
+              /* @__PURE__ */ l.jsx("div", { className: u("flex flex-col gap-4"), children: (x = t == null ? void 0 : t.fields) == null ? void 0 : x.map((s) => s && !s.hidden ? /* @__PURE__ */ l.jsx(
+                D,
+                {
+                  field: s,
+                  isInternal: n
+                },
+                s == null ? void 0 : s.key
+              ) : null) })
+            ] }, t.id);
+          }),
+          !n && /* @__PURE__ */ l.jsx(
+            U,
+            {
+              onStateChange: (t) => {
+                "detail" in t && o(t.detail.state || null);
+              },
+              ref: m,
+              challengeurl: `${d.apiUrl}/v1/identity/captcha/create-challenge`,
+              verifyurl: `${d.apiUrl}/v1/identity/captcha/verify-challenge`
+            }
+          ),
+          (e == null ? void 0 : e.show) && /* @__PURE__ */ l.jsx("div", { className: "w-full flex items-center justify-end mt-6", children: /* @__PURE__ */ l.jsx(
+            T,
+            {
+              className: e == null ? void 0 : e.styles,
+              loadingText: "Saving",
+              isLoading: F,
+              disabled: c || !n && r !== "verified",
+              type: "submit",
+              children: r === "verifying" ? "Verifying..." : (e == null ? void 0 : e.text) || "Save"
+            }
+          ) })
+        ]
+      }
+    ) })
+  ] });
+};
+export {
+  O as default
+};

package/dist/DropdownWidget-rm5oUqOE.js

@@ -0,0 +1,113 @@
+"use client";
+import { j as d } from "./jsx-runtime-B6kdoens.js";
+import { useState as x, useEffect as w } from "react";
+import { useController as B } from "react-hook-form";
+import D from "react-select";
+import { c as y } from "./cn-C9QoOYNG.js";
+import { z as N, A as k, B as q } from "./CollectionFormBuilder-BIvx_z08.js";
+import { I as L } from "./Input-2CvZ90f8.js";
+const G = ({
+  field: s,
+  ...o
+}) => {
+  var j;
+  const [t, I] = x([]), [h, g] = x(""), [p, i] = x(!1), {
+    key: C = "",
+    label: v = "",
+    helper_text: S = "",
+    readonly: O = !1,
+    values: n = [],
+    options: c = {}
+  } = s, u = C, {
+    field: { value: l, onBlur: E, onChange: a, disabled: F, ...M },
+    fieldState: f
+  } = B({
+    name: u,
+    rules: N(s)
+  }), P = !!(s != null && s.required), R = (j = f == null ? void 0 : f.error) == null ? void 0 : j.message, m = !!(c != null && c.custom_input);
+  return w(() => {
+    if (n != null && n.length) {
+      const r = [...n == null ? void 0 : n.map((b) => ({
+        label: b,
+        value: b
+      }))];
+      m && r.push({
+        label: "Other",
+        value: "Other"
+      }), I(r);
+    }
+  }, [n, m]), w(() => {
+    !(o != null && o.isMulti) && m && typeof l == "string" && l && ((t == null ? void 0 : t.findIndex(
+      (r) => (r == null ? void 0 : r.value) !== "Other" && (r == null ? void 0 : r.value) === l
+    )) === -1 ? (i(!0), g(l)) : i(!1));
+  }, [l, t]), /* @__PURE__ */ d.jsxs(k, { error: R, helperText: S, readOnly: O, children: [
+    v && /* @__PURE__ */ d.jsx(q, { htmlFor: u, isRequired: P, children: v }),
+    /* @__PURE__ */ d.jsx(
+      D,
+      {
+        id: u,
+        value: p ? {
+          label: "Other, Please Specify",
+          value: "Other"
+        } : l ? o != null && o.isMulti ? t == null ? void 0 : t.filter((e) => l == null ? void 0 : l.includes(e == null ? void 0 : e.value)) : t == null ? void 0 : t.find((e) => (e == null ? void 0 : e.value) === l) : null,
+        onChange: (e) => {
+          m && (e == null ? void 0 : e.value) === "Other" && (e == null ? void 0 : e.label) === "Other, Please Specify" ? (i(!0), a(h)) : (i(!1), o != null && o.isMulti ? a(e == null ? void 0 : e.map((r) => r == null ? void 0 : r.value)) : a(e == null ? void 0 : e.value));
+        },
+        onBlur: () => E(),
+        options: t,
+        isDisabled: F,
+        menuPlacement: "auto",
+        ...M,
+        ...o,
+        unstyled: !0,
+        classNames: {
+          container: () => y("w-full min-w-none h-auto min-h-none"),
+          control: ({ isFocused: e, isMulti: r, isDisabled: b }) => y(
+            "w-full  pl-3",
+            r ? "!min-h-9 h-auto" : "h-9 !min-h-none",
+            "rounded-md border bg-transparent hover:cursor-pointer border-input text-sm shadow-sm transition-colors",
+            "flex ",
+            e && "outline-none ring-1 ring-ring",
+            O && "ring-0",
+            b && "cursor-not-allowed opacity-50"
+          ),
+          input: () => "",
+          valueContainer: () => "gap-[4px] py-1",
+          singleValue: () => "",
+          multiValue: () => "bg-gray-100 rounded items-center py-0.5 pl-2 pr-1 gap-1.5",
+          multiValueLabel: () => "py-0.5",
+          multiValueRemove: () => "border border-gray-200 bg-white hover:bg-red-50 hover:text-red-800 text-gray-500 hover:border-red-300 rounded-md",
+          indicatorsContainer: () => "",
+          clearIndicator: () => "text-gray-500 p-1 rounded-md hover:bg-red-50 hover:text-red-800",
+          indicatorSeparator: () => "",
+          dropdownIndicator: () => "p-1 hover:bg-gray-100 text-gray-500 rounded-md hover:text-black",
+          menu: () => "p-1 mt-2 border border-gray-200 bg-white rounded-md",
+          groupHeading: () => "ml-3 mt-2 mb-1 text-gray-500 text-sm",
+          placeholder: () => "text-gray-500 pl-1 py-0.5",
+          option: ({ isSelected: e, isFocused: r }) => y(
+            "text-sm font-medium hover:cursor-pointer px-3 py-2 rounded",
+            r && "bg-gray-100 active:bg-gray-200",
+            e && "text-white bg-primary/80"
+          ),
+          noOptionsMessage: () => "text-gray-500 p-2 bg-gray-50 border border-dashed border-gray-200 rounded-sm"
+        }
+      }
+    ),
+    p && /* @__PURE__ */ d.jsx("div", { className: "w-full", children: /* @__PURE__ */ d.jsx(
+      L,
+      {
+        name: `select-other-${u}`,
+        value: h,
+        onChange: (e) => {
+          a == null || a(e.target.value), g(e.target.value);
+        },
+        className: "mt-4",
+        placeholder: "Other, Please Specify"
+      }
+    ) })
+  ] });
+};
+export {
+  G as DropdownWidget,
+  G as default
+};

package/dist/{EmailWidget-CG9oNUM5.js → EmailWidget-CvZKOywL.js}

@@ -1,35 +1,35 @@
 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-B6CAVKhg.js";
+import { G as C } from "./Spinner-Bzu2xCFZ.js";
+import { z as F, A as I, B as V } from "./CollectionFormBuilder-BIvx_z08.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 }) => {
+const Z = ({ 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 },
+  const { key: u = "", label: s = "", helper_text: d = "", readonly: p = !1 } = e, t = u, {
+    field: { value: h, 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 }),
+  }), v = !!(e != null && e.required), j = (l = a == null ? void 0 : a.error) == null ? void 0 : l.message;
+  return /* @__PURE__ */ r.jsxs(I, { error: j, helperText: d, children: [
+    s && /* @__PURE__ */ r.jsx(V, { htmlFor: t, isRequired: v, 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 || "",
+        value: h || "",
         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,
+        readOnly: p,
         ...f,
         ...c
       }
@@ -37,5 +37,5 @@ const k = ({ field: e, ...c }) => {
   ] });
 };
 export {
-  k as default
+  Z as default
 };

package/dist/GeocoderWidget-CSsp_-hW.js

@@ -0,0 +1,68 @@
+"use client";
+import { j as o } from "./jsx-runtime-B6kdoens.js";
+import { useState as p, useEffect as v } from "react";
+import { useController as z } from "react-hook-form";
+import { n as T } from "./Spinner-Bzu2xCFZ.js";
+import { z as k, A as q, B as A } from "./CollectionFormBuilder-BIvx_z08.js";
+import { I as E } from "./Input-2CvZ90f8.js";
+import { u as O } from "./LevoProvider-Do3jjJ4j.js";
+const $ = ({ field: t }) => {
+  var _;
+  const [c, h] = p(""), [m, u] = p(!1), [l, N] = p([]), [g, i] = p(!1), { client: a } = O(), { key: d = "", label: f = "", helper_text: w = "", readonly: j = !1 } = t, {
+    field: { value: s, onBlur: F, onChange: y, ...L },
+    fieldState: x
+  } = z({
+    name: d,
+    rules: k(t)
+  }), B = !!(t != null && t.required), C = (_ = x == null ? void 0 : x.error) == null ? void 0 : _.message, I = (e) => {
+    i(!0), u(!0), a == null || a.fetch.url(`/v1/bevy/content/location/${e == null ? void 0 : e.place_id}/get-location-details`).get().json().then((n) => {
+      var r;
+      y && y((r = n == null ? void 0 : n.content) == null ? void 0 : r.data);
+    }).finally(() => i(!1));
+  };
+  return v(() => {
+    var e, n;
+    c && !m && (i(!0), a == null || a.fetch.url("/v1/bevy/content/location/search-location").post({
+      search: c,
+      where: (e = t == null ? void 0 : t.options) != null && e.location_type ? {
+        location_type: (n = t == null ? void 0 : t.options) == null ? void 0 : n.location_type
+      } : {}
+    }).json().then((r) => {
+      var b;
+      N((b = r == null ? void 0 : r.content) == null ? void 0 : b.data);
+    }).finally(() => i(!1)));
+  }, [c, m]), v(() => {
+    s != null && s.place_name && (h(s == null ? void 0 : s.place_name), u(!0));
+  }, [s]), /* @__PURE__ */ o.jsx(q, { error: C, helperText: w, readOnly: j, children: /* @__PURE__ */ o.jsxs("div", { className: "w-full relative", children: [
+    f && /* @__PURE__ */ o.jsx(A, { htmlFor: d, isRequired: B, children: f }),
+    /* @__PURE__ */ o.jsx(
+      E,
+      {
+        id: d,
+        value: c,
+        onChange: (e) => {
+          u(!1), h(e.target.value);
+        },
+        onBlur: () => {
+          F();
+        },
+        rightIcon: g && /* @__PURE__ */ o.jsx(T, { size: "20px", className: "animate-spin" }),
+        readOnly: j,
+        ...L
+      }
+    ),
+    c && !g && !m && /* @__PURE__ */ o.jsx("div", { className: "absolute bg-white left-[-1px] z-50 p-[4px] w-full shadow-[0_0_8px_rgba(0,0,0,0.25)] rounded-[6px]", children: l != null && l.length ? l.map((e) => /* @__PURE__ */ o.jsx(
+      "p",
+      {
+        className: "text-md p-[8px] cursor-pointer rounded-[6px] hover:bg-gray-200",
+        onClick: () => I(e),
+        children: e.description
+      },
+      e.place_id
+    )) : /* @__PURE__ */ o.jsx("p", { className: "text-md p-[8px] text-muted-foreground", children: "No results found" }) })
+  ] }) });
+};
+export {
+  $ as GeocoderWidget,
+  $ as default
+};

package/dist/{LevoProvider-BI6g_T4E.js → LevoProvider-Do3jjJ4j.js}

@@ -207,6 +207,5 @@ const R = G(null), X = ({
 };
 export {
   X as L,
-  q as c,
   Z as u
 };

package/dist/{MultiGeocoderWidget-D3Xmv8g4.js → MultiGeocoderWidget-Blqz-lHX.js}

@@ -2,10 +2,10 @@
 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-B6CAVKhg.js";
-import { GeocoderWidget as d } from "./GeocoderWidget-CXu17A7y.js";
-import { B as p } from "./Spinner-DzGH5rKe.js";
-const g = ({
+import { B as c } from "./CollectionFormBuilder-BIvx_z08.js";
+import { GeocoderWidget as d } from "./GeocoderWidget-CSsp_-hW.js";
+import { B as p } from "./Spinner-Bzu2xCFZ.js";
+const k = ({
   field: l
 }) => {
   const { key: s = "", label: o = "" } = l, { fields: r, ...i } = n({
@@ -44,6 +44,6 @@ const g = ({
   ] });
 };
 export {
-  g as MultiGeocoderWidget,
-  g as default
+  k as MultiGeocoderWidget,
+  k as default
 };

package/dist/{MultiTextWidget-CyQRcWC8.js → MultiTextWidget-CxVpyf06.js}

@@ -1,33 +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 }) => {
+import { useController as A } from "react-hook-form";
+import { z as C, A as b, B as q } from "./CollectionFormBuilder-BIvx_z08.js";
+import { I } from "./Input-2CvZ90f8.js";
+const f = ({ field: r }) => {
   var l;
   const { key: u = "", label: n = "", helper_text: c = "", readonly: x = !1 } = r, o = u, {
-    field: { value: e, onChange: h, ...d },
+    field: { value: e, onChange: d, ...h },
     fieldState: s
-  } = C({
+  } = A({
     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 }),
+    rules: C(r)
+  }), g = !!(r != null && r.required), j = (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(b, { error: j, helperText: c, children: [
+    n && /* @__PURE__ */ a.jsx(q, { htmlFor: o, isRequired: g, children: n }),
     /* @__PURE__ */ a.jsx(
-      A,
+      I,
       {
         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((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
+        ...h
       }
     )
   ] });
 };
 export {
-  W as default
+  f as default
 };

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

@@ -3,8 +3,8 @@ 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-B6CAVKhg.js";
-const k = ({ field: e }) => {
+import { z as x, A as v, B as y } from "./CollectionFormBuilder-BIvx_z08.js";
+const P = ({ 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 }
@@ -13,7 +13,7 @@ const k = ({ field: e }) => {
     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: n, children: [
-    t && /* @__PURE__ */ o.jsx(j, { htmlFor: s, isRequired: p, children: t }),
+    t && /* @__PURE__ */ o.jsx(y, { htmlFor: s, isRequired: p, children: t }),
     /* @__PURE__ */ o.jsx(
       g,
       {
@@ -43,6 +43,6 @@ const k = ({ field: e }) => {
   ] });
 };
 export {
-  k as PhoneWidget,
-  k as default
+  P as PhoneWidget,
+  P as default
 };

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

@@ -3,12 +3,12 @@ import { j as r } from "./jsx-runtime-B6kdoens.js";
 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-DzGH5rKe.js";
+import { G as B } from "./Spinner-Bzu2xCFZ.js";
 import { c as N } from "./cn-C9QoOYNG.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);
+import { z as E, A as G, B as f } from "./CollectionFormBuilder-BIvx_z08.js";
+import { I as V } from "./Input-2CvZ90f8.js";
+function q(s) {
+  return B({ 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);
 }
 const C = ({ field: s }) => {
   var y;
@@ -24,11 +24,11 @@ const C = ({ field: s }) => {
     fieldState: p
   } = F({
     name: a,
-    rules: G(s)
+    rules: E(s)
   }), O = !!(s != null && s.required), k = (y = p == null ? void 0 : p.error) == null ? void 0 : y.message;
   return d.useEffect(() => {
     u || i && (t == null ? void 0 : t.findIndex((e) => e === i)) === -1 && (h(!0), m(i));
-  }, [i]), /* @__PURE__ */ r.jsxs(V, { error: k, helperText: $, readOnly: g, children: [
+  }, [i]), /* @__PURE__ */ r.jsxs(G, { error: k, helperText: $, readOnly: g, children: [
     j && /* @__PURE__ */ r.jsx(f, { htmlFor: a, isRequired: O, children: j }),
     /* @__PURE__ */ r.jsxs(
       n.Root,
@@ -69,7 +69,7 @@ const C = ({ field: s }) => {
               }
             ),
             /* @__PURE__ */ r.jsx(
-              q,
+              V,
               {
                 className: "max-w-[300px]",
                 name: `radio-other-${a}`,
@@ -98,7 +98,7 @@ const x = d.forwardRef(({ className: s, ...c }, m) => /* @__PURE__ */ r.jsx(
       s
     ),
     ...c,
-    children: /* @__PURE__ */ r.jsx(n.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ r.jsx(B, { className: "h-3.5 w-3.5 fill-primary" }) })
+    children: /* @__PURE__ */ r.jsx(n.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ r.jsx(q, { className: "h-3.5 w-3.5 fill-primary" }) })
   }
 ));
 x.displayName = n.Item.displayName;