@levo-so/studio 0.1.56 → 0.1.57

package/dist/{Beams-BZojhXPB.js → Beams-CjOdmyD4.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as C, jsxs as a } from "react/jsx-runtime";
 import r from "react";
-import { m as c } from "./index-ChtnTSnt.js";
+import { m as c } from "./index-ChfbB6-A.js";
 const h = r.memo(
   ({
     className: o,

package/dist/{Dots-CcGlHm7F.js → Dots-BlGBjcwD.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as l, jsxs as w } from "react/jsx-runtime";
 import h from "react";
-import { m as x } from "./index-ChtnTSnt.js";
+import { m as x } from "./index-ChfbB6-A.js";
 const g = h.memo(
   ({
     className: i,

package/dist/{Gradient-3UANzbFj.js → Gradient-YhY9Pvdr.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t } from "react/jsx-runtime";
 import o from "react";
-import { m as r } from "./index-ChtnTSnt.js";
+import { m as r } from "./index-ChfbB6-A.js";
 const s = o.memo(
   ({
     className: e,

package/dist/{Grid-DNt6KikT.js → Grid-BO_h2CxQ.js}

@@ -1,31 +1,31 @@
 "use client";
 import { jsx as o, jsxs as g } from "react/jsx-runtime";
-import r from "react";
-import { m as d } from "./index-ChtnTSnt.js";
-const p = r.memo(
+import n from "react";
+import { m as w } from "./index-ChfbB6-A.js";
+const x = n.memo(
   ({
     className: e,
     lineColor: t = "#333333",
-    lineWidth: n = 1,
+    lineWidth: r = 1,
     spacing: i = 50,
     // Interactive mode props
     isInteractive: u = !1,
-    hoverColor: s = "#93c5fd",
-    rows: a = 150,
-    cols: h = 100
+    hoverColor: d = "#93c5fd",
+    rows: s = 150,
+    cols: a = 100
   }) => {
-    const y = r.useMemo(() => new Array(a).fill(1), [a]), f = r.useMemo(() => new Array(h).fill(1), [h]), l = r.useMemo(
+    const y = n.useMemo(() => new Array(s).fill(1), [s]), f = n.useMemo(() => new Array(a).fill(1), [a]), l = n.useMemo(
       () => ({
         rowStyle: {
           height: `${i}px`,
           width: `${i * 2}px`,
-          borderLeft: `${n}px solid ${t}`
+          borderLeft: `${r}px solid ${t}`
         },
         colStyle: {
           height: `${i}px`,
           width: `${i * 2}px`,
-          borderTop: `${n}px solid ${t}`,
-          borderRight: `${n}px solid ${t}`
+          borderTop: `${r}px solid ${t}`,
+          borderRight: `${r}px solid ${t}`
         },
         iconStyle: {
           top: `${-i / 3.8}px`,
@@ -33,18 +33,18 @@ const p = r.memo(
           color: t
         }
       }),
-      [i, n, t]
-    ), c = r.useMemo(
+      [i, r, t]
+    ), h = n.useMemo(
       () => ({
         hover: {
-          backgroundColor: s,
+          backgroundColor: d,
           transition: { duration: 0 }
         },
         animate: {
           transition: { duration: 2 }
         }
       }),
-      [s]
+      [d]
     );
     return u ? /* @__PURE__ */ o(
       "div",
@@ -75,17 +75,17 @@ const p = r.memo(
               width: "100%",
               padding: "1rem"
             },
-            children: y.map((x, m) => /* @__PURE__ */ o(
-              d.div,
+            children: y.map(($, c) => /* @__PURE__ */ o(
+              w.div,
               {
                 style: { ...l.rowStyle, position: "relative" },
-                children: f.map(($, w) => /* @__PURE__ */ o(
-                  d.div,
+                children: f.map((v, m) => /* @__PURE__ */ o(
+                  w.div,
                   {
-                    whileHover: c.hover,
-                    animate: c.animate,
+                    whileHover: h.hover,
+                    animate: h.animate,
                     style: { ...l.colStyle, position: "relative" },
-                    children: w % 2 === 0 && m % 2 === 0 ? /* @__PURE__ */ o(
+                    children: m % 2 === 0 && c % 2 === 0 ? /* @__PURE__ */ o(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -112,10 +112,10 @@ const p = r.memo(
                       }
                     ) : null
                   },
-                  `col-${w}`
+                  `col-${m}`
                 ))
               },
-              `row-${m}`
+              `row-${c}`
             ))
           }
         )
@@ -158,19 +158,12 @@ const p = r.memo(
                   height: i,
                   patternUnits: "userSpaceOnUse",
                   children: /* @__PURE__ */ o(
-                    d.path,
+                    "path",
                     {
                       d: `M ${i} 0 L 0 0 0 ${i}`,
                       fill: "none",
                       stroke: t,
-                      strokeWidth: n,
-                      initial: { opacity: 0.2 },
-                      animate: { opacity: [0.2, 0.5, 0.2] },
-                      transition: {
-                        duration: 3,
-                        repeat: 1 / 0,
-                        ease: "easeInOut"
-                      }
+                      strokeWidth: r
                     }
                   )
                 }
@@ -185,7 +178,7 @@ const p = r.memo(
   // Custom comparison function for better memoization
   (e, t) => e.className === t.className && e.lineColor === t.lineColor && e.lineWidth === t.lineWidth && e.spacing === t.spacing && e.isInteractive === t.isInteractive && e.hoverColor === t.hoverColor && e.rows === t.rows && e.cols === t.cols
 );
-p.displayName = "BackgroundGrid";
+x.displayName = "BackgroundGrid";
 export {
-  p as BackgroundGrid
+  x as BackgroundGrid
 };

package/dist/{Waves-CzMQ6uqz.js → Waves-SaFLO-Gq.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import u from "react";
-import { m as d } from "./index-ChtnTSnt.js";
+import { m as d } from "./index-ChfbB6-A.js";
 const g = u.memo(
   ({
     className: p,

package/dist/elements/Form.d.ts

@@ -1,6 +1,8 @@
+import { ILevoFormContext } from '@levo-so/react-collection';
 import { BaseElementProps } from '../components/withBlockProps';
 export declare const Form: import('../components/withBlockProps').WithBlockPropsComponent<BaseElementProps & {
     className?: string;
+    theme?: ILevoFormContext["theme"];
 }>;
 export default Form;
 //# sourceMappingURL=Form.d.ts.map

package/dist/{index-BoqJQUB1.js → index-BFUEWnWU.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { A as o } from "./index-DHHPZcEh.js";
-import { M as r } from "./index-CncAiMll.js";
+import { M as r } from "./index-DurprJto.js";
 const c = "_header_1vjty_1", l = "_iconContainer_1vjty_6", d = "_icon_1vjty_6", m = "_title_1vjty_18", _ = "_subtitle_1vjty_26", h = "_messageContainer_1vjty_33", v = "_message_1vjty_33", s = {
   header: c,
   iconContainer: l,

package/dist/{index-YYhmca3b.js → index-BP4Q9Ed6.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { L as i } from "./index-ChtnTSnt.js";
+import { L as i } from "./index-ChfbB6-A.js";
 import { A as n } from "./index-DHHPZcEh.js";
 const a = "_header_s7k8g_1", c = "_title_s7k8g_7", l = "_subtitle_s7k8g_14", d = "_formWrapper_s7k8g_20", e = {
   header: a,

package/dist/{index-DEfqGdFN.js → index-C5YVd5mP.js}

@@ -2,8 +2,8 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { CollectionFormBuilder as c } from "@levo-so/react-collection";
 import { A as n } from "./index-DHHPZcEh.js";
-import { M as o } from "./index-CncAiMll.js";
-import { u as h } from "./index-ChtnTSnt.js";
+import { M as o } from "./index-DurprJto.js";
+import { u as h } from "./index-ChfbB6-A.js";
 const u = "_header_emo7t_1", f = "_title_emo7t_8", _ = "_subtitle_emo7t_15", C = "_formContainer_emo7t_21", i = {
   header: u,
   title: f,

package/dist/{index-ChtnTSnt.js → index-ChfbB6-A.js}

@@ -200,7 +200,7 @@ function so(e, t) {
   };
   return { schedule: Jt.reduce((v, w) => {
     const S = i[w];
-    return v[w] = (C, N = !1, E = !1) => (n || x(), S.schedule(C, N, E)), v;
+    return v[w] = (C, k = !1, E = !1) => (n || x(), S.schedule(C, k, E)), v;
   }, {}), cancel: (v) => {
     for (let w = 0; w < Jt.length; w++)
       i[Jt[w]].cancel(v);
@@ -564,16 +564,16 @@ function un(e = G.visualDuration, t = G.bounce) {
   if (g < 1) {
     const S = Xn(y, g);
     v = (C) => {
-      const N = Math.exp(-g * y * C);
-      return i - N * ((m + g * y * x) / S * Math.sin(S * C) + x * Math.cos(S * C));
+      const k = Math.exp(-g * y * C);
+      return i - k * ((m + g * y * x) / S * Math.sin(S * C) + x * Math.cos(S * C));
     };
   } else if (g === 1)
     v = (S) => i - Math.exp(-y * S) * (x + (m + y * x) * S);
   else {
     const S = y * Math.sqrt(g * g - 1);
     v = (C) => {
-      const N = Math.exp(-g * y * C), E = Math.min(S * C, 300);
-      return i - N * ((m + g * y * x) * Math.sinh(E) + S * x * Math.cosh(E)) / S;
+      const k = Math.exp(-g * y * C), E = Math.min(S * C, 300);
+      return i - k * ((m + g * y * x) * Math.sinh(E) + S * x * Math.cosh(E)) / S;
     };
   }
   const w = {
@@ -583,15 +583,15 @@ function un(e = G.visualDuration, t = G.bounce) {
       if (f)
         a.done = S >= d;
       else {
-        let N = S === 0 ? m : 0;
-        g < 1 && (N = S === 0 ? /* @__PURE__ */ be(m) : po(v, S, C));
-        const E = Math.abs(N) <= s, k = Math.abs(i - C) <= r;
-        a.done = E && k;
+        let k = S === 0 ? m : 0;
+        g < 1 && (k = S === 0 ? /* @__PURE__ */ be(m) : po(v, S, C));
+        const E = Math.abs(k) <= s, V = Math.abs(i - C) <= r;
+        a.done = E && V;
       }
       return a.value = a.done ? i : C, a;
     },
     toString: () => {
-      const S = Math.min(Vs(w), cn), C = fo((N) => w.next(S * N).value, S, 30);
+      const S = Math.min(Vs(w), cn), C = fo((k) => w.next(S * k).value, S, 30);
       return S + "ms " + C;
     },
     toTransition: () => {
@@ -612,11 +612,11 @@ function Yn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
   const x = d + g, y = i === void 0 ? x : i(x);
   y !== x && (g = y - d);
   const b = (E) => -g * Math.exp(-E / s), v = (E) => y + b(E), w = (E) => {
-    const k = b(E), j = v(E);
-    h.done = Math.abs(k) <= c, h.value = h.done ? y : j;
+    const V = b(E), R = v(E);
+    h.done = Math.abs(V) <= c, h.value = h.done ? y : R;
   };
   let S, C;
-  const N = (E) => {
+  const k = (E) => {
     f(h.value) && (S = E, C = un({
       keyframes: [h.value, m(h.value)],
       velocity: po(v, E, h.value),
@@ -627,11 +627,11 @@ function Yn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 3
       restSpeed: u
     }));
   };
-  return N(0), {
+  return k(0), {
     calculatedDuration: null,
     next: (E) => {
-      let k = !1;
-      return !C && S === void 0 && (k = !0, w(E), N(E)), S !== void 0 && E >= S ? C.next(E - S) : (!k && w(E), h);
+      let V = !1;
+      return !C && S === void 0 && (V = !0, w(E), k(E)), S !== void 0 && E >= S ? C.next(E - S) : (!V && w(E), h);
     }
   };
 }
@@ -780,15 +780,15 @@ class Rs extends Os {
     let v = this.currentTime, w = s;
     if (d) {
       const E = Math.min(this.currentTime, r) / a;
-      let k = Math.floor(E), j = E % 1;
-      !j && E >= 1 && (j = 1), j === 1 && k--, k = Math.min(k, d + 1), !!(k % 2) && (h === "reverse" ? (j = 1 - j, f && (j -= f / a)) : h === "mirror" && (w = i)), v = ke(0, 1, j) * a;
+      let V = Math.floor(E), R = E % 1;
+      !R && E >= 1 && (R = 1), R === 1 && V--, V = Math.min(V, d + 1), !!(V % 2) && (h === "reverse" ? (R = 1 - R, f && (R -= f / a)) : h === "mirror" && (w = i)), v = ke(0, 1, R) * a;
     }
     const S = b ? { done: !1, value: u[0] } : w.next(v);
     o && (S.value = o(S.value));
     let { done: C } = S;
     !b && l !== null && (C = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
-    const N = this.holdTime === null && (this.state === "finished" || this.state === "running" && C);
-    return N && m !== Yn && (S.value = Is(u, this.options, x, this.speed)), g && g(S.value), N && this.finish(), S;
+    const k = this.holdTime === null && (this.state === "finished" || this.state === "running" && C);
+    return k && m !== Yn && (S.value = Is(u, this.options, x, this.speed)), g && g(S.value), k && this.finish(), S;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -3088,42 +3088,42 @@ function Wd(e) {
       !v && !b.prevProp || // Or if the prop doesn't define an animation
       xn(v) || typeof v == "boolean")
         continue;
-      const N = zd(b.prevProp, v);
-      let E = N || // If we're making this variant active, we want to always make it active
+      const k = zd(b.prevProp, v);
+      let E = k || // If we're making this variant active, we want to always make it active
       y === l && b.isActive && !C && w || // If we removed a higher-priority variant (i is in reverse order)
-      x > m && w, k = !1;
-      const j = Array.isArray(v) ? v : [v];
-      let re = j.reduce(r(y), {});
+      x > m && w, V = !1;
+      const R = Array.isArray(v) ? v : [v];
+      let re = R.reduce(r(y), {});
       S === !1 && (re = {});
-      const { prevResolvedValues: V = {} } = b, A = {
-        ...V,
+      const { prevResolvedValues: N = {} } = b, A = {
+        ...N,
         ...re
-      }, _ = (R) => {
-        E = !0, h.has(R) && (k = !0, h.delete(R)), b.needsAnimating[R] = !0;
-        const $ = e.getValue(R);
-        $ && ($.liveStyle = !1);
+      }, _ = (B) => {
+        E = !0, h.has(B) && (V = !0, h.delete(B)), b.needsAnimating[B] = !0;
+        const F = e.getValue(B);
+        F && (F.liveStyle = !1);
       };
-      for (const R in A) {
-        const $ = re[R], P = V[R];
-        if (f.hasOwnProperty(R))
+      for (const B in A) {
+        const F = re[B], P = N[B];
+        if (f.hasOwnProperty(B))
           continue;
-        let B = !1;
-        ls($) && ls(P) ? B = !ia($, P) : B = $ !== P, B ? $ != null ? _(R) : h.add(R) : $ !== void 0 && h.has(R) ? _(R) : b.protectedKeys[R] = !0;
+        let D = !1;
+        ls(F) && ls(P) ? D = !ia(F, P) : D = F !== P, D ? F != null ? _(B) : h.add(B) : F !== void 0 && h.has(B) ? _(B) : b.protectedKeys[B] = !0;
       }
       b.prevProp = v, b.prevResolvedValues = re, b.isActive && (f = { ...f, ...re }), s && e.blockInitialAnimation && (E = !1);
-      const M = C && N;
-      E && (!M || k) && d.push(...j.map((R) => {
-        const $ = { type: y };
-        if (typeof R == "string" && s && !M && e.manuallyAnimateOnMount && e.parent) {
-          const { parent: P } = e, B = ut(P, R);
-          if (P.enteringChildren && B) {
-            const { delayChildren: W } = B.transition || {};
-            $.delay = ra(P.enteringChildren, e, W);
+      const M = C && k;
+      E && (!M || V) && d.push(...R.map((B) => {
+        const F = { type: y };
+        if (typeof B == "string" && s && !M && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: P } = e, D = ut(P, B);
+          if (P.enteringChildren && D) {
+            const { delayChildren: W } = D.transition || {};
+            F.delay = ra(P.enteringChildren, e, W);
           }
         }
         return {
-          animation: R,
-          options: $
+          animation: B,
+          options: F
         };
       }));
     }
@@ -5187,21 +5187,21 @@ const jf = "_button_1je4h_2", Wf = "_content_1je4h_70", zf = "_icon_1je4h_77", U
     )
   ] }) : null;
 }, Ea = () => {
-  const { membership: e, logger: t, audience: n } = mt(), { isLoggedIn: s, isVerifying: r, isAuthLoading: o, setAuthState: i } = xt(), [a, l] = I(!1), [c, u] = I(!1), [d, h] = I(!1), [f, m] = I(!1), [g, x] = I(""), [y, b] = I(""), [v, w] = I(null), S = (V, A) => {
+  const { membership: e, logger: t, audience: n } = mt(), { isLoggedIn: s, isVerifying: r, isAuthLoading: o, setAuthState: i } = xt(), [a, l] = I(!1), [c, u] = I(!1), [d, h] = I(!1), [f, m] = I(!1), [g, x] = I(""), [y, b] = I(""), [v, w] = I(null), S = (N, A) => {
     !g || !g.includes("@") || (l(!0), w(null), e == null || e.requestOtp({
       content: g
     }).then(() => {
-      h(!0), l(!1), V && V();
+      h(!0), l(!1), N && N();
     }).catch((_) => {
       const M = Ut(_);
       w(M), t == null || t.error("Failed to send OTP", M.message), l(!1), A && A(M);
     }));
-  }, C = (V) => {
+  }, C = (N) => {
     !y || y.length !== 4 || (i({ isAuthLoading: !0, isVerifying: !0 }), w(null), e == null || e.signInWithOtp({
       content: g,
       code: y
     }).then((A) => {
-      V != null && V.onLoginSuccess && (V == null || V.onLoginSuccess(A)), i({
+      N != null && N.onLoginSuccess && (N == null || N.onLoginSuccess(A)), i({
         account: A,
         isAuthLoading: !1,
         isVerifying: !1,
@@ -5213,24 +5213,24 @@ const jf = "_button_1je4h_2", Wf = "_content_1je4h_70", zf = "_icon_1je4h_77", U
         isAuthLoading: !1,
         isVerifying: !1,
         isLoggedIn: !1
-      }), V != null && V.onLoginError && (V == null || V.onLoginError(A));
+      }), N != null && N.onLoginError && (N == null || N.onLoginError(A));
     }));
-  }, N = (V, A) => {
+  }, k = (N, A) => {
     !g || !g.includes("@") || (u(!0), m(!1), w(null), e == null || e.requestOtp({
       content: g
     }).then(() => {
-      m(!0), u(!1), V && V();
+      m(!0), u(!1), N && N();
     }).catch((_) => {
       w(_), t == null || t.error("Failed to resend OTP", _.message), u(!1), A && A(_);
     }));
-  }, E = a || r, k = (V) => {
+  }, E = a || r, V = (N) => {
     var A, _;
     i({ isAuthLoading: !0 }), (_ = (A = e == null ? void 0 : e.getMe()) == null ? void 0 : A.then((M) => {
       M ? (i({
         account: M,
         isAuthLoading: !1,
         isLoggedIn: !0
-      }), V == null || V(M)) : i({
+      }), N == null || N(M)) : i({
         account: null,
         isAuthLoading: !1,
         isLoggedIn: !1
@@ -5246,7 +5246,7 @@ const jf = "_button_1je4h_2", Wf = "_content_1je4h_70", zf = "_icon_1je4h_77", U
   return {
     isLoading: E,
     isSendingOtp: a,
-    resendOTP: N,
+    resendOTP: k,
     isVerifying: r,
     isResendingOtp: c,
     otpSent: d,
@@ -5260,16 +5260,16 @@ const jf = "_button_1je4h_2", Wf = "_content_1je4h_70", zf = "_icon_1je4h_77", U
     isLoggedIn: s,
     sendOTP: S,
     verifyOTP: C,
-    handleReset: (V = !1) => {
-      l(!1), u(!1), h(!1), m(!1), b(""), V || x("");
+    handleReset: (N = !1) => {
+      l(!1), u(!1), h(!1), m(!1), b(""), N || x("");
     },
-    refetchLoginStatus: k,
-    signOut: (V, A) => {
+    refetchLoginStatus: V,
+    signOut: (N, A) => {
       var _, M;
       i({ isSignOutLoading: !0 }), w(null), (M = (_ = e == null ? void 0 : e.signOut()) == null ? void 0 : _.then(() => {
-        V && V(), k(), i({ isSignOutLoading: !1 }), n == null || n.identify();
-      })) == null || M.catch((F) => {
-        w(F), t == null || t.error("Sign out failed", F.message), i({ isSignOutLoading: !1 }), A && A(F);
+        N && N(), V(), i({ isSignOutLoading: !1 }), n == null || n.identify();
+      })) == null || M.catch((j) => {
+        w(j), t == null || t.error("Sign out failed", j.message), i({ isSignOutLoading: !1 }), A && A(j);
       });
     },
     lastError: v,
@@ -6082,8 +6082,8 @@ function nm(e) {
       axisVelocity: i.axisVelocity,
       axisMovement: i.axisMovement,
       get axisMovementProjection() {
-        return $n(M.axisMovement, M.axisVelocity.map(function(F) {
-          return Fp(F);
+        return $n(M.axisMovement, M.axisVelocity.map(function(j) {
+          return Fp(j);
         }));
       }
     }, _);
@@ -6091,31 +6091,31 @@ function nm(e) {
       previous: c
     })), c = M;
   }, f = function(_, M) {
-    var F = o, R = F.preventWheelAction, $ = M[0], P = M[1], B = M[2];
-    if (typeof R == "boolean") return R;
-    switch (R) {
+    var j = o, B = j.preventWheelAction, F = M[0], P = M[1], D = M[2];
+    if (typeof B == "boolean") return B;
+    switch (B) {
       case "x":
-        return Math.abs($) >= _;
+        return Math.abs(F) >= _;
       case "y":
         return Math.abs(P) >= _;
       case "z":
-        return Math.abs(B) >= _;
+        return Math.abs(D) >= _;
       default:
-        return jn && console.warn("unsupported preventWheelAction value: " + R, "warn"), !1;
+        return jn && console.warn("unsupported preventWheelAction value: " + B, "warn"), !1;
     }
   }, m = function(_) {
-    var M = Zp(qp(Xp(_), o.reverseSign)), F = M.axisDelta, R = M.timeStamp, $ = Ti(F);
-    if (_.preventDefault && f($, F) && _.preventDefault(), i.isStarted ? i.isMomentum && $ > Math.max(2, i.lastAbsDelta * 2) && (E(!0), C()) : C(), $ === 0 && Object.is && Object.is(_.deltaX, -0)) {
+    var M = Zp(qp(Xp(_), o.reverseSign)), j = M.axisDelta, B = M.timeStamp, F = Ti(j);
+    if (_.preventDefault && f(F, j) && _.preventDefault(), i.isStarted ? i.isMomentum && F > Math.max(2, i.lastAbsDelta * 2) && (E(!0), C()) : C(), F === 0 && Object.is && Object.is(_.deltaX, -0)) {
       l = !0;
       return;
     }
-    a = _, i.axisMovement = $n(i.axisMovement, F), i.lastAbsDelta = $, i.scrollPointsToMerge.push({
-      axisDelta: F,
-      timeStamp: R
+    a = _, i.axisMovement = $n(i.axisMovement, j), i.lastAbsDelta = F, i.scrollPointsToMerge.push({
+      axisDelta: j,
+      timeStamp: B
     }), g(), h({
-      axisDelta: F,
+      axisDelta: j,
       isStart: !i.isStartPublished
-    }), i.isStartPublished = !0, N();
+    }), i.isStartPublished = !0, k();
   }, g = function() {
     i.scrollPointsToMerge.length === em ? (i.scrollPoints.unshift({
       axisDeltaSum: i.scrollPointsToMerge.map(function(_) {
@@ -6130,19 +6130,19 @@ function nm(e) {
       return _ / i.willEndTimeout;
     });
   }, y = function() {
-    var _ = i.scrollPoints, M = _[0], F = _[1];
-    if (!(!F || !M)) {
-      var R = M.timeStamp - F.timeStamp;
-      if (R <= 0) {
+    var _ = i.scrollPoints, M = _[0], j = _[1];
+    if (!(!j || !M)) {
+      var B = M.timeStamp - j.timeStamp;
+      if (B <= 0) {
         jn && console.warn("invalid deltaTime");
         return;
       }
-      var $ = M.axisDeltaSum.map(function(B) {
-        return B / R;
-      }), P = $.map(function(B, W) {
-        return B / (i.axisVelocity[W] || 1);
+      var F = M.axisDeltaSum.map(function(D) {
+        return D / B;
+      }), P = F.map(function(D, W) {
+        return D / (i.axisVelocity[W] || 1);
       });
-      i.axisVelocity = $, i.accelerationFactors.push(P), b(R);
+      i.axisVelocity = F, i.accelerationFactors.push(P), b(B);
     }
   }, b = function(_) {
     var M = Math.ceil(_ / 10) * 10 * 1.2;
@@ -6155,11 +6155,11 @@ function nm(e) {
         S();
         return;
       }
-      var _ = i.accelerationFactors.slice(Ei * -1), M = _.every(function(F) {
-        var R = !!F.reduce(function(P, B) {
-          return P && P < 1 && P === B ? 1 : 0;
-        }), $ = F.filter(v).length === F.length;
-        return R || $;
+      var _ = i.accelerationFactors.slice(Ei * -1), M = _.every(function(j) {
+        var B = !!j.reduce(function(P, D) {
+          return P && P < 1 && P === D ? 1 : 0;
+        }), F = j.filter(v).length === j.length;
+        return B || F;
       });
       M && S(), i.accelerationFactors = _;
     }
@@ -6167,7 +6167,7 @@ function nm(e) {
     i.isMomentum = !0;
   }, C = function() {
     i = Ai(), i.isStarted = !0, i.startTime = Date.now(), c = void 0, l = !1;
-  }, N = /* @__PURE__ */ function() {
+  }, k = /* @__PURE__ */ function() {
     var A;
     return function() {
       clearTimeout(A), A = setTimeout(E, i.willEndTimeout);
@@ -6179,13 +6179,13 @@ function nm(e) {
     }) : h({
       isEnding: !0
     }), i.isMomentum = !1, i.isStarted = !1);
-  }, k = Hp(u), j = k.observe, re = k.unobserve, V = k.disconnect;
+  }, V = Hp(u), R = V.observe, re = V.unobserve, N = V.disconnect;
   return d(e), pt({
     on: n,
     off: s,
-    observe: j,
+    observe: R,
     unobserve: re,
-    disconnect: V,
+    disconnect: N,
     feedWheel: u,
     updateOptions: d
   });
@@ -6211,11 +6211,11 @@ function Qs(e) {
       reverseSign: [!0, !0, !1]
     });
     function y() {
-      N = (g === "x" ? f.containerRect.width : f.containerRect.height) / 2;
+      k = (g === "x" ? f.containerRect.width : f.containerRect.height) / 2;
     }
-    var b = x.observe(m), v = x.on("wheel", $), w = !1, S, C = 0, N = 0, E = !1;
+    var b = x.observe(m), v = x.on("wheel", F), w = !1, S, C = 0, k = 0, E = !1;
     y(), o.on("resize", y);
-    function k(P) {
+    function V(P) {
       try {
         S = new MouseEvent("mousedown", P.event), M(S);
       } catch {
@@ -6223,30 +6223,30 @@ function Qs(e) {
       }
       w = !0, C = 0, re(), t.wheelDraggingClass && m.classList.add(t.wheelDraggingClass);
     }
-    function j(P) {
-      w = !1, M(_("mouseup", P)), V(), t.wheelDraggingClass && m.classList.remove(t.wheelDraggingClass);
+    function R(P) {
+      w = !1, M(_("mouseup", P)), N(), t.wheelDraggingClass && m.classList.remove(t.wheelDraggingClass);
     }
     function re() {
       document.documentElement.addEventListener("mousemove", A, !0), document.documentElement.addEventListener("mouseup", A, !0), document.documentElement.addEventListener("mousedown", A, !0);
     }
-    function V() {
+    function N() {
       document.documentElement.removeEventListener("mousemove", A, !0), document.documentElement.removeEventListener("mouseup", A, !0), document.documentElement.removeEventListener("mousedown", A, !0);
     }
     function A(P) {
       w && P.isTrusted && P.stopImmediatePropagation();
     }
-    function _(P, B) {
+    function _(P, D) {
       var W, Q;
       if (g === f.options.axis) {
-        var Ee = B.axisMovement;
+        var Ee = D.axisMovement;
         W = Ee[0], Q = Ee[1];
       } else {
-        var D = B.axisMovement;
-        Q = D[0], W = D[1];
+        var $ = D.axisMovement;
+        Q = $[0], W = $[1];
       }
-      var ue = F(B), ae = ue.isAtBoundary;
+      var ue = j(D), ae = ue.isAtBoundary;
       if (ae) {
-        var U = Math.min(C / N, 1), _e = 0.25 + U * 0.5, Ae = W > 0 ? -1 : 1, Ue = C * Ae, Re = Ue * _e;
+        var U = Math.min(C / k, 1), _e = 0.25 + U * 0.5, Ae = W > 0 ? -1 : 1, Ue = C * Ae, Re = Ue * _e;
         W += Re, Q += Re;
       }
       if (!f.options.skipSnaps && !f.options.dragFree) {
@@ -6269,28 +6269,28 @@ function Qs(e) {
     function M(P) {
       o.containerNode().dispatchEvent(P);
     }
-    function F(P) {
-      var B = P.axisDelta, W = B[0], Q = B[1], Ee = o.scrollProgress(), D = Ee < 1, ue = Ee > 0, ae = g === "x" ? W : Q, U = ae < 0, _e = ae > 0, Ae = U && !D || _e && !ue;
+    function j(P) {
+      var D = P.axisDelta, W = D[0], Q = D[1], Ee = o.scrollProgress(), $ = Ee < 1, ue = Ee > 0, ae = g === "x" ? W : Q, U = ae < 0, _e = ae > 0, Ae = U && !$ || _e && !ue;
       return {
         isAtBoundary: Ae,
         primaryAxisDelta: ae
       };
     }
-    function R(P) {
-      var B = F(P), W = B.isAtBoundary, Q = B.primaryAxisDelta;
+    function B(P) {
+      var D = j(P), W = D.isAtBoundary, Q = D.primaryAxisDelta;
       if (W && !P.isMomentum) {
-        if (C += Math.abs(Q), C > N)
-          return E = !0, j(P), !0;
+        if (C += Math.abs(Q), C > k)
+          return E = !0, R(P), !0;
       } else
         C = 0;
       return !1;
     }
-    function $(P) {
-      var B = P.axisDelta, W = B[0], Q = B[1], Ee = g === "x" ? W : Q, D = g === "x" ? Q : W, ue = P.isMomentum && P.previous && !P.previous.isMomentum, ae = P.isEnding && !P.isMomentum || ue, U = Math.abs(Ee) > Math.abs(D);
-      U && !w && !P.isMomentum && !E && k(P), E && P.isEnding && (E = !1), w && (R(P) || (ae ? j(P) : M(_("mousemove", P))));
+    function F(P) {
+      var D = P.axisDelta, W = D[0], Q = D[1], Ee = g === "x" ? W : Q, $ = g === "x" ? Q : W, ue = P.isMomentum && P.previous && !P.previous.isMomentum, ae = P.isEnding && !P.isMomentum || ue, U = Math.abs(Ee) > Math.abs($);
+      U && !w && !P.isMomentum && !E && V(P), E && P.isEnding && (E = !1), w && (B(P) || (ae ? R(P) : M(_("mousemove", P))));
     }
     n = function() {
-      b(), v(), o.off("resize", y), V();
+      b(), v(), o.off("resize", y), N();
     };
   }
   var r = {
@@ -6323,7 +6323,7 @@ const Na = z.forwardRef(
     generatedClassName: l,
     ...c
   }, u) => {
-    var C, N, E;
+    var C, k, E, V;
     const d = [Qs()];
     (C = i == null ? void 0 : i.carousel) != null && C.autoScroll && d.push(
       Cl({
@@ -6333,7 +6333,7 @@ const Na = z.forwardRef(
         stopOnInteraction: i.carousel.stopOnInteraction ?? !0,
         stopOnMouseEnter: i.carousel.stopOnMouseEnter ?? !1
       })
-    ), (N = i == null ? void 0 : i.carousel) != null && N.autoPlay && d.push(
+    ), (k = i == null ? void 0 : i.carousel) != null && k.autoPlay && d.push(
       Pl({
         delay: (i.carousel.time_per_slide ?? 4) * 1e3,
         stopOnFocusIn: i.carousel.stopOnFocusIn ?? !1,
@@ -6345,18 +6345,19 @@ const Na = z.forwardRef(
       {
         ...t,
         loop: ((E = i == null ? void 0 : i.carousel) == null ? void 0 : E.loop) ?? !1,
+        direction: ((V = i == null ? void 0 : i.carousel) == null ? void 0 : V.direction) ?? "ltr",
         axis: e === "horizontal" ? "x" : "y"
       },
       d
-    ), [m, g] = z.useState(!1), [x, y] = z.useState(!1), b = z.useCallback((k) => {
-      k && (g(k.canScrollPrev()), y(k.canScrollNext()));
+    ), [m, g] = z.useState(!1), [x, y] = z.useState(!1), b = z.useCallback((R) => {
+      R && (g(R.canScrollPrev()), y(R.canScrollNext()));
     }, []), v = z.useCallback(() => {
       f == null || f.scrollPrev();
     }, [f]), w = z.useCallback(() => {
       f == null || f.scrollNext();
     }, [f]), S = z.useCallback(
-      (k) => {
-        k.key === "ArrowLeft" ? (k.preventDefault(), v()) : k.key === "ArrowRight" && (k.preventDefault(), w());
+      (R) => {
+        R.key === "ArrowLeft" ? (R.preventDefault(), v()) : R.key === "ArrowRight" && (R.preventDefault(), w());
       },
       [v, w]
     );
@@ -6754,17 +6755,17 @@ const dm = (e) => um.get(e) || null, hm = (e) => {
     }
   return t;
 }, mm = Oe(
-  () => import("./Beams-BZojhXPB.js").then((e) => ({ default: e.BackgroundBeams }))
+  () => import("./Beams-CjOdmyD4.js").then((e) => ({ default: e.BackgroundBeams }))
 ), gm = Oe(
-  () => import("./Dots-CcGlHm7F.js").then((e) => ({ default: e.BackgroundDots }))
+  () => import("./Dots-BlGBjcwD.js").then((e) => ({ default: e.BackgroundDots }))
 ), ym = Oe(
-  () => import("./Grid-DNt6KikT.js").then((e) => ({ default: e.BackgroundGrid }))
+  () => import("./Grid-BO_h2CxQ.js").then((e) => ({ default: e.BackgroundGrid }))
 ), vm = Oe(
-  () => import("./Gradient-3UANzbFj.js").then((e) => ({
+  () => import("./Gradient-YhY9Pvdr.js").then((e) => ({
     default: e.BackgroundGradient
   }))
 ), bm = Oe(
-  () => import("./Waves-CzMQ6uqz.js").then((e) => ({ default: e.BackgroundWaves }))
+  () => import("./Waves-SaFLO-Gq.js").then((e) => ({ default: e.BackgroundWaves }))
 ), Ba = vn(() => /* @__PURE__ */ p("div", { className: "absolute inset-0 z-[-1] bg-transparent" }));
 Ba.displayName = "EffectFallback";
 const Da = vn(
@@ -6920,7 +6921,7 @@ const fy = J(ja), Wa = xe(
     isVideo: u,
     ...d
   }, h) => {
-    var g, x, y, b, v, w, S, C, N, E, k, j, re, V, A, _;
+    var g, x, y, b, v, w, S, C, k, E, V, R, re, N, A, _;
     const f = t ?? o;
     return f != null && f.location ? u || f.type === "video" || f.location.match(/\.(mp4|webm|ogg|mov)$/i) ? /* @__PURE__ */ T(
       "video",
@@ -6936,7 +6937,7 @@ const fy = J(ja), Wa = xe(
         loop: (v = i == null ? void 0 : i.media) == null ? void 0 : v.loop,
         muted: ((w = i == null ? void 0 : i.media) == null ? void 0 : w.muted) !== !1,
         controls: (S = i == null ? void 0 : i.media) == null ? void 0 : S.controls,
-        poster: (N = (C = i == null ? void 0 : i.media) == null ? void 0 : C.poster) == null ? void 0 : N.location,
+        poster: (k = (C = i == null ? void 0 : i.media) == null ? void 0 : C.poster) == null ? void 0 : k.location,
         preload: (E = i == null ? void 0 : i.media) != null && E.high_priority ? "auto" : "metadata",
         playsInline: !0,
         ...d,
@@ -6959,10 +6960,10 @@ const fy = J(ja), Wa = xe(
         "data-levo_element_type": "Media",
         className: O(e, c),
         src: f.location,
-        srcSet: (k = f.srcset) == null ? void 0 : k.path,
-        alt: ((j = i == null ? void 0 : i.image) == null ? void 0 : j.alt) ?? n,
+        srcSet: (V = f.srcset) == null ? void 0 : V.path,
+        alt: ((R = i == null ? void 0 : i.image) == null ? void 0 : R.alt) ?? n,
         width: ((re = i == null ? void 0 : i.image) == null ? void 0 : re.width) ?? s,
-        height: ((V = i == null ? void 0 : i.image) == null ? void 0 : V.height) ?? r,
+        height: ((N = i == null ? void 0 : i.image) == null ? void 0 : N.height) ?? r,
         decoding: "async",
         loading: (A = i == null ? void 0 : i.media) != null && A.high_priority ? "eager" : "lazy",
         fetchPriority: (_ = i == null ? void 0 : i.media) != null && _.high_priority ? "high" : "low",
@@ -7171,8 +7172,8 @@ const by = J(Ya), Lm = Oe(
   () => import("@levo-so/react-collection").then((e) => ({
     default: e.CollectionFormRenderer
   }))
-), km = ({ elementKey: e, generatedClassName: t, config: n, className: s }) => {
-  var r, o, i;
+), km = ({ elementKey: e, generatedClassName: t, config: n, className: s, theme: r }) => {
+  var o, i, a;
   return /* @__PURE__ */ p(
     "div",
     {
@@ -7190,10 +7191,11 @@ const by = J(Ya), Lm = Oe(
           },
           submitButtonConfig: {
             show: !0,
-            text: ((r = n == null ? void 0 : n.form) == null ? void 0 : r.submit_button_label) ?? "Submit"
+            text: ((o = n == null ? void 0 : n.form) == null ? void 0 : o.submit_button_label) ?? "Submit"
           },
-          fetchedSchema: (o = n == null ? void 0 : n.form) == null ? void 0 : o.schema,
-          hiddenFields: (i = n == null ? void 0 : n.form) == null ? void 0 : i.hidden_fields
+          fetchedSchema: (i = n == null ? void 0 : n.form) == null ? void 0 : i.schema,
+          hiddenFields: (a = n == null ? void 0 : n.form) == null ? void 0 : a.hidden_fields,
+          theme: r
         }
       ) })
     }
@@ -7717,8 +7719,8 @@ const er = z.memo(
 er.displayName = "LevoBlock";
 const Zm = "_loadingContainer_1d4on_1", Jm = {
   loadingContainer: Zm
-}, Qm = Oe(() => import("./index-YYhmca3b.js")), eg = Oe(() => import("./index-DEfqGdFN.js")), tg = Oe(
-  () => import("./index-BoqJQUB1.js")
+}, Qm = Oe(() => import("./index-BP4Q9Ed6.js")), eg = Oe(() => import("./index-C5YVd5mP.js")), tg = Oe(
+  () => import("./index-BFUEWnWU.js")
 ), Mi = {
   "authentication.NOT_LOGGED_IN": ({ logo: e, siteName: t }) => /* @__PURE__ */ p(ct, { fallback: /* @__PURE__ */ p("div", {}), children: /* @__PURE__ */ p(Qm, { logo: e, siteName: t }) }),
   "gating.ENTRY_NOT_FOUND": ({
@@ -7754,14 +7756,14 @@ const Zm = "_loadingContainer_1d4on_1", Jm = {
   const s = mt(), { isLoggedIn: r, account: o, isAuthLoaded: i } = xt(), [a, l] = I(!((y = e.access) != null && y.length)), [c, u] = I(
     null
   ), [d, h] = I(!!((b = e.access) != null && b.length)), [f, m] = I(null), g = async () => {
-    var v, w, S, C, N;
+    var v, w, S, C, k;
     h(!0);
     try {
-      const E = await ((S = (w = (v = s == null ? void 0 : s.fetch) == null ? void 0 : v.url(`/v1/builder/page/${e.id}/check-access`)) == null ? void 0 : w.post()) == null ? void 0 : S.json()), k = (C = E == null ? void 0 : E.content) == null ? void 0 : C.data;
-      u(k), k != null && k.has_access ? (l(!0), m(null)) : (m(k.code || "unknown"), l(!1));
+      const E = await ((S = (w = (v = s == null ? void 0 : s.fetch) == null ? void 0 : v.url(`/v1/builder/page/${e.id}/check-access`)) == null ? void 0 : w.post()) == null ? void 0 : S.json()), V = (C = E == null ? void 0 : E.content) == null ? void 0 : C.data;
+      u(V), V != null && V.has_access ? (l(!0), m(null)) : (m(V.code || "unknown"), l(!1));
     } catch (E) {
-      const k = Ut(E);
-      (N = s == null ? void 0 : s.logger) == null || N.error("Failed to check page access", k.message), l(!0);
+      const V = Ut(E);
+      (k = s == null ? void 0 : s.logger) == null || k.error("Failed to check page access", V.message), l(!0);
     } finally {
       h(!1);
     }
@@ -9387,7 +9389,7 @@ const Oi = "levoContent_", Ri = {
     fontUrl: t.length ? `https://fonts.googleapis.com/css2?${t.map((r) => `family=${r}:wght@300;400;500;600;700;900`).join("&")}&display=swap` : ""
   };
 }, xg = (e) => {
-  var t, n, s, r, o, i, a, l, c, u, d, h, f, m, g, x, y, b, v, w, S, C, N, E;
+  var t, n, s, r, o, i, a, l, c, u, d, h, f, m, g, x, y, b, v, w, S, C, k, E;
   return {
     "--color-brand": ie((n = (t = e.colors) == null ? void 0 : t.brand) == null ? void 0 : n.main),
     "--color-brand-foreground": ie((r = (s = e.colors) == null ? void 0 : s.brand) == null ? void 0 : r.foreground),
@@ -9409,7 +9411,7 @@ const Oi = "levoContent_", Ri = {
     "--font-body": ((w = e.fonts) == null ? void 0 : w.body) || "",
     "--base-radius": `${((S = e.sizes) == null ? void 0 : S.radius) || "4px"}`,
     "--base-spacing": `${((C = e.sizes) == null ? void 0 : C.spacing) || "4px"}`,
-    "--base-font-size": `${((N = e.sizes) == null ? void 0 : N.fontSize) || "1rem"}`,
+    "--base-font-size": `${((k = e.sizes) == null ? void 0 : k.fontSize) || "1rem"}`,
     "--default-shadow": ((E = e.effects) == null ? void 0 : E.shadow) || "0 2px 4px rgba(0, 0, 0, 0.1)"
   };
 }, wg = (e) => {
@@ -9487,11 +9489,11 @@ const Oi = "levoContent_", Ri = {
     html: `${c}${u}`
   };
 }, Sg = (e, t, n) => {
-  var w, S, C, N;
+  var w, S, C, k;
   const s = e == null ? void 0 : e.meta, r = t == null ? void 0 : t.theme, o = (s == null ? void 0 : s.og_url) || n, i = tr({
     pageTheme: r,
     blocks: e == null ? void 0 : e.blocks
-  }).html, a = (s == null ? void 0 : s.meta_title) || `${e == null ? void 0 : e.title} | ${t == null ? void 0 : t.name}`, l = (s == null ? void 0 : s.meta_description) || (e == null ? void 0 : e.description), c = t != null && t.domain ? `https://${t == null ? void 0 : t.domain}${n}` : n, u = (s == null ? void 0 : s.og_title) || (s == null ? void 0 : s.meta_title) || `${e == null ? void 0 : e.title} | ${t == null ? void 0 : t.name}`, d = (s == null ? void 0 : s.og_description) || (s == null ? void 0 : s.meta_description) || (e == null ? void 0 : e.description), h = t != null && t.domain ? `https://${t == null ? void 0 : t.domain}${o}` : o, f = t == null ? void 0 : t.name, m = (w = s == null ? void 0 : s.og_image) == null ? void 0 : w.location, g = s != null && s.disable_indexing ? "noindex, nofollow" : "all", x = ((S = t == null ? void 0 : t.icon) == null ? void 0 : S.location) ?? "https://app.levo.so/favicon.ico", y = (C = t == null ? void 0 : t.settings) == null ? void 0 : C.head_code, b = (N = e == null ? void 0 : e.settings) == null ? void 0 : N.structured_data_json;
+  }).html, a = (s == null ? void 0 : s.meta_title) || `${e == null ? void 0 : e.title} | ${t == null ? void 0 : t.name}`, l = (s == null ? void 0 : s.meta_description) || (e == null ? void 0 : e.description), c = t != null && t.domain ? `https://${t == null ? void 0 : t.domain}${n}` : n, u = (s == null ? void 0 : s.og_title) || (s == null ? void 0 : s.meta_title) || `${e == null ? void 0 : e.title} | ${t == null ? void 0 : t.name}`, d = (s == null ? void 0 : s.og_description) || (s == null ? void 0 : s.meta_description) || (e == null ? void 0 : e.description), h = t != null && t.domain ? `https://${t == null ? void 0 : t.domain}${o}` : o, f = t == null ? void 0 : t.name, m = (w = s == null ? void 0 : s.og_image) == null ? void 0 : w.location, g = s != null && s.disable_indexing ? "noindex, nofollow" : "all", x = ((S = t == null ? void 0 : t.icon) == null ? void 0 : S.location) ?? "https://app.levo.so/favicon.ico", y = (C = t == null ? void 0 : t.settings) == null ? void 0 : C.head_code, b = (k = e == null ? void 0 : e.settings) == null ? void 0 : k.structured_data_json;
   let v = `
     <title>${a}</title>
     <meta name="description" content="${l}" />
@@ -10075,12 +10077,12 @@ const Un = {
   title: t,
   buttonText: n = "Register Now"
 }) => {
-  const s = mt(), [r, o] = I([]), [i, a] = I(!0), { isOpen: l, onOpen: c, onClose: u } = Ig(), [d, h] = I(!1), [f, m] = I(null), [g, x] = I(void 0), [y, b] = I(""), [v, w] = I(null), [S, C] = I(!1), [N, E] = I(null), [k, j] = I(!1), [re, V] = I(1), { workspace: A } = xt(), _ = () => {
-    w(null), x(void 0), E(null), C(!1), b(""), u(), V(1), Ee();
+  const s = mt(), [r, o] = I([]), [i, a] = I(!0), { isOpen: l, onOpen: c, onClose: u } = Ig(), [d, h] = I(!1), [f, m] = I(null), [g, x] = I(void 0), [y, b] = I(""), [v, w] = I(null), [S, C] = I(!1), [k, E] = I(null), [V, R] = I(!1), [re, N] = I(1), { workspace: A } = xt(), _ = () => {
+    w(null), x(void 0), E(null), C(!1), b(""), u(), N(1), Ee();
   }, M = async () => {
     var _e, Ae, Ue, Re, fe, Be, Tt, St, nr, sr, rr;
     h(!0);
-    const D = { ...P }, { name: ue, email: ae, ...U } = D;
+    const $ = { ...P }, { name: ue, email: ae, ...U } = $;
     try {
       const Y = await ((Ue = (Ae = (_e = s == null ? void 0 : s.fetch) == null ? void 0 : _e.url(`/v1/event/event/${e}/booking/create-new-booking`)) == null ? void 0 : Ae.options({
         headers: {
@@ -10098,7 +10100,7 @@ const Un = {
           }
         ]
       }).json());
-      _(), Y.status && ((fe = (Re = Y == null ? void 0 : Y.content) == null ? void 0 : Re.meta) != null && fe.key ? R({
+      _(), Y.status && ((fe = (Re = Y == null ? void 0 : Y.content) == null ? void 0 : Re.meta) != null && fe.key ? B({
         key: (Tt = (Be = Y == null ? void 0 : Y.content) == null ? void 0 : Be.meta) == null ? void 0 : Tt.key,
         amount: (St = Y == null ? void 0 : Y.content.data) == null ? void 0 : St.unit_amount,
         currency: "INR",
@@ -10109,17 +10111,17 @@ const Un = {
       console.error(Y), gl(Y);
     }
     h(!1);
-  }, { Razorpay: F } = dl(), R = async (D) => {
+  }, { Razorpay: j } = dl(), B = async ($) => {
     const ue = {
-      key: D.key,
-      amount: D.amount,
-      currency: D.currency,
-      order_id: D.order_id,
+      key: $.key,
+      amount: $.amount,
+      currency: $.currency,
+      order_id: $.order_id,
       name: (A == null ? void 0 : A.name) ?? "",
       description: "Event Registration",
       handler: (U) => {
         var _e, Ae, Ue, Re;
-        (Re = (Ue = (Ae = (_e = s == null ? void 0 : s.fetch) == null ? void 0 : _e.url(`/v1/event/booking/${D.booking_id}/confirm-booking`)) == null ? void 0 : Ae.options({
+        (Re = (Ue = (Ae = (_e = s == null ? void 0 : s.fetch) == null ? void 0 : _e.url(`/v1/event/booking/${$.booking_id}/confirm-booking`)) == null ? void 0 : Ae.options({
           headers: {
             Origin: (A == null ? void 0 : A.id) || ""
           }
@@ -10140,7 +10142,7 @@ const Un = {
       theme: {
         color: "#FC751A"
       }
-    }, ae = new F(ue);
+    }, ae = new j(ue);
     ae.on("payment.failed", (U) => {
       console.log(
         U.error.code,
@@ -10152,11 +10154,11 @@ const Un = {
         U.error.metadata.payment_id
       );
     }), ae.open();
-  }, $ = async () => {
-    var D, ue, ae;
+  }, F = async () => {
+    var $, ue, ae;
     C(!0), E(null);
     try {
-      const U = await ((ae = (ue = (D = s == null ? void 0 : s.fetch) == null ? void 0 : D.url(`/v1/event/event/${e}/coupon/validate-coupon-code`)) == null ? void 0 : ue.options({
+      const U = await ((ae = (ue = ($ = s == null ? void 0 : s.fetch) == null ? void 0 : $.url(`/v1/event/event/${e}/coupon/validate-coupon-code`)) == null ? void 0 : ue.options({
         headers: {
           Origin: (A == null ? void 0 : A.id) || "",
           "Content-type": "application/json"
@@ -10172,22 +10174,22 @@ const Un = {
           }
         ]
       }).json());
-      U.status && (w(U.content.data), b(y)), j(!1), C(!1);
+      U.status && (w(U.content.data), b(y)), R(!1), C(!1);
     } catch (U) {
       console.error(U), C(!1);
     }
   };
   ee(() => {
-    var D;
-    e && (a(!0), (D = Og(s, e, (A == null ? void 0 : A.id) ?? "")) == null || D.then((ue) => {
+    var $;
+    e && (a(!0), ($ = Og(s, e, (A == null ? void 0 : A.id) ?? "")) == null || $.then((ue) => {
       o(ue), a(!1);
     }));
   }, [e]), ee(() => {
-    (f == null ? void 0 : f.unit_amount) === 0 && (r == null ? void 0 : r.length) === 1 && V(2);
+    (f == null ? void 0 : f.unit_amount) === 0 && (r == null ? void 0 : r.length) === 1 && N(2);
   }, [f, l]), ee(() => {
     (r == null ? void 0 : r.length) > 0 && m(r[0] || null);
   }, [r]);
-  const { values: P, handleChange: B, handleBlur: W, handleSubmit: Q, resetForm: Ee } = il({
+  const { values: P, handleChange: D, handleBlur: W, handleSubmit: Q, resetForm: Ee } = il({
     initialValues: { name: "", email: "" },
     onSubmit: () => {
       M();
@@ -10212,13 +10214,13 @@ const Un = {
       {
         className: O(
           "flex h-fit max-w-[90%] flex-col rounded-lg bg-white p-4 md:w-[40%]",
-          k ? "md:max-w-[30%]" : "md:max-w-[40%]"
+          V ? "md:max-w-[30%]" : "md:max-w-[40%]"
         ),
         children: [
           /* @__PURE__ */ T(
             "div",
             {
-              className: `mb-4 flex w-full items-start justify-between ${k ? "" : "pb-[6px]"} `,
+              className: `mb-4 flex w-full items-start justify-between ${V ? "" : "pb-[6px]"} `,
               children: [
                 /* @__PURE__ */ T("h2", { className: "text-lg font-semibold", children: [
                   "Register for ",
@@ -10237,7 +10239,7 @@ const Un = {
               ]
             }
           ),
-          /* @__PURE__ */ p("div", { children: re === 1 ? /* @__PURE__ */ p("div", { children: k ? /* @__PURE__ */ T("div", { children: [
+          /* @__PURE__ */ p("div", { children: re === 1 ? /* @__PURE__ */ p("div", { children: V ? /* @__PURE__ */ T("div", { children: [
             /* @__PURE__ */ T("div", { className: "flex items-center justify-between text-center", children: [
               /* @__PURE__ */ p(
                 "button",
@@ -10246,7 +10248,7 @@ const Un = {
                   className: "rounded-md p-0 hover:bg-gray-100 focus:outline-none",
                   "aria-label": "Back",
                   onClick: () => {
-                    E(null), C(!1), b(""), j(!1);
+                    E(null), C(!1), b(""), R(!1);
                   },
                   children: /* @__PURE__ */ p(Lg, {})
                 }
@@ -10264,12 +10266,12 @@ const Un = {
                     placeholder: "Enter Coupon Code",
                     value: y,
                     disabled: !!v,
-                    onChange: (D) => {
-                      b(D.target.value);
+                    onChange: ($) => {
+                      b($.target.value);
                     }
                   }
                 ),
-                N && /* @__PURE__ */ p("p", { className: "text-red-400", children: N })
+                k && /* @__PURE__ */ p("p", { className: "text-red-400", children: k })
               ] }),
               /* @__PURE__ */ p(
                 "button",
@@ -10277,7 +10279,7 @@ const Un = {
                   type: "button",
                   className: "flex items-center justify-center rounded-md bg-yellow-500 px-3 py-2 text-white transition duration-300 ease-in-out hover:bg-yellow-600",
                   "aria-label": "Apply Coupon",
-                  onClick: () => $(),
+                  onClick: () => F(),
                   style: {
                     marginLeft: y ? "0" : "-4rem",
                     zIndex: y ? "1" : "-1"
@@ -10289,26 +10291,26 @@ const Un = {
             /* @__PURE__ */ p("p", { className: "text-md my-5 text-gray-500", children: "Available Coupons:" })
           ] }) : /* @__PURE__ */ T("div", { children: [
             /* @__PURE__ */ T("div", { className: "flex w-full flex-col justify-between md:flex-row", children: [
-              /* @__PURE__ */ p("div", { className: "flex w-full flex-col gap-3 md:w-[55%]", children: r.map((D) => /* @__PURE__ */ p(
+              /* @__PURE__ */ p("div", { className: "flex w-full flex-col gap-3 md:w-[55%]", children: r.map(($) => /* @__PURE__ */ p(
                 "div",
                 {
-                  className: `flex cursor-pointer items-center justify-between rounded-md border border-gray-300 px-3 py-2 transition duration-300 hover:bg-gray-100 ${D._id === (f == null ? void 0 : f._id) ? "border-l-2 border-l-pink-600" : ""} `,
+                  className: `flex cursor-pointer items-center justify-between rounded-md border border-gray-300 px-3 py-2 transition duration-300 hover:bg-gray-100 ${$._id === (f == null ? void 0 : f._id) ? "border-l-2 border-l-pink-600" : ""} `,
                   onClick: () => {
-                    b(""), w(null), E(null), C(!1), m(D);
+                    b(""), w(null), E(null), C(!1), m($);
                   },
                   children: /* @__PURE__ */ T(
                     "div",
                     {
-                      className: `${D._id === (f == null ? void 0 : f._id) ? "-ml-[2px]" : "ml-0"}`,
+                      className: `${$._id === (f == null ? void 0 : f._id) ? "-ml-[2px]" : "ml-0"}`,
                       children: [
-                        /* @__PURE__ */ p("p", { className: "text-md", children: D.title }),
-                        /* @__PURE__ */ p("p", { className: "-mt-[2px] mb-1 text-xs text-gray-600", children: D.description }),
-                        /* @__PURE__ */ p("p", { className: "text-md", children: nt(D) })
+                        /* @__PURE__ */ p("p", { className: "text-md", children: $.title }),
+                        /* @__PURE__ */ p("p", { className: "-mt-[2px] mb-1 text-xs text-gray-600", children: $.description }),
+                        /* @__PURE__ */ p("p", { className: "text-md", children: nt($) })
                       ]
                     }
                   )
                 },
-                D._id
+                $._id
               )) }),
               /* @__PURE__ */ T("div", { className: "w-full md:w-[40%]", children: [
                 /* @__PURE__ */ T("div", { className: "mt-4 flex min-h-[250px] flex-col justify-between rounded-md border border-gray-300 p-4 md:mt-0", children: [
@@ -10375,7 +10377,7 @@ const Un = {
                   "div",
                   {
                     className: ` ${f ? "h-[50px] py-3" : "py-3"} flex cursor-pointer items-center justify-between border-b border-b-gray-300 pr-1 pl-4 transition-all duration-200 hover:bg-gray-200`,
-                    onClick: () => f ? j(!0) : null,
+                    onClick: () => f ? R(!0) : null,
                     children: [
                       /* @__PURE__ */ p("span", { children: "Apply Coupon" }),
                       /* @__PURE__ */ p("span", { children: /* @__PURE__ */ p(kg, {}) })
@@ -10388,7 +10390,7 @@ const Un = {
               Me,
               {
                 elementKey: "",
-                onClick: () => V(2),
+                onClick: () => N(2),
                 className: "rounded-lg px-6 py-2 font-semibold",
                 children: "Next"
               }
@@ -10403,7 +10405,7 @@ const Un = {
                   placeholder: "Name",
                   name: "name",
                   value: P.name,
-                  onChange: B,
+                  onChange: D,
                   onBlur: W,
                   required: !0
                 }
@@ -10418,7 +10420,7 @@ const Un = {
                   placeholder: "Email",
                   name: "email",
                   value: P.email,
-                  onChange: B,
+                  onChange: D,
                   onBlur: W,
                   type: "email",
                   required: !0
@@ -10432,7 +10434,7 @@ const Un = {
                   elementKey: "",
                   className: "rounded-lg bg-gray-100 px-6 py-2 font-semibold text-black hover:bg-gray-200",
                   type: "button",
-                  onClick: () => V(1),
+                  onClick: () => N(1),
                   disabled: d,
                   children: "Back"
                 }

package/dist/{index-CncAiMll.js → index-DurprJto.js}

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { u as i, a } from "./index-ChtnTSnt.js";
+import { u as i, a } from "./index-ChfbB6-A.js";
 const g = "_footnote_v8hnh_1", r = "_footnoteText_v8hnh_11", c = "_logoutButton_v8hnh_17", t = {
   footnote: g,
   footnoteText: r,

package/dist/index.js

@@ -1,4 +1,4 @@
-import { q as s, o, A as t, p as r, w as n, ay as i, ax as g, b as l, d as c, j as C, n as u, v as d, x as S, a6 as T, ad as m, B as A, c as E, e as P, f as h, g as B, i as p, h as f, C as v, aj as k, aw as M, F as R, H as y, a7 as I, l as L, I as b, k as H, a3 as K, ab as O, ac as V, t as _, ah as x, M as F, az as D, aA as G, s as N, P as U, r as w, ai as z, aF as W, S as j, ak as q, a4 as J, a5 as X, T as Y, U as Q, ae as Z, ag as $, a9 as aa, af as ea, ar as sa, aq as oa, a2 as ta, J as ra, aa as na, O as ia, a8 as ga, au as la, N as ca, K as Ca, aC as ua, aD as da, ap as Sa, z as Ta, at as ma, an as Aa, aB as Ea, $ as Pa, D as ha, _ as Ba, Z as pa, a1 as fa, X as va, a0 as ka, ao as Ma, av as Ra, am as ya, al as Ia, W as La, Y as ba, aE as Ha, E as Ka, u as Oa, y as Va, V as _a, as as xa, Q as Fa, R as Da, G as Ga } from "./index-ChtnTSnt.js";
+import { q as s, o, A as t, p as r, w as n, ay as i, ax as g, b as l, d as c, j as C, n as u, v as d, x as S, a6 as T, ad as m, B as A, c as E, e as P, f as h, g as B, i as p, h as f, C as v, aj as k, aw as M, F as R, H as y, a7 as I, l as L, I as b, k as H, a3 as K, ab as O, ac as V, t as _, ah as x, M as F, az as D, aA as G, s as N, P as U, r as w, ai as z, aF as W, S as j, ak as q, a4 as J, a5 as X, T as Y, U as Q, ae as Z, ag as $, a9 as aa, af as ea, ar as sa, aq as oa, a2 as ta, J as ra, aa as na, O as ia, a8 as ga, au as la, N as ca, K as Ca, aC as ua, aD as da, ap as Sa, z as Ta, at as ma, an as Aa, aB as Ea, $ as Pa, D as ha, _ as Ba, Z as pa, a1 as fa, X as va, a0 as ka, ao as Ma, av as Ra, am as ya, al as Ia, W as La, Y as ba, aE as Ha, E as Ka, u as Oa, y as Va, V as _a, as as xa, Q as Fa, R as Da, G as Ga } from "./index-ChfbB6-A.js";
 export {
   s as AccordionContent,
   o as AccordionItem,

package/dist/interfaces/levoBlock.d.ts

@@ -140,6 +140,7 @@ export interface IFieldConfig {
         stopOnFocusIn?: boolean;
         stopOnInteraction?: boolean;
         stopOnMouseEnter?: boolean;
+        direction?: "ltr" | "rtl";
     };
     image?: {
         high_priority?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.1.56",
+  "version": "0.1.57",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",