@levo-so/react 0.1.2 → 0.1.5

package/dist/{Spinner-CuUosd-S.js → Spinner-DzGH5rKe.js}

@@ -1,12 +1,12 @@
 "use client";
 import { j as c } from "./jsx-runtime-B6kdoens.js";
-import { Slot as B } from "@radix-ui/react-slot";
+import * as d from "@radix-ui/react-tabs";
 import * as m from "react";
 import l from "react";
+import { c as u } from "./cn-C9QoOYNG.js";
+import { Slot as B } from "@radix-ui/react-slot";
 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,
@@ -160,7 +160,44 @@ function at(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(
+const nt = d.Root, R = 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
+  }
+));
+R.displayName = d.List.displayName;
+const T = 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
+  }
+));
+T.displayName = d.Trigger.displayName;
+const _ = 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
+  }
+));
+_.displayName = d.Content.displayName;
+const V = 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: {
@@ -194,7 +231,7 @@ const R = O(
       rounded: "default"
     }
   }
-), T = m.forwardRef(
+), A = m.forwardRef(
   ({
     className: t,
     variant: e,
@@ -210,7 +247,7 @@ const R = O(
     return /* @__PURE__ */ c.jsx(
       H,
       {
-        className: u(R({ variant: e, size: r, rounded: a, className: t })),
+        className: u(V({ variant: e, size: r, rounded: a, className: t })),
         ref: w,
         disabled: v || o,
         type: "button",
@@ -231,54 +268,17 @@ const R = O(
     );
   }
 );
-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;
+A.displayName = "Button";
 const ot = ({ className: t }) => /* @__PURE__ */ c.jsx(y, { className: u("h-8 w-8 animate-spin font-light", t) });
 export {
-  T as B,
+  A as B,
   i as G,
   ot as S,
   nt as T,
-  _ as a,
-  R as b,
-  V as c,
-  A as d,
+  R as a,
+  V as b,
+  T as c,
+  _ as d,
   Q as e,
   Z as f,
   at as g,

package/dist/{StepsFormVariant-BxANsU4Z.js → StepsFormVariant-CzS2wbMD.js}

@@ -2,19 +2,19 @@
 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-uvr15jvu.js";
-import { u as H, S as M } from "./useLevoForm-B4Dmf73H.js";
-import { c as g } from "./cn-C9QoOYNG.js";
-import { B as y } from "./Spinner-CuUosd-S.js";
+import { c as N } from "./cn-C9QoOYNG.js";
+import { l as g, F as T } from "./CollectionFormBuilder-B_dXpvPN.js";
+import { u as H, S as M } from "./useLevoForm-HS_d5OoW.js";
+import { B as y } from "./Spinner-DzGH5rKe.js";
 const X = () => {
-  const [n, l] = A(0), { containerStyles: m } = N(), a = () => {
+  const [n, l] = A(0), { containerStyles: m } = g(), 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(
+  return /* @__PURE__ */ t.jsx("div", { className: N("w-full", m), children: /* @__PURE__ */ t.jsx(
     q,
     {
       currentSectionIndex: n,
@@ -25,7 +25,7 @@ const X = () => {
   ) });
 }, 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(
+  const { schema: s, isInternal: d, isDisabled: o, submitButtonConfig: i, uiConfig: c } = g(), r = v(
     () => {
       var e;
       return (e = s == null ? void 0 : s.sections) == null ? void 0 : e[n];
@@ -78,7 +78,7 @@ const X = () => {
     /* @__PURE__ */ t.jsxs(
       "form",
       {
-        className: g(
+        className: N(
           "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"
         ),

package/dist/{SwitchWidget-CbCYweyx.js → SwitchWidget-CBottoNO.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-uvr15jvu.js";
+import { h as w, j, k as v } from "./CollectionFormBuilder-B_dXpvPN.js";
 import * as c from "@radix-ui/react-switch";
 import * as y from "react";
 import { c as d } from "./cn-C9QoOYNG.js";

package/dist/TextWidget-Dg-ZYJI2.js

@@ -0,0 +1,33 @@
+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-B_dXpvPN.js";
+import { I as f } from "./Input-2CvZ90f8.js";
+const W = ({
+  field: r,
+  inputStyles: a,
+  ...m
+}) => {
+  var o;
+  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;
+  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),
+        readOnly: x,
+        disabled: p,
+        ...n(e, { ...y(r) }),
+        ...m
+      }
+    )
+  ] });
+};
+export {
+  W as default
+};

package/dist/{TextareaWidget-Dqt4CVV-.js → TextareaWidget-wsUSnO28.js}

@@ -1,26 +1,26 @@
 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-uvr15jvu.js";
-import { c as f } from "./cn-C9QoOYNG.js";
+import { c as b } from "./cn-C9QoOYNG.js";
+import { j as g, k as h, h as f } from "./CollectionFormBuilder-B_dXpvPN.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 }),
+  return /* @__PURE__ */ s.jsxs(g, { error: p, helperText: m, children: [
+    o && /* @__PURE__ */ s.jsx(h, { htmlFor: r, isRequired: c, children: o }),
     /* @__PURE__ */ s.jsx(
       "textarea",
       {
         id: r,
-        className: f(
+        className: b(
           "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))
+        ...i(r, f(e))
       }
     )
   ] });

package/dist/{ToggleCheckboxWidget-D8CxllEX.js → ToggleCheckboxWidget-IeHYCie0.js}

@@ -1,7 +1,7 @@
 "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-uvr15jvu.js";
+import { h as u, j as g, k as j } from "./CollectionFormBuilder-B_dXpvPN.js";
 import { C } from "./Checbox-sq-atGlJ.js";
 const y = ({
   field: e

package/dist/{URLWidget-C07DCMOd.js → URLWidget-BsIEpzV3.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
-import { H as s } from "./CollectionFormBuilder-uvr15jvu.js";
-import r from "./TextWidget-CfEeuyFV.js";
+import { H as s } from "./CollectionFormBuilder-B_dXpvPN.js";
+import r from "./TextWidget-Dg-ZYJI2.js";
 const a = (t) => /* @__PURE__ */ e.jsx(
   r,
   {