@kungal/ui-vue 2.3.1 → 2.5.0

package/dist/index.js

@@ -7,7 +7,7 @@ import { addMonths as Fe, addYears as Ie, eachDayOfInterval as Le, endOfMonth as
 import { enUS as Qe, ja as $e, zhCN as et } from "date-fns/locale";
 import { Cropper as tt } from "vue-advanced-cropper";
 //#region src/componentNames.ts
-var nt = /* @__PURE__ */ "KunAccordion.KunAccordionItem.KunAlertProvider.KunAutocomplete.KunAvatar.KunAvatarGroup.KunBadge.KunBrand.KunButton.KunCard.KunCarousel.KunCarouselItem.KunCheckBox.KunChip.KunContent.KunContextMenu.KunCopy.KunDatePicker.KunDivider.KunDrawer.KunDropdown.KunFadeCard.KunFileInput.KunHeader.KunIcon.KunImage.KunImageNative.KunInfo.KunInput.KunLightbox.KunLightboxGallery.KunLightboxGalleryItem.KunLink.KunLoading.KunLoli.KunLoliProvider.KunMarkdown.KunMessageProvider.KunModal.KunNull.KunNumberInput.KunPagination.KunPinInput.KunPopover.KunProgress.KunRadioGroup.KunRating.KunReaction.KunRipple.KunScrollShadow.KunSelect.KunSkeleton.KunSlider.KunSteps.KunSwitch.KunTab.KunTabPanel.KunTabPanels.KunTagInput.KunText.KunTextarea.KunTimeline.KunTimelineItem.KunTooltip.KunUpload.KunUserChip".split("."), rt = Symbol("kun-accordion"), it = /* @__PURE__ */ p({
+var nt = /* @__PURE__ */ "KunAccordion.KunAccordionItem.KunAlertProvider.KunAutocomplete.KunAvatar.KunAvatarGroup.KunBadge.KunBrand.KunButton.KunCard.KunCarousel.KunCarouselItem.KunCheckBox.KunChip.KunContent.KunContextMenu.KunCopy.KunDatePicker.KunDivider.KunDrawer.KunDropdown.KunFadeCard.KunFileInput.KunHeader.KunIcon.KunImage.KunImageNative.KunInfo.KunInput.KunLightbox.KunLightboxGallery.KunLightboxGalleryItem.KunLink.KunLoading.KunLoli.KunLoliProvider.KunMarkdown.KunMessageProvider.KunModal.KunNull.KunNumberInput.KunPagination.KunPinInput.KunPopover.KunProgress.KunRadioGroup.KunRating.KunReaction.KunRipple.KunScrollShadow.KunSelect.KunShatter.KunSkeleton.KunSlider.KunSteps.KunSwitch.KunTab.KunTabPanel.KunTabPanels.KunTagInput.KunText.KunTextarea.KunTimeline.KunTimelineItem.KunTooltip.KunUpload.KunUserChip".split("."), rt = Symbol("kun-accordion"), it = /* @__PURE__ */ p({
 	name: "KunAccordion",
 	__name: "Accordion",
 	props: /*@__PURE__*/ g({
@@ -5391,7 +5391,323 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			e.error ? (T(), l("p", js, M(e.error), 1)) : e.description ? (T(), l("p", Ms, M(e.description), 1)) : c("", !0)
 		], 2));
 	}
-}), Ps = { class: "relative" }, Fs = ["aria-label"], Is = /* @__PURE__ */ p({
+}), Ps = /* @__PURE__ */ p({
+	name: "KunShatter",
+	__name: "Shatter",
+	props: /*@__PURE__*/ g({
+		trigger: { default: "manual" },
+		pieces: { default: 24 },
+		duration: { default: 1100 },
+		origin: { default: "center" },
+		spread: { default: 1 },
+		gravity: { default: 1 },
+		rotation: { default: 140 },
+		fade: {
+			type: Boolean,
+			default: !0
+		},
+		easing: { default: "linear" },
+		seed: {},
+		reassemble: {
+			type: Boolean,
+			default: !0
+		},
+		autoRestore: { default: 0 },
+		keepSpace: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		disableAnimation: {
+			type: Boolean,
+			default: !1
+		},
+		zIndex: { default: 9999 },
+		className: { default: "" }
+	}, {
+		shattered: {
+			type: Boolean,
+			default: !1
+		},
+		shatteredModifiers: {}
+	}),
+	emits: /*@__PURE__*/ g([
+		"shatterStart",
+		"shatterEnd",
+		"restoreEnd"
+	], ["update:shattered"]),
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = z(e, "shattered"), a = n, o = O(null), s = Te("(prefers-reduced-motion: reduce)"), c = O("idle"), u = null, d = [], f = null, p = {
+			x: 0,
+			y: 0,
+			set: !1
+		}, m = null, h = (e) => {
+			e.style.visibility = "", r.keepSpace ? e.style.visibility = "hidden" : e.style.display = "none";
+		}, g = (e) => {
+			e.style.visibility = "", e.style.display = "";
+		}, _ = (e, t, n) => e < t ? t : e > n ? n : e;
+		function v(e) {
+			return () => {
+				e |= 0, e = e + 1831565813 | 0;
+				let t = Math.imul(e ^ e >>> 15, 1 | e);
+				return t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t, ((t ^ t >>> 14) >>> 0) / 4294967296;
+			};
+		}
+		function b(e, t, n, r, i, a) {
+			let o = [], s = Math.hypot(e, t), c = Math.round(n * .68);
+			for (let n = 0; n < c; n++) {
+				let n = r() * Math.PI * 2, c = s * .55 * r() ** 1.7;
+				o.push([_(i + Math.cos(n) * c, 0, e), _(a + Math.sin(n) * c, 0, t)]);
+			}
+			for (let i = c; i < n; i++) o.push([r() * e, r() * t]);
+			return o.map(([e, t]) => [e + (r() - .5) * .5, t + (r() - .5) * .5]);
+		}
+		function C(e, t, n) {
+			let r = (t[0] + n[0]) / 2, i = (t[1] + n[1]) / 2, a = n[0] - t[0], o = n[1] - t[1], s = (e) => (e[0] - r) * a + (e[1] - i) * o, c = [];
+			for (let t = 0; t < e.length; t++) {
+				let n = e[t], r = e[(t + 1) % e.length];
+				if (!n || !r) continue;
+				let i = s(n), a = s(r);
+				if (i <= 0 && c.push(n), i < 0 && a > 0 || i > 0 && a < 0) {
+					let e = i / (i - a);
+					c.push([n[0] + e * (r[0] - n[0]), n[1] + e * (r[1] - n[1])]);
+				}
+			}
+			return c;
+		}
+		function w(e, t, n) {
+			let r = [];
+			for (let i = 0; i < e.length; i++) {
+				let a = e[i];
+				if (!a) continue;
+				let o = [
+					[0, 0],
+					[t, 0],
+					[t, n],
+					[0, n]
+				];
+				for (let t = 0; t < e.length && o.length >= 3; t++) {
+					let n = e[t];
+					i !== t && n && (o = C(o, a, n));
+				}
+				o.length >= 3 && r.push(o);
+			}
+			return r;
+		}
+		function E(e, t) {
+			let n = r.origin;
+			return n === "top" ? [e / 2, 0] : n === "pointer" ? p.set ? [_(p.x, 0, e), _(p.y, 0, t)] : [e / 2, t / 2] : n && typeof n == "object" ? [_(n.x, 0, e), _(n.y, 0, t)] : [e / 2, t / 2];
+		}
+		function D(e, t, n, i, a, o) {
+			let s = v(n || 1), c = w(b(e, t, _(Math.round(r.pieces), 2, 160), s, i, a), e, t), l = r.spread * Math.hypot(e, t) * .5, u = Math.max(1, Math.hypot(Math.max(i, e - i), Math.max(a, t - a))), d = [];
+			for (let e of c) {
+				let t = Infinity, n = Infinity, c = -Infinity, f = -Infinity, p = 0, m = 0;
+				for (let [r, i] of e) r < t && (t = r), i < n && (n = i), r > c && (c = r), i > f && (f = i), p += r, m += i;
+				p /= e.length, m /= e.length;
+				let h = c - t, g = f - n;
+				if (h < .5 || g < .5) continue;
+				let _ = e.map(([e, r]) => `${(e - t).toFixed(2)}px ${(r - n).toFixed(2)}px`).join(","), v = p - i, y = m - a, b = Math.hypot(v, y);
+				if (b < .01) {
+					let e = s() * Math.PI * 2;
+					v = Math.cos(e), y = Math.sin(e), b = 1;
+				}
+				v /= b, y /= b;
+				let x = l * (.32 + s() * .55), S = v * x, C = y * x * .8, w = r.gravity * l * (.85 + s() * .5), T = (s() * 2 - 1) * r.rotation, E = .8 + s() * .16, D = .5 + s() * .18, O = b / u * Math.min(r.duration * .22, 120), k = S, A = C + w, j = [];
+				for (let e = 0; e <= 16; e++) {
+					let t = e / 16, n, i, a, s, c;
+					if (o === "out") {
+						let e = 1 - (1 - t) ** 1.7;
+						n = S * e, i = C * e + w * t * t, a = T * t, s = 1 - (1 - E) * t, c = r.fade ? t < D ? 1 : Math.max(0, 1 - (t - D) / (1 - D)) : 1;
+					} else {
+						let e = 1 - (1 - t) ** 2, o = 1 - e;
+						n = k * o, i = A * o, a = T * o, s = E + (1 - E) * e, c = r.fade ? Math.min(1, t / .4) : 1;
+					}
+					j.push({
+						offset: +t.toFixed(4),
+						transform: `translate3d(${n.toFixed(1)}px, ${i.toFixed(1)}px, 0) rotate(${a.toFixed(1)}deg) scale(${s.toFixed(3)})`,
+						opacity: +c.toFixed(3),
+						easing: "linear"
+					});
+				}
+				d.push({
+					minX: t,
+					minY: n,
+					bw: h,
+					bh: g,
+					clip: _,
+					originX: p - t,
+					originY: m - n,
+					delay: O,
+					kf: j
+				});
+			}
+			return d;
+		}
+		function k(e, t) {
+			let n = o.value;
+			if (!n) return [];
+			let i = e.width, a = e.height, s = n.cloneNode(!0);
+			s.removeAttribute("id"), Object.assign(s.style, {
+				margin: "0",
+				inset: "auto",
+				position: "static",
+				transform: "none",
+				display: "",
+				visibility: "visible"
+			});
+			let c = document.createElement("div");
+			Object.assign(c.style, {
+				position: "absolute",
+				left: `${e.left + window.scrollX}px`,
+				top: `${e.top + window.scrollY}px`,
+				width: `${i}px`,
+				height: `${a}px`,
+				pointerEvents: "none",
+				overflow: "visible",
+				contain: "layout",
+				zIndex: String(r.zIndex)
+			}), c.setAttribute("aria-hidden", "true");
+			let l = document.createDocumentFragment(), d = [];
+			for (let e of t) {
+				let t = document.createElement("div");
+				Object.assign(t.style, {
+					position: "absolute",
+					left: `${e.minX}px`,
+					top: `${e.minY}px`,
+					width: `${e.bw}px`,
+					height: `${e.bh}px`,
+					overflow: "hidden",
+					clipPath: `polygon(${e.clip})`,
+					transformOrigin: `${e.originX.toFixed(2)}px ${e.originY.toFixed(2)}px`,
+					willChange: "transform, opacity",
+					contain: "layout paint",
+					backfaceVisibility: "hidden"
+				});
+				let n = s.cloneNode(!0);
+				Object.assign(n.style, {
+					position: "absolute",
+					left: `${-e.minX}px`,
+					top: `${-e.minY}px`,
+					width: `${i}px`,
+					height: `${a}px`,
+					margin: "0"
+				}), t.appendChild(n), l.appendChild(t), d.push({
+					el: t,
+					desc: e
+				});
+			}
+			return c.appendChild(l), document.body.appendChild(c), u = c, d;
+		}
+		function j(e, t) {
+			if (d = e.map(({ el: e, desc: t }) => e.animate(t.kf, {
+				duration: r.duration,
+				delay: t.delay,
+				easing: r.easing,
+				fill: "both"
+			})), !d.length) {
+				t();
+				return;
+			}
+			Promise.allSettled(d.map((e) => e.finished)).then(t);
+		}
+		function M(e) {
+			let t = o.value;
+			if (!t || c.value !== "idle" || r.disabled) return;
+			let n = t.getBoundingClientRect(), i = n.width, l = n.height;
+			if (a("shatterStart"), c.value = "shattering", s.value || r.disableAnimation || i < 2 || l < 2 || typeof t.animate != "function") {
+				m = null, N();
+				return;
+			}
+			let [u, d] = e ?? E(i, l);
+			m = {
+				seed: (r.seed ?? Math.floor((typeof performance < "u" ? performance.now() : 0) * 1e3)) >>> 0 || 1,
+				ox: u,
+				oy: d
+			};
+			let f = k(n, D(i, l, m.seed, u, d, "out"));
+			t.style.visibility = "hidden", requestAnimationFrame(() => {
+				c.value === "shattering" && j(f, () => {
+					c.value === "shattering" && N();
+				});
+			});
+		}
+		function N() {
+			L();
+			let e = o.value;
+			e && h(e), c.value = "shattered", i.value = !0, a("shatterEnd"), r.autoRestore > 0 && (f = setTimeout(P, r.autoRestore));
+		}
+		function P() {
+			if (f &&= (clearTimeout(f), null), c.value === "idle") {
+				i.value = !1;
+				return;
+			}
+			if (c.value === "restoring") return;
+			L();
+			let e = o.value, t = r.reassemble && !s.value && !r.disableAnimation && !!m && !!e && typeof e?.animate == "function";
+			if (!e || !t || !m) {
+				e && g(e), c.value = "idle", i.value = !1;
+				return;
+			}
+			e.style.display = "", e.style.visibility = "hidden";
+			let n = e.getBoundingClientRect(), a = n.width, l = n.height;
+			if (a < 2 || l < 2) {
+				g(e), c.value = "idle", i.value = !1;
+				return;
+			}
+			c.value = "restoring";
+			let u = k(n, D(a, l, m.seed, m.ox, m.oy, "in"));
+			requestAnimationFrame(() => {
+				c.value === "restoring" && j(u, () => {
+					c.value === "restoring" && F();
+				});
+			});
+		}
+		function F() {
+			L();
+			let e = o.value;
+			e && g(e), c.value = "idle", i.value = !1, a("restoreEnd");
+		}
+		function L() {
+			for (let e of d) try {
+				e.cancel();
+			} catch {}
+			d = [], u &&= (u.remove(), null);
+		}
+		function R(e) {
+			if (r.trigger !== "click" || c.value !== "idle" || r.disabled) return;
+			let t = o.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			M([e.clientX - n.left, e.clientY - n.top]);
+		}
+		function B(e) {
+			if (r.origin !== "pointer") return;
+			let t = o.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			p.x = e.clientX - n.left, p.y = e.clientY - n.top, p.set = !0;
+		}
+		return U(i, (e) => {
+			e && c.value === "idle" ? M() : !e && c.value !== "idle" && P();
+		}), S(() => {
+			i.value && M();
+		}), x(() => {
+			f && clearTimeout(f), L();
+		}), t({
+			shatter: (e) => M(e),
+			restore: P
+		}), (t, n) => (T(), l("div", {
+			ref_key: "rootRef",
+			ref: o,
+			class: y(I(Y)("kun-shatter inline-block", e.className)),
+			onClick: R,
+			onPointermovePassive: B
+		}, [A(t.$slots, "default")], 34));
+	}
+}), Fs = { class: "relative" }, Is = ["aria-label"], Ls = /*#__PURE__*/ pt(/* @__PURE__ */ p({
 	name: "KunScrollShadow",
 	__name: "ScrollShadow",
 	props: {
@@ -5400,14 +5716,73 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 		shadowSize: { default: "2rem" },
 		className: { default: "" },
 		contentClass: { default: "" },
-		ariaLabel: { default: "scrollable content" }
+		ariaLabel: { default: "scrollable content" },
+		wheel: {
+			type: [Boolean, String],
+			default: !1
+		},
+		draggable: {
+			type: Boolean,
+			default: !1
+		},
+		scrollbar: { default: "hide" }
 	},
 	setup(e) {
-		let t = e, n = O(null), r = O(null), { x: i, y: a } = Ee(n, { throttle: 50 }), { width: s, height: c } = Ce(r), { width: d, height: f } = Ce(n), p = O(!1), m = O(!1);
+		let t = e, n = O(null), r = O(null), { x: i, y: a } = Ee(n, { throttle: 50 }), { width: s, height: c } = Ce(r), { width: d, height: f } = Ce(n), p = o(() => Math.max(0, s.value - d.value)), m = o(() => Math.max(0, c.value - f.value)), h = O(!1), g = O(!1);
 		W(() => {
-			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));
+			n.value && (t.axis === "horizontal" ? (h.value = i.value > 1, g.value = p.value - i.value > 1) : (h.value = a.value > 1, g.value = m.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 _ = o(() => t.wheel && t.axis === "horizontal" ? n.value : null);
+		function v(e) {
+			let r = n.value;
+			if (!r) return;
+			let i = p.value;
+			if (i <= 0) return;
+			let a = Math.abs(e.deltaX) >= Math.abs(e.deltaY) ? e.deltaX : e.deltaY;
+			if (!a) return;
+			let o = r.scrollLeft;
+			if (a < 0 && o <= 0 || a > 0 && o >= i - 1) {
+				t.wheel === "contain" && e.preventDefault();
+				return;
+			}
+			r.scrollLeft = o + a, e.preventDefault();
+		}
+		we(_, "wheel", v, { passive: !1 });
+		let x = o(() => t.draggable ? n.value : null), S = !1, C = !1, w = 0, E = 0, D = -1;
+		function k(e) {
+			if (e.pointerType === "touch" || e.pointerType === "mouse" && e.button !== 0) return;
+			let r = n.value;
+			r && ((t.axis === "horizontal" ? p.value : m.value) <= 0 || (S = !0, C = !1, D = e.pointerId, w = t.axis === "horizontal" ? e.clientX : e.clientY, E = t.axis === "horizontal" ? r.scrollLeft : r.scrollTop));
+		}
+		function j(e) {
+			if (!S || e.pointerId !== D) return;
+			let r = n.value;
+			if (!r) return;
+			let i = (t.axis === "horizontal" ? e.clientX : e.clientY) - w;
+			if (!C) {
+				if (Math.abs(i) < 6) return;
+				C = !0;
+				try {
+					r.setPointerCapture(e.pointerId);
+				} catch {}
+				r.style.userSelect = "none", r.style.cursor = "grabbing";
+			}
+			t.axis === "horizontal" ? r.scrollLeft = E - i : r.scrollTop = E - i;
+		}
+		function M(e) {
+			if (!S) return;
+			S = !1, D = -1;
+			let t = n.value;
+			t && (t.style.userSelect = "", t.style.cursor = "", t.hasPointerCapture?.(e.pointerId) && t.releasePointerCapture(e.pointerId));
+		}
+		function N(e) {
+			C &&= (e.stopPropagation(), e.preventDefault(), !1);
+		}
+		function P(e) {
+			S && e.preventDefault();
+		}
+		we(x, "pointerdown", k), we(x, "pointermove", j), we(x, "pointerup", M), we(x, "pointercancel", M), we(x, "dragstart", P), we(x, "click", N, { capture: !0 });
+		let F = o(() => t.axis === "horizontal" ? "left-0 top-0 bottom-0" : "top-0 left-0 right-0"), L = o(() => t.axis === "horizontal" ? "right-0 top-0 bottom-0" : "bottom-0 left-0 right-0"), R = 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: {
@@ -5420,11 +5795,11 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				}
 			};
 		});
-		return (i, a) => (T(), l("div", Ps, [
+		return (i, a) => (T(), l("div", Fs, [
 			u("div", {
 				"aria-hidden": "true",
-				class: y(I(Y)("pointer-events-none absolute z-10 transition-opacity", h.value, p.value ? "opacity-100" : "opacity-0")),
-				style: b(_.value.start)
+				class: y(I(Y)("pointer-events-none absolute z-10 transition-opacity", F.value, h.value ? "opacity-100" : "opacity-0")),
+				style: b(R.value.start)
 			}, null, 6),
 			u("div", {
 				ref_key: "scrollContainer",
@@ -5432,20 +5807,20 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				tabindex: "0",
 				role: "region",
 				"aria-label": e.ariaLabel,
-				class: y(I(Y)("scrollbar-hide", e.axis === "horizontal" ? "overflow-x-auto" : "overflow-y-auto", t.className))
+				class: y(I(Y)(e.scrollbar === "thin" ? "kun-scroll-thin" : e.scrollbar === "auto" ? "" : "scrollbar-hide", e.axis === "horizontal" ? "overflow-x-auto" : "overflow-y-auto", e.draggable && "cursor-grab", t.className))
 			}, [u("div", {
 				ref_key: "contentWrapper",
 				ref: r,
 				class: y(I(Y)(e.axis === "horizontal" ? "flex w-max gap-3" : "flex w-full flex-col gap-3", t.contentClass))
-			}, [A(i.$slots, "default")], 2)], 10, Fs),
+			}, [A(i.$slots, "default", {}, void 0, !0)], 2)], 10, Is),
 			u("div", {
 				"aria-hidden": "true",
-				class: y(I(Y)("pointer-events-none absolute z-10 transition-opacity", g.value, m.value ? "opacity-100" : "opacity-0")),
-				style: b(_.value.end)
+				class: y(I(Y)("pointer-events-none absolute z-10 transition-opacity", L.value, g.value ? "opacity-100" : "opacity-0")),
+				style: b(R.value.end)
 			}, null, 6)
 		]));
 	}
-}), Ls = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-2609420b"]]), Rs = /* @__PURE__ */ p({
 	name: "KunSkeleton",
 	__name: "Skeleton",
 	props: {
@@ -5475,16 +5850,16 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			style: b(i.value)
 		}, null, 6));
 	}
