@levo-so/studio 0.1.55 → 0.1.57

package/dist/{Beams-YjQTPRTy.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-CRL5tc96.js";
+import { m as c } from "./index-ChfbB6-A.js";
 const h = r.memo(
   ({
     className: o,

package/dist/{Dots-C4ga5kYR.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-CRL5tc96.js";
+import { m as x } from "./index-ChfbB6-A.js";
 const g = h.memo(
   ({
     className: i,

package/dist/{Gradient-wfHCh2R4.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-CRL5tc96.js";
+import { m as r } from "./index-ChfbB6-A.js";
 const s = o.memo(
   ({
     className: e,

package/dist/{Grid-DXr817Cv.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-CRL5tc96.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-Bg8QP8CA.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-CRL5tc96.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-Tx13uZvb.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-BhD2HBEg.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-YP_96cR8.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-CRL5tc96.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-Bh281v8p.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-BhD2HBEg.js";
-import { u as h } from "./index-CRL5tc96.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,