@pagelines/sdk 1.0.663 → 1.0.664

package/dist/AgentProvider.js

@@ -1,2782 +0,0 @@
-import "./rolldown-runtime.js";
-import { SOCIAL_PLATFORMS as e } from "./constants.js";
-import { a as t, c as n, d as r, f as i, i as a, l as o, m as s, n as c, o as l, s as u, t as d, u as f } from "./AgentWrap.js";
-import { getColorSchemeOklch as p } from "@pagelines/core";
-import { Fragment as m, Transition as h, TransitionGroup as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as S, createVNode as C, defineComponent as w, mergeProps as T, normalizeClass as E, normalizeStyle as D, onMounted as O, onUnmounted as ee, openBlock as k, ref as A, renderList as j, renderSlot as M, resolveDynamicComponent as N, shallowRef as te, toDisplayString as P, unref as F, watch as I, withCtx as L, withKeys as R, withModifiers as z } from "vue";
-//#endregion
-//#region ../../src/ui/effects/EffectTransitionList.vue
-var B = /* @__PURE__ */ w({
-	__name: "EffectTransitionList",
-	props: {
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		mode: { default: "block" }
-	},
-	setup(e) {
-		return (t, n) => (k(), v(g, { name: e.disabled ? "" : "nlist" }, {
-			default: L(() => [M(t.$slots, "default")]),
-			_: 3
-		}, 8, ["name"]));
-	}
-}), V = ["data-test-mode"], H = { class: "w-full max-w-xs space-y-12" }, U = {
-	key: 0,
-	class: "text-xs text-theme-400 text-center"
-}, W = { class: "text-base font-light text-white text-center" }, G = { class: "space-y-6 relative" }, ne = {
-	key: "email-field",
-	class: "w-full"
-}, re = {
-	key: "code-field",
-	class: "w-full"
-}, K = /* @__PURE__ */ w({
-	__name: "ElAuthGate",
-	props: { sdk: {} },
-	setup(e) {
-		let n = A({
-			email: "",
-			code: ""
-		}), r = A("email"), i = A(!1), a = {
-			email: {
-				title: "Enter Your Email",
-				button: {
-					label: "Continue",
-					disabled: () => !n.value.email || i.value
-				},
-				action: async () => {
-					if (!i.value) {
-						i.value = !0;
-						try {
-							await e.sdk.auth.requestAuthCode({ email: n.value.email }) && (r.value = "code");
-						} finally {
-							i.value = !1;
-						}
-					}
-				}
-			},
-			code: {
-				title: "Enter Verification Code",
-				button: {
-					label: "Verify",
-					disabled: () => n.value.code.length !== 6 || i.value
-				},
-				action: async () => {
-					if (!i.value) {
-						i.value = !0;
-						try {
-							await e.sdk.auth.loginWithCode({
-								email: n.value.email,
-								code: n.value.code
-							});
-						} finally {
-							i.value = !1;
-						}
-					}
-				}
-			}
-		}, o = _(() => a[r.value]);
-		return I(() => e.sdk.activeUser.value, (e) => {
-			e && r.value === "code" && console.log("[ElAuthGate] Authentication successful", { email: e.email });
-		}), (i, a) => (k(), b("div", {
-			"data-test": "auth-form",
-			"data-test-mode": r.value,
-			class: "flex flex-col items-center justify-center h-full p-6"
-		}, [x("div", H, [
-			e.sdk.error.value ? (k(), b("p", U, P(e.sdk.error.value), 1)) : y("", !0),
-			x("h3", W, P(o.value.title), 1),
-			x("div", G, [C(B, null, {
-				default: L(() => [r.value === "email" ? (k(), b("div", ne, [C(l, {
-					modelValue: n.value.email,
-					"onUpdate:modelValue": a[0] || (a[0] = (e) => n.value.email = e),
-					"data-test": "auth-email-input",
-					onKeyup: R(o.value.action, ["enter"])
-				}, null, 8, ["modelValue", "onKeyup"])])) : (k(), b("div", re, [C(t, {
-					modelValue: n.value.code,
-					"onUpdate:modelValue": a[1] || (a[1] = (e) => n.value.code = e),
-					length: 6,
-					"focus-first": !0,
-					"data-test": "auth-code-input",
-					onAutoSubmit: o.value.action
-				}, null, 8, ["modelValue", "onAutoSubmit"])])), (k(), b("div", {
-					key: o.value.button.label,
-					class: "space-y-4 w-full"
-				}, [C(u, {
-					theme: "primary",
-					size: "md",
-					class: "w-full",
-					"data-test": "auth-submit",
-					loading: e.sdk.loading.value,
-					disabled: o.value.button.disabled() || e.sdk.loading.value,
-					onClick: o.value.action
-				}, {
-					default: L(() => [S(P(o.value.button.label), 1)]),
-					_: 1
-				}, 8, [
-					"loading",
-					"disabled",
-					"onClick"
-				]), r.value === "code" ? (k(), b("button", {
-					key: 0,
-					class: "w-full text-xs text-white/50 hover:text-white/70 transition-colors py-2",
-					onClick: a[2] || (a[2] = (e) => r.value = "email")
-				}, " Change Email ")) : y("", !0)]))]),
-				_: 1
-			})])
-		])], 8, V));
-	}
-}), concatArrays = (e, t) => {
-	let n = Array(e.length + t.length);
-	for (let t = 0; t < e.length; t++) n[t] = e[t];
-	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
-	return n;
-}, createClassValidatorObject = (e, t) => ({
-	classGroupId: e,
-	validator: t
-}), createClassPartObject = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
-	nextPart: e,
-	validators: t,
-	classGroupId: n
-}), q = "-", J = [], ie = "arbitrary..", createClassGroupUtils = (e) => {
-	let t = createClassMap(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e, getClassGroupId = (e) => {
-		if (e.startsWith("[") && e.endsWith("]")) return getGroupIdForArbitraryProperty(e);
-		let n = e.split(q);
-		return getGroupRecursive(n, +(n[0] === "" && n.length > 1), t);
-	}, getConflictingClassGroupIds = (e, t) => {
-		if (t) {
-			let t = r[e], i = n[e];
-			return t ? i ? concatArrays(i, t) : t : i || J;
-		}
-		return n[e] || J;
-	};
-	return {
-		getClassGroupId,
-		getConflictingClassGroupIds
-	};
-}, getGroupRecursive = (e, t, n) => {
-	if (e.length - t === 0) return n.classGroupId;
-	let r = e[t], i = n.nextPart.get(r);
-	if (i) {
-		let n = getGroupRecursive(e, t + 1, i);
-		if (n) return n;
-	}
-	let a = n.validators;
-	if (a === null) return;
-	let o = t === 0 ? e.join(q) : e.slice(t).join(q), s = a.length;
-	for (let e = 0; e < s; e++) {
-		let t = a[e];
-		if (t.validator(o)) return t.classGroupId;
-	}
-}, getGroupIdForArbitraryProperty = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
-	return r ? ie + r : void 0;
-})(), createClassMap = (e) => {
-	let { theme: t, classGroups: n } = e;
-	return processClassGroups(n, t);
-}, processClassGroups = (e, t) => {
-	let n = createClassPartObject();
-	for (let r in e) {
-		let i = e[r];
-		processClassesRecursively(i, n, r, t);
-	}
-	return n;
-}, processClassesRecursively = (e, t, n, r) => {
-	let i = e.length;
-	for (let a = 0; a < i; a++) {
-		let i = e[a];
-		processClassDefinition(i, t, n, r);
-	}
-}, processClassDefinition = (e, t, n, r) => {
-	if (typeof e == "string") {
-		processStringDefinition(e, t, n);
-		return;
-	}
-	if (typeof e == "function") {
-		processFunctionDefinition(e, t, n, r);
-		return;
-	}
-	processObjectDefinition(e, t, n, r);
-}, processStringDefinition = (e, t, n) => {
-	let r = e === "" ? t : getPart(t, e);
-	r.classGroupId = n;
-}, processFunctionDefinition = (e, t, n, r) => {
-	if (isThemeGetter(e)) {
-		processClassesRecursively(e(r), t, n, r);
-		return;
-	}
-	t.validators === null && (t.validators = []), t.validators.push(createClassValidatorObject(n, e));
-}, processObjectDefinition = (e, t, n, r) => {
-	let i = Object.entries(e), a = i.length;
-	for (let e = 0; e < a; e++) {
-		let [a, o] = i[e];
-		processClassesRecursively(o, getPart(t, a), n, r);
-	}
-}, getPart = (e, t) => {
-	let n = e, r = t.split(q), i = r.length;
-	for (let e = 0; e < i; e++) {
-		let t = r[e], i = n.nextPart.get(t);
-		i || (i = createClassPartObject(), n.nextPart.set(t, i)), n = i;
-	}
-	return n;
-}, isThemeGetter = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, createLruCache = (e) => {
-	if (e < 1) return {
-		get: () => void 0,
-		set: () => {}
-	};
-	let t = 0, n = Object.create(null), r = Object.create(null), update = (i, a) => {
-		n[i] = a, t++, t > e && (t = 0, r = n, n = Object.create(null));
-	};
-	return {
-		get(e) {
-			let t = n[e];
-			if (t !== void 0) return t;
-			if ((t = r[e]) !== void 0) return update(e, t), t;
-		},
-		set(e, t) {
-			e in n ? n[e] = t : update(e, t);
-		}
-	};
-}, Y = "!", X = ":", ae = [], createResultObject = (e, t, n, r, i) => ({
-	modifiers: e,
-	hasImportantModifier: t,
-	baseClassName: n,
-	maybePostfixModifierPosition: r,
-	isExternal: i
-}), createParseClassName = (e) => {
-	let { prefix: t, experimentalParseClassName: n } = e, parseClassName = (e) => {
-		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
-		for (let s = 0; s < o; s++) {
-			let o = e[s];
-			if (n === 0 && r === 0) {
-				if (o === X) {
-					t.push(e.slice(i, s)), i = s + 1;
-					continue;
-				}
-				if (o === "/") {
-					a = s;
-					continue;
-				}
-			}
-			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
-		}
-		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
-		s.endsWith(Y) ? (c = s.slice(0, -1), l = !0) : s.startsWith(Y) && (c = s.slice(1), l = !0);
-		let u = a && a > i ? a - i : void 0;
-		return createResultObject(t, l, c, u);
-	};
-	if (t) {
-		let e = t + X, n = parseClassName;
-		parseClassName = (t) => t.startsWith(e) ? n(t.slice(e.length)) : createResultObject(ae, !1, t, void 0, !0);
-	}
-	if (n) {
-		let e = parseClassName;
-		parseClassName = (t) => n({
-			className: t,
-			parseClassName: e
-		});
-	}
-	return parseClassName;
-}, createSortModifiers = (e) => {
-	let t = /* @__PURE__ */ new Map();
-	return e.orderSensitiveModifiers.forEach((e, n) => {
-		t.set(e, 1e6 + n);
-	}), (e) => {
-		let n = [], r = [];
-		for (let i = 0; i < e.length; i++) {
-			let a = e[i], o = a[0] === "[", s = t.has(a);
-			o || s ? (r.length > 0 && (r.sort(), n.push(...r), r = []), n.push(a)) : r.push(a);
-		}
-		return r.length > 0 && (r.sort(), n.push(...r)), n;
-	};
-}, createConfigUtils = (e) => ({
-	cache: createLruCache(e.cacheSize),
-	parseClassName: createParseClassName(e),
-	sortModifiers: createSortModifiers(e),
-	postfixLookupClassGroupIds: createPostfixLookupClassGroupIds(e),
-	...createClassGroupUtils(e)
-}), createPostfixLookupClassGroupIds = (e) => {
-	let t = Object.create(null), n = e.postfixLookupClassGroups;
-	if (n) for (let e = 0; e < n.length; e++) t[n[e]] = !0;
-	return t;
-}, oe = /\s+/, mergeClassList = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(oe), l = "";
-	for (let e = c.length - 1; e >= 0; --e) {
-		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: f, baseClassName: p, maybePostfixModifierPosition: m } = n(t);
-		if (u) {
-			l = t + (l.length > 0 ? " " + l : l);
-			continue;
-		}
-		let h = !!m, g;
-		if (h) {
-			g = r(p.substring(0, m));
-			let e = g && o[g] ? r(p) : void 0;
-			e && e !== g && (g = e, h = !1);
-		} else g = r(p);
-		if (!g) {
-			if (!h) {
-				l = t + (l.length > 0 ? " " + l : l);
-				continue;
-			}
-			if (g = r(p), !g) {
-				l = t + (l.length > 0 ? " " + l : l);
-				continue;
-			}
-			h = !1;
-		}
-		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + Y : _, y = v + g;
-		if (s.indexOf(y) > -1) continue;
-		s.push(y);
-		let b = i(g, h);
-		for (let e = 0; e < b.length; ++e) {
-			let t = b[e];
-			s.push(v + t);
-		}
-		l = t + (l.length > 0 ? " " + l : l);
-	}
-	return l;
-}, twJoin = (...e) => {
-	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = toValue(n)) && (i && (i += " "), i += r);
-	return i;
-}, toValue = (e) => {
-	if (typeof e == "string") return e;
-	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = toValue(e[r])) && (n && (n += " "), n += t);
-	return n;
-}, createTailwindMerge = (e, ...t) => {
-	let n, r, i, a, initTailwindMerge = (o) => (n = createConfigUtils(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = tailwindMerge, tailwindMerge(o)), tailwindMerge = (e) => {
-		let t = r(e);
-		if (t) return t;
-		let a = mergeClassList(e, n);
-		return i(e, a), a;
-	};
-	return a = initTailwindMerge, (...e) => a(twJoin(...e));
-}, se = [], fromTheme = (e) => {
-	let themeGetter = (t) => t[e] || se;
-	return themeGetter.isThemeGetter = !0, themeGetter;
-}, Z = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Q = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ce = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, le = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ue = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, de = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, fe = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, pe = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, isFraction = (e) => ce.test(e), isNumber = (e) => !!e && !Number.isNaN(Number(e)), isInteger = (e) => !!e && Number.isInteger(Number(e)), isPercent = (e) => e.endsWith("%") && isNumber(e.slice(0, -1)), isTshirtSize = (e) => le.test(e), isAny = () => !0, isLengthOnly = (e) => ue.test(e) && !de.test(e), isNever = () => !1, isShadow = (e) => fe.test(e), isImage = (e) => pe.test(e), isAnyNonArbitrary = (e) => !isArbitraryValue(e) && !isArbitraryVariable(e), isNamedContainerQuery = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), isArbitrarySize = (e) => getIsArbitraryValue(e, isLabelSize, isNever), isArbitraryValue = (e) => Z.test(e), isArbitraryLength = (e) => getIsArbitraryValue(e, isLabelLength, isLengthOnly), isArbitraryNumber = (e) => getIsArbitraryValue(e, isLabelNumber, isNumber), isArbitraryWeight = (e) => getIsArbitraryValue(e, isLabelWeight, isAny), isArbitraryFamilyName = (e) => getIsArbitraryValue(e, isLabelFamilyName, isNever), isArbitraryPosition = (e) => getIsArbitraryValue(e, isLabelPosition, isNever), isArbitraryImage = (e) => getIsArbitraryValue(e, isLabelImage, isImage), isArbitraryShadow = (e) => getIsArbitraryValue(e, isLabelShadow, isShadow), isArbitraryVariable = (e) => Q.test(e), isArbitraryVariableLength = (e) => getIsArbitraryVariable(e, isLabelLength), isArbitraryVariableFamilyName = (e) => getIsArbitraryVariable(e, isLabelFamilyName), isArbitraryVariablePosition = (e) => getIsArbitraryVariable(e, isLabelPosition), isArbitraryVariableSize = (e) => getIsArbitraryVariable(e, isLabelSize), isArbitraryVariableImage = (e) => getIsArbitraryVariable(e, isLabelImage), isArbitraryVariableShadow = (e) => getIsArbitraryVariable(e, isLabelShadow, !0), isArbitraryVariableWeight = (e) => getIsArbitraryVariable(e, isLabelWeight, !0), getIsArbitraryValue = (e, t, n) => {
-	let r = Z.exec(e);
-	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
-}, getIsArbitraryVariable = (e, t, n = !1) => {
-	let r = Q.exec(e);
-	return r ? r[1] ? t(r[1]) : n : !1;
-}, isLabelPosition = (e) => e === "position" || e === "percentage", isLabelImage = (e) => e === "image" || e === "url", isLabelSize = (e) => e === "length" || e === "size" || e === "bg-size", isLabelLength = (e) => e === "length", isLabelNumber = (e) => e === "number", isLabelFamilyName = (e) => e === "family-name", isLabelWeight = (e) => e === "number" || e === "weight", isLabelShadow = (e) => e === "shadow", getDefaultConfig = () => {
-	let e = fromTheme("color"), t = fromTheme("font"), n = fromTheme("text"), r = fromTheme("font-weight"), i = fromTheme("tracking"), a = fromTheme("leading"), o = fromTheme("breakpoint"), s = fromTheme("container"), c = fromTheme("spacing"), l = fromTheme("radius"), u = fromTheme("shadow"), d = fromTheme("inset-shadow"), f = fromTheme("text-shadow"), p = fromTheme("drop-shadow"), m = fromTheme("blur"), h = fromTheme("perspective"), g = fromTheme("aspect"), _ = fromTheme("ease"), v = fromTheme("animate"), scaleBreak = () => [
-		"auto",
-		"avoid",
-		"all",
-		"avoid-page",
-		"page",
-		"left",
-		"right",
-		"column"
-	], scalePosition = () => [
-		"center",
-		"top",
-		"bottom",
-		"left",
-		"right",
-		"top-left",
-		"left-top",
-		"top-right",
-		"right-top",
-		"bottom-right",
-		"right-bottom",
-		"bottom-left",
-		"left-bottom"
-	], scalePositionWithArbitrary = () => [
-		...scalePosition(),
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleOverflow = () => [
-		"auto",
-		"hidden",
-		"clip",
-		"visible",
-		"scroll"
-	], scaleOverscroll = () => [
-		"auto",
-		"contain",
-		"none"
-	], scaleUnambiguousSpacing = () => [
-		isArbitraryVariable,
-		isArbitraryValue,
-		c
-	], scaleInset = () => [
-		isFraction,
-		"full",
-		"auto",
-		...scaleUnambiguousSpacing()
-	], scaleGridTemplateColsRows = () => [
-		isInteger,
-		"none",
-		"subgrid",
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleGridColRowStartAndEnd = () => [
-		"auto",
-		{ span: [
-			"full",
-			isInteger,
-			isArbitraryVariable,
-			isArbitraryValue
-		] },
-		isInteger,
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleGridColRowStartOrEnd = () => [
-		isInteger,
-		"auto",
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleGridAutoColsRows = () => [
-		"auto",
-		"min",
-		"max",
-		"fr",
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleAlignPrimaryAxis = () => [
-		"start",
-		"end",
-		"center",
-		"between",
-		"around",
-		"evenly",
-		"stretch",
-		"baseline",
-		"center-safe",
-		"end-safe"
-	], scaleAlignSecondaryAxis = () => [
-		"start",
-		"end",
-		"center",
-		"stretch",
-		"center-safe",
-		"end-safe"
-	], scaleMargin = () => ["auto", ...scaleUnambiguousSpacing()], scaleSizing = () => [
-		isFraction,
-		"auto",
-		"full",
-		"dvw",
-		"dvh",
-		"lvw",
-		"lvh",
-		"svw",
-		"svh",
-		"min",
-		"max",
-		"fit",
-		...scaleUnambiguousSpacing()
-	], scaleSizingInline = () => [
-		isFraction,
-		"screen",
-		"full",
-		"dvw",
-		"lvw",
-		"svw",
-		"min",
-		"max",
-		"fit",
-		...scaleUnambiguousSpacing()
-	], scaleSizingBlock = () => [
-		isFraction,
-		"screen",
-		"full",
-		"lh",
-		"dvh",
-		"lvh",
-		"svh",
-		"min",
-		"max",
-		"fit",
-		...scaleUnambiguousSpacing()
-	], scaleColor = () => [
-		e,
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleBgPosition = () => [
-		...scalePosition(),
-		isArbitraryVariablePosition,
-		isArbitraryPosition,
-		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], scaleBgRepeat = () => ["no-repeat", { repeat: [
-		"",
-		"x",
-		"y",
-		"space",
-		"round"
-	] }], scaleBgSize = () => [
-		"auto",
-		"cover",
-		"contain",
-		isArbitraryVariableSize,
-		isArbitrarySize,
-		{ size: [isArbitraryVariable, isArbitraryValue] }
-	], scaleGradientStopPosition = () => [
-		isPercent,
-		isArbitraryVariableLength,
-		isArbitraryLength
-	], scaleRadius = () => [
-		"",
-		"none",
-		"full",
-		l,
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleBorderWidth = () => [
-		"",
-		isNumber,
-		isArbitraryVariableLength,
-		isArbitraryLength
-	], scaleLineStyle = () => [
-		"solid",
-		"dashed",
-		"dotted",
-		"double"
-	], scaleBlendMode = () => [
-		"normal",
-		"multiply",
-		"screen",
-		"overlay",
-		"darken",
-		"lighten",
-		"color-dodge",
-		"color-burn",
-		"hard-light",
-		"soft-light",
-		"difference",
-		"exclusion",
-		"hue",
-		"saturation",
-		"color",
-		"luminosity"
-	], scaleMaskImagePosition = () => [
-		isNumber,
-		isPercent,
-		isArbitraryVariablePosition,
-		isArbitraryPosition
-	], scaleBlur = () => [
-		"",
-		"none",
-		m,
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleRotate = () => [
-		"none",
-		isNumber,
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleScale = () => [
-		"none",
-		isNumber,
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleSkew = () => [
-		isNumber,
-		isArbitraryVariable,
-		isArbitraryValue
-	], scaleTranslate = () => [
-		isFraction,
-		"full",
-		...scaleUnambiguousSpacing()
-	];
-	return {
-		cacheSize: 500,
-		theme: {
-			animate: [
-				"spin",
-				"ping",
-				"pulse",
-				"bounce"
-			],
-			aspect: ["video"],
-			blur: [isTshirtSize],
-			breakpoint: [isTshirtSize],
-			color: [isAny],
-			container: [isTshirtSize],
-			"drop-shadow": [isTshirtSize],
-			ease: [
-				"in",
-				"out",
-				"in-out"
-			],
-			font: [isAnyNonArbitrary],
-			"font-weight": [
-				"thin",
-				"extralight",
-				"light",
-				"normal",
-				"medium",
-				"semibold",
-				"bold",
-				"extrabold",
-				"black"
-			],
-			"inset-shadow": [isTshirtSize],
-			leading: [
-				"none",
-				"tight",
-				"snug",
-				"normal",
-				"relaxed",
-				"loose"
-			],
-			perspective: [
-				"dramatic",
-				"near",
-				"normal",
-				"midrange",
-				"distant",
-				"none"
-			],
-			radius: [isTshirtSize],
-			shadow: [isTshirtSize],
-			spacing: ["px", isNumber],
-			text: [isTshirtSize],
-			"text-shadow": [isTshirtSize],
-			tracking: [
-				"tighter",
-				"tight",
-				"normal",
-				"wide",
-				"wider",
-				"widest"
-			]
-		},
-		classGroups: {
-			aspect: [{ aspect: [
-				"auto",
-				"square",
-				isFraction,
-				isArbitraryValue,
-				isArbitraryVariable,
-				g
-			] }],
-			container: ["container"],
-			"container-type": [{ "@container": [
-				"",
-				"normal",
-				"size",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"container-named": [isNamedContainerQuery],
-			columns: [{ columns: [
-				isNumber,
-				isArbitraryValue,
-				isArbitraryVariable,
-				s
-			] }],
-			"break-after": [{ "break-after": scaleBreak() }],
-			"break-before": [{ "break-before": scaleBreak() }],
-			"break-inside": [{ "break-inside": [
-				"auto",
-				"avoid",
-				"avoid-page",
-				"avoid-column"
-			] }],
-			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
-			box: [{ box: ["border", "content"] }],
-			display: [
-				"block",
-				"inline-block",
-				"inline",
-				"flex",
-				"inline-flex",
-				"table",
-				"inline-table",
-				"table-caption",
-				"table-cell",
-				"table-column",
-				"table-column-group",
-				"table-footer-group",
-				"table-header-group",
-				"table-row-group",
-				"table-row",
-				"flow-root",
-				"grid",
-				"inline-grid",
-				"contents",
-				"list-item",
-				"hidden"
-			],
-			sr: ["sr-only", "not-sr-only"],
-			float: [{ float: [
-				"right",
-				"left",
-				"none",
-				"start",
-				"end"
-			] }],
-			clear: [{ clear: [
-				"left",
-				"right",
-				"both",
-				"none",
-				"start",
-				"end"
-			] }],
-			isolation: ["isolate", "isolation-auto"],
-			"object-fit": [{ object: [
-				"contain",
-				"cover",
-				"fill",
-				"none",
-				"scale-down"
-			] }],
-			"object-position": [{ object: scalePositionWithArbitrary() }],
-			overflow: [{ overflow: scaleOverflow() }],
-			"overflow-x": [{ "overflow-x": scaleOverflow() }],
-			"overflow-y": [{ "overflow-y": scaleOverflow() }],
-			overscroll: [{ overscroll: scaleOverscroll() }],
-			"overscroll-x": [{ "overscroll-x": scaleOverscroll() }],
-			"overscroll-y": [{ "overscroll-y": scaleOverscroll() }],
-			position: [
-				"static",
-				"fixed",
-				"absolute",
-				"relative",
-				"sticky"
-			],
-			inset: [{ inset: scaleInset() }],
-			"inset-x": [{ "inset-x": scaleInset() }],
-			"inset-y": [{ "inset-y": scaleInset() }],
-			start: [{
-				"inset-s": scaleInset(),
-				start: scaleInset()
-			}],
-			end: [{
-				"inset-e": scaleInset(),
-				end: scaleInset()
-			}],
-			"inset-bs": [{ "inset-bs": scaleInset() }],
-			"inset-be": [{ "inset-be": scaleInset() }],
-			top: [{ top: scaleInset() }],
-			right: [{ right: scaleInset() }],
-			bottom: [{ bottom: scaleInset() }],
-			left: [{ left: scaleInset() }],
-			visibility: [
-				"visible",
-				"invisible",
-				"collapse"
-			],
-			z: [{ z: [
-				isInteger,
-				"auto",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			basis: [{ basis: [
-				isFraction,
-				"full",
-				"auto",
-				s,
-				...scaleUnambiguousSpacing()
-			] }],
-			"flex-direction": [{ flex: [
-				"row",
-				"row-reverse",
-				"col",
-				"col-reverse"
-			] }],
-			"flex-wrap": [{ flex: [
-				"nowrap",
-				"wrap",
-				"wrap-reverse"
-			] }],
-			flex: [{ flex: [
-				isNumber,
-				isFraction,
-				"auto",
-				"initial",
-				"none",
-				isArbitraryValue
-			] }],
-			grow: [{ grow: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			shrink: [{ shrink: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			order: [{ order: [
-				isInteger,
-				"first",
-				"last",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"grid-cols": [{ "grid-cols": scaleGridTemplateColsRows() }],
-			"col-start-end": [{ col: scaleGridColRowStartAndEnd() }],
-			"col-start": [{ "col-start": scaleGridColRowStartOrEnd() }],
-			"col-end": [{ "col-end": scaleGridColRowStartOrEnd() }],
-			"grid-rows": [{ "grid-rows": scaleGridTemplateColsRows() }],
-			"row-start-end": [{ row: scaleGridColRowStartAndEnd() }],
-			"row-start": [{ "row-start": scaleGridColRowStartOrEnd() }],
-			"row-end": [{ "row-end": scaleGridColRowStartOrEnd() }],
-			"grid-flow": [{ "grid-flow": [
-				"row",
-				"col",
-				"dense",
-				"row-dense",
-				"col-dense"
-			] }],
-			"auto-cols": [{ "auto-cols": scaleGridAutoColsRows() }],
-			"auto-rows": [{ "auto-rows": scaleGridAutoColsRows() }],
-			gap: [{ gap: scaleUnambiguousSpacing() }],
-			"gap-x": [{ "gap-x": scaleUnambiguousSpacing() }],
-			"gap-y": [{ "gap-y": scaleUnambiguousSpacing() }],
-			"justify-content": [{ justify: [...scaleAlignPrimaryAxis(), "normal"] }],
-			"justify-items": [{ "justify-items": [...scaleAlignSecondaryAxis(), "normal"] }],
-			"justify-self": [{ "justify-self": ["auto", ...scaleAlignSecondaryAxis()] }],
-			"align-content": [{ content: ["normal", ...scaleAlignPrimaryAxis()] }],
-			"align-items": [{ items: [...scaleAlignSecondaryAxis(), { baseline: ["", "last"] }] }],
-			"align-self": [{ self: [
-				"auto",
-				...scaleAlignSecondaryAxis(),
-				{ baseline: ["", "last"] }
-			] }],
-			"place-content": [{ "place-content": scaleAlignPrimaryAxis() }],
-			"place-items": [{ "place-items": [...scaleAlignSecondaryAxis(), "baseline"] }],
-			"place-self": [{ "place-self": ["auto", ...scaleAlignSecondaryAxis()] }],
-			p: [{ p: scaleUnambiguousSpacing() }],
-			px: [{ px: scaleUnambiguousSpacing() }],
-			py: [{ py: scaleUnambiguousSpacing() }],
-			ps: [{ ps: scaleUnambiguousSpacing() }],
-			pe: [{ pe: scaleUnambiguousSpacing() }],
-			pbs: [{ pbs: scaleUnambiguousSpacing() }],
-			pbe: [{ pbe: scaleUnambiguousSpacing() }],
-			pt: [{ pt: scaleUnambiguousSpacing() }],
-			pr: [{ pr: scaleUnambiguousSpacing() }],
-			pb: [{ pb: scaleUnambiguousSpacing() }],
-			pl: [{ pl: scaleUnambiguousSpacing() }],
-			m: [{ m: scaleMargin() }],
-			mx: [{ mx: scaleMargin() }],
-			my: [{ my: scaleMargin() }],
-			ms: [{ ms: scaleMargin() }],
-			me: [{ me: scaleMargin() }],
-			mbs: [{ mbs: scaleMargin() }],
-			mbe: [{ mbe: scaleMargin() }],
-			mt: [{ mt: scaleMargin() }],
-			mr: [{ mr: scaleMargin() }],
-			mb: [{ mb: scaleMargin() }],
-			ml: [{ ml: scaleMargin() }],
-			"space-x": [{ "space-x": scaleUnambiguousSpacing() }],
-			"space-x-reverse": ["space-x-reverse"],
-			"space-y": [{ "space-y": scaleUnambiguousSpacing() }],
-			"space-y-reverse": ["space-y-reverse"],
-			size: [{ size: scaleSizing() }],
-			"inline-size": [{ inline: ["auto", ...scaleSizingInline()] }],
-			"min-inline-size": [{ "min-inline": ["auto", ...scaleSizingInline()] }],
-			"max-inline-size": [{ "max-inline": ["none", ...scaleSizingInline()] }],
-			"block-size": [{ block: ["auto", ...scaleSizingBlock()] }],
-			"min-block-size": [{ "min-block": ["auto", ...scaleSizingBlock()] }],
-			"max-block-size": [{ "max-block": ["none", ...scaleSizingBlock()] }],
-			w: [{ w: [
-				s,
-				"screen",
-				...scaleSizing()
-			] }],
-			"min-w": [{ "min-w": [
-				s,
-				"screen",
-				"none",
-				...scaleSizing()
-			] }],
-			"max-w": [{ "max-w": [
-				s,
-				"screen",
-				"none",
-				"prose",
-				{ screen: [o] },
-				...scaleSizing()
-			] }],
-			h: [{ h: [
-				"screen",
-				"lh",
-				...scaleSizing()
-			] }],
-			"min-h": [{ "min-h": [
-				"screen",
-				"lh",
-				"none",
-				...scaleSizing()
-			] }],
-			"max-h": [{ "max-h": [
-				"screen",
-				"lh",
-				...scaleSizing()
-			] }],
-			"font-size": [{ text: [
-				"base",
-				n,
-				isArbitraryVariableLength,
-				isArbitraryLength
-			] }],
-			"font-smoothing": ["antialiased", "subpixel-antialiased"],
-			"font-style": ["italic", "not-italic"],
-			"font-weight": [{ font: [
-				r,
-				isArbitraryVariableWeight,
-				isArbitraryWeight
-			] }],
-			"font-stretch": [{ "font-stretch": [
-				"ultra-condensed",
-				"extra-condensed",
-				"condensed",
-				"semi-condensed",
-				"normal",
-				"semi-expanded",
-				"expanded",
-				"extra-expanded",
-				"ultra-expanded",
-				isPercent,
-				isArbitraryValue
-			] }],
-			"font-family": [{ font: [
-				isArbitraryVariableFamilyName,
-				isArbitraryFamilyName,
-				t
-			] }],
-			"font-features": [{ "font-features": [isArbitraryValue] }],
-			"fvn-normal": ["normal-nums"],
-			"fvn-ordinal": ["ordinal"],
-			"fvn-slashed-zero": ["slashed-zero"],
-			"fvn-figure": ["lining-nums", "oldstyle-nums"],
-			"fvn-spacing": ["proportional-nums", "tabular-nums"],
-			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
-			tracking: [{ tracking: [
-				i,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"line-clamp": [{ "line-clamp": [
-				isNumber,
-				"none",
-				isArbitraryVariable,
-				isArbitraryNumber
-			] }],
-			leading: [{ leading: [a, ...scaleUnambiguousSpacing()] }],
-			"list-image": [{ "list-image": [
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"list-style-position": [{ list: ["inside", "outside"] }],
-			"list-style-type": [{ list: [
-				"disc",
-				"decimal",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"text-alignment": [{ text: [
-				"left",
-				"center",
-				"right",
-				"justify",
-				"start",
-				"end"
-			] }],
-			"placeholder-color": [{ placeholder: scaleColor() }],
-			"text-color": [{ text: scaleColor() }],
-			"text-decoration": [
-				"underline",
-				"overline",
-				"line-through",
-				"no-underline"
-			],
-			"text-decoration-style": [{ decoration: [...scaleLineStyle(), "wavy"] }],
-			"text-decoration-thickness": [{ decoration: [
-				isNumber,
-				"from-font",
-				"auto",
-				isArbitraryVariable,
-				isArbitraryLength
-			] }],
-			"text-decoration-color": [{ decoration: scaleColor() }],
-			"underline-offset": [{ "underline-offset": [
-				isNumber,
-				"auto",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"text-transform": [
-				"uppercase",
-				"lowercase",
-				"capitalize",
-				"normal-case"
-			],
-			"text-overflow": [
-				"truncate",
-				"text-ellipsis",
-				"text-clip"
-			],
-			"text-wrap": [{ text: [
-				"wrap",
-				"nowrap",
-				"balance",
-				"pretty"
-			] }],
-			indent: [{ indent: scaleUnambiguousSpacing() }],
-			"tab-size": [{ tab: [
-				isInteger,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"vertical-align": [{ align: [
-				"baseline",
-				"top",
-				"middle",
-				"bottom",
-				"text-top",
-				"text-bottom",
-				"sub",
-				"super",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			whitespace: [{ whitespace: [
-				"normal",
-				"nowrap",
-				"pre",
-				"pre-line",
-				"pre-wrap",
-				"break-spaces"
-			] }],
-			break: [{ break: [
-				"normal",
-				"words",
-				"all",
-				"keep"
-			] }],
-			wrap: [{ wrap: [
-				"break-word",
-				"anywhere",
-				"normal"
-			] }],
-			hyphens: [{ hyphens: [
-				"none",
-				"manual",
-				"auto"
-			] }],
-			content: [{ content: [
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"bg-attachment": [{ bg: [
-				"fixed",
-				"local",
-				"scroll"
-			] }],
-			"bg-clip": [{ "bg-clip": [
-				"border",
-				"padding",
-				"content",
-				"text"
-			] }],
-			"bg-origin": [{ "bg-origin": [
-				"border",
-				"padding",
-				"content"
-			] }],
-			"bg-position": [{ bg: scaleBgPosition() }],
-			"bg-repeat": [{ bg: scaleBgRepeat() }],
-			"bg-size": [{ bg: scaleBgSize() }],
-			"bg-image": [{ bg: [
-				"none",
-				{
-					linear: [
-						{ to: [
-							"t",
-							"tr",
-							"r",
-							"br",
-							"b",
-							"bl",
-							"l",
-							"tl"
-						] },
-						isInteger,
-						isArbitraryVariable,
-						isArbitraryValue
-					],
-					radial: [
-						"",
-						isArbitraryVariable,
-						isArbitraryValue
-					],
-					conic: [
-						isInteger,
-						isArbitraryVariable,
-						isArbitraryValue
-					]
-				},
-				isArbitraryVariableImage,
-				isArbitraryImage
-			] }],
-			"bg-color": [{ bg: scaleColor() }],
-			"gradient-from-pos": [{ from: scaleGradientStopPosition() }],
-			"gradient-via-pos": [{ via: scaleGradientStopPosition() }],
-			"gradient-to-pos": [{ to: scaleGradientStopPosition() }],
-			"gradient-from": [{ from: scaleColor() }],
-			"gradient-via": [{ via: scaleColor() }],
-			"gradient-to": [{ to: scaleColor() }],
-			rounded: [{ rounded: scaleRadius() }],
-			"rounded-s": [{ "rounded-s": scaleRadius() }],
-			"rounded-e": [{ "rounded-e": scaleRadius() }],
-			"rounded-t": [{ "rounded-t": scaleRadius() }],
-			"rounded-r": [{ "rounded-r": scaleRadius() }],
-			"rounded-b": [{ "rounded-b": scaleRadius() }],
-			"rounded-l": [{ "rounded-l": scaleRadius() }],
-			"rounded-ss": [{ "rounded-ss": scaleRadius() }],
-			"rounded-se": [{ "rounded-se": scaleRadius() }],
-			"rounded-ee": [{ "rounded-ee": scaleRadius() }],
-			"rounded-es": [{ "rounded-es": scaleRadius() }],
-			"rounded-tl": [{ "rounded-tl": scaleRadius() }],
-			"rounded-tr": [{ "rounded-tr": scaleRadius() }],
-			"rounded-br": [{ "rounded-br": scaleRadius() }],
-			"rounded-bl": [{ "rounded-bl": scaleRadius() }],
-			"border-w": [{ border: scaleBorderWidth() }],
-			"border-w-x": [{ "border-x": scaleBorderWidth() }],
-			"border-w-y": [{ "border-y": scaleBorderWidth() }],
-			"border-w-s": [{ "border-s": scaleBorderWidth() }],
-			"border-w-e": [{ "border-e": scaleBorderWidth() }],
-			"border-w-bs": [{ "border-bs": scaleBorderWidth() }],
-			"border-w-be": [{ "border-be": scaleBorderWidth() }],
-			"border-w-t": [{ "border-t": scaleBorderWidth() }],
-			"border-w-r": [{ "border-r": scaleBorderWidth() }],
-			"border-w-b": [{ "border-b": scaleBorderWidth() }],
-			"border-w-l": [{ "border-l": scaleBorderWidth() }],
-			"divide-x": [{ "divide-x": scaleBorderWidth() }],
-			"divide-x-reverse": ["divide-x-reverse"],
-			"divide-y": [{ "divide-y": scaleBorderWidth() }],
-			"divide-y-reverse": ["divide-y-reverse"],
-			"border-style": [{ border: [
-				...scaleLineStyle(),
-				"hidden",
-				"none"
-			] }],
-			"divide-style": [{ divide: [
-				...scaleLineStyle(),
-				"hidden",
-				"none"
-			] }],
-			"border-color": [{ border: scaleColor() }],
-			"border-color-x": [{ "border-x": scaleColor() }],
-			"border-color-y": [{ "border-y": scaleColor() }],
-			"border-color-s": [{ "border-s": scaleColor() }],
-			"border-color-e": [{ "border-e": scaleColor() }],
-			"border-color-bs": [{ "border-bs": scaleColor() }],
-			"border-color-be": [{ "border-be": scaleColor() }],
-			"border-color-t": [{ "border-t": scaleColor() }],
-			"border-color-r": [{ "border-r": scaleColor() }],
-			"border-color-b": [{ "border-b": scaleColor() }],
-			"border-color-l": [{ "border-l": scaleColor() }],
-			"divide-color": [{ divide: scaleColor() }],
-			"outline-style": [{ outline: [
-				...scaleLineStyle(),
-				"none",
-				"hidden"
-			] }],
-			"outline-offset": [{ "outline-offset": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"outline-w": [{ outline: [
-				"",
-				isNumber,
-				isArbitraryVariableLength,
-				isArbitraryLength
-			] }],
-			"outline-color": [{ outline: scaleColor() }],
-			shadow: [{ shadow: [
-				"",
-				"none",
-				u,
-				isArbitraryVariableShadow,
-				isArbitraryShadow
-			] }],
-			"shadow-color": [{ shadow: scaleColor() }],
-			"inset-shadow": [{ "inset-shadow": [
-				"none",
-				d,
-				isArbitraryVariableShadow,
-				isArbitraryShadow
-			] }],
-			"inset-shadow-color": [{ "inset-shadow": scaleColor() }],
-			"ring-w": [{ ring: scaleBorderWidth() }],
-			"ring-w-inset": ["ring-inset"],
-			"ring-color": [{ ring: scaleColor() }],
-			"ring-offset-w": [{ "ring-offset": [isNumber, isArbitraryLength] }],
-			"ring-offset-color": [{ "ring-offset": scaleColor() }],
-			"inset-ring-w": [{ "inset-ring": scaleBorderWidth() }],
-			"inset-ring-color": [{ "inset-ring": scaleColor() }],
-			"text-shadow": [{ "text-shadow": [
-				"none",
-				f,
-				isArbitraryVariableShadow,
-				isArbitraryShadow
-			] }],
-			"text-shadow-color": [{ "text-shadow": scaleColor() }],
-			opacity: [{ opacity: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"mix-blend": [{ "mix-blend": [
-				...scaleBlendMode(),
-				"plus-darker",
-				"plus-lighter"
-			] }],
-			"bg-blend": [{ "bg-blend": scaleBlendMode() }],
-			"mask-clip": [{ "mask-clip": [
-				"border",
-				"padding",
-				"content",
-				"fill",
-				"stroke",
-				"view"
-			] }, "mask-no-clip"],
-			"mask-composite": [{ mask: [
-				"add",
-				"subtract",
-				"intersect",
-				"exclude"
-			] }],
-			"mask-image-linear-pos": [{ "mask-linear": [isNumber] }],
-			"mask-image-linear-from-pos": [{ "mask-linear-from": scaleMaskImagePosition() }],
-			"mask-image-linear-to-pos": [{ "mask-linear-to": scaleMaskImagePosition() }],
-			"mask-image-linear-from-color": [{ "mask-linear-from": scaleColor() }],
-			"mask-image-linear-to-color": [{ "mask-linear-to": scaleColor() }],
-			"mask-image-t-from-pos": [{ "mask-t-from": scaleMaskImagePosition() }],
-			"mask-image-t-to-pos": [{ "mask-t-to": scaleMaskImagePosition() }],
-			"mask-image-t-from-color": [{ "mask-t-from": scaleColor() }],
-			"mask-image-t-to-color": [{ "mask-t-to": scaleColor() }],
-			"mask-image-r-from-pos": [{ "mask-r-from": scaleMaskImagePosition() }],
-			"mask-image-r-to-pos": [{ "mask-r-to": scaleMaskImagePosition() }],
-			"mask-image-r-from-color": [{ "mask-r-from": scaleColor() }],
-			"mask-image-r-to-color": [{ "mask-r-to": scaleColor() }],
-			"mask-image-b-from-pos": [{ "mask-b-from": scaleMaskImagePosition() }],
-			"mask-image-b-to-pos": [{ "mask-b-to": scaleMaskImagePosition() }],
-			"mask-image-b-from-color": [{ "mask-b-from": scaleColor() }],
-			"mask-image-b-to-color": [{ "mask-b-to": scaleColor() }],
-			"mask-image-l-from-pos": [{ "mask-l-from": scaleMaskImagePosition() }],
-			"mask-image-l-to-pos": [{ "mask-l-to": scaleMaskImagePosition() }],
-			"mask-image-l-from-color": [{ "mask-l-from": scaleColor() }],
-			"mask-image-l-to-color": [{ "mask-l-to": scaleColor() }],
-			"mask-image-x-from-pos": [{ "mask-x-from": scaleMaskImagePosition() }],
-			"mask-image-x-to-pos": [{ "mask-x-to": scaleMaskImagePosition() }],
-			"mask-image-x-from-color": [{ "mask-x-from": scaleColor() }],
-			"mask-image-x-to-color": [{ "mask-x-to": scaleColor() }],
-			"mask-image-y-from-pos": [{ "mask-y-from": scaleMaskImagePosition() }],
-			"mask-image-y-to-pos": [{ "mask-y-to": scaleMaskImagePosition() }],
-			"mask-image-y-from-color": [{ "mask-y-from": scaleColor() }],
-			"mask-image-y-to-color": [{ "mask-y-to": scaleColor() }],
-			"mask-image-radial": [{ "mask-radial": [isArbitraryVariable, isArbitraryValue] }],
-			"mask-image-radial-from-pos": [{ "mask-radial-from": scaleMaskImagePosition() }],
-			"mask-image-radial-to-pos": [{ "mask-radial-to": scaleMaskImagePosition() }],
-			"mask-image-radial-from-color": [{ "mask-radial-from": scaleColor() }],
-			"mask-image-radial-to-color": [{ "mask-radial-to": scaleColor() }],
-			"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
-			"mask-image-radial-size": [{ "mask-radial": [{
-				closest: ["side", "corner"],
-				farthest: ["side", "corner"]
-			}] }],
-			"mask-image-radial-pos": [{ "mask-radial-at": scalePosition() }],
-			"mask-image-conic-pos": [{ "mask-conic": [isNumber] }],
-			"mask-image-conic-from-pos": [{ "mask-conic-from": scaleMaskImagePosition() }],
-			"mask-image-conic-to-pos": [{ "mask-conic-to": scaleMaskImagePosition() }],
-			"mask-image-conic-from-color": [{ "mask-conic-from": scaleColor() }],
-			"mask-image-conic-to-color": [{ "mask-conic-to": scaleColor() }],
-			"mask-mode": [{ mask: [
-				"alpha",
-				"luminance",
-				"match"
-			] }],
-			"mask-origin": [{ "mask-origin": [
-				"border",
-				"padding",
-				"content",
-				"fill",
-				"stroke",
-				"view"
-			] }],
-			"mask-position": [{ mask: scaleBgPosition() }],
-			"mask-repeat": [{ mask: scaleBgRepeat() }],
-			"mask-size": [{ mask: scaleBgSize() }],
-			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
-			"mask-image": [{ mask: [
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			filter: [{ filter: [
-				"",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			blur: [{ blur: scaleBlur() }],
-			brightness: [{ brightness: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			contrast: [{ contrast: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"drop-shadow": [{ "drop-shadow": [
-				"",
-				"none",
-				p,
-				isArbitraryVariableShadow,
-				isArbitraryShadow
-			] }],
-			"drop-shadow-color": [{ "drop-shadow": scaleColor() }],
-			grayscale: [{ grayscale: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"hue-rotate": [{ "hue-rotate": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			invert: [{ invert: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			saturate: [{ saturate: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			sepia: [{ sepia: [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-filter": [{ "backdrop-filter": [
-				"",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-blur": [{ "backdrop-blur": scaleBlur() }],
-			"backdrop-brightness": [{ "backdrop-brightness": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-contrast": [{ "backdrop-contrast": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-grayscale": [{ "backdrop-grayscale": [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-invert": [{ "backdrop-invert": [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-opacity": [{ "backdrop-opacity": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-saturate": [{ "backdrop-saturate": [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"backdrop-sepia": [{ "backdrop-sepia": [
-				"",
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"border-collapse": [{ border: ["collapse", "separate"] }],
-			"border-spacing": [{ "border-spacing": scaleUnambiguousSpacing() }],
-			"border-spacing-x": [{ "border-spacing-x": scaleUnambiguousSpacing() }],
-			"border-spacing-y": [{ "border-spacing-y": scaleUnambiguousSpacing() }],
-			"table-layout": [{ table: ["auto", "fixed"] }],
-			caption: [{ caption: ["top", "bottom"] }],
-			transition: [{ transition: [
-				"",
-				"all",
-				"colors",
-				"opacity",
-				"shadow",
-				"transform",
-				"none",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"transition-behavior": [{ transition: ["normal", "discrete"] }],
-			duration: [{ duration: [
-				isNumber,
-				"initial",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			ease: [{ ease: [
-				"linear",
-				"initial",
-				_,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			delay: [{ delay: [
-				isNumber,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			animate: [{ animate: [
-				"none",
-				v,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			backface: [{ backface: ["hidden", "visible"] }],
-			perspective: [{ perspective: [
-				h,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"perspective-origin": [{ "perspective-origin": scalePositionWithArbitrary() }],
-			rotate: [{ rotate: scaleRotate() }],
-			"rotate-x": [{ "rotate-x": scaleRotate() }],
-			"rotate-y": [{ "rotate-y": scaleRotate() }],
-			"rotate-z": [{ "rotate-z": scaleRotate() }],
-			scale: [{ scale: scaleScale() }],
-			"scale-x": [{ "scale-x": scaleScale() }],
-			"scale-y": [{ "scale-y": scaleScale() }],
-			"scale-z": [{ "scale-z": scaleScale() }],
-			"scale-3d": ["scale-3d"],
-			skew: [{ skew: scaleSkew() }],
-			"skew-x": [{ "skew-x": scaleSkew() }],
-			"skew-y": [{ "skew-y": scaleSkew() }],
-			transform: [{ transform: [
-				isArbitraryVariable,
-				isArbitraryValue,
-				"",
-				"none",
-				"gpu",
-				"cpu"
-			] }],
-			"transform-origin": [{ origin: scalePositionWithArbitrary() }],
-			"transform-style": [{ transform: ["3d", "flat"] }],
-			translate: [{ translate: scaleTranslate() }],
-			"translate-x": [{ "translate-x": scaleTranslate() }],
-			"translate-y": [{ "translate-y": scaleTranslate() }],
-			"translate-z": [{ "translate-z": scaleTranslate() }],
-			"translate-none": ["translate-none"],
-			zoom: [{ zoom: [
-				isInteger,
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			accent: [{ accent: scaleColor() }],
-			appearance: [{ appearance: ["none", "auto"] }],
-			"caret-color": [{ caret: scaleColor() }],
-			"color-scheme": [{ scheme: [
-				"normal",
-				"dark",
-				"light",
-				"light-dark",
-				"only-dark",
-				"only-light"
-			] }],
-			cursor: [{ cursor: [
-				"auto",
-				"default",
-				"pointer",
-				"wait",
-				"text",
-				"move",
-				"help",
-				"not-allowed",
-				"none",
-				"context-menu",
-				"progress",
-				"cell",
-				"crosshair",
-				"vertical-text",
-				"alias",
-				"copy",
-				"no-drop",
-				"grab",
-				"grabbing",
-				"all-scroll",
-				"col-resize",
-				"row-resize",
-				"n-resize",
-				"e-resize",
-				"s-resize",
-				"w-resize",
-				"ne-resize",
-				"nw-resize",
-				"se-resize",
-				"sw-resize",
-				"ew-resize",
-				"ns-resize",
-				"nesw-resize",
-				"nwse-resize",
-				"zoom-in",
-				"zoom-out",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
-			"pointer-events": [{ "pointer-events": ["auto", "none"] }],
-			resize: [{ resize: [
-				"none",
-				"",
-				"y",
-				"x"
-			] }],
-			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-			"scrollbar-thumb-color": [{ "scrollbar-thumb": scaleColor() }],
-			"scrollbar-track-color": [{ "scrollbar-track": scaleColor() }],
-			"scrollbar-gutter": [{ "scrollbar-gutter": [
-				"auto",
-				"stable",
-				"both"
-			] }],
-			"scrollbar-w": [{ scrollbar: [
-				"auto",
-				"thin",
-				"none"
-			] }],
-			"scroll-m": [{ "scroll-m": scaleUnambiguousSpacing() }],
-			"scroll-mx": [{ "scroll-mx": scaleUnambiguousSpacing() }],
-			"scroll-my": [{ "scroll-my": scaleUnambiguousSpacing() }],
-			"scroll-ms": [{ "scroll-ms": scaleUnambiguousSpacing() }],
-			"scroll-me": [{ "scroll-me": scaleUnambiguousSpacing() }],
-			"scroll-mbs": [{ "scroll-mbs": scaleUnambiguousSpacing() }],
-			"scroll-mbe": [{ "scroll-mbe": scaleUnambiguousSpacing() }],
-			"scroll-mt": [{ "scroll-mt": scaleUnambiguousSpacing() }],
-			"scroll-mr": [{ "scroll-mr": scaleUnambiguousSpacing() }],
-			"scroll-mb": [{ "scroll-mb": scaleUnambiguousSpacing() }],
-			"scroll-ml": [{ "scroll-ml": scaleUnambiguousSpacing() }],
-			"scroll-p": [{ "scroll-p": scaleUnambiguousSpacing() }],
-			"scroll-px": [{ "scroll-px": scaleUnambiguousSpacing() }],
-			"scroll-py": [{ "scroll-py": scaleUnambiguousSpacing() }],
-			"scroll-ps": [{ "scroll-ps": scaleUnambiguousSpacing() }],
-			"scroll-pe": [{ "scroll-pe": scaleUnambiguousSpacing() }],
-			"scroll-pbs": [{ "scroll-pbs": scaleUnambiguousSpacing() }],
-			"scroll-pbe": [{ "scroll-pbe": scaleUnambiguousSpacing() }],
-			"scroll-pt": [{ "scroll-pt": scaleUnambiguousSpacing() }],
-			"scroll-pr": [{ "scroll-pr": scaleUnambiguousSpacing() }],
-			"scroll-pb": [{ "scroll-pb": scaleUnambiguousSpacing() }],
-			"scroll-pl": [{ "scroll-pl": scaleUnambiguousSpacing() }],
-			"snap-align": [{ snap: [
-				"start",
-				"end",
-				"center",
-				"align-none"
-			] }],
-			"snap-stop": [{ snap: ["normal", "always"] }],
-			"snap-type": [{ snap: [
-				"none",
-				"x",
-				"y",
-				"both"
-			] }],
-			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
-			touch: [{ touch: [
-				"auto",
-				"none",
-				"manipulation"
-			] }],
-			"touch-x": [{ "touch-pan": [
-				"x",
-				"left",
-				"right"
-			] }],
-			"touch-y": [{ "touch-pan": [
-				"y",
-				"up",
-				"down"
-			] }],
-			"touch-pz": ["touch-pinch-zoom"],
-			select: [{ select: [
-				"none",
-				"text",
-				"all",
-				"auto"
-			] }],
-			"will-change": [{ "will-change": [
-				"auto",
-				"scroll",
-				"contents",
-				"transform",
-				isArbitraryVariable,
-				isArbitraryValue
-			] }],
-			fill: [{ fill: ["none", ...scaleColor()] }],
-			"stroke-w": [{ stroke: [
-				isNumber,
-				isArbitraryVariableLength,
-				isArbitraryLength,
-				isArbitraryNumber
-			] }],
-			stroke: [{ stroke: ["none", ...scaleColor()] }],
-			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
-		},
-		conflictingClassGroups: {
-			"container-named": ["container-type"],
-			overflow: ["overflow-x", "overflow-y"],
-			overscroll: ["overscroll-x", "overscroll-y"],
-			inset: [
-				"inset-x",
-				"inset-y",
-				"inset-bs",
-				"inset-be",
-				"start",
-				"end",
-				"top",
-				"right",
-				"bottom",
-				"left"
-			],
-			"inset-x": ["right", "left"],
-			"inset-y": ["top", "bottom"],
-			flex: [
-				"basis",
-				"grow",
-				"shrink"
-			],
-			gap: ["gap-x", "gap-y"],
-			p: [
-				"px",
-				"py",
-				"ps",
-				"pe",
-				"pbs",
-				"pbe",
-				"pt",
-				"pr",
-				"pb",
-				"pl"
-			],
-			px: ["pr", "pl"],
-			py: ["pt", "pb"],
-			m: [
-				"mx",
-				"my",
-				"ms",
-				"me",
-				"mbs",
-				"mbe",
-				"mt",
-				"mr",
-				"mb",
-				"ml"
-			],
-			mx: ["mr", "ml"],
-			my: ["mt", "mb"],
-			size: ["w", "h"],
-			"font-size": ["leading"],
-			"fvn-normal": [
-				"fvn-ordinal",
-				"fvn-slashed-zero",
-				"fvn-figure",
-				"fvn-spacing",
-				"fvn-fraction"
-			],
-			"fvn-ordinal": ["fvn-normal"],
-			"fvn-slashed-zero": ["fvn-normal"],
-			"fvn-figure": ["fvn-normal"],
-			"fvn-spacing": ["fvn-normal"],
-			"fvn-fraction": ["fvn-normal"],
-			"line-clamp": ["display", "overflow"],
-			rounded: [
-				"rounded-s",
-				"rounded-e",
-				"rounded-t",
-				"rounded-r",
-				"rounded-b",
-				"rounded-l",
-				"rounded-ss",
-				"rounded-se",
-				"rounded-ee",
-				"rounded-es",
-				"rounded-tl",
-				"rounded-tr",
-				"rounded-br",
-				"rounded-bl"
-			],
-			"rounded-s": ["rounded-ss", "rounded-es"],
-			"rounded-e": ["rounded-se", "rounded-ee"],
-			"rounded-t": ["rounded-tl", "rounded-tr"],
-			"rounded-r": ["rounded-tr", "rounded-br"],
-			"rounded-b": ["rounded-br", "rounded-bl"],
-			"rounded-l": ["rounded-tl", "rounded-bl"],
-			"border-spacing": ["border-spacing-x", "border-spacing-y"],
-			"border-w": [
-				"border-w-x",
-				"border-w-y",
-				"border-w-s",
-				"border-w-e",
-				"border-w-bs",
-				"border-w-be",
-				"border-w-t",
-				"border-w-r",
-				"border-w-b",
-				"border-w-l"
-			],
-			"border-w-x": ["border-w-r", "border-w-l"],
-			"border-w-y": ["border-w-t", "border-w-b"],
-			"border-color": [
-				"border-color-x",
-				"border-color-y",
-				"border-color-s",
-				"border-color-e",
-				"border-color-bs",
-				"border-color-be",
-				"border-color-t",
-				"border-color-r",
-				"border-color-b",
-				"border-color-l"
-			],
-			"border-color-x": ["border-color-r", "border-color-l"],
-			"border-color-y": ["border-color-t", "border-color-b"],
-			translate: [
-				"translate-x",
-				"translate-y",
-				"translate-none"
-			],
-			"translate-none": [
-				"translate",
-				"translate-x",
-				"translate-y",
-				"translate-z"
-			],
-			"scroll-m": [
-				"scroll-mx",
-				"scroll-my",
-				"scroll-ms",
-				"scroll-me",
-				"scroll-mbs",
-				"scroll-mbe",
-				"scroll-mt",
-				"scroll-mr",
-				"scroll-mb",
-				"scroll-ml"
-			],
-			"scroll-mx": ["scroll-mr", "scroll-ml"],
-			"scroll-my": ["scroll-mt", "scroll-mb"],
-			"scroll-p": [
-				"scroll-px",
-				"scroll-py",
-				"scroll-ps",
-				"scroll-pe",
-				"scroll-pbs",
-				"scroll-pbe",
-				"scroll-pt",
-				"scroll-pr",
-				"scroll-pb",
-				"scroll-pl"
-			],
-			"scroll-px": ["scroll-pr", "scroll-pl"],
-			"scroll-py": ["scroll-pt", "scroll-pb"],
-			touch: [
-				"touch-x",
-				"touch-y",
-				"touch-pz"
-			],
-			"touch-x": ["touch"],
-			"touch-y": ["touch"],
-			"touch-pz": ["touch"]
-		},
-		conflictingClassGroupModifiers: { "font-size": ["leading"] },
-		postfixLookupClassGroups: ["container-type"],
-		orderSensitiveModifiers: [
-			"*",
-			"**",
-			"after",
-			"backdrop",
-			"before",
-			"details-content",
-			"file",
-			"first-letter",
-			"first-line",
-			"marker",
-			"placeholder",
-			"selection"
-		]
-	};
-}, me = /*#__PURE__*/ createTailwindMerge(getDefaultConfig), $ = {
-	default: {
-		solid: {
-			base: "bg-theme-0 dark:bg-theme-700/40 text-theme-600 dark:text-theme-50",
-			input: "bg-white dark:bg-theme-800/50\n            ring-theme-200 dark:ring-theme-600/70\n            focus:ring-theme-600 focus:bg-white\n            dark:focus:ring-theme-500 dark:focus:bg-theme-800\n            focus-within:ring-theme-600 dark:focus-within:ring-theme-500\n            dark:text-theme-100\n            placeholder:text-theme-400 dark:placeholder:text-theme-500",
-			border: "border-theme-300/80 dark:border-theme-600",
-			hover: "hover:border-theme-300 dark:hover:border-theme-500",
-			icon: "text-theme-600 dark:text-theme-50"
-		},
-		ghost: {
-			base: "bg-theme-50 dark:bg-theme-600/30 text-theme-700 dark:text-theme-50",
-			border: "border-theme-50 dark:border-theme-800/20",
-			hover: "hover:bg-theme-100 dark:hover:bg-theme-600/50 hover:border-theme-200 dark:hover:border-theme-600",
-			icon: "text-theme-500 dark:text-theme-500"
-		},
-		outline: {
-			base: "bg-transparent text-theme-700 dark:text-theme-50",
-			border: "border-theme-300 dark:border-theme-400",
-			hover: "hover:opacity-70",
-			icon: "text-theme-700 dark:text-theme-300"
-		},
-		link: {
-			base: "bg-transparent text-theme-600 dark:text-theme-50",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-theme-600 dark:text-theme-400"
-		}
-	},
-	muted: {
-		solid: {
-			base: "bg-gray-100 dark:bg-gray-700/40 text-gray-900 dark:text-gray-50",
-			input: "bg-white dark:bg-gray-800/50\n            ring-gray-200 dark:ring-gray-600/70\n            focus:ring-gray-600 focus:bg-white\n            dark:focus:ring-gray-500 dark:focus:bg-gray-800\n            focus-within:ring-gray-600 dark:focus-within:ring-gray-500\n            text-gray-900 dark:text-gray-100\n            placeholder:text-gray-400 dark:placeholder:text-gray-500",
-			border: "border-gray-300/80 dark:border-gray-600",
-			hover: "hover:border-gray-300 dark:hover:border-gray-500",
-			icon: "text-gray-600 dark:text-gray-50"
-		},
-		ghost: {
-			base: "bg-gray-100 dark:bg-gray-600/30 text-gray-700 dark:text-gray-50",
-			border: "border-gray-100 dark:border-gray-800/20",
-			hover: "hover:bg-gray-200 dark:hover:bg-gray-600/50 hover:border-gray-200 dark:hover:border-gray-600",
-			icon: "text-gray-500 dark:text-gray-500"
-		},
-		outline: {
-			base: "bg-transparent text-gray-700 dark:text-gray-50",
-			border: "border-gray-500 dark:border-gray-400",
-			hover: "hover:opacity-70",
-			icon: "text-gray-700 dark:text-gray-300"
-		},
-		link: {
-			base: "bg-transparent text-gray-600 dark:text-gray-50",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-gray-600 dark:text-gray-400"
-		}
-	},
-	overlay: {
-		solid: {
-			base: "bg-white/100 text-black backdrop-blur-sm shadow-sm mix-blend-overlay [text-shadow:_0_1px_1px_rgb(255_255_255_/_100%)]",
-			border: "border-white/100",
-			input: "bg-white/10 ring-white\n            focus:ring-white/90 focus:bg-white/20\n            dark:focus:ring-white/70\n            text-white\n            placeholder:text-white/60",
-			hover: "hover:bg-white/70 ",
-			icon: "text-black"
-		},
-		ghost: {
-			base: "bg-white/70 text-black backdrop-blur-sm shadow-sm mix-blend-overlay [text-shadow:_0_1px_1px_rgb(255_255_255_/_100%)]",
-			border: "border-white/100",
-			hover: "hover:bg-white/70 hover:border-white/90",
-			icon: "text-black"
-		},
-		outline: {
-			base: "bg-white/10 text-white backdrop-blur-sm shadow-sm [text-shadow:_0_0.5px_0_rgb(0_0_0_/_40%)]",
-			border: "border-white",
-			hover: "hover:border-white/80",
-			icon: "text-white"
-		},
-		link: {
-			base: "bg-transparent text-white [text-shadow:_0_0.5px_0_rgb(0_0_0_/_40%)]",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-white"
-		}
-	},
-	primary: {
-		solid: {
-			base: "bg-theme-900 dark:bg-theme-100 text-white dark:text-theme-900",
-			border: "border-theme-900 dark:border-theme-200",
-			input: "bg-theme-50 dark:bg-theme-800/20\n            ring-theme-900 dark:ring-theme-300\n            focus:ring-theme-700 focus:bg-theme-50/50\n            dark:focus:ring-theme-400 dark:focus:bg-theme-800/40\n            dark:text-theme-100\n            placeholder:text-theme-400 dark:placeholder:text-theme-500",
-			hover: "hover:bg-theme-800 dark:hover:bg-theme-200",
-			icon: "text-white dark:text-theme-900"
-		},
-		ghost: {
-			base: "bg-theme-100 dark:bg-theme-800 dark:text-theme-100",
-			border: "border-theme-200 dark:border-theme-700",
-			hover: "hover:bg-theme-200 dark:hover:bg-theme-700",
-			icon: "text-theme-700 dark:text-theme-300"
-		},
-		outline: {
-			base: "bg-transparent dark:text-theme-100",
-			border: "border-theme-900 dark:border-theme-300",
-			hover: "hover:bg-theme-100 dark:hover:bg-theme-800",
-			icon: "dark:text-theme-100"
-		},
-		link: {
-			base: "bg-transparent dark:text-theme-100",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "dark:text-theme-100"
-		}
-	},
-	theme: {
-		solid: {
-			base: "bg-theme-500 dark:bg-theme-600/70 text-theme-0 dark:text-theme-0",
-			border: "border-theme-600/80 dark:border-theme-600",
-			hover: "hover:bg-theme-600 dark:hover:bg-theme-800",
-			icon: "text-theme-50 dark:text-theme-50"
-		},
-		ghost: {
-			base: "bg-theme-100 dark:bg-theme-600/50 dark:text-theme-100",
-			border: "border-theme-100 dark:border-theme-800/20",
-			hover: "hover:bg-theme-200 dark:hover:bg-theme-600/40 hover:border-theme-200 dark:hover:border-theme-600",
-			icon: "text-theme-500 dark:text-theme-500"
-		},
-		outline: {
-			base: "bg-transparent text-theme-500 dark:text-theme-300",
-			border: "border-theme-500 dark:border-theme-400",
-			hover: "hover:bg-theme-500/10 dark:hover:bg-theme-400/20",
-			icon: "text-theme-500 dark:text-theme-300"
-		},
-		link: {
-			base: "bg-transparent text-theme-600 dark:text-theme-400",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-theme-600 dark:text-theme-400"
-		}
-	},
-	green: {
-		solid: {
-			base: "bg-green-600 dark:bg-green-700/70 text-green-50 dark:text-green-50",
-			border: "border-green-600 dark:border-green-600",
-			hover: "hover:bg-green-700 dark:hover:bg-green-800",
-			icon: "text-green-50 dark:text-green-50"
-		},
-		ghost: {
-			base: "bg-green-100 dark:bg-green-800/20 text-green-900 dark:text-green-100",
-			border: "border-green-100 dark:border-green-800/20",
-			hover: "hover:bg-green-200 dark:hover:bg-green-800/40 hover:border-green-200 dark:hover:border-green-700",
-			icon: "text-green-500 dark:text-green-500"
-		},
-		outline: {
-			base: "bg-transparent text-green-500 dark:text-green-50",
-			border: "border-green-500 dark:border-green-600",
-			hover: "hover:bg-green-500/10 dark:hover:bg-green-400/10",
-			icon: "text-green-500 dark:text-green-50"
-		},
-		link: {
-			base: "bg-transparent text-green-600 dark:text-green-400",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-green-600 dark:text-green-400"
-		}
-	},
-	orange: {
-		solid: {
-			base: "bg-orange-500 dark:bg-orange-700/70 text-orange-50 dark:text-orange-50",
-			border: "border-orange-700 dark:border-orange-600",
-			hover: "hover:bg-orange-700 dark:hover:bg-orange-800",
-			icon: "text-orange-50 dark:text-orange-50"
-		},
-		ghost: {
-			base: "bg-orange-100 dark:bg-orange-800/20 text-orange-900 dark:text-orange-100",
-			border: "border-orange-100 dark:border-orange-800/20",
-			hover: "hover:bg-orange-200 dark:hover:bg-orange-800/40 hover:border-orange-200 dark:hover:border-orange-700",
-			icon: "text-orange-500 dark:text-orange-500"
-		},
-		outline: {
-			base: "bg-transparent text-orange-500 dark:text-orange-50",
-			border: "border-orange-500 dark:border-orange-600",
-			hover: "hover:bg-orange-500/10 dark:hover:bg-orange-400/10",
-			icon: "text-orange-500 dark:text-orange-50"
-		},
-		link: {
-			base: "bg-transparent text-orange-600 dark:text-orange-400",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-orange-600 dark:text-orange-400"
-		}
-	},
-	rose: {
-		solid: {
-			base: "bg-rose-500 dark:bg-rose-700/70 text-rose-50 dark:text-rose-50",
-			border: "border-rose-600/80 dark:border-rose-600",
-			hover: "hover:bg-rose-600 dark:hover:bg-rose-800",
-			icon: "text-rose-50 dark:text-rose-50"
-		},
-		ghost: {
-			base: "bg-rose-100 dark:bg-rose-800/20 text-rose-900 dark:text-rose-100",
-			border: "border-rose-100 dark:border-rose-800/20",
-			hover: "hover:bg-rose-200 dark:hover:bg-rose-800/40 hover:border-rose-200 dark:hover:border-rose-700",
-			icon: "text-rose-500 dark:text-rose-500"
-		},
-		outline: {
-			base: "bg-transparent text-rose-500 dark:text-rose-50",
-			border: "border-rose-500 dark:border-rose-600",
-			hover: "hover:bg-rose-500/10 dark:hover:bg-rose-400/10",
-			icon: "text-rose-500 dark:text-rose-50"
-		},
-		link: {
-			base: "bg-transparent text-rose-600 dark:text-rose-400",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-rose-600 dark:text-rose-400"
-		}
-	},
-	indigo: {
-		solid: {
-			base: "bg-indigo-500 dark:bg-indigo-700/70 text-indigo-50 dark:text-indigo-50",
-			border: "border-indigo-600/80 dark:border-indigo-600",
-			hover: "hover:bg-indigo-600 dark:hover:bg-indigo-800",
-			icon: "text-indigo-50 dark:text-indigo-50"
-		},
-		ghost: {
-			base: "bg-indigo-100 dark:bg-indigo-800/20 text-indigo-900 dark:text-indigo-100",
-			border: "border-indigo-100 dark:border-indigo-800/20",
-			hover: "hover:bg-indigo-200 dark:hover:bg-indigo-800/40 hover:border-indigo-200 dark:hover:border-indigo-700",
-			icon: "text-indigo-500 dark:text-indigo-500"
-		},
-		outline: {
-			base: "bg-transparent text-indigo-500 dark:text-indigo-50",
-			border: "border-indigo-500 dark:border-indigo-600",
-			hover: "hover:bg-indigo-500/10 dark:hover:bg-indigo-400/10",
-			icon: "text-indigo-500 dark:text-indigo-50"
-		},
-		link: {
-			base: "bg-transparent text-indigo-600 dark:text-indigo-400",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-indigo-600 dark:text-indigo-400"
-		}
-	},
-	red: {
-		solid: {
-			base: "bg-red-500 dark:bg-red-700/70 text-red-50 dark:text-red-50",
-			border: "border-red-600/80 dark:border-red-600",
-			hover: "hover:bg-red-600 dark:hover:bg-red-800",
-			icon: "text-red-50 dark:text-red-50"
-		},
-		ghost: {
-			base: "bg-red-100 dark:bg-red-800/20 text-red-900 dark:text-red-100",
-			border: "border-red-100 dark:border-red-800/20",
-			hover: "hover:bg-red-200 dark:hover:bg-red-800/40 hover:border-red-200 dark:hover:border-red-700",
-			icon: "text-red-500 dark:text-red-500"
-		},
-		outline: {
-			base: "bg-transparent text-red-500 dark:text-red-50",
-			border: "border-red-500 dark:border-red-600",
-			hover: "hover:bg-red-500/10 dark:hover:bg-red-400/10",
-			icon: "text-red-500 dark:text-red-50"
-		},
-		link: {
-			base: "bg-transparent text-red-600 dark:text-red-400",
-			border: "border-transparent",
-			hover: "hover:opacity-70",
-			icon: "text-red-600 dark:text-red-400"
-		}
-	}
-}, he = {
-	key: 0,
-	class: "absolute inset-0 flex items-center justify-center"
-}, ge = /* @__PURE__ */ w({
-	__name: "FButton",
-	props: {
-		theme: { default: "default" },
-		design: { default: "solid" },
-		size: { default: "md" },
-		rounding: { default: "full" },
-		href: {},
-		target: {},
-		icon: {},
-		iconAfter: {},
-		tag: { default: "button" },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		class: { default: "" }
-	},
-	setup(e) {
-		let t = _(() => typeof e.icon == "string" ? e.icon : e.icon?.className), n = _(() => typeof e.iconAfter == "string" ? e.iconAfter : e.iconAfter?.className), r = _(() => e.href ? "a" : e.tag), i = _(() => ({
-			xxs: "size-2.5",
-			xs: "size-3",
-			sm: "size-3.5",
-			md: "size-4",
-			lg: "size-5",
-			xl: "size-6"
-		})[e.size]), a = _(() => {
-			let t = $[e.theme]?.[e.design] || $.default[e.design];
-			return t || console.warn(`FButton: No theme configuration found for theme "${e.theme}" and design "${e.design}". Falling back to default solid theme.`), t || {
-				base: "",
-				border: "",
-				hover: "",
-				icon: ""
-			};
-		}), o = _(() => {
-			let t = {
-				xxs: "px-2 py-0.5 text-[10px]",
-				xs: "px-3 py-1 text-[11px]",
-				sm: "px-3 py-1.5 text-xs",
-				md: "px-4 py-2 text-sm",
-				lg: "px-8 py-3.5 text-[15px]",
-				xl: "px-10 py-4 text-base"
-			}, n = e.design === "link" ? "!px-1" : "", r = {
-				md: "rounded-md",
-				lg: "rounded-lg",
-				"2xl": "rounded-2xl",
-				full: "rounded-full"
-			}, i = a.value, o = e.disabled && !e.loading ? "opacity-50 cursor-not-allowed pointer-events-none" : "", s = e.loading ? "pointer-events-none cursor-wait" : "", c = e.disabled || e.loading;
-			return me([
-				"relative inline-flex items-center justify-center gap-2 font-medium transition-colors duration-200 focus:outline-none active:opacity-80 cursor-pointer",
-				t[e.size],
-				n,
-				r[e.rounding],
-				i.base,
-				`border ${i.border}`,
-				c ? "" : i.hover,
-				o,
-				s
-			].filter(Boolean).join(" "), e.class);
-		}), c = _(() => ({ design: a.value.icon || "" }));
-		return (a, l) => (k(), v(N(r.value), {
-			href: e.disabled ? void 0 : e.href,
-			target: e.href && !e.disabled ? e.target : void 0,
-			rel: e.href && e.target === "_blank" ? "noopener noreferrer" : void 0,
-			disabled: e.disabled || void 0,
-			"aria-disabled": e.disabled || void 0,
-			class: E(o.value)
-		}, {
-			default: L(() => [e.loading ? (k(), b("div", he, [C(s, { class: E(i.value) }, null, 8, ["class"])])) : y("", !0), x("span", { class: E(["flex items-center gap-2 transition-opacity duration-200 whitespace-nowrap", e.loading ? "opacity-0" : "opacity-100"]) }, [
-				t.value ? (k(), b("span", {
-					key: 0,
-					class: E(["flex items-center size-[1.1em] mt-[-.07em]", [t.value, c.value.design]])
-				}, null, 2)) : y("", !0),
-				M(a.$slots, "default"),
-				n.value ? (k(), b("span", {
-					key: 1,
-					class: E(["flex items-center size-[1.1em] mt-[-.07em]", [n.value, c.value.design]])
-				}, null, 2)) : y("", !0)
-			], 2)]),
-			_: 3
-		}, 8, [
-			"href",
-			"target",
-			"rel",
-			"disabled",
-			"aria-disabled",
-			"class"
-		]));
-	}
-}), _e = { class: "flex-1 flex flex-col min-h-0 py-6 space-y-6 h-full overflow-scroll [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden relative" }, ve = { class: "flex-1 space-y-6 pb-12" }, ye = {
-	key: 0,
-	class: "text-sm bg-white/10 backdrop-blur-sm rounded-2xl p-4 border border-white/20 space-y-3"
-}, be = ["innerHTML"], xe = {
-	key: 1,
-	class: "bg-white/5 backdrop-blur-sm rounded-2xl p-4 border border-white/10"
-}, Se = { class: "text-sm text-white/70 leading-relaxed" }, Ce = {
-	key: 2,
-	class: "space-y-3"
-}, we = {
-	key: 3,
-	class: "space-y-3"
-}, Te = { class: "grid grid-cols-2 gap-3" }, Ee = /* @__PURE__ */ w({
-	__name: "ElAgentAbout",
-	props: {
-		agent: {},
-		isOnline: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(t) {
-		return (n, r) => (k(), b("div", _e, [C(a, {
-			agent: t.agent,
-			"is-online": t.isOnline
-		}, null, 8, ["agent", "is-online"]), x("div", ve, [
-			t.agent.summary.value ? (k(), b("div", ye, [r[0] || (r[0] = x("h3", { class: "font-medium text-white/50" }, " About ", -1)), x("div", {
-				class: "text-white/70 leading-relaxed",
-				innerHTML: t.agent.summary.value
-			}, null, 8, be)])) : y("", !0),
-			t.agent.entityType.value === "company" ? (k(), b("div", xe, [r[1] || (r[1] = x("h3", { class: "text-sm font-medium text-white/90 mb-2" }, " Company Info ", -1)), x("p", Se, " This is a company agent representing " + P(t.agent.name.value) + ". ", 1)])) : y("", !0),
-			t.agent.email.value ? (k(), b("div", Ce, [r[3] || (r[3] = x("h3", { class: "text-sm font-medium text-white/90" }, " Contact ", -1)), C(ge, {
-				design: "ghost",
-				theme: "default",
-				size: "sm",
-				class: "bg-white/5 hover:bg-white/10 border border-white/10 text-white/80 text-sm justify-start h-10 w-full",
-				icon: "i-heroicons-envelope",
-				href: `mailto:${t.agent.email.value}`,
-				target: "_blank"
-			}, {
-				default: L(() => [...r[2] || (r[2] = [S(" Email ", -1)])]),
-				_: 1
-			}, 8, ["href"])])) : y("", !0),
-			t.agent.accounts.value && t.agent.accounts.value.length > 0 ? (k(), b("div", we, [r[4] || (r[4] = x("h3", { class: "text-sm font-medium text-white/90" }, " Links ", -1)), x("div", Te, [(k(!0), b(m, null, j(t.agent.accounts.value, (t) => (k(), v(ge, {
-				key: `${t.platform}-${t.handle}`,
-				design: "ghost",
-				theme: "default",
-				size: "md",
-				class: "bg-white/10 hover:bg-white/20 border border-white/20 text-white/80",
-				icon: F(e)[t.platform].icon,
-				href: F(e)[t.platform].getUrl(t.handle),
-				target: "_blank"
-			}, {
-				default: L(() => [S(P(F(e)[t.platform].label), 1)]),
-				_: 2
-			}, 1032, ["icon", "href"]))), 128))])])) : y("", !0)
-		])]));
-	}
-}), De = { class: "flex flex-col items-center text-center gap-4" }, Oe = { class: "relative flex-shrink-0" }, ke = { class: "w-20 h-20 sm:w-24 sm:h-24 rounded-full overflow-hidden border-4 border-white" }, Ae = ["src", "alt"], je = { class: "absolute top-1.5 right-1.5" }, Me = {
-	key: 1,
-	class: "size-4 bg-theme-400 rounded-full ring-2 ring-white"
-}, Ne = { class: "min-w-0" }, Pe = { class: "text-3xl font-light text-white mb-2 truncate" }, Fe = { class: "text-base font-light text-white/60 line-clamp-1" }, Ie = /* @__PURE__ */ w({
-	__name: "ElAgentHeader",
-	props: {
-		agent: {},
-		isOnline: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		return (t, n) => (k(), b("div", De, [x("div", Oe, [x("div", ke, [x("img", {
-			src: e.agent.avatarUrl.value,
-			alt: e.agent.displayName.value,
-			class: "w-full h-full object-cover",
-			onError: n[0] || (n[0] = (...e) => F(o) && F(o)(...e))
-		}, null, 40, Ae)]), x("div", je, [e.isOnline ? (k(), b(m, { key: 0 }, [n[1] || (n[1] = x("div", {
-			class: "size-4 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
-			style: { "animation-duration": "3s" }
-		}, null, -1)), n[2] || (n[2] = x("div", { class: "size-4 bg-green-500 rounded-full ring-2 ring-white" }, null, -1))], 64)) : (k(), b("div", Me))])]), x("div", Ne, [x("h1", Pe, P(e.agent.displayName.value), 1), x("p", Fe, P(e.agent.title.value), 1)])]));
-	}
-}), Le = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[28px] h-[28px] overflow-hidden" }, Re = /* @__PURE__ */ w({
-	name: "SelfSidebarClose",
-	__name: "AgentSidebarClose",
-	emits: ["click"],
-	setup(e) {
-		let t = A(!1);
-		return O(() => {
-			setTimeout(() => {
-				t.value = !0;
-			}, 100);
-		}), (e, n) => (k(), b("a", {
-			class: "close block cursor-pointer w-[60px] h-[60px] rounded-full transition-all duration-1000 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-110 active:scale-90 hover:rotate-90",
-			onClick: n[0] || (n[0] = (t) => e.$emit("click", t))
-		}, [n[1] || (n[1] = x("span", { class: "absolute inset-0 rounded-full transition-all" }, null, -1)), x("span", Le, [x("span", {
-			class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 rotate-45" : "translate-y-[30px] -translate-x-[30px] rotate-0"]),
-			style: {
-				"background-color": "currentColor",
-				"transition-delay": "0.15s"
-			}
-		}, null, 2), x("span", {
-			class: E(["absolute h-full w-[3px] rounded-[5px] left-[13px] transition-all duration-[400ms] ease-[cubic-bezier(0.52,0.01,0.16,1)]", t.value ? "translate-y-0 translate-x-0 -rotate-45" : "-translate-y-[30px] -translate-x-[30px] rotate-0"]),
-			style: {
-				"background-color": "currentColor",
-				"transition-delay": "0.45s"
-			}
-		}, null, 2)])]));
-	}
-}), ze = {
-	key: 0,
-	class: "px-9 pt-12 pb-4"
-}, Be = { class: "text-base font-medium text-theme-400" }, Ve = {
-	key: 1,
-	class: "px-4 pb-8 border-b border-white/10"
-}, He = ["disabled", "onClick"], Ue = { class: "flex items-center gap-3" }, We = { class: "flex-1" }, Ge = {
-	key: 0,
-	class: "text-xs text-white/50 mt-0.5"
-}, Ke = { class: "p-6" }, qe = /* @__PURE__ */ w({
-	name: "ElSidebar",
-	inheritAttrs: !1,
-	__name: "ElSidebar",
-	props: {
-		modelValue: { type: Boolean },
-		items: {},
-		position: {},
-		title: {},
-		widthClasses: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = n.position || "left", a = n.widthClasses || "w-[80%] max-w-[300px]", o = _({
-			get: () => n.modelValue,
-			set: (e) => r("update:modelValue", e)
-		}), s = _(() => n.items.filter((e) => !e.isHidden));
-		function handleItemClick(e) {
-			e.isDisabled || (e.onClick ? e.onClick({
-				item: e,
-				event: new MouseEvent("click")
-			}) : e.href && (e.href.includes("http") ? window.open(e.href, e.target || "_self")?.focus() : window.location.href = e.href), o.value = !1);
-		}
-		let c = _(() => i === "left" ? {
-			enter: "-translate-x-full",
-			leave: "-translate-x-full",
-			position: "justify-start",
-			closeButton: "-right-16"
-		} : {
-			enter: "translate-x-full",
-			leave: "translate-x-full",
-			position: "justify-end",
-			closeButton: "-left-16"
-		});
-		return (t, n) => (k(), b(m, null, [C(h, {
-			"enter-active-class": "transition-opacity duration-300 ease-out",
-			"leave-active-class": "transition-opacity duration-200 ease-in",
-			"enter-from-class": "opacity-0",
-			"enter-to-class": "opacity-100",
-			"leave-from-class": "opacity-100",
-			"leave-to-class": "opacity-0"
-		}, {
-			default: L(() => [o.value ? (k(), b("div", {
-				key: 0,
-				class: "absolute inset-0 z-40 bg-black/50 backdrop-blur-sm",
-				onClick: n[0] || (n[0] = (e) => o.value = !1)
-			})) : y("", !0)]),
-			_: 1
-		}), C(h, {
-			"enter-active-class": "transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)]",
-			"leave-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
-			"enter-from-class": c.value.enter,
-			"enter-to-class": "translate-x-0",
-			"leave-from-class": "translate-x-0",
-			"leave-to-class": c.value.leave
-		}, {
-			default: L(() => [o.value ? (k(), b("div", {
-				key: 0,
-				class: E(["absolute inset-0 z-50 flex", c.value.position]),
-				onClick: n[3] || (n[3] = (e) => o.value = !1)
-			}, [x("div", {
-				class: E(["relative h-full shadow-2xl bg-black/30 backdrop-blur-xl flex flex-col justify-center", F(a)]),
-				onClick: n[2] || (n[2] = z(() => {}, ["stop"]))
-			}, [
-				C(Re, {
-					class: E(["absolute top-4 z-10 text-white", c.value.closeButton]),
-					onClick: n[1] || (n[1] = (e) => o.value = !1)
-				}, null, 8, ["class"]),
-				e.title ? (k(), b("div", ze, [x("h3", Be, P(e.title), 1)])) : y("", !0),
-				t.$slots.header ? (k(), b("div", Ve, [M(t.$slots, "header")])) : y("", !0),
-				x("div", { class: E(["flex-1 p-6 space-y-2 overflow-y-auto", {
-					"pt-6": !e.title && !t.$slots.header,
-					"pt-4": e.title || t.$slots.header
-				}]) }, [C(g, {
-					"enter-active-class": "transition-all duration-400 ease-[cubic-bezier(0.25,1,0.33,1)]",
-					"leave-active-class": "transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)]",
-					"enter-from-class": F(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0",
-					"enter-to-class": "translate-x-0 opacity-100",
-					"leave-from-class": "translate-x-0 opacity-100",
-					"leave-to-class": F(i) === "left" ? "-translate-x-4 opacity-0" : "translate-x-4 opacity-0"
-				}, {
-					default: L(() => [(k(!0), b(m, null, j(s.value, (e, t) => (k(), b("button", {
-						key: e.key || e.label || t,
-						style: D({ transitionDelay: `${t * 40}ms` }),
-						class: E(["cursor-pointer w-full text-left p-3 rounded-xl transition-all duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group", [e.isActive ? "bg-primary-500/20 border border-primary-500/40" : "hover:bg-white/10", e.isDisabled && "opacity-50 cursor-not-allowed"]]),
-						disabled: e.isDisabled,
-						onClick: (t) => handleItemClick(e)
-					}, [x("div", Ue, [e.icon?.src ? (k(), b("i", {
-						key: 0,
-						class: E(["size-5 flex-shrink-0 transition-transform duration-200 ease-[cubic-bezier(0.25,1,0.33,1)] group-hover:scale-110", [e.icon.src, e.isActive ? "text-primary-400" : "text-white/70 group-hover:text-white"]])
-					}, null, 2)) : y("", !0), x("div", We, [x("div", { class: E(["font-medium text-sm", e.isActive ? "text-primary-300" : "text-white"]) }, P(e.label), 3), e.subLabel ? (k(), b("div", Ge, P(e.subLabel), 1)) : y("", !0)])])], 14, He))), 128))]),
-					_: 1
-				}, 8, ["enter-from-class", "leave-to-class"])], 2),
-				x("div", Ke, [M(t.$slots, "footer")])
-			], 2)], 2)) : y("", !0)]),
-			_: 3
-		}, 8, ["enter-from-class", "leave-to-class"])], 64));
-	}
-}), Je = /* @__PURE__ */ w({
-	name: "AgentModeSidebar",
-	__name: "ElAgentModeSidebar",
-	props: {
-		modelValue: { type: Boolean },
-		chatController: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, a = _({
-			get: () => n.modelValue,
-			set: (e) => r("update:modelValue", e)
-		}), o = _(() => n.chatController?.agentMode?.value ?? "self"), s = _(() => i.map((e) => ({
-			key: e.mode,
-			icon: { src: e.icon },
-			label: e.label,
-			isActive: o.value === e.mode,
-			onClick: () => {
-				n.chatController?.setMode(e.mode);
-			}
-		})));
-		return (e, t) => (k(), v(qe, {
-			modelValue: a.value,
-			"onUpdate:modelValue": t[0] || (t[0] = (e) => a.value = e),
-			items: s.value,
-			position: "right",
-			title: "Mode",
-			"width-classes": "w-[80%] max-w-[255px]"
-		}, null, 8, ["modelValue", "items"]));
-	}
-}), Ye = /* @__PURE__ */ w({
-	name: "AgentSidebar",
-	__name: "ElAgentSidebar",
-	props: {
-		modelValue: { type: Boolean },
-		agent: {},
-		sdk: {},
-		title: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = _({
-			get: () => n.modelValue,
-			set: (e) => r("update:modelValue", e)
-		}), a = _(() => {
-			let e = [
-				{
-					key: "share",
-					icon: { src: "i-tabler-share" },
-					label: "Share this assistant",
-					onClick: () => {
-						let e = `${window.location.origin}/@${n.agent.handle.value || n.agent.agentId.value}`;
-						navigator.clipboard.writeText(e).catch((e) => {
-							console.error("ElAgentSidebar: clipboard.writeText rejected", e);
-						});
-					}
-				},
-				{
-					key: "profile",
-					icon: { src: "i-tabler-user" },
-					label: "View full profile",
-					onClick: () => {
-						window.open(`/@${n.agent.handle.value || n.agent.agentId.value}`, "_blank");
-					}
-				},
-				{
-					key: "create",
-					icon: { src: "i-tabler-sparkles" },
-					label: "Create your own",
-					onClick: () => {
-						window.open("/auth", "_blank");
-					}
-				}
-			];
-			return n.sdk.activeUser.value && e.push({
-				key: "logout",
-				icon: { src: "i-tabler-logout" },
-				label: "Logout",
-				onClick: async () => {
-					await n.sdk.auth.logout();
-				}
-			}), e;
-		});
-		return (t, n) => (k(), v(qe, {
-			modelValue: i.value,
-			"onUpdate:modelValue": n[0] || (n[0] = (e) => i.value = e),
-			items: a.value,
-			position: "left",
-			title: e.title || "Menu"
-		}, null, 8, [
-			"modelValue",
-			"items",
-			"title"
-		]));
-	}
-}), Xe = {
-	key: 0,
-	class: "absolute inset-0 flex items-center justify-center bg-gradient-to-br from-theme-800 to-theme-950 rounded-3xl z-10"
-}, Ze = ["data-quality"], Qe = {
-	key: 0,
-	class: "flex items-center"
-}, $e = { class: "flex-1 flex items-center gap-3 pl-2" }, et = ["src", "alt"], tt = { class: "text-white/90 text-sm font-medium" }, nt = {
-	key: 0,
-	class: "flex justify-end"
-}, rt = { class: "text-sm" }, it = {
-	key: 0,
-	class: "flex-1 basis-0 flex justify-end"
-}, at = {
-	key: 0,
-	class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4"
-}, ot = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, st = {
-	key: 0,
-	class: "h-full pb-12 flex-1 flex flex-col relative z-20 min-h-0 px-4 @[480px]/agent:px-6 max-w-md mx-auto w-full"
-}, ct = { class: "flex-1 basis-0 flex flex-col justify-start pt-8 gap-7" }, lt = {
-	key: 0,
-	class: "flex items-center justify-center gap-3"
-}, ut = ["href"], dt = {
-	key: 1,
-	class: "flex-1 flex flex-col relative z-20 min-h-0 w-full gap-4 px-4"
-}, ft = { class: "max-w-md mx-auto" }, pt = {
-	key: 2,
-	class: "flex-1 flex flex-col relative z-20 min-h-0 w-full px-4 @[480px]/agent:px-6"
-}, mt = { class: "flex-1 min-h-0 max-w-md mx-auto w-full" }, ht = {
-	key: 2,
-	class: "bg-gradient-to-br from-theme-800 to-theme-950 text-white flex items-center justify-center h-full p-8"
-}, gt = { class: "text-center max-w-md space-y-4" }, _t = { class: "text-sm text-white/70 leading-relaxed" }, vt = {
-	key: 3,
-	class: "bg-white/10 backdrop-blur-sm text-white/70 flex items-center justify-center h-full"
-}, yt = /* @__PURE__ */ w({
-	__name: "AgentChat",
-	props: {
-		sdk: {},
-		agent: {},
-		context: {},
-		firstMessage: {},
-		buttonText: {},
-		buttonIcon: {},
-		hasClose: {
-			type: Boolean,
-			default: !1
-		},
-		isActive: {
-			type: Boolean,
-			default: !0
-		},
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		theme: { default: "green" },
-		requireAuth: {
-			type: Boolean,
-			default: !1
-		},
-		chatOnly: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["close", "error"],
-	setup(t, { emit: o }) {
-		let l = o, d = te(), h = A(!1), g = A(!1), w = A(), T = A(), M = _(() => d.value?.agentMode?.value ?? "self"), N = _(() => d.value?.textState.value.isConnected ?? !1), R = _(() => t.sdk.activeUser.value !== void 0), B = _(() => i.find((e) => e.mode === M.value));
-		function createChatController() {
-			d.value && d.value.destroy();
-			try {
-				d.value = new r({
-					sdk: t.sdk,
-					agent: t.agent,
-					context: t.context,
-					firstMessage: t.firstMessage
-				});
-			} catch (e) {
-				throw console.error("AgentChatController creation failed:", e), e;
-			}
-		}
-		function applyTheme(e) {
-			if (!T.value) return;
-			let t = p(e);
-			Object.entries(t).forEach(([e, t]) => {
-				T.value.style.setProperty(`--primary-${e}`, t);
-			});
-		}
-		O(() => {
-			try {
-				createChatController(), applyTheme(t.theme), t.chatOnly && d.value && d.value.setMode("chat");
-			} catch (e) {
-				let t = e instanceof Error ? e.message : "Couldn't initialize your assistant";
-				w.value = t, l("error", t);
-			}
-		}), ee(() => {
-			d.value && d.value.destroy();
-		}), I(() => t.theme, (e) => {
-			applyTheme(e);
-		}), I(() => t.sdk.activeUser.value, (e, t) => {
-			t && !e && d.value && d.value.setMode("self");
-		});
-		let V = _(() => !!(t.agent.cover.value?.src && t.agent.cover.value?.quality === "low") || !!(t.agent.avatar.value?.src && t.agent.avatar.value?.quality === "low")), H = _(() => {
-			let e = [V.value ? "backdrop-blur-sm" : ""];
-			return V.value && M.value === "self" ? e.push("from-black/80 via-black/60 to-black/80") : M.value === "self" ? e.push("from-black/70 via-black/50 to-black/80") : e.push("from-black/90 via-black/90 to-black/100"), e.join(" ");
-		}), U = {
-			phone: "i-heroicons-phone",
-			calendar: "i-heroicons-calendar",
-			question: "i-heroicons-question-mark-circle",
-			message: "i-heroicons-chat-bubble-left-right",
-			sparkles: "i-heroicons-sparkles"
-		}, W = _(() => f({
-			template: t.buttonText || "Talk to {name}",
-			agent: t.agent.toConfig()
-		})), G = _(() => U[t.buttonIcon || "phone"] || U.phone);
-		return (r, i) => (k(), b("div", {
-			ref_key: "rootElement",
-			ref: T,
-			key: F(n)(t.agent.toConfig()),
-			class: "pagelines-sdk @container/agent pagelines-agent w-full h-full overflow-hidden relative",
-			"data-test": "agent-chat"
-		}, [
-			t.loading ? (k(), b("div", Xe, [C(s, { class: "text-white size-8" })])) : t.agent && !w.value ? (k(), b("div", {
-				key: 1,
-				class: "absolute inset-0 bg-cover bg-center bg-no-repeat",
-				style: D({ backgroundImage: `url(${F(n)(t.agent.toConfig())})` }),
-				"data-quality": t.agent.avatar.value?.quality || "none"
-			}, [x("div", { class: E(["absolute inset-0 bg-gradient-to-br z-0", H.value]) }, null, 2), x("div", { class: E(["relative z-10 flex flex-col h-full transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] will-change-transform", t.isActive ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"]) }, [x("div", { class: E(["relative z-30 p-2", M.value === "self" ? "" : "backdrop-blur-lg"]) }, [t.chatOnly ? (k(), b("div", Qe, [x("div", $e, [x("img", {
-				src: F(n)(t.agent.toConfig()),
-				alt: t.agent.displayName.value,
-				class: "size-8 rounded-full object-cover"
-			}, null, 8, et), x("span", tt, P(t.agent.displayName.value), 1)]), t.hasClose ? (k(), b("div", nt, [x("button", {
-				class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
-				onClick: i[0] || (i[0] = z((e) => l("close", "button"), ["stop"]))
-			}, [...i[7] || (i[7] = [x("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : y("", !0)])) : (k(), b("div", {
-				key: 1,
-				class: E(["flex items-center", t.hasClose ? "" : "justify-between"])
-			}, [
-				x("div", { class: E(t.hasClose ? "flex-1 basis-0" : "") }, [x("button", {
-					class: "cursor-pointer p-2 flex items-center gap-2 rounded-2xl text-white/70 hover:bg-white/10 transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:scale-105 active:scale-95",
-					onClick: i[1] || (i[1] = (e) => h.value = !0)
-				}, [...i[8] || (i[8] = [x("i", { class: "i-tabler-menu size-7" }, null, -1)])])], 2),
-				x("button", {
-					class: E(["flex items-center gap-2 px-3.5 py-3 rounded-2xl text-white/90 hover:bg-white/10 transition-all cursor-pointer flex-grow-0", { "bg-white/10": g.value }]),
-					onClick: i[2] || (i[2] = (e) => g.value = !0)
-				}, [
-					x("i", { class: E([B.value?.icon, "size-4 opacity-60"]) }, null, 2),
-					x("span", rt, P(B.value?.label), 1),
-					i[9] || (i[9] = x("i", { class: "i-tabler-chevron-down size-4" }, null, -1))
-				], 2),
-				t.hasClose ? (k(), b("div", it, [x("button", {
-					class: "cursor-pointer flex items-center p-3 rounded-2xl text-white/70 hover:bg-white/10 transition-colors",
-					onClick: i[3] || (i[3] = z((e) => l("close", "button"), ["stop"]))
-				}, [...i[10] || (i[10] = [x("i", { class: "size-6 i-tabler-x" }, null, -1)])])])) : y("", !0)
-			], 2))], 2), t.chatOnly ? (k(), b("div", at, [x("div", ot, [C(c, {
-				"chat-controller": d.value,
-				agent: t.agent
-			}, null, 8, ["chat-controller", "agent"])])])) : (k(), b(m, { key: 1 }, [M.value === "self" ? (k(), b("div", st, [
-				i[11] || (i[11] = x("div", { class: "flex-1 basis-0 mb-12" }, null, -1)),
-				C(Ie, {
-					agent: t.agent,
-					"is-online": N.value
-				}, null, 8, ["agent", "is-online"]),
-				x("div", ct, [C(u, {
-					theme: "primary",
-					size: "lg",
-					class: "w-full",
-					icon: G.value,
-					"data-test": "voice-button",
-					onClick: i[4] || (i[4] = (e) => d.value?.setMode("talk"))
-				}, {
-					default: L(() => [S(P(W.value), 1)]),
-					_: 1
-				}, 8, ["icon"]), t.agent.accounts.value && t.agent.accounts.value.length > 0 ? (k(), b("div", lt, [(k(!0), b(m, null, j((t.agent.accounts.value || []).filter((t) => F(e)[t.platform]), (t) => (k(), b("a", {
-					key: `${t.platform}-${t.handle}`,
-					href: F(e)[t.platform].getUrl(t.handle),
-					target: "_blank",
-					class: "size-12 rounded-full text-white/60 hover:text-white hover:bg-white/5 border border-white/0 hover:border-white/10 flex items-center justify-center transition-all duration-200 hover:scale-105"
-				}, [x("i", { class: E([F(e)[t.platform].icon, "size-5"]) }, null, 2)], 8, ut))), 128))])) : y("", !0)])
-			])) : M.value === "talk" ? (k(), b("div", dt, [t.requireAuth && !R.value ? (k(), v(K, {
-				key: 0,
-				sdk: t.sdk
-			}, null, 8, ["sdk"])) : (k(), b(m, { key: 1 }, [x("div", null, [x("div", ft, [C(a, {
-				agent: t.agent,
-				"is-online": N.value
-			}, null, 8, ["agent", "is-online"])])]), C(c, {
-				"chat-controller": d.value,
-				agent: t.agent
-			}, null, 8, ["chat-controller", "agent"])], 64))])) : (k(), b("div", pt, [x("div", mt, [M.value === "chat" ? (k(), b(m, { key: 0 }, [t.requireAuth && !R.value ? (k(), v(K, {
-				key: 0,
-				sdk: t.sdk
-			}, null, 8, ["sdk"])) : (k(), v(c, {
-				key: 1,
-				"chat-controller": d.value,
-				agent: t.agent
-			}, null, 8, ["chat-controller", "agent"]))], 64)) : M.value === "info" ? (k(), v(Ee, {
-				key: 1,
-				agent: t.agent,
-				"is-online": N.value
-			}, null, 8, ["agent", "is-online"])) : y("", !0)])]))], 64))], 2)], 12, Ze)) : w.value ? (k(), b("div", ht, [x("div", gt, [
-				i[12] || (i[12] = x("div", { class: "flex justify-center" }, [x("div", { class: "rounded-full bg-red-500/20 flex items-center justify-center size-10" }, [x("i", { class: "i-tabler-alert-circle size-6 text-red-400" })])], -1)),
-				i[13] || (i[13] = x("h3", { class: "text-lg font-medium" }, " Agent Error ", -1)),
-				x("p", _t, P(w.value), 1)
-			])])) : (k(), b("div", vt, " Couldn't load your assistant. Please try again later. ")),
-			t.chatOnly ? y("", !0) : (k(), v(Ye, {
-				key: 4,
-				modelValue: h.value,
-				"onUpdate:modelValue": i[5] || (i[5] = (e) => h.value = e),
-				agent: t.agent,
-				sdk: t.sdk,
-				title: t.agent.displayName.value,
-				"data-test": "agent-sidebar"
-			}, null, 8, [
-				"modelValue",
-				"agent",
-				"sdk",
-				"title"
-			])),
-			t.chatOnly ? y("", !0) : (k(), v(Je, {
-				key: 5,
-				modelValue: g.value,
-				"onUpdate:modelValue": i[6] || (i[6] = (e) => g.value = e),
-				"chat-controller": d.value,
-				"data-test": "agent-mode-sidebar"
-			}, null, 8, ["modelValue", "chat-controller"]))
-		]));
-	}
-}), bt = /* @__PURE__ */ w({
-	__name: "AgentProvider",
-	props: {
-		sdk: {},
-		agent: {},
-		handle: {},
-		context: {},
-		firstMessage: {},
-		buttonText: {},
-		buttonIcon: {},
-		hasClose: { type: Boolean },
-		chatOnly: { type: Boolean },
-		apiBase: {}
-	},
-	emits: ["close", "error"],
-	setup(e, { emit: t }) {
-		let n = e, r = t;
-		return (e, t) => (k(), v(d, T(n, { class: "agent-provider size-full relative" }), {
-			default: L((e) => [C(yt, {
-				sdk: e.sdk,
-				agent: e.agent,
-				context: e.context,
-				"first-message": e.firstMessage,
-				"button-text": n.buttonText,
-				"button-icon": n.buttonIcon,
-				"has-close": n.hasClose,
-				"chat-only": n.chatOnly,
-				"is-active": !0,
-				class: "size-full",
-				onClose: t[0] || (t[0] = (e) => r("close", e)),
-				onError: t[1] || (t[1] = (e) => r("error", e))
-			}, null, 8, [
-				"sdk",
-				"agent",
-				"context",
-				"first-message",
-				"button-text",
-				"button-icon",
-				"has-close",
-				"chat-only"
-			])]),
-			_: 1
-		}, 16));
-	}
-});
-//#endregion
-export { yt as n, bt as t };
-
-//# sourceMappingURL=AgentProvider.js.map