@levo-so/studio 0.1.5 → 0.1.7

package/dist/Dots-BEdSVbPq.js

@@ -1,139 +0,0 @@
-"use client";
-import { j as s, m as w } from "./index-BvyenzyF.js";
-import c from "react";
-import { cn as o } from "@levo-so/react";
-const j = c.memo(
-  ({
-    className: l,
-    dotColor: i = "#00ff00",
-    dotSize: h = 2,
-    spacing: t = 30,
-    isAnimated: u = !1,
-    speed: d = 1
-  }) => {
-    const a = c.useMemo(
-      () => ({
-        cx: t / 2,
-        cy: t / 2,
-        r: h,
-        width: t,
-        height: t
-      }),
-      [t, h]
-    ), m = c.useMemo(
-      () => `dots-pattern-${Math.random().toString(36).substr(2, 9)}`,
-      []
-    ), f = c.useMemo(() => {
-      if (!u) return [];
-      const e = [], x = Math.ceil(100 / (t / 10)), y = Math.ceil(100 / (t / 10));
-      for (let n = 0; n < x; n++)
-        for (let r = 0; r < y; r++)
-          e.push({
-            id: `${n}-${r}`,
-            x: r * t / 10 + Math.random() * 5,
-            y: n * t / 10 + Math.random() * 5,
-            delay: Math.random() * 3,
-            amplitude: 2 + Math.random() * 3
-          });
-      return e;
-    }, [u, t]);
-    return u ? /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        className: o(
-          "absolute inset-0 flex h-full w-full items-center justify-center overflow-hidden",
-          "z-[-1]",
-          l
-        ),
-        children: /* @__PURE__ */ s.jsx(
-          "svg",
-          {
-            className: "pointer-events-none absolute z-0 h-full w-full",
-            width: "100%",
-            height: "100%",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: f.map((e) => /* @__PURE__ */ s.jsx(
-              w.circle,
-              {
-                cx: `${e.x}%`,
-                cy: `${e.y}%`,
-                r: h,
-                fill: i,
-                initial: { opacity: 0.3 },
-                animate: {
-                  opacity: [0.3, 0.8, 0.3],
-                  cx: [
-                    `${e.x}%`,
-                    `${e.x + e.amplitude}%`,
-                    `${e.x - e.amplitude}%`,
-                    `${e.x}%`
-                  ],
-                  cy: [
-                    `${e.y}%`,
-                    `${e.y - e.amplitude}%`,
-                    `${e.y + e.amplitude}%`,
-                    `${e.y}%`
-                  ]
-                },
-                transition: {
-                  duration: 8 / d,
-                  repeat: 1 / 0,
-                  ease: "easeInOut",
-                  delay: e.delay
-                }
-              },
-              e.id
-            ))
-          }
-        )
-      }
-    ) : /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        className: o(
-          "absolute inset-0 flex h-full w-full items-center justify-center",
-          "z-[-1]",
-          l
-        ),
-        children: /* @__PURE__ */ s.jsxs(
-          "svg",
-          {
-            className: "pointer-events-none absolute z-0 h-full w-full",
-            width: "100%",
-            height: "100%",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: [
-              /* @__PURE__ */ s.jsx("defs", { children: /* @__PURE__ */ s.jsx(
-                "pattern",
-                {
-                  id: m,
-                  x: "0",
-                  y: "0",
-                  width: a.width,
-                  height: a.height,
-                  patternUnits: "userSpaceOnUse",
-                  children: /* @__PURE__ */ s.jsx(
-                    "circle",
-                    {
-                      cx: a.cx,
-                      cy: a.cy,
-                      r: a.r,
-                      fill: i
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ s.jsx("rect", { width: "100%", height: "100%", fill: `url(#${m})` })
-            ]
-          }
-        )
-      }
-    );
-  },
-  // Custom comparison function for better memoization
-  (l, i) => l.className === i.className && l.dotColor === i.dotColor && l.dotSize === i.dotSize && l.spacing === i.spacing && l.isAnimated === i.isAnimated && l.speed === i.speed
-);
-j.displayName = "BackgroundDots";
-export {
-  j as BackgroundDots
-};

package/dist/Gradient-aW1lywfs.js

@@ -1,41 +0,0 @@
-"use client";
-import { j as e, m as r } from "./index-BvyenzyF.js";
-import s from "react";
-import { cn as o } from "@levo-so/react";
-const l = s.memo(
-  ({
-    className: t,
-    fromColor: a = "#ff0000",
-    toColor: i = "#00ff00",
-    direction: n = "45deg"
-  }) => /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: o(
-        "absolute inset-0 flex h-full w-full items-center justify-center",
-        "z-[-1]",
-        t
-      ),
-      children: /* @__PURE__ */ e.jsx(
-        r.div,
-        {
-          className: "absolute inset-0 h-full w-full",
-          style: {
-            background: `linear-gradient(${n}, ${a}, ${i})`
-          },
-          initial: { opacity: 0.8 },
-          animate: { opacity: [0.8, 0.9, 0.8] },
-          transition: {
-            duration: 4,
-            repeat: 1 / 0,
-            ease: "easeInOut"
-          }
-        }
-      )
-    }
-  )
-);
-l.displayName = "BackgroundGradient";
-export {
-  l as BackgroundGradient
-};

