@nexa-stack/framework 1.1.0 → 1.1.1

package/ui/nexa.js

@@ -1,2971 +0,0 @@
-import { a as e, c as t, d as n, f as r, l as i, n as a, o, s, t as c, u as l } from "./echarts-nexa-BY8eW9ug.js";
-//#region resources/ui/src/core/colormap.ts
-var u = [
-	"violet",
-	"azure",
-	"gold",
-	"emerald",
-	"coral"
-], d = [
-	50,
-	100,
-	200,
-	300,
-	400,
-	500,
-	600,
-	700,
-	800,
-	900
-], f = {
-	purple: "violet",
-	violet: "violet",
-	blue: "azure",
-	azure: "azure",
-	gold: "gold",
-	green: "emerald",
-	emerald: "emerald",
-	orange: "coral",
-	coral: "coral"
-}, p = {
-	pink: "#ec4899",
-	rose: "#f43f5e",
-	violet: "#7c5cfc",
-	azure: "#3b82f6",
-	gold: "#b08d45",
-	emerald: "#10b981",
-	coral: "#f97316"
-}, m = "nexa-saved-maps";
-function h(e) {
-	return e.trim().toLowerCase().replace(/^map:/, "").replace(/\s+/g, "-");
-}
-function g() {
-	if (typeof localStorage > "u") return {};
-	try {
-		let e = localStorage.getItem(m);
-		return e ? JSON.parse(e) : {};
-	} catch {
-		return {};
-	}
-}
-function _(e, t) {
-	let n = h(e);
-	if (!n) throw Error("Map name required");
-	let r = C(t);
-	if (!r) throw Error("Invalid hex for saved map");
-	let i = g();
-	return i[n] = r, typeof localStorage < "u" && localStorage.setItem(m, JSON.stringify(i)), r;
-}
-function v(e) {
-	let t = h(e), n = g();
-	return n[t] ? (delete n[t], typeof localStorage < "u" && localStorage.setItem(m, JSON.stringify(n)), !0) : !1;
-}
-function y() {
-	return Object.keys(g()).sort();
-}
-function ee(e) {
-	return C(e) || p[e.toLowerCase()] || g()[h(e)] || null;
-}
-var b = d, te = {
-	50: 97,
-	100: 93,
-	200: 87,
-	300: 78,
-	400: 68,
-	500: null,
-	600: 50,
-	700: 42,
-	800: 34,
-	900: 26
-};
-function x(e) {
-	e.style.setProperty("--nexa-primary", "var(--nexa-brand-500)"), e.style.setProperty("--nexa-primary-soft", "var(--nexa-brand-100)"), e.style.setProperty("--nexa-primary-muted", "var(--nexa-brand-300)"), e.style.setProperty("--nexa-primary-strong", "var(--nexa-brand-700)"), e.style.setProperty("--nexa-primary-glow", "color-mix(in oklch, var(--nexa-brand-400) 42%, transparent)"), e.style.setProperty("--nexa-accent", "var(--nexa-brand-300)"), e.style.setProperty("--nexa-accent-2", "var(--nexa-brand-200)");
-}
-function S(e) {
-	let t = e.find((e) => e.toLowerCase().startsWith("map:"));
-	if (t) return ee(t.slice(4));
-	if (!e.includes("map")) return null;
-	let n = e.find((e) => C(e));
-	if (n) return n;
-	for (let t of e) {
-		if (t === "map") continue;
-		let e = ee(t);
-		if (e) return e;
-	}
-	return null;
-}
-function C(e) {
-	let t = e.trim().replace(/^#/, "");
-	return /^[0-9a-f]{3}$/i.test(t) ? `#${t.split("").map((e) => e + e).join("")}`.toLowerCase() : /^[0-9a-f]{6}$/i.test(t) ? `#${t}`.toLowerCase() : null;
-}
-function ne(e) {
-	let t = C(e);
-	if (!t) return null;
-	let n = Number.parseInt(t.slice(1), 16);
-	return {
-		r: n >> 16 & 255,
-		g: n >> 8 & 255,
-		b: n & 255
-	};
-}
-function re(e, t, n) {
-	let r = (e) => Math.max(0, Math.min(255, Math.round(e)));
-	return `#${[
-		r(e),
-		r(t),
-		r(n)
-	].map((e) => e.toString(16).padStart(2, "0")).join("")}`;
-}
-function ie(e, t, n) {
-	e /= 255, t /= 255, n /= 255;
-	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = 0, o = 0, s = (r + i) / 2;
-	if (r !== i) {
-		let c = r - i;
-		switch (o = s > .5 ? c / (2 - r - i) : c / (r + i), r) {
-			case e:
-				a = (t - n) / c + (t < n ? 6 : 0);
-				break;
-			case t:
-				a = (n - e) / c + 2;
-				break;
-			default: a = (e - t) / c + 4;
-		}
-		a /= 6;
-	}
-	return {
-		h: a * 360,
-		s: o * 100,
-		l: s * 100
-	};
-}
-function ae(e, t, n) {
-	t /= 100, n /= 100;
-	let r = (1 - Math.abs(2 * n - 1)) * t, i = r * (1 - Math.abs(e / 60 % 2 - 1)), a = n - r / 2, o = 0, s = 0, c = 0;
-	return e < 60 ? [o, s, c] = [
-		r,
-		i,
-		0
-	] : e < 120 ? [o, s, c] = [
-		i,
-		r,
-		0
-	] : e < 180 ? [o, s, c] = [
-		0,
-		r,
-		i
-	] : e < 240 ? [o, s, c] = [
-		0,
-		i,
-		r
-	] : e < 300 ? [o, s, c] = [
-		i,
-		0,
-		r
-	] : [o, s, c] = [
-		r,
-		0,
-		i
-	], re((o + a) * 255, (s + a) * 255, (c + a) * 255);
-}
-function oe(e) {
-	let t = C(e);
-	if (!t) throw Error("Invalid hex color. Use #7c5cfc or 7c5cfc");
-	let { r: n, g: r, b: i } = ne(t), { h: a, s: o } = ie(n, r, i), s = {};
-	for (let e of b) {
-		if (e === 500) {
-			s[500] = t;
-			continue;
-		}
-		let n = te[e], r = e < 500 ? (500 - e) * .04 : (e - 500) * .05;
-		s[e] = ae(a, Math.max(18, Math.min(100, o - r)), n);
-	}
-	return s;
-}
-function se(e, t) {
-	for (let n of b) e.style.setProperty(`--nexa-brand-${n}`, t[n]);
-	return x(e), e.dataset.nexaBrand = t[500], delete e.dataset.nexaMap, delete e.dataset.nexaHue, t;
-}
-function ce(e, t) {
-	return se(e, oe(t));
-}
-function le(e, t = ":root") {
-	return `${t} {\n${b.map((t) => `  --nexa-brand-${t}: ${e[t]};`).join("\n")}\n  --nexa-primary: var(--nexa-brand-500);
-  --nexa-primary-soft: var(--nexa-brand-100);
-  --nexa-primary-muted: var(--nexa-brand-300);
-  --nexa-primary-strong: var(--nexa-brand-700);
-  --nexa-primary-glow: color-mix(in oklch, var(--nexa-brand-400) 42%, transparent);
-  --nexa-accent: var(--nexa-brand-300);
-  --nexa-accent-2: var(--nexa-brand-200);\n}`;
-}
-function ue(e, t) {
-	let n = f[t] ?? (u.includes(t) ? t : null);
-	if (!n) return !1;
-	for (let t of b) e.style.setProperty(`--nexa-brand-${t}`, `var(--nexa-hue-${n}-${t})`);
-	return x(e), e.dataset.nexaMap = n, delete e.dataset.nexaBrand, !0;
-}
-function de(e, t, n = .22) {
-	let r = (t % 360 + 360) % 360, i = {
-		50: [.97, .03],
-		100: [.93, .05],
-		200: [.87, .09],
-		300: [.78, .14],
-		400: [.68, .18],
-		500: [.58, n],
-		600: [.5, n],
-		700: [.42, Math.min(n, .2)],
-		800: [.34, .12],
-		900: [.26, .08]
-	};
-	for (let t of b) {
-		let [n, a] = i[t];
-		e.style.setProperty(`--nexa-brand-${t}`, `oklch(${n} ${a} ${r})`);
-	}
-	return x(e), e.dataset.nexaHue = String(Math.round(r)), delete e.dataset.nexaMap, delete e.dataset.nexaBrand, !0;
-}
-//#endregion
-//#region resources/ui/src/core/parser.ts
-var fe = {
-	btn: "button",
-	buttons: "button",
-	ico: "ico",
-	c: "card",
-	card: "card",
-	hdr: "header",
-	foot: "footer",
-	feat: "features",
-	price: "pricing",
-	quote: "testimonials",
-	testimonial: "testimonials",
-	banner: "cta",
-	post: "posts",
-	posts: "posts",
-	tbl: "table",
-	stats: "stat",
-	"btn-group": "button-group",
-	igroup: "input-group",
-	placeholder: "skeleton",
-	graphs: "chart",
-	drop: "dropdown",
-	menu: "dropdown",
-	dd: "dropdown",
-	date: "datepicker",
-	dp: "datepicker",
-	time: "timepicker",
-	tp: "timepicker",
-	stars: "rating",
-	steps: "stepper",
-	ac: "autocomplete",
-	combo: "autocomplete",
-	combobox: "autocomplete",
-	sheet: "sheet",
-	bottomsheet: "sheet",
-	bs: "sheet",
-	tl: "timeline",
-	xfer: "transfer"
-}, pe = {
-	s: ["shadow"],
-	"s-soft": ["shadow", "soft"],
-	"s-strong": ["shadow", "strong"],
-	g: ["glass"],
-	r: ["round"],
-	p: ["pill"],
-	sm: ["small", "compact"],
-	lg: ["large", "tall"],
-	prod: ["product"],
-	kit: ["product"],
-	plan: ["pricing"],
-	user: ["profile"],
-	stat: ["analytics"],
-	vid: ["video"],
-	evt: ["event"],
-	css: ["css"],
-	e: ["end"]
-}, me = new Set(/* @__PURE__ */ "primary.secondary.outline.ghost.danger.small.medium.large.block.disabled.loading.elevated.plain.bordered.glass.horizontal.square.interactive.media.icon.metric.profile.cover.product.video.event.promo.pricing.analytics.quote.tasks.feature.text.email.password.number.date.file.search.tel.url.color.range.checkbox.radio.hidden.required.readonly.error.success.checked.cols-1.cols-2.cols-3.cols-4.cols-6.auto-fit.masonry.gap-none.gap-small.gap-medium.gap-large.landscape.simple.centered.split.mega.transparent.static.sticky.fixed.float.bar.dock.overlay.light.dark.image-left.image-right.minimal.fullscreen.cards-1.cards-2.cards-3.cards-4.popular.featured.bold.narrow.modern.luxury.minimal.blue.purple.gold.green.orange.black.violet.azure.emerald.coral.light.ivory.round.rounded.pill.shadow.soft.sharp.strong.sm.md.lg.xl.compact.tall.s.s-soft.s-strong.g.r.p.fill.filled.solid.thin.outline.light.fat.full.regular.saas.theme.page.map.auth.portfolio.dashboard.store.blog.checkout.essential.brand.vision.alert.modal.tabs.accordion.dropdown.spinner.progress.toast.compact.male.user.end.e.drop.menu.dd.breadcrumb.pagination.divider.avatar.warning.danger.info.open.carousel.offcanvas.popover.tooltip.list.ordered.fade.slide.zoom.bounce.float.glow.lift.tilt.flip.magnetic.shine.aurora.reveal.pulse.soft.static.prod.kit.plan.user.vid.evt.css.posts.checkout.table.collapse.stat.nav.button-group.list-group.navbar.input-group.close.switch.scrollspy.skeleton.figure.chart.bar.line.area.donut.pie.spark.sparkline.css.pro.vertical.flush.checked.float.lines-1.lines-2.lines-3.lines-4.lines-5.ratio-1x1.ratio-4x3.ratio-16x9.ratio-21x9.datepicker.timepicker.date.dp.time.tp.chip.chips.rating.stars.stepper.steps.fab.autocomplete.ac.combo.combobox.striped.hover.sheet.bottomsheet.bs.autoplay.auto.validate.tree.timeline.tl.transfer.xfer.pills.segmented.removable.x.extended.bottom-start.readonly.static".split("."));
-function he(e) {
-	return fe[e] ?? e;
-}
-function ge(e) {
-	let t = [];
-	for (let n of e) {
-		let e = pe[n];
-		e ? t.push(...e) : t.push(n);
-	}
-	return [...new Set(t)];
-}
-function w(e) {
-	let t = e.trim();
-	if (!t) throw Error("Nexa command is empty");
-	let n = t.match(/[^\s"'=]+=(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*')|"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|\S+/g) ?? [], r = he((n[0] ?? "").toLowerCase()), i = [], a = {}, o = [], s = !1;
-	for (let e of n.slice(1)) {
-		let t = e.match(/^([a-z][\w:-]*)=(.*)$/i);
-		if (t) {
-			let e = t[2].replace(/^(?:"([\s\S]*)"|'([\s\S]*)')$/, "$1$2").replace(/\\([\\"'])/g, "$1");
-			a[t[1].toLowerCase()] = e;
-			continue;
-		}
-		let n = e.toLowerCase(), r = C(e);
-		if (s) {
-			i.push(r ?? n), s = !1;
-			continue;
-		}
-		if (n === "map" || e.startsWith("map:")) {
-			i.push(r ?? n), s = n === "map";
-			continue;
-		}
-		if (!o.length && (me.has(n) || r)) {
-			i.push(r ?? n);
-			continue;
-		}
-		o.push(e.replace(/^(?:"([\s\S]*)"|'([\s\S]*)')$/, "$1$2"));
-	}
-	return {
-		component: r,
-		modifiers: ge(i),
-		attributes: a,
-		raw: t,
-		label: o.length ? o.join(" ") : void 0
-	};
-}
-function _e(e) {
-	return e.split(/\r?\n/).map((e) => e.trim()).filter((e) => e && !e.startsWith("#")).map(w);
-}
-//#endregion
-//#region resources/ui/src/core/schema.ts
-var ve = {
-	header: {
-		variants: [
-			"simple",
-			"vision",
-			"float",
-			"bar",
-			"dock",
-			"mega",
-			"glass",
-			"transparent",
-			"overlay"
-		],
-		states: [
-			"static",
-			"sticky",
-			"fixed",
-			"light",
-			"dark",
-			"s",
-			"g",
-			"shadow",
-			"soft",
-			"strong",
-			"sm",
-			"lg",
-			"compact",
-			"tall"
-		]
-	},
-	hero: {
-		variants: [
-			"centered",
-			"split",
-			"image-left",
-			"image-right",
-			"minimal",
-			"vision"
-		],
-		sizes: [
-			"small",
-			"medium",
-			"large",
-			"fullscreen"
-		]
-	},
-	badge: {
-		variants: [
-			"primary",
-			"secondary",
-			"outline",
-			"ghost",
-			"danger"
-		],
-		states: [
-			"soft",
-			"pill",
-			"dot"
-		]
-	},
-	chips: {},
-	input: {
-		variants: [
-			"text",
-			"email",
-			"password",
-			"number",
-			"search",
-			"tel",
-			"url",
-			"date"
-		],
-		states: [
-			"required",
-			"disabled",
-			"readonly",
-			"error",
-			"success",
-			"float"
-		]
-	},
-	grid: {
-		layout: [
-			"cols-1",
-			"cols-2",
-			"cols-3",
-			"cols-4",
-			"cols-6",
-			"auto-fit",
-			"masonry"
-		],
-		variants: ["square", "landscape"],
-		sizes: [
-			"gap-none",
-			"gap-small",
-			"gap-medium",
-			"gap-large"
-		]
-	},
-	stack: { sizes: [
-		"gap-none",
-		"gap-small",
-		"gap-medium",
-		"gap-large"
-	] },
-	container: { variants: ["narrow"] },
-	form: { states: ["validate"] },
-	card: {
-		variants: [
-			"plain",
-			"bordered",
-			"elevated",
-			"glass",
-			"horizontal",
-			"square",
-			"interactive",
-			"media",
-			"icon",
-			"metric",
-			"profile",
-			"cover",
-			"product",
-			"video",
-			"event",
-			"promo",
-			"pricing",
-			"analytics",
-			"quote",
-			"tasks",
-			"feature"
-		],
-		states: [
-			"soft",
-			"fade",
-			"slide",
-			"zoom",
-			"bounce",
-			"float",
-			"glow",
-			"lift",
-			"tilt",
-			"flip",
-			"magnetic",
-			"shine",
-			"aurora",
-			"reveal",
-			"pulse",
-			"static"
-		]
-	},
-	field: {
-		variants: [
-			"text",
-			"email",
-			"password",
-			"number",
-			"date",
-			"file",
-			"search",
-			"tel",
-			"url",
-			"color",
-			"range",
-			"checkbox",
-			"radio",
-			"hidden"
-		],
-		states: [
-			"required",
-			"disabled",
-			"readonly",
-			"error",
-			"success",
-			"float",
-			"checked"
-		],
-		sizes: [
-			"small",
-			"medium",
-			"large"
-		]
-	},
-	button: {
-		variants: [
-			"primary",
-			"secondary",
-			"outline",
-			"ghost",
-			"danger",
-			"blue",
-			"purple",
-			"gold",
-			"green",
-			"orange",
-			"black",
-			"glass"
-		],
-		sizes: [
-			"small",
-			"medium",
-			"large",
-			"compact",
-			"sm"
-		],
-		states: [
-			"block",
-			"disabled",
-			"loading",
-			"round",
-			"rounded",
-			"pill",
-			"sharp",
-			"shadow",
-			"soft",
-			"strong",
-			"s",
-			"g"
-		]
-	},
-	footer: {
-		variants: [
-			"dark",
-			"mega",
-			"simple"
-		],
-		states: ["light"]
-	},
-	cta: { variants: ["bold"] },
-	testimonials: { variants: ["featured"] },
-	features: { variants: [
-		"cards-1",
-		"cards-2",
-		"cards-3",
-		"cards-4"
-	] },
-	logos: {
-		variants: [
-			"dark",
-			"light",
-			"mono"
-		],
-		states: ["bordered", "muted"]
-	},
-	alert: { variants: [
-		"success",
-		"warning",
-		"danger",
-		"info"
-	] },
-	modal: { states: ["open"] },
-	tabs: { variants: ["pills", "segmented"] },
-	accordion: {},
-	dropdown: {
-		variants: ["primary", "ghost"],
-		states: ["open", "end"]
-	},
-	spinner: { sizes: [
-		"small",
-		"large",
-		"sm",
-		"lg"
-	] },
-	progress: {},
-	toast: { variants: [
-		"success",
-		"warning",
-		"danger",
-		"info"
-	] },
-	breadcrumb: {},
-	pagination: {},
-	divider: {},
-	avatar: {
-		sizes: [
-			"small",
-			"large",
-			"sm",
-			"lg"
-		],
-		variants: ["male", "user"]
-	},
-	auth: { states: ["compact"] },
-	carousel: { states: ["autoplay", "auto"] },
-	sheet: { states: ["open"] },
-	offcanvas: {
-		variants: ["left", "right"],
-		states: ["open"]
-	},
-	popover: { states: ["open"] },
-	tooltip: {},
-	list: { variants: ["ordered"] },
-	posts: {
-		variants: [
-			"cards-1",
-			"cards-2",
-			"cards-3",
-			"cards-4"
-		],
-		states: ["compact"]
-	},
-	checkout: { states: ["compact"] },
-	table: {
-		variants: ["striped", "hover"],
-		states: ["compact"]
-	},
-	collapse: {},
-	stat: {},
-	nav: {},
-	"button-group": {
-		variants: [
-			"primary",
-			"secondary",
-			"outline",
-			"ghost",
-			"danger"
-		],
-		states: ["vertical"]
-	},
-	"list-group": { states: ["flush"] },
-	navbar: { variants: [
-		"fixed",
-		"dark",
-		"light"
-	] },
-	"input-group": { variants: [
-		"text",
-		"email",
-		"password",
-		"search",
-		"tel",
-		"url",
-		"number"
-	] },
-	close: {},
-	switch: { states: ["checked", "disabled"] },
-	scrollspy: {},
-	skeleton: {
-		variants: ["card", "avatar"],
-		layout: [
-			"lines-1",
-			"lines-2",
-			"lines-3",
-			"lines-4",
-			"lines-5"
-		]
-	},
-	figure: { layout: [
-		"ratio-1x1",
-		"ratio-4x3",
-		"ratio-16x9",
-		"ratio-21x9"
-	] },
-	chart: {
-		variants: [
-			"bar",
-			"line",
-			"area",
-			"donut",
-			"pie",
-			"spark",
-			"sparkline",
-			"css",
-			"pro"
-		],
-		states: ["static"]
-	},
-	ico: {
-		sizes: [
-			"sm",
-			"md",
-			"lg",
-			"xl",
-			"small",
-			"medium",
-			"large",
-			"compact",
-			"tall"
-		],
-		variants: [
-			"regular",
-			"bold",
-			"thin",
-			"fill",
-			"filled",
-			"solid",
-			"outline",
-			"light",
-			"fat",
-			"full"
-		]
-	},
-	select: { states: [
-		"required",
-		"disabled",
-		"float"
-	] },
-	textarea: { states: [
-		"required",
-		"disabled",
-		"float"
-	] },
-	datepicker: { states: ["required", "disabled"] },
-	timepicker: { states: ["required", "disabled"] },
-	chip: {
-		variants: ["outline"],
-		states: [
-			"active",
-			"removable",
-			"x"
-		]
-	},
-	rating: { states: ["readonly", "static"] },
-	stepper: {},
-	fab: {
-		variants: ["extended"],
-		states: ["bottom-start"]
-	},
-	autocomplete: { states: ["required", "disabled"] },
-	tree: {},
-	timeline: { states: ["compact"] },
-	transfer: {}
-};
-function ye(e) {
-	return ve[e];
-}
-//#endregion
-//#region resources/ui/src/core/validate.ts
-var be = new Set(/* @__PURE__ */ "modern.luxury.minimal.blue.purple.gold.green.orange.black.violet.azure.emerald.coral.light.ivory.brand.glass.shadow.soft.strong.round.rounded.pill.sharp.compact.tall.s.g.r.p.s-soft.s-strong.sm.lg.map.font-inter.font-geist.font-dm.font-system".split("."));
-function xe(e) {
-	return new Set([
-		...e.variants ?? [],
-		...e.sizes ?? [],
-		...e.states ?? [],
-		...e.layout ?? []
-	]);
-}
-function Se(e, t) {
-	if (!t.length || e === "ico") return null;
-	let n = ye(e);
-	if (!n) {
-		let n = t.filter((e) => !be.has(e));
-		return n.length ? `Unknown modifiers for “${e}”: ${n.join(", ")}` : null;
-	}
-	let r = xe(n), i = t.filter((e) => !r.has(e) && !be.has(e));
-	return i.length ? `Unknown modifiers for “${e}”: ${i.join(", ")}. Allowed: ${[...r].slice(0, 12).join(", ")}${r.size > 12 ? "…" : ""}` : null;
-}
-//#endregion
-//#region resources/ui/src/core/behaviors.ts
-function Ce(e = document) {
-	e.querySelectorAll("[data-nexa-tabs]").forEach((e) => {
-		let t = [...e.querySelectorAll("[data-tab]")], n = [...e.querySelectorAll("[data-panel]")];
-		t.forEach((e, r) => {
-			e.onclick = () => {
-				t.forEach((e) => e.classList.remove("is-active")), n.forEach((e) => e.hidden = !0), e.classList.add("is-active"), n[r] && (n[r].hidden = !1);
-			};
-		}), t[0]?.click();
-	}), e.querySelectorAll("[data-nexa-accordion]").forEach((e) => {
-		e.querySelectorAll("[data-acc-trigger]").forEach((e) => {
-			e.onclick = () => {
-				let t = e.closest("[data-acc-item]")?.classList.toggle("is-open");
-				e.setAttribute("aria-expanded", t ? "true" : "false");
-			};
-		});
-	}), e.querySelectorAll("[data-nexa-dropdown]").forEach((e) => {
-		if (e.dataset.nexaDropWired === "1") return;
-		e.dataset.nexaDropWired = "1";
-		let t = e.querySelector("[data-drop-toggle]"), n = e.querySelector("[data-drop-menu]");
-		!t || !n || t.addEventListener("click", (n) => {
-			n.stopPropagation();
-			let r = !e.classList.contains("is-open");
-			document.querySelectorAll("[data-nexa-dropdown].is-open").forEach((t) => {
-				t !== e && (t.classList.remove("is-open"), t.querySelector("[data-drop-toggle]")?.setAttribute("aria-expanded", "false"));
-			}), e.classList.toggle("is-open", r), t.setAttribute("aria-expanded", r ? "true" : "false");
-		});
-	}), document.__nexaDropDoc || (document.__nexaDropDoc = !0, document.addEventListener("click", () => {
-		document.querySelectorAll("[data-nexa-dropdown].is-open").forEach((e) => {
-			e.classList.remove("is-open"), e.querySelector("[data-drop-toggle]")?.setAttribute("aria-expanded", "false");
-		});
-	})), e.querySelectorAll("[data-nexa-modal]").forEach((e) => {
-		e.querySelectorAll("[data-modal-close]").forEach((t) => {
-			t.addEventListener("click", () => e.classList.remove("is-open"));
-		});
-	}), e.querySelectorAll("[data-nexa-toast]").forEach((e) => {
-		e.querySelector("[data-toast-close]")?.addEventListener("click", () => e.remove());
-	}), e.querySelectorAll("[data-modal-open]").forEach((e) => {
-		e.addEventListener("click", () => {
-			let t = e.getAttribute("data-modal-open");
-			(t ? document.getElementById(t) : document.querySelector("[data-nexa-modal]"))?.classList.add("is-open");
-		});
-	}), e.querySelectorAll("[data-nexa-carousel]").forEach((e) => {
-		if (e.dataset.nexaCarouselWired === "1") return;
-		e.dataset.nexaCarouselWired = "1";
-		let t = e.closest(".nexa-host.nexa-carousel") ?? e, n = [...e.querySelectorAll("[data-slide]")], r = [...e.querySelectorAll("[data-carousel-dot]")], i = 0, a = 0, o = (e) => {
-			n.length && (i = (e + n.length) % n.length, n.forEach((e, t) => {
-				e.hidden = t !== i;
-			}), r.forEach((e, t) => e.classList.toggle("is-active", t === i)));
-		}, s = () => {
-			a &&= (window.clearInterval(a), 0);
-		}, c = () => {
-			if (s(), !t.hasAttribute("data-autoplay") && !e.closest("[data-autoplay]")) return;
-			let n = Number(t.getAttribute("data-interval") ?? t.getAttribute("interval") ?? "4000") || 4e3;
-			a = window.setInterval(() => o(i + 1), n);
-		};
-		e.querySelector("[data-carousel-prev]")?.addEventListener("click", () => {
-			o(i - 1), c();
-		}), e.querySelector("[data-carousel-next]")?.addEventListener("click", () => {
-			o(i + 1), c();
-		}), r.forEach((e) => {
-			e.addEventListener("click", () => {
-				o(Number(e.getAttribute("data-carousel-dot") || 0)), c();
-			});
-		}), e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", c), c();
-	}), e.querySelectorAll("[data-nexa-sheet]").forEach((e) => {
-		e.dataset.nexaSheetWired !== "1" && (e.dataset.nexaSheetWired = "1", e.querySelectorAll("[data-sheet-close]").forEach((t) => {
-			t.addEventListener("click", () => e.classList.remove("is-open"));
-		}));
-	}), e.querySelectorAll("[data-sheet-open]").forEach((e) => {
-		e.dataset.nexaSheetOpenWired !== "1" && (e.dataset.nexaSheetOpenWired = "1", e.addEventListener("click", () => {
-			let t = e.getAttribute("data-sheet-open");
-			(t ? document.getElementById(t) : document.querySelector("[data-nexa-sheet]"))?.classList.add("is-open");
-		}));
-	}), e.querySelectorAll("[data-nexa-form=\"validate\"]").forEach((e) => {
-		if (e.dataset.nexaFormWired === "1") return;
-		e.dataset.nexaFormWired = "1";
-		let t = e.tagName.toLowerCase() === "form" ? e : null, n = (t) => {
-			t.preventDefault();
-			let n = !0;
-			e.querySelectorAll(".nexa-field-wrap, .nexa-field-float").forEach((e) => {
-				let t = e.querySelector("input,textarea,select");
-				if (!t || t.type === "hidden" || t.disabled) return;
-				let r = t.required || t.hasAttribute("required"), i = !String(t.value ?? "").trim(), a = r && i;
-				!a && t.type === "email" && t.value && (a = !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t.value)), e.classList.toggle("is-error", a), e.classList.toggle("is-success", !a && !!t.value);
-				let o = e.querySelector("em");
-				if (a) if (n = !1, o) o.textContent = t.type === "email" && t.value ? "بريد غير صالح" : "هذا الحقل مطلوب";
-				else {
-					let n = document.createElement("em");
-					n.textContent = t.type === "email" && t.value ? "بريد غير صالح" : "هذا الحقل مطلوب", e.appendChild(n);
-				}
-				else o && (o.textContent === "هذا الحقل مطلوب" || o.textContent === "بريد غير صالح") && o.remove();
-			}), n ? (e.dispatchEvent(new CustomEvent("nexa:valid", { bubbles: !0 })), e.classList.add("is-valid")) : (e.classList.remove("is-valid"), e.dispatchEvent(new CustomEvent("nexa:invalid", { bubbles: !0 })));
-		};
-		t ? t.addEventListener("submit", n) : e.querySelector("[type=\"submit\"], [data-form-submit]")?.addEventListener("click", n);
-	}), e.querySelectorAll("[data-nexa-offcanvas]").forEach((e) => {
-		e.querySelectorAll("[data-offcanvas-close]").forEach((t) => {
-			t.addEventListener("click", () => e.classList.remove("is-open"));
-		});
-	}), e.querySelectorAll("[data-offcanvas-open]").forEach((e) => {
-		e.addEventListener("click", () => {
-			let t = e.getAttribute("data-offcanvas-open");
-			(t ? document.getElementById(t) : document.querySelector("[data-nexa-offcanvas]"))?.classList.add("is-open");
-		});
-	}), e.querySelectorAll("[data-nexa-popover]").forEach((e) => {
-		let t = e.querySelector("[data-pop-trigger]"), n = e.querySelector("[data-pop-card]");
-		!t || !n || (t.onclick = (e) => {
-			e.stopPropagation();
-			let t = n.hidden;
-			document.querySelectorAll("[data-pop-card]").forEach((e) => {
-				e.hidden = !0;
-			}), n.hidden = !t;
-		});
-	}), document.addEventListener("click", () => {
-		document.querySelectorAll("[data-pop-card]").forEach((e) => {
-			e.hidden = !0;
-		});
-	}), e.querySelectorAll("[data-nexa-collapse]").forEach((e) => {
-		let t = e.querySelector("[data-collapse-trigger]"), n = e.querySelector("[data-collapse-panel]");
-		!t || !n || (t.onclick = () => {
-			let r = n.hidden;
-			n.hidden = !r, t.setAttribute("aria-expanded", r ? "true" : "false"), e.classList.toggle("is-open", r);
-		});
-	}), e.querySelectorAll(".nexa-host.nexa-card[class*=\"nexa-anim-\"]").forEach((e) => {
-		let t = e.classList.contains("nexa-anim-reveal"), n = () => {
-			t || e.classList.add("nexa-enter-done");
-		};
-		e.addEventListener("animationend", (r) => {
-			r.target !== e || t || String(r.animationName).startsWith("nexa-enter-") && n();
-		}), e.addEventListener("mouseenter", () => e.classList.add("is-active")), e.addEventListener("mouseleave", () => e.classList.remove("is-active")), t || window.setTimeout(n, 900);
-	}), e.querySelectorAll("[data-nexa-reveal]").forEach((e) => {
-		if (typeof IntersectionObserver > "u") {
-			e.classList.add("is-visible");
-			return;
-		}
-		let t = new IntersectionObserver((e) => {
-			e.forEach((e) => {
-				e.isIntersecting && (e.target.classList.add("is-visible"), t.unobserve(e.target));
-			});
-		}, {
-			threshold: .08,
-			rootMargin: "0px 0px -5% 0px"
-		});
-		t.observe(e);
-	}), e.querySelectorAll("[data-nexa-tilt]").forEach((e) => {
-		e.addEventListener("mousemove", (t) => {
-			let n = e.getBoundingClientRect(), r = (t.clientX - n.left) / n.width - .5, i = (t.clientY - n.top) / n.height - .5;
-			e.style.setProperty("--nexa-tilt-x", `${r * 14 * 2}deg`), e.style.setProperty("--nexa-tilt-y", `${-i * 14 * 2}deg`), e.classList.add("is-active");
-		}), e.addEventListener("mouseleave", () => {
-			e.style.setProperty("--nexa-tilt-x", "0deg"), e.style.setProperty("--nexa-tilt-y", "0deg"), e.classList.remove("is-active");
-		});
-	}), e.querySelectorAll("[data-nexa-magnetic]").forEach((e) => {
-		e.addEventListener("mousemove", (t) => {
-			let n = e.getBoundingClientRect(), r = (t.clientX - n.left) / n.width - .5, i = (t.clientY - n.top) / n.height - .5;
-			e.style.setProperty("--nexa-mag-x", `${r * 16}px`), e.style.setProperty("--nexa-mag-y", `${i * 16 - 6}px`), e.classList.add("is-active");
-		}), e.addEventListener("mouseleave", () => {
-			e.style.setProperty("--nexa-mag-x", "0px"), e.style.setProperty("--nexa-mag-y", "0px"), e.classList.remove("is-active");
-		});
-	}), e.querySelectorAll("[data-nexa-navbar]").forEach((e) => {
-		e.querySelector("[data-nav-toggle]")?.addEventListener("click", () => e.classList.toggle("is-open"));
-	}), e.querySelectorAll("[data-nexa-tasks]").forEach((e) => {
-		e.querySelectorAll("input[type=checkbox]").forEach((e) => {
-			e.addEventListener("change", () => {
-				e.closest("li")?.classList.toggle("is-done", e.checked);
-			});
-		});
-	}), e.querySelectorAll("[data-nexa-header-scroll]").forEach((e) => {
-		if (e.dataset.nexaHeaderScrollWired) return;
-		e.dataset.nexaHeaderScrollWired = "1";
-		let t = Number(e.getAttribute("data-scroll-threshold") ?? e.getAttribute("data-overlay-threshold") ?? "24"), n = () => e.classList.toggle("is-scrolled", window.scrollY > t);
-		n(), window.addEventListener("scroll", n, { passive: !0 });
-	}), e.querySelectorAll("[data-nexa-scrollspy]").forEach((e) => {
-		let t = [...e.querySelectorAll("[data-spy-link]")], n = t.map((e) => document.querySelector(e.getAttribute("href") ?? "")).filter(Boolean);
-		if (!n.length) return;
-		if (typeof IntersectionObserver > "u") {
-			t[0]?.classList.add("is-active");
-			return;
-		}
-		let r = new IntersectionObserver((e) => {
-			e.forEach((e) => {
-				if (!e.isIntersecting) return;
-				let n = `#${e.target.id}`;
-				t.forEach((e) => e.classList.toggle("is-active", e.getAttribute("href") === n));
-			});
-		}, {
-			rootMargin: "-45% 0px -50% 0px",
-			threshold: 0
-		});
-		n.forEach((e) => r.observe(e));
-	}), document.querySelectorAll("[data-nexa-close]").forEach((e) => {
-		e.addEventListener("click", () => {
-			(e.closest(".nexa-host") ?? e.closest("[role=\"alert\"]") ?? e.parentElement)?.remove();
-		});
-	}), De(e), Oe(e), ke(e), Ae(e), Ee(e), we(e), Te(e);
-}
-function we(e) {
-	e.querySelectorAll("[data-nexa-tree]").forEach((e) => {
-		e.dataset.nexaTreeWired !== "1" && (e.dataset.nexaTreeWired = "1", e.querySelectorAll("[data-tree-toggle]").forEach((e) => {
-			e.addEventListener("click", () => {
-				let t = e.closest("[data-tree-node]"), n = t?.querySelector(":scope > [data-tree-children]");
-				if (!n) return;
-				let r = e.getAttribute("aria-expanded") !== "true";
-				e.setAttribute("aria-expanded", r ? "true" : "false"), n.hidden = !r, t?.classList.toggle("is-collapsed", !r);
-			});
-		}));
-	});
-}
-function Te(e) {
-	e.querySelectorAll("[data-nexa-transfer]").forEach((e) => {
-		if (e.dataset.nexaTransferWired === "1") return;
-		e.dataset.nexaTransferWired = "1";
-		let t = e.querySelector("[data-transfer-left]"), n = e.querySelector("[data-transfer-right]");
-		if (!t || !n) return;
-		let r = () => [...e.querySelectorAll(".nexa-transfer-opt.is-selected")], i = (e) => {
-			e.querySelector("[data-transfer-opt]") ? e.querySelector(".nexa-transfer-empty")?.remove() : e.innerHTML = "<span class=\"nexa-transfer-empty\">Empty</span>";
-		}, a = (a) => {
-			let o = r();
-			if (!o.length) return;
-			o.forEach((e) => {
-				e.classList.remove("is-selected"), e.dataset.side = a === n ? "right" : "left", a.appendChild(e);
-			}), i(t), i(n);
-			let s = [...n.querySelectorAll("[data-transfer-opt]")].map((e) => e.dataset.value ?? "");
-			e.dispatchEvent(new CustomEvent("nexa:change", {
-				detail: { value: s },
-				bubbles: !0
-			}));
-		};
-		e.addEventListener("click", (e) => {
-			let r = e.target, i = r?.closest("[data-transfer-opt]");
-			if (i) {
-				i.classList.toggle("is-selected");
-				return;
-			}
-			r?.closest("[data-transfer-to-right]") && a(n), r?.closest("[data-transfer-to-left]") && a(t);
-		});
-	});
-}
-function T(e) {
-	return String(e).padStart(2, "0");
-}
-function Ee(e) {
-	e.querySelectorAll("[data-nexa-autocomplete]").forEach((e) => {
-		if (e.dataset.nexaAcWired === "1") return;
-		e.dataset.nexaAcWired = "1";
-		let t = e.querySelector("[data-ac-input]"), n = e.querySelector("[data-ac-value]"), r = e.querySelector("[data-ac-menu]"), i = e.querySelector("[data-ac-list]"), a = e.querySelector("[data-ac-empty]"), o = e.querySelector("[data-ac-clear]");
-		if (!t || !n || !r || !i || !a) return;
-		let s = [...i.querySelectorAll("[data-ac-opt]")], c = -1, l = () => {
-			o && (o.hidden = !t.value);
-		}, u = () => {
-			r.hidden = !0, e.classList.remove("is-open"), t.setAttribute("aria-expanded", "false"), c = -1, s.forEach((e) => e.classList.remove("is-active"));
-		}, d = () => {
-			document.querySelectorAll("[data-nexa-autocomplete].is-open").forEach((t) => {
-				if (t === e) return;
-				t.classList.remove("is-open");
-				let n = t.querySelector("[data-ac-menu]");
-				n && (n.hidden = !0);
-			}), r.hidden = !1, e.classList.add("is-open"), t.setAttribute("aria-expanded", "true");
-		}, f = () => {
-			let e = t.value.trim().toLowerCase(), n = 0;
-			s.forEach((t) => {
-				let r = (t.dataset.value ?? t.textContent ?? "").toLowerCase(), i = !e || r.includes(e);
-				t.hidden = !i, i && (n += 1);
-			}), a.hidden = n > 0, i.hidden = n === 0, n > 0 ? d() : (d(), c = -1), l();
-		}, p = (r) => {
-			let i = r.dataset.value ?? r.textContent ?? "";
-			t.value = i, n.value = i, l(), u(), e.dispatchEvent(new CustomEvent("nexa:change", {
-				detail: { value: i },
-				bubbles: !0
-			}));
-		}, m = (e) => {
-			let t = s.filter((e) => !e.hidden);
-			t.length && (d(), c = (c + e + t.length) % t.length, t.forEach((e, t) => e.classList.toggle("is-active", t === c)), t[c]?.scrollIntoView({ block: "nearest" }));
-		};
-		t.addEventListener("focus", () => {
-			f();
-		}), t.addEventListener("input", () => {
-			n.value = "", f();
-		}), t.addEventListener("keydown", (e) => {
-			if (e.key === "ArrowDown") e.preventDefault(), m(1);
-			else if (e.key === "ArrowUp") e.preventDefault(), m(-1);
-			else if (e.key === "Enter") {
-				let t = s.filter((e) => !e.hidden);
-				if (r.hidden || !t.length) return;
-				e.preventDefault(), p(t[Math.max(0, c)] ?? t[0]);
-			} else e.key === "Escape" && u();
-		}), s.forEach((e) => {
-			e.addEventListener("mousedown", (t) => {
-				t.preventDefault(), p(e);
-			});
-		}), o?.addEventListener("click", (r) => {
-			r.stopPropagation(), t.value = "", n.value = "", l(), t.focus(), f(), e.dispatchEvent(new CustomEvent("nexa:change", {
-				detail: { value: "" },
-				bubbles: !0
-			}));
-		}), l();
-	}), document.__nexaAcDoc || (document.__nexaAcDoc = !0, document.addEventListener("click", (e) => {
-		let t = e.target;
-		document.querySelectorAll("[data-nexa-autocomplete].is-open").forEach((e) => {
-			if (t && e.contains(t)) return;
-			e.classList.remove("is-open");
-			let n = e.querySelector("[data-ac-menu]");
-			n && (n.hidden = !0), e.querySelector("[data-ac-input]")?.setAttribute("aria-expanded", "false");
-		});
-	}));
-}
-function De(e) {
-	let t = [
-		"يناير",
-		"فبراير",
-		"مارس",
-		"أبريل",
-		"مايو",
-		"يونيو",
-		"يوليو",
-		"أغسطس",
-		"سبتمبر",
-		"أكتوبر",
-		"نوفمبر",
-		"ديسمبر"
-	], n = (e, t, n) => {
-		let r = n.match(/^(\d{4})-(\d{2})-(\d{2})$/), i = r ? Number(r[1]) : 0, a = r ? Number(r[2]) : 0, o = r ? Number(r[3]) : 0, s = new Date(e, t - 1, 1).getDay(), c = new Date(e, t, 0).getDate(), l = /* @__PURE__ */ new Date(), u = "";
-		for (let e = 0; e < s; e++) u += "<span class=\"nexa-cal-empty\"></span>";
-		for (let n = 1; n <= c; n++) {
-			let r = i === e && a === t && o === n, s = l.getFullYear() === e && l.getMonth() + 1 === t && l.getDate() === n;
-			u += `<button type="button" class="nexa-cal-day${r ? " is-selected" : ""}${s ? " is-today" : ""}" data-day="${n}">${n}</button>`;
-		}
-		return u;
-	}, r = (e) => {
-		let n = e.match(/^(\d{4})-(\d{2})-(\d{2})$/);
-		return n ? `${Number(n[3])} ${t[Number(n[2]) - 1]} ${n[1]}` : "";
-	};
-	e.querySelectorAll("[data-nexa-datepicker]").forEach((e) => {
-		if (e.dataset.nexaDpWired === "1") return;
-		e.dataset.nexaDpWired = "1";
-		let i = e.querySelector("[data-dp-toggle]"), a = e.querySelector("[data-dp-panel]"), o = e.querySelector("[data-dp-grid]"), s = e.querySelector("[data-dp-title]"), c = e.querySelector("[data-dp-display]"), l = e.querySelector("[data-dp-value]");
-		if (!i || !a || !o || !s || !c || !l) return;
-		let u = () => {
-			a.hidden = !0, i.setAttribute("aria-expanded", "false"), e.classList.remove("is-open");
-		}, d = () => {
-			document.querySelectorAll("[data-nexa-datepicker].is-open,[data-nexa-timepicker].is-open").forEach((t) => {
-				if (t === e) return;
-				t.classList.remove("is-open");
-				let n = t.querySelector("[data-dp-panel],[data-tp-panel]");
-				n && (n.hidden = !0), t.querySelector("[data-dp-toggle],[data-tp-toggle]")?.setAttribute("aria-expanded", "false");
-			}), a.hidden = !1, i.setAttribute("aria-expanded", "true"), e.classList.add("is-open");
-		}, f = () => {
-			let i = Number(o.dataset.year), a = Number(o.dataset.month);
-			s.textContent = `${t[a - 1]} ${i}`, o.innerHTML = n(i, a, l.value), o.querySelectorAll("[data-day]").forEach((t) => {
-				t.onclick = (n) => {
-					n.stopPropagation();
-					let o = Number(t.dataset.day);
-					l.value = `${i}-${T(a)}-${T(o)}`, c.textContent = r(l.value), c.classList.add("has-value"), u(), e.dispatchEvent(new CustomEvent("nexa:change", {
-						detail: { value: l.value },
-						bubbles: !0
-					}));
-				};
-			});
-		};
-		i.addEventListener("click", (e) => {
-			e.stopPropagation(), a.hidden ? (d(), f()) : u();
-		}), e.querySelector("[data-dp-prev]")?.addEventListener("click", (e) => {
-			e.stopPropagation();
-			let t = Number(o.dataset.year), n = Number(o.dataset.month) - 1;
-			n < 1 && (n = 12, --t), o.dataset.year = String(t), o.dataset.month = String(n), f();
-		}), e.querySelector("[data-dp-next]")?.addEventListener("click", (e) => {
-			e.stopPropagation();
-			let t = Number(o.dataset.year), n = Number(o.dataset.month) + 1;
-			n > 12 && (n = 1, t += 1), o.dataset.year = String(t), o.dataset.month = String(n), f();
-		}), e.querySelector("[data-dp-today]")?.addEventListener("click", (t) => {
-			t.stopPropagation();
-			let n = /* @__PURE__ */ new Date();
-			l.value = `${n.getFullYear()}-${T(n.getMonth() + 1)}-${T(n.getDate())}`, c.textContent = r(l.value), o.dataset.year = String(n.getFullYear()), o.dataset.month = String(n.getMonth() + 1), f(), u(), e.dispatchEvent(new CustomEvent("nexa:change", {
-				detail: { value: l.value },
-				bubbles: !0
-			}));
-		});
-		let p = c.textContent && !l.value ? c.textContent : "اختر تاريخاً";
-		e.querySelector("[data-dp-clear]")?.addEventListener("click", (e) => {
-			e.stopPropagation(), l.value = "", c.textContent = p, c.classList.remove("has-value"), u();
-		}), a.addEventListener("click", (e) => e.stopPropagation());
-	}), document.__nexaDpDoc || (document.__nexaDpDoc = !0, document.addEventListener("click", () => {
-		document.querySelectorAll("[data-nexa-datepicker].is-open").forEach((e) => {
-			e.classList.remove("is-open");
-			let t = e.querySelector("[data-dp-panel]");
-			t && (t.hidden = !0), e.querySelector("[data-dp-toggle]")?.setAttribute("aria-expanded", "false");
-		});
-	}));
-}
-function Oe(e) {
-	e.querySelectorAll("[data-nexa-timepicker]").forEach((e) => {
-		if (e.dataset.nexaTpWired === "1") return;
-		e.dataset.nexaTpWired = "1";
-		let t = e.querySelector("[data-tp-toggle]"), n = e.querySelector("[data-tp-panel]"), r = e.querySelector("[data-tp-display]"), i = e.querySelector("[data-tp-value]");
-		if (!t || !n || !r || !i) return;
-		let a = 12, o = 0;
-		(() => {
-			let e = i.value.match(/^(\d{1,2}):(\d{2})$/);
-			e && (a = Number(e[1]), o = Number(e[2]));
-		})();
-		let s = () => {
-			e.querySelectorAll("[data-tp-h]").forEach((e) => e.classList.toggle("is-selected", Number(e.getAttribute("data-tp-h")) === a)), e.querySelectorAll("[data-tp-m]").forEach((e) => e.classList.toggle("is-selected", Number(e.getAttribute("data-tp-m")) === o));
-		}, c = () => {
-			n.hidden = !0, t.setAttribute("aria-expanded", "false"), e.classList.remove("is-open");
-		}, l = () => {
-			document.querySelectorAll("[data-nexa-datepicker].is-open,[data-nexa-timepicker].is-open").forEach((t) => {
-				if (t === e) return;
-				t.classList.remove("is-open");
-				let n = t.querySelector("[data-dp-panel],[data-tp-panel]");
-				n && (n.hidden = !0);
-			}), n.hidden = !1, t.setAttribute("aria-expanded", "true"), e.classList.add("is-open"), s();
-		};
-		t.addEventListener("click", (e) => {
-			e.stopPropagation(), n.hidden ? l() : c();
-		}), e.querySelectorAll("[data-tp-h]").forEach((e) => {
-			e.onclick = (t) => {
-				t.stopPropagation(), a = Number(e.dataset.tpH), s();
-			};
-		}), e.querySelectorAll("[data-tp-m]").forEach((e) => {
-			e.onclick = (t) => {
-				t.stopPropagation(), o = Number(e.dataset.tpM), s();
-			};
-		}), e.querySelector("[data-tp-apply]")?.addEventListener("click", (t) => {
-			t.stopPropagation(), i.value = `${T(a)}:${T(o)}`, r.textContent = i.value, r.classList.add("has-value"), c(), e.dispatchEvent(new CustomEvent("nexa:change", {
-				detail: { value: i.value },
-				bubbles: !0
-			}));
-		}), e.querySelector("[data-tp-clear]")?.addEventListener("click", (e) => {
-			e.stopPropagation(), i.value = "", r.textContent = "اختر وقتاً", r.classList.remove("has-value"), c();
-		}), n.addEventListener("click", (e) => e.stopPropagation());
-	}), document.__nexaTpDoc || (document.__nexaTpDoc = !0, document.addEventListener("click", () => {
-		document.querySelectorAll("[data-nexa-timepicker].is-open").forEach((e) => {
-			e.classList.remove("is-open");
-			let t = e.querySelector("[data-tp-panel]");
-			t && (t.hidden = !0);
-		});
-	}));
-}
-function ke(e) {
-	e.querySelectorAll("[data-nexa-rating]").forEach((e) => {
-		if (e.dataset.nexaRatingWired === "1" || e.classList.contains("is-readonly") || e.classList.contains("nexa-readonly")) return;
-		e.dataset.nexaRatingWired = "1";
-		let t = e.querySelector("[data-rating-value]"), n = [...e.querySelectorAll("[data-star]")], r = (e) => n.forEach((t) => t.classList.toggle("is-on", Number(t.dataset.star) <= e));
-		n.forEach((n) => {
-			n.onclick = () => {
-				let i = Number(n.dataset.star);
-				t && (t.value = String(i)), r(i), e.dispatchEvent(new CustomEvent("nexa:change", {
-					detail: { value: i },
-					bubbles: !0
-				}));
-			};
-		});
-	});
-}
-function Ae(e) {
-	e.querySelectorAll("[data-chip-remove]").forEach((e) => {
-		e.__wired || (e.__wired = !0, e.addEventListener("click", () => {
-			(e.closest(".nexa-host.nexa-chip") ?? e.closest(".nexa-chip"))?.remove();
-		}));
-	});
-}
-//#endregion
-//#region resources/ui/src/core/renderer.ts
-var je = {
-	button: "button",
-	badge: "span",
-	card: "article",
-	header: "header",
-	hero: "section",
-	features: "section",
-	logos: "section",
-	pricing: "section",
-	testimonials: "section",
-	cta: "section",
-	footer: "footer",
-	field: "div",
-	grid: "div",
-	stack: "div",
-	container: "div",
-	form: "form",
-	input: "input",
-	textarea: "textarea",
-	select: "select",
-	alert: "div",
-	modal: "div",
-	tabs: "div",
-	accordion: "div",
-	dropdown: "div",
-	spinner: "div",
-	progress: "div",
-	toast: "div",
-	breadcrumb: "nav",
-	pagination: "nav",
-	divider: "div",
-	avatar: "div",
-	auth: "main",
-	carousel: "div",
-	sheet: "div",
-	offcanvas: "div",
-	popover: "div",
-	tooltip: "span",
-	list: "div",
-	posts: "section",
-	checkout: "section",
-	table: "div",
-	collapse: "div",
-	stat: "div",
-	nav: "nav",
-	"button-group": "div",
-	"list-group": "div",
-	navbar: "nav",
-	"input-group": "div",
-	close: "button",
-	switch: "div",
-	scrollspy: "nav",
-	skeleton: "div",
-	figure: "figure",
-	chart: "div",
-	ico: "span",
-	datepicker: "div",
-	timepicker: "div",
-	chip: "span",
-	chips: "div",
-	rating: "div",
-	stepper: "div",
-	fab: "button",
-	autocomplete: "div",
-	tree: "div",
-	timeline: "div",
-	transfer: "div"
-}, E = new Set([
-	"modern",
-	"luxury",
-	"minimal"
-]), D = new Set([
-	"blue",
-	"purple",
-	"gold",
-	"green",
-	"orange",
-	"black",
-	"violet",
-	"azure",
-	"emerald",
-	"coral",
-	"light",
-	"ivory"
-]);
-function O(e) {
-	return e === "theme" || e === "map" || E.has(e);
-}
-function Me(e, t) {
-	let n = f[t];
-	n && ue(e, n);
-}
-function Ne(e) {
-	let t = E.has(e.component) ? e.component : e.modifiers.find((e) => E.has(e)) ?? (e.component === "map" ? "luxury" : "modern"), n = e.modifiers.find((e) => D.has(e)) ?? (D.has(e.component) ? e.component : "black"), r = new Set([
-		t,
-		n,
-		"map",
-		...Object.keys(p)
-	]), i = e.modifiers.filter((e) => !r.has(e) && !E.has(e) && !D.has(e) && !C(e));
-	return {
-		classes: [
-			"nexa-theme",
-			`nexa-${t}`,
-			`nexa-${n}`,
-			...i.map((e) => `nexa-${e}`)
-		],
-		color: n
-	};
-}
-function Pe(e, t) {
-	let n = Ne(t);
-	e.classList.add(...n.classes);
-	let r = S(t.modifiers);
-	if (r) {
-		ce(e, r), e.dataset.nexaMapCmd = r;
-		return;
-	}
-	Me(e, n.color);
-}
-function Fe(e, t, n) {
-	return t === "button" ? n.join(" ") || "primary" : t === "input" || t === "textarea" || t === "select" ? n.join(" ") : [e, ...n].join(" ").trim();
-}
-function Ie({ registry: e }) {
-	return {
-		render(t) {
-			try {
-				let n = t.getAttribute("nexa") ?? "", r = t.tagName.toLowerCase(), i = n.trim() ? w(n) : {
-					component: r,
-					modifiers: [],
-					attributes: {},
-					raw: n
-				}, a = i, o = e.resolve(a.component);
-				if (!o && e.resolve(r) && (a = {
-					...i,
-					component: r,
-					modifiers: [i.component, ...i.modifiers].filter((e) => e && e !== r)
-				}, o = e.resolve(r)), !o && (r === "body" || O(a.component))) {
-					if (a.component === "map" && !S(a.modifiers)) throw Error("استخدم: map #ec4899 · map pink · map:my-brand — مثال: nexa=\"luxury black map #ec4899\"");
-					return Pe(t, a), { ok: !0 };
-				}
-				if (!o) throw Error(`Unknown “${a.component}”. Try: ${e.list().join(", ")}`);
-				let s = Se(a.component, a.modifiers);
-				if (s) throw Error(s);
-				t.className = `${t.className} nexa-host nexa-${a.component} ${a.modifiers.map((e) => `nexa-${e}`).join(" ")}`.trim();
-				let c = t.innerHTML.trim() || a.label || "", l = o({
-					...a,
-					content: c,
-					element: t
-				});
-				return r !== "input" && l !== c && (t.innerHTML = l), { ok: !0 };
-			} catch (e) {
-				return {
-					ok: !1,
-					error: e instanceof Error ? e.message : "Render failed"
-				};
-			}
-		},
-		renderPage(e, t) {
-			try {
-				let n = _e(e);
-				if (!n.length) throw Error("Write at least one command, such as: btn primary");
-				let r = n.find((e) => O(e.component) || e.modifiers.includes("map"));
-				if (n = n.filter((e) => !O(e.component) && e.component !== "map"), n[0]?.component === "page") {
-					let e = n[0].modifiers, t = e.includes("auth");
-					if (!r) {
-						let t = e.find((e) => E.has(e)) ?? "luxury", n = e.find((e) => D.has(e)) ?? "blue";
-						r = {
-							component: "theme",
-							modifiers: [t, n],
-							attributes: {},
-							raw: `theme ${t} ${n}`
-						};
-					}
-					n = t ? [w("auth"), ...n.slice(1)] : e.includes("portfolio") ? [
-						w("header simple"),
-						w("hero centered minimal"),
-						w("features cards-3"),
-						w("testimonials featured"),
-						w("cta bold"),
-						w("footer simple"),
-						...n.slice(1)
-					] : e.includes("dashboard") ? [
-						w("header glass fixed"),
-						w("stat"),
-						w("features cards-4"),
-						w("pricing"),
-						w("cta"),
-						w("footer simple"),
-						...n.slice(1)
-					] : e.includes("store") ? [
-						w("header glass fixed"),
-						w("hero split"),
-						w("logos"),
-						w("features cards-4"),
-						w("pricing"),
-						w("testimonials"),
-						w("cta bold"),
-						w("footer dark mega"),
-						...n.slice(1)
-					] : e.includes("blog") ? [
-						w("header simple"),
-						w("hero minimal centered"),
-						w("posts cards-3"),
-						w("testimonials"),
-						w("cta"),
-						w("footer simple"),
-						...n.slice(1)
-					] : e.includes("checkout") ? [
-						w("header simple"),
-						w("checkout"),
-						w("footer simple"),
-						...n.slice(1)
-					] : [
-						w("header glass fixed"),
-						w("hero split"),
-						w("logos"),
-						w("features cards-3"),
-						w("pricing"),
-						w("testimonials"),
-						w("cta"),
-						w("footer dark"),
-						...n.slice(1)
-					];
-				}
-				t.replaceChildren();
-				let i = document.createElement("main");
-				Pe(i, r ?? {
-					component: "modern",
-					modifiers: ["blue"]
-				});
-				let a = document.createElement("div"), o = n.length === 1 && n[0]?.component === "auth", s = n.some((e) => e.component === "checkout");
-				a.className = o ? "nexa-auth-stage" : s ? "nexa-checkout-stage" : "nexa-short-stage", i.appendChild(a), t.appendChild(i);
-				for (let e of n) {
-					let t = he(e.component), n = je[t] ?? "div", r = document.createElement(n);
-					r.setAttribute("nexa", Fe(t, n, e.modifiers));
-					for (let [t, n] of Object.entries(e.attributes)) !/^on/i.test(t) && t !== "srcdoc" && r.setAttribute(t, n);
-					e.label ? r.textContent = e.label : t === "button" && (r.textContent = "Button"), a.appendChild(r);
-					let i = this.render(r);
-					if (!i.ok) throw Error(`${e.raw}: ${i.error}`);
-				}
-				return { ok: !0 };
-			} catch (e) {
-				return {
-					ok: !1,
-					error: e instanceof Error ? e.message : "Page render failed"
-				};
-			}
-		},
-		mount(e = document) {
-			let t = e.querySelectorAll("[nexa]"), n;
-			for (let e of t) {
-				let t = this.render(e);
-				!t.ok && !n && (n = t.error, e.dataset.nexaError = t.error);
-			}
-			return Ce(e), e.querySelector("[data-nexa-echart]") && import("./echarts-mount-DWNKcqeo.js").then(({ wireEcharts: t }) => t(e)), n ? {
-				ok: !1,
-				error: n
-			} : { ok: !0 };
-		}
-	};
-}
-var k = new class {
-	components = /* @__PURE__ */ new Map();
-	register(e, t) {
-		return this.components.set(e, t), this;
-	}
-	resolve(e) {
-		return this.components.get(e);
-	}
-	list() {
-		return [...this.components.keys()];
-	}
-}(), A = {
-	mark: "/nexa-mark.png",
-	markSource: "/nexa-mark-source.png",
-	mark512: "/nexa-mark-512.png",
-	mark256: "/nexa-mark-256.png",
-	mark128: "/nexa-mark.png",
-	mark96: "/nexa-mark-96.png",
-	mark64: "/nexa-mark-64.png",
-	mark48: "/nexa-mark-48.png",
-	mark40: "/nexa-mark-40.png",
-	mark32: "/nexa-mark-32.png",
-	mark24: "/nexa-mark-24.png",
-	markApple: "/nexa-mark-apple.png",
-	markProduct: "/nexa-mark-product.png",
-	markProduct256: "/nexa-mark-product-256.png",
-	wordmark: "/nexa-wordmark.png",
-	heroSculpture: "/nexa-hero-sculpture.png",
-	heroSculpture640: "/nexa-hero-sculpture-640.png",
-	heroSculpture960: "/nexa-hero-sculpture-960.png",
-	heroSculpture1280: "/nexa-hero-sculpture-1280.png",
-	visionReference: "/nexa-palette-vision.png",
-	cardsVision: "/nexa-cards-vision.jpg",
-	cardsDir: "/cards/",
-	cardHeroArt: "hero",
-	favicon: "/favicon.svg"
-}, Le = {
-	mark: "/nexa-mark.png",
-	wordmark: "/nexa-wordmark.png",
-	sculpture: "/nexa-hero-sculpture.png",
-	hero: "/nexa-hero-sculpture.png"
-};
-function j(e) {
-	return Le[e.trim().toLowerCase()] ?? e;
-}
-function M(e) {
-	let t = e.trim().toLowerCase();
-	return t === "hero" || t === "sculpture" || t === "vision";
-}
-function Re(e = 40) {
-	let t = Math.ceil(e);
-	return [
-		`${A.mark64} ${Math.round(t * 1.5)}w`,
-		`${A.mark128} ${t * 2}w`,
-		`${A.mark256} ${t * 3}w`,
-		`${A.mark512} ${t * 4}w`
-	].join(", ");
-}
-function ze() {
-	return [
-		`${A.markProduct256} 256w`,
-		`${A.markProduct} 384w`,
-		`${A.mark512} 512w`
-	].join(", ");
-}
-function Be() {
-	return [
-		`${A.heroSculpture640} 640w`,
-		`${A.heroSculpture960} 960w`,
-		`${A.heroSculpture1280} 1280w`,
-		`${A.heroSculpture} 3209w`
-	].join(", ");
-}
-//#endregion
-//#region resources/ui/src/components/art.ts
-function Ve() {
-	return `<div class="nexa-art nexa-sculpture" aria-hidden="true">
-  <div class="nexa-art-bloom"></div>
-  <img class="nexa-sculpture-img" src="${A.heroSculpture}" alt="" decoding="async">
-  <div class="nexa-art-dots"></div>
- </div>`;
-}
-function He() {
-	return `<img class="nexa-card-product-mark" src="${A.mark512}" srcset="${ze()}" sizes="128px" width="128" height="128" alt="" decoding="async">`;
-}
-function Ue(e = "cover") {
-	return e === "product" ? He() : `<div class="nexa-card-hero-art is-${e}" aria-hidden="true">
-  <div class="nexa-card-hero-bloom"></div>
-  ${`<img class="nexa-card-hero-sculpture" src="${A.heroSculpture960}" srcset="${Be()}" sizes="(max-width:640px) 40vw, 320px" alt="" decoding="async">`}
-  <div class="nexa-card-hero-dots"></div>
- </div>`;
-}
-//#endregion
-//#region node_modules/lucide/dist/esm/icons/arrow-right.mjs
-var We = [["path", { d: "M5 12h14" }], ["path", { d: "m12 5 7 7-7 7" }]], Ge = [["path", { d: "m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526" }], ["circle", {
-	cx: "12",
-	cy: "8",
-	r: "6"
-}]], Ke = [["path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }], ["path", { d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" }]], qe = [["path", { d: "M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z" }]], Je = [
-	["path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }],
-	["path", { d: "m3.3 7 8.7 5 8.7-5" }],
-	["path", { d: "M12 22V12" }]
-], N = [
-	["path", { d: "M8 2v3" }],
-	["path", { d: "M16 2v3" }],
-	["rect", {
-		x: "3",
-		y: "3",
-		width: "18",
-		height: "18",
-		rx: "2"
-	}],
-	["path", { d: "M3 9h18" }]
-], Ye = [["path", { d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z" }], ["circle", {
-	cx: "12",
-	cy: "13",
-	r: "3"
-}]], P = [
-	["path", { d: "M3 3v16a2 2 0 0 0 2 2h16" }],
-	["path", { d: "M18 17V9" }],
-	["path", { d: "M13 17V5" }],
-	["path", { d: "M8 17v-3" }]
-], Xe = [["path", { d: "M3 3v16a2 2 0 0 0 2 2h16" }], ["path", { d: "m19 9-5 5-4-4-3 3" }]], F = [["path", { d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z" }], ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83" }]], I = [["path", { d: "M20 6 9 17l-5-5" }]], Ze = [["path", { d: "m9 18 6-6-6-6" }]], Qe = [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10"
-}], ["path", { d: "m16 9-5.5 5.5L8 12" }]], $e = [["circle", {
-	cx: "12",
-	cy: "12",
-	r: "10"
-}], ["path", { d: "M12 6v6l4 2" }]], et = [["path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" }]], tt = [["path", { d: "m16 18 6-6-6-6" }], ["path", { d: "m8 6-6 6 6 6" }]], nt = [
-	["path", { d: "M12 20v2" }],
-	["path", { d: "M12 2v2" }],
-	["path", { d: "M17 20v2" }],
-	["path", { d: "M17 2v2" }],
-	["path", { d: "M2 12h2" }],
-	["path", { d: "M2 17h2" }],
-	["path", { d: "M2 7h2" }],
-	["path", { d: "M20 12h2" }],
-	["path", { d: "M20 17h2" }],
-	["path", { d: "M20 7h2" }],
-	["path", { d: "M7 20v2" }],
-	["path", { d: "M7 2v2" }],
-	["rect", {
-		x: "4",
-		y: "4",
-		width: "16",
-		height: "16",
-		rx: "2"
-	}],
-	["rect", {
-		x: "8",
-		y: "8",
-		width: "8",
-		height: "8",
-		rx: "1"
-	}]
-], rt = [["rect", {
-	width: "20",
-	height: "14",
-	x: "2",
-	y: "5",
-	rx: "2"
-}], ["line", {
-	x1: "2",
-	x2: "22",
-	y1: "10",
-	y2: "10"
-}]], it = [
-	["ellipse", {
-		cx: "12",
-		cy: "5",
-		rx: "9",
-		ry: "3"
-	}],
-	["path", { d: "M3 5V19A9 3 0 0 0 21 19V5" }],
-	["path", { d: "M3 12A9 3 0 0 0 21 12" }]
-], at = [
-	["path", { d: "M12 15V3" }],
-	["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }],
-	["path", { d: "m7 10 5 5 5-5" }]
-], ot = [["path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }], ["circle", {
-	cx: "12",
-	cy: "12",
-	r: "3"
-}]], st = [["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }], ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }]], ct = [["path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }]], lt = [["path", { d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" }]], ut = [
-	["line", {
-		x1: "6",
-		x2: "10",
-		y1: "11",
-		y2: "11"
-	}],
-	["line", {
-		x1: "8",
-		x2: "8",
-		y1: "9",
-		y2: "13"
-	}],
-	["line", {
-		x1: "15",
-		x2: "15.01",
-		y1: "12",
-		y2: "12"
-	}],
-	["line", {
-		x1: "18",
-		x2: "18.01",
-		y1: "10",
-		y2: "10"
-	}],
-	["path", { d: "M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" }]
-], dt = [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10"
-	}],
-	["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }],
-	["path", { d: "M2 12h20" }]
-], ft = [["path", { d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3" }]], pt = [["path", { d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5" }]], mt = [["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" }], ["path", { d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }]], ht = [
-	["rect", {
-		width: "18",
-		height: "18",
-		x: "3",
-		y: "3",
-		rx: "2",
-		ry: "2"
-	}],
-	["circle", {
-		cx: "9",
-		cy: "9",
-		r: "2"
-	}],
-	["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]
-], gt = [["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12" }], ["path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" }]], _t = [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10"
-	}],
-	["path", { d: "M12 16v-4" }],
-	["path", { d: "M12 8h.01" }]
-], vt = [
-	["path", { d: "m2 21 9.6-9.6" }],
-	["path", { d: "m7.5 15.5 2.3 2.3a1 1 0 0 1 0 1.4l-2.1 2.1a1 1 0 0 1-1.4 0L4 19" }],
-	["circle", {
-		cx: "15.5",
-		cy: "7.5",
-		r: "5.5"
-	}]
-], yt = [
-	["path", { d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z" }],
-	["path", { d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12" }],
-	["path", { d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17" }]
-], bt = [
-	["rect", {
-		width: "7",
-		height: "7",
-		x: "3",
-		y: "3",
-		rx: "1"
-	}],
-	["rect", {
-		width: "7",
-		height: "7",
-		x: "14",
-		y: "3",
-		rx: "1"
-	}],
-	["rect", {
-		width: "7",
-		height: "7",
-		x: "14",
-		y: "14",
-		rx: "1"
-	}],
-	["rect", {
-		width: "7",
-		height: "7",
-		x: "3",
-		y: "14",
-		rx: "1"
-	}]
-], xt = [["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }], ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }]], L = [
-	["path", { d: "M13 5h8" }],
-	["path", { d: "M13 12h8" }],
-	["path", { d: "M13 19h8" }],
-	["path", { d: "m3 17 2 2 4-4" }],
-	["rect", {
-		x: "3",
-		y: "4",
-		width: "6",
-		height: "6",
-		rx: "1"
-	}]
-], St = [["rect", {
-	width: "18",
-	height: "11",
-	x: "3",
-	y: "11",
-	rx: "2",
-	ry: "2"
-}], ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4" }]], Ct = [["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" }], ["rect", {
-	x: "2",
-	y: "4",
-	width: "20",
-	height: "16",
-	rx: "2"
-}]], R = [["path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }], ["circle", {
-	cx: "12",
-	cy: "10",
-	r: "3"
-}]], wt = [
-	["path", { d: "M4 5h16" }],
-	["path", { d: "M4 12h16" }],
-	["path", { d: "M4 19h16" }]
-], Tt = [["path", { d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" }]], Et = [["path", { d: "M5 12h14" }]], Dt = [["path", { d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401" }]], Ot = [
-	["path", { d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z" }],
-	["path", { d: "M12 22V12" }],
-	["polyline", { points: "3.29 7 12 12 20.71 7" }],
-	["path", { d: "m7.5 4.27 9 5.15" }]
-], kt = [
-	["path", { d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z" }],
-	["circle", {
-		cx: "13.5",
-		cy: "6.5",
-		r: ".5",
-		fill: "currentColor"
-	}],
-	["circle", {
-		cx: "17.5",
-		cy: "10.5",
-		r: ".5",
-		fill: "currentColor"
-	}],
-	["circle", {
-		cx: "6.5",
-		cy: "12.5",
-		r: ".5",
-		fill: "currentColor"
-	}],
-	["circle", {
-		cx: "8.5",
-		cy: "7.5",
-		r: ".5",
-		fill: "currentColor"
-	}]
-], At = [["path", { d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" }]], jt = [["path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" }]], Mt = [["path", { d: "M5 12h14" }], ["path", { d: "M12 5v14" }]], Nt = [["path", { d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z" }], ["path", { d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z" }]], Pt = [
-	["path", { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" }],
-	["path", { d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09" }],
-	["path", { d: "M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z" }],
-	["path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05" }]
-], Ft = [["path", { d: "m21 21-4.34-4.34" }], ["circle", {
-	cx: "11",
-	cy: "11",
-	r: "8"
-}]], It = [["path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }], ["circle", {
-	cx: "12",
-	cy: "12",
-	r: "3"
-}]], Lt = [
-	["circle", {
-		cx: "18",
-		cy: "5",
-		r: "3"
-	}],
-	["circle", {
-		cx: "6",
-		cy: "12",
-		r: "3"
-	}],
-	["circle", {
-		cx: "18",
-		cy: "19",
-		r: "3"
-	}],
-	["line", {
-		x1: "8.59",
-		x2: "15.42",
-		y1: "13.51",
-		y2: "17.49"
-	}],
-	["line", {
-		x1: "15.41",
-		x2: "8.59",
-		y1: "6.51",
-		y2: "10.49"
-	}]
-], Rt = [["path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }]], z = [
-	["path", { d: "m2.05 2.05 1.099-.028a1 1 0 0 1 1.008.815l2.69 14.347A1 1 0 0 0 7.83 18H18" }],
-	["path", { d: "M4.563 5h16.435a1 1 0 0 1 .981 1.204l-1.026 6.226A2 2 0 0 1 18.962 14H6.25" }],
-	["circle", {
-		cx: "18",
-		cy: "20",
-		r: "2"
-	}],
-	["circle", {
-		cx: "8",
-		cy: "20",
-		r: "2"
-	}]
-], zt = [
-	["path", { d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" }],
-	["path", { d: "M20 2v4" }],
-	["path", { d: "M22 4h-4" }],
-	["circle", {
-		cx: "4",
-		cy: "20",
-		r: "2"
-	}]
-], Bt = [["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }], ["path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" }]], Vt = [["path", { d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" }]], Ht = [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "4"
-	}],
-	["path", { d: "M12 2v2" }],
-	["path", { d: "M12 20v2" }],
-	["path", { d: "m4.93 4.93 1.41 1.41" }],
-	["path", { d: "m17.66 17.66 1.41 1.41" }],
-	["path", { d: "M2 12h2" }],
-	["path", { d: "M20 12h2" }],
-	["path", { d: "m6.34 17.66-1.41 1.41" }],
-	["path", { d: "m19.07 4.93-1.41 1.41" }]
-], Ut = [["path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }], ["circle", {
-	cx: "7.5",
-	cy: "7.5",
-	r: ".5",
-	fill: "currentColor"
-}]], Wt = [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10"
-	}],
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "6"
-	}],
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "2"
-	}]
-], Gt = [
-	["path", { d: "M10 11v6" }],
-	["path", { d: "M14 11v6" }],
-	["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
-	["path", { d: "M3 6h18" }],
-	["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]
-], Kt = [["path", { d: "M16 17h6v-6" }], ["path", { d: "m22 17-8.5-8.5-5 5L2 7" }]], qt = [["path", { d: "M16 7h6v6" }], ["path", { d: "m22 7-8.5 8.5-5-5L2 17" }]], Jt = [
-	["path", { d: "M12 3v12" }],
-	["path", { d: "m17 8-5-5-5 5" }],
-	["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }]
-], Yt = [["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }], ["circle", {
-	cx: "12",
-	cy: "7",
-	r: "4"
-}]], Xt = [
-	["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }],
-	["path", { d: "M16 3.128a4 4 0 0 1 0 7.744" }],
-	["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }],
-	["circle", {
-		cx: "9",
-		cy: "7",
-		r: "4"
-	}]
-], Zt = [["path", { d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" }], ["rect", {
-	x: "2",
-	y: "6",
-	width: "14",
-	height: "12",
-	rx: "2"
-}]], Qt = [
-	["path", { d: "M12 20h.01" }],
-	["path", { d: "M2 8.82a15 15 0 0 1 20 0" }],
-	["path", { d: "M5 12.859a10 10 0 0 1 14 0" }],
-	["path", { d: "M8.5 16.429a5 5 0 0 1 7 0" }]
-], $t = [["path", { d: "M18 6 6 18" }], ["path", { d: "m6 6 12 12" }]], B = [["path", { d: "M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z" }]], V = {
-	zap: B,
-	bolt: B,
-	lightning: B,
-	calendar: N,
-	date: N,
-	event: N,
-	cart: z,
-	"shopping-cart": z,
-	bag: z,
-	user: Yt,
-	profile: Yt,
-	users: Xt,
-	team: Xt,
-	mail: Ct,
-	email: Ct,
-	message: Tt,
-	chat: Tt,
-	star: Vt,
-	rating: Vt,
-	heart: pt,
-	like: pt,
-	"trending-up": qt,
-	trend: qt,
-	"trending-down": Kt,
-	check: I,
-	done: I,
-	"circle-check": Qe,
-	"chevron-right": Ze,
-	arrow: We,
-	"arrow-right": We,
-	play: jt,
-	video: Zt,
-	chart: P,
-	bar: P,
-	"bar-chart": P,
-	line: Xe,
-	"line-chart": Xe,
-	pie: F,
-	"pie-chart": F,
-	donut: F,
-	sparkles: zt,
-	feature: zt,
-	quote: Nt,
-	tasks: L,
-	task: L,
-	list: L,
-	pin: R,
-	location: R,
-	map: R,
-	package: Ot,
-	product: Ot,
-	box: Je,
-	card: rt,
-	pricing: rt,
-	grid: bt,
-	settings: It,
-	search: Ft,
-	menu: wt,
-	close: $t,
-	x: $t,
-	plus: Mt,
-	minus: Et,
-	home: mt,
-	bell: Ke,
-	notification: Ke,
-	bookmark: qe,
-	save: qe,
-	camera: Ye,
-	cloud: et,
-	download: at,
-	upload: Jt,
-	edit: Bt,
-	pen: Bt,
-	eye: ot,
-	view: ot,
-	file: st,
-	folder: ct,
-	globe: dt,
-	world: dt,
-	image: ht,
-	photo: ht,
-	inbox: gt,
-	info: _t,
-	key: vt,
-	link: xt,
-	lock: St,
-	moon: Dt,
-	sun: Ht,
-	phone: At,
-	call: At,
-	share: Lt,
-	shield: Rt,
-	tag: Ut,
-	trash: Gt,
-	delete: Gt,
-	wifi: Qt,
-	clock: $e,
-	time: $e,
-	filter: lt,
-	layers: yt,
-	palette: kt,
-	rocket: Pt,
-	target: Wt,
-	award: Ge,
-	code: tt,
-	database: it,
-	db: it,
-	cpu: nt,
-	game: ut,
-	headphones: ft,
-	audio: ft
-}, en = {
-	sm: 18,
-	md: 24,
-	lg: 32,
-	xl: 40
-}, tn = new Set([
-	"regular",
-	"bold",
-	"fat",
-	"full",
-	"fill",
-	"filled",
-	"solid",
-	"thin",
-	"outline",
-	"light"
-]), nn = new Set([
-	"sm",
-	"md",
-	"lg",
-	"xl",
-	"small",
-	"medium",
-	"large",
-	"compact",
-	"tall"
-]);
-function H(e) {
-	return e.trim().toLowerCase().replace(/\s+/g, "-").replace(/_/g, "-");
-}
-function rn(e) {
-	return e.some((e) => e === "xl") ? "xl" : e.some((e) => e === "lg" || e === "large" || e === "tall") ? "lg" : e.some((e) => e === "sm" || e === "small" || e === "compact") ? "sm" : (e.some((e) => e === "md" || e === "medium"), "md");
-}
-function an(e) {
-	return !!V[H(e)];
-}
-function on(e) {
-	return V[H(e)] ?? null;
-}
-function sn() {
-	let e = /* @__PURE__ */ new Set(), t = [];
-	for (let [n, r] of Object.entries(V)) e.has(r) || (e.add(r), t.push(n));
-	return t.sort();
-}
-function cn(e) {
-	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
-}
-function ln(e, t) {
-	let n = t?.trim().toLowerCase();
-	return n === "fill" || n === "filled" || n === "solid" ? "fill" : n === "thin" || n === "outline" || n === "light" ? "thin" : n === "bold" || n === "fat" || n === "full" ? "bold" : e.some((e) => [
-		"fill",
-		"filled",
-		"solid"
-	].includes(e)) ? "fill" : e.some((e) => [
-		"thin",
-		"outline",
-		"light"
-	].includes(e)) ? "thin" : e.some((e) => [
-		"bold",
-		"fat",
-		"full"
-	].includes(e)) ? "bold" : "regular";
-}
-function un(e) {
-	return e === "fill" ? {
-		fill: "currentColor",
-		stroke: "none",
-		strokeWidth: "0",
-		classExtra: "is-fill"
-	} : e === "thin" ? {
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "1.5",
-		classExtra: "is-thin"
-	} : e === "bold" ? {
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2.5",
-		classExtra: "is-bold"
-	} : {
-		fill: "none",
-		stroke: "currentColor",
-		strokeWidth: "2",
-		classExtra: "is-regular"
-	};
-}
-function dn(e, t) {
-	return e.map(([e, n]) => {
-		let r = {};
-		for (let [e, t] of Object.entries(n)) t !== void 0 && (r[e] = t);
-		return t === "fill" && (r.fill = "currentColor", r.stroke = "none"), `<${e} ${Object.entries(r).map(([e, t]) => `${e}="${cn(String(t))}"`).join(" ")}/>`;
-	}).join("");
-}
-function U(e, t = "md", n = "nexa-icon", r = "regular") {
-	let i = on(e);
-	if (!i) return "";
-	let a = typeof t == "number" ? t : en[t] ?? en.md, o = un(r), s = `${n} ${o.classExtra}`.trim();
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${a}" viewBox="0 0 24 24" fill="${o.fill}" stroke="${o.stroke}" stroke-width="${o.strokeWidth}" stroke-linecap="round" stroke-linejoin="round" class="${s}" aria-hidden="true">${dn(i, r)}</svg>`;
-}
-function W(e, t = 24, n = "nexa-icon", r = "regular") {
-	let i = e.trim();
-	return i ? /^https?:\/\//.test(i) || i.startsWith("/") ? `<img src="${cn(i)}" alt="" loading="lazy" class="${n} is-img">` : an(i) ? U(i, t, n, r) : `<span class="${n} is-emoji" aria-hidden="true">${i}</span>` : "";
-}
-function fn(e) {
-	e.register("ico", ({ modifiers: e, element: t, label: n }) => {
-		let r = (n ?? "").trim().split(/\s+/).map(H).filter(Boolean), i = [...e.map(H), ...r], a = rn(i), o = ln(i, t.getAttribute("weight"));
-		return U(i.find((e) => !nn.has(e) && !tn.has(e)) ?? t.getAttribute("name") ?? t.getAttribute("icon") ?? "zap", a, "nexa-icon", o);
-	});
-}
-//#endregion
-//#region resources/ui/src/components/card-layouts.ts
-var pn = [
-	"cover",
-	"product",
-	"video",
-	"event",
-	"promo",
-	"pricing",
-	"analytics",
-	"quote",
-	"tasks",
-	"profile",
-	"feature",
-	"media",
-	"icon",
-	"metric"
-];
-function mn(e, t) {
-	return e.includes(t);
-}
-function hn(e) {
-	for (let t of pn) if (mn(e, t)) return t;
-	return mn(e, "horizontal"), "default";
-}
-function G(e) {
-	return e.getAttribute("image") ?? e.getAttribute("img") ?? e.getAttribute("cover") ?? "";
-}
-function gn(e) {
-	let t = (e.getAttribute("art") ?? "").toLowerCase();
-	if (t === "hero" || t === "sculpture" || t === "vision") return !0;
-	let n = G(e);
-	return n ? M(n) : !1;
-}
-function K(e, t = "") {
-	let n = G(e);
-	if (!n) return t;
-	if (M(n)) return "";
-	let r = j(n);
-	return r.startsWith("/") || /^https?:\/\//.test(r) ? r : `/cards/${r}`;
-}
-function _n(e, t = j("mark")) {
-	let n = e.getAttribute("avatar") ?? G(e);
-	if (!n || M(n)) return t;
-	let r = j(n);
-	return r.startsWith("/") || /^https?:\/\//.test(r) ? r : `/cards/${r}`;
-}
-function q(e, t, n = "", r = !1) {
-	if (gn(e) || r && !G(e)) return Ue(t);
-	let i = K(e, n);
-	return i ? `<img src="${i}" alt="" loading="lazy">` : r || t === "cover" ? Ue(t) : "";
-}
-function J(e, t = !1) {
-	return t ? `<button class="nexa-cta is-ghost" type="button">${e}</button>` : `<button class="nexa-cta nexa-card-cta" type="button"><span>${e}</span><i class="nexa-cta-arrow" aria-hidden="true"></i></button>`;
-}
-function Y(e) {
-	return `<a class="nexa-card-link" href="#">${e}</a>`;
-}
-function X(e, t = "") {
-	return `<span class="nexa-card-badge${t ? ` ${t}` : ""}">${e}</span>`;
-}
-function vn(e) {
-	let t = r(e, /,/).map((e) => Number(e.trim())).filter((e) => Number.isFinite(e));
-	if (t.length < 2) return "";
-	let n = Math.max(...t), i = Math.min(...t), a = n - i || 1;
-	return `<svg class="nexa-card-spark" viewBox="0 0 220 52" preserveAspectRatio="none" aria-hidden="true"><polyline fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" points="${t.map((e, n) => {
-		let r = n / (t.length - 1) * 220, o = 52 - (e - i) / a * 42 - 5;
-		return `${r.toFixed(1)},${o.toFixed(1)}`;
-	}).join(" ")}"/></svg>`;
-}
-function yn(e) {
-	let t = Math.min(5, Math.max(0, Math.round(Number(e) || 0)));
-	return `${"★".repeat(t)}${"☆".repeat(5 - t)}`;
-}
-function bn(e) {
-	return l(e.getAttribute("tasks") ?? e.getAttribute("items")).map((e) => {
-		let t = e.head, n = (e.body || "medium").toLowerCase();
-		return {
-			checked: t.startsWith("[x]") || t.startsWith("✓"),
-			label: t.replace(/^\[x\]\s*|^\[ \]\s*|^✓\s*/, "").trim(),
-			priority: n
-		};
-	});
-}
-function xn(e) {
-	return r(e.getAttribute("features") ?? e.getAttribute("items"));
-}
-function Sn(e) {
-	return l(e.getAttribute("stats")).map((e) => ({
-		label: e.head,
-		value: e.body
-	}));
-}
-function Cn(e, t, n) {
-	let { badge: r, title: i, text: a, cta: o, tag: s } = n;
-	switch (t) {
-		case "cover": return wn(e, r, i, a, o, s);
-		case "product": return Tn(e, r, i, a, o, s);
-		case "video": return En(e, r, i, a, o, s);
-		case "event": return Dn(e, i, a, o, s);
-		case "promo": return On(e, r, i, a, o, s);
-		case "pricing": return kn(e, r, i, a, o, s);
-		case "analytics": return An(e, i, a, s);
-		case "quote": return jn(e, i, a, s);
-		case "tasks": return Mn(e, i, o, s);
-		case "profile": return Nn(e, i, a, o, s);
-		case "feature": return Pn(e, r, i, a, o, s);
-		case "media": return Fn(e, r, i, a, o, s);
-		case "icon": return In(e, r, i, a, o, s);
-		case "metric": return Ln(e, i, a, o, s);
-		default: return Rn(e, r, i, a, o, s);
-	}
-}
-function wn(e, t, n, r, i, a) {
-	let o = e.getAttribute("badge") ?? e.getAttribute("eyebrow") ?? t ?? "Featured", s = e.getAttribute("category") ?? "", c = e.getAttribute("price") ?? "";
-	return `<div class="nexa-card-cover">${q(e, "cover", "", !0)}<div class="nexa-card-cover-overlay">${o ? X(o, "is-light") : ""}${s ? `<small class="nexa-card-category">${s}</small>` : ""}<h3>${n}</h3>${r ? `<p>${r}</p>` : ""}<div class="nexa-card-cover-foot">${c ? `<b>${c}</b>` : ""}${i ? J(i) : ""}</div></div></div>${a}`;
-}
-function Tn(e, t, n, r, i, a) {
-	let o = e.getAttribute("badge") ?? e.getAttribute("eyebrow") ?? t, s = e.getAttribute("rating") ?? "4.8", c = e.getAttribute("reviews") ?? "128", l = e.getAttribute("price") ?? "$199", u = e.getAttribute("compare") ?? e.getAttribute("was") ?? "", d = i ?? "";
-	return `<div class="nexa-card-product"><div class="nexa-card-media">${K(e) ? `<img class="nexa-card-product-photo" src="${K(e)}" alt="" loading="lazy">` : He()}</div><div class="nexa-card-body">${o ? X(o, "is-new") : ""}<h3>${n}</h3><div class="nexa-card-rating"><span class="nexa-card-stars" aria-hidden="true">${yn(s)}</span><span>${s}</span><em>(${c})</em></div><p>${r}</p><div class="nexa-card-product-foot"><div class="nexa-card-prices"><b>${l}</b>${u ? `<s>${u}</s>` : ""}</div>${d ? J(d) : ""}</div></div></div>${a}`;
-}
-function En(e, t, n, r, i, a) {
-	let o = e.getAttribute("category") ?? t, s = e.getAttribute("duration") ?? "12:40", c = e.getAttribute("views") ?? "2.4k views";
-	return `<div class="nexa-card-video"><div class="nexa-card-video-media">${q(e, "cover", "", !0)}<button class="nexa-card-play" type="button" aria-label="Play">▶</button></div><div class="nexa-card-body"><small>${o}</small><h3>${n}</h3><p>${r}</p><div class="nexa-card-meta"><span>${s}</span><span>${c}</span></div>${i ? `<footer class="nexa-card-foot">${Y(i)}</footer>` : ""}</div></div>${a}`;
-}
-function Dn(e, t, n, r, i) {
-	let a = e.getAttribute("icon") ?? "calendar", o = e.getAttribute("date") ?? e.getAttribute("when") ?? "Oct 12, 2025", s = e.getAttribute("location") ?? e.getAttribute("where") ?? "San Francisco";
-	return `<div class="nexa-card-event"><div class="nexa-card-event-icon" aria-hidden="true">${W(a, 22, "nexa-icon")}</div><div><h3>${t}</h3><p>${n}</p><ul class="nexa-card-event-meta"><li>${o}</li><li>${s}</li></ul>${r ? Y(r) : ""}</div></div>${i}`;
-}
-function On(e, t, n, r, i, a) {
-	let o = xn(e);
-	return `<div class="nexa-card-promo"><div class="nexa-card-promo-visual">${q(e, "inline", "", !0)}</div><div class="nexa-card-body">${X(t)}<h3>${n}</h3><p>${r}</p>${o.length ? `<ul class="nexa-card-checklist">${o.map((e) => `<li>${e}</li>`).join("")}</ul>` : ""}${i ? `<footer class="nexa-card-foot">${J(i)}</footer>` : ""}</div></div>${a}`;
-}
-function kn(e, t, n, r, i, a) {
-	let o = e.getAttribute("badge") ?? e.getAttribute("eyebrow") ?? t, s = e.getAttribute("price") ?? "$29", c = e.getAttribute("period") ?? "/month", l = e.getAttribute("hint") ?? e.getAttribute("subtext") ?? "", u = xn(e), d = e.getAttribute("text") ?? e.getAttribute("desc") ?? r;
-	return `<div class="nexa-card-pricing">${o ? X(o) : ""}<h3>${n || s}</h3><div class="nexa-card-price-line"><b>${s}</b><span>${c}</span></div>${d ? `<p>${d}</p>` : ""}${u.length ? `<ul class="nexa-card-checklist">${u.map((e) => `<li>${e}</li>`).join("")}</ul>` : ""}${i ? `<footer class="nexa-card-foot">${J(i)}${l ? `<em>${l}</em>` : ""}</footer>` : ""}</div>${a}`;
-}
-function An(e, t, n, r) {
-	let i = e.getAttribute("value") ?? e.getAttribute("metric") ?? "$24,780", a = e.getAttribute("label") ?? t, o = e.getAttribute("trend") ?? "+12.5%", s = e.getAttribute("data") ?? e.getAttribute("chart") ?? "42,58,54,71,65,88,96", c = !o.trim().startsWith("-");
-	return `<div class="nexa-card-analytics"><div class="nexa-card-analytics-head"><span>${a}</span>${o ? `<b class="nexa-card-trend${c ? " is-up" : " is-down"}">${c ? "↑" : "↓"} ${o.replace(/^[-+]/, "")}</b>` : ""}</div><div class="nexa-card-analytics-value">${i}</div>${n ? `<p>${n}</p>` : ""}${vn(s)}</div>${r}`;
-}
-function jn(e, t, n, r) {
-	let i = e.getAttribute("quote") ?? n, a = e.getAttribute("name") ?? t, o = e.getAttribute("role") ?? e.getAttribute("subtitle") ?? "", s = _n(e), c = Number(e.getAttribute("dots") ?? "3"), l = Number(e.getAttribute("active") ?? "1"), u = s ? `<img class="nexa-card-avatar" src="${s}" alt="" loading="lazy">` : `<span class="nexa-card-avatar is-initials" aria-hidden="true">${zn(a)}</span>`, d = c > 1 ? `<div class="nexa-card-dots" aria-hidden="true">${Array.from({ length: c }, (e, t) => `<i class="${t + 1 === l ? "is-active" : ""}"></i>`).join("")}</div>` : "";
-	return `<div class="nexa-card-quote"><div class="nexa-card-quote-mark" aria-hidden="true">"</div><blockquote>${i}</blockquote><div class="nexa-card-quote-user">${u}<div><strong>${a}</strong>${o ? `<span>${o}</span>` : ""}</div></div>${d}</div>${r}`;
-}
-function Mn(e, t, n, r) {
-	let i = bn(e);
-	return `<div class="nexa-card-tasks" data-nexa-tasks><header><h3>${t}</h3><span class="nexa-card-count">${e.getAttribute("count") ?? String(i.length)}</span></header><ul>${i.map((e) => `<li class="is-${e.priority}${e.checked ? " is-done" : ""}"><label><input type="checkbox"${e.checked ? " checked" : ""}><span>${e.label}</span></label><em>${e.priority}</em></li>`).join("")}</ul>${n ? Y(n) : ""}</div>${r}`;
-}
-function Nn(e, t, n, r, i) {
-	let a = e.getAttribute("name") ?? t, o = e.getAttribute("role") ?? e.getAttribute("subtitle") ?? "", s = e.getAttribute("location") ?? e.getAttribute("where") ?? "", c = Sn(e), l = _n(e), u = e.getAttribute("cta2");
-	return `<div class="nexa-card-profile-stack">${l ? `<img class="nexa-card-avatar" src="${l}" alt="" loading="lazy">` : `<span class="nexa-card-avatar is-initials" aria-hidden="true">${zn(a)}</span>`}<strong>${a}</strong>${o ? `<span class="nexa-card-role">${o}</span>` : ""}${s ? `<span class="nexa-card-location">${s}</span>` : ""}${c.length ? `<div class="nexa-card-stats">${c.map((e) => `<div><b>${e.value}</b><span>${e.label}</span></div>`).join("")}</div>` : ""}${n ? `<p>${n}</p>` : ""}<div class="nexa-card-profile-actions">${u ? `<button class="nexa-card-icon-btn" type="button" aria-label="${u}">${W("mail", 18, "nexa-icon")}</button>` : ""}${r ? J(r) : ""}</div></div>${i}`;
-}
-function Pn(e, t, n, r, i, a) {
-	let o = e.getAttribute("icon") ?? "zap", s = e.getAttribute("badge") ?? e.getAttribute("eyebrow") ?? t, c = i ?? "Learn more →";
-	return `<div class="nexa-card-feature"><div class="nexa-card-icon">${W(o, 26, "nexa-icon")}</div>${s ? X(s) : ""}<h3>${n}</h3><p>${r}</p>${c ? Y(c) : ""}</div>${a}`;
-}
-function Fn(e, t, n, r, i, a) {
-	let o = "";
-	if (gn(e) || !G(e)) o = `<div class="nexa-card-media is-hero">${q(e, "cover", "", !0)}</div>`;
-	else {
-		let t = K(e);
-		o = t ? `<div class="nexa-card-media"><img src="${t}" alt="" loading="lazy"></div>` : "<div class=\"nexa-card-media is-placeholder\" aria-hidden=\"true\"></div>";
-	}
-	return `${o}<div class="nexa-card-body"><small>${t}</small><h3>${n}</h3><p>${r}</p>${i ? `<footer class="nexa-card-foot">${J(i)}</footer>` : ""}</div>${a}`;
-}
-function In(e, t, n, r, i, a) {
-	let o = (e.getAttribute("icon") ?? e.getAttribute("icons") ?? "zap").split(",").map((e) => e.trim()).filter(Boolean), s = (e) => W(e, 22, "nexa-icon");
-	return `${o.length > 1 ? `<div class="nexa-card-icons">${o.map((e) => `<span class="nexa-card-icon-item">${s(e)}</span>`).join("")}</div>` : `<div class="nexa-card-icon">${s(o[0] ?? "zap")}</div>`}<div class="nexa-card-body"><small>${t}</small><h3>${n}</h3><p>${r}</p>${i ? `<footer class="nexa-card-foot">${J(i)}</footer>` : ""}</div>${a}`;
-}
-function Ln(e, t, n, r, i) {
-	return `<div class="nexa-card-metric"><b>${e.getAttribute("value") ?? e.getAttribute("metric") ?? "99+"}</b><span>${e.getAttribute("label") ?? t}</span></div><p>${n}</p>${r ? `<footer class="nexa-card-foot">${J(r)}</footer>` : ""}${i}`;
-}
-function Rn(e, t, n, r, i, a) {
-	let o = K(e);
-	return `${o ? `<div class="nexa-card-media"><img src="${o}" alt="" loading="lazy"></div>` : ""}<small>${t}</small><h3>${n}</h3><p>${r}</p>${i ? `<footer class="nexa-card-foot">${J(i)}</footer>` : ""}${a}`;
-}
-function zn(e) {
-	return e.split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() ?? "").join("") || "N";
-}
-//#endregion
-//#region resources/ui/src/components/card.ts
-var Bn = [
-	"soft",
-	"fade",
-	"slide",
-	"lift",
-	"tilt",
-	"flip",
-	"magnetic",
-	"float",
-	"glow",
-	"shine",
-	"aurora",
-	"bounce",
-	"zoom",
-	"pulse",
-	"reveal"
-], Vn = [
-	"plain",
-	"bordered",
-	"elevated",
-	"glass",
-	"horizontal",
-	"square",
-	"interactive"
-], Hn = {
-	soft: {
-		enter: "soft",
-		hover: "soft"
-	},
-	fade: {
-		enter: "fade",
-		hover: "soft"
-	},
-	slide: {
-		enter: "slide",
-		hover: "lift"
-	},
-	lift: {
-		enter: "slide",
-		hover: "lift"
-	},
-	tilt: {
-		enter: "fade",
-		hover: "tilt",
-		tilt: !0
-	},
-	flip: {
-		enter: "fade",
-		hover: "flip"
-	},
-	magnetic: {
-		enter: "fade",
-		hover: "magnetic",
-		magnetic: !0
-	},
-	float: {
-		enter: "float",
-		hover: "none"
-	},
-	glow: {
-		enter: "glow",
-		hover: "glow"
-	},
-	shine: {
-		enter: "shine",
-		hover: "soft"
-	},
-	aurora: {
-		enter: "aurora",
-		hover: "none"
-	},
-	bounce: {
-		enter: "bounce",
-		hover: "soft"
-	},
-	zoom: {
-		enter: "zoom",
-		hover: "soft"
-	},
-	pulse: {
-		enter: "pulse",
-		hover: "none"
-	},
-	reveal: {
-		enter: "reveal",
-		hover: "soft",
-		reveal: !0
-	}
-};
-function Un(e, t) {
-	return e.includes(t);
-}
-function Wn(e) {
-	return Bn.find((t) => Un(e, t)) ?? "soft";
-}
-function Gn(e, t) {
-	t.some((e) => Vn.includes(e)) || e.classList.add("nexa-elevated");
-	let n = hn(t);
-	if (n !== "default" && e.classList.add(`is-${n}`), Un(t, "static")) return;
-	let r = Wn(t), i = Hn[r];
-	e.classList.add(`nexa-anim-${i.enter}`), e.classList.add(`nexa-model-${r}`), e.setAttribute("data-nexa-hover", i.hover), i.tilt && e.setAttribute("data-nexa-tilt", ""), i.magnetic && e.setAttribute("data-nexa-magnetic", ""), i.reveal && e.setAttribute("data-nexa-reveal", "");
-	let a = e.getAttribute("delay");
-	a && e.style.setProperty("--nexa-anim-delay", `${a}ms`);
-}
-function Kn(e, t, n = []) {
-	if (t.trim()) return t;
-	let r = hn(n);
-	return Cn(e, r, {
-		badge: e.getAttribute("badge") ?? e.getAttribute("eyebrow") ?? "",
-		title: e.getAttribute("title") ?? (r === "default" ? "Beautiful by default" : ""),
-		text: (e.getAttribute("text") ?? e.getAttribute("desc") ?? "") || (r === "default" ? "Clean structure, refined spacing, and motion built in — one command." : ""),
-		cta: e.getAttribute("cta") ?? void 0,
-		tag: e.getAttribute("data-model-label") ? `<span class="nexa-card-model-tag">${e.getAttribute("data-model-label")}</span>` : ""
-	});
-}
-//#endregion
-//#region resources/ui/src/components/extra.ts
-var Z = [
-	"primary",
-	"secondary",
-	"outline",
-	"ghost",
-	"danger"
-];
-function qn(e) {
-	return e === "secondary" ? "nexa-cta is-secondary" : e === "outline" ? "nexa-cta is-outline" : e === "ghost" ? "nexa-cta is-ghost" : e === "danger" ? "nexa-cta is-danger" : "nexa-cta";
-}
-function Jn(e) {
-	e.register("button-group", ({ element: e, modifiers: t }) => {
-		let n = r(e.getAttribute("buttons") ?? e.getAttribute("labels") ?? "Save,Cancel"), i = r(e.getAttribute("variants") ?? "", /,/), a = s(t, "vertical");
-		return a && e.classList.add("is-vertical"), `<div class="nexa-btn-group${a ? " is-vertical" : ""}">${n.map((e, n) => {
-			let r = i[n] ?? t.find((e) => Z.includes(e)) ?? (n === 0 ? "primary" : "ghost");
-			return `<button type="button" class="${qn(Z.includes(r) ? r : "ghost")}">${e}</button>`;
-		}).join("")}</div>`;
-	}), e.register("list-group", ({ element: e, modifiers: t }) => {
-		let n = s(t, "flush"), r = l(e.getAttribute("items") ?? "Home|active;Profile;Settings|badge 3;Messages|badge 12");
-		return n && e.classList.add("is-flush"), `<ul class="nexa-list-group">${r.map((e) => {
-			let t = e.body.toLowerCase().includes("active"), n = e.body.match(/badge\s+(\S+)/i)?.[1];
-			return `<li class="nexa-list-group-item${t ? " is-active" : ""}"><span>${e.head}</span>${n ? `<i>${n}</i>` : ""}</li>`;
-		}).join("")}</ul>`;
-	}), e.register("navbar", ({ element: e, modifiers: t }) => {
-		e.setAttribute("data-nexa-navbar", ""), s(t, "fixed") && e.classList.add("is-fixed"), s(t, "dark") && e.classList.add("is-dark"), s(t, "light") && e.classList.add("is-light");
-		let n = e.getAttribute("logo") ?? "Nexa", i = e.getAttribute("logo-image"), a = e.getAttribute("logo-href") ?? "#", o = e.getAttribute("cta") ?? "Get Started", c = e.getAttribute("cta-href") ?? "#", l = r(e.getAttribute("links") ?? "Home,Features,Pricing,About").map((e) => {
-			let [t, n] = e.split("|").map((e) => e.trim());
-			return `<a href="${n || "#"}">${t}</a>`;
-		}).join("");
-		return `<a class="nexa-navbar-brand nexa-logo" href="${a}">${i ? `<img src="${i}" alt="">` : ""}<span>${n}</span></a><button type="button" class="nexa-navbar-toggle" data-nav-toggle aria-label="Menu"><i></i><i></i><i></i></button><div class="nexa-navbar-menu" data-nav-menu><div class="nexa-navbar-links" role="navigation">${l}</div><a class="nexa-cta" href="${c}">${o}</a></div>`;
-	}), e.register("input-group", ({ element: e, modifiers: t }) => {
-		let n = t.find((e) => [
-			"text",
-			"email",
-			"password",
-			"search",
-			"tel",
-			"url",
-			"number"
-		].includes(e)) ?? "text", r = e.getAttribute("label") ?? "Field", i = e.getAttribute("prefix") ?? e.getAttribute("prepend") ?? "", a = e.getAttribute("suffix") ?? e.getAttribute("append") ?? "", o = e.getAttribute("placeholder") ?? "", s = e.getAttribute("value") ?? "";
-		return `<label class="nexa-input-group"><span>${r}</span><div class="nexa-input-group-row">${i ? `<i class="nexa-input-addon">${i}</i>` : ""}<input type="${n}" placeholder="${o}" value="${s}">${a ? `<i class="nexa-input-addon">${a}</i>` : ""}</div></label>`;
-	}), e.register("close", ({ element: e }) => `<button type="button" class="nexa-close" data-nexa-close aria-label="${e.getAttribute("label") ?? "Close"}">×</button>`), e.register("switch", ({ element: e, modifiers: t }) => {
-		let n = e.getAttribute("label") ?? "Toggle", r = s(t, "checked") || e.hasAttribute("checked");
-		return `<label class="nexa-switch"><input type="checkbox" id="${`nexa-sw-${Math.random().toString(36).slice(2, 8)}`}"${r ? " checked" : ""}${s(t, "disabled") ? " disabled" : ""}><i aria-hidden="true"></i><span>${n}</span></label>`;
-	}), e.register("scrollspy", ({ element: e }) => (e.setAttribute("data-nexa-scrollspy", ""), `<div class="nexa-scrollspy" role="navigation" aria-label="Scrollspy">${l(e.getAttribute("items") ?? "#one|Section 1;#two|Section 2;#three|Section 3").map((e, t) => `<a href="${e.head.startsWith("#") ? e.head : `#${e.head}`}" data-spy-link class="${t === 0 ? "is-active" : ""}">${e.body || e.head}</a>`).join("")}</div>`)), e.register("skeleton", ({ modifiers: e }) => {
-		let t = Number(e.find((e) => /^lines-\d+$/.test(e))?.split("-")[1] ?? "0");
-		return s(e, "card") ? "<div class=\"nexa-skeleton is-card\"><i></i><b></b><b class=\"is-short\"></b></div>" : s(e, "avatar") ? "<div class=\"nexa-skeleton is-avatar\"></div>" : t > 0 ? `<div class="nexa-skeleton is-lines">${Array.from({ length: t }, (e, n) => `<i class="${n === t - 1 ? "is-short" : ""}"></i>`).join("")}</div>` : "<div class=\"nexa-skeleton\"><i></i></div>";
-	}), e.register("figure", ({ element: e, modifiers: t }) => {
-		let [n, r] = (t.find((e) => /^ratio-/.test(e))?.replace("ratio-", "") ?? e.getAttribute("ratio") ?? "16x9").split("x").map(Number), i = e.getAttribute("image") ?? e.getAttribute("src") ?? "", a = e.getAttribute("caption") ?? e.getAttribute("text") ?? "", o = e.getAttribute("alt") ?? "";
-		return e.style.setProperty("--nexa-ratio", `${n || 16}/${r || 9}`), `${i ? `<div class="nexa-figure-media"><img src="${i}" alt="${o}" loading="lazy"></div>` : "<div class=\"nexa-figure-media is-empty\"></div>"}${a ? `<figcaption>${a}</figcaption>` : ""}`;
-	}), e.register("select", ({ element: e, modifiers: t }) => {
-		let n = e.getAttribute("label") ?? "Select", i = r(e.getAttribute("options") ?? e.getAttribute("items") ?? "Option 1,Option 2,Option 3"), a = s(t, "float"), o = `${s(t, "required") ? "required" : ""} ${s(t, "disabled") ? "disabled" : ""}`.trim(), c = e.getAttribute("name"), l = c ? ` name="${c}"` : "", u = i.map((e, t) => `<option value="${e}"${t === 0 ? " selected" : ""}>${e}</option>`).join("");
-		return a ? `<label class="nexa-field-float"><select${l} ${o}>${u}</select><span>${n}</span></label>` : `<label class="nexa-field-wrap"><span>${n}</span><select${l} ${o}>${u}</select></label>`;
-	}), e.register("textarea", ({ element: e, modifiers: t }) => {
-		let n = e.getAttribute("label") ?? "Message", r = e.getAttribute("rows") ?? "4", i = s(t, "float"), a = e.getAttribute("placeholder") ?? (i ? " " : ""), o = e.getAttribute("value") ?? e.textContent?.trim() ?? "", c = `${s(t, "required") ? "required" : ""} ${s(t, "disabled") ? "disabled" : ""}`.trim(), l = e.getAttribute("name"), u = l ? ` name="${l}"` : "";
-		return i ? `<label class="nexa-field-float"><textarea${u} rows="${r}" placeholder="${a}" ${c}>${o}</textarea><span>${n}</span></label>` : `<label class="nexa-field-wrap"><span>${n}</span><textarea${u} rows="${r}" placeholder="${a}" ${c}>${o}</textarea></label>`;
-	});
-}
-//#endregion
-//#region resources/ui/src/components/pickers.ts
-var Yn = [
-	"يناير",
-	"فبراير",
-	"مارس",
-	"أبريل",
-	"مايو",
-	"يونيو",
-	"يوليو",
-	"أغسطس",
-	"سبتمبر",
-	"أكتوبر",
-	"نوفمبر",
-	"ديسمبر"
-], Xn = [
-	"أحد",
-	"إثن",
-	"ثلا",
-	"أرب",
-	"خمي",
-	"جمع",
-	"سبت"
-];
-function Q(e) {
-	return String(e).padStart(2, "0");
-}
-function Zn(e) {
-	if (!e) return null;
-	let t = e.trim().match(/^(\d{4})-(\d{2})-(\d{2})$/);
-	return t ? {
-		y: Number(t[1]),
-		m: Number(t[2]),
-		d: Number(t[3])
-	} : null;
-}
-function Qn(e, t, n) {
-	return `${n} ${Yn[t - 1]} ${e}`;
-}
-function $n(e, t, n) {
-	let r = new Date(e, t - 1, 1).getDay(), i = new Date(e, t, 0).getDate(), a = /* @__PURE__ */ new Date(), o = [];
-	for (let e = 0; e < r; e++) o.push("<span class=\"nexa-cal-empty\"></span>");
-	for (let r = 1; r <= i; r++) {
-		let i = n && n.y === e && n.m === t && n.d === r, s = a.getFullYear() === e && a.getMonth() + 1 === t && a.getDate() === r;
-		o.push(`<button type="button" class="nexa-cal-day${i ? " is-selected" : ""}${s ? " is-today" : ""}" data-day="${r}">${r}</button>`);
-	}
-	return o.join("");
-}
-function er(e) {
-	e.register("datepicker", ({ element: e, modifiers: t }) => {
-		e.setAttribute("data-nexa-datepicker", "");
-		let n = e.getAttribute("label") ?? "التاريخ", r = e.getAttribute("placeholder") ?? "اختر تاريخاً", i = e.getAttribute("value") ?? "", a = Zn(i), o = /* @__PURE__ */ new Date(), c = a?.y ?? o.getFullYear(), l = a?.m ?? o.getMonth() + 1, u = a ? Qn(a.y, a.m, a.d) : "", d = s(t, "required") ? " required" : "", f = s(t, "disabled");
-		return f && e.classList.add("is-disabled"), `<label class="nexa-picker-field"><span>${n}${d ? "<b>*</b>" : ""}</span><button type="button" class="nexa-picker-trigger" data-dp-toggle ${f ? "disabled" : ""} aria-haspopup="dialog" aria-expanded="false"><span data-dp-display class="${a ? "has-value" : ""}">${u || r}</span><i class="nexa-picker-ico" aria-hidden="true"></i></button><input type="hidden" data-dp-value value="${i}"${d}>
-<div class="nexa-datepicker-panel" data-dp-panel hidden role="dialog" aria-label="${n}">
- <div class="nexa-cal-head"><button type="button" data-dp-prev aria-label="السابق">‹</button><strong data-dp-title>${Yn[l - 1]} ${c}</strong><button type="button" data-dp-next aria-label="التالي">›</button></div>
- <div class="nexa-cal-weekdays">${Xn.map((e) => `<span>${e}</span>`).join("")}</div>
- <div class="nexa-cal-grid" data-dp-grid data-year="${c}" data-month="${l}">${$n(c, l, a)}</div>
- <div class="nexa-cal-foot"><button type="button" class="nexa-button nexa-ghost nexa-sm" data-dp-clear>مسح</button><button type="button" class="nexa-button nexa-primary nexa-sm nexa-pill" data-dp-today>اليوم</button></div>
-</div></label>`;
-	}), e.register("timepicker", ({ element: e, modifiers: t }) => {
-		e.setAttribute("data-nexa-timepicker", "");
-		let n = e.getAttribute("label") ?? "الوقت", r = e.getAttribute("placeholder") ?? "اختر وقتاً", i = e.getAttribute("value") ?? "", a = Number(e.getAttribute("step") ?? "15"), o = [
-			5,
-			10,
-			15,
-			30
-		].includes(a) ? a : 15, c = 12, l = 0, u = i.trim().match(/^(\d{1,2}):(\d{2})$/);
-		u && (c = Math.min(23, Number(u[1])), l = Math.min(59, Number(u[2])));
-		let d = u ? `${Q(c)}:${Q(l)}` : "", f = s(t, "required") ? " required" : "", p = s(t, "disabled");
-		p && e.classList.add("is-disabled");
-		let m = Array.from({ length: 24 }, (e, t) => `<button type="button" class="nexa-tp-opt${t === c ? " is-selected" : ""}" data-tp-h="${t}">${Q(t)}</button>`).join(""), h = Array.from({ length: Math.floor(60 / o) }, (e, t) => {
-			let n = t * o;
-			return `<button type="button" class="nexa-tp-opt${n === l ? " is-selected" : ""}" data-tp-m="${n}">${Q(n)}</button>`;
-		}).join("");
-		return `<label class="nexa-picker-field"><span>${n}${f ? "<b>*</b>" : ""}</span><button type="button" class="nexa-picker-trigger" data-tp-toggle ${p ? "disabled" : ""} aria-haspopup="dialog" aria-expanded="false"><span data-tp-display class="${u ? "has-value" : ""}">${d || r}</span><i class="nexa-picker-ico is-clock" aria-hidden="true"></i></button><input type="hidden" data-tp-value value="${i}"${f}>
-<div class="nexa-timepicker-panel" data-tp-panel hidden role="dialog" aria-label="${n}">
- <div class="nexa-tp-cols"><div class="nexa-tp-col"><small>ساعة</small><div class="nexa-tp-list" data-tp-hours>${m}</div></div><div class="nexa-tp-col"><small>دقيقة</small><div class="nexa-tp-list" data-tp-mins>${h}</div></div></div>
- <div class="nexa-cal-foot"><button type="button" class="nexa-button nexa-ghost nexa-sm" data-tp-clear>مسح</button><button type="button" class="nexa-button nexa-primary nexa-sm nexa-pill" data-tp-apply>تم</button></div>
-</div></label>`;
-	}), e.register("chip", ({ element: e, modifiers: t, content: n, label: r }) => {
-		let i = n || r || e.getAttribute("text") || "Chip", a = s(t, "removable") || s(t, "x");
-		return s(t, "active") && e.classList.add("is-active"), s(t, "outline") && e.classList.add("is-outline"), `<span class="nexa-chip-label">${i}</span>${a ? "<button type=\"button\" class=\"nexa-chip-x\" data-chip-remove aria-label=\"إزالة\">×</button>" : ""}`;
-	}), e.register("rating", ({ element: e, modifiers: t }) => {
-		e.setAttribute("data-nexa-rating", "");
-		let n = Number(e.getAttribute("max") ?? "5") || 5, r = Number(e.getAttribute("value") ?? "0") || 0, i = s(t, "readonly") || s(t, "static");
-		return i && e.classList.add("is-readonly"), `<div class="nexa-rating-row" role="slider" aria-valuemin="0" aria-valuemax="${n}" aria-valuenow="${r}">${Array.from({ length: n }, (e, t) => {
-			let n = t + 1;
-			return `<button type="button" class="nexa-star${n <= r ? " is-on" : ""}" data-star="${n}" aria-label="${n}" ${i ? "tabindex=\"-1\"" : ""}>★</button>`;
-		}).join("")}</div><input type="hidden" data-rating-value value="${r}">`;
-	}), e.register("stepper", ({ element: e }) => {
-		e.setAttribute("data-nexa-stepper", "");
-		let t = r(e.getAttribute("steps") ?? e.getAttribute("items") ?? "الحساب,التفاصيل,الدفع,تأكيد"), n = Math.max(0, Number(e.getAttribute("active") ?? "1") - 1);
-		return `<ol class="nexa-stepper-list">${t.map((e, t) => `<li class="nexa-step ${t < n ? "is-done" : t === n ? "is-active" : ""}" data-step="${t + 1}"><i>${t < n ? "✓" : t + 1}</i><span>${e}</span></li>`).join("")}</ol>`;
-	}), e.register("fab", ({ element: e, modifiers: t, content: n, label: r }) => {
-		let i = n || r || e.getAttribute("label") || "+", a = e.getAttribute("href");
-		(s(t, "extended") || i.length > 2) && e.classList.add("is-extended"), s(t, "bottom-start") && e.classList.add("is-start");
-		let o = "nexa-fab-btn";
-		return a ? `<a class="${o}" href="${a}"><span>${i}</span></a>` : `<button type="button" class="${o}"><span>${i}</span></button>`;
-	}), e.register("chips", ({ element: e }) => r(e.getAttribute("items") ?? "تصميم,تطوير,تسويق").map((e) => `<span class="nexa-chip is-inline"><span class="nexa-chip-label">${e}</span></span>`).join("")), e.register("autocomplete", ({ element: e, modifiers: t }) => {
-		e.setAttribute("data-nexa-autocomplete", "");
-		let n = e.getAttribute("label") ?? "بحث", i = e.getAttribute("placeholder") ?? "اكتب للبحث…", a = e.getAttribute("value") ?? "", o = e.getAttribute("empty") ?? "لا نتائج", c = r(e.getAttribute("items") ?? e.getAttribute("options") ?? "Nexa,Bootstrap,Material,Tailwind,React,Vue"), l = s(t, "required"), u = s(t, "disabled");
-		u && e.classList.add("is-disabled");
-		let d = c.map((e, t) => `<button type="button" class="nexa-ac-option" role="option" data-ac-opt="${t}" data-value="${e.replace(/"/g, "&quot;")}">${e}</button>`).join("");
-		return `<label class="nexa-picker-field nexa-ac-field"><span>${n}${l ? "<b>*</b>" : ""}</span><div class="nexa-ac-box"><input type="text" class="nexa-ac-input" data-ac-input value="${a.replace(/"/g, "&quot;")}" placeholder="${i}" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" ${u ? "disabled" : ""} ${l ? "required" : ""}><button type="button" class="nexa-ac-clear" data-ac-clear aria-label="مسح" hidden>×</button><i class="nexa-ac-caret" aria-hidden="true"></i></div><input type="hidden" data-ac-value value="${a.replace(/"/g, "&quot;")}"><div class="nexa-ac-menu" data-ac-menu hidden role="listbox"><div class="nexa-ac-list" data-ac-list>${d}</div><div class="nexa-ac-empty" data-ac-empty hidden>${o}</div></div></label>`;
-	});
-}
-//#endregion
-//#region resources/ui/src/components/structure.ts
-function tr(e) {
-	let t = [];
-	for (let n of e) {
-		let e = n.split(/[/>]/).map((e) => e.trim()).filter(Boolean), r = t;
-		for (let t of e) {
-			let e = r.find((e) => e.label === t);
-			e || (e = {
-				label: t,
-				children: []
-			}, r.push(e)), r = e.children;
-		}
-	}
-	return t;
-}
-function nr(e, t = 0) {
-	return e.map((e) => {
-		let n = e.children.length > 0;
-		return `<li class="nexa-tree-node" data-tree-node style="--depth:${t}">
-   <button type="button" class="nexa-tree-row${n ? "" : " is-leaf"}" data-tree-toggle aria-expanded="${n ? "true" : "false"}">
-    ${n ? "<i class=\"nexa-tree-caret\" aria-hidden=\"true\"></i>" : "<i class=\"nexa-tree-dot\" aria-hidden=\"true\"></i>"}
-    <span>${e.label}</span>
-   </button>
-   ${n ? `<ul class="nexa-tree-children" data-tree-children>${nr(e.children, t + 1)}</ul>` : ""}
-  </li>`;
-	}).join("");
-}
-function rr(e) {
-	e.register("tree", ({ element: e }) => (e.setAttribute("data-nexa-tree", ""), `<ul class="nexa-tree" role="tree">${nr(tr(r(e.getAttribute("items") ?? "Apps/Dashboard,Apps/Settings,Docs/API,Docs/Guides/Start,Docs/Guides/Theme")))}</ul>`)), e.register("timeline", ({ element: e, modifiers: t }) => {
-		let n = r(e.getAttribute("items") ?? e.getAttribute("steps") ?? "إطلاق|اليوم|Nexa 0.1 جاهز للفحص;Pickers|أمس|Date · Time · Autocomplete;Foundation|آب|Header · Hero · Cards", /;/).map((e) => {
-			let [t, n, r] = e.split("|").map((e) => e.trim());
-			return {
-				title: t || "حدث",
-				meta: n || "",
-				body: r || ""
-			};
-		});
-		return s(t, "compact") && e.classList.add("is-compact"), `<ol class="nexa-timeline">${n.map((e) => `<li class="nexa-timeline-item"><i aria-hidden="true"></i><div><small>${e.meta}</small><h4>${e.title}</h4>${e.body ? `<p>${e.body}</p>` : ""}</div></li>`).join("")}</ol>`;
-	}), e.register("transfer", ({ element: e }) => {
-		e.setAttribute("data-nexa-transfer", "");
-		let t = r(e.getAttribute("source") ?? e.getAttribute("items") ?? "Dashboard,Billing,Team,API Keys,Webhooks,Logs"), n = r(e.getAttribute("target") ?? e.getAttribute("selected") ?? ""), i = e.getAttribute("left-label") ?? "Available", a = e.getAttribute("right-label") ?? "Selected", o = e.getAttribute("add-label") ?? "Add", s = e.getAttribute("remove-label") ?? "Remove", c = e.getAttribute("empty-label") ?? "Empty", l = t.filter((e) => !n.includes(e)), u = (e, t) => e.map((e) => `<button type="button" class="nexa-transfer-opt" data-transfer-opt data-side="${t}" data-value="${e.replace(/"/g, "&quot;")}">${e}</button>`).join("") || `<span class="nexa-transfer-empty">${c}</span>`;
-		return `<div class="nexa-transfer">
-   <div class="nexa-transfer-col"><b>${i}</b><div class="nexa-transfer-list" data-transfer-left>${u(l, "left")}</div></div>
-   <div class="nexa-transfer-actions">
-    <button type="button" class="nexa-button nexa-primary nexa-sm nexa-pill" data-transfer-to-right>${o}</button>
-    <button type="button" class="nexa-button nexa-outline nexa-sm" data-transfer-to-left>${s}</button>
-   </div>
-   <div class="nexa-transfer-col"><b>${a}</b><div class="nexa-transfer-list" data-transfer-right>${u(n, "right")}</div></div>
-  </div>`;
-	});
-}
-//#endregion
-//#region resources/ui/src/core/toast.ts
-var ir = {
-	success: "✓",
-	warning: "!",
-	danger: "✕",
-	info: "i"
-};
-function ar(e) {
-	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function or(e, t = "info") {
-	let n = ar(e || "Done");
-	return `<span class="nexa-toast-icon nexa-toast-icon-${t}" aria-hidden="true">${ir[t]}</span><p>${n}</p><button type="button" data-toast-close aria-label="Close">×</button>`;
-}
-function sr() {
-	let e = document.querySelector(".nexa-toast-stack");
-	return e || (e = document.createElement("div"), e.className = "nexa-toast-stack", e.setAttribute("aria-live", "polite"), e.setAttribute("aria-relevant", "additions"), document.body.appendChild(e)), e;
-}
-function cr(e, t) {
-	let n = () => {
-		e.classList.add("is-leaving"), window.setTimeout(() => e.remove(), 220);
-	};
-	return e.querySelector("[data-toast-close]")?.addEventListener("click", n), t > 0 && window.setTimeout(n, t), n;
-}
-function lr(e) {
-	let t = typeof e == "string" ? { text: e } : e, n = t.tone ?? "info", r = t.duration ?? 3200, i = t.text || "Done", a = sr(), o = document.createElement("div");
-	return o.className = `nexa-toast nexa-toast-${n}`, o.setAttribute("data-nexa-toast", ""), o.setAttribute("role", "status"), o.innerHTML = or(i, n), a.appendChild(o), cr(o, r), o;
-}
-function ur() {
-	document.querySelectorAll(".nexa-toast-stack .nexa-toast").forEach((e) => e.remove());
-}
-//#endregion
-//#region resources/ui/src/components/index.ts
-function dr(a) {
-	Jn(a), e(a), fn(a), er(a), rr(a), a.register("button", ({ modifiers: e, content: t, label: n, element: r }) => {
-		s(e, "disabled") && r.setAttribute("disabled", ""), s(e, "loading") && (r.setAttribute("aria-busy", "true"), r.classList.add("is-loading"));
-		let i = t || n || "Button";
-		return s(e, "loading") ? `<span class="nexa-btn-spin" aria-hidden="true"></span><span>${i}</span>` : `<span>${i}</span>`;
-	}), a.register("input", () => ""), a.register("card", ({ content: e, modifiers: t, element: n }) => (Gn(n, t), Kn(n, e, t))), a.register("grid", ({ content: e }) => e), a.register("stack", ({ content: e }) => e), a.register("container", ({ content: e }) => e), a.register("form", ({ content: e, modifiers: t, element: n }) => (s(t, "validate") && (n.setAttribute("data-nexa-form", "validate"), n.setAttribute("novalidate", "")), e)), a.register("badge", ({ content: e }) => e || "New"), a.register("field", ({ modifiers: e, element: t }) => {
-		let n = [
-			"text",
-			"email",
-			"password",
-			"number",
-			"date",
-			"file",
-			"search",
-			"tel",
-			"url",
-			"color",
-			"range",
-			"checkbox",
-			"radio",
-			"hidden"
-		].find((t) => s(e, t)) ?? "text", r = t.getAttribute("label") ?? (n === "password" ? "Password" : n === "email" ? "Email address" : "Field"), i = t.getAttribute("hint"), a = t.getAttribute("message"), o = s(e, "error") ? "is-error" : s(e, "success") ? "is-success" : "", c = `${s(e, "required") ? "required" : ""} ${s(e, "disabled") ? "disabled" : ""} ${s(e, "readonly") ? "readonly" : ""}`.trim(), l = t.getAttribute("name") ?? "", u = t.getAttribute("id") ?? "", d = t.getAttribute("autocomplete") ?? "", f = `${l ? ` name="${l}"` : ""}${u ? ` id="${u}"` : ""}${d ? ` autocomplete="${d}"` : ""}`;
-		if (n === "hidden") return `<input type="hidden" name="${l || "hidden-field"}" value="${t.getAttribute("value") ?? ""}">`;
-		if (n === "checkbox" || n === "radio") {
-			let i = s(e, "checked") || t.hasAttribute("checked"), a = l ? ` name="${l}"` : "";
-			return `<label class="nexa-choice ${n === "radio" ? "is-radio" : "is-check"}"><input type="${n}"${a} ${c}${i ? " checked" : ""}><i aria-hidden="true"></i><span>${r}</span></label>`;
-		}
-		return s(e, "float") ? `<label class="nexa-field-float ${o}"><input type="${n}"${f} placeholder=" " value="${t.getAttribute("value") ?? ""}" ${c}><span>${r}${s(e, "required") ? "<b>*</b>" : ""}</span>${a ? `<em>${a}</em>` : ""}</label>` : `<label class="nexa-field-wrap ${o}"><span>${r}${s(e, "required") ? "<b>*</b>" : ""}</span><input type="${n}"${f} placeholder="${t.getAttribute("placeholder") ?? ""}" value="${t.getAttribute("value") ?? ""}" ${c}>${i ? `<small>${i}</small>` : ""}${a ? `<em>${a}</em>` : ""}</label>`;
-	}), a.register("header", ({ modifiers: e, element: n }) => {
-		let r = s(e, "vision"), i = s(e, "simple"), a = s(e, "mega"), o = s(e, "bar") ? "bar" : s(e, "dock") ? "dock" : s(e, "float") || s(e, "overlay") || r ? "float" : "bar";
-		s(e, "dark") && n.classList.add("is-dark"), s(e, "light") && n.classList.add("is-light"), (s(e, "glass") || o === "bar" && !i) && n.classList.add("nexa-glass"), a && n.classList.add("is-mega"), n.classList.add(i ? "is-simple" : "is-complete"), n.classList.add(`is-${o}`), r && n.classList.add("is-vision"), o === "float" && n.setAttribute("data-nexa-header-scroll", "");
-		let c = n.getAttribute("logo") ?? "Nexa", l = n.getAttribute("logo-image") ?? A.mark, u = n.getAttribute("logo-wordmark") ?? n.getAttribute("logo-text-image") ?? (r ? A.wordmark : void 0), d = n.getAttribute("logo-href") ?? "#", f = n.getAttribute("cta") ?? "Get started", p = n.getAttribute("cta-href") ?? "#", m = `<div class="nexa-navlinks">${t(n, r || !i ? [
-			"Features",
-			"Docs",
-			"Components",
-			"Templates",
-			"Community",
-			"Blog"
-		] : ["Features", "Docs"])}</div>`, h = a ? "<div class=\"nexa-mega-panel\"><div><b>Product</b><a href=\"#\">Components</a><a href=\"#\">Color Map</a><a href=\"#\">Themes</a></div><div><b>Solutions</b><a href=\"#\">SaaS</a><a href=\"#\">Agency</a><a href=\"#\">Startup</a></div><div><b>Resources</b><a href=\"#\">Docs</a><a href=\"#\">Examples</a></div></div>" : "", g = l, _ = g === A.mark || g.endsWith("/nexa-mark.png") ? ` srcset="${Re(40)}" sizes="40px"` : "";
-		return `<a class="nexa-logo" href="${d}">${`<img class="nexa-mark" src="${g === A.mark ? A.mark128 : g}" alt="" width="40" height="40" decoding="async"${_}>`}${u ? `<img class="nexa-wordmark" src="${u}" alt="${c}" decoding="async">` : `<span>${c}</span>`}</a>${m}${i ? `<div class="nexa-header-actions"><a class="nexa-cta" href="${p}">${f}</a></div>` : `<div class="nexa-header-actions"><a class="nexa-cta" href="${p}">${f}</a><button class="nexa-menu-btn" type="button" aria-label="Menu"><i></i><i></i><i></i></button></div>`}${h}`;
-	}), a.register("hero", ({ modifiers: e, element: t }) => {
-		let n = s(e, "vision"), r = s(e, "centered"), i = s(e, "minimal"), a = s(e, "image-left"), c = s(e, "image-right");
-		i ? t.classList.add("is-minimal") : r ? t.classList.add("is-centered") : t.classList.add(a ? "is-image-left" : c ? "is-image-right" : "is-split"), s(e, "luxury") && t.classList.add("is-luxury"), n && t.classList.add("is-vision");
-		let l = t.getAttribute("eyebrow") ?? t.getAttribute("small") ?? "", u = o(t.getAttribute("title") ?? (i ? "Build with|one command." : "Modern frameworks for digital|experiences")), d = t.getAttribute("text") ?? t.getAttribute("desc") ?? "Nexa Framework is a complete toolkit for building modern web apps — fast, secure, and ready to scale.", f = t.getAttribute("cta") ?? "Get started", p = t.getAttribute("cta2") ?? "Explore features", m = t.getAttribute("cta-href"), h = t.getAttribute("cta2-href"), g = `<div class="nexa-hero-actions">${m ? `<a class="nexa-cta" href="${m}"><span>${f}</span><i class="nexa-cta-arrow" aria-hidden="true"></i></a>` : `<button class="nexa-cta" type="button"><span>${f}</span><i class="nexa-cta-arrow" aria-hidden="true"></i></button>`}${h ? `<a class="nexa-cta is-ghost" href="${h}">${p}</a>` : `<button class="nexa-cta is-ghost" type="button">${p}</button>`}</div>`, _ = `<div class="nexa-hero-copy">${l ? `<small>${l}</small>` : ""}<h2>${u}</h2><p>${d}</p>${g}</div>`, v = t.getAttribute("image") ?? t.getAttribute("img"), y = v ? `<div class="nexa-hero-media"><img src="${v}" alt="" loading="lazy"></div>` : i ? "" : Ve();
-		return r ? `${_}<div class="nexa-hero-glow"></div>` : a ? `${y}${_}` : `${_}${y}`;
-	}), a.register("features", ({ modifiers: e, element: t }) => {
-		let n = Number(e.find((e) => /^cards-[1-4]$/.test(e))?.split("-")[1] ?? "3");
-		return `<div class="nexa-section-head"><div><small>${t.getAttribute("eyebrow") ?? "WHY NEXA"}</small><h2>${t.getAttribute("title") ?? "Simple without compromise."}</h2></div></div><div class="nexa-card-grid" style="--cols:${n}">${i(t, n).map((e, t) => `<article style="--card-i:${t}"><b>${e[0]}</b><h3>${e[1]}</h3><p>${e[2]}</p></article>`).join("")}</div>`;
-	}), a.register("logos", ({ element: e }) => {
-		let t = e.getAttribute("label") ?? e.getAttribute("eyebrow") ?? "TRUSTED BY TEAMS BUILDING THE FUTURE", n = r(e.getAttribute("brands") ?? e.getAttribute("logos"));
-		return `<small>${t}</small><div>${(n.length ? n : [
-			"ORBIT",
-			"APEX",
-			"MONO",
-			"VERVE",
-			"SHIFT"
-		]).map((e) => `<b>${e}</b>`).join("")}</div>`;
-	}), a.register("pricing", ({ element: e }) => {
-		let t = e.getAttribute("eyebrow") ?? "SIMPLE PRICING", r = e.getAttribute("title") ?? "Start small. Scale without limits.", i = n(e), a = e.getAttribute("cta-href");
-		return `<div class="nexa-section-head"><small>${t}</small><h2>${r}</h2></div><div class="nexa-price-grid">${i.map((e) => `<article class="${e.popular ? "is-popular" : ""}">${e.popular ? "<i>POPULAR</i>" : ""}<span>${e.name}</span><h3>$${e.price}<small>/month</small></h3><p>${e.desc}</p><ul>${e.features.map((e) => `<li>${e}</li>`).join("")}</ul>${a ? `<a class="nexa-cta" href="${a}">${e.cta}</a>` : `<button class="nexa-cta" type="button">${e.cta}</button>`}</article>`).join("")}</div>`;
-	}), a.register("testimonials", ({ modifiers: e, element: t }) => {
-		s(e, "featured") && t.classList.add("is-featured");
-		let n = l(t.getAttribute("slides") ?? t.getAttribute("quotes"));
-		if (n.length > 1) return t.classList.add("has-slides"), `<small>${t.getAttribute("eyebrow") ?? "TESTIMONIALS"}</small><div class="nexa-testimonial-slides">${n.map((e) => `<blockquote>“${e.body || e.head}”</blockquote>`).join("")}</div>`;
-		let r = t.getAttribute("quote") ?? n[0]?.body ?? "Nexa shortened the distance between our idea and the product.", i = t.getAttribute("name") ?? "LAYLA HADDAD", a = t.getAttribute("role") ?? "Product Designer · Dubai";
-		return `<small>${t.getAttribute("eyebrow") ?? "FROM OUR COMMUNITY"}</small><blockquote>“${r}”</blockquote><div><b>${i}</b><span>${a}</span></div>`;
-	}), a.register("cta", ({ modifiers: e, element: t }) => {
-		s(e, "bold") && t.classList.add("is-bold", "nexa-bold");
-		let n = t.getAttribute("eyebrow") ?? "YOUR NEXT IDEA", r = o(t.getAttribute("title") ?? "Ready when|you are."), i = t.getAttribute("cta") ?? "Start building now →", a = t.getAttribute("cta-href");
-		return `<small>${n}</small><h2>${r}</h2>${a ? `<a class="nexa-cta" href="${a}">${i}</a>` : `<button class="nexa-cta" type="button">${i}</button>`}`;
-	}), a.register("footer", ({ modifiers: e, element: t }) => {
-		s(e, "dark") && t.classList.add("is-dark"), s(e, "mega") && t.classList.add("is-mega");
-		let n = s(e, "simple");
-		n && t.classList.add("is-simple");
-		let r = t.getAttribute("copy") ?? "© 2026 Nexa Framework", i = t.getAttribute("logo") ?? "Nexa", a = t.getAttribute("logo-image"), c = t.getAttribute("logo-href") ?? "#", u = t.getAttribute("tagline") ?? "Build. Ship. Scale.", d = `<a class="nexa-logo" href="${c}">${a ? `<img src="${a}" alt="">` : ""}<span>${i}</span></a>`, f = (e, n) => l(t.getAttribute(e) ?? n).map((e) => `<a href="${e.body}">${e.head}</a>`).join("");
-		if (n) return `<div class="nexa-footer-simple">${d}<span>${r}</span></div>`;
-		let p = t.getAttribute("headline") ?? t.getAttribute("title"), m = p ? `<h2 class="nexa-footer-headline">${o(p)}</h2>` : "";
-		return `<div class="nexa-footer-top"><div>${d}<p class="nexa-footer-tag">${u}</p></div><div class="nexa-footer-cols"><div><b>Product</b>${f("product-links", "Features|/site/features.html;Components|/site/components.html;Pricing|/site/pricing.html")}</div><div><b>Resources</b>${f("resource-links", "About|/site/about.html;Blog|/site/blog.html;Contact|/site/contact.html")}</div><div><b>Company</b>${f("company-links", "Privacy|#;Terms|#;GitHub|#")}</div></div></div>${m}<div class="nexa-footer-bottom"><span>${r}</span><nav>${f("social-links", "GitHub|#;Community|#;Updates|#")}</nav></div>`;
-	}), a.register("alert", ({ modifiers: e, element: t }) => {
-		let n = e.find((e) => [
-			"success",
-			"warning",
-			"danger",
-			"info"
-		].includes(e)) ?? "info", r = t.getAttribute("title") ?? {
-			success: "نجاح",
-			warning: "تنبيه",
-			danger: "خطأ",
-			info: "معلومة"
-		}[n], i = t.getAttribute("text") ?? t.textContent?.trim() ?? "تنبيه";
-		return `<div class="nexa-alert-inner nexa-alert-${n}" role="alert"><i class="nexa-alert-ico" aria-hidden="true">${{
-			success: "✓",
-			warning: "!",
-			danger: "×",
-			info: "i"
-		}[n]}</i><div><b>${r}</b><p>${i}</p></div></div>`;
-	}), a.register("modal", ({ element: e, modifiers: t }) => {
-		e.setAttribute("data-nexa-modal", ""), s(t, "open") && e.classList.add("is-open");
-		let n = e.getAttribute("title") ?? "نافذة", r = e.getAttribute("text") ?? "محتوى النافذة", i = e.getAttribute("cta") ?? "تم";
-		return `<div class="nexa-modal-backdrop" data-modal-close></div><div class="nexa-modal-card" role="dialog" aria-modal="true"><header><h3>${n}</h3><button type="button" class="nexa-modal-x" data-modal-close aria-label="Close">×</button></header><div class="nexa-modal-body"><p>${r}</p></div><footer class="nexa-modal-foot"><button type="button" class="nexa-button nexa-ghost" data-modal-close>${e.getAttribute("cancel") ?? "إلغاء"}</button><button type="button" class="nexa-button nexa-primary nexa-pill" data-modal-close>${i}</button></footer></div>`;
-	}), a.register("accordion", ({ element: e }) => `<div class="nexa-accordion" data-nexa-accordion>${l(e.getAttribute("items") ?? "What is Nexa?|Commands that render full components.;Color map?|One hex colors the whole site.;Is it like Tailwind?|No — complete blocks first.").map((e) => `<article data-acc-item><button type="button" data-acc-trigger aria-expanded="false"><span>${e.head}</span><i class="nexa-acc-caret" aria-hidden="true"></i></button><div data-acc-panel>${e.body}</div></article>`).join("")}</div>`), a.register("tabs", ({ element: e, modifiers: t }) => {
-		let n = l(e.getAttribute("tabs") ?? "Tab 1|Content one;Tab 2|Content two;Tab 3|Content three");
-		return (s(t, "pills") || s(t, "segmented")) && e.classList.add("is-pills"), `<div class="nexa-tabs" data-nexa-tabs><div class="nexa-tablist" role="tablist">${n.map((e, t) => `<button type="button" data-tab class="${t === 0 ? "is-active" : ""}">${e.head}</button>`).join("")}</div><div class="nexa-tabpanels">${n.map((e, t) => `<div data-panel ${t ? "hidden" : ""}>${e.body}</div>`).join("")}</div></div>`;
-	}), a.register("dropdown", ({ element: e, modifiers: t, label: n }) => {
-		let i = (n ?? "").trim().split(/\s+/).filter((e) => {
-			let t = e.toLowerCase();
-			return ![
-				"primary",
-				"ghost",
-				"open",
-				"end",
-				"e",
-				"drop",
-				"menu",
-				"dd"
-			].includes(t);
-		}).join(" "), a = e.getAttribute("label") || i || "Menu", o = r(e.getAttribute("items") ?? e.getAttribute("menu") ?? "Profile,Settings,Billing,—,Logout|danger").map((e) => {
-			if (e === "—" || e === "-" || e === "---" || e === "sep" || e === "|") return { sep: !0 };
-			let [t, n, r] = e.split("|").map((e) => e.trim());
-			return {
-				sep: !1,
-				text: t || "Item",
-				href: !n || n === "danger" || n === "x" ? "#" : n,
-				danger: r === "danger" || n === "danger" || n === "x"
-			};
-		}), c = s(t, "open"), l = s(t, "end"), u = s(t, "primary") ? " is-primary" : s(t, "ghost") ? " is-ghost" : "";
-		l && e.classList.add("is-end"), c && e.classList.add("is-open");
-		let d = o.map((e) => {
-			if (e.sep) return "<hr class=\"nexa-drop-sep\">";
-			let t = e.danger ? " is-danger" : "";
-			return `<a href="${e.href}" role="menuitem" class="nexa-drop-item${t}">${e.text}</a>`;
-		}).join("");
-		return `<div class="nexa-dropdown${c ? " is-open" : ""}${l ? " is-end" : ""}" data-nexa-dropdown><button type="button" class="nexa-drop-trigger${u}" data-drop-toggle aria-haspopup="menu" aria-expanded="${c ? "true" : "false"}"><span>${a}</span><i class="nexa-drop-caret" aria-hidden="true"></i></button><div class="nexa-drop-menu" data-drop-menu role="menu">${d}</div></div>`;
-	}), a.register("spinner", ({ modifiers: e }) => `<span class="nexa-spinner${s(e, "large") || s(e, "lg") ? " is-lg" : s(e, "small") || s(e, "sm") ? " is-sm" : ""}" role="status" aria-label="Loading"></span>`), a.register("progress", ({ element: e }) => {
-		let t = Math.min(100, Math.max(0, Number(e.getAttribute("value") ?? "60")));
-		return `<label class="nexa-progress"><span><b>${e.getAttribute("label") ?? "Progress"}</b><i>${t}%</i></span><i style="--val:${t}%"></i></label>`;
-	}), a.register("toast", ({ modifiers: e, element: t }) => {
-		let n = e.find((e) => [
-			"success",
-			"warning",
-			"danger",
-			"info"
-		].includes(e)) ?? "info", r = t.getAttribute("text") ?? "Saved successfully";
-		return t.classList.add("is-static-preview", `nexa-toast-${n}`), t.setAttribute("data-nexa-toast", ""), t.setAttribute("role", "status"), or(r, n);
-	}), a.register("breadcrumb", ({ element: e }) => {
-		let t = r(e.getAttribute("items") ?? "Home,Products,Item");
-		return `<div class="nexa-breadcrumb" role="navigation" aria-label="Breadcrumb">${t.map((e, n) => n < t.length - 1 ? `<a href="#">${e}</a><span>/</span>` : `<span aria-current="page">${e}</span>`).join("")}</div>`;
-	}), a.register("pagination", ({ element: e }) => {
-		let t = Number(e.getAttribute("pages") ?? "5"), n = Number(e.getAttribute("current") ?? "1");
-		return `<div class="nexa-pagination" role="navigation" aria-label="Pagination"><a href="#" class="nexa-page is-nav" aria-label="Previous">‹</a>${Array.from({ length: t }, (e, t) => {
-			let r = t + 1;
-			return `<a href="#" class="nexa-page${r === n ? " is-active" : ""}" aria-current="${r === n ? "page" : "false"}">${r}</a>`;
-		}).join("")}<a href="#" class="nexa-page is-nav" aria-label="Next">›</a></div>`;
-	}), a.register("divider", () => "<hr class=\"nexa-divider\">"), a.register("avatar", ({ element: e, modifiers: t }) => {
-		let n = e.getAttribute("name") ?? "N", r = s(t, "large") || s(t, "lg") ? " is-lg" : s(t, "small") || s(t, "sm") ? " is-sm" : "", i = e.getAttribute("src") ?? e.getAttribute("image"), a = s(t, "male") || s(t, "user") || e.getAttribute("user") === "male", o = i || (a ? "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=160&h=160&fit=crop&crop=face" : "");
-		return o ? `<span class="nexa-avatar${r} is-photo"><img src="${o}" alt="${n}" loading="lazy"></span>` : `<span class="nexa-avatar${r}" aria-label="${n}">${n.slice(0, 2).toUpperCase()}</span>`;
-	}), a.register("auth", ({ element: e, modifiers: t }) => (s(t, "compact") && e.classList.add("is-compact"), `<div class="nexa-auth-card"><small>NEXA</small><h2>${e.getAttribute("title") ?? "Welcome back"}</h2><p>${e.getAttribute("subtitle") ?? "Sign in to continue"}</p><div class="nexa-auth-fields"><label class="nexa-field-wrap"><span>Email<b>*</b></span><input type="email" placeholder="you@email.com" required></label><label class="nexa-field-wrap"><span>Password<b>*</b></span><input type="password" placeholder="••••••••" required></label><div class="nexa-auth-actions"><button class="nexa-cta nexa-block" type="button">Sign in</button><button class="nexa-cta is-ghost nexa-block" type="button">Create account</button></div></div></div>`)), a.register("carousel", ({ element: e, modifiers: t }) => {
-		let n = l(e.getAttribute("slides") ?? "Slide 1|First content.;Slide 2|Second content.;Slide 3|Third content.");
-		return (s(t, "autoplay") || s(t, "auto")) && (e.setAttribute("data-autoplay", ""), e.setAttribute("data-interval", e.getAttribute("interval") ?? "4000")), `<div class="nexa-carousel" data-nexa-carousel><div class="nexa-carousel-track">${n.map((e, t) => `<article data-slide ${t ? "hidden" : ""}><h3>${e.head}</h3><p>${e.body}</p></article>`).join("")}</div><div class="nexa-carousel-bar"><button type="button" class="nexa-carousel-btn" data-carousel-prev aria-label="Previous">‹</button><div class="nexa-carousel-dots">${n.map((e, t) => `<button type="button" class="nexa-carousel-dot${t === 0 ? " is-active" : ""}" data-carousel-dot="${t}" aria-label="Slide ${t + 1}"></button>`).join("")}</div><button type="button" class="nexa-carousel-btn" data-carousel-next aria-label="Next">›</button></div></div>`;
-	}), a.register("sheet", ({ element: e, modifiers: t }) => {
-		e.setAttribute("data-nexa-sheet", ""), s(t, "open") && e.classList.add("is-open");
-		let n = e.getAttribute("title") ?? "خيارات", r = e.getAttribute("text") ?? (e.innerHTML.trim() || "محتوى الـ bottom sheet"), i = e.getAttribute("cta") ?? "تم";
-		return `<div class="nexa-sheet-backdrop" data-sheet-close></div><div class="nexa-sheet-panel" role="dialog" aria-modal="true"><i class="nexa-sheet-handle" aria-hidden="true"></i><header><h3>${n}</h3><button type="button" class="nexa-modal-x" data-sheet-close aria-label="Close">×</button></header><div class="nexa-sheet-body"><p>${r}</p></div><footer class="nexa-sheet-foot"><button type="button" class="nexa-button nexa-ghost" data-sheet-close>${e.getAttribute("cancel") ?? "إلغاء"}</button><button type="button" class="nexa-button nexa-primary nexa-pill" data-sheet-close>${i}</button></footer></div>`;
-	}), a.register("offcanvas", ({ element: e, modifiers: t }) => (e.setAttribute("data-nexa-offcanvas", ""), s(t, "open") && e.classList.add("is-open"), `<div class="nexa-offcanvas-backdrop" data-offcanvas-close></div><aside class="nexa-offcanvas-panel ${s(t, "right") ? "is-right" : "is-left"}"><header><h3>${e.getAttribute("title") ?? "القائمة"}</h3><button type="button" data-offcanvas-close aria-label="Close">×</button></header><div class="nexa-offcanvas-body">${e.getAttribute("text") ?? (e.innerHTML.trim() || "محتوى اللوحة الجانبية")}</div></aside>`)), a.register("popover", ({ element: e, modifiers: t }) => {
-		let n = e.getAttribute("label") ?? "Info", r = e.getAttribute("text") ?? "Popover content";
-		return `<div class="nexa-popover" data-nexa-popover><button type="button" class="nexa-cta is-ghost" data-pop-trigger>${n}</button><div class="nexa-popover-card" data-pop-card ${s(t, "open") ? "" : "hidden"}><p>${r}</p></div></div>`;
-	}), a.register("tooltip", ({ element: e }) => {
-		let t = e.getAttribute("text") ?? e.getAttribute("tip") ?? "Tooltip", n = e.textContent?.trim() || e.getAttribute("label") || "?";
-		return `<span class="nexa-tooltip-wrap" data-nexa-tooltip="${t.replace(/"/g, "&quot;")}">${n}<i class="nexa-tooltip-bubble" role="tooltip">${t}</i></span>`;
-	}), a.register("list", ({ element: e, modifiers: t }) => {
-		let n = r(e.getAttribute("items") ?? "Item one,Item two,Item three"), i = s(t, "ordered") ? "ol" : "ul";
-		return `<${i} class="nexa-list">${n.map((e) => `<li>${e}</li>`).join("")}</${i}>`;
-	}), a.register("posts", ({ element: e, modifiers: t }) => {
-		let n = Number(t.find((e) => /^cards-[1-4]$/.test(e))?.split("-")[1] ?? "3");
-		s(t, "compact") && e.classList.add("is-compact");
-		let i = e.getAttribute("eyebrow") ?? "BLOG", a = e.getAttribute("title") ?? "Latest posts", o = e.getAttribute("cta") ?? e.getAttribute("link") ?? "Read more →", c = r(e.getAttribute("posts") ?? e.getAttribute("items") ?? "Color Map|One hex dresses the whole site.|12 Aug;Components|Full blocks, not utilities.|8 Aug;Launch|Nexa is ready to ship.|1 Aug", /;/).map((e) => {
-			let [t, n, r] = e.split("|").map((e) => e.trim());
-			return {
-				title: t || "Post",
-				excerpt: n && n !== t ? n : "",
-				meta: r || ""
-			};
-		}).filter((e) => e.title), l = c.slice(0, n).map((e) => `<article class="nexa-post-card"><div class="nexa-post-card-body">${e.meta ? `<time>${e.meta}</time>` : ""}<h3>${e.title}</h3>${e.excerpt ? `<p>${e.excerpt}</p>` : ""}<a href="#">${o}</a></div></article>`).join("");
-		return `<div class="nexa-posts-inner"><div class="nexa-section-head"><small>${i}</small><h2>${a}</h2></div><div class="nexa-post-grid" style="--cols:${Math.min(n, c.length || 1)}">${l}</div></div>`;
-	}), a.register("checkout", ({ element: e, modifiers: t }) => {
-		s(t, "compact") && e.classList.add("is-compact");
-		let n = e.getAttribute("title") ?? "Checkout", r = e.getAttribute("total") ?? "$49";
-		return `<div class="nexa-checkout"><div class="nexa-checkout-form"><h2>${n}</h2><div class="nexa-checkout-fields"><label class="nexa-field-wrap"><span>Name<b>*</b></span><input type="text" placeholder="Full name" required></label><label class="nexa-field-wrap"><span>Email<b>*</b></span><input type="email" placeholder="you@email.com" required></label><label class="nexa-field-wrap"><span>Address<b>*</b></span><input type="text" placeholder="Street, city" required></label><label class="nexa-field-wrap"><span>Card<b>*</b></span><input type="text" placeholder="4242 4242 4242 4242" required></label><button class="nexa-cta nexa-block" type="button">Pay ${r}</button></div></div><aside class="nexa-checkout-summary"><small>Order summary</small><h3>${e.getAttribute("plan") ?? "Pro Plan"}</h3><p>${e.getAttribute("period") ?? "Monthly · auto-renews"}</p><div class="nexa-checkout-total"><span>Total</span><b>${r}</b></div></aside></div>`;
-	}), a.register("table", ({ element: e, modifiers: t }) => {
-		s(t, "striped") && e.classList.add("is-striped"), s(t, "hover") && e.classList.add("is-hover"), s(t, "compact") && e.classList.add("is-compact");
-		let n = r(e.getAttribute("headers") ?? "Key|Value", /\|/), i = r(e.getAttribute("rows") ?? "Plan|Pro;Users|12;Status|Active", /;/).map((e) => {
-			let t = e.split("|").map((e) => e.trim());
-			for (; t.length < n.length;) t.push("");
-			return t.slice(0, Math.max(n.length, t.length));
-		}).filter((e) => e.some((e) => e)), a = Math.max(n.length, ...i.map((e) => e.length), 1);
-		return `<div class="nexa-table-wrap"><table class="nexa-table"><thead><tr>${Array.from({ length: a }, (e, t) => n[t] ?? `عمود ${t + 1}`).map((e) => `<th>${e}</th>`).join("")}</tr></thead><tbody>${i.map((e) => `<tr>${Array.from({ length: a }, (t, n) => `<td>${e[n] ?? ""}</td>`).join("")}</tr>`).join("")}</tbody></table></div>`;
-	}), a.register("collapse", ({ element: e }) => `<div class="nexa-collapse" data-nexa-collapse><button type="button" class="nexa-collapse-trigger" data-collapse-trigger aria-expanded="false">${e.getAttribute("title") ?? "تفاصيل"} ▾</button><div class="nexa-collapse-panel" data-collapse-panel hidden>${e.getAttribute("text") ?? e.textContent?.trim() ?? "محتوى قابل للطي"}</div></div>`), a.register("stat", ({ element: e }) => `<div class="nexa-stat-row">${l(e.getAttribute("stats") ?? "Users|12.4k;Revenue|$48k;Uptime|99.9%;NPS|72").map((e) => `<article><b>${e.head}</b><strong>${e.body}</strong></article>`).join("")}</div>`), a.register("nav", ({ element: e }) => `<div class="nexa-nav" role="navigation" aria-label="Navigation">${t(e, [
-		"Home",
-		"Features",
-		"Pricing",
-		"About"
-	])}</div>`);
-}
-//#endregion
-//#region resources/ui/src/index.ts
-dr(k);
-var fr = Ie({ registry: k }), $ = Object.assign(fr, {
-	toast: lr,
-	clearToasts: ur
-});
-async function pr(e = document) {
-	return (await import("./echarts-mount-DWNKcqeo.js")).wireEcharts(e);
-}
-async function mr(e) {
-	return (await import("./echarts-mount-DWNKcqeo.js")).mountNexaChart(e);
-}
-typeof document < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => $.mount()) : $.mount());
-//#endregion
-export { pn as CARD_LAYOUTS, Bn as CARD_MODELS, Vn as CARD_STYLES, A as NEXA_ASSETS, c as NEXA_ECHARTS_THEME, ce as applyBrandColor, se as applyBrandScale, ue as applyColorMap, de as applyColorSeed, a as buildNexaChartOption, ur as clearToasts, u as colorMapNames, ve as componentSchemas, Ie as createNexa, v as deleteSavedMap, le as exportBrandScaleCss, oe as generateBrandScale, ye as getComponentSchema, g as getSavedMaps, an as hasNexaIcon, sn as listNexaIconNames, y as listSavedMapNames, p as mapPresets, mr as mountNexaChart, $ as nexa, C as normalizeHex, h as normalizeMapName, lr as pushToast, dr as registerPrototypeComponents, k as registry, W as renderCardIcon, U as renderIcon, S as resolveMapSeed, _ as saveBrandMap, Se as validateModifiers, Ce as wireBehaviors, pr as wireEcharts };