@levo-so/react 0.0.2-alpha → 0.1.1

package/dist/Spinner-CuUosd-S.js

@@ -0,0 +1,297 @@
+"use client";
+import { j as c } from "./jsx-runtime-B6kdoens.js";
+import { Slot as B } from "@radix-ui/react-slot";
+import * as m from "react";
+import l from "react";
+import { twMerge as j } from "tailwind-merge";
+import { cva as O } from "class-variance-authority";
+import { c as u } from "./cn-C9QoOYNG.js";
+import * as d from "@radix-ui/react-tabs";
+var x = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, p = l.createContext && /* @__PURE__ */ l.createContext(x), P = ["attr", "size", "title"];
+function M(t, e) {
+  if (t == null) return {};
+  var r = N(t, e), a, n;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (n = 0; n < o.length; n++)
+      a = o[n], !(e.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (r[a] = t[a]);
+  }
+  return r;
+}
+function N(t, e) {
+  if (t == null) return {};
+  var r = {};
+  for (var a in t)
+    if (Object.prototype.hasOwnProperty.call(t, a)) {
+      if (e.indexOf(a) >= 0) continue;
+      r[a] = t[a];
+    }
+  return r;
+}
+function f() {
+  return f = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (t[a] = r[a]);
+    }
+    return t;
+  }, f.apply(this, arguments);
+}
+function b(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(t);
+    e && (a = a.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(t, n).enumerable;
+    })), r.push.apply(r, a);
+  }
+  return r;
+}
+function g(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? b(Object(r), !0).forEach(function(a) {
+      L(t, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : b(Object(r)).forEach(function(a) {
+      Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(r, a));
+    });
+  }
+  return t;
+}
+function L(t, e, r) {
+  return e = C(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+}
+function C(t) {
+  var e = S(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function S(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var a = r.call(t, e || "default");
+    if (typeof a != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function z(t) {
+  return t && t.map((e, r) => /* @__PURE__ */ l.createElement(e.tag, g({
+    key: r
+  }, e.attr), z(e.child)));
+}
+function i(t) {
+  return (e) => /* @__PURE__ */ l.createElement(E, f({
+    attr: g({}, t.attr)
+  }, e), z(t.child));
+}
+function E(t) {
+  var e = (r) => {
+    var {
+      attr: a,
+      size: n,
+      title: o
+    } = t, h = M(t, P), v = n || r.size || "1em", s;
+    return r.className && (s = r.className), t.className && (s = (s ? s + " " : "") + t.className), /* @__PURE__ */ l.createElement("svg", f({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, r.attr, a, h, {
+      className: s,
+      style: g(g({
+        color: t.color || r.color
+      }, r.style), t.style),
+      height: v,
+      width: v,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), o && /* @__PURE__ */ l.createElement("title", null, o), t.children);
+  };
+  return p !== void 0 ? /* @__PURE__ */ l.createElement(p.Consumer, null, (r) => e(r)) : e(x);
+}
+function q(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 7h16v2H4zm0-4h16v2H4zm0 8h16v2H4zm0 4h16v2H4zm2 4h12v2H6z" }, child: [] }] })(t);
+}
+function F(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm0-4h11v2H4zm0-4h16v2H4zm0-8h16v2H4zm0 4h11v2H4z" }, child: [] }] })(t);
+}
+function J(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm3-4h10v2H7zm-3-4h16v2H4zm0-8h16v2H4zm3 4h10v2H7z" }, child: [] }] })(t);
+}
+function K(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm5-4h11v2H9zm-5-4h16v2H4zm0-8h16v2H4zm5 4h11v2H9z" }, child: [] }] })(t);
+}
+function Q(t) {
+  return i({ 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 X(t) {
+  return i({ 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 Y(t) {
+  return i({ 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 Z(t) {
+  return i({ 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 $(t) {
+  return i({ 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 tt(t) {
+  return i({ 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 et(t) {
+  return i({ 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 y(t) {
+  return i({ 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 rt(t) {
+  return i({ 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 at(t) {
+  return i({ 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 it(t) {
+  return i({ 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 R = O(
+  "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"
+    }
+  }
+), T = m.forwardRef(
+  ({
+    className: t,
+    variant: e,
+    size: r,
+    rounded: a,
+    asChild: n = !1,
+    isLoading: o = !1,
+    loadingText: h,
+    disabled: v,
+    ...s
+  }, w) => {
+    const H = n ? B : "button";
+    return /* @__PURE__ */ c.jsx(
+      H,
+      {
+        className: u(R({ variant: e, size: r, rounded: a, className: t })),
+        ref: w,
+        disabled: v || o,
+        type: "button",
+        ...s,
+        children: o ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+          /* @__PURE__ */ c.jsx(
+            y,
+            {
+              className: j(
+                "h-4 w-4 animate-spin",
+                h ? "mr-2" : ""
+              )
+            }
+          ),
+          h
+        ] }) : s.children
+      }
+    );
+  }
+);
+T.displayName = "Button";
+const nt = d.Root, _ = m.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ c.jsx(
+  d.List,
+  {
+    ref: r,
+    className: u(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      t
+    ),
+    ...e
+  }
+));
+_.displayName = d.List.displayName;
+const V = m.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ c.jsx(
+  d.Trigger,
+  {
+    ref: r,
+    className: u(
+      "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
+  }
+));
+V.displayName = d.Trigger.displayName;
+const A = m.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ c.jsx(
+  d.Content,
+  {
+    ref: r,
+    className: u(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      t
+    ),
+    ...e
+  }
+));
+A.displayName = d.Content.displayName;
+const ot = ({ className: t }) => /* @__PURE__ */ c.jsx(y, { className: u("h-8 w-8 animate-spin font-light", t) });
+export {
+  T as B,
+  i as G,
+  ot as S,
+  nt as T,
+  _ as a,
+  R as b,
+  V as c,
+  A as d,
+  Q as e,
+  Z as f,
+  at as g,
+  rt as h,
+  et as i,
+  tt as j,
+  $ as k,
+  it as l,
+  F as m,
+  J as n,
+  K as o,
+  q as p,
+  y as q,
+  X as r,
+  Y as s
+};

package/dist/StepsFormVariant-5_c3f2Vk.js

@@ -0,0 +1,137 @@
+"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 { m as N, F as T } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { u as H, S as M } from "./useLevoForm-BcN8f66y.js";
+import { c as g } from "./cn-C9QoOYNG.js";
+import { B as y } from "./Spinner-CuUosd-S.js";
+const X = () => {
+  const [n, l] = A(0), { containerStyles: m } = N(), a = () => {
+    l((o) => o - 1);
+  }, s = () => {
+    l((o) => o + 1);
+  }, d = (o) => {
+    l(o);
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: g("w-full", m), children: /* @__PURE__ */ t.jsx(
+    q,
+    {
+      currentSectionIndex: n,
+      handleNext: s,
+      handlePrev: a,
+      goToIndex: d
+    }
+  ) });
+}, q = ({ currentSectionIndex: n, handleNext: l, handlePrev: m, goToIndex: a }) => {
+  var f, j, h;
+  const { schema: s, isInternal: d, isDisabled: o, submitButtonConfig: i, uiConfig: c } = N(), r = v(
+    () => {
+      var e;
+      return (e = s == null ? void 0 : s.sections) == null ? void 0 : e[n];
+    },
+    [n]
+  ), F = v(() => {
+    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,
+    isError: P,
+    allFormValues: k
+  } = H({
+    schema: F,
+    saveToRemote: u,
+    onSubmit: () => {
+      l();
+    },
+    onSubmitSuccess: () => {
+      a(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) => {
+          var b;
+          ((b = x == null ? void 0 : x.fields) == null ? void 0 : b.find((z) => z.key === R.param)) && a(V);
+        });
+      }
+    }
+  }), {
+    formState: { isSubmitting: D }
+  } = p;
+  return /* @__PURE__ */ t.jsxs(I, { ...p, children: [
+    /* @__PURE__ */ t.jsx(
+      M,
+      {
+        getContentId: (e) => L(e),
+        isError: P,
+        currentValues: k
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(
+      "form",
+      {
+        className: g(
+          "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"
+        ),
+        id: "collection-form",
+        onSubmit: w,
+        children: [
+          !(c != null && c.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 ",
+              n + 1,
+              "/",
+              ((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: "flex mt-8 justify-between", children: [
+            n !== 0 ? /* @__PURE__ */ t.jsx(
+              y,
+              {
+                type: "button",
+                size: "sm",
+                onClick: () => {
+                  m();
+                },
+                children: "Prev"
+              }
+            ) : /* @__PURE__ */ t.jsx("div", {}),
+            /* @__PURE__ */ t.jsx(
+              y,
+              {
+                type: "submit",
+                loadingText: "Saving",
+                size: "sm",
+                isLoading: D,
+                disabled: o,
+                className: i == null ? void 0 : i.styles,
+                children: u ? (i == null ? void 0 : i.text) ?? "Save" : "Next"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  X as default
+};

package/dist/SwitchWidget-t8iwhxk9.js

@@ -0,0 +1,53 @@
+"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-jwwjyIpv.js";
+import * as c from "@radix-ui/react-switch";
+import * as y from "react";
+import { c as d } from "./cn-C9QoOYNG.js";
+const m = y.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ r.jsx(
+  c.Root,
+  {
+    className: d(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      e
+    ),
+    ...t,
+    ref: s,
+    children: /* @__PURE__ */ r.jsx(
+      c.Thumb,
+      {
+        className: d(
+          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+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 },
+    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: [
+    s && /* @__PURE__ */ r.jsx(v, { htmlFor: o, isRequired: f, className: "!mb-0", children: s }),
+    /* @__PURE__ */ r.jsx(
+      m,
+      {
+        id: o,
+        checked: p,
+        onCheckedChange: (g) => i == null ? void 0 : i(g),
+        onBlur: () => a == null ? void 0 : a(),
+        ...b
+      }
+    )
+  ] }) });
+};
+export {
+  C as default
+};

package/dist/TextWidget-D0UBxTxe.js

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

package/dist/TextareaWidget-CG6J_plD.js

@@ -0,0 +1,30 @@
+import { j as s } from "./jsx-runtime-B6kdoens.js";
+import { useFormContext as u, get as x } from "react-hook-form";
+import { j as b, k as g, h } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { c as f } from "./cn-C9QoOYNG.js";
+const w = ({ field: e }) => {
+  var a;
+  const {
+    register: i,
+    formState: { errors: n, disabled: l }
+  } = u(), { key: d = "", label: o = "", helper_text: m = "", readonly: t = !1 } = e, r = d, c = !!(e != null && e.required), p = (a = x(n, r)) == null ? void 0 : a.message;
+  return /* @__PURE__ */ s.jsxs(b, { error: p, helperText: m, children: [
+    o && /* @__PURE__ */ s.jsx(g, { htmlFor: r, isRequired: c, children: o }),
+    /* @__PURE__ */ s.jsx(
+      "textarea",
+      {
+        id: r,
+        className: f(
+          "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          t && "focus-visible:ring-0"
+        ),
+        readOnly: t,
+        disabled: l,
+        ...i(r, h(e))
+      }
+    )
+  ] });
+};
+export {
+  w as default
+};

package/dist/ToggleCheckboxWidget-dl8ks4VX.js

@@ -0,0 +1,44 @@
+"use client";
+import { j as r } from "./jsx-runtime-B6kdoens.js";
+import { useController as p } from "react-hook-form";
+import { h as u, j as g, k as j } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { C } from "./Checbox-sq-atGlJ.js";
+const y = ({
+  field: e
+}) => {
+  const { key: l = "", label: o = "", helper_text: t = "", readonly: n = !1 } = e, {
+    field: { name: s, onBlur: i, onChange: m, ref: d, value: c, disabled: h },
+    fieldState: { error: a }
+  } = p({
+    name: l,
+    rules: u(e)
+  });
+  return /* @__PURE__ */ r.jsx(
+    g,
+    {
+      error: a == null ? void 0 : a.message,
+      helperText: t,
+      readOnly: n,
+      children: /* @__PURE__ */ r.jsxs("div", { className: "w-full flex gap-2 items-start flex-nowrap", ref: d, children: [
+        /* @__PURE__ */ r.jsx(
+          C,
+          {
+            id: s,
+            name: s,
+            checked: c,
+            onCheckedChange: (x) => m(x),
+            onBlur: () => {
+              i();
+            },
+            disabled: h
+          }
+        ),
+        o && /* @__PURE__ */ r.jsx(j, { htmlFor: s, isRequired: e == null ? void 0 : e.required, children: o })
+      ] })
+    }
+  );
+};
+export {
+  y as ToggleCheckboxWidget,
+  y as default
+};