package/dist/Grid-B1ahCqzO.js

@@ -1,161 +0,0 @@
-"use client";
-import { j as t, m as o } from "./index-BvyenzyF.js";
-import i from "react";
-import { cn as f } from "@levo-so/react";
-const j = i.memo(
-  ({
-    className: l,
-    lineColor: e = "#333333",
-    lineWidth: r = 1,
-    spacing: s = 50,
-    // Interactive mode props
-    isInteractive: w = !1,
-    hoverColor: n = "#93c5fd",
-    rows: d = 150,
-    cols: c = 100
-  }) => {
-    const x = i.useMemo(() => new Array(d).fill(1), [d]), y = i.useMemo(() => new Array(c).fill(1), [c]), a = i.useMemo(
-      () => ({
-        rowStyle: {
-          height: `${s}px`,
-          width: `${s * 2}px`,
-          borderLeft: `${r}px solid ${e}`
-        },
-        colStyle: {
-          height: `${s}px`,
-          width: `${s * 2}px`,
-          borderTop: `${r}px solid ${e}`,
-          borderRight: `${r}px solid ${e}`
-        },
-        iconStyle: {
-          top: `${-s / 3.8}px`,
-          left: `${-s / 2.4}px`,
-          color: e
-        }
-      }),
-      [s, r, e]
-    ), h = i.useMemo(
-      () => ({
-        hover: {
-          backgroundColor: n,
-          transition: { duration: 0 }
-        },
-        animate: {
-          transition: { duration: 2 }
-        }
-      }),
-      [n]
-    );
-    return w ? /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: f(
-          "absolute inset-0 flex h-full w-full items-center justify-center overflow-hidden",
-          "z-[-1]",
-          l
-        ),
-        children: /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            style: {
-              transform: "translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)"
-            },
-            className: "absolute -top-1/4 left-1/4 z-0 flex h-full w-full -translate-x-1/2 -translate-y-1/2 p-4",
-            children: x.map(($, u) => /* @__PURE__ */ t.jsx(
-              o.div,
-              {
-                className: "relative",
-                style: a.rowStyle,
-                children: y.map((v, m) => /* @__PURE__ */ t.jsx(
-                  o.div,
-                  {
-                    whileHover: h.hover,
-                    animate: h.animate,
-                    className: "relative",
-                    style: a.colStyle,
-                    children: m % 2 === 0 && u % 2 === 0 ? /* @__PURE__ */ t.jsx(
-                      "svg",
-                      {
-                        xmlns: "http://www.w3.org/2000/svg",
-                        fill: "none",
-                        viewBox: "0 0 24 24",
-                        strokeWidth: "1.5",
-                        stroke: "currentColor",
-                        className: "pointer-events-none absolute h-6 w-10 stroke-[1px]",
-                        style: a.iconStyle,
-                        children: /* @__PURE__ */ t.jsx(
-                          "path",
-                          {
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round",
-                            d: "M12 6v12m6-6H6"
-                          }
-                        )
-                      }
-                    ) : null
-                  },
-                  `col-${m}`
-                ))
-              },
-              `row-${u}`
-            ))
-          }
-        )
-      }
-    ) : /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: f(
-          "absolute inset-0 flex h-full w-full items-center justify-center",
-          "z-[-1]",
-          l
-        ),
-        children: /* @__PURE__ */ t.jsxs(
-          "svg",
-          {
-            className: "pointer-events-none absolute z-0 h-full w-full",
-            width: "100%",
-            height: "100%",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: [
-              /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsx(
-                "pattern",
-                {
-                  id: "grid-pattern",
-                  x: "0",
-                  y: "0",
-                  width: s,
-                  height: s,
-                  patternUnits: "userSpaceOnUse",
-                  children: /* @__PURE__ */ t.jsx(
-                    o.path,
-                    {
-                      d: `M ${s} 0 L 0 0 0 ${s}`,
-                      fill: "none",
-                      stroke: e,
-                      strokeWidth: r,
-                      initial: { opacity: 0.2 },
-                      animate: { opacity: [0.2, 0.5, 0.2] },
-                      transition: {
-                        duration: 3,
-                        repeat: 1 / 0,
-                        ease: "easeInOut"
-                      }
-                    }
-                  )
-                }
-              ) }),
-              /* @__PURE__ */ t.jsx("rect", { width: "100%", height: "100%", fill: "url(#grid-pattern)" })
-            ]
-          }
-        )
-      }
-    );
-  },
-  // Custom comparison function for better memoization
-  (l, e) => l.className === e.className && l.lineColor === e.lineColor && l.lineWidth === e.lineWidth && l.spacing === e.spacing && l.isInteractive === e.isInteractive && l.hoverColor === e.hoverColor && l.rows === e.rows && l.cols === e.cols
-);
-j.displayName = "BackgroundGrid";
-export {
-  j as BackgroundGrid
-};