-}), Rs = {
+}), zs = {
 	key: 0,
 	class: "mb-1.5 flex items-center justify-between gap-2"
-}, zs = ["id"], Bs = {
+}, Bs = ["id"], Vs = {
 	key: 1,
 	class: "text-default-500 text-sm tabular-nums"
-}, Vs = {
+}, Hs = {
 	key: 0,
 	class: "bg-content1 text-foreground border-kun pointer-events-none absolute bottom-full left-1/2 mb-2 -translate-x-1/2 rounded-kun-sm border px-2 py-0.5 text-xs font-medium tabular-nums shadow-kun-sm"
-}, Hs = [
+}, Us = [
 	"tabindex",
 	"aria-label",
 	"aria-labelledby",
@@ -5493,16 +5868,16 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 	"aria-valuemax",
 	"aria-valuetext",
 	"aria-disabled"
-], Us = {
+], Ws = {
 	key: 0,
 	class: "relative mt-1 h-4"
-}, Ws = {
+}, Gs = {
 	key: 1,
 	class: "text-danger mt-1 text-sm"
-}, Gs = {
+}, Ks = {
 	key: 2,
 	class: "text-default-500 mt-1 text-sm"
-}, Ks = /* @__PURE__ */ p({
+}, qs = /* @__PURE__ */ p({
 	name: "KunSlider",
 	__name: "Slider",
 	props: /*@__PURE__*/ g({
@@ -5652,11 +6027,11 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 		return w(() => {
 			R();
 		}), (n, a) => (T(), l("div", { class: y(I(Y)("w-full", e.disabled && "opacity-50")) }, [
-			e.label || e.showValue ? (T(), l("div", Rs, [e.label ? (T(), l("label", {
+			e.label || e.showValue ? (T(), l("div", zs, [e.label ? (T(), l("label", {
 				key: 0,
 				id: `${I(d)}-label`,
 				class: "text-default-700 block text-sm font-medium"
-			}, M(e.label), 9, zs)) : c("", !0), e.showValue ? (T(), l("span", Bs, M(j.value), 1)) : c("", !0)])) : c("", !0),
+			}, M(e.label), 9, Bs)) : c("", !0), e.showValue ? (T(), l("span", Vs, M(j.value), 1)) : c("", !0)])) : c("", !0),
 			u("div", {
 				class: y(["kun-slider relative py-2", e.disabled ? "cursor-not-allowed" : "cursor-pointer"]),
 				ref_key: "sliderRef",
@@ -5684,7 +6059,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 					"leave-active-class": "transition duration-kun-exit ease-kun-in",
 					"leave-to-class": "opacity-0 translate-y-1"
 				}, {
-					default: G(() => [V.value ? (T(), l("span", Vs, M(j.value), 1)) : c("", !0)]),
+					default: G(() => [V.value ? (T(), l("span", Hs, M(j.value), 1)) : c("", !0)]),
 					_: 1
 				}), u("div", {
 					class: y(["bg-content1 rounded-full border-2 transition-shadow duration-kun-fast hover:ring-4 focus-visible:ring-4 focus-visible:outline-none active:ring-4", [
@@ -5708,19 +6083,19 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 					onKeydown: B,
 					onFocus: a[0] ||= (e) => x.value = !0,
 					onBlur: a[1] ||= (e) => !v.value && (x.value = !1)
-				}, null, 42, Hs)], 36)
-			], 2), N.value.some((e) => e.label) ? (T(), l("div", Us, [(T(!0), l(t, null, k(N.value, (e, t) => K((T(), l("span", {
+				}, null, 42, Us)], 36)
+			], 2), N.value.some((e) => e.label) ? (T(), l("div", Ws, [(T(!0), l(t, null, k(N.value, (e, t) => K((T(), l("span", {
 				key: t,
 				class: "text-default-500 absolute -translate-x-1/2 text-xs whitespace-nowrap",
 				style: b({ left: e.percent + "%" })
 			}, M(e.label), 5)), [[H, e.label]])), 128))])) : c("", !0)], 34),
-			e.error ? (T(), l("p", Ws, M(e.error), 1)) : e.description ? (T(), l("p", Gs, M(e.description), 1)) : c("", !0)
+			e.error ? (T(), l("p", Gs, M(e.error), 1)) : e.description ? (T(), l("p", Ks, M(e.description), 1)) : c("", !0)
 		], 2));
 	}
-}), qs = ["aria-current"], Js = {
+}), Js = ["aria-current"], Ys = {
 	key: 0,
 	class: "text-default-500 mt-0.5 text-xs"
-}, Ys = /* @__PURE__ */ p({
+}, Xs = /* @__PURE__ */ p({
 	name: "KunSteps",
 	__name: "Steps",
 	props: {
@@ -5780,14 +6155,14 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 		}, null, 8, ["name", "class"])) : (T(), l(t, { key: 2 }, [d(M(i + 1), 1)], 64))], 2), i < e.items.length - 1 ? (T(), l("span", {
 			key: 0,
 			class: y(I(Y)("transition-colors", r.value ? "mt-1 w-0.5 flex-1" : "mx-2 h-0.5 flex-1", h(i)))
-		}, null, 2)) : c("", !0)], 2), u("div", { class: y(r.value ? "pb-6" : I(Y)("mt-2", i < e.items.length - 1 ? "pr-2" : "")) }, [u("p", { class: y(I(Y)("font-medium", a.value.title, p(i) === "pending" ? "text-default-400" : p(i) === "active" ? I(_e)[e.color] : "text-foreground")) }, M(n.title), 3), n.description ? (T(), l("p", Js, M(n.description), 1)) : c("", !0)], 2)], 10, qs))), 128))], 2));
+		}, null, 2)) : c("", !0)], 2), u("div", { class: y(r.value ? "pb-6" : I(Y)("mt-2", i < e.items.length - 1 ? "pr-2" : "")) }, [u("p", { class: y(I(Y)("font-medium", a.value.title, p(i) === "pending" ? "text-default-400" : p(i) === "active" ? I(_e)[e.color] : "text-foreground")) }, M(n.title), 3), n.description ? (T(), l("p", Ys, M(n.description), 1)) : c("", !0)], 2)], 10, Js))), 128))], 2));
 	}
