@aswin.dev/editor 0.7.1 → 0.7.3

package/dist/CountdownBlock-Ba3T-i2X.js

@@ -0,0 +1,1536 @@
+import { r as e } from "./rolldown-runtime-BZGGJVDF.js";
+import { C as t, F as n, Ft as r, N as i, R as a, V as o, _ as s, et as c, f as l, g as u, h as d, it as f, jt as p, m, st as h, v as g, y as _ } from "./vue.runtime.esm-bundler-CjauPXjj.js";
+import { l as v } from "./dist-Djgi0A6k.js";
+import { t as y } from "./useI18n-C2xQZ6K9.js";
+import { t as b } from "./_plugin-vue_export-helper-BVAJ4lgT.js";
+//#region src/composables/useCountdownTimer.ts
+var x = {
+	days: 0,
+	hours: 0,
+	minutes: 0,
+	seconds: 0
+};
+function ee(e) {
+	let t = c(Date.now());
+	v(() => {
+		t.value = Date.now();
+	}, 1e3);
+	let n = m(() => {
+		let t = e.value.targetDate;
+		if (!t) return null;
+		let n = new Date(t);
+		return Number.isNaN(n.getTime()) ? null : n.getTime();
+	}), r = m(() => !!e.value.targetDate), i = m(() => n.value ? t.value >= n.value : !1), a = m(() => {
+		if (!n.value || i.value) return x;
+		let e = n.value - t.value, r = Math.floor(e / 1e3);
+		return {
+			days: Math.floor(r / 86400),
+			hours: Math.floor(r % 86400 / 3600),
+			minutes: Math.floor(r % 3600 / 60),
+			seconds: r % 60
+		};
+	});
+	return {
+		now: t,
+		targetTime: n,
+		isExpired: i,
+		remaining: a,
+		segments: m(() => {
+			let t = e.value, n = a.value, r = [];
+			return t.showDays && r.push({
+				key: "days",
+				raw: n.days,
+				value: String(n.days).padStart(2, "0"),
+				label: t.labelDays
+			}), t.showHours && r.push({
+				key: "hours",
+				raw: n.hours,
+				value: String(n.hours).padStart(2, "0"),
+				label: t.labelHours
+			}), t.showMinutes && r.push({
+				key: "minutes",
+				raw: n.minutes,
+				value: String(n.minutes).padStart(2, "0"),
+				label: t.labelMinutes
+			}), t.showSeconds && r.push({
+				key: "seconds",
+				raw: n.seconds,
+				value: String(n.seconds).padStart(2, "0"),
+				label: t.labelSeconds
+			}), r;
+		}),
+		hasTargetDate: r
+	};
+}
+//#endregion
+//#region src/components/blocks/countdown/MinimalStyle.vue?vue&type=script&setup=true&lang.ts
+var te = { class: "tpl:text-center" }, S = /* @__PURE__ */ t({
+	__name: "MinimalStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => ({
+			backgroundColor: t.block.backgroundColor,
+			fontFamily: t.block.fontFamily || "inherit"
+		})), o = m(() => ({
+			fontSize: `${t.block.digitFontSize}px`,
+			fontWeight: "bold",
+			color: t.block.digitColor,
+			lineHeight: "1.2"
+		})), c = m(() => ({
+			fontSize: `${t.block.labelFontSize}px`,
+			color: t.block.labelColor,
+			marginTop: "4px"
+		})), u = m(() => ({
+			fontSize: `${t.block.digitFontSize}px`,
+			color: t.block.digitColor,
+			fontFamily: t.block.fontFamily || "inherit"
+		}));
+		return (t, f) => (i(), g("div", {
+			style: p(a.value),
+			class: "tpl:flex tpl:items-center tpl:justify-center tpl:gap-2 tpl:py-4"
+		}, [(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g(l, { key: t.label }, [n > 0 ? (i(), g("span", {
+			key: 0,
+			style: p(u.value),
+			class: "tpl:self-start"
+		}, r(e.separator), 5)) : s("", !0), d("div", te, [d("div", { style: p(o.value) }, r(t.value), 5), d("div", { style: p(c.value) }, r(t.label), 5)])], 64))), 128))], 4));
+	}
+});
+//#endregion
+//#region src/components/blocks/countdown/shared.ts
+function C(e, t) {
+	let n = e.layout ?? "horizontal", r = t === "mobile", i = e.cardGap ?? 12;
+	switch (n) {
+		case "vertical": return {
+			stack: !0,
+			gap: i + 4,
+			padding: r ? 16 : 24,
+			fullscreen: !1,
+			digitScale: 1
+		};
+		case "compact": return {
+			stack: !1,
+			gap: Math.max(4, i - 6),
+			padding: r ? 8 : 12,
+			fullscreen: !1,
+			digitScale: .7
+		};
+		case "fullscreen": return {
+			stack: !1,
+			gap: r ? i : i + 16,
+			padding: r ? 32 : 64,
+			fullscreen: !0,
+			digitScale: r ? 1.1 : 1.6
+		};
+		default: return {
+			stack: r,
+			gap: i,
+			padding: r ? 16 : 24,
+			fullscreen: !1,
+			digitScale: 1
+		};
+	}
+}
+function w(e, t) {
+	switch (e) {
+		case "slow": return Math.round(t * 1.6);
+		case "fast": return Math.round(t * .65);
+		default: return t;
+	}
+}
+function T(e, t) {
+	if (!e) return `rgba(0,0,0,${t})`;
+	if (e.startsWith("#")) {
+		let n = e.slice(1), r = n.length === 3 ? n.split("").map((e) => e + e).join("") : n.slice(0, 6), i = parseInt(r.slice(0, 2), 16), a = parseInt(r.slice(2, 4), 16), o = parseInt(r.slice(4, 6), 16);
+		return [
+			i,
+			a,
+			o
+		].some(Number.isNaN) ? e : `rgba(${i}, ${a}, ${o}, ${t})`;
+	}
+	return e;
+}
+//#endregion
+//#region src/components/blocks/countdown/MatrixStyle.vue?vue&type=script&setup=true&lang.ts
+var E = {
+	class: "cd-matrix__rain",
+	"aria-hidden": "true"
+}, D = "ｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄ01010101", O = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "MatrixStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 600)), s = m(() => w(t.block.animationSpeed, 4500)), c = m(() => ({
+			backgroundColor: t.block.backgroundColor || "#000000",
+			fontFamily: t.block.fontFamily || "'JetBrains Mono', 'Fira Code', 'Courier New', monospace",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`,
+			"--cd-flicker": `${s.value}ms`
+		})), u = m(() => `${t.block.digitFontSize * a.value.digitScale}px`), f = Array.from({ length: 24 }, (e, t) => t);
+		function _(e) {
+			return `${e * 137 % 1800}ms`;
+		}
+		function v(e) {
+			return D[e * 7 % 28];
+		}
+		return (t, a) => (i(), g("div", {
+			class: "cd-matrix",
+			style: p(c.value)
+		}, [
+			d("div", E, [(i(!0), g(l, null, n(h(f), (e) => (i(), g("span", {
+				key: e,
+				class: "cd-matrix__col",
+				style: p({
+					left: `${e / h(f).length * 100}%`,
+					animationDelay: _(e)
+				})
+			}, [(i(), g(l, null, n(12, (t) => d("span", { key: t }, r(v(e + t)), 1)), 64))], 4))), 128))]),
+			a[0] ||= d("div", {
+				class: "cd-matrix__scan",
+				"aria-hidden": "true"
+			}, null, -1),
+			(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+				key: t.key,
+				class: "cd-matrix__cell",
+				style: p({ animationDelay: `${n * 120}ms` })
+			}, [d("div", {
+				class: "cd-matrix__digit",
+				style: p({
+					fontSize: u.value,
+					color: e.block.digitColor || "#39ff14"
+				})
+			}, [(i(), g("span", {
+				key: t.value,
+				class: "cd-matrix__num"
+			}, r(t.value), 1))], 4), d("div", {
+				class: "cd-matrix__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "#39ff14aa"
+				})
+			}, r(t.label), 5)], 4))), 128))
+		], 4));
+	}
+}), [["__scopeId", "data-v-4930d014"]]), k = { class: "cd-flip__cards" }, A = { class: "cd-flip__half cd-flip__half--top" }, j = { class: "cd-flip__char" }, M = { class: "cd-flip__half cd-flip__half--bot" }, N = { class: "cd-flip__char" }, P = { class: "cd-flip__char" }, F = { class: "cd-flip__char" }, I = {
+	key: 0,
+	class: "cd-flip__sep",
+	"aria-hidden": "true"
+}, L = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "FlipClockStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), u = m(() => w(t.block.animationSpeed, 600)), f = c({});
+		o(() => t.segments, (e) => {
+			for (let t of e) {
+				let e = f.value[t.key];
+				if (!e) {
+					f.value[t.key] = {
+						current: t.value,
+						previous: t.value,
+						flipping: !1,
+						tick: 0
+					};
+					continue;
+				}
+				if (e.current !== t.value) {
+					f.value[t.key] = {
+						previous: e.current,
+						current: t.value,
+						flipping: !0,
+						tick: e.tick + 1
+					};
+					let n = t.key;
+					setTimeout(() => {
+						f.value[n] && (f.value[n].flipping = !1);
+					}, u.value + 50);
+				}
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let h = m(() => ({
+			backgroundColor: t.block.backgroundColor || "#0f1115",
+			fontFamily: t.block.fontFamily || "'Helvetica Neue', Arial, sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--flip-duration": `${u.value}ms`
+		})), _ = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${Math.round(e * 1.3)}px`,
+				height: `${Math.round(e * 1.7)}px`,
+				fontSize: `${Math.round(e * 1.25)}px`,
+				radius: `${Math.max(4, t.block.cardRadius ?? 8)}px`
+			};
+		}), v = m(() => t.block.digitColor || "#f9fafb");
+		function y(e, t) {
+			let n = f.value[e];
+			return t.split("").map((e, t) => {
+				let r = n?.previous?.[t] ?? e;
+				return {
+					ci: t,
+					current: e,
+					previous: r,
+					flipping: (n?.flipping ?? !1) && r !== e,
+					flipKey: `${n?.tick ?? 0}-${t}-${e}`
+				};
+			});
+		}
+		return (t, o) => (i(), g("div", {
+			class: "cd-flip",
+			style: p(h.value)
+		}, [(i(!0), g(l, null, n(e.segments, (t, c) => (i(), g("div", {
+			key: t.key,
+			class: "cd-flip__group"
+		}, [
+			d("div", k, [(i(!0), g(l, null, n(y(t.key, t.value), (e) => (i(), g("div", {
+				key: e.ci,
+				class: "cd-flip__card",
+				style: p({
+					width: _.value.width,
+					height: _.value.height,
+					borderRadius: _.value.radius,
+					color: v.value,
+					fontSize: _.value.fontSize
+				})
+			}, [
+				d("div", A, [d("span", j, r(e.current), 1)]),
+				d("div", M, [d("span", N, r(e.flipping ? e.previous : e.current), 1)]),
+				e.flipping ? (i(), g("div", {
+					key: `top-${e.flipKey}`,
+					class: "cd-flip__flap cd-flip__flap--top"
+				}, [d("span", P, r(e.previous), 1)])) : s("", !0),
+				e.flipping ? (i(), g("div", {
+					key: `bot-${e.flipKey}`,
+					class: "cd-flip__flap cd-flip__flap--bot"
+				}, [d("span", F, r(e.current), 1)])) : s("", !0),
+				o[0] ||= d("div", {
+					class: "cd-flip__divider",
+					"aria-hidden": "true"
+				}, null, -1)
+			], 4))), 128))]),
+			d("div", {
+				class: "cd-flip__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "#9ca3af"
+				})
+			}, r(t.label), 5),
+			c < e.segments.length - 1 && !a.value.stack ? (i(), g("div", I, r(e.separator), 1)) : s("", !0)
+		]))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-d1a2d94a"]]), R = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "GlassmorphismStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 500)), s = m(() => t.block.accentColor || "#7dd3fc"), c = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%)",
+			fontFamily: t.block.fontFamily || "'Inter', system-ui, sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-accent": s.value,
+			"--cd-glow": T(s.value, .45),
+			"--cd-tick": `${o.value}ms`
+		})), u = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.4}px`,
+				fontSize: `${e}px`,
+				radius: `${t.block.cardRadius ?? 24}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-glass",
+			style: p(c.value)
+		}, [
+			a[1] ||= d("div", { class: "cd-glass__orb cd-glass__orb--a" }, null, -1),
+			a[2] ||= d("div", { class: "cd-glass__orb cd-glass__orb--b" }, null, -1),
+			a[3] ||= d("div", { class: "cd-glass__orb cd-glass__orb--c" }, null, -1),
+			(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+				key: t.key,
+				class: "cd-glass__card",
+				style: p({
+					width: u.value.width,
+					height: u.value.height,
+					borderRadius: u.value.radius,
+					animationDelay: `${n * 110}ms`
+				})
+			}, [
+				a[0] ||= d("div", { class: "cd-glass__shine" }, null, -1),
+				d("div", {
+					class: "cd-glass__digit",
+					style: p({
+						fontSize: u.value.fontSize,
+						color: e.block.digitColor || "#ffffff"
+					})
+				}, [(i(), g("span", { key: t.value }, r(t.value), 1))], 4),
+				d("div", {
+					class: "cd-glass__label",
+					style: p({
+						fontSize: `${e.block.labelFontSize}px`,
+						color: e.block.labelColor || "rgba(255,255,255,0.75)"
+					})
+				}, r(t.label), 5)
+			], 4))), 128))
+		], 4));
+	}
+}), [["__scopeId", "data-v-fc3c7d5b"]]), z = { class: "cd-neon__inner" }, B = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "NeonGamingStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 700)), s = m(() => ({
+			background: t.block.backgroundColor || "radial-gradient(circle at 30% 20%, #1a0040 0%, #060010 70%)",
+			fontFamily: t.block.fontFamily || "'Orbitron', 'Rajdhani', sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.2}px`,
+				height: `${e * 2.4}px`,
+				fontSize: `${e}px`,
+				radius: `${t.block.cardRadius ?? 14}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-neon",
+			style: p(s.value)
+		}, [(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-neon__card",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				borderRadius: c.value.radius,
+				animationDelay: `${n * 200}ms`
+			})
+		}, [a[0] ||= d("span", { class: "cd-neon__border" }, null, -1), d("span", z, [(i(), g("span", {
+			class: "cd-neon__digit",
+			key: t.value,
+			style: p({
+				fontSize: c.value.fontSize,
+				color: e.block.digitColor || "#ffffff"
+			})
+		}, r(t.value), 5)), d("span", {
+			class: "cd-neon__label",
+			style: p({
+				fontSize: `${e.block.labelFontSize}px`,
+				color: e.block.labelColor || "rgba(255,255,255,0.7)"
+			})
+		}, r(t.label), 5)])], 4))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-bf76228f"]]), V = { class: "cd-led__cell" }, H = { class: "cd-led__panel" }, U = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "RetroLedStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => t.block.digitColor || "#ff3b1d"), c = m(() => ({
+			background: t.block.backgroundColor || "#0a0a0a",
+			fontFamily: t.block.fontFamily || "'DSEG7 Classic', 'Share Tech Mono', 'Courier New', monospace",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--led-color": o.value
+		})), u = m(() => `${t.block.digitFontSize * a.value.digitScale * 1.4}px`);
+		return (t, o) => (i(), g("div", {
+			class: "cd-led",
+			style: p(c.value)
+		}, [
+			o[0] ||= d("div", {
+				class: "cd-led__noise",
+				"aria-hidden": "true"
+			}, null, -1),
+			o[1] ||= d("div", {
+				class: "cd-led__reflection",
+				"aria-hidden": "true"
+			}, null, -1),
+			(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g(l, { key: t.key }, [d("div", V, [d("div", H, [d("span", {
+				class: "cd-led__ghost",
+				style: p({ fontSize: u.value })
+			}, "88", 4), d("span", {
+				class: "cd-led__digit",
+				style: p({ fontSize: u.value })
+			}, r(t.value), 5)]), d("div", {
+				class: "cd-led__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "rgba(255, 80, 60, 0.65)"
+				})
+			}, r(t.label), 5)]), n < e.segments.length - 1 && !a.value.stack ? (i(), g("div", {
+				key: 0,
+				class: "cd-led__sep",
+				style: p({ fontSize: u.value })
+			}, r(e.separator), 5)) : s("", !0)], 64))), 128))
+		], 4));
+	}
+}), [["__scopeId", "data-v-5b9ba0bc"]]), W = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "SciFiHologramStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 600)), s = m(() => t.block.accentColor || "#22d3ee"), c = m(() => ({
+			background: t.block.backgroundColor || "radial-gradient(circle at center, #052238 0%, #020a14 75%)",
+			fontFamily: t.block.fontFamily || "'Orbitron', 'Exo 2', sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-accent": s.value,
+			"--cd-glow": T(s.value, .55),
+			"--cd-tick": `${o.value}ms`
+		})), u = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.6}px`,
+				height: `${e * 2.6}px`,
+				fontSize: `${e}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-holo",
+			style: p(c.value)
+		}, [
+			a[1] ||= d("div", {
+				class: "cd-holo__grid",
+				"aria-hidden": "true"
+			}, null, -1),
+			a[2] ||= d("div", {
+				class: "cd-holo__scan",
+				"aria-hidden": "true"
+			}, null, -1),
+			(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+				key: t.key,
+				class: "cd-holo__cell",
+				style: p({ animationDelay: `${n * 130}ms` })
+			}, [d("div", {
+				class: "cd-holo__hud",
+				style: p({
+					width: u.value.width,
+					height: u.value.height
+				})
+			}, [a[0] ||= _("<svg class=\"cd-holo__ring\" viewBox=\"0 0 100 100\" aria-hidden=\"true\" data-v-a6aaf28e><circle cx=\"50\" cy=\"50\" r=\"48\" data-v-a6aaf28e></circle><circle class=\"cd-holo__ring-arc\" cx=\"50\" cy=\"50\" r=\"42\" data-v-a6aaf28e></circle><circle class=\"cd-holo__ring-arc cd-holo__ring-arc--rev\" cx=\"50\" cy=\"50\" r=\"36\" data-v-a6aaf28e></circle></svg><div class=\"cd-holo__cross-h\" data-v-a6aaf28e></div><div class=\"cd-holo__cross-v\" data-v-a6aaf28e></div>", 3), (i(), g("span", {
+				class: "cd-holo__digit",
+				key: t.value,
+				style: p({
+					fontSize: u.value.fontSize,
+					color: e.block.digitColor || s.value
+				})
+			}, r(t.value), 5))], 4), d("div", {
+				class: "cd-holo__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || h(T)(s.value, .75)
+				})
+			}, r(t.label), 5)], 4))), 128))
+		], 4));
+	}
+}), [["__scopeId", "data-v-a6aaf28e"]]), G = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "LuxuryGoldStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 700)), s = m(() => ({
+			background: t.block.backgroundColor || "radial-gradient(circle at 30% 20%, #1c1410 0%, #050302 70%)",
+			fontFamily: t.block.fontFamily || "'Playfair Display', 'Cormorant Garamond', serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.6}px`,
+				fontSize: `${e * 1.2}px`,
+				radius: `${t.block.cardRadius ?? 8}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-gold",
+			style: p(s.value)
+		}, [a[2] ||= d("div", {
+			class: "cd-gold__marble",
+			"aria-hidden": "true"
+		}, null, -1), (i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-gold__cell",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				borderRadius: c.value.radius,
+				animationDelay: `${n * 150}ms`
+			})
+		}, [
+			a[0] ||= d("div", { class: "cd-gold__frame" }, null, -1),
+			a[1] ||= d("div", { class: "cd-gold__shine" }, null, -1),
+			(i(), g("span", {
+				class: "cd-gold__digit",
+				key: t.value,
+				style: p({ fontSize: c.value.fontSize })
+			}, r(t.value), 5)),
+			d("span", {
+				class: "cd-gold__label",
+				style: p({ fontSize: `${e.block.labelFontSize}px` })
+			}, r(t.label), 5)
+		], 4))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-c1fb53c2"]]), K = ["onMousemove", "onMouseleave"], q = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "Floating3dStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 600)), s = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)",
+			fontFamily: t.block.fontFamily || "'Inter', system-ui, sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			perspective: "1200px",
+			"--cd-tick": `${o.value}ms`
+		})), u = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.6}px`,
+				fontSize: `${e}px`,
+				radius: `${t.block.cardRadius ?? 22}px`
+			};
+		}), f = c({});
+		function h(e, n) {
+			if (!t.block.enableHoverFx) return;
+			let r = n.currentTarget.getBoundingClientRect(), i = (n.clientX - r.left) / r.width - .5, a = (n.clientY - r.top) / r.height - .5;
+			f.value = {
+				...f.value,
+				[e]: {
+					rx: -a * 18,
+					ry: i * 18
+				}
+			};
+		}
+		function _(e) {
+			f.value = {
+				...f.value,
+				[e]: {
+					rx: 0,
+					ry: 0
+				}
+			};
+		}
+		return (t, a) => (i(), g("div", {
+			class: "cd-3d",
+			style: p(s.value)
+		}, [(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-3d__cell",
+			style: p({
+				width: u.value.width,
+				height: u.value.height,
+				borderRadius: u.value.radius,
+				animationDelay: `${n * 100}ms`,
+				transform: `rotateX(${f.value[t.key]?.rx ?? 0}deg) rotateY(${f.value[t.key]?.ry ?? 0}deg)`
+			}),
+			onMousemove: (e) => h(t.key, e),
+			onMouseleave: (e) => _(t.key)
+		}, [
+			a[0] ||= d("div", { class: "cd-3d__shine" }, null, -1),
+			d("div", {
+				class: "cd-3d__digit",
+				style: p({
+					fontSize: u.value.fontSize,
+					color: e.block.digitColor || "#1f2937"
+				})
+			}, [(i(), g("span", { key: t.value }, r(t.value), 1))], 4),
+			d("div", {
+				class: "cd-3d__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "#6b7280"
+				})
+			}, r(t.label), 5)
+		], 44, K))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-e9fcb742"]]), J = { class: "cd-liquid__inner" }, ne = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "LiquidMorphStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 700)), s = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(120deg, #fb7185, #f97316 30%, #facc15 60%, #34d399 100%)",
+			fontFamily: t.block.fontFamily || "'Inter', system-ui, sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			backgroundSize: "300% 300%",
+			animation: "cd-liquid-bg 14s ease infinite",
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.5}px`,
+				height: `${e * 2.5}px`,
+				fontSize: `${e}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-liquid",
+			style: p(s.value)
+		}, [(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-liquid__cell",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				animationDelay: `${n * 800}ms, ${n * 120}ms`
+			})
+		}, [d("span", J, [(i(), g("span", {
+			class: "cd-liquid__digit",
+			key: t.value,
+			style: p({
+				fontSize: c.value.fontSize,
+				color: e.block.digitColor || "#ffffff"
+			})
+		}, r(t.value), 5)), d("span", {
+			class: "cd-liquid__label",
+			style: p({
+				fontSize: `${e.block.labelFontSize}px`,
+				color: e.block.labelColor || "rgba(255,255,255,0.92)"
+			})
+		}, r(t.label), 5)])], 4))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-1b7c8eae"]]), Y = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "MinimalDarkSaasStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 380)), s = m(() => ({
+			background: t.block.backgroundColor || "#0a0a0a",
+			fontFamily: t.block.fontFamily || "'Inter', 'SF Pro Display', system-ui, sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.4}px`,
+				fontSize: `${e}px`,
+				radius: `${t.block.cardRadius ?? 12}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-saas",
+			style: p(s.value)
+		}, [(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-saas__cell",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				borderRadius: c.value.radius,
+				animationDelay: `${n * 80}ms`
+			})
+		}, [d("div", {
+			class: "cd-saas__digit",
+			style: p({
+				fontSize: c.value.fontSize,
+				color: e.block.digitColor || "#fafafa"
+			})
+		}, [(i(), g("span", { key: t.value }, r(t.value), 1))], 4), d("div", {
+			class: "cd-saas__label",
+			style: p({
+				fontSize: `${e.block.labelFontSize}px`,
+				color: e.block.labelColor || "rgba(250,250,250,0.5)"
+			})
+		}, r(t.label), 5)], 4))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-8c504558"]]), X = { class: "cd-mech__panel" }, Z = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "MechanicalCounterStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 600)), s = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(180deg, #2a2a2a 0%, #111 100%)",
+			fontFamily: t.block.fontFamily || "'IBM Plex Mono', 'Roboto Mono', monospace",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * .85}px`,
+				height: `${e * 1.4}px`,
+				fontSize: `${e}px`
+			};
+		});
+		function u(e) {
+			let t = parseInt(e, 10);
+			return Number.isNaN(t) ? "0%" : `${-t * 10}%`;
+		}
+		return (t, a) => (i(), g("div", {
+			class: "cd-mech",
+			style: p(s.value)
+		}, [(i(!0), g(l, null, n(e.segments, (t) => (i(), g("div", {
+			key: t.key,
+			class: "cd-mech__group"
+		}, [d("div", X, [(i(!0), g(l, null, n(t.value, (e, o) => (i(), g("div", {
+			key: o,
+			class: "cd-mech__wheel",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				fontSize: c.value.fontSize
+			})
+		}, [
+			a[0] ||= d("div", { class: "cd-mech__shadow cd-mech__shadow--top" }, null, -1),
+			a[1] ||= d("div", { class: "cd-mech__shadow cd-mech__shadow--bot" }, null, -1),
+			d("div", {
+				class: "cd-mech__strip",
+				style: p({ transform: `translateY(${u(t.value[o])})` })
+			}, [(i(), g(l, null, n(10, (e) => d("span", { key: e }, r(e - 1), 1)), 64))], 4)
+		], 4))), 128))]), d("div", {
+			class: "cd-mech__label",
+			style: p({
+				fontSize: `${e.block.labelFontSize}px`,
+				color: e.block.labelColor || "rgba(255, 255, 255, 0.55)"
+			})
+		}, r(t.label), 5)]))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-cc93b20c"]]), re = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "GradientBlobStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 500)), s = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(135deg, #fce7f3 0%, #ddd6fe 50%, #cffafe 100%)",
+			fontFamily: t.block.fontFamily || "'Plus Jakarta Sans', sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.4}px`,
+				fontSize: `${e}px`,
+				radius: `${t.block.cardRadius ?? 28}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-blob",
+			style: p(s.value)
+		}, [
+			a[0] ||= d("div", { class: "cd-blob__bg cd-blob__bg--a" }, null, -1),
+			a[1] ||= d("div", { class: "cd-blob__bg cd-blob__bg--b" }, null, -1),
+			a[2] ||= d("div", { class: "cd-blob__bg cd-blob__bg--c" }, null, -1),
+			(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+				key: t.key,
+				class: "cd-blob__cell",
+				style: p({
+					width: c.value.width,
+					height: c.value.height,
+					borderRadius: c.value.radius,
+					animationDelay: `${n * 700}ms`
+				})
+			}, [(i(), g("span", {
+				class: "cd-blob__digit",
+				key: t.value,
+				style: p({
+					fontSize: c.value.fontSize,
+					color: e.block.digitColor || "#1f2937"
+				})
+			}, r(t.value), 5)), d("span", {
+				class: "cd-blob__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "#6b7280"
+				})
+			}, r(t.label), 5)], 4))), 128))
+		], 4));
+	}
+}), [["__scopeId", "data-v-cec72f2d"]]), ie = { class: "cd-cli__body" }, ae = { class: "cd-cli__unit" }, oe = {
+	class: "cd-cli__hidden",
+	"aria-hidden": "true"
+}, se = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "TerminalCliStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 600)), s = m(() => ({
+			background: t.block.backgroundColor || "#0c0c0c",
+			fontFamily: t.block.fontFamily || "'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace",
+			padding: `${a.value.padding}px`,
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => `${t.block.digitFontSize * .55 * a.value.digitScale}px`), u = m(() => `${t.block.digitFontSize * a.value.digitScale}px`), f = m(() => t.segments.map((e) => `${e.value}${e.label[0] ?? ""}`).join(" "));
+		return (t, a) => (i(), g("div", {
+			class: "cd-cli",
+			style: p(s.value)
+		}, [d("div", {
+			class: "cd-cli__chrome",
+			style: p({ fontSize: c.value })
+		}, [...a[0] ||= [
+			d("span", { class: "cd-cli__dot cd-cli__dot--r" }, null, -1),
+			d("span", { class: "cd-cli__dot cd-cli__dot--y" }, null, -1),
+			d("span", { class: "cd-cli__dot cd-cli__dot--g" }, null, -1),
+			d("span", { class: "cd-cli__title" }, "~/countdown — bash", -1)
+		]], 4), d("div", ie, [
+			d("div", {
+				class: "cd-cli__line",
+				style: p({ fontSize: c.value })
+			}, [...a[1] ||= [_("<span class=\"cd-cli__user\" data-v-ed661810>user@launch</span><span class=\"cd-cli__sep\" data-v-ed661810>:</span><span class=\"cd-cli__path\" data-v-ed661810>~</span><span class=\"cd-cli__sep\" data-v-ed661810>$</span><span class=\"cd-cli__cmd\" data-v-ed661810>countdown --remaining</span>", 5)]], 4),
+			d("div", {
+				class: "cd-cli__output",
+				style: p({ fontSize: u.value })
+			}, [(i(!0), g(l, null, n(e.segments, (e, t) => (i(), g("span", {
+				key: e.key,
+				class: "cd-cli__seg",
+				style: p({ animationDelay: `${t * 60}ms` })
+			}, [(i(), g("span", {
+				key: e.value,
+				class: "cd-cli__num"
+			}, r(e.value), 1)), d("span", ae, r((e.label[0] || "").toLowerCase()), 1)], 4))), 128))], 4),
+			d("div", {
+				class: "cd-cli__line",
+				style: p({ fontSize: c.value })
+			}, [...a[2] ||= [_("<span class=\"cd-cli__user\" data-v-ed661810>user@launch</span><span class=\"cd-cli__sep\" data-v-ed661810>:</span><span class=\"cd-cli__path\" data-v-ed661810>~</span><span class=\"cd-cli__sep\" data-v-ed661810>$</span><span class=\"cd-cli__caret\" data-v-ed661810>▌</span>", 5)]], 4),
+			d("span", oe, r(f.value), 1)
+		])], 4));
+	}
+}), [["__scopeId", "data-v-ed661810"]]), ce = {
+	class: "cd-galaxy__stars",
+	"aria-hidden": "true"
+}, le = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "SpaceGalaxyStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 700)), s = m(() => ({
+			background: t.block.backgroundColor || "radial-gradient(ellipse at center, #1e1b4b 0%, #050314 80%)",
+			fontFamily: t.block.fontFamily || "'Space Grotesk', 'Orbitron', sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.4}px`,
+				fontSize: `${e}px`,
+				radius: `${t.block.cardRadius ?? 18}px`
+			};
+		}), u = Array.from({ length: 50 }, (e, t) => t);
+		function f(e) {
+			let t = e * 73 % 100 + e % 7, n = e * 31 % 100 + e % 5, r = 1 + e * 13 % 3, i = e * .18 % 4;
+			return {
+				left: `${t}%`,
+				top: `${n}%`,
+				width: `${r}px`,
+				height: `${r}px`,
+				animationDelay: `${i}s`
+			};
+		}
+		return (t, a) => (i(), g("div", {
+			class: "cd-galaxy",
+			style: p(s.value)
+		}, [
+			a[0] ||= d("div", {
+				class: "cd-galaxy__nebula",
+				"aria-hidden": "true"
+			}, null, -1),
+			d("div", ce, [(i(!0), g(l, null, n(h(u), (e) => (i(), g("span", {
+				key: e,
+				class: "cd-galaxy__star",
+				style: p(f(e))
+			}, null, 4))), 128))]),
+			(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+				key: t.key,
+				class: "cd-galaxy__cell",
+				style: p({
+					width: c.value.width,
+					height: c.value.height,
+					borderRadius: c.value.radius,
+					animationDelay: `${n * 110}ms`
+				})
+			}, [(i(), g("span", {
+				class: "cd-galaxy__digit",
+				key: t.value,
+				style: p({
+					fontSize: c.value.fontSize,
+					color: e.block.digitColor || "#ffffff"
+				})
+			}, r(t.value), 5)), d("span", {
+				class: "cd-galaxy__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "rgba(196, 181, 253, 0.85)"
+				})
+			}, r(t.label), 5)], 4))), 128))
+		], 4));
+	}
+}), [["__scopeId", "data-v-53cd240c"]]), ue = {
+	class: "cd-anime__lines",
+	"aria-hidden": "true"
+}, de = {
+	class: "cd-anime__kanji",
+	"aria-hidden": "true"
+}, fe = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "AnimeCyberpunkStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 600)), s = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(135deg, #0f0524 0%, #1a0033 50%, #002a52 100%)",
+			fontFamily: t.block.fontFamily || "'Orbitron', 'Bebas Neue', sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.6}px`,
+				fontSize: `${e}px`,
+				radius: `${t.block.cardRadius ?? 6}px`
+			};
+		}), u = [
+			"時",
+			"刻",
+			"未",
+			"来",
+			"夢",
+			"光",
+			"影",
+			"霊"
+		];
+		function f(e) {
+			return u[e % u.length];
+		}
+		return (t, a) => (i(), g("div", {
+			class: "cd-anime",
+			style: p(s.value)
+		}, [d("div", ue, [(i(), g(l, null, n(6, (e) => d("span", {
+			key: e,
+			style: p({ animationDelay: `${e * .4}s` })
+		}, null, 4)), 64))]), (i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-anime__cell",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				borderRadius: c.value.radius,
+				animationDelay: `${n * 130}ms`
+			})
+		}, [
+			a[0] ||= d("span", { class: "cd-anime__corner cd-anime__corner--tl" }, null, -1),
+			a[1] ||= d("span", { class: "cd-anime__corner cd-anime__corner--tr" }, null, -1),
+			a[2] ||= d("span", { class: "cd-anime__corner cd-anime__corner--bl" }, null, -1),
+			a[3] ||= d("span", { class: "cd-anime__corner cd-anime__corner--br" }, null, -1),
+			d("span", de, r(f(n)), 1),
+			(i(), g("span", {
+				class: "cd-anime__digit",
+				key: t.value,
+				style: p({
+					fontSize: c.value.fontSize,
+					color: e.block.digitColor || "#ffffff"
+				})
+			}, r(t.value), 5)),
+			d("span", {
+				class: "cd-anime__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "#ec4899"
+				})
+			}, r(t.label), 5)
+		], 4))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-53d1230f"]]), pe = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "LuxuryWeddingStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 700)), s = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(135deg, #fdf6ec 0%, #f9e3d2 100%)",
+			fontFamily: t.block.fontFamily || "'Cormorant Garamond', 'Playfair Display', serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.6}px`,
+				height: `${e * 2.6}px`,
+				fontSize: `${e * 1.1}px`,
+				radius: `${t.block.cardRadius ?? 999}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-wedding",
+			style: p(s.value)
+		}, [a[1] ||= _("<svg class=\"cd-wedding__floral cd-wedding__floral--l\" viewBox=\"0 0 80 200\" aria-hidden=\"true\" data-v-52d00531><path d=\"M40 5 C 60 40, 30 60, 50 90 S 30 140, 40 195\" fill=\"none\" stroke=\"#b08d57\" stroke-width=\"0.8\" data-v-52d00531></path><circle cx=\"58\" cy=\"40\" r=\"6\" fill=\"#fef3c7\" stroke=\"#b08d57\" stroke-width=\"0.6\" data-v-52d00531></circle><circle cx=\"32\" cy=\"80\" r=\"5\" fill=\"#fcd5ce\" stroke=\"#b08d57\" stroke-width=\"0.6\" data-v-52d00531></circle><circle cx=\"48\" cy=\"130\" r=\"6\" fill=\"#fef3c7\" stroke=\"#b08d57\" stroke-width=\"0.6\" data-v-52d00531></circle><circle cx=\"34\" cy=\"170\" r=\"5\" fill=\"#f1c0e8\" stroke=\"#b08d57\" stroke-width=\"0.6\" data-v-52d00531></circle></svg><svg class=\"cd-wedding__floral cd-wedding__floral--r\" viewBox=\"0 0 80 200\" aria-hidden=\"true\" data-v-52d00531><path d=\"M40 5 C 20 40, 50 60, 30 90 S 50 140, 40 195\" fill=\"none\" stroke=\"#b08d57\" stroke-width=\"0.8\" data-v-52d00531></path><circle cx=\"22\" cy=\"40\" r=\"6\" fill=\"#fef3c7\" stroke=\"#b08d57\" stroke-width=\"0.6\" data-v-52d00531></circle><circle cx=\"48\" cy=\"80\" r=\"5\" fill=\"#fcd5ce\" stroke=\"#b08d57\" stroke-width=\"0.6\" data-v-52d00531></circle><circle cx=\"32\" cy=\"130\" r=\"6\" fill=\"#fef3c7\" stroke=\"#b08d57\" stroke-width=\"0.6\" data-v-52d00531></circle><circle cx=\"46\" cy=\"170\" r=\"5\" fill=\"#f1c0e8\" stroke=\"#b08d57\" stroke-width=\"0.6\" data-v-52d00531></circle></svg>", 2), (i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-wedding__cell",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				borderRadius: c.value.radius,
+				animationDelay: `${n * 130}ms`
+			})
+		}, [
+			(i(), g("span", {
+				class: "cd-wedding__digit",
+				key: t.value,
+				style: p({
+					fontSize: c.value.fontSize,
+					color: e.block.digitColor || "#704214"
+				})
+			}, r(t.value), 5)),
+			a[0] ||= d("span", {
+				class: "cd-wedding__rule",
+				"aria-hidden": "true"
+			}, null, -1),
+			d("span", {
+				class: "cd-wedding__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "#a07b3c"
+				})
+			}, r(t.label), 5)
+		], 4))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-52d00531"]]), me = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "KidsCartoonStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 600)), s = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(135deg, #fff7c2 0%, #ffd6e0 100%)",
+			fontFamily: t.block.fontFamily || "'Fredoka', 'Baloo 2', 'Comic Sans MS', cursive, sans-serif",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.4}px`,
+				fontSize: `${e * 1.1}px`,
+				radius: `${t.block.cardRadius ?? 28}px`
+			};
+		}), u = [
+			"#fb7185",
+			"#fbbf24",
+			"#34d399",
+			"#60a5fa",
+			"#a78bfa",
+			"#f472b6"
+		];
+		function f(e) {
+			return u[e % u.length];
+		}
+		return (t, a) => (i(), g("div", {
+			class: "cd-kids",
+			style: p(s.value)
+		}, [(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-kids__cell",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				borderRadius: c.value.radius,
+				background: f(n),
+				animationDelay: `${n * 220}ms`
+			})
+		}, [(i(), g("span", {
+			class: "cd-kids__digit",
+			key: t.value,
+			style: p({
+				fontSize: c.value.fontSize,
+				color: e.block.digitColor || "#ffffff"
+			})
+		}, r(t.value), 5)), d("span", {
+			class: "cd-kids__label",
+			style: p({
+				fontSize: `${e.block.labelFontSize}px`,
+				color: e.block.labelColor || "rgba(255,255,255,0.95)"
+			})
+		}, r(t.label), 5)], 4))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-3e9a85b5"]]), Q = { class: "cd-ind__panel" }, he = /* @__PURE__ */ b(/* @__PURE__ */ t({
+	__name: "IndustrialTechStyle",
+	props: {
+		block: {},
+		viewport: {},
+		segments: {},
+		separator: {}
+	},
+	setup(e) {
+		let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 500)), s = m(() => ({
+			background: t.block.backgroundColor || "linear-gradient(180deg, #1f2226 0%, #0e1013 100%)",
+			fontFamily: t.block.fontFamily || "'Bebas Neue', 'IBM Plex Mono', monospace",
+			padding: `${a.value.padding}px`,
+			gap: `${a.value.gap}px`,
+			flexDirection: a.value.stack ? "column" : "row",
+			minHeight: a.value.fullscreen ? "60vh" : void 0,
+			"--cd-tick": `${o.value}ms`
+		})), c = m(() => {
+			let e = t.block.digitFontSize * a.value.digitScale;
+			return {
+				width: `${e * 2.4}px`,
+				height: `${e * 2.4}px`,
+				fontSize: `${e}px`
+			};
+		});
+		return (t, a) => (i(), g("div", {
+			class: "cd-ind",
+			style: p(s.value)
+		}, [a[4] ||= d("div", {
+			class: "cd-ind__stripes",
+			"aria-hidden": "true"
+		}, null, -1), (i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+			key: t.key,
+			class: "cd-ind__cell",
+			style: p({
+				width: c.value.width,
+				height: c.value.height,
+				animationDelay: `${n * 90}ms`
+			})
+		}, [
+			a[0] ||= d("div", { class: "cd-ind__rivet cd-ind__rivet--tl" }, null, -1),
+			a[1] ||= d("div", { class: "cd-ind__rivet cd-ind__rivet--tr" }, null, -1),
+			a[2] ||= d("div", { class: "cd-ind__rivet cd-ind__rivet--bl" }, null, -1),
+			a[3] ||= d("div", { class: "cd-ind__rivet cd-ind__rivet--br" }, null, -1),
+			d("div", Q, [(i(), g("span", {
+				class: "cd-ind__digit",
+				key: t.value,
+				style: p({
+					fontSize: c.value.fontSize,
+					color: e.block.digitColor || "#fbbf24"
+				})
+			}, r(t.value), 5))]),
+			d("div", {
+				class: "cd-ind__label",
+				style: p({
+					fontSize: `${e.block.labelFontSize}px`,
+					color: e.block.labelColor || "rgba(255,255,255,0.7)"
+				})
+			}, r(t.label), 5)
+		], 4))), 128))], 4));
+	}
+}), [["__scopeId", "data-v-5803219b"]]), ge = {
+	class: "cd-ai__data",
+	"aria-hidden": "true"
+}, _e = { class: "cd-ai__inner" }, ve = [
+	{
+		id: "minimal",
+		label: "Minimal Modern",
+		component: S
+	},
+	{
+		id: "matrix",
+		label: "Matrix Cyberpunk",
+		component: O
+	},
+	{
+		id: "flip",
+		label: "Flip Clock",
+		component: L
+	},
+	{
+		id: "glassmorphism",
+		label: "Glassmorphism",
+		component: R
+	},
+	{
+		id: "neonGaming",
+		label: "Neon Gaming",
+		component: B
+	},
+	{
+		id: "retroLed",
+		label: "Retro LED",
+		component: U
+	},
+	{
+		id: "scifiHologram",
+		label: "Sci-Fi Hologram",
+		component: W
+	},
+	{
+		id: "luxuryGold",
+		label: "Luxury Gold",
+		component: G
+	},
+	{
+		id: "floating3d",
+		label: "3D Floating",
+		component: q
+	},
+	{
+		id: "liquidMorph",
+		label: "Liquid Morph",
+		component: ne
+	},
+	{
+		id: "minimalDarkSaas",
+		label: "Minimal Dark SaaS",
+		component: Y
+	},
+	{
+		id: "mechanicalCounter",
+		label: "Mechanical Counter",
+		component: Z
+	},
+	{
+		id: "gradientBlob",
+		label: "Gradient Blob",
+		component: re
+	},
+	{
+		id: "terminalCli",
+		label: "Terminal CLI",
+		component: se
+	},
+	{
+		id: "spaceGalaxy",
+		label: "Space Galaxy",
+		component: le
+	},
+	{
+		id: "animeCyberpunk",
+		label: "Anime Cyberpunk",
+		component: fe
+	},
+	{
+		id: "luxuryWedding",
+		label: "Luxury Wedding",
+		component: pe
+	},
+	{
+		id: "kidsCartoon",
+		label: "Kids Cartoon",
+		component: me
+	},
+	{
+		id: "industrialTech",
+		label: "Industrial Tech",
+		component: he
+	},
+	{
+		id: "aiFuturistic",
+		label: "AI Futuristic",
+		component: /* @__PURE__ */ b(/* @__PURE__ */ t({
+			__name: "AiFuturisticStyle",
+			props: {
+				block: {},
+				viewport: {},
+				segments: {},
+				separator: {}
+			},
+			setup(e) {
+				let t = e, a = m(() => C(t.block, t.viewport)), o = m(() => w(t.block.animationSpeed, 500)), s = m(() => t.block.accentColor || "#a78bfa"), c = m(() => ({
+					background: t.block.backgroundColor || "radial-gradient(ellipse at 30% 30%, #0d0a2c 0%, #02010c 80%)",
+					fontFamily: t.block.fontFamily || "'Space Grotesk', 'Inter', sans-serif",
+					padding: `${a.value.padding}px`,
+					gap: `${a.value.gap}px`,
+					flexDirection: a.value.stack ? "column" : "row",
+					minHeight: a.value.fullscreen ? "60vh" : void 0,
+					"--cd-accent": s.value,
+					"--cd-glow": T(s.value, .5),
+					"--cd-tick": `${o.value}ms`
+				})), u = m(() => {
+					let e = t.block.digitFontSize * a.value.digitScale;
+					return {
+						width: `${e * 2.5}px`,
+						height: `${e * 2.5}px`,
+						fontSize: `${e}px`,
+						radius: `${t.block.cardRadius ?? 16}px`
+					};
+				}), f = Array.from({ length: 6 }, (e, t) => t);
+				return (t, a) => (i(), g("div", {
+					class: "cd-ai",
+					style: p(c.value)
+				}, [
+					a[1] ||= _("<svg class=\"cd-ai__neural\" viewBox=\"0 0 400 200\" aria-hidden=\"true\" data-v-7a85152b><g stroke=\"var(--cd-accent)\" stroke-width=\"0.5\" opacity=\"0.55\" fill=\"none\" data-v-7a85152b><line x1=\"40\" y1=\"40\" x2=\"200\" y2=\"100\" data-v-7a85152b></line><line x1=\"40\" y1=\"100\" x2=\"200\" y2=\"40\" data-v-7a85152b></line><line x1=\"40\" y1=\"160\" x2=\"200\" y2=\"100\" data-v-7a85152b></line><line x1=\"200\" y1=\"40\" x2=\"360\" y2=\"100\" data-v-7a85152b></line><line x1=\"200\" y1=\"100\" x2=\"360\" y2=\"40\" data-v-7a85152b></line><line x1=\"200\" y1=\"100\" x2=\"360\" y2=\"160\" data-v-7a85152b></line></g><g fill=\"var(--cd-accent)\" data-v-7a85152b><circle cx=\"40\" cy=\"40\" r=\"3\" data-v-7a85152b></circle><circle cx=\"40\" cy=\"100\" r=\"3\" data-v-7a85152b></circle><circle cx=\"40\" cy=\"160\" r=\"3\" data-v-7a85152b></circle><circle cx=\"200\" cy=\"40\" r=\"3\" data-v-7a85152b></circle><circle cx=\"200\" cy=\"100\" r=\"3\" data-v-7a85152b></circle><circle cx=\"360\" cy=\"40\" r=\"3\" data-v-7a85152b></circle><circle cx=\"360\" cy=\"100\" r=\"3\" data-v-7a85152b></circle><circle cx=\"360\" cy=\"160\" r=\"3\" data-v-7a85152b></circle></g></svg>", 1),
+					d("div", ge, [(i(!0), g(l, null, n(h(f), (e) => (i(), g("span", {
+						key: e,
+						style: p({ animationDelay: `${e * .5}s` })
+					}, null, 4))), 128))]),
+					(i(!0), g(l, null, n(e.segments, (t, n) => (i(), g("div", {
+						key: t.key,
+						class: "cd-ai__cell",
+						style: p({
+							width: u.value.width,
+							height: u.value.height,
+							borderRadius: u.value.radius,
+							animationDelay: `${n * 110}ms`
+						})
+					}, [a[0] ||= d("span", { class: "cd-ai__halo" }, null, -1), d("span", _e, [(i(), g("span", {
+						class: "cd-ai__digit",
+						key: t.value,
+						style: p({
+							fontSize: u.value.fontSize,
+							color: e.block.digitColor || "#ffffff"
+						})
+					}, r(t.value), 5)), d("span", {
+						class: "cd-ai__label",
+						style: p({
+							fontSize: `${e.block.labelFontSize}px`,
+							color: e.block.labelColor || h(T)(s.value, .85)
+						})
+					}, r(t.label), 5)])], 4))), 128))
+				], 4));
+			}
+		}), [["__scopeId", "data-v-7a85152b"]])
+	}
+].reduce((e, t) => (e[t.id] = t.component, e), {});
+function ye(e) {
+	return ve[e ?? "minimal"] ?? S;
+}
+//#endregion
+//#region src/components/blocks/CountdownBlock.vue?vue&type=script&setup=true&lang.ts
+var be = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-8 tpl:text-sm tpl:text-[var(--tpl-text-dim)]"
+}, xe = {
+	key: 1,
+	class: "tpl:flex tpl:items-center tpl:justify-center tpl:py-4 tpl:text-xs tpl:text-[var(--tpl-text-dim)] tpl:opacity-50"
+}, Se = "minimal", Ce = /* @__PURE__ */ t({
+	__name: "CountdownBlock",
+	props: {
+		block: {},
+		viewport: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = y(), o = ee(f(t, "block")), s = m(() => ye("minimal")), c = m(() => t.block.separator);
+		return (t, l) => e.block.targetDate ? h(o).isExpired.value && e.block.hideOnExpiry ? (i(), g("div", xe, r(h(n).countdown.hidden), 1)) : h(o).isExpired.value ? (i(), g("div", {
+			key: 2,
+			style: p({
+				backgroundColor: e.block.backgroundColor,
+				fontFamily: e.block.fontFamily || "inherit"
+			}),
+			class: "tpl:py-4 tpl:text-center"
+		}, [d("span", { style: p({
+			fontSize: `${e.block.digitFontSize}px`,
+			color: e.block.digitColor
+		}) }, r(e.block.expiredMessage), 5)], 4)) : (i(), u(a(s.value), {
+			key: 3,
+			block: e.block,
+			viewport: e.viewport,
+			segments: h(o).segments.value,
+			separator: c.value,
+			"data-cd-theme": Se
+		}, null, 8, [
+			"block",
+			"viewport",
+			"segments",
+			"separator"
+		])) : (i(), g("div", be, r(h(n).countdown.setDate), 1));
+	}
+}), we = /* @__PURE__ */ e({ default: () => $ }), $ = Ce;
+//#endregion
+export { we as n, $ as t };