@levo-so/studio 0.1.76 → 0.1.78

package/dist/{Beams-Cd_FYHTX.js → Beams-Bg-dVxl6.js}

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as C, jsxs as e } from "react/jsx-runtime";
+import { jsx as C, jsxs as o } from "react/jsx-runtime";
+import * as d from "motion/react-m";
 import r from "react";
-import { M as d, a as p } from "./elements-C4FqwQym.js";
-const m = r.memo(
+const p = r.memo(
   ({
-    className: o,
+    className: e,
     primaryColor: t = "#00ff00",
     secondaryColor: n = "#ff0000",
     lineColor: l = "#121212"
@@ -63,8 +63,8 @@ const m = r.memo(
         "M-37 -581C-37 -581 31 -176 495 -49C959 78 1027 483 1027 483"
       ],
       []
-    ), i = r.useMemo(
-      () => a.map((s, M) => ({
+    ), s = r.useMemo(
+      () => a.map((i, M) => ({
         duration: Math.random() * 10 + 10,
         delay: Math.random() * 10,
         endY: `${93 + Math.random() * 8}%`
@@ -74,7 +74,7 @@ const m = r.memo(
     return /* @__PURE__ */ C(
       "div",
       {
-        className: o,
+        className: e,
         style: {
           position: "absolute",
           inset: 0,
@@ -87,7 +87,7 @@ const m = r.memo(
           maskSize: "40px",
           zIndex: -1
         },
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ o(
           "svg",
           {
             style: {
@@ -113,19 +113,19 @@ const m = r.memo(
                   strokeWidth: "0.5"
                 }
               ),
-              a.map((s, M) => /* @__PURE__ */ C(
-                d,
+              a.map((i, M) => /* @__PURE__ */ C(
+                d.path,
                 {
-                  d: s,
+                  d: i,
                   stroke: `url(#linearGradient-${M})`,
                   strokeOpacity: "0.4",
                   strokeWidth: "0.5"
                 },
                 "path-" + M
               )),
-              /* @__PURE__ */ e("defs", { children: [
-                a.map((s, M) => /* @__PURE__ */ e(
-                  p,
+              /* @__PURE__ */ o("defs", { children: [
+                a.map((i, M) => /* @__PURE__ */ o(
+                  d.linearGradient,
                   {
                     id: `linearGradient-${M}`,
                     initial: {
@@ -138,13 +138,13 @@ const m = r.memo(
                       x1: ["0%", "100%"],
                       x2: ["0%", "95%"],
                       y1: ["0%", "100%"],
-                      y2: ["0%", i[M]?.endY || "100%"]
+                      y2: ["0%", s[M]?.endY || "100%"]
                     },
                     transition: {
-                      duration: i[M]?.duration || 15,
+                      duration: s[M]?.duration || 15,
                       ease: "easeInOut",
                       repeat: 1 / 0,
-                      delay: i[M]?.delay || 0
+                      delay: s[M]?.delay || 0
                     },
                     children: [
                       /* @__PURE__ */ C("stop", { stopColor: t, stopOpacity: "0" }),
@@ -155,7 +155,7 @@ const m = r.memo(
                   },
                   `gradient-${M}`
                 )),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ o(
                   "radialGradient",
                   {
                     id: "paint0_radial_242_278",
@@ -179,9 +179,9 @@ const m = r.memo(
     );
   },
   // Custom comparison function for better memoization
-  (o, t) => o.className === t.className && o.primaryColor === t.primaryColor && o.secondaryColor === t.secondaryColor && o.lineColor === t.lineColor
+  (e, t) => e.className === t.className && e.primaryColor === t.primaryColor && e.secondaryColor === t.secondaryColor && e.lineColor === t.lineColor
 );
-m.displayName = "BackgroundBeams";
+p.displayName = "BackgroundBeams";
 export {
-  m as BackgroundBeams
+  p as BackgroundBeams
 };

package/dist/{BillingStep-BQoQunR6.js → BillingStep-BEQv34t2.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as s, jsx as t, Fragment as q } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { B as k } from "./index-aRy7vrUx.js";
+import { B as k } from "./index-DFWJOU6m.js";
 const F = ({
   onSubmit: h,
   prefillName: b,

package/dist/{Dots-CEXJu60k.js → Dots-BcyEjNOn.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import c from "react";
-import { b as S } from "./elements-C4FqwQym.js";
-const C = c.memo(
+import * as S from "motion/react-m";
+import l from "react";
+const C = l.memo(
   ({
     className: e,
     dotColor: n,
@@ -11,7 +11,7 @@ const C = c.memo(
     isAnimated: r = !1,
     speed: p
   }) => {
-    const m = n ?? "#00ff00", d = Math.max(Number(y) || 2, 0.1), i = Math.max(Number(g) || 30, 1), M = Math.max(Number(p) || 1, 0.01), o = c.useMemo(
+    const m = n ?? "#00ff00", d = Math.max(Number(y) || 2, 0.1), i = Math.max(Number(g) || 30, 1), M = Math.max(Number(p) || 1, 0.01), o = l.useMemo(
       () => ({
         cx: i / 2,
         cy: i / 2,
@@ -20,20 +20,20 @@ const C = c.memo(
         height: Math.max(i, 1)
       }),
       [i, d]
-    ), u = c.useMemo(
+    ), u = l.useMemo(
       () => `dots-pattern-${Math.random().toString(36).substring(2, 11)}`,
       []
-    ), f = c.useMemo(() => {
+    ), f = l.useMemo(() => {
       if (!r || !i || i <= 0) return [];
-      const t = [], l = Math.max(i, 2), w = Math.min(Math.ceil(100 / (l / 10)), 50), b = Math.min(Math.ceil(100 / (l / 10)), 50);
+      const t = [], c = Math.max(i, 2), w = Math.min(Math.ceil(100 / (c / 10)), 50), b = Math.min(Math.ceil(100 / (c / 10)), 50);
       for (let s = 0; s < w; s++)
         for (let h = 0; h < b; h++) {
           const $ = Math.abs(Math.sin(s * 12.9898 + h * 78.233) * 43758.5453) % 1, I = Math.abs(Math.sin(s * 39.346 + h * 11.135) * 43758.5453) % 1, N = Math.abs(Math.sin(s * 71.123 + h * 23.456) * 43758.5453) % 1, z = Math.abs(Math.sin(s * 15.987 + h * 82.345) * 43758.5453) % 1;
           t.push({
             id: `${s}-${h}`,
             // Use stable numeric values
-            x: Number((h * l / 10 + ($ - 0.5) * 8).toFixed(2)),
-            y: Number((s * l / 10 + (I - 0.5) * 8).toFixed(2)),
+            x: Number((h * c / 10 + ($ - 0.5) * 8).toFixed(2)),
+            y: Number((s * c / 10 + (I - 0.5) * 8).toFixed(2)),
             delay: Number((N * 3).toFixed(2)),
             amplitude: Number((2 + z * 3).toFixed(2))
           });
@@ -71,7 +71,7 @@ const C = c.memo(
             children: [
               /* @__PURE__ */ a("title", { children: "Animated Dots" }),
               f.map((t) => /* @__PURE__ */ a(
-                S,
+                S.circle,
                 {
                   r: d,
                   fill: m,

package/dist/{Gradient-C5DI2sIE.js → Gradient-BAEhRmAX.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
-import o from "react";
-import { c as r } from "./elements-C4FqwQym.js";
-const s = o.memo(
+import * as o from "motion/react-m";
+import r from "react";
+const s = r.memo(
   ({
     className: e,
     fromColor: i = "#ff0000",
@@ -23,7 +23,7 @@ const s = o.memo(
         zIndex: -1
       },
       children: /* @__PURE__ */ t(
-        r,
+        o.div,
         {
           style: {
             position: "absolute",

package/dist/{Grid-DEvYGHWT.js → Grid-PY2gXiCU.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as w } from "react/jsx-runtime";
+import * as u from "motion/react-m";
 import r from "react";
-import { c as u } from "./elements-C4FqwQym.js";
 const M = r.memo(
   ({
     className: e,
@@ -10,11 +10,11 @@ const M = r.memo(
     spacing: y,
     // Interactive mode props
     isInteractive: f = !1,
-    hoverColor: a = "#93c5fd",
+    hoverColor: d = "#93c5fd",
     rows: x,
     cols: $
   }) => {
-    const o = n ?? "#333333", l = Math.max(p ?? 1, 0.1), i = Math.max(y ?? 50, 1), d = Math.max(x ?? 150, 1), h = Math.max($ ?? 100, 1), v = r.useMemo(() => new Array(d).fill(1), [d]), k = r.useMemo(() => new Array(h).fill(1), [h]), s = r.useMemo(
+    const o = n ?? "#333333", l = Math.max(p ?? 1, 0.1), i = Math.max(y ?? 50, 1), a = Math.max(x ?? 150, 1), h = Math.max($ ?? 100, 1), v = r.useMemo(() => new Array(a).fill(1), [a]), k = r.useMemo(() => new Array(h).fill(1), [h]), s = r.useMemo(
       () => ({
         rowStyle: {
           height: `${i}px`,
@@ -37,14 +37,14 @@ const M = r.memo(
     ), c = r.useMemo(
       () => ({
         hover: {
-          backgroundColor: a,
+          backgroundColor: d,
           transition: { duration: 0 }
         },
         animate: {
           transition: { duration: 2 }
         }
       }),
-      [a]
+      [d]
     );
     return f ? /* @__PURE__ */ t(
       "div",
@@ -75,13 +75,13 @@ const M = r.memo(
               width: "100%",
               padding: "1rem"
             },
-            children: v.map((b, g) => /* @__PURE__ */ t(u, { style: { ...s.rowStyle, position: "relative" }, children: k.map((C, m) => /* @__PURE__ */ t(
-              u,
+            children: v.map((b, m) => /* @__PURE__ */ t(u.div, { style: { ...s.rowStyle, position: "relative" }, children: k.map((C, g) => /* @__PURE__ */ t(
+              u.div,
               {
                 whileHover: c.hover,
                 animate: c.animate,
                 style: { ...s.colStyle, position: "relative" },
-                children: m % 2 === 0 && g % 2 === 0 ? /* @__PURE__ */ w(
+                children: g % 2 === 0 && m % 2 === 0 ? /* @__PURE__ */ w(
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -104,8 +104,8 @@ const M = r.memo(
                   }
                 ) : null
               },
-              `col-${m}`
-            )) }, `row-${g}`))
+              `col-${g}`
+            )) }, `row-${m}`))
           }
         )
       }

package/dist/{MessageCard-Lb-yqUGH.js → MessageCard-CRDamYvO.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { A as o } from "./index-IcG2wuuE.js";
-import { M as a } from "./index-w4OKu-Gd.js";
+import { M as a } from "./index-DNVhz-wO.js";
 const m = ({ logo: s, siteName: t, options: l, message: n }) => /* @__PURE__ */ r(o, { logo: s, siteName: t, maxWidth: "sm", children: [
   /* @__PURE__ */ r("div", { className: "mb-6 px-8 sm:px-6", children: [
     /* @__PURE__ */ e("div", { className: "mb-4 flex justify-center", children: /* @__PURE__ */ e(

package/dist/{Waves-BVIvL375.js → Waves-CZHzs7wt.js}

@@ -1,40 +1,40 @@
 "use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import * as y from "motion/react-m";
 import l from "react";
-import { M as G, b as Y } from "./elements-C4FqwQym.js";
-const j = l.memo(
+const Y = l.memo(
   ({
-    className: y,
-    primaryColor: f,
-    secondaryColor: m,
-    amplitude: u,
-    frequency: x,
-    speed: v
+    className: f,
+    primaryColor: m,
+    secondaryColor: u,
+    amplitude: x,
+    frequency: v,
+    speed: g
   }) => {
-    const a = f ?? "#3b82f6", r = m ?? "#8b5cf6", g = u ?? 50, M = x ?? 0.02, p = Math.max(v ?? 1, 0.01), w = 3, b = l.useMemo(() => Array.from({ length: w }, (t, o) => o), []), C = l.useMemo(() => Array.from({ length: 15 }, (t, o) => {
-      const s = Math.abs(Math.sin(o * 12.9898) * 43758.5453) % 1, i = Math.abs(Math.sin(o * 39.346) * 43758.5453) % 1, c = Math.abs(Math.sin(o * 71.123) * 43758.5453) % 1;
+    const n = m ?? "#3b82f6", r = u ?? "#8b5cf6", w = x ?? 50, M = v ?? 0.02, p = Math.max(g ?? 1, 0.01), $ = 3, b = l.useMemo(() => Array.from({ length: $ }, (t, o) => o), []), C = l.useMemo(() => Array.from({ length: 15 }, (t, o) => {
+      const s = Math.abs(Math.sin(o * 12.9898) * 43758.5453) % 1, i = Math.abs(Math.sin(o * 39.346) * 43758.5453) % 1, d = Math.abs(Math.sin(o * 71.123) * 43758.5453) % 1;
       return {
         id: o,
         cx: s * 1e3,
         cy: i * 400,
-        r: c * 3 + 1,
+        r: d * 3 + 1,
         duration: s * 10 + 5,
         delay: i * 5,
-        moveX: [s * 1e3, i * 1e3, c * 1e3, s * 1e3],
-        moveY: [i * 400, c * 400, s * 400, i * 400]
+        moveX: [s * 1e3, i * 1e3, d * 1e3, s * 1e3],
+        moveY: [i * 400, d * 400, s * 400, i * 400]
       };
-    }), []), d = (t, o = g) => {
-      const s = [], $ = t * 60;
+    }), []), c = (t, o = w) => {
+      const s = [], O = t * 60;
       for (let h = 0; h <= 1e3; h += 10) {
-        const O = 200 + Math.sin(h * M + $) * o;
-        s.push(`${h},${O}`);
+        const G = 200 + Math.sin(h * M + O) * o;
+        s.push(`${h},${G}`);
       }
       return `M 0,200 Q ${s.join(" ")} 1000,200 L 1000,400 L 0,400 Z`;
     };
     return /* @__PURE__ */ e(
       "div",
       {
-        className: y,
+        className: f,
         style: {
           position: "absolute",
           inset: 0,
@@ -46,7 +46,7 @@ const j = l.memo(
           overflow: "hidden",
           zIndex: -1
         },
-        children: /* @__PURE__ */ n(
+        children: /* @__PURE__ */ a(
           "svg",
           {
             style: {
@@ -63,32 +63,32 @@ const j = l.memo(
             xmlns: "http://www.w3.org/2000/svg",
             children: [
               /* @__PURE__ */ e("title", { children: "Waves" }),
-              /* @__PURE__ */ n("defs", { children: [
-                /* @__PURE__ */ n("linearGradient", { id: "waveGradient1", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                  /* @__PURE__ */ e("stop", { offset: "0%", stopColor: a, stopOpacity: "0.3" }),
+              /* @__PURE__ */ a("defs", { children: [
+                /* @__PURE__ */ a("linearGradient", { id: "waveGradient1", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                  /* @__PURE__ */ e("stop", { offset: "0%", stopColor: n, stopOpacity: "0.3" }),
                   /* @__PURE__ */ e("stop", { offset: "100%", stopColor: r, stopOpacity: "0.1" })
                 ] }),
-                /* @__PURE__ */ n("linearGradient", { id: "waveGradient2", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                /* @__PURE__ */ a("linearGradient", { id: "waveGradient2", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
                   /* @__PURE__ */ e("stop", { offset: "0%", stopColor: r, stopOpacity: "0.2" }),
-                  /* @__PURE__ */ e("stop", { offset: "100%", stopColor: a, stopOpacity: "0.05" })
+                  /* @__PURE__ */ e("stop", { offset: "100%", stopColor: n, stopOpacity: "0.05" })
                 ] }),
-                /* @__PURE__ */ n("linearGradient", { id: "waveGradient3", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                  /* @__PURE__ */ e("stop", { offset: "0%", stopColor: a, stopOpacity: "0.1" }),
+                /* @__PURE__ */ a("linearGradient", { id: "waveGradient3", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+                  /* @__PURE__ */ e("stop", { offset: "0%", stopColor: n, stopOpacity: "0.1" }),
                   /* @__PURE__ */ e("stop", { offset: "100%", stopColor: r, stopOpacity: "0.3" })
                 ] })
               ] }),
               b.map((t) => /* @__PURE__ */ e(
-                G,
+                y.path,
                 {
-                  d: d(t),
+                  d: c(t),
                   fill: `url(#waveGradient${t + 1})`,
                   initial: { x: -100 },
                   animate: {
                     x: [-100, 100],
                     d: [
-                      d(t),
-                      d(t + 0.5),
-                      d(t)
+                      c(t),
+                      c(t + 0.5),
+                      c(t)
                     ]
                   },
                   transition: {
@@ -110,12 +110,12 @@ const j = l.memo(
                 `wave-${t}`
               )),
               C.map((t) => /* @__PURE__ */ e(
-                Y,
+                y.circle,
                 {
                   cx: t.cx,
                   cy: t.cy,
                   r: t.r,
-                  fill: t.id % 2 === 0 ? a : r,
+                  fill: t.id % 2 === 0 ? n : r,
                   initial: { opacity: 0.3 },
                   animate: {
                     opacity: [0.3, 0.8, 0.3],
@@ -138,7 +138,7 @@ const j = l.memo(
     );
   }
 );
-j.displayName = "BackgroundWaves";
+Y.displayName = "BackgroundWaves";
 export {
-  j as BackgroundWaves
+  Y as BackgroundWaves
 };

package/dist/{index-DQZVUZBh.js → index-BEAsxxm1.js}

@@ -2,8 +2,8 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { CollectionFormBuilder as a } from "@levo-so/react-collection";
 import { A as d } from "./index-IcG2wuuE.js";
-import { M as m } from "./index-w4OKu-Gd.js";
-import { u } from "./index-aRy7vrUx.js";
+import { M as m } from "./index-DNVhz-wO.js";
+import { u } from "./index-DFWJOU6m.js";
 const h = "_header_emo7t_1", _ = "_title_emo7t_8", f = "_subtitle_emo7t_15", C = "_formContainer_emo7t_21", t = {
   header: h,
   title: _,

package/dist/{index-Ms20Yb0a.js → index-CWWCoArW.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useEffect as n } from "react";
-import { b as l, u as c, D as d, d as m, e as u, f as g, g as h } from "./index-aRy7vrUx.js";
-import { L as f } from "./index-mGo8Emyj.js";
+import { b as l, u as c, D as d, c as m, d as u, e as h, f as g } from "./index-DFWJOU6m.js";
+import { L as f } from "./index-xFzpnJIa.js";
 const p = "_container_301k2_1", a = {
   container: p
 }, x = ({ config: o }) => {
@@ -11,8 +11,8 @@ const p = "_container_301k2_1", a = {
     r && (o?.redirect_uri && (window.location.href = o.redirect_uri), i());
   }, [r, o?.redirect_uri, i]), /* @__PURE__ */ e(d, { open: !0, onOpenChange: (s) => !s && i(), children: /* @__PURE__ */ t(m, { className: "sm:max-w-md", children: [
     /* @__PURE__ */ t(u, { children: [
-      /* @__PURE__ */ e(g, { children: "Login" }),
-      /* @__PURE__ */ e(h, {})
+      /* @__PURE__ */ e(h, { children: "Login" }),
+      /* @__PURE__ */ e(g, {})
     ] }),
     /* @__PURE__ */ e("div", { className: a.container, children: /* @__PURE__ */ e(
       f,