-}), Xs = [
+}), Zs = [
 	"id",
 	"checked",
 	"disabled",
 	"aria-describedby"
-], Zs = { class: "relative" }, Qs = ["id"], $s = ["id"], ec = /* @__PURE__ */ p({
+], Qs = { class: "relative" }, $s = ["id"], ec = ["id"], tc = /* @__PURE__ */ p({
 	name: "KunSwitch",
 	__name: "Switch",
 	props: /*@__PURE__*/ g({
@@ -5856,8 +6231,8 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				disabled: e.disabled,
 				"aria-describedby": e.error || e.description ? `${I(r)}-desc` : void 0,
 				onChange: i[0] ||= (e) => n.value = e.target.checked
-			}, null, 40, Xs),
-			u("div", Zs, [u("div", { class: y(["rounded-full transition-colors duration-kun-fast ease-kun-standard peer-focus-visible:ring-2 peer-focus-visible:ring-primary/50", [
+			}, null, 40, Zs),
+			u("div", Qs, [u("div", { class: y(["rounded-full transition-colors duration-kun-fast ease-kun-standard peer-focus-visible:ring-2 peer-focus-visible:ring-primary/50", [
 				a.value.track,
 				n.value ? "bg-primary" : "bg-default-500",
 				e.disabled ? "opacity-50" : "",
@@ -5871,13 +6246,13 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			key: 0,
 			id: `${I(r)}-desc`,
 			class: "text-danger mt-1 text-sm"
-		}, M(e.error), 9, Qs)) : e.description ? (T(), l("p", {
+		}, M(e.error), 9, $s)) : e.description ? (T(), l("p", {
 			key: 1,
 			id: `${I(r)}-desc`,
 			class: "text-default-500 mt-1 text-sm"
-		}, M(e.description), 9, $s)) : c("", !0)]));
+		}, M(e.description), 9, ec)) : c("", !0)]));
 	}
-}), tc = Symbol("kun-tab-panels"), nc = (e, t) => `${e ?? "kun"}-tab-${t}`, rc = (e, t) => `${e ?? "kun"}-tabpanel-${t}`, ic = ["aria-orientation"], ac = { key: 1 }, oc = /* @__PURE__ */ p({
+}), nc = Symbol("kun-tab-panels"), rc = (e, t) => `${e ?? "kun"}-tab-${t}`, ic = (e, t) => `${e ?? "kun"}-tabpanel-${t}`, ac = ["aria-orientation"], oc = { key: 1 }, sc = /* @__PURE__ */ p({
 	name: "KunTab",
 	__name: "Tab",
 	props: /*@__PURE__*/ g({
@@ -6013,7 +6388,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			disabled: e.disabled || r.disabled
 		}, V = (e, t, n) => {
 			t.href && e.preventDefault(), L(t, n);
-		}, H = (e) => nc(r.name, e), W = (e) => rc(r.name, e), K = (e) => i.value === e.value, q = o(() => Y("relative", p.value ? "inline-flex flex-col" : "inline-flex", r.fullWidth && "w-full", r.disabled && "opacity-50 cursor-not-allowed", r.scrollable && (p.value ? "max-h-full overflow-y-auto scrollbar-hide" : "max-w-full overflow-x-auto scrollbar-hide"), r.className)), J = o(() => {
+		}, H = (e) => rc(r.name, e), W = (e) => ic(r.name, e), K = (e) => i.value === e.value, q = o(() => Y("relative", p.value ? "inline-flex flex-col" : "inline-flex", r.fullWidth && "w-full", r.disabled && "opacity-50 cursor-not-allowed", r.scrollable && (p.value ? "max-h-full overflow-y-auto scrollbar-hide" : "max-w-full overflow-x-auto scrollbar-hide"), r.className)), J = o(() => {
 			let e = p.value ? Y("relative flex flex-col items-stretch", h[r.size]) : Y("relative flex items-center", h[r.size]);
 			switch (r.variant) {
 				case "underlined": return Y(e, r.innerClassName);
@@ -6087,7 +6462,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				key: 0,
 				class: "inline-flex shrink-0",
 				style: b({ fontSize: e.iconSize })
-			}, [f(Q, { name: t.icon }, null, 8, ["name"])], 4)) : c("", !0), t.textValue ? (T(), l("span", ac, M(t.textValue), 1)) : c("", !0)]),
+			}, [f(Q, { name: t.icon }, null, 8, ["name"])], 4)) : c("", !0), t.textValue ? (T(), l("span", oc, M(t.textValue), 1)) : c("", !0)]),
 			_: 2
 		}, 1040, [
 			"id",
@@ -6099,14 +6474,14 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			"style",
 			"onClick",
 			"onKeydown"
-		]))), 128))], 10, ic)], 2));
+		]))), 128))], 10, ac)], 2));
 	}
