@levo-so/studio 0.1.100 → 0.1.102

package/Dots-DjezbpLp.js

@@ -1,137 +0,0 @@
-"use client";
-import e from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "motion/react-m";
-//#region src/components/backgroundPresets/Dots.tsx
-var i = e.memo(({ className: i, dotColor: a, dotSize: o, spacing: s, isAnimated: c = !1, speed: l }) => {
-	let u = a ?? "#00ff00", d = Math.max(Number(o) || 2, .1), f = Math.max(Number(s) || 30, 1), p = Math.max(Number(l) || 1, .01), m = e.useMemo(() => ({
-		cx: f / 2,
-		cy: f / 2,
-		r: d,
-		width: Math.max(f, 1),
-		height: Math.max(f, 1)
-	}), [f, d]), h = e.useMemo(() => `dots-pattern-${Math.random().toString(36).substring(2, 11)}`, []), g = e.useMemo(() => {
-		if (!c || !f || f <= 0) return [];
-		let e = [], t = Math.max(f, 2), n = Math.min(Math.ceil(100 / (t / 10)), 50), r = Math.min(Math.ceil(100 / (t / 10)), 50);
-		for (let i = 0; i < n; i++) for (let n = 0; n < r; n++) {
-			let r = Math.abs(Math.sin(i * 12.9898 + n * 78.233) * 43758.5453) % 1, a = Math.abs(Math.sin(i * 39.346 + n * 11.135) * 43758.5453) % 1, o = Math.abs(Math.sin(i * 71.123 + n * 23.456) * 43758.5453) % 1, s = Math.abs(Math.sin(i * 15.987 + n * 82.345) * 43758.5453) % 1;
-			e.push({
-				id: `${i}-${n}`,
-				x: Number((n * t / 10 + (r - .5) * 8).toFixed(2)),
-				y: Number((i * t / 10 + (a - .5) * 8).toFixed(2)),
-				delay: Number((o * 3).toFixed(2)),
-				amplitude: Number((2 + s * 3).toFixed(2))
-			});
-		}
-		return e;
-	}, [c, f]);
-	return c ? /* @__PURE__ */ t("div", {
-		className: i,
-		style: {
-			position: "absolute",
-			inset: 0,
-			display: "flex",
-			height: "100%",
-			width: "100%",
-			alignItems: "center",
-			justifyContent: "center",
-			overflow: "hidden",
-			zIndex: -1
-		},
-		children: /* @__PURE__ */ n("svg", {
-			style: {
-				pointerEvents: "none",
-				position: "absolute",
-				zIndex: 0,
-				height: "100%",
-				width: "100%"
-			},
-			width: "100%",
-			height: "100%",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: [/* @__PURE__ */ t("title", { children: "Animated Dots" }), g.map((e) => /* @__PURE__ */ t(r.circle, {
-				r: d,
-				fill: u,
-				initial: {
-					cx: `${e.x}%`,
-					cy: `${e.y}%`,
-					opacity: .3
-				},
-				animate: {
-					opacity: [
-						.3,
-						.8,
-						.3
-					],
-					cx: [
-						`${e.x}%`,
-						`${e.x + (e.amplitude || 0)}%`,
-						`${e.x - (e.amplitude || 0)}%`,
-						`${e.x}%`
-					],
-					cy: [
-						`${e.y}%`,
-						`${e.y - (e.amplitude || 0)}%`,
-						`${e.y + (e.amplitude || 0)}%`,
-						`${e.y}%`
-					]
-				},
-				transition: {
-					duration: Math.max(.1, 8 / p),
-					repeat: Infinity,
-					ease: "easeInOut",
-					delay: e.delay || 0
-				}
-			}, e.id))]
-		})
-	}) : /* @__PURE__ */ t("div", {
-		className: i,
-		style: {
-			position: "absolute",
-			inset: 0,
-			display: "flex",
-			height: "100%",
-			width: "100%",
-			alignItems: "center",
-			justifyContent: "center",
-			zIndex: -1
-		},
-		children: /* @__PURE__ */ n("svg", {
-			style: {
-				pointerEvents: "none",
-				position: "absolute",
-				zIndex: 0,
-				height: "100%",
-				width: "100%"
-			},
-			width: "100%",
-			height: "100%",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: [
-				/* @__PURE__ */ t("title", { children: "Static Dots" }),
-				/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("pattern", {
-					id: h,
-					x: "0",
-					y: "0",
-					width: m.width,
-					height: m.height,
-					patternUnits: "userSpaceOnUse",
-					children: /* @__PURE__ */ t("circle", {
-						cx: m.cx,
-						cy: m.cy,
-						r: m.r,
-						fill: u
-					})
-				}) }),
-				/* @__PURE__ */ t("rect", {
-					width: "100%",
-					height: "100%",
-					fill: `url(#${h})`
-				})
-			]
-		})
-	});
-}, (e, t) => e.className === t.className && e.dotColor === t.dotColor && e.dotSize === t.dotSize && e.spacing === t.spacing && e.isAnimated === t.isAnimated && e.speed === t.speed);
-i.displayName = "BackgroundDots";
-//#endregion
-export { i as BackgroundDots };

