@levo-so/react 0.1.14 → 0.1.16

package/dist/Spinner-Bzu2xCFZ.js

@@ -0,0 +1,405 @@
+"use client";
+import { j as i } from "./jsx-runtime-B6kdoens.js";
+import * as m from "@radix-ui/react-tabs";
+import * as u from "react";
+import f from "react";
+import { c as l } from "./cn-C9QoOYNG.js";
+import { Slot as D } from "@radix-ui/react-slot";
+import { twMerge as M } from "tailwind-merge";
+import { cva as L } from "class-variance-authority";
+import * as o from "@radix-ui/react-dialog";
+import { X as R } from "lucide-react";
+var y = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, b = f.createContext && /* @__PURE__ */ f.createContext(y), T = ["attr", "size", "title"];
+function S(t, e) {
+  if (t == null) return {};
+  var a = k(t, e), r, s;
+  if (Object.getOwnPropertySymbols) {
+    var c = Object.getOwnPropertySymbols(t);
+    for (s = 0; s < c.length; s++)
+      r = c[s], !(e.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (a[r] = t[r]);
+  }
+  return a;
+}
+function k(t, e) {
+  if (t == null) return {};
+  var a = {};
+  for (var r in t)
+    if (Object.prototype.hasOwnProperty.call(t, r)) {
+      if (e.indexOf(r) >= 0) continue;
+      a[r] = t[r];
+    }
+  return a;
+}
+function v() {
+  return v = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var a = arguments[e];
+      for (var r in a)
+        Object.prototype.hasOwnProperty.call(a, r) && (t[r] = a[r]);
+    }
+    return t;
+  }, v.apply(this, arguments);
+}
+function x(t, e) {
+  var a = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    e && (r = r.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(t, s).enumerable;
+    })), a.push.apply(a, r);
+  }
+  return a;
+}
+function p(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? x(Object(a), !0).forEach(function(r) {
+      E(t, r, a[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : x(Object(a)).forEach(function(r) {
+      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(a, r));
+    });
+  }
+  return t;
+}
+function E(t, e, a) {
+  return e = _(e), e in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+function _(t) {
+  var e = A(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function A(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var a = t[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var r = a.call(t, e || "default");
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function w(t) {
+  return t && t.map((e, a) => /* @__PURE__ */ f.createElement(e.tag, p({
+    key: a
+  }, e.attr), w(e.child)));
+}
+function n(t) {
+  return (e) => /* @__PURE__ */ f.createElement(V, v({
+    attr: p({}, t.attr)
+  }, e), w(t.child));
+}
+function V(t) {
+  var e = (a) => {
+    var {
+      attr: r,
+      size: s,
+      title: c
+    } = t, g = S(t, T), h = s || a.size || "1em", d;
+    return a.className && (d = a.className), t.className && (d = (d ? d + " " : "") + t.className), /* @__PURE__ */ f.createElement("svg", v({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, a.attr, r, g, {
+      className: d,
+      style: p(p({
+        color: t.color || a.color
+      }, a.style), t.style),
+      height: h,
+      width: h,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), c && /* @__PURE__ */ f.createElement("title", null, c), t.children);
+  };
+  return b !== void 0 ? /* @__PURE__ */ f.createElement(b.Consumer, null, (a) => e(a)) : e(y);
+}
+function at(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 7h16v2H4zm0-4h16v2H4zm0 8h16v2H4zm0 4h16v2H4zm2 4h12v2H6z" }, child: [] }] })(t);
+}
+function rt(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm0-4h11v2H4zm0-4h16v2H4zm0-8h16v2H4zm0 4h11v2H4z" }, child: [] }] })(t);
+}
+function it(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm3-4h10v2H7zm-3-4h16v2H4zm0-8h16v2H4zm3 4h10v2H7z" }, child: [] }] })(t);
+}
+function nt(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm5-4h11v2H9zm-5-4h16v2H4zm0-8h16v2H4zm5 4h11v2H9z" }, child: [] }] })(t);
+}
+function st(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M17.061 11.22A4.46 4.46 0 0 0 18 8.5C18 6.019 15.981 4 13.5 4H6v15h8c2.481 0 4.5-2.019 4.5-4.5a4.48 4.48 0 0 0-1.439-3.28zM13.5 7c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5H9V7h4.5zm.5 9H9v-3h5c.827 0 1.5.673 1.5 1.5S14.827 16 14 16z" }, child: [] }] })(t);
+}
+function ot(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z" }, child: [] }] })(t);
+}
+function lt(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z" }, child: [] }] })(t);
+}
+function ct(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19 7V4H9v3h2.868L9.012 17H5v3h10v-3h-2.868l2.856-10z" }, child: [] }] })(t);
+}
+function dt(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.122-2.121z" }, child: [] }, { tag: "path", attr: { d: "m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0z" }, child: [] }] })(t);
+}
+function ut(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 0 0-.151-.512.892.892 0 0 0-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 0 0-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 0 1 .279-.108c.11 0 .2.035.272.108a.344.344 0 0 1 .108.258.55.55 0 0 1-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 0 1-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 0 0 .424-.403c.098-.175.146-.354.146-.544a.823.823 0 0 0-.088-.393.708.708 0 0 0-.249-.261 1.015 1.015 0 0 0-.286-.11.943.943 0 0 0 .345-.299.673.673 0 0 0 .113-.383.747.747 0 0 0-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 0 1 .241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 0 1-.116-.011l-.045.649a1.13 1.13 0 0 1 .289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 0 1-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 0 1-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 0 0 .937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z" }, child: [] }] })(t);
+}
+function ft(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h2v2H4zm0 5h2v2H4zm0 5h2v2H4zm16-8V6H8.023v2H18.8zM8 11h12v2H8zm0 5h12v2H8z" }, child: [] }] })(t);
+}
+function z(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z" }, child: [] }] })(t);
+}
+function mt(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M20 11h-8c-4 0-4-1.816-4-2.5C8 7.882 8 6 12 6c2.8 0 2.99 1.678 3 2.014L16 8h1c0-1.384-1.045-4-5-4-5.416 0-6 3.147-6 4.5 0 .728.148 1.667.736 2.5H4v2h16v-2zm-8 7c-3.793 0-3.99-1.815-4-2H6c0 .04.069 4 6 4 5.221 0 6-2.819 6-4.5 0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5 0 .684 0 2.5-4 2.5z" }, child: [] }] })(t);
+}
+function gt(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M5 18h14v2H5zM6 4v6c0 3.309 2.691 6 6 6s6-2.691 6-6V4h-2v6c0 2.206-1.794 4-4 4s-4-1.794-4-4V4H6z" }, child: [] }] })(t);
+}
+function ht(t) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M16.949 14.121 19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0l-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121a2.723 2.723 0 0 1-.844.57L13.414 12l1.414-1.414-.707-.707a4.965 4.965 0 0 0-3.535-1.465c-.235 0-.464.032-.691.066L3.707 2.293 2.293 3.707l18 18 1.414-1.414-5.536-5.536c.277-.184.538-.396.778-.636zm-6.363 3.536a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l1.476-1.475-1.414-1.414L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707z" }, child: [] }] })(t);
+}
+const vt = m.Root, I = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+  m.List,
+  {
+    ref: a,
+    className: l(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      t
+    ),
+    ...e
+  }
+));
+I.displayName = m.List.displayName;
+const W = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+  m.Trigger,
+  {
+    ref: a,
+    className: l(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      t
+    ),
+    "data-levo-studio-interactive": "true",
+    ...e
+  }
+));
+W.displayName = m.Trigger.displayName;
+const F = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+  m.Content,
+  {
+    ref: a,
+    className: l(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      t
+    ),
+    ...e
+  }
+));
+F.displayName = m.Content.displayName;
+const U = L(
+  "inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        secondaryOutline: "bg-transparent border-[1px] border-solid border-white hover:bg-white hover:border-input",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        xs: "h-8 px-3 text-xs",
+        sm: "h-9 px-3",
+        lg: "h-11 px-8",
+        icon: "h-10 w-10",
+        "icon-small": "h-8 w-8"
+      },
+      rounded: {
+        small: "rounded",
+        default: "rounded-md",
+        large: "rounded-lg",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      rounded: "default"
+    }
+  }
+), G = u.forwardRef(
+  ({
+    className: t,
+    variant: e,
+    size: a,
+    rounded: r,
+    asChild: s = !1,
+    isLoading: c = !1,
+    loadingText: g,
+    disabled: h,
+    ...d
+  }, P) => {
+    const C = s ? D : "button";
+    return /* @__PURE__ */ i.jsx(
+      C,
+      {
+        className: l(U({ variant: e, size: a, rounded: r, className: t })),
+        ref: P,
+        disabled: h || c,
+        type: "button",
+        ...d,
+        children: c ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+          /* @__PURE__ */ i.jsx(
+            z,
+            {
+              className: M(
+                "h-4 w-4 animate-spin",
+                g ? "mr-2" : ""
+              )
+            }
+          ),
+          g
+        ] }) : d.children
+      }
+    );
+  }
+);
+G.displayName = "Button";
+const q = o.Root, pt = o.Trigger, J = o.Portal, j = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+  o.Overlay,
+  {
+    ref: a,
+    className: l(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      t
+    ),
+    ...e
+  }
+));
+j.displayName = o.Overlay.displayName;
+const N = u.forwardRef(({ className: t, children: e, hideCloseButton: a, ...r }, s) => /* @__PURE__ */ i.jsxs(J, { children: [
+  /* @__PURE__ */ i.jsx(j, {}),
+  /* @__PURE__ */ i.jsxs(
+    o.Content,
+    {
+      ref: s,
+      className: l(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+        t
+      ),
+      ...r,
+      children: [
+        e,
+        !a && /* @__PURE__ */ i.jsxs(o.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ i.jsx(R, { className: "h-4 w-4" }),
+          /* @__PURE__ */ i.jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+N.displayName = o.Content.displayName;
+const H = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: l(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      t
+    ),
+    ...e
+  }
+);
+H.displayName = "DialogHeader";
+const K = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: l(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      t
+    ),
+    ...e
+  }
+);
+K.displayName = "DialogFooter";
+const O = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+  o.Title,
+  {
+    ref: a,
+    className: l(
+      "text-lg font-semibold leading-none tracking-tight",
+      t
+    ),
+    ...e
+  }
+));
+O.displayName = o.Title.displayName;
+const B = u.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ i.jsx(
+  o.Description,
+  {
+    ref: a,
+    className: l("text-sm text-muted-foreground", t),
+    ...e
+  }
+));
+B.displayName = o.Description.displayName;
+const bt = ({
+  isOpen: t,
+  onClose: e,
+  children: a,
+  title: r,
+  contentClassName: s,
+  modal: c = !0
+}) => /* @__PURE__ */ i.jsx(q, { open: t, onOpenChange: e, modal: c, children: /* @__PURE__ */ i.jsxs(N, { className: s, children: [
+  r && /* @__PURE__ */ i.jsxs(H, { className: "flex-1 font-medium", children: [
+    /* @__PURE__ */ i.jsx(O, { children: r }),
+    /* @__PURE__ */ i.jsx(B, {})
+  ] }),
+  /* @__PURE__ */ i.jsx("div", { className: "w-full", children: a })
+] }) }), xt = ({ className: t }) => /* @__PURE__ */ i.jsx(z, { className: l("h-8 w-8 animate-spin font-light", t) });
+export {
+  ot as A,
+  G as B,
+  lt as C,
+  q as D,
+  n as G,
+  xt as S,
+  vt as T,
+  J as a,
+  U as b,
+  j as c,
+  pt as d,
+  N as e,
+  H as f,
+  K as g,
+  O as h,
+  B as i,
+  bt as j,
+  I as k,
+  W as l,
+  F as m,
+  z as n,
+  st as o,
+  ct as p,
+  gt as q,
+  mt as r,
+  ft as s,
+  ut as t,
+  dt as u,
+  ht as v,
+  rt as w,
+  it as x,
+  nt as y,
+  at as z
+};

package/dist/{StepsFormVariant-Bx-jdciC.js → StepsFormVariant-5wZbYAA9.js}

@@ -1,91 +1,91 @@
 "use client";
 import { j as t } from "./jsx-runtime-B6kdoens.js";
-import { useState as A, useMemo as v } from "react";
-import { FormProvider as I } from "react-hook-form";
-import { c as N } from "./cn-C9QoOYNG.js";
-import { l as g, F as T } from "./CollectionFormBuilder-B6CAVKhg.js";
-import { u as H, S as M } from "./useLevoForm-DjvUas25.js";
-import { B as y } from "./Spinner-DzGH5rKe.js";
-const X = () => {
-  const [n, l] = A(0), { containerStyles: m } = g(), a = () => {
-    l((o) => o - 1);
+import { useState as I, useMemo as y } from "react";
+import { FormProvider as T } from "react-hook-form";
+import { c as F } from "./cn-C9QoOYNG.js";
+import { D as N, F as _ } from "./CollectionFormBuilder-MAo2Ob3a.js";
+import { u as C, S as H, F as M } from "./FormCaptcha-CJ9KgDu0.js";
+import { B as g } from "./Spinner-Bzu2xCFZ.js";
+const Y = () => {
+  const [n, a] = I(0), { containerStyles: m } = N(), l = () => {
+    a((o) => o - 1);
   }, s = () => {
-    l((o) => o + 1);
-  }, d = (o) => {
-    l(o);
+    a((o) => o + 1);
+  }, c = (o) => {
+    a(o);
   };
-  return /* @__PURE__ */ t.jsx("div", { className: N("w-full", m), children: /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t.jsx("div", { className: F("w-full", m), children: /* @__PURE__ */ t.jsx(
     q,
     {
       currentSectionIndex: n,
       handleNext: s,
-      handlePrev: a,
-      goToIndex: d
+      handlePrev: l,
+      goToIndex: c
     }
   ) });
-}, q = ({ currentSectionIndex: n, handleNext: l, handlePrev: m, goToIndex: a }) => {
-  var f, j, h;
-  const { schema: s, isInternal: d, isDisabled: o, submitButtonConfig: i, uiConfig: c } = g(), r = v(
+}, q = ({ currentSectionIndex: n, handleNext: a, handlePrev: m, goToIndex: l }) => {
+  var h, j, v;
+  const { schema: s, isInternal: c, isDisabled: o, submitButtonConfig: i, uiConfig: d } = N(), r = y(
     () => {
       var e;
       return (e = s == null ? void 0 : s.sections) == null ? void 0 : e[n];
     },
     [n]
-  ), F = v(() => {
+  ), w = y(() => {
     if (s) {
       const e = { ...s };
       return r && e && (e.sections = [r]), e;
     }
     return null;
-  }, [r]), u = n === Number((f = s == null ? void 0 : s.sections) == null ? void 0 : f.length) - 1, {
-    methods: p,
-    handleSubmit: w,
-    isLoading: E,
-    handleContentId: L,
+  }, [r]), x = n === Number((h = s == null ? void 0 : s.sections) == null ? void 0 : h.length) - 1, {
+    methods: u,
+    handleSubmit: E,
+    isLoading: L,
+    handleContentId: D,
     isError: P,
-    allFormValues: k
-  } = H({
-    schema: F,
-    saveToRemote: u,
+    allFormValues: V
+  } = C({
+    schema: w,
+    saveToRemote: x,
     onSubmit: () => {
-      l();
+      a();
     },
     onSubmitSuccess: () => {
-      a(0);
+      l(0);
     },
     onSubmitError: (e) => {
       var S;
       if (Array.isArray(e) && (e != null && e[0])) {
         const R = e == null ? void 0 : e[0];
-        (S = s == null ? void 0 : s.sections) == null || S.forEach((x, V) => {
+        (S = s == null ? void 0 : s.sections) == null || S.forEach((p, z) => {
           var b;
-          ((b = x == null ? void 0 : x.fields) == null ? void 0 : b.find((z) => z.key === R.param)) && a(V);
+          ((b = p == null ? void 0 : p.fields) == null ? void 0 : b.find((A) => A.key === R.param)) && l(z);
         });
       }
     }
   }), {
-    formState: { isSubmitting: D }
-  } = p;
-  return /* @__PURE__ */ t.jsxs(I, { ...p, children: [
+    formState: { isSubmitting: k }
+  } = u, f = u.watch("__captcha");
+  return /* @__PURE__ */ t.jsxs(T, { ...u, children: [
     /* @__PURE__ */ t.jsx(
-      M,
+      H,
       {
-        getContentId: (e) => L(e),
+        getContentId: (e) => D(e),
         isError: P,
-        currentValues: k
+        currentValues: V
       }
     ),
     /* @__PURE__ */ t.jsxs(
       "form",
       {
-        className: N(
+        className: F(
           "w-full bg-white rounded-md border border-[rgb(229, 231, 235)] min-h-12 px-4 md:px-8 py-6",
-          E && "opacity-50 pointer-events-none"
+          L && "opacity-50 pointer-events-none"
         ),
         id: "collection-form",
-        onSubmit: w,
+        onSubmit: E,
         children: [
-          !(c != null && c.hideSectionHeadings) && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+          !(d != null && d.hideSectionHeadings) && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
             /* @__PURE__ */ t.jsx("p", { className: "text-xl font-medium", children: (r == null ? void 0 : r.label) || "Details" }),
             /* @__PURE__ */ t.jsxs("p", { children: [
               "Step ",
@@ -94,17 +94,20 @@ const X = () => {
               ((j = s == null ? void 0 : s.sections) == null ? void 0 : j.length) || 1
             ] })
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: "w-full flex flex-col gap-6", children: (h = r == null ? void 0 : r.fields) == null ? void 0 : h.map((e) => e && !e.hidden ? /* @__PURE__ */ t.jsx(
-            T,
-            {
-              field: e,
-              isInternal: d
-            },
-            e == null ? void 0 : e.key
-          ) : null) }),
+          /* @__PURE__ */ t.jsxs("div", { className: "w-full flex flex-col gap-6", children: [
+            (v = r == null ? void 0 : r.fields) == null ? void 0 : v.map((e) => e && !e.hidden ? /* @__PURE__ */ t.jsx(
+              _,
+              {
+                field: e,
+                isInternal: c
+              },
+              e == null ? void 0 : e.key
+            ) : null),
+            !c && x && /* @__PURE__ */ t.jsx(M, {})
+          ] }),
           /* @__PURE__ */ t.jsxs("div", { className: "flex mt-8 justify-between", children: [
             n !== 0 ? /* @__PURE__ */ t.jsx(
-              y,
+              g,
               {
                 type: "button",
                 size: "sm",
@@ -115,15 +118,15 @@ const X = () => {
               }
             ) : /* @__PURE__ */ t.jsx("div", {}),
             /* @__PURE__ */ t.jsx(
-              y,
+              g,
               {
                 type: "submit",
                 loadingText: "Saving",
                 size: "sm",
-                isLoading: D,
+                isLoading: k || f === "verifying",
                 disabled: o,
                 className: i == null ? void 0 : i.styles,
-                children: u ? (i == null ? void 0 : i.text) ?? "Save" : "Next"
+                children: x ? f === "verifying" ? "Verifying..." : (i == null ? void 0 : i.text) || "Save" : "Next"
               }
             )
           ] })
@@ -133,5 +136,5 @@ const X = () => {
   ] });
 };
 export {
-  X as default
+  Y as default
 };

package/dist/{SwitchWidget-BT0-waP9.js → SwitchWidget-B0wkSWxa.js}

@@ -1,7 +1,7 @@
 "use client";
 import { j as r } from "./jsx-runtime-B6kdoens.js";
 import { useController as k } from "react-hook-form";
-import { h as w, j, k as v } from "./CollectionFormBuilder-B6CAVKhg.js";
+import { z as w, A as j, B as v } from "./CollectionFormBuilder-MAo2Ob3a.js";
 import * as c from "@radix-ui/react-switch";
 import * as y from "react";
 import { c as d } from "./cn-C9QoOYNG.js";
@@ -27,20 +27,20 @@ const m = y.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ r.jsx(
 m.displayName = c.Root.displayName;
 const C = ({ field: e }) => {
   var l;
-  const { key: t = "", label: s = "", helper_text: u = "", readonly: h = !1 } = e, o = t, {
-    field: { value: p, onBlur: a, onChange: i, ...b },
+  const { key: t = "", label: s = "", helper_text: u = "", readonly: p = !1 } = e, o = t, {
+    field: { value: h, onBlur: a, onChange: i, ...b },
     fieldState: n
   } = k({
     name: o,
     rules: w(e)
   }), f = !!(e != null && e.required), x = (l = n == null ? void 0 : n.error) == null ? void 0 : l.message;
-  return /* @__PURE__ */ r.jsx(j, { error: x, helperText: u, readOnly: h, children: /* @__PURE__ */ r.jsxs("div", { className: "w-full flex items-center justify-between max-w-[300px]", children: [
+  return /* @__PURE__ */ r.jsx(j, { error: x, helperText: u, readOnly: p, children: /* @__PURE__ */ r.jsxs("div", { className: "w-full flex items-center justify-between max-w-[300px]", children: [
     s && /* @__PURE__ */ r.jsx(v, { htmlFor: o, isRequired: f, className: "!mb-0", children: s }),
     /* @__PURE__ */ r.jsx(
       m,
       {
         id: o,
-        checked: p,
+        checked: h,
         onCheckedChange: (g) => i == null ? void 0 : i(g),
         onBlur: () => a == null ? void 0 : a(),
         ...b

package/dist/{TextWidget-Bvsz-hey.js → TextWidget-ldbMuLB0.js}

@@ -1,9 +1,9 @@
 import { j as t } from "./jsx-runtime-B6kdoens.js";
-import { useFormContext as h, get as j } from "react-hook-form";
-import { c as g } from "./cn-C9QoOYNG.js";
-import { j as F, k as b, h as y } from "./CollectionFormBuilder-B6CAVKhg.js";
+import { useFormContext as g, get as h } from "react-hook-form";
+import { c as j } from "./cn-C9QoOYNG.js";
+import { A as F, B as b, z as y } from "./CollectionFormBuilder-MAo2Ob3a.js";
 import { I as f } from "./Input-2CvZ90f8.js";
-const W = ({
+const k = ({
   field: r,
   inputStyles: a,
   ...m
@@ -12,14 +12,14 @@ const W = ({
   const {
     register: n,
     formState: { errors: i, disabled: p }
-  } = h(), { key: c = "", label: s = "", helper_text: l = "", readonly: x = !1 } = r, e = c, d = !!(r != null && r.required), u = (o = j(i, e)) == null ? void 0 : o.message;
+  } = g(), { key: c = "", label: s = "", helper_text: l = "", readonly: x = !1 } = r, e = c, d = !!(r != null && r.required), u = (o = h(i, e)) == null ? void 0 : o.message;
   return /* @__PURE__ */ t.jsxs(F, { error: u, helperText: l, children: [
     s && /* @__PURE__ */ t.jsx(b, { htmlFor: e, isRequired: d, children: s }),
     /* @__PURE__ */ t.jsx(
       f,
       {
         id: e,
-        className: g(a),
+        className: j(a),
         readOnly: x,
         disabled: p,
         ...n(e, { ...y(r) }),
@@ -29,5 +29,5 @@ const W = ({
   ] });
 };
 export {
-  W as default
+  k as default
 };