-}), sc = [
+}), cc = [
 	"id",
 	"aria-labelledby",
 	"tabindex",
 	"data-kun-tab-hidden"
-], cc = /*#__PURE__*/ pt(/* @__PURE__ */ p({
+], lc = /*#__PURE__*/ pt(/* @__PURE__ */ p({
 	name: "KunTabPanel",
 	__name: "TabPanel",
 	props: {
@@ -6123,7 +6498,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 	},
 	emits: ["activate"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = m(tc, null), a = o(() => n.active ?? i?.active.value), s = o(() => a.value === n.value), u = o(() => n.forceMount ? "eager" : n.mount ?? i?.mount.value ?? "eager"), d = o(() => n.hiddenStrategy ?? i?.hiddenStrategy.value ?? "until-found"), f = o(() => n.name ?? i?.name.value), p = o(() => rc(f.value, n.value)), h = o(() => nc(f.value, n.value)), g = O(s.value);
+		let n = e, r = t, i = m(nc, null), a = o(() => n.active ?? i?.active.value), s = o(() => a.value === n.value), u = o(() => n.forceMount ? "eager" : n.mount ?? i?.mount.value ?? "eager"), d = o(() => n.hiddenStrategy ?? i?.hiddenStrategy.value ?? "until-found"), f = o(() => n.name ?? i?.name.value), p = o(() => ic(f.value, n.value)), h = o(() => rc(f.value, n.value)), g = O(s.value);
 		U(s, (e) => {
 			e && (g.value = !0);
 		});
@@ -6158,9 +6533,9 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			"data-kun-tab-hidden": !b.value && x.value ? "" : void 0,
 			class: y(I(Y)("focus:outline-none", e.className)),
 			onBeforematch: w
-		}, [A(t.$slots, "default", {}, void 0, !0)], 42, sc)) : c("", !0);
+		}, [A(t.$slots, "default", {}, void 0, !0)], 42, cc)) : c("", !0);
 	}