package/dist/Waves-D0fyu0lc.js

@@ -1,126 +0,0 @@
-"use client";
-import { j as t, m as l } from "./index-BvyenzyF.js";
-import x from "react";
-import { cn as u } from "@levo-so/react";
-const y = x.memo(
-  ({
-    className: h,
-    primaryColor: a = "#3b82f6",
-    secondaryColor: i = "#8b5cf6",
-    amplitude: p = 50,
-    frequency: c = 0.02,
-    speed: r = 1
-  }) => {
-    const d = Array.from({ length: 3 }, (e, s) => s), o = (e) => {
-      const s = [], f = e * 60;
-      for (let n = 0; n <= 1e3; n += 10) {
-        const m = 200 + Math.sin(n * c + f) * p;
-        s.push(`${n},${m}`);
-      }
-      return `M 0,200 Q ${s.join(" ")} 1000,200 L 1000,400 L 0,400 Z`;
-    };
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: u(
-          "absolute inset-0 flex h-full w-full items-center justify-center overflow-hidden",
-          "z-[-1]",
-          h
-        ),
-        children: /* @__PURE__ */ t.jsxs(
-          "svg",
-          {
-            className: "pointer-events-none absolute z-0 h-full w-full",
-            width: "100%",
-            height: "100%",
-            viewBox: "0 0 1000 400",
-            preserveAspectRatio: "xMidYMid slice",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: [
-              /* @__PURE__ */ t.jsxs("defs", { children: [
-                /* @__PURE__ */ t.jsxs("linearGradient", { id: "waveGradient1", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                  /* @__PURE__ */ t.jsx("stop", { offset: "0%", stopColor: a, stopOpacity: "0.3" }),
-                  /* @__PURE__ */ t.jsx("stop", { offset: "100%", stopColor: i, stopOpacity: "0.1" })
-                ] }),
-                /* @__PURE__ */ t.jsxs("linearGradient", { id: "waveGradient2", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                  /* @__PURE__ */ t.jsx("stop", { offset: "0%", stopColor: i, stopOpacity: "0.2" }),
-                  /* @__PURE__ */ t.jsx("stop", { offset: "100%", stopColor: a, stopOpacity: "0.05" })
-                ] }),
-                /* @__PURE__ */ t.jsxs("linearGradient", { id: "waveGradient3", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
-                  /* @__PURE__ */ t.jsx("stop", { offset: "0%", stopColor: a, stopOpacity: "0.1" }),
-                  /* @__PURE__ */ t.jsx("stop", { offset: "100%", stopColor: i, stopOpacity: "0.3" })
-                ] })
-              ] }),
-              d.map((e) => /* @__PURE__ */ t.jsx(
-                l.path,
-                {
-                  d: o(e),
-                  fill: `url(#waveGradient${e + 1})`,
-                  initial: { x: -100 },
-                  animate: {
-                    x: [-100, 100],
-                    d: [
-                      o(e),
-                      o(e + 0.5),
-                      o(e)
-                    ]
-                  },
-                  transition: {
-                    x: {
-                      duration: 20 / r,
-                      repeat: 1 / 0,
-                      ease: "linear"
-                    },
-                    d: {
-                      duration: 8 / r,
-                      repeat: 1 / 0,
-                      ease: "easeInOut"
-                    }
-                  },
-                  style: {
-                    filter: `blur(${e * 0.5}px)`
-                  }
-                },
-                `wave-${e}`
-              )),
-              Array.from({ length: 15 }, (e, s) => /* @__PURE__ */ t.jsx(
-                l.circle,
-                {
-                  cx: Math.random() * 1e3,
-                  cy: Math.random() * 400,
-                  r: Math.random() * 3 + 1,
-                  fill: s % 2 === 0 ? a : i,
-                  initial: { opacity: 0.3 },
-                  animate: {
-                    opacity: [0.3, 0.8, 0.3],
-                    cy: [
-                      Math.random() * 400,
-                      Math.random() * 400,
-                      Math.random() * 400
-                    ],
-                    cx: [
-                      Math.random() * 1e3,
-                      Math.random() * 1e3,
-                      Math.random() * 1e3
-                    ]
-                  },
-                  transition: {
-                    duration: Math.random() * 10 + 5,
-                    repeat: 1 / 0,
-                    ease: "easeInOut",
-                    delay: Math.random() * 5
-                  }
-                },
-                `particle-${s}`
-              ))
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-y.displayName = "BackgroundWaves";
-export {
-  y as BackgroundWaves
-};

package/dist/utils/blocksLevoClient.d.ts

@@ -1,5 +0,0 @@
-import { ILevoClient } from '@levo-so/core';
-declare let blocksLevoClient: ILevoClient | null;
-declare const setLevoClient: (client: ILevoClient) => void;
-export { blocksLevoClient, setLevoClient };
-//# sourceMappingURL=blocksLevoClient.d.ts.map