@kungal/ui-vue 0.1.0

package/dist/index.js

@@ -0,0 +1,4612 @@
+import { Comment as e, Fragment as t, Teleport as n, Text as r, Transition as i, TransitionGroup as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createStaticVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, onUnmounted as w, openBlock as T, provide as E, reactive as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, toRefs as N, unref as P, useCssVars as F, useId as I, useModel as L, useSlots as ee, vModelText as R, watch as z, watchEffect as B, withCtx as V, withDirectives as te, withKeys as ne, withModifiers as H } from "vue";
+import { KUN_DEFAULT_ROUNDED as re, cn as U, decodeIfEncoded as ie, decodeIfEncoded as ae, getKunIcon as oe, getRandomSticker as W, getRandomSticker as se, kunBgClasses as G, kunBorderClasses as K, kunRingClasses as ce, kunRoundedClasses as q, kunSoftBgClasses as J, kunTextClasses as le, kunVariantClasses as ue, randomNum as de, resolveRounded as fe } from "@kungal/core";
+import { onClickOutside as pe, onKeyStroke as me, useElementSize as he, useEventListener as ge, useMediaQuery as _e, useScroll as ve } from "@vueuse/core";
+import { useFocusTrap as ye } from "@vueuse/integrations/useFocusTrap";
+import { autoUpdate as be, flip as xe, offset as Se, shift as Ce, size as we, useFloating as Te } from "@floating-ui/vue";
+import { addMonths as Ee, addYears as De, eachDayOfInterval as Oe, endOfMonth as ke, endOfWeek as Ae, format as je, isAfter as Me, isBefore as Ne, isSameDay as Pe, isSameMonth as Fe, isToday as Ie, isValid as Le, parseISO as Re, startOfDay as ze, startOfMonth as Be, startOfToday as Ve, startOfWeek as He } from "date-fns";
+import { enUS as Ue, ja as We, zhCN as Ge } from "date-fns/locale";
+import { Cropper as Ke } from "vue-advanced-cropper";
+import "vue-advanced-cropper/dist/style.css";
+import "vue-advanced-cropper/dist/theme.compact.css";
+//#region src/composables/useKunAlert.ts
+var qe = O({
+	show: !1,
+	title: "",
+	message: "",
+	showCancel: !0
+}), Je = null, Ye = () => ({
+	state: qe,
+	handleConfirm: () => {
+		qe.value.show = !1, Je?.(!0), Je = null;
+	},
+	handleCancel: () => {
+		qe.value.show = !1, Je?.(!1), Je = null;
+	}
+}), Xe = (e = {}) => new Promise((t) => {
+	Je = t, qe.value = {
+		show: !0,
+		title: e.title ?? "",
+		message: e.message ?? "",
+		showCancel: e.showCancel ?? !0
+	};
+}), Ze = Symbol("kun-ui-config"), Qe = {
+	rounded: re,
+	linkComponent: "a",
+	iconComponent: null,
+	navigate: (e) => {
+		typeof window < "u" && window.location.assign(e);
+	},
+	imageComponent: "img",
+	userLinkTemplate: "/user/{id}/info"
+}, $e = (e = {}) => {
+	E(Ze, {
+		...Qe,
+		...e
+	});
+}, et = (e, t = {}) => {
+	e.provide(Ze, {
+		...Qe,
+		...t
+	});
+}, Y = () => h(Ze, Qe), X = (e, t) => {
+	let n = Y();
+	return o(() => fe(e(), t, n.rounded));
+}, tt = () => {
+	let e = O([]), t = /* @__PURE__ */ new Set();
+	return w(() => {
+		t.forEach((e) => clearTimeout(e)), t.clear(), e.value = [];
+	}), {
+		ripples: e,
+		onClick: (n) => {
+			let r = n.currentTarget, i = Math.max(r.clientWidth, r.clientHeight), a = r.getBoundingClientRect();
+			e.value.push({
+				key: Date.now(),
+				size: i,
+				x: n.clientX - a.left - i / 2,
+				y: n.clientY - a.top - i / 2
+			});
+			let o = setTimeout(() => {
+				e.value.shift(), t.delete(o);
+			}, 600);
+			t.add(o);
+		}
+	};
+}, nt = (t) => {
+	let n = "";
+	for (let i of t) if (i.type === r) n += i.children;
+	else if (i.type === e) continue;
+	else Array.isArray(i.children) && (n += nt(i.children));
+	return n;
+}, rt = ["viewBox", "innerHTML"], Z = /* @__PURE__ */ m({
+	name: "KunIcon",
+	__name: "Icon",
+	props: {
+		name: { default: "" },
+		class: { default: "" },
+		className: { default: "" }
+	},
+	setup(e) {
+		let t = e, n = Y(), r = o(() => U("inline-block size-[1em] shrink-0 align-[-0.125em] text-inherit", t.class, t.className)), i = o(() => t.name ? oe(t.name) : void 0);
+		return (t, a) => i.value ? (T(), l("svg", {
+			key: 0,
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: `0 0 ${i.value.width ?? 24} ${i.value.height ?? 24}`,
+			class: b(r.value),
+			"aria-hidden": "true",
+			innerHTML: i.value.body
+		}, null, 10, rt)) : e.name && P(n).iconComponent ? (T(), s(j(P(n).iconComponent), {
+			key: 1,
+			name: e.name,
+			class: b(r.value)
+		}, null, 8, ["name", "class"])) : c("", !0);
+	}
+}), it = /*@__PURE__*/ m({
+	name: "KunRipple",
+	__name: "Ripple",
+	props: { ripples: {} },
+	setup(e) {
+		return (n, r) => (T(!0), l(t, null, k(e.ripples, (e) => (T(), l("span", {
+			key: e.key,
+			class: "bg-foreground/30 ripple pointer-events-none absolute rounded-full",
+			style: x({
+				width: `${e.size}px`,
+				height: `${e.size}px`,
+				top: `${e.y}px`,
+				left: `${e.x}px`
+			})
+		}, null, 4))), 128));
+	}
+}), Q = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, at = /*#__PURE__*/ Q(it, [["__scopeId", "data-v-d7e2a8cf"]]), ot = {
+	key: 1,
+	class: "mr-2"
+}, st = {
+	key: 2,
+	class: "ml-2"
+}, $ = /* @__PURE__ */ m({
+	name: "KunButton",
+	__name: "Button",
+	props: {
+		variant: { default: "solid" },
+		color: { default: "primary" },
+		size: { default: "md" },
+		rounded: { default: "lg" },
+		type: { default: "button" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		},
+		isIconOnly: {
+			type: Boolean,
+			default: !1
+		},
+		icon: {
+			type: Boolean,
+			default: !1
+		},
+		iconPosition: { default: "left" },
+		className: { default: "" },
+		href: { default: "" },
+		target: { default: "_self" },
+		ariaLabel: { default: "" }
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = ee(), a = Y(), u = o(() => n.ariaLabel ? n.ariaLabel : n.isIconOnly ? "button" : i.default && nt(i.default()).trim() || ""), d = o(() => {
+			switch (n.size) {
+				case "xs": return "text-xs px-2 py-1";
+				case "sm": return "text-sm px-3 py-1.5";
+				case "md": return "text-sm px-4 py-2";
+				case "lg": return "text-base px-5 py-2.5";
+				case "xl": return "text-lg px-6 py-3";
+				default: return "text-sm px-4 py-2";
+			}
+		}), f = o(() => ue(n.variant, n.color)), m = X(() => n.rounded), h = o(() => q[m.value]), g = o(() => {
+			if (!n.isIconOnly) return "";
+			switch (n.size) {
+				case "xs": return "p-1";
+				case "sm": return "p-1.5";
+				case "md": return "p-2";
+				case "lg": return "p-2.5";
+				case "xl": return "p-3";
+				default: return "p-2";
+			}
+		}), { ripples: _, onClick: y } = tt(), b = o(() => n.disabled || n.loading), x = o(() => n.href ? a.linkComponent : "button"), S = o(() => n.href ? {
+			...typeof a.linkComponent == "string" ? { href: n.href } : { to: n.href },
+			target: n.target,
+			role: "link",
+			"aria-label": u.value
+		} : {
+			type: n.type,
+			disabled: n.disabled || n.loading,
+			role: "button",
+			"aria-label": u.value
+		}), C = (e) => {
+			if (n.disabled || n.loading) {
+				e.preventDefault();
+				return;
+			}
+			y(e), r("click", e);
+		};
+		return (t, n) => (T(), s(j(x.value), v(S.value, {
+			class: P(U)("relative inline-flex cursor-pointer items-center justify-center gap-1 overflow-hidden font-medium transition-all hover:opacity-80 active:scale-[0.97]", d.value, f.value, h.value, e.fullWidth ? "w-full" : "", g.value, b.value && "pointer-events-none cursor-not-allowed opacity-50 hover:bg-none", e.className),
+			onClick: C
+		}), {
+			default: V(() => [
+				e.loading ? (T(), s(Z, {
+					key: 0,
+					class: "text-sm",
+					name: "svg-spinners:90-ring-with-bg"
+				})) : c("", !0),
+				e.icon && e.iconPosition === "left" ? (T(), l("span", ot, [A(t.$slots, "icon")])) : c("", !0),
+				A(t.$slots, "default"),
+				e.icon && e.iconPosition === "right" ? (T(), l("span", st, [A(t.$slots, "icon")])) : c("", !0),
+				p(at, { ripples: P(_) }, null, 8, ["ripples"])
+			]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), ct = 0, lt = (e) => {
+	typeof document > "u" || (document.body.style.overflow = e ? "hidden" : "", document.body.style.paddingRight = e ? `${window.innerWidth - document.documentElement.clientWidth}px` : "");
+}, ut = () => {
+	ct === 0 && lt(!0), ct++;
+}, dt = () => {
+	ct !== 0 && (ct--, ct === 0 && lt(!1));
+}, ft = () => ({
+	lock: ut,
+	unlock: dt
+}), pt = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunModal",
+	__name: "Modal",
+	props: /*@__PURE__*/ _({
+		className: { default: "" },
+		innerClassName: { default: "" },
+		isDismissable: {
+			type: Boolean,
+			default: !0
+		},
+		isShowCloseButton: {
+			type: Boolean,
+			default: !0
+		},
+		withContainer: {
+			type: Boolean,
+			default: !0
+		},
+		rounded: { default: void 0 }
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["close"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let r = e, a = X(() => r.rounded, "lg"), u = o(() => q[a.value]), d = L(e, "modelValue"), f = t, { lock: m, unlock: h } = ft(), g = !1, _ = (e) => {
+			e && !g ? (m(), g = !0) : !e && g && (h(), g = !1);
+		}, v = O(null), { activate: x, deactivate: S } = ye(v, {
+			immediate: !1,
+			escapeDeactivates: !1,
+			allowOutsideClick: !0,
+			returnFocusOnDeactivate: !0
+		}), E = () => {
+			r.isDismissable && (d.value = !1, f("close"));
+		};
+		return ge("keydown", (e) => {
+			e.key === "Escape" && d.value && E();
+		}), z(d, async (e) => {
+			_(e), e ? (await y(), x()) : S();
+		}), C(async () => {
+			d.value && (_(!0), await y(), x());
+		}), w(() => {
+			_(!1), S();
+		}), (t, r) => (T(), s(n, { to: "body" }, [p(i, { name: "kun-modal" }, {
+			default: V(() => [d.value ? (T(), l("div", {
+				key: 0,
+				ref_key: "trapEl",
+				ref: v,
+				class: b(P(U)("bg-default-800/70 dark:bg-background/70 fixed top-0 left-0 z-kun-modal flex h-full w-full items-center justify-center p-3 transition-all", e.className)),
+				onClick: E,
+				tabindex: "0"
+			}, [e.withContainer ? (T(), l("div", {
+				key: 0,
+				class: b(P(U)("bg-content1/85 scrollbar-hide relative m-auto max-h-[90vh] min-w-80 overflow-y-auto border p-6 backdrop-blur-[var(--kun-background-blur)] transition-all", u.value, e.innerClassName)),
+				onClick: r[1] ||= H(() => {}, ["stop"])
+			}, [A(t.$slots, "default", {}, void 0, !0), e.isShowCloseButton ? (T(), s($, {
+				key: 0,
+				color: "default",
+				variant: "light",
+				"class-name": "absolute top-1 right-1",
+				rounded: "full",
+				"is-icon-only": !0,
+				onClick: r[0] ||= () => {
+					d.value = !1, f("close");
+				}
+			}, {
+				default: V(() => [p(Z, {
+					class: "icon",
+					name: "lucide:x"
+				})]),
+				_: 1
+			})) : c("", !0)], 2)) : A(t.$slots, "default", { key: 1 }, void 0, !0)], 2)) : c("", !0)]),
+			_: 3
+		})]));
+	}
+}), [["__scopeId", "data-v-cae13129"]]), mt = { class: "max-w-80" }, ht = { class: "space-y-2" }, gt = {
+	key: 0,
+	class: "text-lg"
+}, _t = {
+	key: 1,
+	class: "text-sm"
+}, vt = { class: "mt-6 flex justify-end gap-2" }, yt = /* @__PURE__ */ m({
+	name: "KunAlertProvider",
+	__name: "AlertProvider",
+	setup(e) {
+		let { state: t, handleConfirm: n, handleCancel: r } = Ye();
+		return (e, i) => (T(), s(pt, {
+			"model-value": P(t).show,
+			"class-name": "z-kun-alert fixed",
+			"onUpdate:modelValue": i[0] ||= (e) => !e && P(r)()
+		}, {
+			default: V(() => [u("div", mt, [u("div", ht, [P(t).title ? (T(), l("h3", gt, M(P(t).title), 1)) : c("", !0), P(t).message ? (T(), l("p", _t, M(P(t).message), 1)) : c("", !0)]), u("div", vt, [P(t).showCancel ? (T(), s($, {
+				key: 0,
+				variant: "light",
+				color: "danger",
+				onClick: P(r)
+			}, {
+				default: V(() => [...i[1] ||= [f(" 取消 ", -1)]]),
+				_: 1
+			}, 8, ["onClick"])) : c("", !0), p($, { onClick: P(n) }, {
+				default: V(() => [...i[2] ||= [f("确定", -1)]]),
+				_: 1
+			}, 8, ["onClick"])])])]),
+			_: 1
+		}, 8, ["model-value"]));
+	}
+}), bt = (e) => {
+	if (!e) return null;
+	if (e instanceof HTMLImageElement) return e;
+	let t = e.$el;
+	return t instanceof HTMLImageElement ? t : null;
+}, xt = (e, t) => {
+	let n = O(t.value ? "loading" : "error"), r = () => {
+		if (!t.value) {
+			n.value = "error";
+			return;
+		}
+		let r = bt(e.value);
+		if (r) {
+			if (!r.complete) {
+				n.value = "loading";
+				return;
+			}
+			n.value = r.naturalWidth === 0 ? "error" : "loaded";
+		}
+	};
+	return C(r), z(t, (e) => {
+		n.value = e ? "loading" : "error", y(r);
+	}), {
+		status: o(() => n.value),
+		onLoad: () => {
+			n.value = "loaded";
+		},
+		onError: () => {
+			n.value = "error";
+		}
+	};
+}, St = /* @__PURE__ */ m({
+	name: "KunImage",
+	__name: "Image",
+	props: {
+		src: {},
+		alt: { default: "image" },
+		loading: { default: void 0 },
+		className: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		width: { default: void 0 },
+		height: { default: void 0 },
+		skeleton: {
+			type: Boolean,
+			default: !0
+		},
+		aspectRatio: { default: void 0 },
+		objectFit: { default: "cover" },
+		imageClassName: { default: void 0 },
+		decoding: { default: void 0 },
+		fetchpriority: { default: void 0 },
+		placeholder: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Array
+			],
+			default: void 0
+		},
+		format: { default: void 0 },
+		quality: { default: void 0 },
+		preload: {
+			type: [Boolean, Object],
+			default: void 0
+		},
+		provider: { default: void 0 },
+		densities: { default: void 0 },
+		sizes: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, n = Y(), r = o(() => n.imageComponent ?? "img"), i = o(() => typeof r.value == "string"), a = O(null), { status: u, onLoad: d, onError: f } = xt(a, o(() => t.src)), p = o(() => ({
+			src: t.src,
+			alt: t.alt,
+			loading: t.loading,
+			width: t.width,
+			height: t.height,
+			decoding: t.decoding,
+			fetchpriority: t.fetchpriority,
+			"aria-label": t.ariaLabel
+		})), m = o(() => i.value ? p.value : {
+			...p.value,
+			placeholder: t.placeholder,
+			format: t.format,
+			quality: t.quality,
+			preload: t.preload,
+			provider: t.provider,
+			densities: t.densities,
+			sizes: t.sizes
+		}), h = o(() => {
+			switch (t.objectFit) {
+				case "contain": return "object-contain";
+				case "fill": return "object-fill";
+				case "none": return "object-none";
+				case "scale-down": return "object-scale-down";
+				default: return "object-cover";
+			}
+		}), g = o(() => t.aspectRatio ? { aspectRatio: t.aspectRatio } : void 0), _ = o(() => t.skeleton);
+		return (t, n) => _.value ? (T(), l("div", {
+			key: 1,
+			class: b(P(U)("relative overflow-hidden", e.aspectRatio ? "block w-full" : "inline-block", e.className)),
+			style: x(g.value)
+		}, [P(u) === "loaded" ? c("", !0) : (T(), l("div", {
+			key: 0,
+			"aria-hidden": "true",
+			class: b(["pointer-events-none absolute inset-0 transition-opacity duration-300", P(u) === "error" ? "opacity-0" : "bg-default-200 animate-pulse opacity-100"])
+		}, null, 2)), (T(), s(j(r.value), v({
+			ref_key: "imgEl",
+			ref: a
+		}, m.value, {
+			class: P(U)("block size-full transition-opacity duration-300", e.aspectRatio ? "absolute inset-0" : "", h.value, P(u) === "loaded" ? "opacity-100" : "opacity-0", e.imageClassName),
+			onLoad: P(d),
+			onError: P(f)
+		}), null, 16, [
+			"class",
+			"onLoad",
+			"onError"
+		]))], 6)) : (T(), s(j(r.value), v({ key: 0 }, m.value, { class: P(U)(e.className, e.imageClassName) }), null, 16, ["class"]));
+	}
+}), Ct = /* @__PURE__ */ m({
+	name: "KunAvatar",
+	__name: "Avatar",
+	props: {
+		user: {},
+		size: { default: "md" },
+		isNavigation: {
+			type: Boolean,
+			default: !0
+		},
+		className: { default: "" },
+		imageClassName: { default: "" },
+		disableFloating: { type: Boolean },
+		floatingPosition: {}
+	},
+	setup(e) {
+		let t = e, n = Y(), r = async (e) => {
+			e.preventDefault(), !(!t.isNavigation || !t.user?.id) && await n.navigate(n.userLinkTemplate.replace("{id}", String(t.user.id)));
+		}, i = o(() => {
+			switch (t.size) {
+				case "original": return "size-40";
+				case "original-sm": return "size-24";
+				case "xs": return "size-4";
+				case "sm": return "size-6";
+				case "lg": return "size-10";
+				case "xl": return "size-12";
+				default: return "size-8";
+			}
+		}), a = o(() => {
+			let e = t.user;
+			return e?.avatar ? t.size === "original" || t.size === "original-sm" ? e.avatar : e.avatar.replace(/\.webp$/, "-100.webp") : se(e?.name ?? "");
+		});
+		return (n, o) => (T(), l("div", {
+			class: b(P(U)("flex shrink-0 cursor-pointer justify-center rounded-full transition duration-150 ease-in-out hover:scale-110", i.value, e.className)),
+			onClick: o[0] ||= (e) => r(e)
+		}, [p(St, {
+			"class-name": P(U)("inline-block rounded-full", i.value, t.imageClassName),
+			src: a.value,
+			alt: e.user?.name ?? "未知用户"
+		}, null, 8, [
+			"class-name",
+			"src",
+			"alt"
+		])], 2));
+	}
+}), wt = { class: "flex flex-wrap items-center gap-1" }, Tt = {
+	key: 0,
+	class: "bg-default-500/20 flex items-center justify-center rounded-full px-2 py-2 text-xs"
+}, Et = /* @__PURE__ */ m({
+	name: "KunAvatarGroup",
+	__name: "AvatarGroup",
+	props: {
+		users: {},
+		ellipsis: {
+			type: Boolean,
+			default: !0
+		},
+		visibleCount: { default: 5 },
+		total: { default: 0 }
+	},
+	setup(e) {
+		let n = e, r = o(() => n.ellipsis ? n.users.slice(0, n.visibleCount) : n.users);
+		return (e, i) => (T(), l("div", wt, [
+			(T(!0), l(t, null, k(r.value, (e, t) => (T(), s(Ct, {
+				key: t,
+				user: e
+			}, null, 8, ["user"]))), 128)),
+			n.total && n.total > n.visibleCount ? (T(), l("div", Tt, M(`+ ${n.total - n.visibleCount}`), 1)) : c("", !0),
+			A(e.$slots, "default")
+		]));
+	}
+}), Dt = { class: "relative inline-flex" }, Ot = /* @__PURE__ */ m({
+	name: "KunBadge",
+	__name: "Badge",
+	props: {
+		variant: { default: "count" },
+		count: { default: 0 },
+		max: { default: 99 },
+		showZero: {
+			type: Boolean,
+			default: !1
+		},
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		color: { default: "danger" },
+		size: { default: "md" },
+		placement: { default: "top-right" },
+		className: { default: "" }
+	},
+	setup(e) {
+		let t = e, n = o(() => !(!t.show || t.variant === "count" && t.count <= 0 && !t.showZero)), r = o(() => t.variant === "dot" ? "" : t.count > t.max ? `${t.max}+` : String(t.count)), i = {
+			sm: "size-2",
+			md: "size-2.5",
+			lg: "size-3"
+		}, a = {
+			sm: "min-w-4 h-4 px-1 text-[10px]",
+			md: "min-w-5 h-5 px-1.5 text-xs",
+			lg: "min-w-6 h-6 px-2 text-sm"
+		}, s = {
+			"top-right": "-top-1 -right-1",
+			"top-left": "-top-1 -left-1",
+			"bottom-right": "-bottom-1 -right-1",
+			"bottom-left": "-bottom-1 -left-1"
+		}, u = o(() => U("absolute z-10 inline-flex items-center justify-center rounded-full font-medium text-white ring-2 ring-background", G[t.color], t.variant === "dot" ? i[t.size] : a[t.size], s[t.placement], t.className));
+		return (e, t) => (T(), l("span", Dt, [A(e.$slots, "default"), n.value ? (T(), l("span", {
+			key: 0,
+			class: b(u.value)
+		}, M(r.value), 3)) : c("", !0)]));
+	}
+}), kt = /* @__PURE__ */ m({
+	name: "KunChip",
+	__name: "Chip",
+	props: {
+		className: { default: "" },
+		color: { default: "default" },
+		size: { default: "sm" },
+		variant: { default: "flat" }
+	},
+	setup(e) {
+		let t = e, n = {
+			xs: "px-2 py-0.5 text-xs",
+			sm: "px-2 py-1 text-xs",
+			md: "px-3 py-1.5 text-sm",
+			lg: "px-4 py-2 text-sm",
+			xl: "px-6 py-3 text-base"
+		};
+		return (r, i) => (T(), l("span", { class: b(P(U)("inline-flex cursor-default items-center justify-center gap-1 rounded-full font-medium", n[t.size], P(ue)(t.variant, t.color), e.className)) }, [A(r.$slots, "default")], 2));
+	}
+}), At = /* @__PURE__ */ m({
+	name: "KunBrand",
+	__name: "Brand",
+	props: {
+		name: {},
+		iconSrc: { default: "/favicon.webp" },
+		iconAlt: { default: "logo" },
+		iconClass: { default: "size-10 rounded-2xl" },
+		badge: { default: "" },
+		badgeColor: { default: "primary" },
+		to: { default: "/" },
+		nameClass: { default: "text-xl" }
+	},
+	setup(e) {
+		let t = e, n = Y();
+		return (r, i) => (T(), l("div", {
+			class: "flex cursor-pointer items-center gap-3",
+			onClick: i[0] ||= (e) => P(n).navigate(t.to)
+		}, [
+			p(St, {
+				"class-name": e.iconClass,
+				src: e.iconSrc,
+				alt: e.iconAlt
+			}, null, 8, [
+				"class-name",
+				"src",
+				"alt"
+			]),
+			u("span", { class: b(e.nameClass) }, M(e.name), 3),
+			e.badge ? (T(), s(kt, {
+				key: 0,
+				size: "md",
+				color: e.badgeColor
+			}, {
+				default: V(() => [f(M(e.badge), 1)]),
+				_: 1
+			}, 8, ["color"])) : c("", !0)
+		]));
+	}
+}), jt = {
+	key: 0,
+	class: "border-b"
+}, Mt = {
+	key: 1,
+	class: "w-full"
+}, Nt = {
+	key: 2,
+	class: "bg-default-100 border-t px-3 py-2"
+}, Pt = /* @__PURE__ */ m({
+	name: "KunCard",
+	__name: "Card",
+	props: {
+		isHoverable: {
+			type: Boolean,
+			default: !1
+		},
+		clickable: {
+			type: Boolean,
+			default: !1
+		},
+		href: { default: void 0 },
+		isTransparent: {
+			type: Boolean,
+			default: !1
+		},
+		bordered: {
+			type: Boolean,
+			default: !0
+		},
+		className: { default: "" },
+		contentClass: { default: "" },
+		rounded: { default: void 0 },
+		color: { default: "background" },
+		darkBorder: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = Y(), { ripples: a, onClick: d } = tt(), f = o(() => !!n.href || n.clickable), m = o(() => n.href ? i.linkComponent : n.clickable ? "button" : "div"), h = o(() => n.href ? typeof i.linkComponent == "string" ? { href: n.href } : { to: n.href } : n.clickable ? { type: "button" } : {}), g = (e) => {
+			f.value && d(e), r("click", e);
+		}, _ = {
+			background: "bg-background",
+			default: "bg-default-100/30",
+			primary: "bg-primary-100/30 border-primary-300",
+			secondary: "bg-secondary-100/30 border-secondary-300",
+			success: "bg-success-100/30 border-success-300",
+			warning: "bg-warning-100/30 border-warning-300",
+			danger: "bg-danger-100/30 border-danger-300",
+			info: "bg-info-100/30 border-info-300"
+		}, y = X(() => n.rounded), x = o(() => q[y.value]);
+		return (t, r) => (T(), s(j(m.value), v(h.value, {
+			class: P(U)("relative flex flex-col gap-3 p-3 backdrop-blur-[var(--kun-background-blur)] transition-all duration-200", e.isHoverable && "hover:bg-default-100", e.bordered && "border-default/20 border", e.darkBorder && P(U)("dark:border-default-200 border border-transparent", e.bordered && "border-default/20"), f.value && "cursor-pointer overflow-hidden active:scale-[0.97] text-left", e.isTransparent ? "backdrop-blur-none" : _[n.color], x.value, e.className),
+			onClick: g
+		}), {
+			default: V(() => [
+				t.$slots.header ? (T(), l("div", jt, [A(t.$slots, "header")])) : c("", !0),
+				t.$slots.cover ? (T(), l("div", Mt, [A(t.$slots, "cover")])) : c("", !0),
+				u("div", { class: b(P(U)("flex h-full flex-col justify-between gap-1", e.contentClass)) }, [A(t.$slots, "default")], 2),
+				t.$slots.footer ? (T(), l("div", Nt, [A(t.$slots, "footer")])) : c("", !0),
+				p(at, { ripples: P(a) }, null, 8, ["ripples"])
+			]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), Ft = (e) => {
+	let t = O(e || "");
+	return C(() => {
+		t.value = `${e ?? ""}${I()}`;
+	}), t;
+}, It = { class: "relative flex items-center" }, Lt = [
+	"id",
+	"name",
+	"value",
+	"checked",
+	"disabled"
+], Rt = { class: "pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-white opacity-0 transition-opacity duration-200 peer-checked:opacity-100" }, zt = ["for"], Bt = /* @__PURE__ */ m({
+	name: "KunCheckBox",
+	__name: "CheckBox",
+	props: /*@__PURE__*/ _({
+		color: { default: "default" },
+		type: { default: "multiple" },
+		label: { default: void 0 },
+		id: { default: void 0 },
+		name: { default: void 0 },
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: { default: "" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["change"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = L(e, "modelValue"), i = t, a = Ft("kun-checkbox"), o = (e) => {
+			let t = e.target.checked;
+			r.value = t, i("change", t);
+		}, s = {
+			default: "border-default-300 checked:bg-default checked:border-default hover:border-default",
+			primary: "border-primary-300 checked:bg-primary checked:border-primary hover:border-primary",
+			secondary: "border-secondary-300 checked:bg-secondary checked:border-secondary hover:border-secondary",
+			success: "border-success-300 checked:bg-success checked:border-success hover:border-success",
+			warning: "border-warning-300 checked:bg-warning checked:border-warning hover:border-warning",
+			danger: "border-danger-300 checked:bg-danger checked:border-danger hover:border-danger",
+			info: "border-info-300 checked:bg-info checked:border-info hover:border-info"
+		};
+		return (t, i) => (T(), l("div", { class: b(P(U)("flex cursor-pointer items-center", e.className)) }, [
+			u("div", It, [u("input", {
+				id: P(a),
+				type: "checkbox",
+				name: e.name,
+				value: e.value,
+				checked: r.value,
+				disabled: e.disabled,
+				class: b(P(U)("peer h-5 w-5 appearance-none border-2 text-white transition-all disabled:cursor-not-allowed disabled:opacity-50", n.type === "single" ? "rounded-full" : "rounded", s[n.color])),
+				onChange: o
+			}, null, 42, Lt), u("div", Rt, [p(Z, { name: "lucide:check" })])]),
+			A(t.$slots, "default"),
+			e.label ? (T(), l("label", {
+				key: 0,
+				for: P(a),
+				class: b(P(U)("text-default-700 ml-2 cursor-pointer text-sm select-none", e.disabled && "cursor-not-allowed opacity-50"))
+			}, M(e.label), 11, zt)) : c("", !0)
+		], 2));
+	}
+}), Vt = (e) => {
+	let t = /* @__PURE__ */ new Map(), n = (e) => {
+		let t = document.createElement("div");
+		t.className = "spoiler-frost", e.insertBefore(t, e.firstChild);
+		let n = new ResizeObserver(() => {});
+		return n.observe(e), {
+			overlayEl: t,
+			resizeObserver: n
+		};
+	}, r = (e) => {
+		if (t.has(e)) return;
+		Array.from(e.childNodes).forEach((t) => {
+			if (t.nodeType === Node.TEXT_NODE && t.textContent?.trim()) {
+				let n = document.createElement("span");
+				n.textContent = t.textContent, e.replaceChild(n, t);
+			}
+		});
+		let r = n(e), i = getComputedStyle(e);
+		(i.position === "static" || !i.position) && e.classList.add("spoiler-relative-fix"), t.set(e, r);
+	}, i = (e) => {
+		let n = t.get(e);
+		n && (n.resizeObserver.disconnect(), n.overlayEl.classList.add("fade-out"), n.overlayEl.addEventListener("transitionend", () => {
+			n.overlayEl.remove(), t.delete(e);
+		}, { once: !0 }));
+	}, a = (e) => {
+		e.classList.remove("kun-spoiler-hidden"), e.classList.add("!text-foreground"), i(e);
+	}, o = (e) => {
+		let t = e.closest(".kun-code-container")?.querySelector("pre");
+		t && navigator.clipboard.writeText(t.innerText).then(() => {
+			e.classList.add("copied"), setTimeout(() => e.classList.remove("copied"), 3e3);
+		}).catch((e) => {
+			console.error("复制失败:", e);
+		});
+	}, s = (e) => {
+		let t = e.target;
+		if (!t) return;
+		let n = t.closest(".kun-spoiler.kun-spoiler-hidden");
+		if (n) {
+			e.preventDefault(), e.stopPropagation(), a(n);
+			return;
+		}
+		let r = t.closest(".copy");
+		r && (e.preventDefault(), e.stopPropagation(), o(r));
+	}, c = () => {
+		let t = e.value;
+		t && (t.querySelectorAll(".kun-spoiler.kun-spoiler-hidden").forEach(r), t.addEventListener("click", s));
+	}, l = () => {
+		let n = e.value;
+		n && (t.forEach((e, t) => i(t)), t.clear(), n.removeEventListener("click", s));
+	};
+	z(e, (e, t) => {
+		t && l(), e && y(c);
+	}, { flush: "post" });
+}, Ht = (e) => {
+	let t = O([]), n = O(!1), r = O(0), i = (i) => {
+		let a = i.target;
+		if (!a || a.tagName !== "IMG") return;
+		let o = e.value;
+		if (!o) return;
+		let s = Array.from(o.querySelectorAll("img")), c = s.indexOf(a);
+		c < 0 || (i.stopPropagation(), i.preventDefault(), t.value = s.map((e) => ({
+			src: e.getAttribute("src") || e.src,
+			alt: e.getAttribute("alt") || ""
+		})), r.value = c, n.value = !0);
+	};
+	return C(() => {
+		e.value?.addEventListener("click", i);
+	}), S(() => {
+		e.value?.removeEventListener("click", i);
+	}), {
+		images: t,
+		isLightboxOpen: n,
+		currentImageIndex: r
+	};
+}, Ut = {
+	key: 0,
+	class: "relative flex h-full w-full items-center justify-center"
+}, Wt = ["src", "alt"], Gt = {
+	key: 0,
+	class: "absolute top-4 left-4 z-50 rounded-lg border border-white/10 bg-black/70 px-3 py-1.5 text-sm font-medium text-white shadow-lg backdrop-blur-md",
+	"aria-live": "polite"
+}, Kt = { class: "pointer-events-none absolute right-0 bottom-6 left-0 z-50 flex flex-col items-center gap-2" }, qt = {
+	key: 0,
+	class: "pointer-events-auto flex items-center gap-2 rounded-full border border-white/10 bg-black/70 px-3 py-2 shadow-lg backdrop-blur-md md:hidden"
+}, Jt = [
+	"aria-label",
+	"aria-current",
+	"onClick"
+], Yt = {
+	key: 1,
+	class: "pointer-events-auto hidden max-w-[80vw] items-center gap-1.5 overflow-x-auto rounded-xl border border-white/10 bg-black/70 p-2 shadow-lg backdrop-blur-md md:flex"
+}, Xt = [
+	"aria-label",
+	"aria-current",
+	"onClick"
+], Zt = ["src", "alt"], Qt = {
+	class: "min-w-[3.5rem] text-center text-sm font-medium tabular-nums text-white",
+	"aria-live": "polite"
+}, $t = 1, en = 5, tn = 50, nn = .5, rn = 300, an = 30, on = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunLightbox",
+	__name: "Lightbox",
+	props: {
+		images: {},
+		isOpen: { type: Boolean },
+		initialIndex: {}
+	},
+	emits: ["update:isOpen"],
+	setup(e, { emit: n }) {
+		let r = e, a = n, s = O(r.initialIndex || 0), d = O(1), f = O(!1), m = 0, h = 0, g = 0, _ = O(0), v = D({
+			x: 0,
+			y: 0
+		}), y = O(!1), S = D({
+			x: 0,
+			y: 0
+		}), C = D({
+			x: 0,
+			y: 0
+		}), E = O(0), A = O(0), j = D({
+			x: 0,
+			y: 0
+		}), N = O("slide-next"), P = O(null), F = O(null), I = O(null), L = o(() => r.images[s.value]?.src || ""), ee = o(() => r.images[s.value]?.alt || ""), R = o(() => ({
+			transform: `translate3d(${v.x}px, ${v.y}px, 0) scale(${d.value}) rotate(${_.value}deg)`,
+			transition: y.value || f.value ? "none" : "transform 0.3s ease-out"
+		})), B = () => {
+			_.value = Math.round(_.value / 360) * 360, d.value = $t, v.x = 0, v.y = 0;
+		}, te = () => {
+			let e = Math.min(en, d.value + nn);
+			if (e === d.value) return;
+			d.value = e;
+			let t = J(v.x, v.y);
+			v.x = t.x, v.y = t.y;
+		}, ne = () => {
+			let e = Math.max($t, d.value - nn);
+			if (e === d.value) return;
+			d.value = e;
+			let t = J(v.x, v.y);
+			v.x = t.x, v.y = t.y;
+		}, re = () => {
+			_.value += 90;
+		}, U = () => {
+			_.value -= 90;
+		}, ie = (e) => {
+			let t = document;
+			typeof t.startViewTransition == "function" ? t.startViewTransition(e) : e();
+		}, { lock: ae, unlock: oe } = ft(), W = !1;
+		z(() => r.isOpen, (e) => {
+			let t = P.value;
+			t && (e && !t.open ? (B(), ie(() => t.showModal()), W ||= (ae(), !0)) : !e && t.open && (ie(() => t.close()), W &&= (oe(), !1)));
+		}, { flush: "post" }), z(() => r.initialIndex, () => {
+			s.value = r.initialIndex || 0, B();
+		});
+		let se = () => {
+			r.isOpen && (a("update:isOpen", !1), B()), W &&= (oe(), !1);
+		}, G = (e) => {
+			e.target === P.value && a("update:isOpen", !1);
+		}, K = () => {
+			N.value = "slide-next", B(), s.value = (s.value + 1) % r.images.length;
+		}, ce = () => {
+			N.value = "slide-prev", B(), s.value = (s.value - 1 + r.images.length) % r.images.length;
+		}, q = () => {
+			if (!F.value || !I.value) return {
+				minX: 0,
+				maxX: 0,
+				minY: 0,
+				maxY: 0
+			};
+			let e = I.value.getBoundingClientRect(), t = F.value.getBoundingClientRect(), n = t.width * d.value, r = t.height * d.value, i = Math.max(0, (n - e.width) / 2), a = Math.max(0, (r - e.height) / 2);
+			return {
+				minX: -i,
+				maxX: i,
+				minY: -a,
+				maxY: a
+			};
+		}, J = (e, t) => {
+			if (d.value <= 1) return {
+				x: 0,
+				y: 0
+			};
+			let n = q();
+			return {
+				x: Math.min(Math.max(e, n.minX), n.maxX),
+				y: Math.min(Math.max(t, n.minY), n.maxY)
+			};
+		}, le = (e) => {
+			e.preventDefault();
+			let t = -e.deltaY, n = d.value + (t > 0 ? .2 : -.2), r = Math.max($t, Math.min(en, n));
+			if (r !== d.value) {
+				let t = I.value?.getBoundingClientRect();
+				if (!t) return;
+				let n = e.clientX - t.left, i = e.clientY - t.top, a = r / d.value, o = {
+					x: n - (n - v.x) * a,
+					y: i - (i - v.y) * a
+				}, s = J(o.x, o.y);
+				v.x = s.x, v.y = s.y, d.value = r;
+			}
+		}, ue = (e) => {
+			y.value = !0, A.value = Date.now();
+			let t = "touches" in e ? e.touches[0] : e;
+			S.x = t.clientX - v.x, S.y = t.clientY - v.y, j.x = t.clientX, j.y = t.clientY;
+		}, de = (e) => {
+			if (!y.value) return;
+			let t = "touches" in e ? e.touches[0] : e;
+			if (d.value <= 1) {
+				v.x = t.clientX - j.x;
+				return;
+			}
+			let n = {
+				x: t.clientX - S.x,
+				y: t.clientY - S.y
+			}, r = J(n.x, n.y);
+			v.x = r.x, v.y = r.y;
+		}, fe = (e) => {
+			if (!y.value) return;
+			let t = ("touches" in e ? e.changedTouches[0] : e).clientX - j.x, n = Date.now() - A.value, r = Math.abs(t) / n;
+			d.value <= 1 && Math.abs(t) > tn && r > .2 && (t > 0 ? ce() : K(), v.x = 0, v.y = 0), y.value = !1;
+		}, pe = (e, t) => {
+			let n = I.value?.getBoundingClientRect();
+			if (!n) return;
+			if (d.value > $t) {
+				B();
+				return;
+			}
+			let r = e - n.left, i = t - n.top;
+			d.value = 2;
+			let a = J(r - n.width / 2, i - n.height / 2);
+			v.x = a.x, v.y = a.y;
+		}, me = (e) => pe(e.clientX, e.clientY), he = (e) => {
+			if (e.touches.length >= 2) {
+				y.value = !1, f.value = !0;
+				let [t, n] = [e.touches[0], e.touches[1]];
+				E.value = Math.hypot(n.clientX - t.clientX, n.clientY - t.clientY), C.x = (t.clientX + n.clientX) / 2, C.y = (t.clientY + n.clientY) / 2;
+			} else e.touches.length === 1 && !f.value && ue(e);
+		}, ge = (e) => {
+			if (e.touches.length >= 2 && f.value) {
+				let [t, n] = [e.touches[0], e.touches[1]], r = Math.hypot(n.clientX - t.clientX, n.clientY - t.clientY), i = (t.clientX + n.clientX) / 2, a = (t.clientY + n.clientY) / 2, o = r / (E.value || 1), s = Math.max($t, Math.min(en, d.value * o)), c = I.value?.getBoundingClientRect();
+				if (c) {
+					let e = i - c.left - c.width / 2, t = a - c.top - c.height / 2, n = s / d.value, r = e - (e - v.x) * n, o = t - (t - v.y) * n, l = i - C.x, u = a - C.y, f = J(r + l, o + u);
+					v.x = f.x, v.y = f.y;
+				}
+				d.value = s, E.value = r, C.x = i, C.y = a;
+			} else e.touches.length === 1 && y.value && de(e);
+		}, _e = (e) => {
+			if (f.value) {
+				if (e.touches.length >= 2) return;
+				if (f.value = !1, e.touches.length === 1) {
+					let t = e.touches[0];
+					y.value = !0, A.value = Date.now(), S.x = t.clientX - v.x, S.y = t.clientY - v.y, j.x = t.clientX, j.y = t.clientY;
+				}
+				return;
+			}
+			if (fe(e), e.touches.length !== 0) return;
+			let t = e.changedTouches[0];
+			if (!t) return;
+			if (Math.abs(t.clientX - j.x) > an || Math.abs(t.clientY - j.y) > an) {
+				m = 0;
+				return;
+			}
+			let n = Date.now();
+			n - m < rn && Math.abs(t.clientX - h) < an && Math.abs(t.clientY - g) < an ? (pe(t.clientX, t.clientY), m = 0) : (m = n, h = t.clientX, g = t.clientY);
+		}, ve = async () => {
+			let e = L.value;
+			if (!e) return;
+			let t = e.split("/").pop() || "image";
+			try {
+				let n = await fetch(e, { mode: "cors" });
+				if (!n.ok) throw Error(`HTTP ${n.status}`);
+				let r = await n.blob(), i = window.URL.createObjectURL(r), a = document.createElement("a");
+				a.href = i, a.download = t, document.body.appendChild(a), a.click(), document.body.removeChild(a), window.URL.revokeObjectURL(i);
+			} catch (t) {
+				console.warn("[KunLightbox] direct download blocked (likely CORS), opening in new tab", t), window.open(e, "_blank", "noopener,noreferrer");
+			}
+		}, ye = (e) => {
+			e === s.value || e < 0 || e >= r.images.length || (N.value = e > s.value ? "slide-next" : "slide-prev", B(), s.value = e);
+		}, be = o(() => Math.round(d.value * 100)), xe = (e) => {
+			e.key === "ArrowLeft" ? (e.preventDefault(), ce()) : e.key === "ArrowRight" && (e.preventDefault(), K());
+		};
+		return w(() => {
+			W && oe();
+		}), (n, r) => (T(), l("dialog", {
+			ref_key: "dialogRef",
+			ref: P,
+			"aria-label": "图片查看器",
+			class: "kun-lightbox-dialog bg-transparent text-foreground p-0 m-0 max-w-none max-h-none w-screen h-screen overflow-hidden backdrop:bg-default-800/80",
+			onClose: se,
+			onClick: G,
+			onKeydown: xe
+		}, [e.isOpen ? (T(), l("div", Ut, [
+			u("div", {
+				ref_key: "containerRef",
+				ref: I,
+				class: "kun-lightbox-stage relative flex h-full w-full touch-none items-center justify-center overflow-hidden",
+				onWheel: H(le, ["prevent"]),
+				onMousedown: ue,
+				onMousemove: de,
+				onMouseup: fe,
+				onMouseleave: fe,
+				onTouchstartPassive: he,
+				onTouchmovePassive: ge,
+				onTouchend: _e,
+				onTouchcancel: _e,
+				onDblclick: me
+			}, [p(i, { name: N.value }, {
+				default: V(() => [(T(), l("div", {
+					key: s.value,
+					class: "kun-lightbox-slide absolute inset-0 flex items-center justify-center"
+				}, [u("img", {
+					ref_key: "imageRef",
+					ref: F,
+					src: L.value,
+					alt: ee.value,
+					class: "kun-lightbox-image max-h-full max-w-full will-change-transform",
+					style: x(R.value),
+					draggable: "false",
+					onClick: r[0] ||= H(() => {}, ["stop"])
+				}, null, 12, Wt)]))]),
+				_: 1
+			}, 8, ["name"])], 544),
+			e.images.length > 1 ? (T(), l("div", Gt, M(s.value + 1) + " / " + M(e.images.length), 1)) : c("", !0),
+			p($, {
+				"is-icon-only": !0,
+				color: "default",
+				variant: "light",
+				size: "lg",
+				rounded: "lg",
+				"aria-label": "关闭",
+				"class-name": "absolute top-4 right-4 z-50 bg-black/70 backdrop-blur-md border border-white/10 shadow-lg",
+				onClick: r[1] ||= H((e) => a("update:isOpen", !1), ["stop"])
+			}, {
+				default: V(() => [p(Z, {
+					name: "lucide:x",
+					class: "text-white"
+				})]),
+				_: 1
+			}),
+			e.images.length > 1 ? (T(), l(t, { key: 1 }, [p($, {
+				"is-icon-only": !0,
+				color: "default",
+				variant: "light",
+				size: "xl",
+				rounded: "lg",
+				"aria-label": "上一张",
+				"class-name": "absolute left-4 top-1/2 z-50 hidden -translate-y-1/2 bg-black/70 backdrop-blur-md border border-white/10 shadow-lg md:flex",
+				onClick: H(ce, ["stop"])
+			}, {
+				default: V(() => [p(Z, {
+					name: "lucide:chevron-left",
+					class: "text-white"
+				})]),
+				_: 1
+			}), p($, {
+				"is-icon-only": !0,
+				color: "default",
+				variant: "light",
+				size: "xl",
+				rounded: "lg",
+				"aria-label": "下一张",
+				"class-name": "absolute right-4 top-1/2 z-50 hidden -translate-y-1/2 bg-black/70 backdrop-blur-md border border-white/10 shadow-lg md:flex",
+				onClick: H(K, ["stop"])
+			}, {
+				default: V(() => [p(Z, {
+					name: "lucide:chevron-right",
+					class: "text-white"
+				})]),
+				_: 1
+			})], 64)) : c("", !0),
+			u("div", Kt, [
+				e.images.length > 1 ? (T(), l("div", qt, [(T(!0), l(t, null, k(e.images, (e, t) => (T(), l("button", {
+					key: `dot-${t}`,
+					type: "button",
+					"aria-label": `跳转到第 ${t + 1} 张`,
+					"aria-current": t === s.value,
+					class: b(["size-2 rounded-full transition-colors", t === s.value ? "bg-primary-500" : "bg-default-400/60 hover:bg-default-300"]),
+					onClick: H((e) => ye(t), ["stop"])
+				}, null, 10, Jt))), 128))])) : c("", !0),
+				e.images.length > 1 ? (T(), l("div", Yt, [(T(!0), l(t, null, k(e.images, (e, t) => (T(), l("button", {
+					key: `thumb-${t}`,
+					type: "button",
+					"aria-label": `跳转到第 ${t + 1} 张`,
+					"aria-current": t === s.value,
+					class: b(["shrink-0 overflow-hidden rounded-md border-2 transition-all", t === s.value ? "border-primary-500 opacity-100" : "border-transparent opacity-60 hover:opacity-100"]),
+					onClick: H((e) => ye(t), ["stop"])
+				}, [u("img", {
+					src: e.src,
+					alt: e.alt ?? "",
+					class: "size-14 object-cover",
+					draggable: "false"
+				}, null, 8, Zt)], 10, Xt))), 128))])) : c("", !0),
+				u("div", {
+					class: "kun-lightbox-toolbar pointer-events-auto flex items-center gap-1 rounded-full border border-white/10 bg-black/70 px-2 py-1.5 shadow-lg backdrop-blur-md",
+					onClick: r[2] ||= H(() => {}, ["stop"])
+				}, [
+					p($, {
+						"is-icon-only": !0,
+						color: "default",
+						variant: "light",
+						size: "lg",
+						rounded: "full",
+						"aria-label": "缩小",
+						onClick: ne
+					}, {
+						default: V(() => [p(Z, {
+							name: "lucide:zoom-out",
+							class: "text-white"
+						})]),
+						_: 1
+					}),
+					u("span", Qt, M(be.value) + "% ", 1),
+					p($, {
+						"is-icon-only": !0,
+						color: "default",
+						variant: "light",
+						size: "lg",
+						rounded: "full",
+						"aria-label": "放大",
+						onClick: te
+					}, {
+						default: V(() => [p(Z, {
+							name: "lucide:zoom-in",
+							class: "text-white"
+						})]),
+						_: 1
+					}),
+					r[3] ||= u("span", {
+						class: "mx-1 h-5 w-px bg-default-200/30",
+						"aria-hidden": "true"
+					}, null, -1),
+					p($, {
+						"is-icon-only": !0,
+						color: "default",
+						variant: "light",
+						size: "lg",
+						rounded: "full",
+						"aria-label": "向左旋转 90°",
+						onClick: U
+					}, {
+						default: V(() => [p(Z, {
+							name: "lucide:rotate-ccw",
+							class: "text-white"
+						})]),
+						_: 1
+					}),
+					p($, {
+						"is-icon-only": !0,
+						color: "default",
+						variant: "light",
+						size: "lg",
+						rounded: "full",
+						"aria-label": "向右旋转 90°",
+						onClick: re
+					}, {
+						default: V(() => [p(Z, {
+							name: "lucide:rotate-cw",
+							class: "text-white"
+						})]),
+						_: 1
+					}),
+					r[4] ||= u("span", {
+						class: "mx-1 h-5 w-px bg-default-200/30",
+						"aria-hidden": "true"
+					}, null, -1),
+					p($, {
+						"is-icon-only": !0,
+						color: "default",
+						variant: "light",
+						size: "lg",
+						rounded: "full",
+						"aria-label": "重置缩放/旋转/位置",
+						onClick: B
+					}, {
+						default: V(() => [p(Z, {
+							name: "lucide:refresh-ccw",
+							class: "text-white"
+						})]),
+						_: 1
+					}),
+					p($, {
+						"is-icon-only": !0,
+						color: "default",
+						variant: "light",
+						size: "lg",
+						rounded: "full",
+						"aria-label": "下载",
+						onClick: ve
+					}, {
+						default: V(() => [p(Z, {
+							name: "lucide:download",
+							class: "text-white"
+						})]),
+						_: 1
+					})
+				])
+			])
+		])) : c("", !0)], 544));
+	}
+}), [["__scopeId", "data-v-10b9630a"]]), sn = ["innerHTML"], cn = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunContent",
+	__name: "Content",
+	props: {
+		content: {},
+		className: { default: "" }
+	},
+	setup(e) {
+		let t = O(null);
+		Vt(t);
+		let { isLightboxOpen: n, images: r, currentImageIndex: i } = Ht(t);
+		return (a, o) => (T(), l("div", null, [u("article", {
+			ref_key: "articleRef",
+			ref: t,
+			class: b(P(U)("kun-prose", e.className)),
+			innerHTML: e.content
+		}, null, 10, sn), p(on, {
+			"is-open": P(n),
+			"onUpdate:isOpen": o[0] ||= (e) => g(n) ? n.value = e : null,
+			images: P(r),
+			"initial-index": P(i)
+		}, null, 8, [
+			"is-open",
+			"images",
+			"initial-index"
+		])]));
+	}
+}), [["__scopeId", "data-v-659d9838"]]), ln = /* @__PURE__ */ m({
+	name: "KunContextMenu",
+	__name: "ContextMenu",
+	props: {
+		visible: { type: Boolean },
+		position: { default: () => ({
+			x: 0,
+			y: 0
+		}) },
+		items: { default: () => [] },
+		width: { default: 192 },
+		padding: { default: 12 }
+	},
+	emits: ["select", "close"],
+	setup(e, { emit: r }) {
+		let a = e, d = r, f = O(null), m = O({
+			x: a.position?.x ?? 0,
+			y: a.position?.y ?? 0
+		}), h = (e, t, n) => Math.min(Math.max(e, t), Math.max(n, t)), g = async () => {
+			if (!a.visible || typeof window > "u") return;
+			await y();
+			let e = f.value?.offsetWidth || a.width, t = f.value?.offsetHeight || 60, n = a.padding, r = a.position?.x ?? 0, i = a.position?.y ?? 0, o = window.innerWidth - e - n, s = window.innerHeight - t - n;
+			m.value = {
+				x: h(r, n, o),
+				y: h(i, n, s)
+			};
+		};
+		z(() => [
+			a.visible,
+			a.position?.x,
+			a.position?.y
+		], () => {
+			a.visible && g();
+		}, { immediate: !0 });
+		let _ = () => d("close"), v = (e) => {
+			if (!a.visible) return;
+			let t = e.target;
+			f.value && !f.value.contains(t) && _();
+		}, b = (e) => {
+			a.visible && e.key === "Escape" && _();
+		}, w = () => {
+			a.visible && _();
+		};
+		C(() => {
+			window.addEventListener("pointerdown", v, !0), window.addEventListener("contextmenu", v, !0), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), window.addEventListener("keydown", b);
+		}), S(() => {
+			window.removeEventListener("pointerdown", v, !0), window.removeEventListener("contextmenu", v, !0), window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w), window.removeEventListener("keydown", b);
+		});
+		let E = o(() => ({
+			top: `${m.value.y}px`,
+			left: `${m.value.x}px`,
+			minWidth: `${a.width}px`
+		})), D = (e) => {
+			e.disabled || (d("select", e), _());
+		};
+		return (r, a) => (T(), s(n, { to: "body" }, [p(i, {
+			"enter-active-class": "transition duration-150 ease-out",
+			"enter-from-class": "opacity-0 scale-95",
+			"enter-to-class": "opacity-100 scale-100",
+			"leave-active-class": "transition duration-100 ease-in",
+			"leave-from-class": "opacity-100 scale-100",
+			"leave-to-class": "opacity-0 scale-95"
+		}, {
+			default: V(() => [e.visible && e.items.length ? (T(), l("div", {
+				key: 0,
+				ref_key: "menuRef",
+				ref: f,
+				class: "border-default-200 bg-background/95 fixed z-kun-popover rounded-xl border p-1 text-sm shadow-2xl backdrop-blur",
+				style: x(E.value),
+				onClick: a[0] ||= H(() => {}, ["stop"])
+			}, [(T(!0), l(t, null, k(e.items, (e) => (T(), s($, {
+				key: e.key,
+				variant: "light",
+				color: e.color || "default",
+				size: "sm",
+				"class-name": "justify-start gap-2 w-full",
+				disabled: e.disabled,
+				onClick: H((t) => D(e), ["stop"])
+			}, {
+				default: V(() => [e.icon ? (T(), s(Z, {
+					key: 0,
+					name: e.icon,
+					class: "text-base"
+				}, null, 8, ["name"])) : c("", !0), u("span", null, M(e.label), 1)]),
+				_: 2
+			}, 1032, [
+				"color",
+				"disabled",
+				"onClick"
+			]))), 128))], 4)) : c("", !0)]),
+			_: 1
+		})]));
+	}
+}), un = "yyyy-MM-dd", dn = (e, t = un) => je(e, t), fn = (e) => {
+	if (!e) return null;
+	if (e instanceof Date) return Le(e) ? e : null;
+	let t = Re(e);
+	return Le(t) ? t : null;
+}, pn = (e) => {
+	switch (e) {
+		case "ja": return We;
+		case "zh-CN": return Ge;
+		default: return Ue;
+	}
+}, mn = (e) => {
+	let t = O(fn(Array.isArray(e.modelValue.value) ? e.modelValue.value[0] : e.modelValue.value) || Ve()), n = O(null), r = o(() => pn(typeof e.locale == "string" ? e.locale : e.locale?.value)), i = o(() => {
+		let t = r.value, n = e.weekdays && "value" in e.weekdays ? e.weekdays.value : e.weekdays, i = e.months && "value" in e.months ? e.months.value : e.months;
+		return {
+			weekdays: n || [...Array(7)].map((e, n) => je(new Date(2023, 0, n + 1), "EEEEEE", { locale: t })),
+			months: i || [...Array(12)].map((e, n) => je(new Date(2023, n, 1), "LLLL", { locale: t }))
+		};
+	}), a = (e) => {
+		t.value = Ee(t.value, e);
+	}, s = (e) => {
+		t.value = De(t.value, e);
+	}, c = o(() => {
+		let n = Be(t.value), r = ke(t.value), i = Oe({
+			start: He(n),
+			end: Ae(r)
+		}), a = fn(e.minDate?.value), o = fn(e.maxDate?.value), s = ze(a || /* @__PURE__ */ new Date(0)), c = ze(o || /* @__PURE__ */ new Date(864e13)), l = ze(fn(Array.isArray(e.modelValue.value) ? e.modelValue.value[0] : e.modelValue.value) || /* @__PURE__ */ new Date(0)), u = ze(fn(Array.isArray(e.modelValue.value) ? e.modelValue.value[0] : null) || /* @__PURE__ */ new Date(0)), d = ze(fn(Array.isArray(e.modelValue.value) ? e.modelValue.value[1] : null) || /* @__PURE__ */ new Date(0));
+		return i.map((n) => {
+			let r = e.mode.value === "single" ? Pe(n, l) : Pe(n, u) || Pe(n, d), i = u && d && Me(n, u) && Ne(n, d), a = e.isDateDisabled?.value ? e.isDateDisabled.value(n) : !1, o = Ne(n, s) || Me(n, c) || a;
+			return {
+				date: n,
+				key: dn(n),
+				dayOfMonth: n.getDate(),
+				isCurrentMonth: Fe(n, t.value),
+				isToday: Ie(n),
+				isSelected: r,
+				isRangeStart: Pe(n, u),
+				isRangeEnd: Pe(n, d),
+				isInRange: i,
+				isDisabled: o
+			};
+		});
+	}), l = (t) => je(t, (e.valueFormat && "value" in e.valueFormat ? e.valueFormat.value : e.valueFormat) || un);
+	return {
+		viewingDate: t,
+		i18n: i,
+		calendarGrid: c,
+		navigateMonth: a,
+		navigateYear: s,
+		selectDate: (t) => {
+			if (e.mode.value === "single") return l(t);
+			if (!n.value || Array.isArray(e.modelValue.value) && e.modelValue.value[1]) return n.value = t, [l(t), null];
+			let r = n.value;
+			return n.value = null, r ? Ne(t, r) ? [l(t), l(r)] : [l(r), l(t)] : [l(t), null];
+		},
+		formatDate: dn,
+		tempRangeStart: n
+	};
+}, hn = {
+	key: 0,
+	class: "mb-2 block text-sm font-medium"
+}, gn = { class: "relative" }, _n = ["disabled"], vn = { class: "flex items-center" }, yn = { class: "flex items-center justify-between" }, bn = { class: "flex items-center gap-2" }, xn = { class: "font-semibold" }, Sn = { class: "flex items-center gap-2" }, Cn = { class: "text-default-600 mt-3 grid grid-cols-7 text-center text-xs" }, wn = {
+	class: "mt-1 grid grid-cols-7",
+	role: "grid"
+}, Tn = [
+	"disabled",
+	"aria-label",
+	"aria-selected",
+	"tabindex",
+	"onClick",
+	"onMouseenter"
+], En = { class: "mt-3 flex items-center justify-between" }, Dn = { class: "flex gap-2" }, On = {
+	key: 1,
+	class: "text-danger mt-2 text-sm"
+}, kn = /* @__PURE__ */ m({
+	name: "KunDatePicker",
+	__name: "DatePicker",
+	props: {
+		modelValue: { default: "" },
+		mode: { default: "single" },
+		label: { default: "" },
+		placeholder: { default: "请选择日期" },
+		error: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		darkBorder: {
+			type: Boolean,
+			default: !0
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		format: { default: "yyyy-MM-dd" },
+		valueFormat: { default: "yyyy-MM-dd" },
+		minDate: {},
+		maxDate: {},
+		isDateDisabled: {},
+		locale: {},
+		weekdays: {},
+		months: {},
+		rounded: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: r }) {
+		let a = e, d = X(() => a.rounded), m = o(() => q[d.value]), h = r, g = O(!1), _ = O(null), v = O(null), S = O(null);
+		pe(_, () => g.value = !1);
+		let { floatingStyles: C } = Te(_, v, {
+			placement: "bottom-start",
+			open: g,
+			whileElementsMounted: be,
+			transform: !1,
+			middleware: [
+				Se(4),
+				xe(),
+				Ce({ padding: 8 })
+			]
+		}), { modelValue: w, mode: E, minDate: D, maxDate: A, isDateDisabled: j, locale: F, weekdays: I, months: L, valueFormat: ee } = N(a), { viewingDate: R, i18n: B, calendarGrid: te, navigateMonth: ne, navigateYear: re, selectDate: ie, formatDate: ae, tempRangeStart: oe } = mn({
+			modelValue: w,
+			mode: E,
+			minDate: D,
+			maxDate: A,
+			isDateDisabled: j,
+			locale: F,
+			weekdays: I,
+			months: L,
+			valueFormat: ee
+		}), W = O(new Date(R.value));
+		z(R, (e) => {
+			W.value = new Date(e);
+		});
+		let se = (e) => {
+			let t = new Date(W.value);
+			t.setDate(t.getDate() + e), W.value = t, (t.getMonth() !== R.value.getMonth() || t.getFullYear() !== R.value.getFullYear()) && (R.value = new Date(t));
+		}, G = (e) => {
+			if (g.value) switch (e.key) {
+				case "ArrowLeft":
+					e.preventDefault(), se(-1);
+					break;
+				case "ArrowRight":
+					e.preventDefault(), se(1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), se(-7);
+					break;
+				case "ArrowDown":
+					e.preventDefault(), se(7);
+					break;
+				case "Enter":
+					e.preventDefault(), J(W.value);
+					break;
+				case "Escape":
+					e.preventDefault(), g.value = !1;
+					break;
+			}
+		}, K = o(() => a.mode === "single" ? a.modelValue ? ae(new Date(a.modelValue), a.format) : "" : Array.isArray(a.modelValue) && a.modelValue.every((e) => e) ? `${ae(new Date(a.modelValue[0]), a.format)} - ${ae(new Date(a.modelValue[1]), a.format)}` : ""), ce = () => {
+			a.disabled || (g.value = !g.value, g.value && y(() => _.value?.focus()));
+		}, J = (e) => {
+			let t = ie(e);
+			h("update:modelValue", t), (a.mode === "single" || Array.isArray(t) && t[1]) && (g.value = !1);
+		}, le = () => {
+			h("update:modelValue", a.mode === "single" ? null : [null, null]);
+		}, ue = (e) => {
+			if (!oe.value || !S.value) return !1;
+			let t = oe.value, n = S.value;
+			return !t || !n ? !1 : e > t && e < n || e < t && e > n;
+		};
+		return (r, a) => (T(), l("div", {
+			ref_key: "datePickerRef",
+			ref: _,
+			class: "relative w-full",
+			tabindex: "0",
+			onKeydownCapture: H(G, ["prevent"])
+		}, [
+			e.label ? (T(), l("label", hn, M(e.label), 1)) : c("", !0),
+			u("div", gn, [u("button", {
+				type: "button",
+				disabled: e.disabled,
+				class: b(P(U)("flex w-full cursor-pointer items-center justify-between px-3 py-2 text-left focus:ring-1 focus:outline-none sm:text-sm", m.value, "focus:border-primary-500 focus:ring-primary-500", e.darkBorder && "dark:border-default-200 border-default-200 border", e.disabled && "bg-default-100 cursor-not-allowed")),
+				onClick: ce
+			}, [u("span", { class: b(["block truncate", { "text-default-400": !K.value }]) }, M(K.value || e.placeholder), 3), u("div", vn, [e.clearable && K.value ? (T(), l("button", {
+				key: 0,
+				class: "text-default-500 hover:text-default-800 mr-2 p-1",
+				"aria-label": "Clear date",
+				onClick: H(le, ["stop"])
+			}, [p(Z, {
+				name: "lucide:x",
+				class: "h-4 w-4"
+			})])) : c("", !0), p(Z, {
+				name: "lucide:calendar",
+				class: "text-default-500"
+			})])], 10, _n)]),
+			(T(), s(n, { to: "body" }, [p(i, {
+				"enter-active-class": "transition duration-150 ease-out",
+				"enter-from-class": "opacity-0 -translate-y-1",
+				"enter-to-class": "opacity-100 translate-y-0",
+				"leave-active-class": "transition duration-100 ease-in",
+				"leave-from-class": "opacity-100 translate-y-0",
+				"leave-to-class": "opacity-0 -translate-y-1"
+			}, {
+				default: V(() => [g.value ? (T(), l("div", {
+					key: 0,
+					ref_key: "dropdownRef",
+					ref: v,
+					class: b(P(U)("bg-content1 border-default-200 z-kun-popover border p-3 shadow-lg", m.value)),
+					style: x([P(C), { minWidth: "260px" }]),
+					role: "dialog",
+					"aria-modal": "true"
+				}, [
+					u("div", yn, [
+						u("div", bn, [p($, {
+							variant: "light",
+							"is-icon-only": !0,
+							size: "sm",
+							"aria-label": "Previous year",
+							onClick: a[0] ||= (e) => P(re)(-1)
+						}, {
+							default: V(() => [p(Z, { name: "lucide:chevrons-left" })]),
+							_: 1
+						}), p($, {
+							variant: "light",
+							"is-icon-only": !0,
+							size: "sm",
+							"aria-label": "Previous month",
+							onClick: a[1] ||= (e) => P(ne)(-1)
+						}, {
+							default: V(() => [p(Z, { name: "lucide:chevron-left" })]),
+							_: 1
+						})]),
+						u("div", xn, M(P(R).getFullYear()) + " / " + M(P(R).getMonth() + 1), 1),
+						u("div", Sn, [p($, {
+							variant: "light",
+							"is-icon-only": !0,
+							size: "sm",
+							"aria-label": "Next month",
+							onClick: a[2] ||= (e) => P(ne)(1)
+						}, {
+							default: V(() => [p(Z, { name: "lucide:chevron-right" })]),
+							_: 1
+						}), p($, {
+							variant: "light",
+							"is-icon-only": !0,
+							size: "sm",
+							"aria-label": "Next year",
+							onClick: a[3] ||= (e) => P(re)(1)
+						}, {
+							default: V(() => [p(Z, { name: "lucide:chevrons-right" })]),
+							_: 1
+						})])
+					]),
+					u("div", Cn, [(T(!0), l(t, null, k(P(B).weekdays, (e) => (T(), l("div", {
+						key: e,
+						class: "p-1 font-medium"
+					}, M(e), 1))), 128))]),
+					u("div", wn, [(T(!0), l(t, null, k(P(te), (e) => (T(), l("div", {
+						key: e.key,
+						class: "p-0.5",
+						role: "gridcell"
+					}, [u("button", {
+						disabled: e.isDisabled,
+						class: b(P(U)("focus:ring-primary/40 flex h-8 w-8 items-center justify-center rounded-full text-sm transition-colors focus:ring-2 focus:outline-none", !e.isCurrentMonth && "text-default-400", e.isToday && "border-primary bg-primary/20 border", !e.isSelected && !e.isDisabled && "hover:bg-default/20", e.isDisabled && "cursor-not-allowed opacity-50", e.isSelected && "bg-primary hover:bg-primary/90 text-white", (e.isInRange || ue(e.date)) && !e.isSelected && "bg-primary/10 rounded-none", e.isRangeStart && "rounded-r-none", e.isRangeEnd && "rounded-l-none")),
+						"aria-label": e.date.toDateString(),
+						"aria-selected": e.isSelected,
+						tabindex: e.date.toDateString() === W.value.toDateString() ? 0 : -1,
+						onClick: (t) => J(e.date),
+						onMouseenter: (t) => S.value = e.date,
+						onMouseleave: a[4] ||= (e) => S.value = null
+					}, M(e.dayOfMonth), 43, Tn)]))), 128))]),
+					u("div", En, [p($, {
+						size: "sm",
+						variant: "light",
+						onClick: a[5] ||= (e) => J(/* @__PURE__ */ new Date())
+					}, {
+						default: V(() => [...a[7] ||= [f(" 今天 ", -1)]]),
+						_: 1
+					}), u("div", Dn, [e.clearable ? (T(), s($, {
+						key: 0,
+						size: "sm",
+						variant: "light",
+						onClick: le
+					}, {
+						default: V(() => [...a[8] ||= [f(" 清空 ", -1)]]),
+						_: 1
+					})) : c("", !0), p($, {
+						size: "sm",
+						variant: "light",
+						onClick: a[6] ||= (e) => g.value = !1
+					}, {
+						default: V(() => [...a[9] ||= [f(" 关闭 ", -1)]]),
+						_: 1
+					})])])
+				], 6)) : c("", !0)]),
+				_: 1
+			})])),
+			e.error ? (T(), l("p", On, M(e.error), 1)) : c("", !0)
+		], 544));
+	}
+}), An = O([]), jn = 0, Mn = () => ({
+	messages: o(() => An.value),
+	removeMessage: (e) => {
+		An.value = An.value.filter((t) => t.id !== e);
+	}
+}), Nn = (e, t, n = 3e3, r = !1, i = "top-center") => {
+	let a = An.value.find((n) => n.message === e && n.position === i && n.type === t);
+	if (a) return a.count++, a.duration = n, a.id;
+	jn++;
+	let o = `message_${jn}`, s = {
+		id: o,
+		message: e,
+		type: t,
+		duration: n,
+		richText: r,
+		position: i,
+		count: 1
+	};
+	return i.startsWith("top") ? An.value.push(s) : An.value.unshift(s), o;
+}, Pn = (e) => {
+	let t = ae(e);
+	navigator.clipboard.writeText(t).then(() => {
+		Nn(`${t} 复制成功`, "success");
+	}).catch(() => {
+		Nn(`${t} 复制失败! 请更换更现代的浏览器!`, "error");
+	});
+}, Fn = /* @__PURE__ */ m({
+	name: "KunCopy",
+	__name: "Copy",
+	props: {
+		text: {},
+		name: { default: "" },
+		variant: { default: "light" },
+		color: { default: "primary" },
+		size: { default: "md" },
+		rounded: { default: "lg" },
+		className: { default: "" }
+	},
+	setup(e) {
+		return (t, n) => (T(), s($, {
+			variant: e.variant,
+			color: e.color,
+			size: e.size,
+			rounded: e.rounded,
+			"class-name": P(U)("gap-2", e.className),
+			onClick: n[0] ||= (t) => P(Pn)(e.text)
+		}, {
+			default: V(() => [u("span", null, M(P(ae)(e.name ? e.name : e.text)), 1), p(Z, { name: "lucide:copy" })]),
+			_: 1
+		}, 8, [
+			"variant",
+			"color",
+			"size",
+			"rounded",
+			"class-name"
+		]));
+	}
+}), In = /* @__PURE__ */ m({
+	name: "KunDivider",
+	__name: "Divider",
+	props: {
+		orientation: { default: "horizontal" },
+		color: { default: "default" },
+		borderStyle: { default: "solid" },
+		className: { default: "" },
+		withLabel: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = {
+			default: "border-default/20",
+			primary: "border-primary/20",
+			secondary: "border-secondary/20",
+			success: "border-success/20",
+			warning: "border-warning/20",
+			danger: "border-danger/20",
+			info: "border-info/20"
+		};
+		return (n, r) => (T(), l("div", {
+			class: b(P(U)("flex items-center", e.orientation === "horizontal" ? "w-full" : "h-full flex-col", e.className)),
+			role: "separator"
+		}, [
+			u("div", { class: b([
+				e.orientation === "horizontal" ? "w-full border-t" : "h-full border-l",
+				e.borderStyle === "dashed" ? "border-dashed" : "border-solid",
+				t[e.color]
+			]) }, null, 2),
+			n.$slots.default ? (T(), l("div", {
+				key: 0,
+				class: b(["text-default-500 text-sm", e.orientation === "horizontal" ? "px-4 whitespace-nowrap" : "py-4"])
+			}, [A(n.$slots, "default")], 2)) : c("", !0),
+			n.$slots.default ? (T(), l("div", {
+				key: 1,
+				class: b([
+					e.orientation === "horizontal" ? "w-full border-t" : "h-full border-l",
+					e.borderStyle === "dashed" ? "border-dashed" : "border-solid",
+					t[e.color]
+				])
+			}, null, 2)) : c("", !0)
+		], 2));
+	}
+}), Ln = { class: "relative inline-flex" }, Rn = [
+	"tabindex",
+	"aria-expanded",
+	"aria-disabled",
+	"aria-controls"
+], zn = [
+	"tabindex",
+	"disabled",
+	"aria-disabled",
+	"onClick",
+	"onMouseenter"
+], Bn = /* @__PURE__ */ m({
+	name: "KunDropdown",
+	__name: "Dropdown",
+	props: {
+		items: { default: () => [] },
+		position: { default: "bottom-start" },
+		triggerClass: { default: "" },
+		menuClass: { default: "" },
+		minWidth: { default: 192 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"select",
+		"open",
+		"close"
+	],
+	setup(e, { expose: r, emit: a }) {
+		let d = e, f = a, m = O(!1), h = O(-1), g = O(null), _ = O(null), v = `kun-dropdown-${I()}`, { floatingStyles: S } = Te(g, _, {
+			placement: o(() => d.position),
+			open: m,
+			whileElementsMounted: be,
+			transform: !1,
+			middleware: [
+				Se(6),
+				xe(),
+				Ce({ padding: 8 })
+			]
+		}), C = () => d.items.reduce((e, t, n) => (t.disabled || e.push(n), e), []), w = () => Array.from(_.value?.querySelectorAll("[role=\"menuitem\"]") ?? []), E = (e) => {
+			h.value = e, w()[e]?.focus();
+		}, D = (e = "none") => {
+			d.disabled || d.items.length === 0 || (m.value || (m.value = !0, f("open")), y(() => {
+				let t = C();
+				e === "first" && t.length ? E(t[0]) : e === "last" && t.length ? E(t[t.length - 1]) : (h.value = -1, _.value?.focus());
+			}));
+		}, j = (e = !1) => {
+			m.value && (m.value = !1, h.value = -1, f("close"), e && y(() => g.value?.focus()));
+		}, N = () => m.value ? j() : D("none"), F = (e) => {
+			let t = C();
+			if (!t.length) return;
+			let n = (t.indexOf(h.value) + e + t.length) % t.length;
+			E(t[n === -1 ? t.length - 1 : n]);
+		}, L = (e) => {
+			e.disabled || (f("select", e), j(!0));
+		}, ee = (e) => {
+			if (!d.disabled) switch (e.key) {
+				case "ArrowDown":
+				case "Enter":
+				case " ":
+					e.preventDefault(), D("first");
+					break;
+				case "ArrowUp":
+					e.preventDefault(), D("last");
+					break;
+			}
+		}, R = (e) => {
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), F(1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), F(-1);
+					break;
+				case "Home": {
+					e.preventDefault();
+					let t = C()[0];
+					t !== void 0 && E(t);
+					break;
+				}
+				case "End": {
+					e.preventDefault();
+					let t = C();
+					t.length && E(t[t.length - 1]);
+					break;
+				}
+				case "Enter":
+				case " ":
+					e.preventDefault(), h.value >= 0 && L(d.items[h.value]);
+					break;
+				case "Escape":
+					e.preventDefault(), j(!0);
+					break;
+				case "Tab":
+					e.preventDefault(), j(!0);
+					break;
+			}
+		};
+		pe(g, (e) => {
+			_.value?.contains(e.target) || j();
+		}), ge("keydown", (e) => {
+			e.key === "Escape" && m.value && j(!0);
+		});
+		let z = {
+			default: "focus:bg-default/20",
+			primary: "focus:bg-primary/20",
+			secondary: "focus:bg-secondary/20",
+			success: "focus:bg-success/20",
+			warning: "focus:bg-warning/20",
+			danger: "focus:bg-danger/20",
+			info: "focus:bg-info/20"
+		}, B = (e) => U("relative flex w-full cursor-pointer items-center justify-start gap-2 overflow-hidden rounded-lg px-3 py-1.5 text-sm font-medium outline-none transition-colors", ue("light", e.color || "default"), z[e.color || "default"], e.disabled && "pointer-events-none cursor-not-allowed opacity-50");
+		return r({
+			open: () => D("none"),
+			close: () => j(),
+			toggle: N
+		}), (r, a) => (T(), l("div", Ln, [u("div", {
+			ref_key: "triggerRef",
+			ref: g,
+			role: "button",
+			tabindex: e.disabled ? -1 : 0,
+			class: b(P(U)("inline-flex cursor-pointer items-center", e.disabled && "cursor-not-allowed opacity-50", e.triggerClass)),
+			"aria-haspopup": "menu",
+			"aria-expanded": m.value,
+			"aria-disabled": e.disabled || void 0,
+			"aria-controls": m.value ? v : void 0,
+			onClick: a[0] ||= (t) => e.disabled || N(),
+			onKeydown: ee
+		}, [A(r.$slots, "trigger")], 42, Rn), (T(), s(n, { to: "body" }, [p(i, {
+			"enter-active-class": "transition duration-150 ease-out",
+			"enter-from-class": "opacity-0 scale-95",
+			"enter-to-class": "opacity-100 scale-100",
+			"leave-active-class": "transition duration-100 ease-in",
+			"leave-from-class": "opacity-100 scale-100",
+			"leave-to-class": "opacity-0 scale-95"
+		}, {
+			default: V(() => [m.value && e.items.length ? (T(), l("div", {
+				key: 0,
+				ref_key: "menuRef",
+				ref: _,
+				id: v,
+				role: "menu",
+				"aria-orientation": "vertical",
+				tabindex: "-1",
+				class: b(P(U)("border-default-200 bg-background/95 z-kun-popover rounded-xl border p-1 text-sm shadow-2xl outline-none backdrop-blur", e.menuClass)),
+				style: x([P(S), { minWidth: `${e.minWidth}px` }]),
+				onKeydown: R
+			}, [(T(!0), l(t, null, k(e.items, (e, t) => (T(), l("button", {
+				key: e.key,
+				type: "button",
+				role: "menuitem",
+				tabindex: t === h.value ? 0 : -1,
+				disabled: e.disabled,
+				"aria-disabled": e.disabled || void 0,
+				class: b(B(e)),
+				onClick: (t) => L(e),
+				onMouseenter: (n) => !e.disabled && E(t)
+			}, [e.icon ? (T(), s(Z, {
+				key: 0,
+				name: e.icon,
+				class: "text-base"
+			}, null, 8, ["name"])) : c("", !0), u("span", null, M(e.label), 1)], 42, zn))), 128))], 38)) : c("", !0)]),
+			_: 1
+		})]))]));
+	}
+}), Vn = ["aria-labelledby"], Hn = {
+	key: 0,
+	class: "border-default-200 flex items-center justify-between border-b px-6 py-4"
+}, Un = { class: "flex min-w-0 flex-1 items-center gap-2" }, Wn = ["id"], Gn = {
+	key: 1,
+	class: "scrollbar-hide flex-1 overflow-y-auto p-6"
+}, Kn = {
+	key: 3,
+	class: "border-default-200 border-t px-6 py-4"
+}, qn = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunDrawer",
+	__name: "Drawer",
+	props: /*@__PURE__*/ _({
+		placement: { default: "right" },
+		responsive: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "md" },
+		title: { default: "" },
+		isDismissable: {
+			type: Boolean,
+			default: !0
+		},
+		isShowCloseButton: {
+			type: Boolean,
+			default: !0
+		},
+		withContainer: {
+			type: Boolean,
+			default: !0
+		},
+		rounded: { default: void 0 },
+		className: { default: "" },
+		innerClassName: { default: "" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["close"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let r = e, a = _e("(max-width: 47.99rem)"), d = o(() => r.responsive && a.value ? "bottom" : r.placement), f = X(() => r.rounded, "lg"), m = o(() => q[f.value]), h = L(e, "modelValue"), g = t, _ = Ft("kun-drawer"), v = o(() => `${_.value}-title`), x = {
+			sm: "w-80",
+			md: "w-96",
+			lg: "w-[32rem]",
+			xl: "w-[40rem]",
+			full: "w-full"
+		}, S = {
+			sm: "h-80",
+			md: "h-96",
+			lg: "h-[32rem]",
+			xl: "h-[40rem]",
+			full: "h-full"
+		}, E = {
+			left: "left-0 top-0 h-full",
+			right: "right-0 top-0 h-full",
+			top: "top-0 left-0 w-full",
+			bottom: "bottom-0 left-0 w-full"
+		}, D = {
+			left: "rounded-r-kun-lg",
+			right: "rounded-l-kun-lg",
+			top: "rounded-b-kun-lg",
+			bottom: "rounded-t-kun-lg"
+		}, k = o(() => {
+			let e = d.value, t = e === "left" || e === "right" ? x[r.size] : S[r.size];
+			return [
+				"absolute",
+				E[e],
+				t,
+				r.size === "full" ? "" : D[e]
+			].filter(Boolean).join(" ");
+		}), j = o(() => `kun-drawer-${d.value}`), { lock: N, unlock: F } = ft(), I = !1, ee = (e) => {
+			e && !I ? (N(), I = !0) : !e && I && (F(), I = !1);
+		}, R = O(null), { activate: B, deactivate: te } = ye(R, {
+			immediate: !1,
+			escapeDeactivates: !1,
+			allowOutsideClick: !0,
+			returnFocusOnDeactivate: !0
+		}), ne = () => {
+			r.isDismissable && (h.value = !1, g("close"));
+		}, re = () => {
+			h.value = !1, g("close");
+		};
+		return ge("keydown", (e) => {
+			e.key === "Escape" && h.value && ne();
+		}), z(h, async (e) => {
+			ee(e), e ? (await y(), B()) : te();
+		}), C(async () => {
+			h.value && (ee(!0), await y(), B());
+		}), w(() => {
+			ee(!1), te();
+		}), (t, r) => (T(), s(n, { to: "body" }, [p(i, { name: j.value }, {
+			default: V(() => [h.value ? (T(), l("div", {
+				key: 0,
+				ref_key: "trapEl",
+				ref: R,
+				class: b(P(U)("z-kun-modal fixed inset-0", e.className)),
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": e.title ? v.value : void 0,
+				tabindex: "0"
+			}, [u("div", {
+				class: "bg-default-800/70 dark:bg-background/70 absolute inset-0 transition-opacity",
+				onClick: ne
+			}), u("div", {
+				class: b(P(U)("bg-content1 flex flex-col border shadow-2xl", k.value, e.innerClassName, e.size === "full" ? m.value : "")),
+				onClick: r[0] ||= H(() => {}, ["stop"])
+			}, [
+				e.title || t.$slots.header || e.isShowCloseButton ? (T(), l("header", Hn, [u("div", Un, [e.title ? (T(), l("h2", {
+					key: 0,
+					id: v.value,
+					class: "text-foreground truncate text-lg font-semibold"
+				}, M(e.title), 9, Wn)) : c("", !0), A(t.$slots, "header", {}, void 0, !0)]), e.isShowCloseButton ? (T(), s($, {
+					key: 0,
+					color: "default",
+					variant: "light",
+					size: "sm",
+					rounded: "full",
+					"is-icon-only": !0,
+					"aria-label": "关闭抽屉",
+					"class-name": "shrink-0",
+					onClick: re
+				}, {
+					default: V(() => [p(Z, { name: "lucide:x" })]),
+					_: 1
+				})) : c("", !0)])) : c("", !0),
+				e.withContainer ? (T(), l("div", Gn, [A(t.$slots, "default", {}, void 0, !0)])) : A(t.$slots, "default", { key: 2 }, void 0, !0),
+				t.$slots.footer ? (T(), l("footer", Kn, [A(t.$slots, "footer", {}, void 0, !0)])) : c("", !0)
+			], 2)], 10, Vn)) : c("", !0)]),
+			_: 3
+		}, 8, ["name"])]));
+	}
+}), [["__scopeId", "data-v-19463245"]]), Jn = /* @__PURE__ */ m({
+	name: "KunFadeCard",
+	__name: "FadeCard",
+	setup(e) {
+		let t = O(!1);
+		return C(() => {
+			t.value = !0;
+		}), (e, n) => t.value ? (T(), s(i, {
+			key: 0,
+			"enter-active-class": "transition-all duration-300 ease-out",
+			"enter-from-class": "opacity-0 max-h-0",
+			"enter-to-class": "opacity-100 max-h-96",
+			"leave-active-class": "transition-all duration-300 ease-in",
+			"leave-from-class": "opacity-100 max-h-96",
+			"leave-to-class": "opacity-0 max-h-0"
+		}, {
+			default: V(() => [A(e.$slots, "default")]),
+			_: 3
+		})) : c("", !0);
+	}
+}), Yn = {
+	width: "200",
+	height: "200",
+	viewBox: "0 0 100 100",
+	xmlns: "http://www.w3.org/2000/svg"
+}, Xn = /* @__PURE__ */ m({
+	name: "KunFavicon",
+	__name: "Favicon",
+	setup(e) {
+		return (e, t) => (T(), l("svg", Yn, [...t[0] ||= [d("<g fill=\"none\" stroke=\"#FFC300\" stroke-width=\"2\"><ellipse cx=\"50\" cy=\"50\" rx=\"45\" ry=\"25\" transform=\"rotate(30 50 50)\"></ellipse><ellipse cx=\"50\" cy=\"50\" rx=\"45\" ry=\"25\" transform=\"rotate(-30 50 50)\"></ellipse></g><circle cx=\"80\" cy=\"42\" r=\"6\" fill=\"#6cb6f1\"></circle><circle cx=\"10\" cy=\"68\" r=\"4\" fill=\"#8b88e3\"></circle>", 3)]]));
+	}
+}), Zn = (e = {}) => {
+	let t = O([]);
+	return {
+		files: t,
+		pickFiles: () => {
+			if (typeof document > "u") return;
+			let n = document.createElement("input");
+			n.type = "file", e.accept && (n.accept = e.accept), e.multiple && (n.multiple = !0), n.addEventListener("change", (n) => {
+				let r = Array.from(n.target.files ?? []);
+				if (e.maxSize !== void 0) {
+					let t = r.find((t) => t.size > e.maxSize);
+					if (t) {
+						e.onError?.(`${t.name} 超过大小限制 (${Qn(e.maxSize)})`, t);
+						return;
+					}
+				}
+				t.value = r;
+			}), n.click();
+		},
+		clear: () => {
+			t.value = [];
+		}
+	};
+}, Qn = (e) => e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`, $n = { class: "flex items-center gap-2" }, er = {
+	key: 0,
+	class: "text-default-500 truncate text-sm"
+}, tr = {
+	key: 0,
+	class: "text-default-400 text-xs"
+}, nr = {
+	key: 1,
+	class: "text-danger text-xs"
+}, rr = /* @__PURE__ */ m({
+	name: "KunFileInput",
+	__name: "FileInput",
+	props: /*@__PURE__*/ _({
+		accept: { default: "" },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		maxSize: { default: void 0 },
+		hint: { default: "" },
+		error: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		triggerText: { default: "选择文件" },
+		triggerIcon: { default: "lucide:upload" },
+		triggerVariant: { default: "flat" },
+		triggerColor: { default: "primary" },
+		triggerSize: { default: "md" },
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		},
+		showFileName: {
+			type: Boolean,
+			default: !0
+		},
+		className: { default: "" }
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {},
+		files: { default: () => [] },
+		filesModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["change", "errorPick"], ["update:modelValue", "update:files"]),
+	setup(e, { emit: t }) {
+		let n = e, r = L(e, "modelValue"), i = L(e, "files"), a = t, { pickFiles: d, files: m } = Zn({
+			accept: n.accept || void 0,
+			multiple: n.multiple,
+			maxSize: n.maxSize,
+			onError: (e) => a("errorPick", e)
+		});
+		z(m, (e) => {
+			e.length !== 0 && (n.multiple ? i.value = e : r.value = e[0] ?? null, a("change", e));
+		});
+		let h = o(() => {
+			if (n.multiple) {
+				let e = i.value.length;
+				return e === 0 ? null : `已选 ${e} 个文件`;
+			}
+			return r.value?.name ?? null;
+		}), g = () => {
+			n.disabled || d();
+		};
+		return (t, n) => (T(), l("div", { class: b(P(U)("flex flex-col gap-1", e.className)) }, [
+			u("div", $n, [A(t.$slots, "default", {
+				pick: g,
+				disabled: e.disabled,
+				fileName: h.value
+			}, () => [p($, {
+				variant: e.triggerVariant,
+				color: e.triggerColor,
+				size: e.triggerSize,
+				disabled: e.disabled,
+				"full-width": e.fullWidth,
+				type: "button",
+				onClick: g
+			}, {
+				default: V(() => [e.triggerIcon ? (T(), s(Z, {
+					key: 0,
+					name: e.triggerIcon,
+					class: "mr-1 size-4"
+				}, null, 8, ["name"])) : c("", !0), f(" " + M(e.triggerText), 1)]),
+				_: 1
+			}, 8, [
+				"variant",
+				"color",
+				"size",
+				"disabled",
+				"full-width"
+			])]), e.showFileName && h.value ? (T(), l("span", er, M(h.value), 1)) : c("", !0)]),
+			e.hint && !e.error ? (T(), l("p", tr, M(e.hint), 1)) : c("", !0),
+			e.error ? (T(), l("p", nr, M(e.error), 1)) : c("", !0)
+		], 2));
+	}
+}), ir = { class: "space-y-2" }, ar = { class: "flex flex-wrap items-center justify-between gap-2" }, or = { class: "space-y-2" }, sr = { key: 0 }, cr = {
+	key: 0,
+	class: "text-default-500 text-sm whitespace-pre-wrap sm:text-base"
+}, lr = /* @__PURE__ */ m({
+	name: "KunHeader",
+	__name: "Header",
+	props: {
+		name: { default: "" },
+		description: { default: "" },
+		scale: { default: "h1" }
+	},
+	setup(e) {
+		let t = e, n = o(() => U("font-medium", {
+			h1: "text-2xl sm:text-3xl",
+			h2: "text-xl sm:text-2xl",
+			h3: "text-lg sm:text-xl"
+		}[t.scale]));
+		return (t, r) => (T(), l("div", ir, [u("div", ar, [u("div", or, [
+			(T(), s(j(e.scale), {
+				title: e.name,
+				class: b(n.value)
+			}, {
+				default: V(() => [e.name ? (T(), l("span", sr, M(e.name), 1)) : c("", !0), A(t.$slots, "title")]),
+				_: 3
+			}, 8, ["title", "class"])),
+			e.description ? (T(), l("p", cr, M(e.description), 1)) : c("", !0),
+			A(t.$slots, "description")
+		]), A(t.$slots, "headerEndContent")]), A(t.$slots, "endContent")]));
+	}
+}), ur = [
+	"src",
+	"alt",
+	"aria-label",
+	"width",
+	"height"
+], dr = /* @__PURE__ */ m({
+	name: "KunImageNative",
+	__name: "ImageNative",
+	props: {
+		src: {},
+		alt: { default: "image" },
+		ariaLabel: { default: void 0 },
+		width: { default: void 0 },
+		height: { default: void 0 },
+		className: { default: void 0 }
+	},
+	setup(e) {
+		return (t, n) => (T(), l("img", {
+			class: b(P(U)(e.className)),
+			src: e.src,
+			alt: e.alt,
+			"aria-label": e.ariaLabel,
+			width: e.width,
+			height: e.height
+		}, null, 10, ur));
+	}
+}), fr = { key: 1 }, pr = {
+	key: 0,
+	class: "text-sm opacity-90"
+}, mr = { key: 0 }, hr = /* @__PURE__ */ m({
+	name: "KunInfo",
+	__name: "Info",
+	props: {
+		title: { default: "" },
+		description: { default: "" },
+		className: { default: "" },
+		color: { default: "default" },
+		variant: { default: "flat" },
+		icon: { default: "" },
+		rounded: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, n = X(() => t.rounded, "lg"), r = o(() => q[n.value]), i = o(() => {
+			switch (t.variant) {
+				case "solid":
+				case "shadow": return " text-white";
+				case "bordered": return "border-[1.5px]";
+				case "light": return "bg-opacity-20 border-transparent";
+				case "flat": return "bg-opacity-20 border-transparent shadow-none";
+				case "faded": return "bg-opacity-10 border-transparent";
+				case "ghost": return "bg-transparent border-transparent shadow-none hover:bg-opacity-10";
+				default: return "";
+			}
+		}), a = {
+			solid: {
+				default: "bg-default",
+				primary: "bg-primary",
+				secondary: "bg-secondary",
+				success: "bg-success-600",
+				warning: "bg-warning",
+				danger: "bg-danger-600",
+				info: "bg-info-600"
+			},
+			bordered: {
+				default: "bg-transparent bg-default/15 border-default",
+				primary: "bg-transparent bg-primary/15 border-primary text-primary",
+				secondary: "bg-transparent bg-secondary/15 border-secondary text-secondary",
+				success: "bg-transparent bg-success/15 border-success-600 text-success",
+				warning: "bg-transparent bg-warning/15 border-warning-600 text-warning",
+				danger: "bg-transparent bg-danger/15 border-danger text-danger",
+				info: "bg-transparent bg-info/15 border-info text-info"
+			},
+			light: {
+				default: "bg-transparent hover:bg-default/40",
+				primary: "bg-transparent text-primary-800 hover:bg-primary/20",
+				secondary: "bg-transparent text-secondary-800 hover:bg-secondary/20",
+				success: "bg-transparent text-success-800 hover:bg-success/20",
+				warning: "bg-transparent text-warning-800 hover:bg-warning/20",
+				danger: "bg-transparent text-danger-800 hover:bg-danger/20",
+				info: "bg-transparent text-info-800 hover:bg-info/20"
+			},
+			flat: {
+				default: "bg-default/15 text-default-800",
+				primary: "bg-primary/15 text-primary-800",
+				secondary: "bg-secondary/15 text-secondary-800",
+				success: "bg-success/15 text-success-800 dark:text-success",
+				warning: "bg-warning/15 text-warning-800 dark:text-warning",
+				danger: "bg-danger/15 text-danger-800 dark:text-danger-500",
+				info: "bg-info/15 text-info-800 dark:text-info-500"
+			},
+			faded: {
+				default: "border-default bg-default-100",
+				primary: "border-default bg-primary-100 text-primary",
+				secondary: "border-default bg-secondary-100 text-secondary",
+				success: "border-default bg-success-100 text-success",
+				warning: "border-default bg-warning-100 text-warning",
+				danger: "border-default bg-danger-100 text-danger",
+				info: "border-default bg-info-100 text-info"
+			},
+			shadow: {
+				default: " shadow-default/50 bg-default",
+				primary: " shadow-primary/40 bg-primary",
+				secondary: " shadow-secondary/40 bg-secondary",
+				success: " shadow-success/40 bg-success",
+				warning: " shadow-warning/40 bg-warning dark:text-black",
+				danger: " shadow-danger/40 bg-danger",
+				info: " shadow-info/40 bg-info"
+			},
+			ghost: {
+				default: "border-default",
+				primary: "border-primary text-primary",
+				secondary: "border-secondary text-secondary",
+				success: "border-success text-success",
+				warning: "border-warning text-warning",
+				danger: "border-danger text-danger",
+				info: "border-info text-info"
+			}
+		}, d = o(() => a[t.variant]?.[t.color] || ""), f = o(() => {
+			switch (t.color) {
+				case "primary": return "text-primary-900";
+				case "secondary": return "text-secondary-900";
+				case "danger": return "text-danger-900";
+				case "info": return "text-info-900";
+				case "success": return "text-success-900";
+				case "warning": return "text-warning-900";
+				default: return "text-default-900";
+			}
+		});
+		return (t, n) => (T(), l("div", { class: b(P(U)("space-y-2 p-3", r.value, i.value, d.value, e.className)) }, [u("h3", { class: b(P(U)("flex items-center gap-2 font-medium", f.value)) }, [
+			e.icon ? (T(), s(Z, {
+				key: 0,
+				name: e.icon,
+				"class-name": "h-5 w-5 flex-shrink-0"
+			}, null, 8, ["name"])) : c("", !0),
+			e.title ? (T(), l("span", fr, M(e.title), 1)) : c("", !0),
+			A(t.$slots, "title")
+		], 2), e.description || t.$slots.default ? (T(), l("div", pr, [e.description ? (T(), l("p", mr, M(e.description), 1)) : c("", !0), A(t.$slots, "default")])) : c("", !0)], 2));
+	}
+}), gr = { class: "w-full" }, _r = ["for"], vr = {
+	key: 0,
+	class: "text-danger"
+}, yr = { class: "relative" }, br = [
+	"id",
+	"value",
+	"type",
+	"placeholder",
+	"disabled",
+	"required"
+], xr = {
+	key: 0,
+	class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"
+}, Sr = {
+	key: 1,
+	class: "absolute inset-y-0 right-0 flex items-center pr-3"
+}, Cr = {
+	key: 1,
+	class: "text-default-500 mt-1 text-sm"
+}, wr = {
+	key: 2,
+	class: "text-danger mt-1 text-sm"
+}, Tr = /* @__PURE__ */ m({
+	name: "KunInput",
+	inheritAttrs: !1,
+	__name: "Input",
+	props: /*@__PURE__*/ _({
+		label: { default: "" },
+		type: { default: "text" },
+		color: { default: "default" },
+		className: { default: "" },
+		placeholder: { default: "" },
+		helperText: { default: "" },
+		error: { default: "" },
+		size: { default: "md" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		darkBorder: {
+			type: Boolean,
+			default: !0
+		},
+		autofocus: {
+			type: Boolean,
+			default: !1
+		},
+		rounded: { default: void 0 }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["blur", "focus"], ["update:modelValue"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = X(() => r.rounded), a = o(() => q[i.value]), s = L(e, "modelValue"), d = n, p = O(null), m = O(!1), h = Ft("kun-input"), g = {
+			default: "focus:ring-default",
+			primary: "focus:ring-primary",
+			secondary: "focus:ring-secondary",
+			success: "focus:ring-success",
+			warning: "focus:ring-warning",
+			danger: "focus:ring-danger",
+			info: "focus:ring-info"
+		}, _ = o(() => {
+			switch (r.size) {
+				case "xs": return "text-xs px-2 py-1";
+				case "sm": return "text-sm px-3 py-1.5";
+				case "lg": return "text-base px-5 py-2.5";
+				case "xl": return "text-lg px-6 py-3";
+				default: return "text-sm px-4 py-2";
+			}
+		}), b = (e) => {
+			s.value = e.target.value;
+		}, x = (e) => {
+			m.value = !1, d("blur", e);
+		}, S = (e) => {
+			m.value = !0, d("focus", e);
+		};
+		return C(() => {
+			r.autofocus && (m.value = !0, p.value?.focus());
+		}), t({
+			focus: () => p.value?.focus(),
+			blur: () => p.value?.blur(),
+			select: () => p.value?.select(),
+			insertAtCaret: (e) => {
+				let t = p.value;
+				if (!t) return;
+				let n = t.selectionStart ?? t.value.length, r = t.selectionEnd ?? t.value.length;
+				s.value = t.value.slice(0, n) + e + t.value.slice(r), y(() => {
+					if (!p.value) return;
+					let t = n + e.length;
+					p.value.setSelectionRange(t, t), p.value.focus();
+				});
+			},
+			inputRef: p
+		}), (t, n) => (T(), l("div", gr, [
+			e.label ? (T(), l("label", {
+				key: 0,
+				for: P(h),
+				class: "text-default-700 mb-1 block text-sm font-medium"
+			}, [f(M(e.label) + " ", 1), e.required ? (T(), l("span", vr, "*")) : c("", !0)], 8, _r)) : c("", !0),
+			u("div", yr, [
+				u("input", v({
+					id: P(h),
+					ref_key: "input",
+					ref: p
+				}, t.$attrs, {
+					value: s.value,
+					type: e.type,
+					placeholder: e.placeholder,
+					disabled: e.disabled,
+					required: e.required,
+					class: P(U)("border-default/20 block w-full border transition duration-150 ease-in-out focus:border-transparent focus:ring-2", a.value, g[e.color], _.value, e.darkBorder && "dark:border-default-200", t.$slots.prefix && "pl-10", t.$slots.suffix && "pr-10", e.disabled && "bg-default-100 cursor-not-allowed", e.error ? "border-danger-300 focus:border-danger focus:ring-danger" : "", e.className),
+					onInput: b,
+					onBlur: x,
+					onFocus: S
+				}), null, 16, br),
+				t.$slots.prefix ? (T(), l("div", xr, [A(t.$slots, "prefix")])) : c("", !0),
+				t.$slots.suffix ? (T(), l("div", Sr, [A(t.$slots, "suffix")])) : c("", !0)
+			]),
+			e.helperText && !e.error ? (T(), l("p", Cr, M(e.helperText), 1)) : c("", !0),
+			e.error ? (T(), l("p", wr, M(e.error), 1)) : c("", !0)
+		]));
+	}
+}), Er = { class: "contents" }, Dr = Symbol("KunLightboxGallery"), Or = /* @__PURE__ */ m({
+	name: "KunLightboxGallery",
+	__name: "LightboxGallery",
+	setup(e) {
+		let n = O([]), r = O(!1), i = O(0);
+		return E(Dr, {
+			register: (e) => (n.value.push(e), () => {
+				let t = n.value.findIndex((t) => t.id === e.id);
+				t >= 0 && n.value.splice(t, 1);
+			}),
+			open: (e) => {
+				let t = n.value.findIndex((t) => t.id === e.id);
+				t < 0 || (i.value = t, r.value = !0);
+			}
+		}), (e, a) => (T(), l(t, null, [u("div", Er, [A(e.$slots, "default")]), p(on, {
+			"is-open": r.value,
+			"onUpdate:isOpen": a[0] ||= (e) => r.value = e,
+			images: n.value,
+			"initial-index": i.value
+		}, null, 8, [
+			"is-open",
+			"images",
+			"initial-index"
+		])], 64));
+	}
+}), kr = /* @__PURE__ */ m({
+	name: "KunLightboxGalleryItem",
+	__name: "LightboxGalleryItem",
+	props: {
+		src: {},
+		alt: {},
+		as: { default: "span" },
+		wrap: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let t = e, n = h(Dr);
+		if (!n) throw Error("KunLightboxGalleryItem must be a child of <KunLightboxGallery>.");
+		let r = D({
+			id: Symbol("KunLightboxGalleryItem"),
+			src: t.src,
+			alt: t.alt
+		});
+		B(() => {
+			r.src = t.src, r.alt = t.alt;
+		}), w(n.register(r));
+		let i = () => n.open(r), a = (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
+		};
+		return (t, n) => e.wrap ? (T(), s(j(e.as), {
+			key: 0,
+			role: "button",
+			tabindex: "0",
+			"aria-label": e.alt || "查看大图",
+			class: "cursor-zoom-in",
+			onClick: i,
+			onKeydown: a
+		}, {
+			default: V(() => [A(t.$slots, "default", { open: i })]),
+			_: 3
+		}, 40, ["aria-label"])) : A(t.$slots, "default", {
+			key: 1,
+			open: i
+		});
+	}
+}), Ar = /* @__PURE__ */ m({
+	name: "KunLink",
+	inheritAttrs: !1,
+	__name: "Link",
+	props: {
+		href: { default: void 0 },
+		to: { default: "" },
+		color: { default: "primary" },
+		underline: { default: "always" },
+		size: { default: "md" },
+		className: { default: "" },
+		rel: { default: "" },
+		target: { default: "_self" },
+		isShowAnchorIcon: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = Y(), r = o(() => {
+			switch (t.underline) {
+				case "none": return "";
+				case "hover": return "hover:underline underline-offset-3";
+				default: return "underline underline-offset-3";
+			}
+		}), i = o(() => {
+			switch (t.size) {
+				case "xs": return "text-xs";
+				case "sm": return "text-sm";
+				case "lg": return "text-lg";
+				case "xl": return "text-xl";
+				default: return "text-base";
+			}
+		}), a = o(() => t.to || t.href || ""), l = o(() => {
+			let e = {
+				rel: t.rel,
+				target: t.target
+			};
+			return typeof n.linkComponent == "string" ? {
+				...e,
+				href: typeof a.value == "string" ? a.value : void 0
+			} : {
+				...e,
+				to: a.value
+			};
+		});
+		return (t, a) => (T(), s(j(P(n).linkComponent), v({
+			...l.value,
+			...t.$attrs
+		}, { class: P(U)("inline-flex items-center gap-2 break-all", r.value, i.value, P(le)[e.color], e.className) }), {
+			default: V(() => [
+				A(t.$slots, "prefix"),
+				A(t.$slots, "default"),
+				e.isShowAnchorIcon ? (T(), s(Z, {
+					key: 0,
+					name: "lucide:external-link"
+				})) : c("", !0),
+				A(t.$slots, "suffix")
+			]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), jr = [
+	"あーちゃん",
+	"こじかひわ",
+	"雪々",
+	"琥珀"
+], Mr = () => {
+	let e = jr[de(0, jr.length - 1)] ?? jr[0];
+	return {
+		name: e,
+		loli: `/alert/${e}.webp`
+	};
+}, Nr = {
+	key: 0,
+	class: "bg-background z-kun-message fixed right-0 bottom-0 left-0 min-h-30 w-full border-t"
+}, Pr = { class: "loli absolute -top-10 pl-24 text-lg sm:pl-32" }, Fr = { class: "bg-background px-10 py-1 text-center text-lg sm:text-2xl" }, Ir = { class: "pointer-events-none absolute mt-2 ml-6 select-none" }, Lr = { class: "info mt-4 mr-8 ml-24 text-base sm:ml-32 sm:text-lg" }, Rr = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunLoli",
+	__name: "Loli",
+	props: {
+		message: {},
+		duration: {}
+	},
+	setup(e) {
+		let t = e, { loli: n, name: r } = Mr(), a = O(!1), o = O(100), d = null, f = () => {
+			d && cancelAnimationFrame(d), a.value = !1;
+		};
+		return C(() => {
+			a.value = !0;
+			let e = performance.now(), n = t.duration, r = (t) => {
+				let i = t - e, a = Math.max(0, 100 - i / n * 100);
+				o.value = a, a > 0 ? d = requestAnimationFrame(r) : f();
+			};
+			d = requestAnimationFrame(r);
+		}), S(() => {
+			d && cancelAnimationFrame(d);
+		}), (t, d) => (T(), s(i, {
+			"enter-active-class": "animate-fadeInUp",
+			"leave-active-class": "animate-fadeOutDown"
+		}, {
+			default: V(() => [a.value ? (T(), l("div", Nr, [
+				p(i, {
+					"enter-active-class": "animate-swing",
+					appear: ""
+				}, {
+					default: V(() => [u("div", Pr, [u("span", Fr, M(P(r)), 1)])]),
+					_: 1
+				}),
+				u("div", Ir, [p(St, {
+					class: "h-16 w-full sm:h-24",
+					src: P(n)
+				}, null, 8, ["src"])]),
+				p(i, {
+					"enter-active-class": "animate-bounceInRight",
+					appear: ""
+				}, {
+					default: V(() => [u("div", Lr, M(`「 ${e.message} 」`), 1)]),
+					_: 1
+				}),
+				u("button", {
+					class: "hover:bg-default/40 absolute top-1 right-1 inline-flex cursor-pointer overflow-hidden rounded-full border-transparent bg-transparent p-2 text-sm font-medium transition-all hover:opacity-80 active:scale-[0.97]",
+					onClick: f
+				}, [p(Z, {
+					name: "lucide:x",
+					class: "h-4 w-4"
+				})]),
+				u("span", {
+					style: x({ width: `${o.value}%` }),
+					class: "bg-primary absolute top-0 right-0 h-1.5"
+				}, null, 4)
+			])) : c("", !0)]),
+			_: 1
+		}));
+	}
+}), [["__scopeId", "data-v-d9d23bff"]]), zr = O(null), Br = 0, Vr = null, Hr = () => ({
+	current: o(() => zr.value),
+	clear: () => {
+		zr.value = null, Vr &&= (clearTimeout(Vr), null);
+	}
+}), Ur = (e, t) => {
+	let n = t ? t * 1e3 : 3e3;
+	Br++, zr.value = {
+		message: e,
+		duration: n,
+		key: Br
+	}, Vr && clearTimeout(Vr), Vr = setTimeout(() => {
+		zr.value = null, Vr = null;
+	}, n + 600);
+}, Wr = /* @__PURE__ */ m({
+	name: "KunLoliProvider",
+	__name: "LoliProvider",
+	setup(e) {
+		let { current: t } = Hr();
+		return (e, n) => P(t) ? (T(), s(Rr, {
+			key: P(t).key,
+			message: P(t).message,
+			duration: P(t).duration
+		}, null, 8, ["message", "duration"])) : c("", !0);
+	}
+}), Gr = { class: "contents" }, Kr = {
+	key: 0,
+	class: "relative min-h-24"
+}, qr = {
+	key: 0,
+	class: "bg-background/50 absolute inset-0 z-50 flex items-center justify-center rounded-lg"
+}, Jr = { class: "flex flex-col items-center gap-3" }, Yr = { class: "info text-xl" }, Xr = {
+	key: 1,
+	class: "m-auto flex flex-col items-center gap-3"
+}, Zr = { class: "info" }, Qr = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunLoading",
+	__name: "Loading",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		description: { default: "正在摸鱼中...咕咕咕" },
+		src: { default: "/kun.webp" }
+	},
+	setup(e) {
+		let t = ee(), n = o(() => !!t.default);
+		return (t, r) => (T(), l("div", Gr, [n.value ? (T(), l("div", Kr, [u("div", { class: b(P(U)("transition-opacity", e.loading && "opacity-50")) }, [A(t.$slots, "default", {}, void 0, !0)], 2), p(i, {
+			"enter-active-class": "transition-opacity duration-300",
+			"enter-from-class": "opacity-0",
+			"leave-active-class": "transition-opacity duration-300",
+			"leave-from-class": "opacity-0"
+		}, {
+			default: V(() => [e.loading ? (T(), l("div", qr, [u("div", Jr, [p(dr, {
+				alt: "loading",
+				src: e.src,
+				"class-name": "h-48 w-48 rounded-lg"
+			}, null, 8, ["src"]), u("span", Yr, M(e.description), 1)])])) : c("", !0)]),
+			_: 1
+		})])) : (T(), l("div", Xr, [p(dr, {
+			alt: "loading",
+			src: e.src,
+			"class-name": "h-48 w-48 rounded-lg"
+		}, null, 8, ["src"]), u("span", Zr, M(e.description), 1)]))]));
+	}
+}), [["__scopeId", "data-v-03e5bd77"]]), $r = /* @__PURE__ */ m({
+	name: "KunMarkdown",
+	inheritAttrs: !1,
+	__name: "Markdown",
+	setup(e) {
+		return (e, t) => (T(), l("svg", v({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "15",
+			height: "15",
+			viewBox: "0 0 15 15",
+			fill: "currentColor"
+		}, e.$attrs), [...t[0] ||= [u("path", {
+			fill: "currentColor",
+			d: "m2.5 5.5l.354-.354A.5.5 0 0 0 2 5.5zm2 2l-.354.354l.354.353l.354-.353zm2-2H7a.5.5 0 0 0-.854-.354zm4 4l-.354.354l.354.353l.354-.353zM1.5 3h12V2h-12zm12.5.5v8h1v-8zm-.5 8.5h-12v1h12zM1 11.5v-8H0v8zm.5.5a.5.5 0 0 1-.5-.5H0A1.5 1.5 0 0 0 1.5 13zm12.5-.5a.5.5 0 0 1-.5.5v1a1.5 1.5 0 0 0 1.5-1.5zM13.5 3a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 13.5 2zm-12-1A1.5 1.5 0 0 0 0 3.5h1a.5.5 0 0 1 .5-.5zM3 10V5.5H2V10zm-.854-4.146l2 2l.708-.708l-2-2zm2.708 2l2-2l-.708-.708l-2 2zM6 5.5V10h1V5.5zm4-.5v4.5h1V5zM8.146 7.854l2 2l.708-.708l-2-2zm2.708 2l2-2l-.708-.708l-2 2z"
+		}, null, -1)]], 16));
+	}
+}), ei = { class: "flex-1 text-sm font-medium" }, ti = { key: 0 }, ni = ["innerHTML"], ri = {
+	key: 0,
+	class: "ml-3 flex h-6 w-6 items-center justify-center rounded-full bg-black/10 text-xs font-bold dark:bg-white/10"
+}, ii = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunMessageItem",
+	__name: "MessageItem",
+	props: {
+		id: {},
+		message: {},
+		type: {},
+		duration: {},
+		richText: { type: Boolean },
+		count: {}
+	},
+	emits: ["remove"],
+	setup(e, { emit: t }) {
+		F((e) => ({ v5544b04d: a.value }));
+		let n = e, r = t, i = o(() => n.richText ?? !1), a = o(() => `${n.duration}ms`), s = O(null), d = null, f = O(n.duration), m = O(0), h = () => {
+			if (n.duration <= 0) return;
+			d && clearTimeout(d), s.value && (s.value.style.animationPlayState = "paused");
+			let e = Date.now() - m.value;
+			f.value -= e;
+		}, g = () => {
+			n.duration <= 0 || (m.value = Date.now(), s.value && (s.value.style.animationPlayState = "running"), d = setTimeout(() => r("remove", n.id), f.value));
+		};
+		C(() => {
+			n.duration > 0 && g();
+		}), w(() => {
+			d && clearTimeout(d);
+		}), z(() => n.count, () => {
+			d && clearTimeout(d), f.value = n.duration, g();
+		}, { flush: "post" });
+		let _ = o(() => {
+			switch (n.type) {
+				case "success": return {
+					bg: "bg-success-50 dark:bg-success-50/90",
+					text: "text-success-800",
+					icon: "text-success-500",
+					progress: "bg-success-400",
+					iconName: "lucide:circle-check"
+				};
+				case "error": return {
+					bg: "bg-danger-50 dark:bg-danger-50/90",
+					text: "text-danger-800",
+					icon: "text-danger-500",
+					progress: "bg-danger-400",
+					iconName: "lucide:circle-x"
+				};
+				case "warn": return {
+					bg: "bg-warning-50 dark:bg-warning-50/90",
+					text: "text-warning-800",
+					icon: "text-warning-500",
+					progress: "bg-warning-400",
+					iconName: "lucide:triangle-alert"
+				};
+				default: return {
+					bg: "bg-primary-50 dark:bg-primary-50/90",
+					text: "text-primary-800",
+					icon: "text-primary-500",
+					progress: "bg-primary-400",
+					iconName: "lucide:info"
+				};
+			}
+		});
+		return (t, n) => (T(), l("div", {
+			class: b(P(U)("relative mb-3 flex w-full items-center overflow-hidden rounded-xl p-4 ring-1 ring-black/5 transition-all duration-300", _.value.bg, _.value.text)),
+			onMouseenter: h,
+			onMouseleave: g
+		}, [
+			p(Z, {
+				name: _.value.iconName,
+				class: b(P(U)("mt-0.5 mr-3 h-6 w-6 flex-shrink-0", _.value.icon))
+			}, null, 8, ["name", "class"]),
+			u("div", ei, [i.value ? (T(), l("div", {
+				key: 1,
+				innerHTML: e.message
+			}, null, 8, ni)) : (T(), l("span", ti, M(e.message), 1))]),
+			e.count > 1 ? (T(), l("span", ri, M(e.count), 1)) : c("", !0),
+			(T(), l("div", {
+				ref_key: "progressBarRef",
+				ref: s,
+				key: e.count,
+				class: b(["progress-bar absolute bottom-0 left-0 h-1", _.value.progress])
+			}, null, 2))
+		], 34));
+	}
+}), [["__scopeId", "data-v-8c507cac"]]), ai = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunMessageProvider",
+	__name: "MessageProvider",
+	setup(e) {
+		let { messages: r, removeMessage: i } = Mn(), c = o(() => {
+			let e = {
+				"top-left": [],
+				"top-center": [],
+				"top-right": [],
+				"bottom-left": [],
+				"bottom-center": [],
+				"bottom-right": []
+			};
+			return r.value.forEach((t) => {
+				e[t.position] && e[t.position].push(t);
+			}), e;
+		}), u = {
+			"top-center": "top-4 left-1/2 -translate-x-1/2 items-center",
+			"top-left": "top-4 left-4 items-start",
+			"top-right": "top-4 right-4 items-end",
+			"bottom-center": "bottom-4 left-1/2 -translate-x-1/2 items-center",
+			"bottom-left": "bottom-4 left-4 items-start",
+			"bottom-right": "bottom-4 right-4 items-end"
+		};
+		return (e, r) => (T(), s(n, { to: "body" }, [(T(!0), l(t, null, k(c.value, (e, n) => (T(), l("div", {
+			key: n,
+			class: b(["pointer-events-none fixed z-kun-message flex w-full max-w-sm flex-col p-4", u[n]])
+		}, [p(a, {
+			name: "message-list",
+			tag: "div",
+			class: "w-full"
+		}, {
+			default: V(() => [(T(!0), l(t, null, k(e, (e) => (T(), s(ii, v({ key: e.id }, { ref_for: !0 }, e, {
+				class: "pointer-events-auto",
+				onRemove: P(i)
+			}), null, 16, ["onRemove"]))), 128))]),
+			_: 2
+		}, 1024)], 2))), 128))]));
+	}
+}), [["__scopeId", "data-v-b9dd1348"]]), oi = { class: "m-auto flex flex-col items-center gap-3" }, si = /* @__PURE__ */ m({
+	name: "KunNull",
+	__name: "Null",
+	props: {
+		description: { default: "请填满这只萝莉吧, 因为这里空空如也" },
+		isShowSticker: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		return (t, n) => (T(), l("div", oi, [e.isShowSticker ? (T(), s(St, {
+			key: 0,
+			src: P(se)(e.description || ""),
+			"class-name": "h-32 w-32 rounded-2xl",
+			loading: "lazy",
+			alt: "blank galgame"
+		}, null, 8, ["src"])) : c("", !0), u("span", null, M(e.description), 1)]));
+	}
+}), ci = { class: "flex w-full flex-wrap items-center justify-between gap-4" }, li = { class: "mx-auto flex flex-wrap items-center gap-2" }, ui = { class: "mx-auto flex items-center gap-2" }, di = { class: "flex items-center gap-1" }, fi = {
+	key: 1,
+	class: "px-2"
+}, pi = { class: "text-default-500 mx-auto hidden items-center gap-2 text-sm sm:flex" }, mi = { class: "mx-auto flex items-center gap-2" }, hi = ["for"], gi = [
+	"id",
+	"disabled",
+	"max"
+], _i = /* @__PURE__ */ m({
+	name: "KunPagination",
+	__name: "Pagination",
+	props: {
+		currentPage: {},
+		totalPage: {},
+		isLoading: { type: Boolean }
+	},
+	emits: ["update:currentPage"],
+	setup(e, { emit: n }) {
+		let r = e, i = n, a = O(""), c = Ft("kun-pagination"), d = o(() => {
+			let e = [];
+			if (r.totalPage <= 7) return Array.from({ length: r.totalPage }, (e, t) => t + 1);
+			e.push(1), r.currentPage > 3 && e.push("...");
+			let t = Math.max(2, r.currentPage - 1), n = Math.min(r.totalPage - 1, r.currentPage + 1);
+			r.currentPage <= 3 && (n = Math.min(r.totalPage - 1, 4)), r.currentPage >= r.totalPage - 2 && (t = Math.max(2, r.totalPage - 3));
+			for (let r = t; r <= n; r++) e.push(r);
+			return r.currentPage < r.totalPage - 2 && e.push("..."), e.push(r.totalPage), e;
+		}), m = (e) => {
+			r.isLoading || e === r.currentPage || i("update:currentPage", e);
+		}, h = () => {
+			if (r.isLoading) return;
+			let e = parseInt(a.value);
+			e && e >= 1 && e <= r.totalPage && (i("update:currentPage", e), a.value = "");
+		}, g = new Set([
+			"tab",
+			"option",
+			"menuitem",
+			"menuitemradio",
+			"menuitemcheckbox",
+			"slider",
+			"spinbutton",
+			"combobox",
+			"tree",
+			"treeitem"
+		]), _ = (e) => {
+			let t = e.target;
+			if (!t) return !1;
+			if (t.isContentEditable) return !0;
+			let n = t.tagName;
+			if (n === "INPUT" || n === "TEXTAREA" || n === "SELECT") return !0;
+			let r = t.getAttribute("role");
+			return !!r && g.has(r);
+		};
+		return me("ArrowLeft", (e) => {
+			_(e) || r.currentPage > 1 && m(r.currentPage - 1);
+		}), me("ArrowRight", (e) => {
+			_(e) || r.currentPage < r.totalPage && m(r.currentPage + 1);
+		}), (n, r) => (T(), l("div", ci, [u("div", li, [u("div", ui, [
+			p($, {
+				"is-icon-only": !0,
+				variant: "light",
+				disabled: e.isLoading || e.currentPage === 1,
+				class: b({ "cursor-not-allowed opacity-50": e.isLoading || e.currentPage === 1 }),
+				onClick: r[0] ||= (t) => m(e.currentPage - 1)
+			}, {
+				default: V(() => [p(Z, { name: "lucide:chevron-left" })]),
+				_: 1
+			}, 8, ["disabled", "class"]),
+			u("div", di, [(T(!0), l(t, null, k(d.value, (n) => (T(), l(t, { key: n }, [n === "..." ? (T(), l("span", fi, "...")) : (T(), s($, {
+				key: 0,
+				variant: e.currentPage === n ? "solid" : "light",
+				size: "sm",
+				disabled: e.isLoading,
+				onClick: (e) => m(Number(n))
+			}, {
+				default: V(() => [f(M(n), 1)]),
+				_: 2
+			}, 1032, [
+				"variant",
+				"disabled",
+				"onClick"
+			]))], 64))), 128))]),
+			p($, {
+				"is-icon-only": !0,
+				variant: "light",
+				disabled: e.isLoading || e.currentPage === e.totalPage,
+				class: b({ "cursor-not-allowed opacity-50": e.isLoading || e.currentPage === e.totalPage }),
+				onClick: r[1] ||= (t) => m(e.currentPage + 1)
+			}, {
+				default: V(() => [p(Z, { name: "lucide:chevron-right" })]),
+				_: 1
+			}, 8, ["disabled", "class"])
+		]), u("div", pi, [
+			r[3] ||= f(" 您可以使用 ", -1),
+			p(Z, { name: "lucide:arrow-left" }),
+			p(Z, { name: "lucide:arrow-right" }),
+			r[4] ||= f(" 来进行快速翻页 ", -1)
+		])]), u("div", mi, [
+			u("label", {
+				for: P(c),
+				class: "text-sm"
+			}, "跳转到页数", 8, hi),
+			te(u("input", {
+				id: P(c),
+				"onUpdate:modelValue": r[2] ||= (e) => a.value = e,
+				type: "number",
+				disabled: e.isLoading,
+				min: "1",
+				max: e.totalPage,
+				class: b(P(U)("focus:ring-primary border-default-200 w-24 rounded-md border px-2 py-1 text-sm focus:ring-1 focus:outline-none", e.isLoading && "cursor-not-allowed opacity-50")),
+				onKeyup: ne(h, ["enter"])
+			}, null, 42, gi), [[R, a.value]]),
+			p($, {
+				size: "sm",
+				disabled: e.isLoading,
+				onClick: h
+			}, {
+				default: V(() => [...r[5] ||= [f(" 跳转 ", -1)]]),
+				_: 1
+			}, 8, ["disabled"])
+		])]));
+	}
+}), vi = { class: "relative inline-block" }, yi = ["onKeydown", "aria-expanded"], bi = ["aria-hidden"], xi = /* @__PURE__ */ m({
+	name: "KunPopover",
+	__name: "Popover",
+	props: {
+		position: { default: "bottom-start" },
+		innerClass: { default: "" },
+		autoPosition: {
+			type: Boolean,
+			default: !1
+		},
+		rounded: { default: void 0 }
+	},
+	setup(e, { expose: t }) {
+		let r = e, a = X(() => r.rounded, "lg"), d = o(() => q[a.value]), f = O(!1), m = O(null), h = O(null), g = `kun-popover-${I()}`, { floatingStyles: _ } = Te(m, h, {
+			placement: r.position,
+			open: f,
+			whileElementsMounted: be,
+			transform: !1,
+			middleware: [Se(8), ...r.autoPosition ? [xe(), Ce({ padding: 8 })] : []]
+		}), v = () => {
+			f.value = !f.value;
+		};
+		return pe(m, (e) => {
+			h.value?.contains(e.target) || (f.value = !1);
+		}), ge("keydown", (e) => {
+			e.key === "Escape" && f.value && (f.value = !1);
+		}), t({
+			open: () => f.value = !0,
+			close: () => f.value = !1,
+			toggle: v
+		}), (t, r) => (T(), l("div", vi, [u("div", {
+			ref_key: "triggerRef",
+			ref: m,
+			onClick: v,
+			onKeydown: [ne(v, ["enter"]), ne(H(v, ["prevent"]), ["space"])],
+			tabindex: "0",
+			role: "button",
+			"aria-label": "popover-trigger",
+			"aria-expanded": f.value,
+			"aria-controls": g
+		}, [A(t.$slots, "trigger")], 40, yi), (T(), s(n, { to: "body" }, [p(i, {
+			"enter-active-class": "transition duration-200 ease-out",
+			"enter-from-class": "transform scale-95 opacity-0",
+			"enter-to-class": "transform scale-100 opacity-100",
+			"leave-active-class": "transition duration-150 ease-in",
+			"leave-from-class": "transform scale-100 opacity-100",
+			"leave-to-class": "transform scale-95 opacity-0"
+		}, {
+			default: V(() => [f.value ? (T(), l("div", {
+				key: 0,
+				ref_key: "popoverRef",
+				ref: h,
+				id: g,
+				role: "dialog",
+				"aria-hidden": !f.value,
+				class: b(P(U)("bg-content1 border-default-200 z-kun-popover border shadow-lg", d.value, e.innerClass)),
+				style: x(P(_)),
+				onClick: r[0] ||= H(() => {}, ["stop"])
+			}, [A(t.$slots, "default")], 14, bi)) : c("", !0)]),
+			_: 3
+		})]))]));
+	}
+}), Si = { class: "contents" }, Ci = {
+	key: 0,
+	class: "relative inline-flex items-center justify-center"
+}, wi = {
+	class: "h-24 w-24 -rotate-90 transform",
+	viewBox: "0 0 100 100"
+}, Ti = ["stroke-dashoffset"], Ei = {
+	key: 0,
+	class: "absolute text-sm font-medium"
+}, Di = ["aria-valuenow", "aria-valuemax"], Oi = {
+	key: 0,
+	class: "px-2 text-xs font-medium text-white"
+}, ki = 45, Ai = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunProgress",
+	__name: "Progress",
+	props: {
+		value: { default: 0 },
+		max: { default: 100 },
+		variant: { default: "solid" },
+		color: { default: "primary" },
+		size: { default: "md" },
+		rounded: { default: void 0 },
+		showLabel: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		className: { default: "" }
+	},
+	setup(e) {
+		let t = e, n = o(() => {
+			let e = t.max || 100, n = Math.min(Math.max(t.value, 0), e);
+			return Math.round(n / e * 100);
+		}), r = o(() => {
+			switch (t.size) {
+				case "xs": return "h-1";
+				case "sm": return "h-2";
+				case "lg": return "h-4";
+				case "xl": return "h-5";
+				default: return "h-3";
+			}
+		}), i = X(() => t.rounded), a = o(() => q[i.value]), s = {
+			default: "text-default",
+			primary: "text-primary",
+			secondary: "text-secondary",
+			success: "text-success",
+			warning: "text-warning",
+			danger: "text-danger",
+			info: "text-info"
+		}, d = {
+			default: "bg-gradient-to-r from-default-400 to-default-600",
+			primary: "bg-gradient-to-r from-primary-400 to-primary-600",
+			secondary: "bg-gradient-to-r from-secondary-400 to-secondary-600",
+			success: "bg-gradient-to-r from-success-400 to-success-600",
+			warning: "bg-gradient-to-r from-warning-400 to-warning-600",
+			danger: "bg-gradient-to-r from-danger-400 to-danger-600",
+			info: "bg-gradient-to-r from-info-400 to-info-600"
+		}, f = o(() => {
+			let e = G[t.color];
+			switch (t.variant) {
+				case "gradient": return d[t.color];
+				case "striped": return `${e} bg-[length:1rem_1rem] bg-gradient-to-r from-white/20 to-transparent animate-[progress-stripes_1s_linear_infinite]`;
+				default: return e;
+			}
+		}), p = 2 * Math.PI * ki, m = o(() => p - n.value / 100 * p);
+		return (t, i) => (T(), l("div", Si, [e.variant === "circle" ? (T(), l("div", Ci, [(T(), l("svg", wi, [i[0] ||= u("circle", {
+			class: "text-default-300",
+			stroke: "currentColor",
+			"stroke-width": "10",
+			fill: "transparent",
+			r: "45",
+			cx: "50",
+			cy: "50"
+		}, null, -1), u("circle", {
+			class: b(s[e.color]),
+			stroke: "currentColor",
+			"stroke-width": "10",
+			fill: "transparent",
+			r: "45",
+			cx: "50",
+			cy: "50",
+			"stroke-linecap": "round",
+			"stroke-dasharray": p,
+			"stroke-dashoffset": m.value,
+			style: { transition: "stroke-dashoffset 0.35s ease" }
+		}, null, 10, Ti)])), e.showLabel ? (T(), l("span", Ei, M(n.value) + "% ", 1)) : c("", !0)])) : (T(), l("div", {
+			key: 1,
+			class: b(["bg-default-300 w-full overflow-hidden", [
+				r.value,
+				a.value,
+				e.className
+			]]),
+			role: "progressbar",
+			"aria-valuenow": e.indeterminate ? void 0 : n.value,
+			"aria-valuemin": 0,
+			"aria-valuemax": e.max
+		}, [u("div", {
+			class: b(P(U)("flex h-full items-center transition-all duration-500 ease-out", f.value)),
+			style: x(e.indeterminate ? "width:100%" : `width:${n.value}%`)
+		}, [e.showLabel && !e.indeterminate ? (T(), l("span", Oi, M(n.value) + "% ", 1)) : c("", !0)], 6)], 10, Di))]));
+	}
+}), [["__scopeId", "data-v-1b0fa77a"]]), ji = ["id"], Mi = [
+	"aria-label",
+	"aria-labelledby",
+	"aria-disabled"
+], Ni = [
+	"aria-checked",
+	"aria-disabled",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], Pi = { class: "flex flex-col" }, Fi = { class: "text-foreground" }, Ii = {
+	key: 0,
+	class: "text-default-500 text-xs"
+}, Li = [
+	"aria-checked",
+	"aria-disabled",
+	"tabindex",
+	"onClick",
+	"onKeydown"
+], Ri = { class: "flex flex-col" }, zi = { class: "text-foreground font-medium" }, Bi = {
+	key: 0,
+	class: "text-default-500 mt-0.5 text-xs"
+}, Vi = {
+	key: 1,
+	class: "text-danger mt-2 text-sm"
+}, Hi = /* @__PURE__ */ m({
+	name: "KunRadioGroup",
+	__name: "RadioGroup",
+	props: /*@__PURE__*/ _({
+		options: {},
+		ariaLabel: { default: "" },
+		label: { default: "" },
+		variant: { default: "classic" },
+		orientation: { default: "vertical" },
+		color: { default: "primary" },
+		size: { default: "md" },
+		rounded: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		error: { default: "" },
+		className: { default: "" }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["change"], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let r = e, i = L(e, "modelValue"), a = n, s = X(() => r.rounded, "md"), d = o(() => q[s.value]), f = Ft("kun-radio-group"), p = o(() => `${f.value}-label`), m = O([]), h = (e) => r.disabled || e.disabled === !0, g = o(() => {
+			let e = r.options.findIndex((e) => e.value === i.value);
+			return e >= 0 && !h(r.options[e]) ? e : r.options.findIndex((e) => !h(e));
+		}), _ = o(() => {
+			switch (r.size) {
+				case "xs": return {
+					indicator: "size-3",
+					dot: "size-1.5",
+					text: "text-xs",
+					gap: "gap-1.5"
+				};
+				case "sm": return {
+					indicator: "size-3.5",
+					dot: "size-1.5",
+					text: "text-sm",
+					gap: "gap-2"
+				};
+				case "lg": return {
+					indicator: "size-5",
+					dot: "size-2.5",
+					text: "text-base",
+					gap: "gap-2.5"
+				};
+				case "xl": return {
+					indicator: "size-6",
+					dot: "size-3",
+					text: "text-lg",
+					gap: "gap-3"
+				};
+				default: return {
+					indicator: "size-4",
+					dot: "size-2",
+					text: "text-sm",
+					gap: "gap-2"
+				};
+			}
+		}), v = (e, t) => {
+			h(e) || i.value !== e.value && (i.value = e.value, a("change", e.value, t));
+		}, x = (e, t) => {
+			let n = r.options.length;
+			if (n === 0) return;
+			let i = e;
+			for (let e = 0; e < n; e++) {
+				i = (i + t + n) % n;
+				let e = r.options[i];
+				if (e && !h(e)) {
+					v(e, i), y(() => m.value[i]?.focus());
+					return;
+				}
+			}
+		}, S = (e, t) => {
+			switch (e.key) {
+				case "ArrowDown":
+				case "ArrowRight":
+					e.preventDefault(), x(t, 1);
+					break;
+				case "ArrowUp":
+				case "ArrowLeft":
+					e.preventDefault(), x(t, -1);
+					break;
+				case " ":
+				case "Enter": {
+					e.preventDefault();
+					let n = r.options[t];
+					n && v(n, t);
+					break;
+				}
+			}
+		};
+		return (n, r) => (T(), l("div", { class: b(P(U)("w-full", e.className)) }, [
+			e.label ? (T(), l("div", {
+				key: 0,
+				id: p.value,
+				class: "text-default-700 mb-2 block text-sm font-medium"
+			}, M(e.label), 9, ji)) : c("", !0),
+			u("div", {
+				role: "radiogroup",
+				"aria-label": e.label ? void 0 : e.ariaLabel || "radio group",
+				"aria-labelledby": e.label ? p.value : void 0,
+				"aria-disabled": e.disabled || void 0,
+				class: b(P(U)("flex", e.orientation === "vertical" ? "flex-col gap-2" : "flex-row flex-wrap gap-3"))
+			}, [e.variant === "classic" ? (T(!0), l(t, { key: 0 }, k(e.options, (t, n) => (T(), l("label", {
+				key: String(t.value),
+				ref_for: !0,
+				ref: (e) => m.value[n] = e,
+				role: "radio",
+				"aria-checked": i.value === t.value,
+				"aria-disabled": h(t) || void 0,
+				tabindex: g.value === n && !h(t) ? 0 : -1,
+				class: b(P(U)("group inline-flex cursor-pointer items-center rounded-md p-1 transition-colors focus:outline-none", P(ce)[e.color], "focus:ring-2", _.value.gap, _.value.text, h(t) && "cursor-not-allowed opacity-50")),
+				onClick: (e) => v(t, n),
+				onKeydown: (e) => S(e, n)
+			}, [u("span", { class: b(P(U)("inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-colors", _.value.indicator, i.value === t.value ? P(K)[e.color] : "border-default-300 group-hover:border-default-400")) }, [i.value === t.value ? (T(), l("span", {
+				key: 0,
+				class: b(P(U)("block rounded-full", _.value.dot, P(G)[e.color]))
+			}, null, 2)) : c("", !0)], 2), u("span", Pi, [u("span", Fi, M(t.label), 1), t.description ? (T(), l("span", Ii, M(t.description), 1)) : c("", !0)])], 42, Ni))), 128)) : (T(!0), l(t, { key: 1 }, k(e.options, (t, n) => (T(), l("div", {
+				key: String(t.value),
+				ref_for: !0,
+				ref: (e) => m.value[n] = e,
+				role: "radio",
+				"aria-checked": i.value === t.value,
+				"aria-disabled": h(t) || void 0,
+				tabindex: g.value === n && !h(t) ? 0 : -1,
+				class: b(P(U)("relative flex cursor-pointer items-start border-2 p-3 transition-all focus:outline-none focus:ring-2", P(ce)[e.color], _.value.gap, _.value.text, d.value, e.orientation === "horizontal" && "flex-1 min-w-[8rem]", i.value === t.value ? P(U)(P(K)[e.color], P(J)[e.color]) : "border-default-200 hover:border-default-300 bg-content1", h(t) && "cursor-not-allowed opacity-50")),
+				onClick: (e) => v(t, n),
+				onKeydown: (e) => S(e, n)
+			}, [u("span", { class: b(P(U)("mt-0.5 inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-colors", _.value.indicator, i.value === t.value ? P(K)[e.color] : "border-default-300")) }, [i.value === t.value ? (T(), l("span", {
+				key: 0,
+				class: b(P(U)("block rounded-full", _.value.dot, P(G)[e.color]))
+			}, null, 2)) : c("", !0)], 2), u("div", Ri, [u("span", zi, M(t.label), 1), t.description ? (T(), l("span", Bi, M(t.description), 1)) : c("", !0)])], 42, Li))), 128))], 10, Mi),
+			e.error ? (T(), l("p", Vi, M(e.error), 1)) : c("", !0)
+		], 2));
+	}
+}), Ui = ["aria-label"], Wi = [
+	"aria-checked",
+	"disabled",
+	"title",
+	"onMouseenter",
+	"onClick"
+], Gi = /* @__PURE__ */ m({
+	name: "KunRating",
+	__name: "Rating",
+	props: /*@__PURE__*/ _({
+		max: { default: 5 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		ariaLabel: { default: "rating" }
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["set"], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let r = e, i = L(e, "modelValue"), a = n, s = O(0), c = o(() => {
+			switch (r.size) {
+				case "sm": return "h-4 w-4";
+				case "lg": return "h-6 w-6";
+				default: return "h-5 w-5";
+			}
+		}), u = o(() => Array.from({ length: r.max }, (e, t) => t + 1)), d = o(() => s.value || i.value || 0), f = (e) => {
+			r.readonly || r.disabled || (i.value = e, a("set", e));
+		}, m = (e) => {
+			r.readonly || r.disabled || (s.value = e);
+		}, h = () => {
+			r.readonly || r.disabled || (s.value = 0);
+		};
+		return (n, r) => (T(), l("div", {
+			class: "inline-flex items-center gap-1",
+			role: "radiogroup",
+			"aria-label": e.ariaLabel
+		}, [(T(!0), l(t, null, k(u.value, (t) => (T(), l("button", {
+			key: t,
+			type: "button",
+			role: "radio",
+			"aria-checked": d.value >= t,
+			class: b(P(U)("disabled:text-default-200 cursor-pointer hover:scale-110 focus:outline-none disabled:cursor-not-allowed", d.value >= t ? "text-secondary" : "text-default-300")),
+			disabled: e.disabled,
+			title: `${t}/${e.max}`,
+			onMouseenter: (e) => m(t),
+			onMouseleave: h,
+			onClick: (e) => f(t)
+		}, [p(Z, {
+			name: "lucide:lollipop",
+			class: b(P(U)("transition-colors", c.value))
+		}, null, 8, ["class"])], 42, Wi))), 128))], 8, Ui));
+	}
+}), Ki = ["for"], qi = [
+	"id",
+	"aria-label",
+	"aria-expanded",
+	"disabled"
+], Ji = { class: "block min-w-0 flex-1 truncate" }, Yi = {
+	class: "scrollbar-hide min-h-0 flex-1 overflow-x-hidden overflow-y-auto rounded-md text-sm focus:outline-none",
+	tabindex: "-1",
+	role: "listbox"
+}, Xi = ["aria-selected", "onClick"], Zi = { class: "block min-w-0 flex-1 truncate" }, Qi = {
+	key: 1,
+	class: "text-danger mt-2 text-sm"
+}, $i = /* @__PURE__ */ m({
+	name: "KunSelect",
+	__name: "Select",
+	props: /*@__PURE__*/ _({
+		options: {},
+		label: { default: "" },
+		placeholder: { default: "" },
+		error: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		darkBorder: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: { default: "" },
+		className: { default: "" },
+		rounded: { default: void 0 }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["set"], ["update:modelValue"]),
+	setup(e, { emit: r }) {
+		let a = e, d = X(() => a.rounded), f = o(() => q[d.value]), m = L(e, "modelValue"), h = r, g = Ft("kun-select"), _ = O(!1), v = O(null), y = O(null), { floatingStyles: S } = Te(v, y, {
+			placement: "bottom-start",
+			open: _,
+			whileElementsMounted: be,
+			transform: !1,
+			middleware: [
+				Se(4),
+				xe(),
+				Ce({ padding: 8 }),
+				we({ apply({ rects: e, elements: t, availableHeight: n }) {
+					Object.assign(t.floating.style, {
+						width: `${e.reference.width}px`,
+						maxHeight: `${Math.min(240, n - 8)}px`
+					});
+				} })
+			]
+		});
+		pe(v, (e) => {
+			y.value?.contains(e.target) || (_.value = !1);
+		});
+		let C = o(() => a.options.find((e) => e.value === m.value)?.label), w = () => {
+			a.disabled || (_.value = !_.value);
+		}, E = (e, t) => {
+			m.value = e, h("set", e, t), _.value = !1;
+		};
+		return (r, o) => (T(), l("div", { class: b(P(U)("relative w-full", a.className)) }, [
+			e.label ? (T(), l("label", {
+				key: 0,
+				for: P(g),
+				class: "mb-2 block text-sm font-medium"
+			}, M(e.label), 9, Ki)) : c("", !0),
+			u("button", {
+				ref_key: "buttonRef",
+				ref: v,
+				id: P(g),
+				type: "button",
+				"aria-label": a.ariaLabel || "select",
+				"aria-expanded": _.value,
+				"aria-haspopup": "listbox",
+				class: b(P(U)("focus:border-primary focus:ring-primary flex w-full cursor-pointer items-center justify-between px-3 py-2 text-left text-sm focus:ring-1 focus:outline-none", f.value, e.darkBorder && "dark:border-default-200 border-default/20 border", e.disabled && "bg-default-100 cursor-not-allowed")),
+				disabled: e.disabled,
+				onClick: w
+			}, [u("span", Ji, M(C.value || e.placeholder), 1), p(Z, {
+				name: "lucide:chevron-down",
+				class: b(["pointer-events-none shrink-0", P(U)("text-inherit transition-transform", _.value ? "rotate-180" : "")])
+			}, null, 8, ["class"])], 10, qi),
+			(T(), s(n, { to: "body" }, [p(i, {
+				"enter-active-class": "transition duration-150 ease-out",
+				"enter-from-class": "opacity-0 -translate-y-1",
+				"enter-to-class": "opacity-100 translate-y-0",
+				"leave-active-class": "transition duration-100 ease-in",
+				"leave-from-class": "opacity-100 translate-y-0",
+				"leave-to-class": "opacity-0 -translate-y-1"
+			}, {
+				default: V(() => [_.value ? (T(), l("div", {
+					key: 0,
+					ref_key: "dropdownRef",
+					ref: y,
+					style: x(P(S)),
+					class: b(P(U)("bg-content1 border-default-200 z-kun-popover flex flex-col overflow-hidden border p-1 shadow-lg", f.value))
+				}, [u("ul", Yi, [(T(!0), l(t, null, k(e.options, (e, t) => (T(), l("li", {
+					key: e.value,
+					class: "hover:bg-default-100 text-foreground relative flex cursor-pointer items-center justify-between rounded-lg px-3 py-2 select-none",
+					role: "option",
+					"aria-selected": m.value === e.value,
+					onClick: (n) => E(e.value, t)
+				}, [u("span", Zi, M(e.label), 1), m.value === e.value ? (T(), s(Z, {
+					key: 0,
+					name: "lucide:check",
+					class: "ml-2 shrink-0"
+				})) : c("", !0)], 8, Xi))), 128))])], 6)) : c("", !0)]),
+				_: 1
+			})])),
+			e.error ? (T(), l("p", Qi, M(e.error), 1)) : c("", !0)
+		], 2));
+	}
+}), ea = { class: "relative" }, ta = ["aria-label"], na = /* @__PURE__ */ m({
+	name: "KunScrollShadow",
+	__name: "ScrollShadow",
+	props: {
+		axis: { default: "horizontal" },
+		shadowColor: { default: "var(--color-background)" },
+		shadowSize: { default: "2rem" },
+		className: { default: "" },
+		contentClass: { default: "" }
+	},
+	setup(e) {
+		let t = e, n = O(null), r = O(null), { x: i, y: a } = ve(n, { throttle: 50 }), { width: s, height: c } = he(r), { width: d, height: f } = he(n), p = O(!1), m = O(!1);
+		B(() => {
+			n.value && (t.axis === "horizontal" ? (p.value = i.value > 1, m.value = s.value - d.value - i.value > 1) : (p.value = a.value > 1, m.value = c.value - f.value - a.value > 1));
+		});
+		let h = o(() => t.axis === "horizontal" ? "left-0 top-0 bottom-0" : "top-0 left-0 right-0"), g = o(() => t.axis === "horizontal" ? "right-0 top-0 bottom-0" : "bottom-0 left-0 right-0"), _ = o(() => {
+			let e = t.axis === "horizontal" ? "width" : "height", n = t.axis === "horizontal" ? `linear-gradient(to right, ${t.shadowColor}, transparent)` : `linear-gradient(to bottom, ${t.shadowColor}, transparent)`, r = t.axis === "horizontal" ? `linear-gradient(to left, ${t.shadowColor}, transparent)` : `linear-gradient(to top, ${t.shadowColor}, transparent)`;
+			return {
+				start: {
+					[e]: t.shadowSize,
+					backgroundImage: n
+				},
+				end: {
+					[e]: t.shadowSize,
+					backgroundImage: r
+				}
+			};
+		});
+		return (i, a) => (T(), l("div", ea, [
+			u("div", {
+				"aria-hidden": "true",
+				class: b(P(U)("pointer-events-none absolute z-10 transition-opacity", h.value, p.value ? "opacity-100" : "opacity-0")),
+				style: x(_.value.start)
+			}, null, 6),
+			u("div", {
+				ref_key: "scrollContainer",
+				ref: n,
+				tabindex: "0",
+				role: "region",
+				"aria-label": t.className || "scrollable content",
+				class: b(P(U)("scrollbar-hide", e.axis === "horizontal" ? "overflow-x-auto" : "overflow-y-auto", t.className))
+			}, [u("div", {
+				ref_key: "contentWrapper",
+				ref: r,
+				class: b(P(U)(e.axis === "horizontal" ? "flex w-max gap-3" : "flex w-full flex-col gap-3", t.contentClass))
+			}, [A(i.$slots, "default")], 2)], 10, ta),
+			u("div", {
+				"aria-hidden": "true",
+				class: b(P(U)("pointer-events-none absolute z-10 transition-opacity", g.value, m.value ? "opacity-100" : "opacity-0")),
+				style: x(_.value.end)
+			}, null, 6)
+		]));
+	}
+}), ra = { class: "bg-default relative h-2 w-full rounded-full" }, ia = [
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax"
+], aa = /* @__PURE__ */ m({
+	name: "KunSlider",
+	__name: "Slider",
+	props: /*@__PURE__*/ _({
+		min: { default: 17 },
+		max: { default: 77 },
+		step: { default: 1 }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = L(e, "modelValue"), n = e, r = O(null), i = O(!1), a = D({
+			min: n.min,
+			max: n.max,
+			step: n.step
+		}), s = o(() => (t.value - a.min) / (a.max - a.min) * 100 + "%"), c = o(() => ({
+			left: s.value,
+			transform: "translate(-50%, -50%)"
+		})), d = (e) => {
+			i.value = !0, p(e), window.addEventListener("mousemove", p), window.addEventListener("touchmove", p), window.addEventListener("mouseup", f), window.addEventListener("touchend", f);
+		}, f = () => {
+			i.value = !1, window.removeEventListener("mousemove", p), window.removeEventListener("touchmove", p), window.removeEventListener("mouseup", f), window.removeEventListener("touchend", f);
+		}, p = (e) => {
+			if (!r.value) return;
+			let n = r.value.getBoundingClientRect(), i = ((e instanceof MouseEvent ? e.clientX : e.touches[0].clientX) - n.left) / n.width * (a.max - a.min) + a.min;
+			t.value = Math.min(a.max, Math.max(a.min, Math.round(i / a.step) * a.step));
+		};
+		return w(() => {
+			f();
+		}), (n, i) => (T(), l("div", {
+			class: "kun-slider",
+			ref_key: "sliderRef",
+			ref: r,
+			onMousedownPassive: d,
+			onTouchstartPassive: H(d, ["stop"])
+		}, [u("div", ra, [u("div", {
+			class: "bg-primary absolute h-full rounded-full",
+			style: x({ width: s.value })
+		}, null, 4), u("div", {
+			class: "border-primary bg-content1 absolute top-[50%] size-5 cursor-grab rounded-full border-2 active:cursor-grabbing active:border-3",
+			role: "slider",
+			style: x(c.value),
+			onMousedownPassive: d,
+			onTouchstartPassive: H(d, ["stop"]),
+			tabindex: 0,
+			"aria-valuenow": t.value,
+			"aria-valuemin": e.min,
+			"aria-valuemax": e.max,
+			"aria-orientation": "horizontal"
+		}, null, 44, ia)])], 544));
+	}
+}), oa = [
+	"id",
+	"checked",
+	"disabled"
+], sa = { class: "relative" }, ca = /* @__PURE__ */ m({
+	name: "KunSwitch",
+	__name: "Switch",
+	props: /*@__PURE__*/ _({
+		label: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		className: { default: "" },
+		labelClassName: { default: "" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = L(e, "modelValue"), n = Ft("kun-switch");
+		return (r, i) => (T(), l("label", { class: b(P(U)("inline-flex cursor-pointer items-center", e.disabled ? "cursor-not-allowed" : "", e.className)) }, [
+			u("input", {
+				id: P(n),
+				type: "checkbox",
+				class: "peer sr-only",
+				checked: t.value,
+				disabled: e.disabled,
+				onChange: i[0] ||= (e) => t.value = e.target.checked
+			}, null, 40, oa),
+			u("div", sa, [u("div", { class: b(["h-6 w-11 rounded-full transition-colors duration-200 ease-in-out", [
+				t.value ? "bg-primary-500" : "bg-default-500",
+				e.disabled ? "opacity-50" : "",
+				t.value && e.disabled ? "bg-primary-300" : ""
+			]]) }, null, 2), u("div", { class: b(P(U)("absolute top-0.5 left-0.5 h-5 w-5 transform rounded-full bg-white transition-transform duration-200 ease-in-out", t.value ? "translate-x-5" : "translate-x-0")) }, null, 2)]),
+			e.label ? (T(), l("span", {
+				key: 0,
+				class: b(P(U)("ml-3 text-sm font-medium", e.disabled ? "text-default-400" : "", e.labelClassName))
+			}, M(e.label), 3)) : c("", !0)
+		], 2));
+	}
+}), la = ["aria-orientation"], ua = [
+	"aria-selected",
+	"aria-disabled",
+	"tabindex",
+	"disabled",
+	"onClick",
+	"onKeydown"
+], da = { key: 1 }, fa = /* @__PURE__ */ m({
+	name: "KunTab",
+	__name: "Tab",
+	props: /*@__PURE__*/ _({
+		items: {},
+		variant: { default: "underlined" },
+		color: { default: "primary" },
+		size: { default: "md" },
+		orientation: { default: "horizontal" },
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		disableAnimation: {
+			type: Boolean,
+			default: !1
+		},
+		scrollable: {
+			type: Boolean,
+			default: !1
+		},
+		iconSize: { default: "1em" },
+		className: { default: "" },
+		innerClassName: { default: "" }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["change"], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let r = e, i = L(e, "modelValue"), a = n, s = Y(), d = o(() => r.orientation === "vertical"), f = {
+			sm: "text-sm px-2.5 py-1.5",
+			md: "text-sm px-3 py-2",
+			lg: "text-base px-4 py-2.5"
+		}, m = {
+			sm: "gap-1",
+			md: "gap-1.5",
+			lg: "gap-2"
+		}, h = O([]), g = (e, t) => {
+			let n = e && typeof e == "object" && "$el" in e ? e.$el ?? null : e;
+			n instanceof HTMLElement && (h.value[t] = n);
+		}, _ = o(() => r.items.findIndex((e) => e.value === i.value)), v = O({}), S = () => {
+			let e = _.value, t = h.value[e];
+			if (!t) {
+				v.value = {};
+				return;
+			}
+			let n = r.variant === "underlined";
+			d.value ? v.value = n ? {
+				transform: `translateY(${t.offsetTop}px)`,
+				height: `${t.offsetHeight}px`,
+				width: "2px"
+			} : {
+				transform: `translate(${t.offsetLeft}px, ${t.offsetTop}px)`,
+				width: `${t.offsetWidth}px`,
+				height: `${t.offsetHeight}px`
+			} : v.value = n ? {
+				transform: `translateX(${t.offsetLeft}px)`,
+				width: `${t.offsetWidth}px`,
+				height: "2px"
+			} : {
+				transform: `translate(${t.offsetLeft}px, ${t.offsetTop}px)`,
+				width: `${t.offsetWidth}px`,
+				height: `${t.offsetHeight}px`
+			};
+		};
+		z([
+			i,
+			() => r.items.length,
+			() => r.orientation
+		], () => y(S), { immediate: !0 });
+		let C = (e) => {
+			let t = h.value[e];
+			t && t.focus();
+		}, w = (e, t) => {
+			t?.preventDefault();
+			let n = r.items.map((e, t) => e.disabled || r.disabled ? -1 : t).filter((e) => e >= 0);
+			if (!n.length) return;
+			let i = n.indexOf(_.value), a;
+			if (a = i < 0 ? n[e > 0 ? 0 : n.length - 1] : n[(i + e + n.length) % n.length], a === void 0) return;
+			let o = r.items[a];
+			o && (D(o, a), C(a));
+		}, E = (e, t) => {
+			if (r.disabled) return;
+			let n = d.value ? "ArrowDown" : "ArrowRight", i = d.value ? "ArrowUp" : "ArrowLeft";
+			switch (e.key) {
+				case n:
+					w(1, e);
+					break;
+				case i:
+					w(-1, e);
+					break;
+				case "Home":
+					e.preventDefault();
+					{
+						let e = r.items.findIndex((e) => !(e.disabled || r.disabled));
+						e >= 0 && r.items[e] && (D(r.items[e], e), C(e));
+					}
+					break;
+				case "End":
+					e.preventDefault();
+					for (let e = r.items.length - 1; e >= 0; e--) {
+						let t = r.items[e];
+						if (t && !(t.disabled || r.disabled)) {
+							D(t, e), C(e);
+							break;
+						}
+					}
+					break;
+				case "Enter":
+				case " ": {
+					e.preventDefault();
+					let n = r.items[t];
+					n && D(n, t);
+					break;
+				}
+			}
+		}, D = async (e, t) => {
+			r.disabled || e.disabled || (i.value !== e.value && (i.value = e.value, a("change", e.value)), e.href && await s.navigate(e.href));
+		}, A = (e) => i.value === e.value, j = o(() => U("relative", d.value ? "inline-flex flex-col" : "inline-flex", r.fullWidth && "w-full", r.disabled && "opacity-50 cursor-not-allowed", r.scrollable && (d.value ? "max-h-full overflow-y-auto scrollbar-hide" : "max-w-full overflow-x-auto scrollbar-hide"), r.className)), N = o(() => {
+			let e = d.value ? U("relative flex flex-col items-stretch", m[r.size]) : U("relative flex items-center", m[r.size]);
+			switch (r.variant) {
+				case "underlined": return U(e, d.value ? "border-l border-default-200" : "border-b border-default-200", r.innerClassName);
+				case "solid":
+				case "light": return U(e, "border border-default-200 rounded-lg p-1 bg-content2/30", r.innerClassName);
+				case "bordered": return U(e, "border border-default-200 rounded-lg p-1", r.innerClassName);
+				case "pills": return U(e, r.innerClassName);
+				default: return U(e, r.innerClassName);
+			}
+		}), P = (e) => {
+			let t = A(e), n = U("relative z-10 inline-flex items-center justify-center cursor-pointer select-none whitespace-nowrap transition-colors", f[r.size], e.disabled && "opacity-50 cursor-not-allowed", d.value && r.fullWidth && "w-full");
+			switch (r.variant) {
+				case "underlined": return U(n, t ? le[r.color] : "text-default-500 hover:text-foreground");
+				case "solid": return U(n, "rounded-md", t ? "text-white" : "text-default-500 hover:text-foreground");
+				case "light": return U(n, "rounded-md", t ? le[r.color] : "text-default-500 hover:text-foreground");
+				case "bordered": return U(n, "rounded-md border", t ? U(K[r.color], le[r.color]) : "border-transparent text-default-500 hover:text-foreground");
+				case "pills": return U(n, "rounded-full", t ? U(G[r.color], "text-white") : "text-default-500 hover:text-foreground");
+				default: return n;
+			}
+		}, F = {
+			default: "bg-default/15",
+			primary: "bg-primary/15",
+			secondary: "bg-secondary/15",
+			success: "bg-success/15",
+			warning: "bg-warning/15",
+			danger: "bg-danger/15",
+			info: "bg-info/15"
+		}, I = o(() => {
+			switch (r.variant) {
+				case "underlined": return U("absolute rounded-full", G[r.color], d.value ? "left-0 top-0" : "bottom-0 left-0");
+				case "solid": return U("absolute top-0 left-0 rounded-md", G[r.color]);
+				case "light": return U("absolute top-0 left-0 rounded-md", F[r.color]);
+				default: return null;
+			}
+		}), ee = o(() => !!I.value && _.value >= 0 && Object.keys(v.value).length > 0), R = o(() => {
+			let e = { ...v.value };
+			return r.disableAnimation || (e.transition = "transform .25s cubic-bezier(.4,0,.2,1), width .25s cubic-bezier(.4,0,.2,1), height .25s cubic-bezier(.4,0,.2,1)"), e;
+		});
+		return (n, r) => (T(), l("div", { class: b(j.value) }, [u("div", {
+			class: b(N.value),
+			role: "tablist",
+			"aria-orientation": e.orientation
+		}, [ee.value ? (T(), l("div", {
+			key: 0,
+			"aria-hidden": "true",
+			class: b(I.value),
+			style: x(R.value)
+		}, null, 6)) : c("", !0), (T(!0), l(t, null, k(e.items, (t, n) => (T(), l("button", {
+			key: t.value,
+			ref_for: !0,
+			ref: (e) => g(e, n),
+			type: "button",
+			role: "tab",
+			"aria-selected": A(t),
+			"aria-disabled": t.disabled || e.disabled,
+			tabindex: A(t) && !t.disabled && !e.disabled ? 0 : -1,
+			disabled: t.disabled || e.disabled,
+			class: b(P(t)),
+			onClick: (e) => D(t, n),
+			onKeydown: (e) => E(e, n)
+		}, [t.icon ? (T(), l("span", {
+			key: 0,
+			class: "inline-flex shrink-0",
+			style: x({ fontSize: e.iconSize })
+		}, [p(Z, { name: t.icon }, null, 8, ["name"])], 4)) : c("", !0), t.textValue ? (T(), l("span", da, M(t.textValue), 1)) : c("", !0)], 42, ua))), 128))], 10, la)], 2));
+	}
+}), pa = { class: "w-full" }, ma = ["for"], ha = [
+	"aria-label",
+	"aria-invalid",
+	"aria-disabled"
+], ga = [
+	"tabindex",
+	"aria-label",
+	"onKeydown"
+], _a = ["aria-label", "onClick"], va = [
+	"id",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"aria-describedby"
+], ya = {
+	key: 1,
+	class: "text-default-400 ml-auto text-xs tabular-nums"
+}, ba = ["id"], xa = ["id"], Sa = /* @__PURE__ */ m({
+	name: "KunTagInput",
+	__name: "TagInput",
+	props: /*@__PURE__*/ _({
+		label: { default: "" },
+		placeholder: { default: "" },
+		helperText: { default: "" },
+		error: { default: "" },
+		maxTags: { default: Infinity },
+		maxTagLength: { default: 100 },
+		minTagLength: { default: 1 },
+		allowDuplicates: {
+			type: Boolean,
+			default: !1
+		},
+		caseSensitive: {
+			type: Boolean,
+			default: !1
+		},
+		trim: {
+			type: Boolean,
+			default: !0
+		},
+		transform: {
+			type: Function,
+			default: void 0
+		},
+		validate: {
+			type: Function,
+			default: void 0
+		},
+		splitChars: { default: () => [
+			"\n",
+			",",
+			"，",
+			";"
+		] },
+		splitOnPaste: {
+			type: Boolean,
+			default: !0
+		},
+		confirmOnBlur: {
+			type: Boolean,
+			default: !0
+		},
+		respectComposition: {
+			type: Boolean,
+			default: !0
+		},
+		color: { default: "primary" },
+		size: { default: "md" },
+		variant: { default: "bordered" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		showCounter: {
+			type: Boolean,
+			default: !1
+		},
+		rounded: { default: void 0 },
+		className: { default: "" }
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _([
+		"add",
+		"remove",
+		"invalid"
+	], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let r = e, i = X(() => r.rounded), a = o(() => q[i.value]), s = L(e, "modelValue"), d = n, f = O(null), m = O([]), h = O(""), g = O(!1), _ = (e, t) => {
+			let n = e && typeof e == "object" && "$el" in e ? e.$el ?? null : e;
+			n instanceof HTMLElement && (m.value[t] = n);
+		}, v = O(!1), x = Ft("kun-tag-input"), S = (e) => {
+			let t = e;
+			return r.trim && (t = t.trim()), r.transform && (t = r.transform(t)), t;
+		}, C = (e, t) => {
+			if (r.caseSensitive) return t.includes(e);
+			let n = e.toLowerCase();
+			return t.some((e) => e.toLowerCase() === n);
+		}, w = (e) => {
+			let t = S(e);
+			if (!t) return !1;
+			if (t.length < r.minTagLength) return d("invalid", "too-short", e), !1;
+			if (t.length > r.maxTagLength) return d("invalid", "too-long", e), !1;
+			if (s.value.length >= r.maxTags) return d("invalid", "max-reached", e), !1;
+			if (!r.allowDuplicates && C(t, s.value)) return d("invalid", "duplicate", e), !1;
+			if (r.validate) {
+				let n = r.validate(t, s.value);
+				if (n !== !0) return d("invalid", "custom", e, n), !1;
+			}
+			return s.value = [...s.value, t], d("add", t), !0;
+		}, E = (e) => {
+			let t = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = [];
+			for (let e of r.splitChars) e instanceof RegExp ? e.source && n.push(`(?:${e.source})`) : e && n.push(t(e));
+			if (!n.length) return +!!w(e);
+			let i = new RegExp(n.join("|")), a = e.split(i), o = 0;
+			for (let e of a) w(e) && o++;
+			return o;
+		}, D = (e) => {
+			if (r.disabled || r.readonly) return;
+			let t = s.value[e];
+			t !== void 0 && (s.value = s.value.filter((t, n) => n !== e), m.value.length = s.value.length, d("remove", t, e));
+		}, j = () => h.value && E(h.value) > 0 ? (h.value = "", !0) : !1, N = (e) => {
+			if (!(r.disabled || r.readonly)) {
+				if (e.key === "Enter") {
+					if (r.respectComposition && g.value) return;
+					e.preventDefault(), j(), v.value = !1;
+					return;
+				}
+				if (e.key === "Backspace" && !h.value && s.value.length > 0) {
+					if (e.repeat) return;
+					v.value ? (D(s.value.length - 1), v.value = !1) : v.value = !0;
+					return;
+				}
+				if (e.key === "ArrowLeft" && !h.value && s.value.length > 0) {
+					e.preventDefault();
+					let t = s.value.length - 1;
+					m.value[t]?.focus();
+					return;
+				}
+				e.key !== "Backspace" && (v.value = !1);
+			}
+		}, F = (e, t) => {
+			if (!(r.disabled || r.readonly)) switch (e.key) {
+				case "ArrowLeft":
+					e.preventDefault(), t > 0 && m.value[t - 1]?.focus();
+					break;
+				case "ArrowRight":
+					e.preventDefault(), t < s.value.length - 1 ? m.value[t + 1]?.focus() : f.value?.focus();
+					break;
+				case "Delete":
+				case "Backspace":
+					e.preventDefault(), D(t), y(() => {
+						t > 0 ? m.value[t - 1]?.focus() : f.value?.focus();
+					});
+					break;
+				case "Enter":
+				case " ":
+					e.preventDefault(), D(t);
+					break;
+			}
+		}, I = () => {
+			g.value = !0;
+		}, ee = () => {
+			g.value = !1;
+		}, z = (e) => {
+			if (!r.splitOnPaste || r.disabled || r.readonly) return;
+			let t = e.clipboardData?.getData("text") ?? "";
+			t && r.splitChars.some((e) => e instanceof RegExp ? e.test(t) : t.includes(e)) && (e.preventDefault(), E(t));
+		}, B = () => {
+			r.confirmOnBlur && j();
+		}, V = () => {
+			r.disabled || r.readonly || f.value?.focus();
+		}, ne = {
+			xs: "min-h-[30px]",
+			sm: "min-h-[34px]",
+			md: "min-h-[40px]",
+			lg: "min-h-[48px]",
+			xl: "min-h-[56px]"
+		}, re = {
+			xs: "px-2 py-1 gap-1",
+			sm: "px-2.5 py-1.5 gap-1.5",
+			md: "px-3 py-2 gap-2",
+			lg: "px-3.5 py-2.5 gap-2",
+			xl: "px-4 py-3 gap-2.5"
+		}, ie = {
+			xs: "text-xs",
+			sm: "text-sm",
+			md: "text-sm",
+			lg: "text-base",
+			xl: "text-lg"
+		}, ae = o(() => U("flex flex-wrap items-center transition-shadow", a.value, ne[r.size], re[r.size], ie[r.size], r.variant === "bordered" && "border border-default-200", r.variant === "flat" && "bg-content2", ce[r.color], "focus-within:ring-2", r.error && "border-danger", r.disabled && "opacity-50 cursor-not-allowed bg-default-100", r.readonly && "cursor-default", r.className)), oe = {
+			default: "bg-default/20 text-default-700",
+			primary: "bg-primary/15 text-primary-700 dark:text-primary",
+			secondary: "bg-secondary/15 text-secondary-700 dark:text-secondary",
+			success: "bg-success/15 text-success-700 dark:text-success",
+			warning: "bg-warning/15 text-warning-700 dark:text-warning",
+			danger: "bg-danger/15 text-danger-700 dark:text-danger",
+			info: "bg-info/15 text-info-700 dark:text-info"
+		}, W = {
+			xs: "px-1.5 py-0.5 text-xs gap-0.5",
+			sm: "px-2 py-0.5 text-xs gap-1",
+			md: "px-2 py-1 text-sm gap-1",
+			lg: "px-2.5 py-1 text-sm gap-1.5",
+			xl: "px-3 py-1.5 text-base gap-1.5"
+		}, se = o(() => U("inline-flex items-center rounded-md font-medium select-none", oe[r.color], W[r.size], "focus:outline-none focus:ring-2", ce[r.color])), G = o(() => s.value.length >= r.maxTags);
+		return (n, r) => (T(), l("div", pa, [
+			e.label ? (T(), l("label", {
+				key: 0,
+				for: P(x),
+				class: "text-default-700 mb-1 block text-sm font-medium"
+			}, M(e.label), 9, ma)) : c("", !0),
+			u("div", {
+				role: "group",
+				"aria-label": e.label || "tag input",
+				"aria-invalid": !!e.error,
+				"aria-disabled": e.disabled,
+				class: b(ae.value),
+				onClick: V
+			}, [
+				(T(!0), l(t, null, k(s.value, (t, i) => (T(), l("span", {
+					key: `${i}-${t}`,
+					ref_for: !0,
+					ref: (e) => _(e, i),
+					class: b(se.value),
+					tabindex: e.disabled || e.readonly ? -1 : 0,
+					"aria-label": `标签 ${t}`,
+					onKeydown: (e) => F(e, i),
+					onClick: r[0] ||= H(() => {}, ["stop"])
+				}, [A(n.$slots, "tag", {
+					tag: t,
+					index: i,
+					remove: () => D(i)
+				}, () => [u("span", null, M(t), 1), !e.readonly && !e.disabled ? (T(), l("button", {
+					key: 0,
+					type: "button",
+					tabindex: "-1",
+					"aria-label": `移除标签 ${t}`,
+					class: "hover:text-danger -mr-0.5 ml-1 inline-flex cursor-pointer rounded-full p-0.5 transition-colors focus:outline-none",
+					onClick: H((e) => D(i), ["stop"])
+				}, [p(Z, {
+					name: "lucide:x",
+					class: "size-3.5"
+				})], 8, _a)) : c("", !0)])], 42, ga))), 128)),
+				e.readonly ? c("", !0) : te((T(), l("input", {
+					key: 0,
+					id: P(x),
+					ref_key: "inputEl",
+					ref: f,
+					"onUpdate:modelValue": r[1] ||= (e) => h.value = e,
+					type: "text",
+					placeholder: s.value.length === 0 ? e.placeholder : "",
+					disabled: e.disabled,
+					readonly: G.value,
+					"aria-describedby": e.error || e.helperText ? `${P(x)}-msg` : void 0,
+					class: "placeholder-default-400 min-w-[80px] flex-1 bg-transparent outline-none disabled:cursor-not-allowed read-only:cursor-not-allowed",
+					onKeydown: N,
+					onCompositionstart: I,
+					onCompositionend: ee,
+					onPaste: z,
+					onBlur: B
+				}, null, 40, va)), [[R, h.value]]),
+				e.showCounter && e.maxTags !== Infinity ? (T(), l("span", ya, M(s.value.length) + "/" + M(e.maxTags), 1)) : c("", !0)
+			], 10, ha),
+			e.error ? (T(), l("p", {
+				key: 1,
+				id: `${P(x)}-msg`,
+				class: "text-danger mt-1 text-sm"
+			}, M(e.error), 9, ba)) : e.helperText ? (T(), l("p", {
+				key: 2,
+				id: `${P(x)}-msg`,
+				class: "text-default-500 mt-1 text-sm"
+			}, M(e.helperText), 9, xa)) : c("", !0)
+		]));
+	}
+}), Ca = /*#__PURE__*/ Q(/* @__PURE__ */ m({
+	name: "KunText",
+	__name: "Text",
+	props: {
+		content: { default: "" },
+		className: { default: "" }
+	},
+	setup(e) {
+		let t = e, n = o(() => t.content.replace(/([_/])/g, "$1​"));
+		return (e, r) => (T(), l("span", { class: b(P(U)("kun-text-block", t.className)) }, M(n.value), 3));
+	}
+}), [["__scopeId", "data-v-a54bae78"]]), wa = { class: "w-full" }, Ta = ["for"], Ea = {
+	key: 0,
+	class: "text-danger ml-1"
+}, Da = { class: "relative" }, Oa = [
+	"id",
+	"name",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"required",
+	"maxlength",
+	"minlength",
+	"rows",
+	"autofocus"
+], ka = {
+	key: 0,
+	class: "text-default-500 absolute right-2 bottom-2 text-xs"
+}, Aa = {
+	key: 1,
+	class: "text-danger-600 mt-1 text-sm"
+}, ja = {
+	key: 2,
+	class: "text-default-500 mt-1 text-sm"
+}, Ma = /* @__PURE__ */ m({
+	name: "KunTextarea",
+	__name: "Textarea",
+	props: /*@__PURE__*/ _({
+		placeholder: { default: "" },
+		label: { default: "" },
+		name: { default: "" },
+		hint: { default: "" },
+		error: { default: "" },
+		maxHeight: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		autofocus: {
+			type: Boolean,
+			default: !1
+		},
+		showCharCount: {
+			type: Boolean,
+			default: !1
+		},
+		autoGrow: {
+			type: Boolean,
+			default: !1
+		},
+		rows: { default: 4 },
+		maxlength: { default: 100007 },
+		minlength: { default: 1 },
+		resize: { default: "none" },
+		darkBorder: {
+			type: Boolean,
+			default: !0
+		},
+		rounded: { default: void 0 }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _([
+		"blur",
+		"focus",
+		"input"
+	], ["update:modelValue"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = X(() => r.rounded), a = o(() => q[i.value]), s = L(e, "modelValue"), d = Ft("kun-textarea"), p = O(null), m = n;
+		z(s, () => {
+			r.autoGrow && y(() => g());
+		});
+		let h = (e) => {
+			m("input", e), r.autoGrow && g();
+		}, g = () => {
+			if (!p.value) return;
+			p.value.style.height = "auto";
+			let e = p.value.scrollHeight + "px";
+			r.maxHeight && parseInt(e) > parseInt(r.maxHeight) && (e = r.maxHeight), p.value.style.height = e;
+		};
+		return C(() => {
+			r.autoGrow && p.value && g(), r.autofocus && p.value && p.value.focus();
+		}), t({
+			focus: () => p.value?.focus(),
+			blur: () => p.value?.blur(),
+			select: () => p.value?.select(),
+			insertAtCaret: (e) => {
+				let t = p.value;
+				if (!t) return;
+				let n = t.selectionStart ?? t.value.length, r = t.selectionEnd ?? t.value.length;
+				s.value = t.value.slice(0, n) + e + t.value.slice(r), y(() => {
+					if (!p.value) return;
+					let t = n + e.length;
+					p.value.setSelectionRange(t, t), p.value.focus();
+				});
+			},
+			textareaRef: p
+		}), (t, n) => (T(), l("div", wa, [
+			e.label ? (T(), l("label", {
+				key: 0,
+				for: P(d),
+				class: "mb-1 block text-sm font-medium"
+			}, [f(M(e.label) + " ", 1), e.required ? (T(), l("span", Ea, "*")) : c("", !0)], 8, Ta)) : c("", !0),
+			u("div", Da, [te(u("textarea", {
+				id: P(d),
+				ref_key: "textareaRef",
+				ref: p,
+				"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
+				name: e.name,
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				required: e.required,
+				maxlength: e.maxlength,
+				minlength: e.minlength,
+				rows: e.rows,
+				autofocus: e.autofocus,
+				class: b(P(U)("scrollbar-hide border-default/20 w-full border p-3 transition duration-150 ease-in-out", a.value, "focus:ring-primary focus:border-transparent focus:ring-2 focus:outline-none", e.disabled ? "text-default-500 cursor-not-allowed shadow-none" : "", e.darkBorder && "dark:border-default-200", e.resize === "none" ? "resize-none" : e.resize === "vertical" ? "resize-y" : e.resize === "horizontal" ? "resize-x" : "resize")),
+				onInput: h,
+				onBlur: n[1] ||= (e) => m("blur", e),
+				onFocus: n[2] ||= (e) => m("focus", e)
+			}, null, 42, Oa), [[R, s.value]]), e.maxlength && e.showCharCount ? (T(), l("div", ka, M(s.value.length) + "/" + M(e.maxlength), 1)) : c("", !0)]),
+			e.error ? (T(), l("div", Aa, M(e.error), 1)) : e.hint ? (T(), l("div", ja, M(e.hint), 1)) : c("", !0)
+		]));
+	}
+}), Na = /* @__PURE__ */ m({
+	name: "KunTooltip",
+	__name: "Tooltip",
+	props: {
+		text: { default: "" },
+		position: { default: "top" },
+		className: { default: "" },
+		delayShow: { default: 100 },
+		delayHide: { default: 0 },
+		hideOnMobile: {
+			type: Boolean,
+			default: !0
+		},
+		rounded: { default: void 0 }
+	},
+	setup(e) {
+		let t = e, r = X(() => t.rounded), a = o(() => q[r.value]), u = O(null), d = O(null), m = O(!1), h = null, g = null, { floatingStyles: _ } = Te(u, d, {
+			placement: o(() => t.position),
+			open: m,
+			whileElementsMounted: be,
+			middleware: [
+				Se(8),
+				xe(),
+				Ce({ padding: 8 })
+			]
+		}), v = () => {
+			h &&= (clearTimeout(h), null), g &&= (clearTimeout(g), null);
+		}, y = () => {
+			v(), t.delayShow > 0 ? h = setTimeout(() => m.value = !0, t.delayShow) : m.value = !0;
+		}, S = () => {
+			v(), t.delayHide > 0 ? g = setTimeout(() => m.value = !1, t.delayHide) : m.value = !1;
+		};
+		return (t, r) => (T(), l("div", {
+			ref_key: "triggerRef",
+			ref: u,
+			class: b(P(U)("relative inline-block", e.className)),
+			onMouseenter: y,
+			onMouseleave: S
+		}, [A(t.$slots, "default"), (T(), s(n, { to: "body" }, [p(i, {
+			"enter-active-class": "transition-opacity duration-150 ease-out",
+			"enter-from-class": "opacity-0",
+			"enter-to-class": "opacity-100",
+			"leave-active-class": "transition-opacity duration-100 ease-in",
+			"leave-from-class": "opacity-100",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: V(() => [m.value ? (T(), l("div", {
+				key: 0,
+				ref_key: "tooltipRef",
+				ref: d,
+				role: "tooltip",
+				class: b(P(U)("bg-content1 border-default-200 z-kun-popover border px-3 py-2 text-sm font-medium whitespace-nowrap shadow-md", a.value, e.hideOnMobile && "hidden sm:block")),
+				style: x(P(_))
+			}, [A(t.$slots, "content", {}, () => [f(M(e.text), 1)])], 6)) : c("", !0)]),
+			_: 3
+		})]))], 34));
+	}
+}), Pa = (e) => [
+	"image/jpeg",
+	"image/png",
+	"image/webp"
+].includes(e.type) ? !0 : (console.error("Invalid file type"), !1), Fa = async (e, t, n) => new Promise((r) => {
+	let i = new FileReader();
+	i.onload = (e) => {
+		let i = new Image();
+		i.onload = () => {
+			let e = document.createElement("canvas"), a = i.width, o = i.height;
+			a > t && (o = o * t / a, a = t), o > n && (a = a * n / o, o = n), e.width = a, e.height = o, e.getContext("2d")?.drawImage(i, 0, 0, a, o), e.toBlob((e) => {
+				e && r(e);
+			}, "image/webp", .77);
+		}, i.src = e.target?.result;
+	}, i.readAsDataURL(e);
+}), Ia = {
+	key: 0,
+	class: "absolute inset-0 flex flex-col items-center justify-center"
+}, La = {
+	key: 0,
+	class: "text-default-500 mt-2 text-sm"
+}, Ra = ["src"], za = { class: "max-w-xl" }, Ba = { class: "mt-4 flex justify-end space-x-2" }, Va = /* @__PURE__ */ m({
+	name: "KunUpload",
+	__name: "Upload",
+	props: {
+		size: {},
+		aspect: {},
+		initialImage: { default: "" },
+		hint: { default: "" },
+		className: { default: "" },
+		rounded: { default: void 0 }
+	},
+	emits: ["setImage"],
+	setup(e, { emit: t }) {
+		let n = e, r = X(() => n.rounded, "lg"), i = o(() => q[r.value]), a = t, d = O(), m = O(), h = O(""), g = O(!1), _ = O(""), v = o(() => n.initialImage || ""), y = (e) => {
+			Pa(e) && (_.value = URL.createObjectURL(e), g.value = !0);
+		}, S = async (e) => {
+			let t = e.canvas, r = await new Promise((e) => {
+				t.toBlob((t) => {
+					t && e(t);
+				}, "image/webp", .77);
+			}), i = await Fa(new File([r], "cropped.webp", { type: "image/webp" }), n.size, n.size / n.aspect);
+			m.value = i, h.value = URL.createObjectURL(i);
+		}, C = (e) => {
+			let t = e.target;
+			!t.files || !t.files[0] || y(t.files[0]);
+		}, w = (e) => {
+			e.preventDefault(), e.stopPropagation();
+			let t = e.dataTransfer;
+			t?.files.length && t.files[0] && y(t.files[0]);
+		}, E = (e) => {
+			e.preventDefault(), e.dataTransfer.dropEffect = "copy";
+		}, D = () => {
+			d.value?.click();
+		}, k = () => {
+			m.value && (g.value = !1, a("setImage", m.value));
+		};
+		return (t, r) => (T(), l("div", null, [u("div", {
+			tabindex: "0",
+			class: b(P(U)("border-default-500 hover:border-default-700 relative cursor-pointer border-2 border-dashed transition-colors", i.value, e.className)),
+			style: x({ "aspect-ratio": n.aspect }),
+			onDrop: w,
+			onDragover: E,
+			onClick: D
+		}, [
+			!h.value && !v.value ? (T(), l("div", Ia, [p(Z, {
+				name: "lucide:plus",
+				class: "text-default-500 text-3xl"
+			}), e.hint ? (T(), l("span", La, M(e.hint), 1)) : c("", !0)])) : c("", !0),
+			h.value || v.value ? (T(), l("img", {
+				key: 1,
+				src: h.value || v.value,
+				alt: "上传图片",
+				class: b(P(U)("h-full w-full object-cover", i.value))
+			}, null, 10, Ra)) : c("", !0),
+			u("input", {
+				ref_key: "input",
+				ref: d,
+				hidden: "",
+				type: "file",
+				accept: ".jpg, .jpeg, .png, .webp",
+				onChange: C
+			}, null, 544)
+		], 38), p(pt, {
+			"model-value": g.value,
+			"is-dismissable": !1,
+			"onUpdate:modelValue": r[1] ||= (e) => g.value = e
+		}, {
+			default: V(() => [u("div", za, [
+				r[4] ||= u("div", { class: "mb-4" }, [u("h3", { class: "text-lg font-semibold" }, "裁剪图片")], -1),
+				_.value ? (T(), s(P(Ke), {
+					key: 0,
+					src: _.value,
+					"stencil-props": { aspectRatio: n.aspect },
+					onChange: S
+				}, null, 8, ["src", "stencil-props"])) : c("", !0),
+				u("div", Ba, [p($, {
+					variant: "light",
+					color: "danger",
+					onClick: r[0] ||= (e) => g.value = !1
+				}, {
+					default: V(() => [...r[2] ||= [f(" 取消 ", -1)]]),
+					_: 1
+				}), p($, {
+					variant: "solid",
+					color: "primary",
+					onClick: k
+				}, {
+					default: V(() => [...r[3] ||= [f(" 确定 ", -1)]]),
+					_: 1
+				})])
+			])]),
+			_: 1
+		}, 8, ["model-value"])]));
+	}
+}), Ha = { class: "flex flex-col text-sm" }, Ua = {
+	key: 0,
+	class: "text-default-500"
+}, Wa = /* @__PURE__ */ m({
+	name: "KunUserChip",
+	__name: "UserChip",
+	props: {
+		user: {},
+		size: { default: "md" },
+		description: { default: "" },
+		className: { default: "" },
+		disableFloating: {
+			type: Boolean,
+			default: !1
+		},
+		floatingPosition: { default: "top" }
+	},
+	setup(e) {
+		let t = e;
+		return (n, r) => (T(), l("div", { class: b(P(U)("flex items-center gap-2", t.className)) }, [p(Ct, {
+			"floating-position": t.floatingPosition,
+			"disable-floating": t.disableFloating,
+			user: e.user,
+			size: e.size
+		}, null, 8, [
+			"floating-position",
+			"disable-floating",
+			"user",
+			"size"
+		]), u("div", Ha, [u("span", null, M(e.user?.name || "未知用户"), 1), e.description ? (T(), l("span", Ua, M(e.description), 1)) : c("", !0)])], 2));
+	}
+}), Ga = {
+	KunAlertProvider: yt,
+	KunAvatar: Ct,
+	KunAvatarGroup: Et,
+	KunBadge: Ot,
+	KunBrand: At,
+	KunButton: $,
+	KunCard: Pt,
+	KunCheckBox: Bt,
+	KunChip: kt,
+	KunContent: cn,
+	KunContextMenu: ln,
+	KunCopy: Fn,
+	KunDatePicker: kn,
+	KunDivider: In,
+	KunDrawer: qn,
+	KunDropdown: Bn,
+	KunFadeCard: Jn,
+	KunFavicon: Xn,
+	KunFileInput: rr,
+	KunHeader: lr,
+	KunIcon: Z,
+	KunImage: St,
+	KunImageNative: dr,
+	KunInfo: hr,
+	KunInput: Tr,
+	KunLightbox: on,
+	KunLightboxGallery: Or,
+	KunLightboxGalleryItem: kr,
+	KunLink: Ar,
+	KunLoading: Qr,
+	KunLoli: Rr,
+	KunLoliProvider: Wr,
+	KunMarkdown: $r,
+	KunMessageProvider: ai,
+	KunModal: pt,
+	KunNull: si,
+	KunPagination: _i,
+	KunPopover: xi,
+	KunProgress: Ai,
+	KunRadioGroup: Hi,
+	KunRating: Gi,
+	KunRipple: at,
+	KunScrollShadow: na,
+	KunSelect: $i,
+	KunSlider: aa,
+	KunSwitch: ca,
+	KunTab: fa,
+	KunTagInput: Sa,
+	KunText: Ca,
+	KunTextarea: Ma,
+	KunTooltip: Na,
+	KunUpload: Va,
+	KunUserChip: Wa
+}, Ka = { install(e) {
+	for (let [t, n] of Object.entries(Ga)) e.component(t, n);
+} };
+//#endregion
+export { Qe as KUN_UI_DEFAULT_CONFIG, yt as KunAlertProvider, Ct as KunAvatar, Et as KunAvatarGroup, Ot as KunBadge, At as KunBrand, $ as KunButton, Pt as KunCard, Bt as KunCheckBox, kt as KunChip, cn as KunContent, ln as KunContextMenu, Fn as KunCopy, kn as KunDatePicker, In as KunDivider, qn as KunDrawer, Bn as KunDropdown, Jn as KunFadeCard, Xn as KunFavicon, rr as KunFileInput, lr as KunHeader, Z as KunIcon, St as KunImage, dr as KunImageNative, hr as KunInfo, Tr as KunInput, on as KunLightbox, Or as KunLightboxGallery, kr as KunLightboxGalleryItem, Ar as KunLink, Qr as KunLoading, Rr as KunLoli, Wr as KunLoliProvider, $r as KunMarkdown, ai as KunMessageProvider, pt as KunModal, si as KunNull, _i as KunPagination, xi as KunPopover, Ai as KunProgress, Hi as KunRadioGroup, Gi as KunRating, at as KunRipple, na as KunScrollShadow, $i as KunSelect, aa as KunSlider, ca as KunSwitch, fa as KunTab, Sa as KunTagInput, Ca as KunText, Ma as KunTextarea, Na as KunTooltip, Ka as KunUI, Ka as default, Va as KunUpload, Wa as KunUserChip, Pa as checkImageValid, ie as decodeIfEncoded, Mr as getRandomLoli, W as getRandomSticker, et as installKunUIConfig, $e as provideKunUIConfig, Fa as resizeImage, Ht as useContentLightbox, Zn as useFilePicker, Xe as useKunAlert, Ye as useKunAlertState, Pn as useKunCopy, Ur as useKunLoliInfo, Hr as useKunLoliState, Nn as useKunMessage, Mn as useKunMessageState, Y as useKunUIConfig, Ft as useKunUniqueId, X as useResolvedRounded, tt as useRipple, Vt as useSpoilerContent };