-}), [["__scopeId", "data-v-ccf67b4b"]]), lc = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-ccf67b4b"]]), uc = /* @__PURE__ */ p({
 	name: "KunTabPanels",
 	__name: "TabPanels",
 	props: /*@__PURE__*/ g({
@@ -6174,7 +6549,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = e, n = z(e, "modelValue");
-		return E(tc, {
+		return E(nc, {
 			active: o(() => n.value),
 			activate: (e) => {
 				n.value = e;
@@ -6184,24 +6559,24 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			name: o(() => t.name)
 		}), (e, t) => (T(), l("div", null, [A(e.$slots, "default")]));
 	}
-}), uc = { class: "w-full" }, dc = ["for"], fc = [
+}), dc = { class: "w-full" }, fc = ["for"], pc = [
 	"aria-label",
 	"aria-invalid",
 	"aria-disabled"
-], pc = [
+], mc = [
 	"tabindex",
 	"aria-label",
 	"onKeydown"
-], mc = ["aria-label", "onClick"], hc = [
+], hc = ["aria-label", "onClick"], gc = [
 	"id",
 	"placeholder",
 	"disabled",
 	"readonly",
 	"aria-describedby"
-], gc = {
+], _c = {
 	key: 1,
 	class: "text-default-400 ml-auto text-xs tabular-nums"
-}, _c = ["id"], vc = ["id"], yc = /* @__PURE__ */ p({
+}, vc = ["id"], yc = ["id"], bc = /* @__PURE__ */ p({
 	name: "KunTagInput",
 	__name: "TagInput",
 	props: /*@__PURE__*/ g({
@@ -6381,12 +6756,12 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			lg: "text-base",
 			xl: "text-lg"
 		}, ee = o(() => Y("flex flex-wrap items-center transition-shadow", a.value, W[r.size], G[r.size], q[r.size], "border border-transparent", !r.error && "border-kun", r.variant === "flat" && "bg-content1 shadow-kun-sm", r.error ? de.danger : de[r.color], r.error && "border-danger", r.disabled && "opacity-50 cursor-not-allowed bg-default-100", r.readonly && "cursor-default", r.className)), te = o(() => Y("inline-flex items-center gap-1 rounded-full font-medium whitespace-nowrap select-none", ve("flat", r.color), ce[r.size], X[r.color])), ne = o(() => d.value.length >= r.maxTags);
-		return (n, r) => (T(), l("div", uc, [
+		return (n, r) => (T(), l("div", dc, [
 			e.label ? (T(), l("label", {
 				key: 0,
 				for: I(S),
 				class: "text-default-700 mb-1 block text-sm font-medium"
-			}, M(e.label), 9, dc)) : c("", !0),
+			}, M(e.label), 9, fc)) : c("", !0),
 			u("div", {
 				role: "group",
 				"aria-label": e.label || "tag input",
@@ -6418,7 +6793,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				}, [f(Q, {
 					name: "lucide:x",
 					class: "size-3.5"
-				})], 8, mc)) : c("", !0)])], 42, pc))), 128)),
+				})], 8, hc)) : c("", !0)])], 42, mc))), 128)),
 				e.readonly ? c("", !0) : K((T(), l("input", {
 					key: 0,
 					id: I(S),
@@ -6437,21 +6812,21 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 					onCompositionend: R,
 					onPaste: B,
 					onBlur: H
-				}, null, 40, hc)), [[V, g.value]]),
-				e.showCounter && e.maxTags !== Infinity ? (T(), l("span", gc, M(d.value.length) + "/" + M(e.maxTags), 1)) : c("", !0)
-			], 10, fc),
+				}, null, 40, gc)), [[V, g.value]]),
+				e.showCounter && e.maxTags !== Infinity ? (T(), l("span", _c, M(d.value.length) + "/" + M(e.maxTags), 1)) : c("", !0)
+			], 10, pc),
 			e.error ? (T(), l("p", {
 				key: 1,
 				id: `${I(S)}-msg`,
 				class: "text-danger mt-1 text-sm"
-			}, M(e.error), 9, _c)) : s.value ? (T(), l("p", {
+			}, M(e.error), 9, vc)) : s.value ? (T(), l("p", {
 				key: 2,
 				id: `${I(S)}-msg`,
 				class: "text-default-500 mt-1 text-sm"
-			}, M(s.value), 9, vc)) : c("", !0)
+			}, M(s.value), 9, yc)) : c("", !0)
 		]));
 	}
