@hefou/dux 0.0.0-stage → 1.0.0

package/dist/esm/components/docs/Sidebar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,88 @@
+import { useLocale as e } from "../../composables/useLocale.js";
+import { useLink as t } from "../../composables/useLink.js";
+import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, watch as m } from "vue";
+import { useData as h, useRoute as g } from "vitepress";
+// components/docs/Sidebar.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "flex items-center py-3 md:hidden" }, v = { class: "relative overflow-hidden h-full py-6 px-4 md:pr-6 lg:py-8" }, y = { class: "flex items-center justify-between mb-4 md:hidden" }, b = { class: "text-lg font-semibold" }, x = { class: "w-full" }, S = { class: "pb-4 hidden md:block" }, C = { class: "mb-1 rounded-md px-2 py-1 text-base font-semibold" }, w = { class: "overflow-y-auto max-h-[calc(100vh-12rem)] md:max-h-[calc(100vh-8rem)]" }, T = { class: "sidebar-nav" }, E = {
+	key: 0,
+	class: "sidebar-group mb-4"
+}, D = { class: "sidebar-group-title text-sm font-semibold text-gray-900 dark:text-gray-100 mb-2 px-2 py-1" }, O = {
+	key: 0,
+	class: "sidebar-group-items space-y-1"
+}, k = ["href"], A = {
+	key: 1,
+	class: "ml-2"
+}, j = { class: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1 px-2 py-1" }, M = { class: "space-y-1" }, N = ["href"], P = {
+	key: 1,
+	class: "mb-1"
+}, F = ["href"], I = /*@__PURE__*/ o({
+	__name: "Sidebar",
+	setup(o) {
+		let { page: I, theme: L } = h(), R = g(), { resolveLink: z } = t(), B = e("sidebar"), V = u([]), H = u(!1), U = () => {
+			let e = L.value.sidebar;
+			if (!e) V.value = [], H.value = !1;
+			else if (typeof e == "object" && !Array.isArray(e)) {
+				let t = I.value.relativePath;
+				for (let [n, r] of Object.entries(e)) if (t.startsWith(n.replace(/^\//, ""))) {
+					V.value = Array.isArray(r) ? r : [], H.value = V.value.length > 0;
+					return;
+				}
+				V.value = [], H.value = !1;
+			} else V.value = Array.isArray(e) ? e : [], H.value = V.value.length > 0;
+		}, W = u(!1), G = (e) => {
+			if (!e) return !1;
+			let t = e.replace(/^\//, "").replace(/\/$/, ""), n = I.value.relativePath.replace(/^\//, "").replace(/\.md$/, "").replace(/\/index$/, "");
+			if (t === "" || t.endsWith("/")) {
+				let e = t.replace(/\/$/, "");
+				return n === e || n === e + "/index";
+			}
+			return n === t;
+		}, K = () => {
+			W.value = !0, document.body.style.overflow = "hidden";
+		}, q = () => {
+			W.value = !1, document.body.style.overflow = "";
+		}, J = () => {
+			window.innerWidth < 768 && q();
+		};
+		return m(() => R.path, () => {
+			U();
+		}), c(() => {
+			U();
+			let e = () => {
+				window.innerWidth >= 768 && q();
+			};
+			return window.addEventListener("resize", e), () => {
+				window.removeEventListener("resize", e);
+			};
+		}), (e, t) => (l(), i(n, null, [a("div", _, [a("button", {
+			type: "button",
+			class: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground",
+			onClick: K
+		}, [t[0] ||= a("div", { class: "icon-[heroicons--bars-3] h-4 w-4" }, null, -1), a("span", null, f(p(B).toggleButtonText), 1)])]), H.value ? (l(), i("aside", {
+			key: 0,
+			class: s(["fixed top-16 left-0 z-40 w-full h-[calc(100vh-4rem)] transform transition-transform md:translate-x-0 md:top-14 md:z-30 md:w-auto md:h-[calc(100vh-3.5rem)] md:bg-transparent shrink-0 md:sticky md:block", W.value ? "translate-x-0" : "-translate-x-full"])
+		}, [W.value ? (l(), i("div", {
+			key: 0,
+			class: "fixed inset-0 bg-black/50 -z-10 md:hidden",
+			onClick: q
+		})) : r("", !0), a("div", v, [a("div", y, [a("h4", b, f(p(B).mobileTitle), 1), a("button", {
+			type: "button",
+			class: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md",
+			onClick: q
+		}, [...t[1] ||= [a("div", { class: "icon-[heroicons--x-mark] h-5 w-5" }, null, -1)]])]), a("div", x, [a("div", S, [a("h4", C, f(p(B).docNavTitle), 1)]), a("div", w, [a("nav", T, [(l(!0), i(n, null, d(V.value, (e) => (l(), i(n, { key: e.text }, [e.text && !e.link ? (l(), i("div", E, [a("h3", D, f(e.text), 1), e.items ? (l(), i("ul", O, [(l(!0), i(n, null, d(e.items, (e) => (l(), i("li", { key: e.link || e.text }, [e.link ? (l(), i("a", {
+			key: 0,
+			href: p(z)(e.link),
+			class: s(["block px-3 py-2 text-sm rounded-md transition-colors duration-200", G(e.link) ? "bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-300 font-medium border-l-2 border-primary-500" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-800"]),
+			onClick: J
+		}, f(e.text), 11, k)) : e.items ? (l(), i("div", A, [a("h4", j, f(e.text), 1), a("ul", M, [(l(!0), i(n, null, d(e.items, (e) => (l(), i("li", { key: e.link }, [a("a", {
+			href: p(z)(e.link),
+			class: s(["block px-3 py-2 text-sm rounded-md transition-colors duration-200 ml-2", G(e.link) ? "bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-300 font-medium border-l-2 border-primary-500" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-800"]),
+			onClick: J
+		}, f(e.text), 11, N)]))), 128))])])) : r("", !0)]))), 128))])) : r("", !0)])) : e.link ? (l(), i("div", P, [a("a", {
+			href: p(z)(e.link),
+			class: s(["block px-3 py-2 text-sm rounded-md transition-colors duration-200", G(e.link) ? "bg-primary-100 dark:bg-primary-900 text-primary-700 dark:text-primary-300 font-medium border-l-2 border-primary-500" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-800"]),
+			onClick: J
+		}, f(e.text), 11, F)])) : r("", !0)], 64))), 128))])])])])], 2)) : r("", !0)], 64));
+	}
+});
+export { I as default };

package/dist/esm/components/home/Features.js

@@ -0,0 +1,4 @@
+import e from "./Features.vue_vue_type_script_setup_true_lang.js";
+// components/home/Features.vue
+var t = e;
+export { t as default };

package/dist/esm/components/home/Features.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,115 @@
+import { useIcon as e } from "../../composables/useIcon.js";
+import { useLink as t } from "../../composables/useLink.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, toDisplayString as p } from "vue";
+// components/home/Features.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	key: 0,
+	class: "section-padding bg-white dark:bg-gray-900 overflow-hidden"
+}, h = { class: "container-section" }, g = {
+	key: 0,
+	class: "text-center max-w-3xl mx-auto mb-20"
+}, _ = {
+	key: 0,
+	class: "badge-primary mb-6"
+}, v = { class: "text-sm font-medium text-primary-700 dark:text-primary-300" }, y = {
+	key: 1,
+	class: "text-section-title mb-6"
+}, b = {
+	key: 0,
+	class: "text-primary-linear"
+}, x = {
+	key: 2,
+	class: "text-xl text-muted"
+}, S = { class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto mb-20" }, C = [
+	"href",
+	"target",
+	"rel"
+], w = { class: "relative p-8" }, T = { class: "flex items-center mb-6" }, E = ["innerHTML"], D = { class: "text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4 group-hover:text-primary-600 dark:group-hover:text-primary-400 transition-colors duration-300" }, O = { class: "text-gray-600 dark:text-gray-400 leading-relaxed" }, k = { class: "relative p-8" }, A = { class: "flex items-center mb-6" }, j = ["innerHTML"], M = { class: "text-xl font-semibold text-gray-900 dark:text-gray-100 mb-4 group-hover:text-primary-600 dark:group-hover:text-primary-400 transition-colors duration-300" }, N = { class: "text-gray-600 dark:text-gray-400 leading-relaxed" }, P = {
+	key: 0,
+	class: "container-section"
+}, F = { class: "relative overflow-hidden rounded-3xl bg-linear-to-r from-primary-500 via-primary-600 to-primary-500 dark:from-primary-600 dark:via-primary-700 dark:to-primary-600 p-12 text-center shadow-2xl" }, I = { class: "relative" }, L = {
+	key: 0,
+	class: "text-3xl md:text-4xl font-bold text-white mb-6"
+}, R = {
+	key: 1,
+	class: "text-xl text-primary-100 dark:text-primary-200 mb-8 max-w-3xl mx-auto leading-relaxed"
+}, z = {
+	key: 2,
+	class: "flex flex-wrap justify-center gap-3"
+}, B = /*@__PURE__*/ c({
+	__name: "Features",
+	props: {
+		features: {},
+		config: {}
+	},
+	setup(c) {
+		let B = c, { getIconClass: V } = e(), { resolveLink: H } = t(), U = {
+			blue: "from-blue-500 to-blue-600",
+			green: "from-green-500 to-green-600",
+			purple: "from-purple-500 to-purple-600",
+			orange: "from-orange-500 to-orange-600",
+			red: "from-red-500 to-red-600",
+			pink: "from-pink-500 to-pink-600",
+			indigo: "from-indigo-500 to-indigo-600",
+			teal: "from-teal-500 to-teal-600",
+			cyan: "from-cyan-500 to-cyan-600",
+			amber: "from-amber-500 to-amber-600"
+		}, W = (e) => U[e] || U.blue, G = r(() => B.features.map((e) => ({
+			...e,
+			icon: e.icon || "star",
+			color: e.color || "blue",
+			iconClass: typeof e.icon == "string" ? V(e.icon) : e.icon,
+			link: e.link ? H(e.link) : void 0
+		})));
+		return (e, t) => G.value.length ? (d(), a("section", m, [
+			t[2] ||= o("div", { class: "absolute inset-0" }, [o("div", { class: "absolute top-0 left-1/4 w-72 h-72 bg-primary-100/20 dark:bg-primary-800/20 rounded-full blur-3xl opacity-60" }), o("div", { class: "absolute bottom-0 right-1/4 w-96 h-96 bg-primary-200/15 dark:bg-primary-700/15 rounded-full blur-3xl opacity-40" })], -1),
+			o("div", h, [c.config ? (d(), a("div", g, [
+				c.config.badge ? (d(), a("div", _, [t[0] ||= o("div", { class: "icon-[heroicons--star] w-4 h-4 text-primary-600 dark:text-primary-400 mr-2" }, null, -1), o("span", v, p(c.config.badge), 1)])) : i("", !0),
+				c.config.title || c.config.subtitle ? (d(), a("h2", y, [s(p(c.config.title) + " ", 1), c.config.subtitle ? (d(), a("span", b, p(c.config.subtitle), 1)) : i("", !0)])) : i("", !0),
+				c.config.description ? (d(), a("p", x, p(c.config.description), 1)) : i("", !0)
+			])) : i("", !0), o("div", S, [(d(!0), a(n, null, f(G.value, (e, r) => (d(), a(n, { key: e.title }, [e.link ? (d(), a("a", {
+				key: 0,
+				href: e.link,
+				target: e.target || "_self",
+				rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
+				class: "group relative overflow-hidden rounded-3xl bg-white dark:bg-gray-800 border border-gray-100 dark:border-gray-700 shadow-xl hover:shadow-2xl transition-all duration-500 hover:-translate-y-3 scale-in cursor-pointer",
+				style: u(`animation-delay: ${r * .1}s;`)
+			}, [o("div", w, [
+				o("div", T, [o("div", { class: l(`flex items-center justify-center w-14 h-14 rounded-xl bg-linear-to-br ${W(e.color)} shadow-sm group-hover:scale-105 transition-all duration-300`) }, [e.iconClass.startsWith("icon-[") ? (d(), a("div", {
+					key: 1,
+					class: l(`${e.iconClass} w-7 h-7 text-white`)
+				}, null, 2)) : (d(), a("div", {
+					key: 0,
+					innerHTML: e.iconClass,
+					class: "w-7 h-7 text-white text-2xl flex items-center justify-center"
+				}, null, 8, E))], 2)]),
+				o("h3", D, p(e.title), 1),
+				o("p", O, p(e.details), 1)
+			]), t[1] ||= o("div", { class: "absolute top-4 right-4 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }, [o("div", { class: "w-8 h-8 rounded-full bg-primary-500/20 flex items-center justify-center" }, [o("div", { class: "icon-[heroicons--arrow-right] w-4 h-4 text-primary-600 dark:text-primary-400" })])], -1)], 12, C)) : (d(), a("div", {
+				key: 1,
+				class: "group relative overflow-hidden rounded-3xl bg-white dark:bg-gray-800 border border-gray-100 dark:border-gray-700 shadow-xl hover:shadow-2xl transition-all duration-500 hover:-translate-y-3 scale-in",
+				style: u(`animation-delay: ${r * .1}s;`)
+			}, [o("div", k, [
+				o("div", A, [o("div", { class: l(`flex items-center justify-center w-14 h-14 rounded-xl bg-linear-to-br ${W(e.color)} shadow-sm group-hover:scale-105 transition-all duration-300`) }, [e.iconClass.startsWith("icon-[") ? (d(), a("div", {
+					key: 1,
+					class: l(`${e.iconClass} w-7 h-7 text-white`)
+				}, null, 2)) : (d(), a("div", {
+					key: 0,
+					innerHTML: e.iconClass,
+					class: "w-7 h-7 text-white text-2xl flex items-center justify-center"
+				}, null, 8, j))], 2)]),
+				o("h3", M, p(e.title), 1),
+				o("p", N, p(e.details), 1)
+			])], 4))], 64))), 128))])]),
+			c.config?.extraSection ? (d(), a("div", P, [o("div", F, [o("div", I, [
+				c.config?.extraSection?.title ? (d(), a("h3", L, p(c.config.extraSection.title), 1)) : i("", !0),
+				c.config?.extraSection?.description ? (d(), a("p", R, p(c.config.extraSection.description), 1)) : i("", !0),
+				c.config?.extraSection?.tags?.length || c.config?.tags?.length ? (d(), a("div", z, [(d(!0), a(n, null, f(c.config?.extraSection?.tags || c.config?.tags || [], (e) => (d(), a("span", {
+					key: e,
+					class: "inline-flex items-center px-4 py-2 rounded-full bg-white/20 backdrop-blur-sm text-white font-medium text-sm border border-white/30 hover:bg-white/30 transition-colors"
+				}, p(e), 1))), 128))])) : i("", !0)
+			])])])) : i("", !0)
+		])) : i("", !0);
+	}
+});
+export { B as default };

package/dist/esm/components/home/Hero.js

@@ -0,0 +1,4 @@
+import e from "./Hero.vue_vue_type_script_setup_true_lang.js";
+// components/home/Hero.vue
+var t = e;
+export { t as default };

package/dist/esm/components/home/Hero.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,110 @@
+import { useLink as e } from "../../composables/useLink.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createStaticVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+// components/home/Hero.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	class: "relative min-h-screen flex items-center justify-center overflow-hidden bg-linear-to-br from-white via-primary-50/30 to-primary-100/50 dark:bg-linear-to-br dark:from-gray-900 dark:via-gray-800/50 dark:to-primary-950/30"
+}, y = { class: "container-section py-20 text-center z-1" }, b = {
+	key: 0,
+	class: "fade-in mb-8"
+}, x = { class: "badge-primary" }, S = { class: "text-sm font-medium text-primary-700 dark:text-primary-300" }, C = { class: "fade-in space-y-4 mb-8" }, w = { class: "text-hero-title" }, T = { class: "block text-primary-linear mb-2" }, E = {
+	key: 0,
+	class: "max-w-3xl mx-auto font-medium text-2xl text-muted"
+}, D = {
+	key: 1,
+	class: "max-w-3xl mx-auto text-xl text-muted opacity-50"
+}, O = {
+	key: 1,
+	class: "scale-in flex flex-col sm:flex-row items-center justify-center gap-4 mb-16"
+}, k = [
+	"href",
+	"target",
+	"rel"
+], A = {
+	key: 2,
+	class: "scale-in mb-16"
+}, j = { class: "flex flex-wrap items-start justify-center gap-8" }, M = ["src", "alt"], N = { class: "mt-3 text-base font-semibold text-gray-900 dark:text-white" }, P = {
+	key: 3,
+	class: "scale-in max-w-5xl mx-auto"
+}, F = { class: "relative group" }, ee = { class: "relative bg-white dark:bg-gray-800 rounded-xl shadow-2xl overflow-hidden" }, I = { class: "flex items-center justify-between px-4 py-3 bg-gray-100 dark:bg-gray-700 border-b border-gray-200 dark:border-gray-600" }, L = { class: "flex-1 max-w-md mx-4" }, R = { class: "bg-white dark:bg-gray-600 rounded-md px-3 py-1 text-sm text-gray-600 dark:text-gray-300 text-center" }, z = { class: "aspect-16/8" }, B = ["src", "alt"], V = {
+	key: 1,
+	class: "w-full h-full bg-linear-to-br from-gray-50 to-white dark:from-gray-900 dark:to-gray-800 p-8 flex flex-col"
+}, H = /*@__PURE__*/ l({
+	__name: "Hero",
+	props: { hero: {} },
+	setup(l) {
+		let H = l, { resolveLink: U, resolveAsset: W } = e(), G = n(() => H.hero.actions?.map((e) => ({
+			...e,
+			primary: e.theme === "brand",
+			href: U(e.link)
+		})) || []), K = n(() => H.hero.mockUrl || "vitepress.dev"), q = n(() => H.hero.qrCodes || []), J = n(() => q.value.length > 0);
+		function Y(e, t) {
+			return e == null || e === "" ? t : typeof e == "number" ? `${e}px` : e;
+		}
+		let X = n(() => Y(H.hero.qrCodeSize, "8rem")), Z = n(() => ({
+			width: X.value,
+			height: X.value
+		}));
+		function Q(e) {
+			return e ? U(e) : void 0;
+		}
+		function $(e) {
+			return e && /^https?:\/\//.test(e) ? "_blank" : "_self";
+		}
+		return (e, n) => l.hero.name || l.hero.text || l.hero.tagline ? (f(), a("section", v, [n[7] ||= o("div", { class: "absolute inset-0 overflow-hidden" }, [
+			o("div", { class: "absolute -top-40 -right-32 w-80 h-80 bg-primary-200/20 dark:bg-primary-800/20 rounded-full blur-3xl" }),
+			o("div", { class: "absolute -bottom-40 -left-32 w-96 h-96 bg-primary-300/15 dark:bg-primary-700/15 rounded-full blur-3xl" }),
+			o("div", { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-150 h-150 bg-linear-to-r from-primary-100/10 to-primary-200/10 dark:from-primary-900/10 dark:to-primary-800/10 rounded-full blur-3xl" })
+		], -1), o("div", y, [
+			l.hero.subtitle ? (f(), a("div", b, [o("div", x, [n[0] ||= o("div", { class: "icon-[heroicons--bolt] w-4 h-4 text-primary-600 dark:text-primary-400 mr-2" }, null, -1), o("span", S, h(l.hero.subtitle), 1)])])) : i("", !0),
+			o("div", C, [
+				o("h1", w, [o("span", T, h(l.hero.name), 1)]),
+				l.hero.text ? (f(), a("p", E, h(l.hero.text), 1)) : i("", !0),
+				l.hero.tagline ? (f(), a("p", D, h(l.hero.tagline), 1)) : i("", !0)
+			]),
+			G.value.length > 0 ? (f(), a("div", O, [(f(!0), a(t, null, p(G.value, (e) => (f(), a("a", {
+				key: e.text,
+				href: e.href,
+				target: e.target || "_self",
+				rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
+				class: u(e.primary ? "btn-primary group" : "btn-secondary group")
+			}, [e.primary ? (f(), a(t, { key: 0 }, [c(h(e.text) + " ", 1), n[1] ||= o("div", { class: "icon-[heroicons--arrow-right] ml-2 w-5 h-5 group-hover:translate-x-1 transition-transform" }, null, -1)], 64)) : (f(), a(t, { key: 1 }, [n[2] ||= o("div", { class: "icon-[heroicons--code-bracket] mr-2 w-5 h-5" }, null, -1), c(" " + h(e.text), 1)], 64))], 10, k))), 128))])) : i("", !0),
+			J.value ? (f(), a("div", A, [o("div", j, [(f(!0), a(t, null, p(q.value, (e) => (f(), r(m(e.link ? "a" : "div"), {
+				key: `${e.title}-${e.image}`,
+				href: Q(e.link),
+				target: e.link ? $(e.link) : void 0,
+				rel: e.link ? "noopener noreferrer" : void 0,
+				class: "group flex flex-col items-center text-center"
+			}, {
+				default: _(() => [o("div", {
+					style: d(Z.value),
+					class: "flex items-center justify-center overflow-hidden"
+				}, [o("img", {
+					src: g(W)(e.image),
+					alt: e.alt || e.title,
+					class: "h-full w-full object-contain"
+				}, null, 8, M)], 4), o("div", N, h(e.title), 1)]),
+				_: 2
+			}, 1032, [
+				"href",
+				"target",
+				"rel"
+			]))), 128))])])) : i("", !0),
+			!J.value && l.hero.hasOwnProperty("image") ? (f(), a("div", P, [o("div", F, [o("div", ee, [o("div", I, [
+				n[3] ||= o("div", { class: "flex items-center space-x-2" }, [
+					o("div", { class: "w-3 h-3 bg-red-500 rounded-full" }),
+					o("div", { class: "w-3 h-3 bg-yellow-500 rounded-full" }),
+					o("div", { class: "w-3 h-3 bg-green-500 rounded-full" })
+				], -1),
+				o("div", L, [o("div", R, h(K.value), 1)]),
+				n[4] ||= o("div", { class: "w-16" }, null, -1)
+			]), o("div", z, [l.hero.image && l.hero.image.src ? (f(), a("img", {
+				key: 0,
+				src: g(W)(l.hero.image.src),
+				alt: l.hero.image.alt || "",
+				class: "w-full h-full object-cover object-top-left"
+			}, null, 8, B)) : (f(), a("div", V, [...n[5] ||= [s("<div class=\"text-center mb-8\"><div class=\"h-8 bg-gray-200 dark:bg-gray-600 rounded w-64 mx-auto mb-3\"></div><div class=\"h-4 bg-gray-100 dark:bg-gray-700 rounded w-80 mx-auto\"></div></div><div class=\"flex justify-center space-x-8 mb-8\"><div class=\"h-3 bg-primary-500 rounded w-12\"></div><div class=\"h-3 bg-gray-300 dark:bg-gray-600 rounded w-16\"></div><div class=\"h-3 bg-gray-300 dark:bg-gray-600 rounded w-14\"></div><div class=\"h-3 bg-gray-300 dark:bg-gray-600 rounded w-18\"></div></div><div class=\"flex-1 grid grid-cols-3 gap-6\"><div class=\"space-y-3\"><div class=\"h-4 bg-primary-200 dark:bg-primary-800 rounded\"></div><div class=\"h-3 bg-gray-200 dark:bg-gray-600 rounded\"></div><div class=\"h-3 bg-gray-200 dark:bg-gray-600 rounded w-4/5\"></div><div class=\"h-3 bg-gray-100 dark:bg-gray-700 rounded w-3/5\"></div></div><div class=\"space-y-3\"><div class=\"h-4 bg-primary-200 dark:bg-primary-800 rounded\"></div><div class=\"h-3 bg-gray-200 dark:bg-gray-600 rounded\"></div><div class=\"h-3 bg-gray-200 dark:bg-gray-600 rounded w-5/6\"></div><div class=\"h-3 bg-gray-100 dark:bg-gray-700 rounded w-2/3\"></div></div><div class=\"space-y-3\"><div class=\"h-4 bg-primary-200 dark:bg-primary-800 rounded\"></div><div class=\"h-3 bg-gray-200 dark:bg-gray-600 rounded\"></div><div class=\"h-3 bg-gray-200 dark:bg-gray-600 rounded w-3/4\"></div><div class=\"h-3 bg-gray-100 dark:bg-gray-700 rounded w-1/2\"></div></div></div>", 3)]]))])]), n[6] ||= o("div", { class: "absolute inset-0 rounded-xl bg-linear-to-r from-primary-500/5 to-primary-400/5 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }, null, -1)])])) : i("", !0)
+		])])) : i("", !0);
+	}
+});
+export { H as default };

package/dist/esm/components/home/QuickStart.js

@@ -0,0 +1,4 @@
+import e from "./QuickStart.vue_vue_type_script_setup_true_lang.js";
+// components/home/QuickStart.vue
+var t = e;
+export { t as default };

package/dist/esm/components/home/QuickStart.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+import { useIcon as e } from "../../composables/useIcon.js";
+import { useLink as t } from "../../composables/useLink.js";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createStaticVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, toDisplayString as m, unref as h } from "vue";
+// components/home/QuickStart.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	key: 0,
+	class: "section-padding bg-gray-50 dark:bg-gray-950/25 overflow-hidden relative"
+}, _ = { class: "container-section" }, v = { class: "text-center max-w-3xl mx-auto mb-20" }, y = {
+	key: 0,
+	class: "badge-primary mb-6"
+}, b = { class: "text-sm font-medium text-primary-700 dark:text-primary-300" }, x = {
+	key: 1,
+	class: "text-section-title mb-6"
+}, S = {
+	key: 0,
+	class: "text-primary-linear"
+}, C = {
+	key: 2,
+	class: "text-xl text-muted"
+}, w = {
+	key: 0,
+	class: "max-w-6xl mx-auto"
+}, T = { class: "grid grid-cols-1 lg:grid-cols-3 gap-8 relative" }, E = { class: "relative backdrop-blur rounded-3xl shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-2 p-8 bg-white/95 dark:bg-gray-800/95 border border-gray-100 dark:border-gray-600/30 group-hover:border-primary-100/60 dark:group-hover:border-primary-600/60 h-full flex flex-col" }, D = { class: "relative flex flex-col h-full" }, O = { class: "flex items-center justify-between mb-6" }, k = ["innerHTML"], A = { class: "text-right" }, j = { class: "text-4xl font-bold text-gray-200 dark:text-gray-600 group-hover:text-primary-300 dark:group-hover:text-primary-400 transition-colors" }, M = { class: "space-y-4 flex-1 flex flex-col" }, N = { class: "text-card-title group-hover:text-primary-600 dark:group-hover:text-primary-400 transition-colors" }, P = { class: "text-muted" }, F = { class: "relative flex-1" }, I = { class: "h-full bg-gray-900 dark:bg-black rounded-xl p-4 overflow-x-auto" }, L = { class: "text-sm font-mono text-green-400 whitespace-pre-wrap" }, R = {
+	key: 0,
+	class: "mt-20 text-center"
+}, z = { class: "inline-flex items-center px-6 py-3 bg-linear-to-r from-primary-50 to-primary-100 dark:from-primary-900/50 dark:to-primary-800/50 border border-primary-200/50 dark:border-primary-700/50 rounded-2xl" }, B = { class: "text-primary-700 dark:text-primary-300 font-medium" }, V = ["href"], H = /*@__PURE__*/ l({
+	__name: "QuickStart",
+	props: { quickStart: {} },
+	setup(l) {
+		let H = l, { getIconClass: U } = e(), { resolveLink: W } = t(), G = r(() => H.quickStart?.steps || []), K = r(() => G.value.map((e) => ({
+			...e,
+			iconClass: typeof e.icon == "string" ? U(e.icon) : e.icon
+		}))), q = {
+			blue: "from-blue-500 to-blue-600",
+			green: "from-green-500 to-green-600",
+			purple: "from-purple-500 to-purple-600",
+			orange: "from-orange-500 to-orange-600",
+			red: "from-red-500 to-red-600",
+			pink: "from-pink-500 to-pink-600",
+			indigo: "from-indigo-500 to-indigo-600",
+			teal: "from-teal-500 to-teal-600",
+			cyan: "from-cyan-500 to-cyan-600",
+			amber: "from-amber-500 to-amber-600"
+		}, J = (e) => q[e] || q.blue;
+		return (e, t) => l.quickStart ? (f(), a("section", g, [t[6] ||= o("div", { class: "absolute inset-0" }, [o("div", { class: "absolute top-1/2 left-0 w-64 h-64 bg-primary-100/30 dark:bg-primary-800/20 rounded-full blur-3xl -translate-y-1/2 -translate-x-1/2" }), o("div", { class: "absolute top-1/2 right-0 w-80 h-80 bg-primary-200/20 dark:bg-primary-700/15 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2" })], -1), o("div", _, [o("div", v, [
+			l.quickStart.badge ? (f(), a("div", y, [t[0] ||= o("div", { class: "icon-[heroicons--clock] w-4 h-4 text-primary-600 dark:text-primary-400 mr-2" }, null, -1), o("span", b, m(l.quickStart.badge), 1)])) : i("", !0),
+			l.quickStart.title || l.quickStart.subtitle ? (f(), a("h2", x, [l.quickStart.subtitle ? (f(), a("span", S, m(l.quickStart.subtitle), 1)) : i("", !0), c(" " + m(l.quickStart.title && l.quickStart.title.replace(l.quickStart.subtitle || "", "").trim()), 1)])) : i("", !0),
+			l.quickStart.description ? (f(), a("p", C, m(l.quickStart.description), 1)) : i("", !0)
+		]), G.value.length ? (f(), a("div", w, [o("div", T, [t[4] ||= s("<div class=\"hidden lg:block absolute top-20 left-1/6 right-1/6 h-0.5 bg-linear-to-r from-primary-200 via-primary-300 to-primary-200 dark:from-primary-700 dark:via-primary-600 dark:to-primary-700\"></div><div class=\"absolute inset-0 opacity-60\"><div class=\"absolute top-10 left-10 w-32 h-32 bg-primary-300/40 dark:bg-primary-700/40 rounded-full blur-2xl\"></div><div class=\"absolute bottom-10 right-10 w-40 h-40 bg-primary-400/30 dark:bg-primary-600/30 rounded-full blur-2xl\"></div><div class=\"absolute top-1/2 left-1/3 w-28 h-28 bg-primary-200/50 dark:bg-primary-800/50 rounded-full blur-xl\"></div></div>", 2), (f(!0), a(n, null, p(K.value, (e, n) => (f(), a("div", {
+			key: n,
+			class: "relative group scale-in",
+			style: d(`animation-delay: ${n * .2}s;`)
+		}, [t[3] ||= o("div", { class: "hidden lg:block absolute -top-2 left-1/2 -translate-x-1/2 w-4 h-4 bg-primary-400 dark:bg-primary-500 rounded-full border-4 border-white dark:border-gray-900 shadow-lg z-10" }, null, -1), o("div", E, [t[2] ||= o("div", { class: "absolute inset-0 bg-linear-to-br from-primary-50/50 to-transparent dark:from-primary-900/20 dark:to-transparent rounded-3xl opacity-0 group-hover:opacity-100 transition-opacity duration-300" }, null, -1), o("div", D, [o("div", O, [o("div", { class: u(`flex items-center justify-center shadow-lg w-16 h-16 rounded-2xl bg-linear-to-br ${J(e.color)} group-hover:scale-110 transition-transform duration-300`) }, [e.iconClass.startsWith("icon-[") ? (f(), a("div", {
+			key: 1,
+			class: u(`${e.iconClass} w-8 h-8 text-white`)
+		}, null, 2)) : (f(), a("div", {
+			key: 0,
+			innerHTML: e.iconClass,
+			class: "w-8 h-8 text-white text-2xl flex items-center justify-center"
+		}, null, 8, k))], 2), o("div", A, [o("span", j, m(e.step), 1)])]), o("div", M, [
+			o("h3", N, m(e.title), 1),
+			o("p", P, m(e.description), 1),
+			o("div", F, [o("div", I, [t[1] ||= s("<div class=\"flex items-center mb-2\"><div class=\"flex space-x-2\"><div class=\"w-3 h-3 bg-red-500 rounded-full\"></div><div class=\"w-3 h-3 bg-yellow-500 rounded-full\"></div><div class=\"w-3 h-3 bg-green-500 rounded-full\"></div></div></div>", 1), o("code", L, "$ " + m(e.code), 1)])])
+		])])])], 4))), 128))]), l.quickStart.helpText || l.quickStart.helpLink ? (f(), a("div", R, [o("div", z, [t[5] ||= o("div", { class: "icon-[heroicons--information-circle] w-5 h-5 text-primary-600 dark:text-primary-400 mr-3" }, null, -1), o("span", B, [c(m(l.quickStart.helpText) + " ", 1), l.quickStart.helpLink ? (f(), a("a", {
+			key: 0,
+			href: h(W)(l.quickStart.helpLink),
+			class: "underline hover:no-underline"
+		}, m(l.quickStart.helpLinkText), 9, V)) : i("", !0)])])])) : i("", !0)])) : i("", !0)])])) : i("", !0);
+	}
+});
+export { H as default };

package/dist/esm/components/layout/Footer.js

@@ -0,0 +1,4 @@
+import e from "./Footer.vue_vue_type_script_setup_true_lang.js";
+// components/layout/Footer.vue
+var t = e;
+export { t as default };

package/dist/esm/components/layout/Footer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import e from "../common/SocialIcons.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, openBlock as s, toDisplayString as c } from "vue";
+// components/layout/Footer.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "border-t border-gray-200 dark:border-gray-700 bg-background" }, u = { class: "container mx-auto px-4 py-8" }, d = { class: "flex flex-col items-center gap-4 md:flex-row md:justify-between md:gap-2" }, f = { class: "flex items-center gap-4" }, p = { class: "text-center text-sm leading-loose text-muted-foreground md:text-right flex items-center gap-2" }, m = ["innerHTML"], h = ["innerHTML"], g = { key: 2 }, _ = /*@__PURE__*/ o({
+	__name: "Footer",
+	props: {
+		footer: {},
+		themeConfig: {}
+	},
+	setup(o) {
+		return (_, v) => (s(), n("footer", l, [r("div", u, [r("div", d, [r("div", f, [a(e, { variant: "footer" })]), r("div", p, [o.footer.message ? (s(), n("span", {
+			key: 0,
+			innerHTML: o.footer.message
+		}, null, 8, m)) : t("", !0), o.footer.copyright ? (s(), n("span", {
+			key: 1,
+			innerHTML: o.footer.copyright
+		}, null, 8, h)) : (s(), n("span", g, [
+			v[0] ||= i(" Powered by ", -1),
+			v[1] ||= r("a", {
+				href: "https://github.com/duxweb/dux-docs",
+				class: "font-medium underline underline-offset-4 hover:text-foreground transition-colors"
+			}, "dux-docs", -1),
+			i(" · © " + c((/* @__PURE__ */ new Date()).getFullYear()), 1)
+		]))])])])]));
+	}
+});
+export { _ as default };

package/dist/esm/components/layout/Header.js

@@ -0,0 +1,4 @@
+import e from "./Header.vue_vue_type_script_setup_true_lang.js";
+// components/layout/Header.vue
+var t = e;
+export { t as default };

package/dist/esm/components/layout/Header.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,144 @@
+import e from "../search/SearchButton.js";
+import t from "../common/SocialIcons.js";
+import n from "../common/NavDropdown.js";
+import { useLocale as r } from "../../composables/useLocale.js";
+import { useLink as i } from "../../composables/useLink.js";
+import { Fragment as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, onMounted as m, onUnmounted as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, withCtx as ee } from "vue";
+import { useData as te, useRouter as x } from "vitepress";
+// components/layout/Header.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "sticky top-0 z-50 w-full border-b border-gray-200 dark:border-gray-700 bg-white/95 dark:bg-gray-900/95 backdrop-blur supports-backdrop-filter:bg-white/60 dark:supports-backdrop-filter:bg-gray-900/60" }, S = { class: "container mx-auto flex h-16 max-w-screen-2xl items-center px-4" }, C = { class: "mr-4 flex" }, w = ["href"], T = ["src"], E = ["src"], D = ["src"], O = {
+	key: 1,
+	class: "font-bold"
+}, k = { class: "hidden md:flex items-center gap-6 text-sm" }, re = { class: "flex flex-1 items-center justify-end space-x-2" }, ie = ["aria-label", "title"], ae = {
+	key: 0,
+	class: "absolute right-0 top-full mt-2 py-1 w-48 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 origin-top-right z-50"
+}, A = ["onClick"], j = ["aria-label"], M = {
+	id: "mobile-menu",
+	class: "hidden md:hidden border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900"
+}, N = { class: "container mx-auto px-4 py-4 space-y-4" }, P = { class: "flex flex-col space-y-2" }, F = /*@__PURE__*/ p({
+	__name: "Header",
+	props: {
+		themeConfig: {},
+		site: {},
+		isDark: { type: Boolean },
+		lang: {}
+	},
+	setup(p) {
+		let { isDark: F, site: I, theme: L, localeIndex: R } = te(), z = x(), B = r("ui"), { resolveLink: V } = i(), H = s(() => ({
+			switchTheme: {
+				dark: B.value?.switchTheme?.dark || "Switch to dark mode",
+				light: B.value?.switchTheme?.light || "Switch to light mode"
+			},
+			language: {
+				ariaLabel: B.value?.language?.ariaLabel || "language",
+				switchLanguage: B.value?.language?.switchLanguage || "Switch language"
+			}
+		})), U = p, W = s(() => U.themeConfig || L.value), G = s(() => U.site || I.value), K = s(() => W.value.siteTitle === !1 ? !1 : W.value.siteTitle || G.value.title), q = s(() => W.value.nav || []), J = s(() => {
+			let e = W.value.logo;
+			return e ? typeof e == "string" ? V(e) : typeof e == "object" ? {
+				light: e.light ? V(e.light) : null,
+				dark: e.dark ? V(e.dark) : null
+			} : null : null;
+		}), Y = s(() => I.value.locales || {}), X = s(() => {
+			let e = Y.value[R.value];
+			return !e || typeof e != "object" ? null : e;
+		}), oe = s(() => {
+			let e = [];
+			for (let [t, n] of Object.entries(Y.value)) if (t !== R.value && n && typeof n == "object") {
+				let r = n, i = "";
+				i = r.link ? V(r.link) : V(t === "root" ? "/" : `/${t}/`), e.push({
+					key: t,
+					label: r.label || t,
+					link: i
+				});
+			}
+			return e;
+		}), Z = _(!1), Q = _(), $ = (e) => {
+			Q.value && !Q.value.contains(e.target) && (Z.value = !1);
+		};
+		m(() => {
+			document.addEventListener("click", $);
+		}), h(() => {
+			document.removeEventListener("click", $);
+		});
+		let se = (e) => {
+			z.go(e), Z.value = !1;
+		}, ce = () => {
+			"startViewTransition" in document && window.matchMedia("(prefers-reduced-motion: no-preference)").matches ? document.startViewTransition(() => {
+				F.value = !F.value;
+			}) : F.value = !F.value;
+		}, le = () => {
+			document.getElementById("mobile-menu")?.classList.toggle("hidden");
+		};
+		return (r, i) => (g(), u("header", ne, [d("div", S, [
+			d("div", C, [d("a", {
+				href: b(V)("/"),
+				class: "mr-6 flex items-center space-x-2"
+			}, [J.value ? (g(), u(a, { key: 0 }, [typeof J.value == "string" ? (g(), u("img", {
+				key: 0,
+				src: J.value,
+				alt: "Logo",
+				class: "h-6 w-6"
+			}, null, 8, T)) : typeof J.value == "object" ? (g(), u(a, { key: 1 }, [b(F) && J.value.dark ? (g(), u("img", {
+				key: 0,
+				src: J.value.dark,
+				alt: "Logo",
+				class: "h-6 w-6"
+			}, null, 8, E)) : !b(F) && J.value.light ? (g(), u("img", {
+				key: 1,
+				src: J.value.light,
+				alt: "Logo",
+				class: "h-6 w-6"
+			}, null, 8, D)) : l("", !0)], 64)) : l("", !0)], 64)) : l("", !0), K.value ? (g(), u("span", O, y(K.value), 1)) : l("", !0)], 8, w)]),
+			d("nav", k, [(g(!0), u(a, null, v(q.value, (e) => (g(), c(n, {
+				key: e.text,
+				item: e
+			}, null, 8, ["item"]))), 128))]),
+			d("div", re, [
+				f(e, { class: "hidden md:flex" }),
+				Object.keys(Y.value).length > 1 ? (g(), u("div", {
+					key: 0,
+					class: "relative",
+					ref_key: "langMenuRef",
+					ref: Q
+				}, [d("button", {
+					type: "button",
+					class: "btn-ghost px-2 [w-2rem] h-8",
+					onClick: i[0] ||= (e) => Z.value = !Z.value,
+					"aria-label": X.value?.label || H.value.language.ariaLabel,
+					title: X.value?.label || H.value.language.switchLanguage
+				}, [...i[1] ||= [d("div", { class: "icon-[heroicons--language] h-4 w-4" }, null, -1)]], 8, ie), f(o, {
+					"enter-active-class": "transition-all duration-200 ease-out",
+					"enter-from-class": "opacity-0 transform scale-95 -translate-y-1",
+					"enter-to-class": "opacity-100 transform scale-100 translate-y-0",
+					"leave-active-class": "transition-all duration-150 ease-in",
+					"leave-from-class": "opacity-100 transform scale-100 translate-y-0",
+					"leave-to-class": "opacity-0 transform scale-95 -translate-y-1"
+				}, {
+					default: ee(() => [Z.value ? (g(), u("div", ae, [(g(!0), u(a, null, v(oe.value, (e) => (g(), u("button", {
+						key: e.key,
+						onClick: (t) => se(e.link),
+						class: "block w-full text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 first:rounded-t-md last:rounded-b-md transition-colors duration-150"
+					}, y(e.label), 9, A))), 128))])) : l("", !0)]),
+					_: 1
+				})], 512)) : l("", !0),
+				f(t, { variant: "header" }),
+				d("button", {
+					type: "button",
+					class: "btn-ghost px-2 theme-toggle",
+					onClick: ce,
+					"aria-label": b(F) ? H.value.switchTheme.light : H.value.switchTheme.dark
+				}, [...i[2] ||= [d("div", { class: "icon-[tabler--sun] h-4 w-4 sun-icon" }, null, -1), d("div", { class: "icon-[tabler--moon] h-4 w-4 moon-icon" }, null, -1)]], 8, j),
+				d("button", {
+					type: "button",
+					class: "btn-ghost px-2 [w-2rem] h-8 md:hidden",
+					onClick: le
+				}, [...i[3] ||= [d("div", { class: "icon-[heroicons--bars-3] h-4 w-4" }, null, -1)]])
+			])
+		]), d("div", M, [d("div", N, [f(e, { class: "w-full" }), d("nav", P, [(g(!0), u(a, null, v(q.value, (e) => (g(), c(n, {
+			key: e.text,
+			item: e
+		}, null, 8, ["item"]))), 128))])])])]));
+	}
+});
+export { F as default };

package/dist/esm/components/pages/ChangeLog.js

@@ -0,0 +1,4 @@
+import e from "./ChangeLog.vue_vue_type_script_setup_true_lang.js";
+// components/pages/ChangeLog.vue
+var t = e;
+export { t as default };

package/dist/esm/components/pages/ChangeLog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import e from "../common/PageHero.js";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, openBlock as a, resolveComponent as o, unref as s } from "vue";
+import { useData as c } from "vitepress";
+// components/pages/ChangeLog.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "changelog-container" }, u = { class: "changelog-main" }, d = { class: "changelog-main-container" }, f = { class: "changelog-content prose-content" }, p = /*@__PURE__*/ i({
+	__name: "ChangeLog",
+	setup(i) {
+		let { frontmatter: p } = c();
+		return (i, c) => {
+			let m = o("Content");
+			return a(), t("div", l, [r(e, {
+				title: s(p).title || "",
+				description: s(p).description || "",
+				icon: "icon-[tabler--news]",
+				color: "primary",
+				align: "center",
+				size: "md"
+			}, null, 8, ["title", "description"]), n("main", u, [n("div", d, [n("div", f, [r(m)])])])]);
+		};
+	}
+});
+export { p as default };

package/dist/esm/components/pages/Doc.js

@@ -0,0 +1,4 @@
+import e from "./Doc.vue_vue_type_script_setup_true_lang.js";
+// components/pages/Doc.vue
+var t = e;
+export { t as default };