package/Grid-C9aUfXM-.js

@@ -1,145 +0,0 @@
-"use client";
-import e from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as r from "motion/react-m";
-//#region src/components/backgroundPresets/Grid.tsx
-var i = e.memo(({ className: i, lineColor: a, lineWidth: o, spacing: s, isInteractive: c = !1, hoverColor: l = "#93c5fd", rows: u, cols: d }) => {
-	let f = a ?? "#333333", p = Math.max(o ?? 1, .1), m = Math.max(s ?? 50, 1), h = Math.max(u ?? 150, 1), g = Math.max(d ?? 100, 1), _ = e.useMemo(() => Array(h).fill(1), [h]), v = e.useMemo(() => Array(g).fill(1), [g]), y = e.useMemo(() => ({
-		rowStyle: {
-			height: `${m}px`,
-			width: `${m * 2}px`,
-			borderLeft: `${p}px solid ${f}`
-		},
-		colStyle: {
-			height: `${m}px`,
-			width: `${m * 2}px`,
-			borderTop: `${p}px solid ${f}`,
-			borderRight: `${p}px solid ${f}`
-		},
-		iconStyle: {
-			top: `${-m / 3.8}px`,
-			left: `${-m / 2.4}px`,
-			color: f
-		}
-	}), [
-		m,
-		p,
-		f
-	]), b = e.useMemo(() => ({
-		hover: {
-			backgroundColor: l,
-			transition: { duration: 0 }
-		},
-		animate: { transition: { duration: 2 } }
-	}), [l]);
-	return c ? /* @__PURE__ */ t("div", {
-		className: i,
-		style: {
-			position: "absolute",
-			inset: 0,
-			display: "flex",
-			height: "100%",
-			width: "100%",
-			alignItems: "center",
-			justifyContent: "center",
-			overflow: "hidden",
-			zIndex: -1
-		},
-		children: /* @__PURE__ */ t("div", {
-			style: {
-				transform: "translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)",
-				position: "absolute",
-				top: "-25%",
-				left: "25%",
-				zIndex: 0,
-				display: "flex",
-				height: "100%",
-				width: "100%",
-				padding: "1rem"
-			},
-			children: _.map((e, i) => /* @__PURE__ */ t(r.div, {
-				style: {
-					...y.rowStyle,
-					position: "relative"
-				},
-				children: v.map((e, a) => /* @__PURE__ */ t(r.div, {
-					whileHover: b.hover,
-					animate: b.animate,
-					style: {
-						...y.colStyle,
-						position: "relative"
-					},
-					children: a % 2 == 0 && i % 2 == 0 ? /* @__PURE__ */ n("svg", {
-						xmlns: "http://www.w3.org/2000/svg",
-						fill: "none",
-						viewBox: "0 0 24 24",
-						strokeWidth: "1.5",
-						stroke: "currentColor",
-						style: {
-							...y.iconStyle,
-							pointerEvents: "none",
-							position: "absolute",
-							height: "1.5rem",
-							width: "2.5rem",
-							strokeWidth: "1px"
-						},
-						children: [/* @__PURE__ */ t("title", { children: "Grid Lines" }), /* @__PURE__ */ t("path", {
-							strokeLinecap: "round",
-							strokeLinejoin: "round",
-							d: "M12 6v12m6-6H6"
-						})]
-					}) : null
-				}, `col-${a}`))
-			}, `row-${i}`))
-		})
-	}) : /* @__PURE__ */ t("div", {
-		className: i,
-		style: {
-			position: "absolute",
-			inset: 0,
-			display: "flex",
-			height: "100%",
-			width: "100%",
-			alignItems: "center",
-			justifyContent: "center",
-			zIndex: -1
-		},
-		children: /* @__PURE__ */ n("svg", {
-			style: {
-				pointerEvents: "none",
-				position: "absolute",
-				zIndex: 0,
-				height: "100%",
-				width: "100%"
-			},
-			width: "100%",
-			height: "100%",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: [
-				/* @__PURE__ */ t("title", { children: "Grid Lines" }),
-				/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("pattern", {
-					id: "grid-pattern",
-					x: "0",
-					y: "0",
-					width: m,
-					height: m,
-					patternUnits: "userSpaceOnUse",
-					children: /* @__PURE__ */ t("path", {
-						d: `M ${m} 0 L 0 0 0 ${m}`,
-						fill: "none",
-						stroke: f,
-						strokeWidth: p
-					})
-				}) }),
-				/* @__PURE__ */ t("rect", {
-					width: "100%",
-					height: "100%",
-					fill: "url(#grid-pattern)"
-				})
-			]
-		})
-	});
-}, (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);
-i.displayName = "BackgroundGrid";
-//#endregion
-export { i as BackgroundGrid };