-}), bc = /*#__PURE__*/ pt(/* @__PURE__ */ p({
+}), xc = /*#__PURE__*/ pt(/* @__PURE__ */ p({
 	name: "KunText",
 	__name: "Text",
 	props: {
@@ -6462,10 +6837,10 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 		let t = e, n = o(() => t.content.replace(/([_/])/g, "$1​"));
 		return (e, r) => (T(), l("span", { class: y(I(Y)("kun-text-block", t.className)) }, M(n.value), 3));
 	}
-}), [["__scopeId", "data-v-e9ad81ae"]]), xc = { class: "w-full" }, Sc = ["for"], Cc = {
+}), [["__scopeId", "data-v-e9ad81ae"]]), Sc = { class: "w-full" }, Cc = ["for"], wc = {
 	key: 0,
 	class: "text-danger ml-1"
-}, wc = { class: "relative" }, Tc = [
+}, Tc = { class: "relative" }, Ec = [
 	"id",
 	"name",
 	"placeholder",
@@ -6476,16 +6851,16 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 	"minlength",
 	"rows",
 	"autofocus"
-], Ec = {
+], Dc = {
 	key: 0,
 	class: "text-default-500 absolute right-2 bottom-2 text-xs"
-}, Dc = {
+}, Oc = {
 	key: 1,
 	class: "text-danger mt-1 text-sm"
-}, Oc = {
+}, kc = {
 	key: 2,
 	class: "text-default-500 mt-1 text-sm"
-}, kc = /* @__PURE__ */ p({
+}, Ac = /* @__PURE__ */ p({
 	name: "KunTextarea",
 	__name: "Textarea",
 	props: /*@__PURE__*/ g({
@@ -6570,13 +6945,13 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				});
 			},
 			textareaRef: m
-		}), (t, n) => (T(), l("div", xc, [
+		}), (t, n) => (T(), l("div", Sc, [
 			e.label ? (T(), l("label", {
 				key: 0,
 				for: I(p),
 				class: "text-default-700 mb-1 block text-sm font-medium"
-			}, [d(M(e.label) + " ", 1), e.required ? (T(), l("span", Cc, "*")) : c("", !0)], 8, Sc)) : c("", !0),
-			u("div", wc, [K(u("textarea", {
+			}, [d(M(e.label) + " ", 1), e.required ? (T(), l("span", wc, "*")) : c("", !0)], 8, Cc)) : c("", !0),
+			u("div", Tc, [K(u("textarea", {
 				id: I(p),
 				ref_key: "textareaRef",
 				ref: m,
@@ -6594,30 +6969,30 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				onInput: g,
 				onBlur: n[1] ||= (e) => h("blur", e),
 				onFocus: n[2] ||= (e) => h("focus", e)
-			}, null, 42, Tc), [[V, f.value]]), e.maxlength && e.showCharCount ? (T(), l("div", Ec, M(f.value.length) + "/" + M(e.maxlength), 1)) : c("", !0)]),
-			e.error ? (T(), l("p", Dc, M(e.error), 1)) : s.value ? (T(), l("p", Oc, M(s.value), 1)) : c("", !0)
+			}, null, 42, Ec), [[V, f.value]]), e.maxlength && e.showCharCount ? (T(), l("div", Dc, M(f.value.length) + "/" + M(e.maxlength), 1)) : c("", !0)]),
+			e.error ? (T(), l("p", Oc, M(e.error), 1)) : s.value ? (T(), l("p", kc, M(s.value), 1)) : c("", !0)
 		]));
 	}
-}), Ac = /* @__PURE__ */ p({
+}), jc = /* @__PURE__ */ p({
 	name: "KunTimeline",
 	__name: "Timeline",
 	props: { className: { default: "" } },
 	setup(e) {
 		return (t, n) => (T(), l("ol", { class: y(I(Y)("kun-timeline relative", e.className)) }, [A(t.$slots, "default")], 2));
 	}
-}), jc = { class: "flex flex-col items-center self-stretch" }, Mc = {
+}), Mc = { class: "flex flex-col items-center self-stretch" }, Nc = {
 	key: 0,
 	class: "flex flex-wrap items-center justify-between gap-x-3"
-}, Nc = {
+}, Pc = {
 	key: 0,
 	class: "text-foreground font-medium"
-}, Pc = {
+}, Fc = {
 	key: 1,
 	class: "text-default-400 text-xs"
-}, Fc = {
+}, Ic = {
 	key: 1,
 	class: "text-default-600 mt-1 text-sm"
-}, Ic = /* @__PURE__ */ p({
+}, Lc = /* @__PURE__ */ p({
 	name: "KunTimelineItem",
 	__name: "TimelineItem",
 	props: {
@@ -6629,7 +7004,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 	},
 	setup(e) {
 		let t = e, n = o(() => !!t.icon);
-		return (t, r) => (T(), l("li", { class: y(I(Y)("flex gap-3", e.className)) }, [u("div", jc, [n.value ? (T(), l("span", {
+		return (t, r) => (T(), l("li", { class: y(I(Y)("flex gap-3", e.className)) }, [u("div", Mc, [n.value ? (T(), l("span", {
 			key: 0,
 			class: y(I(Y)("inline-flex size-7 shrink-0 items-center justify-center rounded-full", I(me)[e.color], I(ge)[e.color]))
 		}, [f(Q, {
@@ -6638,9 +7013,9 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 		}, null, 8, ["name"])], 2)) : (T(), l("span", {
 			key: 1,
 			class: y(I(Y)("mt-1.5 size-3 shrink-0 rounded-full", I(me)[e.color]))
-		}, null, 2)), r[0] ||= u("span", { class: "kun-tl-line bg-default-200 my-1.5 w-px flex-1" }, null, -1)]), u("div", { class: y(["kun-tl-content min-w-0 flex-1 pb-6", n.value ? "pt-0.5" : ""]) }, [e.title || e.time || t.$slots.title || t.$slots.time ? (T(), l("div", Mc, [e.title || t.$slots.title ? (T(), l("p", Nc, [A(t.$slots, "title", {}, () => [d(M(e.title), 1)])])) : c("", !0), e.time || t.$slots.time ? (T(), l("span", Pc, [A(t.$slots, "time", {}, () => [d(M(e.time), 1)])])) : c("", !0)])) : c("", !0), t.$slots.default ? (T(), l("div", Fc, [A(t.$slots, "default")])) : c("", !0)], 2)], 2));
+		}, null, 2)), r[0] ||= u("span", { class: "kun-tl-line bg-default-200 my-1.5 w-px flex-1" }, null, -1)]), u("div", { class: y(["kun-tl-content min-w-0 flex-1 pb-6", n.value ? "pt-0.5" : ""]) }, [e.title || e.time || t.$slots.title || t.$slots.time ? (T(), l("div", Nc, [e.title || t.$slots.title ? (T(), l("p", Pc, [A(t.$slots, "title", {}, () => [d(M(e.title), 1)])])) : c("", !0), e.time || t.$slots.time ? (T(), l("span", Fc, [A(t.$slots, "time", {}, () => [d(M(e.time), 1)])])) : c("", !0)])) : c("", !0), t.$slots.default ? (T(), l("div", Ic, [A(t.$slots, "default")])) : c("", !0)], 2)], 2));
 	}
-}), Lc = ["aria-describedby"], Rc = ["id"], zc = /* @__PURE__ */ p({
+}), Rc = ["aria-describedby"], zc = ["id"], Bc = /* @__PURE__ */ p({
 	name: "KunTooltip",
 	__name: "Tooltip",
 	props: {
@@ -6704,15 +7079,15 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				ref: x,
 				class: "bg-content1 absolute size-2 rotate-45",
 				style: b(I(S))
-			}, null, 4)) : c("", !0)], 14, Rc)) : c("", !0)]),
+			}, null, 4)) : c("", !0)], 14, zc)) : c("", !0)]),
 			_: 3
-		})]))], 42, Lc));
+		})]))], 42, Rc));
 	}
-}), Bc = (e) => [
+}), Vc = (e) => [
 	"image/jpeg",
 	"image/png",
 	"image/webp"
-].includes(e.type) ? !0 : (console.error("Invalid file type"), !1), Vc = async (e, t, n) => new Promise((r) => {
+].includes(e.type) ? !0 : (console.error("Invalid file type"), !1), Hc = async (e, t, n) => new Promise((r) => {
 	let i = new FileReader();
 	i.onload = (e) => {
 		let i = new Image();
@@ -6723,13 +7098,13 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			}, "image/webp", .77);
 		}, i.src = e.target?.result;
 	}, i.readAsDataURL(e);
-}), Hc = {
+}), Uc = {
 	key: 0,
 	class: "absolute inset-0 flex flex-col items-center justify-center"
-}, Uc = {
+}, Wc = {
 	key: 0,
 	class: "text-default-500 mt-2 text-sm"
-}, Wc = ["src"], Gc = { class: "max-w-xl" }, Kc = { class: "mt-4 flex justify-end space-x-2" }, qc = /* @__PURE__ */ p({
+}, Gc = ["src"], Kc = { class: "max-w-xl" }, qc = { class: "mt-4 flex justify-end space-x-2" }, Jc = /* @__PURE__ */ p({
 	name: "KunUpload",
 	__name: "Upload",
 	props: {
@@ -6744,13 +7119,13 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 	emits: ["setImage"],
 	setup(e, { emit: t }) {
 		let n = e, r = Tt(() => n.rounded), i = o(() => Z[r.value]), a = o(() => n.description || n.hint), p = t, m = O(), h = O(), g = O(""), _ = O(!1), v = O(""), x = o(() => n.initialImage || ""), S = (e) => {
-			Bc(e) && (v.value = URL.createObjectURL(e), _.value = !0);
+			Vc(e) && (v.value = URL.createObjectURL(e), _.value = !0);
 		}, C = async (e) => {
 			let t = e.canvas, r = await new Promise((e) => {
 				t.toBlob((t) => {
 					t && e(t);
 				}, "image/webp", .77);
-			}), i = await Vc(new File([r], "cropped.webp", { type: "image/webp" }), n.size, n.size / n.aspect);
+			}), i = await Hc(new File([r], "cropped.webp", { type: "image/webp" }), n.size, n.size / n.aspect);
 			h.value = i, g.value = URL.createObjectURL(i);
 		}, w = (e) => {
 			let t = e.target;
@@ -6774,16 +7149,16 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			onDragover: D,
 			onClick: k
 		}, [
-			!g.value && !x.value ? (T(), l("div", Hc, [f(Q, {
+			!g.value && !x.value ? (T(), l("div", Uc, [f(Q, {
 				name: "lucide:plus",
 				class: "text-default-500 text-3xl"
-			}), a.value ? (T(), l("span", Uc, M(a.value), 1)) : c("", !0)])) : c("", !0),
+			}), a.value ? (T(), l("span", Wc, M(a.value), 1)) : c("", !0)])) : c("", !0),
 			g.value || x.value ? (T(), l("img", {
 				key: 1,
 				src: g.value || x.value,
 				alt: "上传图片",
 				class: y(I(Y)("h-full w-full object-cover", i.value))
-			}, null, 10, Wc)) : c("", !0),
+			}, null, 10, Gc)) : c("", !0),
 			u("input", {
 				ref_key: "input",
 				ref: m,
@@ -6797,7 +7172,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			"is-dismissable": !1,
 			"onUpdate:modelValue": r[1] ||= (e) => _.value = e
 		}, {
-			default: G(() => [u("div", Gc, [
+			default: G(() => [u("div", Kc, [
 				r[4] ||= u("div", { class: "mb-4" }, [u("h3", { class: "text-lg font-semibold" }, "裁剪图片")], -1),
 				v.value ? (T(), s(I(tt), {
 					key: 0,
@@ -6805,7 +7180,7 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 					"stencil-props": { aspectRatio: n.aspect },
 					onChange: C
 				}, null, 8, ["src", "stencil-props"])) : c("", !0),
-				u("div", Kc, [f($, {
+				u("div", qc, [f($, {
 					variant: "light",
 					color: "danger",
 					onClick: r[0] ||= (e) => _.value = !1
@@ -6824,10 +7199,10 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 			_: 1
 		}, 8, ["model-value"])]));
 	}
-}), Jc = { class: "flex min-w-0 flex-col text-sm" }, Yc = { class: "truncate" }, Xc = {
+}), Yc = { class: "flex min-w-0 flex-col text-sm" }, Xc = { class: "truncate" }, Zc = {
 	key: 0,
 	class: "text-default-500 truncate"
-}, Zc = /* @__PURE__ */ p({
+}, Qc = /* @__PURE__ */ p({
 	name: "KunUserChip",
 	__name: "UserChip",
 	props: {
@@ -6863,14 +7238,14 @@ var Ho = { class: "relative inline-block" }, Uo = ["aria-expanded", "aria-contro
 				"disable-floating",
 				"user",
 				"size"
-			]), u("div", Jc, [u("span", Yc, M(e.user?.name || "未知用户"), 1), e.description ? (T(), l("span", Xc, M(e.description), 1)) : c("", !0)])]),
+			]), u("div", Yc, [u("span", Xc, M(e.user?.name || "未知用户"), 1), e.description ? (T(), l("span", Zc, M(e.description), 1)) : c("", !0)])]),
 			_: 1
 		}, 16, ["class"]));
 	}
 });
 //#endregion
 //#region src/resolver.ts
-function Qc(e = {}) {
+function $c(e = {}) {
 	let t = new Set(nt), n = e.importStyle ?? !0;
 	return {
 		type: "component",
@@ -6885,7 +7260,7 @@ function Qc(e = {}) {
 }
 //#endregion
 //#region src/index.ts
-var $c = {
+var el = {
 	KunAccordion: it,
 	KunAccordionItem: bt,
 	KunAlertProvider: en,
@@ -6935,25 +7310,26 @@ var $c = {
 	KunRating: ps,
 	KunReaction: _s,
 	KunRipple: Ot,
-	KunScrollShadow: Is,
+	KunScrollShadow: Ls,
 	KunSelect: Ns,
-	KunSkeleton: Ls,
-	KunSlider: Ks,
-	KunSteps: Ys,
-	KunSwitch: ec,
-	KunTab: oc,
-	KunTabPanel: cc,
-	KunTabPanels: lc,
-	KunTagInput: yc,
-	KunText: bc,
-	KunTextarea: kc,
-	KunTimeline: Ac,
-	KunTimelineItem: Ic,
-	KunTooltip: zc,
-	KunUpload: qc,
-	KunUserChip: Zc
-}, el = { install(e) {
-	for (let [t, n] of Object.entries($c)) e.component(t, n);
+	KunShatter: Ps,
+	KunSkeleton: Rs,
+	KunSlider: qs,
+	KunSteps: Xs,
+	KunSwitch: tc,
+	KunTab: sc,
+	KunTabPanel: lc,
+	KunTabPanels: uc,
+	KunTagInput: bc,
+	KunText: xc,
+	KunTextarea: Ac,
+	KunTimeline: jc,
+	KunTimelineItem: Lc,
+	KunTooltip: Bc,
+	KunUpload: Jc,
+	KunUserChip: Qc
+}, tl = { install(e) {
+	for (let [t, n] of Object.entries(el)) e.component(t, n);
 } };
 //#endregion
-export { nt as KUN_COMPONENT_NAMES, st as KUN_UI_DEFAULT_CONFIG, it as KunAccordion, bt as KunAccordionItem, en as KunAlertProvider, gn as KunAutocomplete, bn as KunAvatar, Cn as KunAvatarGroup, On as KunBadge, jn as KunBrand, $ as KunButton, In as KunCard, Un as KunCarousel, Wn as KunCarouselItem, Zn as KunCheckBox, An as KunChip, $r as KunContent, ti as KunContextMenu, ki as KunCopy, xi as KunDatePicker, ji as KunDivider, Hi as KunDrawer, Fi as KunDropdown, Gi as KunFadeCard, Qi as KunFileInput, ia as KunHeader, Q as KunIcon, yn as KunImage, oa as KunImageNative, ua as KunInfo, xa as KunInput, Zr as KunLightbox, wa as KunLightboxGallery, Ta as KunLightboxGalleryItem, Ea as KunLink, qa as KunLoading, Pa as KunLoli, Ba as KunLoliProvider, Ja as KunMarkdown, no as KunMessageProvider, Jt as KunModal, oo as KunNull, _o as KunNumberInput, Do as KunPagination, jo as KunPinInput, Go as KunPopover, Qo as KunProgress, us as KunRadioGroup, ps as KunRating, _s as KunReaction, Ot as KunRipple, Is as KunScrollShadow, Ns as KunSelect, Ls as KunSkeleton, Ks as KunSlider, Ys as KunSteps, ec as KunSwitch, oc as KunTab, cc as KunTabPanel, lc as KunTabPanels, yc as KunTagInput, bc as KunText, kc as KunTextarea, Ac as KunTimeline, Ic as KunTimelineItem, zc as KunTooltip, el as KunUI, el as default, Qc as KunUIResolver, qc as KunUpload, Zc as KunUserChip, Bc as checkImageValid, te as decodeIfEncoded, Oa as getRandomLoli, ie as getRandomSticker, lt as installKunUIConfig, ct as provideKunUIConfig, Vc as resizeImage, Ft as useBodyScrollLock, Nr as useContentLightbox, Ki as useFilePicker, wt as useKunAlert, Ct as useKunAlertState, Kt as useKunBackgroundInert, Di as useKunCopy, an as useKunFloating, za as useKunLoliInfo, Ra as useKunLoliState, Ei as useKunMessage, Ti as useKunMessageState, Vt as useKunOverlayZIndex, Vo as useKunPointerMenu, ut as useKunUIConfig, at as useKunUniqueId, Tt as useResolvedRounded, Et as useRipple, Mr as useSpoilerContent };
+export { nt as KUN_COMPONENT_NAMES, st as KUN_UI_DEFAULT_CONFIG, it as KunAccordion, bt as KunAccordionItem, en as KunAlertProvider, gn as KunAutocomplete, bn as KunAvatar, Cn as KunAvatarGroup, On as KunBadge, jn as KunBrand, $ as KunButton, In as KunCard, Un as KunCarousel, Wn as KunCarouselItem, Zn as KunCheckBox, An as KunChip, $r as KunContent, ti as KunContextMenu, ki as KunCopy, xi as KunDatePicker, ji as KunDivider, Hi as KunDrawer, Fi as KunDropdown, Gi as KunFadeCard, Qi as KunFileInput, ia as KunHeader, Q as KunIcon, yn as KunImage, oa as KunImageNative, ua as KunInfo, xa as KunInput, Zr as KunLightbox, wa as KunLightboxGallery, Ta as KunLightboxGalleryItem, Ea as KunLink, qa as KunLoading, Pa as KunLoli, Ba as KunLoliProvider, Ja as KunMarkdown, no as KunMessageProvider, Jt as KunModal, oo as KunNull, _o as KunNumberInput, Do as KunPagination, jo as KunPinInput, Go as KunPopover, Qo as KunProgress, us as KunRadioGroup, ps as KunRating, _s as KunReaction, Ot as KunRipple, Ls as KunScrollShadow, Ns as KunSelect, Ps as KunShatter, Rs as KunSkeleton, qs as KunSlider, Xs as KunSteps, tc as KunSwitch, sc as KunTab, lc as KunTabPanel, uc as KunTabPanels, bc as KunTagInput, xc as KunText, Ac as KunTextarea, jc as KunTimeline, Lc as KunTimelineItem, Bc as KunTooltip, tl as KunUI, tl as default, $c as KunUIResolver, Jc as KunUpload, Qc as KunUserChip, Vc as checkImageValid, te as decodeIfEncoded, Oa as getRandomLoli, ie as getRandomSticker, lt as installKunUIConfig, ct as provideKunUIConfig, Hc as resizeImage, Ft as useBodyScrollLock, Nr as useContentLightbox, Ki as useFilePicker, wt as useKunAlert, Ct as useKunAlertState, Kt as useKunBackgroundInert, Di as useKunCopy, an as useKunFloating, za as useKunLoliInfo, Ra as useKunLoliState, Ei as useKunMessage, Ti as useKunMessageState, Vt as useKunOverlayZIndex, Vo as useKunPointerMenu, ut as useKunUIConfig, at as useKunUniqueId, Tt as useResolvedRounded, Et as useRipple, Mr as useSpoilerContent };