@kungal/ui-vue 0.19.0 → 0.20.0

package/dist/components/Card.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.vue.d.ts","sourceRoot":"","sources":["../../src/components/Card.vue"],"names":[],"mappings":"AAuHA,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAKxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkM3C,QAAA,IAAI,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Card.vue.d.ts","sourceRoot":"","sources":["../../src/components/Card.vue"],"names":[],"mappings":"AA0HA,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAKxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAgM3C,QAAA,IAAI,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Image.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAmR5C,QAAA,MAAM,YAAY;;;;;;qEA3QV,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;6EA8QnB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAmR5C,QAAA,MAAM,YAAY;;;;;;qEA5QyD,CAAC,WAClE,CAAC;;;;;;;;;;;;;;;;;6EA8QT,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/index.js

@@ -126,7 +126,7 @@ var Ye = D({
 			})
 		}, null, 4))), 128));
 	}
-}), [["__scopeId", "data-v-d7e2a8cf"]]), dt = {
+}), [["__scopeId", "data-v-c00f084d"]]), dt = {
 	key: 1,
 	class: "mr-2"
 }, ft = {
@@ -336,7 +336,7 @@ var Ye = D({
 				role: e.role,
 				"aria-modal": "true",
 				"aria-label": e.ariaLabel || "对话框",
-				class: y(P(q)("kun-modal-panel bg-content1/85 scrollbar-hide relative mx-auto min-w-80 border p-6 backdrop-blur-[var(--kun-background-blur)]", p.value, h.value, u.value, e.innerClassName)),
+				class: y(P(q)("kun-modal-panel bg-content1/85 scrollbar-hide shadow-kun-lg relative mx-auto min-w-80 border p-6 backdrop-blur-[var(--kun-background-blur)]", p.value, h.value, u.value, e.innerClassName)),
 				onClick: r[1] ||= K(() => {}, ["stop"])
 			}, [k(t.$slots, "default", {}, void 0, !0), e.isShowCloseButton ? (w(), s($, {
 				key: 0,
@@ -359,7 +359,7 @@ var Ye = D({
 			_: 3
 		})]));
 	}
-}), [["__scopeId", "data-v-e1fbe6b9"]]), jt = { class: "max-w-80" }, Mt = { class: "space-y-2" }, Nt = {
+}), [["__scopeId", "data-v-856c1b6e"]]), jt = { class: "max-w-80" }, Mt = { class: "space-y-2" }, Nt = {
 	key: 0,
 	class: "text-lg font-semibold"
 }, Pt = {
@@ -633,10 +633,10 @@ var Ye = D({
 				value: p.value
 			}, null, 8, Wt)) : c("", !0),
 			(w(), s(n, { to: "body" }, [f(i, {
-				"enter-active-class": "transition duration-200 ease-kun-out",
+				"enter-active-class": "transition duration-kun-base ease-kun-out",
 				"enter-from-class": "opacity-0 scale-95",
 				"enter-to-class": "opacity-100 scale-100",
-				"leave-active-class": "transition duration-150 ease-kun-in",
+				"leave-active-class": "transition duration-kun-exit ease-kun-in",
 				"leave-from-class": "opacity-100 scale-100",
 				"leave-to-class": "opacity-0 scale-95"
 			}, {
@@ -645,7 +645,7 @@ var Ye = D({
 					ref_key: "dropdownRef",
 					ref: N,
 					style: b([P(I), { transformOrigin: P(R) }]),
-					class: y(P(q)("bg-content1 border-kun z-kun-popover flex flex-col overflow-hidden border p-1 shadow-lg", g.value))
+					class: y(P(q)("bg-content1 border-kun z-kun-popover flex flex-col overflow-hidden border p-1 shadow-kun-md", g.value))
 				}, [u("ul", {
 					ref_key: "listRef",
 					ref: F,
@@ -782,12 +782,12 @@ var Ye = D({
 		}, [P(f) === "loaded" ? c("", !0) : (w(), l("div", {
 			key: 0,
 			"aria-hidden": "true",
-			class: y(["pointer-events-none absolute inset-0 transition-opacity duration-300", P(f) === "error" ? "opacity-0" : "bg-default-200 animate-pulse opacity-100"])
+			class: y(["pointer-events-none absolute inset-0 transition-opacity duration-kun-slow", P(f) === "error" ? "opacity-0" : "bg-default-200 animate-pulse opacity-100"])
 		}, null, 2)), (w(), s(A(r.value), _({
 			ref_key: "imgEl",
 			ref: a
 		}, v.value, {
-			class: P(q)("block size-full transition-opacity duration-300", e.aspectRatio ? "absolute inset-0" : "", x.value, P(f) === "loaded" ? "opacity-100" : "opacity-0", e.imageClassName),
+			class: P(q)("block size-full transition-opacity duration-kun-slow", e.aspectRatio ? "absolute inset-0" : "", x.value, P(f) === "loaded" ? "opacity-100" : "opacity-0", e.imageClassName),
 			onLoad: P(p),
 			onError: h
 		}), null, 16, ["class", "onLoad"]))], 6)) : (w(), s(A(r.value), _({ key: 0 }, v.value, {
@@ -826,7 +826,7 @@ var Ye = D({
 				default: return "size-8";
 			}
 		}), c = o(() => t.user?.avatar || re(t.user?.name ?? ""));
-		return (o, l) => (w(), s(A(r.value ? P(n).linkComponent : "div"), _(i.value, { class: P(q)("flex shrink-0 justify-center rounded-full transition duration-150 ease-in-out", r.value && "cursor-pointer hover:scale-110", a.value, e.className) }), {
+		return (o, l) => (w(), s(A(r.value ? P(n).linkComponent : "div"), _(i.value, { class: P(q)("flex shrink-0 justify-center rounded-full transition duration-kun-fast ease-kun-standard", r.value && "cursor-pointer hover:scale-110", a.value, e.className) }), {
 			default: U(() => [f(en, {
 				"class-name": P(q)("inline-block rounded-full", a.value, t.imageClassName),
 				src: c.value,
@@ -976,7 +976,7 @@ var Ye = D({
 		name: {},
 		iconSrc: { default: "/favicon.webp" },
 		iconAlt: { default: "logo" },
-		iconClass: { default: "size-10 rounded-2xl" },
+		iconClass: { default: "size-10 rounded-kun-lg" },
 		badge: { default: "" },
 		badgeColor: { default: "primary" },
 		to: { default: "/" },
@@ -1008,15 +1008,12 @@ var Ye = D({
 			_: 1
 		}, 16));
 	}
-}), mn = {
-	key: 0,
-	class: "border-b"
-}, hn = {
+}), mn = { key: 0 }, hn = {
 	key: 1,
 	class: "w-full"
 }, gn = {
 	key: 2,
-	class: "bg-default-100 border-t px-3 py-2"
+	class: "border-kun -mt-3 border-t pt-3"
 }, _n = /* @__PURE__ */ p({
 	name: "KunCard",
 	__name: "Card",
@@ -1062,7 +1059,7 @@ var Ye = D({
 			info: "bg-info-100/30 border-info-300"
 		}, b = it(() => n.rounded), x = o(() => Z[b.value]);
 		return (t, r) => (w(), s(A(m.value), _(h.value, {
-			class: P(q)("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-kun border", p.value && "cursor-pointer overflow-hidden active:scale-[0.97] text-left", e.isTransparent ? "backdrop-blur-none" : v[n.color], x.value, e.className),
+			class: P(q)("relative flex flex-col gap-3 p-3 backdrop-blur-[var(--kun-background-blur)] transition-all duration-kun-fast", e.isHoverable && "hover:bg-default-100", e.bordered && "border-kun border", p.value && "cursor-pointer overflow-hidden active:scale-[0.97] text-left", e.isTransparent ? "backdrop-blur-none" : v[n.color], x.value, e.className),
 			onClick: g
 		}), {
 			default: U(() => [
@@ -1082,7 +1079,7 @@ var Ye = D({
 	"checked",
 	"disabled",
 	"aria-describedby"
-], bn = { class: "pointer-events-none absolute inset-0 flex scale-50 items-center justify-center text-white opacity-0 transition-all duration-200 ease-kun-emphasized peer-checked:scale-100 peer-checked:opacity-100" }, xn = { class: "pointer-events-none absolute inset-0 flex items-center justify-center" }, Sn = ["for"], Cn = ["id"], wn = ["id"], Tn = /* @__PURE__ */ p({
+], bn = { class: "pointer-events-none absolute inset-0 flex scale-50 items-center justify-center text-white opacity-0 transition-all duration-kun-fast ease-kun-emphasized peer-checked:scale-100 peer-checked:opacity-100" }, xn = { class: "pointer-events-none absolute inset-0 flex items-center justify-center" }, Sn = ["for"], Cn = ["id"], wn = ["id"], Tn = /* @__PURE__ */ p({
 	name: "KunCheckBox",
 	__name: "CheckBox",
 	props: /*@__PURE__*/ g({
@@ -1708,7 +1705,7 @@ var Ye = D({
 			"initial-index"
 		])]));
 	}
-}), [["__scopeId", "data-v-e6ea9978"]]), qn = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-b6b81bc9"]]), qn = /* @__PURE__ */ p({
 	name: "KunContextMenu",
 	__name: "ContextMenu",
 	props: {
@@ -1827,10 +1824,10 @@ var Ye = D({
 			info: "focus:bg-info/20"
 		}, J = (e) => q("relative flex w-full cursor-pointer items-center justify-start gap-2 overflow-hidden rounded-kun-md px-3 py-1.5 text-sm font-medium outline-none transition-colors", de("light", e.color || "default"), ee[e.color || "default"], e.disabled && "pointer-events-none cursor-not-allowed opacity-50");
 		return (r, a) => (w(), s(n, { to: "body" }, [f(i, {
-			"enter-active-class": "transition duration-200 ease-kun-out",
+			"enter-active-class": "transition duration-kun-base ease-kun-out",
 			"enter-from-class": "opacity-0 scale-95",
 			"enter-to-class": "opacity-100 scale-100",
-			"leave-active-class": "transition duration-150 ease-kun-in",
+			"leave-active-class": "transition duration-kun-exit ease-kun-in",
 			"leave-from-class": "opacity-100 scale-100",
 			"leave-to-class": "opacity-0 scale-95"
 		}, {
@@ -1841,7 +1838,7 @@ var Ye = D({
 				role: "menu",
 				"aria-orientation": "vertical",
 				tabindex: "-1",
-				class: "border-kun bg-background/95 fixed z-kun-popover rounded-kun-lg border p-1 text-sm shadow-2xl outline-none backdrop-blur",
+				class: "border-kun bg-background/95 fixed z-kun-popover rounded-kun-lg border p-1 text-sm shadow-kun-md outline-none backdrop-blur",
 				style: b(z.value),
 				onClick: a[0] ||= K(() => {}, ["stop"]),
 				onKeydown: G
@@ -2065,10 +2062,10 @@ var Ye = D({
 				class: "text-default-500"
 			})])], 10, tr)]),
 			(w(), s(n, { to: "body" }, [f(i, {
-				"enter-active-class": "transition duration-200 ease-kun-out",
+				"enter-active-class": "transition duration-kun-base ease-kun-out",
 				"enter-from-class": "opacity-0 scale-95",
 				"enter-to-class": "opacity-100 scale-100",
-				"leave-active-class": "transition duration-150 ease-kun-in",
+				"leave-active-class": "transition duration-kun-exit ease-kun-in",
 				"leave-from-class": "opacity-100 scale-100",
 				"leave-to-class": "opacity-0 scale-95"
 			}, {
@@ -2076,7 +2073,7 @@ var Ye = D({
 					key: 0,
 					ref_key: "dropdownRef",
 					ref: x,
-					class: y(P(q)("bg-content1 border-kun z-kun-popover border p-3 shadow-lg", m.value)),
+					class: y(P(q)("bg-content1 border-kun z-kun-popover border p-3 shadow-kun-md", m.value)),
 					style: b([P(C), {
 						minWidth: "260px",
 						transformOrigin: P(E)
@@ -2422,10 +2419,10 @@ var Ye = D({
 			onClick: a[0] ||= (t) => e.disabled || L(),
 			onKeydown: ee
 		}, [k(r.$slots, "trigger")], 42, Tr), (w(), s(n, { to: "body" }, [f(i, {
-			"enter-active-class": "transition duration-200 ease-kun-out",
+			"enter-active-class": "transition duration-kun-base ease-kun-out",
 			"enter-from-class": "opacity-0 scale-95",
 			"enter-to-class": "opacity-100 scale-100",
-			"leave-active-class": "transition duration-150 ease-kun-in",
+			"leave-active-class": "transition duration-kun-exit ease-kun-in",
 			"leave-from-class": "opacity-100 scale-100",
 			"leave-to-class": "opacity-0 scale-95"
 		}, {
@@ -2437,7 +2434,7 @@ var Ye = D({
 				role: "menu",
 				"aria-orientation": "vertical",
 				tabindex: "-1",
-				class: y(P(q)("border-kun bg-background/95 z-kun-popover rounded-kun-lg border p-1 text-sm shadow-2xl outline-none backdrop-blur", e.menuClass)),
+				class: y(P(q)("border-kun bg-background/95 z-kun-popover rounded-kun-lg border p-1 text-sm shadow-kun-md outline-none backdrop-blur", e.menuClass)),
 				style: b([P(S), {
 					minWidth: `${e.minWidth}px`,
 					transformOrigin: P(C)
@@ -2581,7 +2578,7 @@ var Ye = D({
 				class: "bg-default-800/70 dark:bg-background/70 absolute inset-0 transition-opacity",
 				onClick: X
 			}), u("div", {
-				class: y(P(q)("bg-content1 flex flex-col border shadow-2xl", M.value, e.innerClassName, e.size === "full" ? m.value : "")),
+				class: y(P(q)("bg-content1 flex flex-col border shadow-kun-lg", M.value, e.innerClassName, e.size === "full" ? m.value : "")),
 				onClick: r[0] ||= K(() => {}, ["stop"])
 			}, [
 				e.title || t.$slots.header || e.isShowCloseButton ? (w(), l("header", Or, [u("div", kr, [e.title ? (w(), l("h2", {
@@ -2608,7 +2605,7 @@ var Ye = D({
 			_: 3
 		}, 8, ["name"])]));
 	}
-}), [["__scopeId", "data-v-eeccf820"]]), Pr = {
+}), [["__scopeId", "data-v-d875426c"]]), Pr = {
 	key: 0,
 	class: "grid grid-rows-[1fr] opacity-100"
 }, Fr = { class: "min-h-0 overflow-hidden" }, Ir = /*#__PURE__*/ lt(/* @__PURE__ */ p({
@@ -3030,7 +3027,7 @@ var Ye = D({
 					required: e.required,
 					"aria-invalid": s.value || void 0,
 					"aria-describedby": a.value || e.error ? `${P(F)}-desc` : void 0,
-					class: P(q)("block w-full border transition-[color,box-shadow] duration-150 ease-in-out", E.value, I.value, t.$slots.prefix && "pl-10", C.value, e.disabled && "bg-default-100 cursor-not-allowed", s.value ? P(q)("border-danger-300", P(X).danger) : P(q)("border-kun", P(X)[e.color]), e.className),
+					class: P(q)("block w-full border transition-[color,box-shadow] duration-kun-fast ease-kun-standard", E.value, I.value, t.$slots.prefix && "pl-10", C.value, e.disabled && "bg-default-100 cursor-not-allowed", s.value ? P(q)("border-danger-300", P(X).danger) : P(q)("border-kun", P(X)[e.color]), e.className),
 					onInput: z,
 					onBlur: B,
 					onFocus: V
@@ -3351,14 +3348,14 @@ var Ye = D({
 			xl: "size-12"
 		};
 		return (t, a) => (w(), l("div", Ni, [n.value ? (w(), l("div", Pi, [u("div", { class: y(P(q)("transition-opacity", e.loading && "opacity-50")) }, [k(t.$slots, "default", {}, void 0, !0)], 2), f(i, {
-			"enter-active-class": "transition-opacity duration-300",
+			"enter-active-class": "transition-opacity duration-kun-slow",
 			"enter-from-class": "opacity-0",
-			"leave-active-class": "transition-opacity duration-300",
+			"leave-active-class": "transition-opacity duration-kun-slow",
 			"leave-from-class": "opacity-0"
 		}, {
 			default: U(() => [e.loading ? (w(), l("div", {
 				key: 0,
-				class: "bg-background/50 absolute inset-0 z-50 flex items-center justify-center rounded-lg",
+				class: "bg-background/50 absolute inset-0 z-50 flex items-center justify-center rounded-kun-md",
 				role: "status",
 				"aria-live": "polite",
 				"aria-busy": e.loading
@@ -3372,7 +3369,7 @@ var Ye = D({
 				alt: "",
 				"aria-hidden": "true",
 				src: e.src,
-				"class-name": "w-80 h-auto rounded-lg"
+				"class-name": "w-80 h-auto rounded-kun-md"
 			}, null, 8, ["src"])), u("span", { class: y(e.spinner ? "text-default-600 text-sm" : "info text-xl") }, j(e.description), 3)])], 8, Fi)) : c("", !0)]),
 			_: 1
 		})])) : (w(), l("div", Li, [e.spinner ? (w(), s(Q, {
@@ -3385,10 +3382,10 @@ var Ye = D({
 			alt: "",
 			"aria-hidden": "true",
 			src: e.src,
-			"class-name": "w-80 h-auto rounded-lg"
+			"class-name": "w-80 h-auto rounded-kun-md"
 		}, null, 8, ["src"])), u("span", { class: y(e.spinner ? "text-default-600 text-sm" : "info") }, j(e.description), 3)]))]));
 	}
-}), [["__scopeId", "data-v-0073ab04"]]), zi = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-c22df434"]]), zi = /* @__PURE__ */ p({
 	name: "KunMarkdown",
 	inheritAttrs: !1,
 	__name: "Markdown",
@@ -3422,7 +3419,7 @@ var Ye = D({
 	},
 	emits: ["remove"],
 	setup(e, { emit: t }) {
-		F((e) => ({ v74d0d8cd: a.value }));
+		F((e) => ({ v665a68f1: a.value }));
 		let n = e, r = t, i = o(() => n.richText ?? !1), a = o(() => `${n.duration}ms`), s = D(null), d = o(() => n.type === "error" || n.type === "warn"), p = D(0), m = D(!1), h = 0, g = o(() => p.value === 0 ? {} : {
 			transform: `translateX(${p.value}px)`,
 			opacity: String(Math.max(0, 1 - Math.abs(p.value) / 200)),
@@ -3481,7 +3478,7 @@ var Ye = D({
 			role: d.value ? "alert" : "status",
 			"aria-live": d.value ? "assertive" : "polite",
 			"aria-atomic": "true",
-			class: y(P(q)("group relative mb-3 flex w-full touch-pan-y items-center overflow-hidden rounded-kun-lg p-4 ring-1 ring-black/5 transition-all duration-300", M.value.bg, M.value.text)),
+			class: y(P(q)("group relative mb-3 flex w-full touch-pan-y items-center overflow-hidden rounded-kun-lg p-4 shadow-kun-md ring-1 ring-black/5 transition-all duration-kun-slow dark:ring-white/10", M.value.bg, M.value.text)),
 			style: b(g.value),
 			onMouseenter: k,
 			onMouseleave: A,
@@ -3517,7 +3514,7 @@ var Ye = D({
 			}, null, 2))
 		], 46, Bi));
 	}
-}), [["__scopeId", "data-v-42af7e47"]]), qi = /*#__PURE__*/ lt(/* @__PURE__ */ p({
+}), [["__scopeId", "data-v-a80e8a61"]]), qi = /*#__PURE__*/ lt(/* @__PURE__ */ p({
 	name: "KunMessageProvider",
 	__name: "MessageProvider",
 	setup(e) {
@@ -3572,7 +3569,7 @@ var Ye = D({
 		return (t, n) => (w(), l("div", Yi, [e.isShowSticker ? (w(), s(Zr, {
 			key: 0,
 			src: e.src,
-			"class-name": "w-72 h-auto rounded-2xl",
+			"class-name": "w-72 h-auto rounded-kun-lg",
 			alt: "empty"
 		}, null, 8, ["src"])) : c("", !0), u("span", Xi, j(e.description), 1)]));
 	}
@@ -3727,7 +3724,7 @@ var Ye = D({
 					type: "button",
 					tabindex: "-1",
 					disabled: !N.value,
-					class: y(P(q)("text-default-600 hover:bg-default-100 flex items-center disabled:cursor-not-allowed disabled:opacity-40", v.value.btn)),
+					class: y(P(q)("text-default-600 hover:bg-default-100 flex items-center disabled:cursor-not-allowed disabled:opacity-50", v.value.btn)),
 					"aria-label": "减少",
 					onClick: n[0] ||= (e) => M(-1)
 				}, [f(Q, {
@@ -3763,7 +3760,7 @@ var Ye = D({
 					type: "button",
 					tabindex: "-1",
 					disabled: !F.value,
-					class: y(P(q)("text-default-600 hover:bg-default-100 flex items-center disabled:cursor-not-allowed disabled:opacity-40", v.value.btn)),
+					class: y(P(q)("text-default-600 hover:bg-default-100 flex items-center disabled:cursor-not-allowed disabled:opacity-50", v.value.btn)),
 					"aria-label": "增加",
 					onClick: n[2] ||= (e) => M(1)
 				}, [f(Q, {
@@ -4083,10 +4080,10 @@ var Ye = D({
 			"aria-controls": p.value ? P(g) : void 0,
 			onClick: j
 		}, [k(t.$slots, "trigger")], 8, Ca), (w(), s(n, { to: "body" }, [f(i, {
-			"enter-active-class": "transition duration-200 ease-kun-out",
+			"enter-active-class": "transition duration-kun-base ease-kun-out",
 			"enter-from-class": "transform scale-95 opacity-0",
 			"enter-to-class": "transform scale-100 opacity-100",
-			"leave-active-class": "transition duration-150 ease-kun-in",
+			"leave-active-class": "transition duration-kun-exit ease-kun-in",
 			"leave-from-class": "transform scale-100 opacity-100",
 			"leave-to-class": "transform scale-95 opacity-0"
 		}, {
@@ -4098,7 +4095,7 @@ var Ye = D({
 				role: "dialog",
 				tabindex: "-1",
 				"aria-label": e.ariaLabel || "popover",
-				class: y(P(q)("bg-content1 border-kun z-kun-popover border shadow-lg focus:outline-none", d.value, e.innerClass)),
+				class: y(P(q)("bg-content1 border-kun z-kun-popover border shadow-kun-md focus:outline-none", d.value, e.innerClass)),
 				style: b([P(_), { transformOrigin: P(x) }]),
 				onKeydown: r[0] ||= G((e) => A(), ["escape"])
 			}, [k(t.$slots, "default"), e.showArrow ? (w(), l("div", {
@@ -4230,11 +4227,11 @@ var Ye = D({
 			class: y(P(q)("absolute inset-y-0 w-2/5 animate-[kun-progress-indeterminate_1.5s_ease-in-out_infinite]", a.value, f.value))
 		}, null, 2)) : (w(), l("div", {
 			key: 1,
-			class: y(P(q)("flex h-full items-center transition-all duration-500 ease-out", f.value)),
+			class: y(P(q)("flex h-full items-center transition-all duration-kun-slow ease-kun-out", f.value)),
 			style: b(`width:${n.value}%`)
 		}, [e.showLabel ? (w(), l("span", ja, j(n.value) + "% ", 1)) : c("", !0)], 6))], 10, Aa))]));
 	}
-}), [["__scopeId", "data-v-0b3d04f3"]]), Pa = ["id"], Fa = [
+}), [["__scopeId", "data-v-2d1f0813"]]), Pa = ["id"], Fa = [
 	"aria-label",
 	"aria-labelledby",
 	"aria-disabled"
@@ -4690,10 +4687,10 @@ var Ye = D({
 				value: ""
 			}, null, 8, to))], 64)) : c("", !0),
 			(w(), s(n, { to: "body" }, [f(i, {
-				"enter-active-class": "transition duration-200 ease-kun-out",
+				"enter-active-class": "transition duration-kun-base ease-kun-out",
 				"enter-from-class": "opacity-0 scale-95",
 				"enter-to-class": "opacity-100 scale-100",
-				"leave-active-class": "transition duration-150 ease-kun-in",
+				"leave-active-class": "transition duration-kun-exit ease-kun-in",
 				"leave-from-class": "opacity-100 scale-100",
 				"leave-to-class": "opacity-0 scale-95"
 			}, {
@@ -4702,7 +4699,7 @@ var Ye = D({
 					ref_key: "dropdownRef",
 					ref: E,
 					style: b([P(M), { transformOrigin: P(N) }]),
-					class: y(P(q)("bg-content1 border-kun z-kun-popover flex flex-col overflow-hidden border p-1 shadow-lg", p.value))
+					class: y(P(q)("bg-content1 border-kun z-kun-popover flex flex-col overflow-hidden border p-1 shadow-kun-md", p.value))
 				}, [e.searchable ? (w(), l("div", no, [W(u("input", {
 					ref_key: "searchRef",
 					ref: A,
@@ -4805,7 +4802,7 @@ var Ye = D({
 	class: "text-default-500 text-sm tabular-nums"
 }, vo = {
 	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-md"
+	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"
 }, yo = [
 	"tabindex",
 	"aria-label",
@@ -5001,15 +4998,15 @@ var Ye = D({
 					onMouseenter: a[2] ||= (e) => x.value = !0,
 					onMouseleave: a[3] ||= (e) => !v.value && (x.value = !1)
 				}, [f(i, {
-					"enter-active-class": "transition duration-150 ease-kun-out",
+					"enter-active-class": "transition duration-kun-base ease-kun-out",
 					"enter-from-class": "opacity-0 translate-y-1",
-					"leave-active-class": "transition duration-100 ease-kun-in",
+					"leave-active-class": "transition duration-kun-exit ease-kun-in",
 					"leave-to-class": "opacity-0 translate-y-1"
 				}, {
 					default: U(() => [H.value ? (w(), l("span", vo, j(M.value), 1)) : c("", !0)]),
 					_: 1
 				}), u("div", {
-					class: y(["bg-content1 rounded-full border-2 transition-shadow duration-150 hover:ring-4 focus-visible:ring-4 focus-visible:outline-none active:ring-4", [
+					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", [
 						m.value.thumb,
 						g.value.thumb,
 						g.value.halo,
@@ -5114,12 +5111,12 @@ var Ye = D({
 				"aria-describedby": e.error || e.description ? `${P(r)}-desc` : void 0,
 				onChange: i[0] ||= (e) => n.value = e.target.checked
 			}, null, 40, wo),
-			u("div", To, [u("div", { class: y(["rounded-full transition-colors duration-200 ease-kun-standard peer-focus-visible:ring-2 peer-focus-visible:ring-primary/50", [
+			u("div", To, [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-500" : "bg-default-500",
 				e.disabled ? "opacity-50" : "",
 				n.value && e.disabled ? "bg-primary-300" : ""
-			]]) }, null, 2), u("div", { class: y(P(q)("absolute top-0.5 left-0.5 transform rounded-full bg-white transition-transform duration-200 ease-kun-emphasized", a.value.thumb, n.value ? a.value.translate : "translate-x-0")) }, null, 2)]),
+			]]) }, null, 2), u("div", { class: y(P(q)("absolute top-0.5 left-0.5 transform rounded-full bg-white transition-transform duration-kun-fast ease-kun-emphasized", a.value.thumb, n.value ? a.value.translate : "translate-x-0")) }, null, 2)]),
 			e.label ? (w(), l("span", {
 				key: 0,
 				class: y(P(q)("font-medium", a.value.gap, a.value.text, e.disabled ? "text-default-400" : "", e.labelClassName))
@@ -5269,8 +5266,8 @@ var Ye = D({
 			switch (r.variant) {
 				case "underlined": return q(e, r.innerClassName);
 				case "solid":
-				case "light": return q(e, "border border-kun rounded-kun-md p-1 bg-content2/30", r.innerClassName);
-				case "bordered": return q(e, "border border-kun rounded-kun-md p-1", r.innerClassName);
+				case "light": return q(e, "border border-kun rounded-kun-lg p-1 bg-content2/30", r.innerClassName);
+				case "bordered": return q(e, "border border-kun rounded-kun-lg p-1", r.innerClassName);
 				case "pills": return q(e, r.innerClassName);
 				default: return q(e, r.innerClassName);
 			}
@@ -5282,9 +5279,9 @@ var Ye = D({
 			let t = B(e), n = q("relative z-10 inline-flex items-center cursor-pointer select-none whitespace-nowrap transition-colors", G[r.align], m[r.size], h[r.size], e.disabled && "opacity-50 cursor-not-allowed", p.value && r.fullWidth && "w-full");
 			switch (r.variant) {
 				case "underlined": return q(n, t ? ue[r.color] : "text-default-500 hover:text-foreground");
-				case "solid": return q(n, "rounded-kun-sm", t ? "text-white" : "text-default-500 hover:text-foreground");
-				case "light": return q(n, "rounded-kun-sm", t ? ue[r.color] : "text-default-500 hover:text-foreground");
-				case "bordered": return q(n, "rounded-kun-sm border", t ? q(ae[r.color], ue[r.color]) : "border-transparent text-default-500 hover:text-foreground");
+				case "solid": return q(n, "rounded-kun-md", t ? "text-white" : "text-default-500 hover:text-foreground");
+				case "light": return q(n, "rounded-kun-md", t ? ue[r.color] : "text-default-500 hover:text-foreground");
+				case "bordered": return q(n, "rounded-kun-md border", t ? q(ae[r.color], ue[r.color]) : "border-transparent text-default-500 hover:text-foreground");
 				case "pills": return q(n, "rounded-full", t ? q(ie[r.color], "text-white") : "text-default-500 hover:text-foreground");
 				default: return n;
 			}
@@ -5299,8 +5296,8 @@ var Ye = D({
 		}, J = o(() => {
 			switch (r.variant) {
 				case "underlined": return q("absolute rounded-full", ie[r.color], p.value ? "left-0 top-0" : "bottom-0 left-0");
-				case "solid": return q("absolute top-0 left-0 rounded-kun-sm", ie[r.color]);
-				case "light": return q("absolute top-0 left-0 rounded-kun-sm", ee[r.color]);
+				case "solid": return q("absolute top-0 left-0 rounded-kun-md", ie[r.color]);
+				case "light": return q("absolute top-0 left-0 rounded-kun-md", ee[r.color]);
 				default: return null;
 			}
 		}), te = o(() => !!J.value && S.value >= 0 && Object.keys(C.value).length > 0), Y = o(() => {
@@ -5841,7 +5838,7 @@ var Ye = D({
 				minlength: e.minlength,
 				rows: e.rows,
 				autofocus: e.autofocus,
-				class: y(P(q)("scrollbar-hide w-full border transition-[color,box-shadow] duration-150 ease-in-out", P(oe)[r.size], a.value, e.error ? P(q)("border-danger-300", P(X).danger) : P(q)("border-kun", P(X).primary), e.disabled ? "text-default-500 cursor-not-allowed shadow-none" : "", e.resize === "none" ? "resize-none" : e.resize === "vertical" ? "resize-y" : e.resize === "horizontal" ? "resize-x" : "resize")),
+				class: y(P(q)("scrollbar-hide w-full border transition-[color,box-shadow] duration-kun-fast ease-kun-standard", P(oe)[r.size], a.value, e.error ? P(q)("border-danger-300", P(X).danger) : P(q)("border-kun", P(X).primary), e.disabled ? "text-default-500 cursor-not-allowed shadow-none" : "", e.resize === "none" ? "resize-none" : e.resize === "vertical" ? "resize-y" : e.resize === "horizontal" ? "resize-x" : "resize")),
 				onInput: g,
 				onBlur: n[1] ||= (e) => h("blur", e),
 				onFocus: n[2] ||= (e) => h("focus", e)
@@ -5892,10 +5889,10 @@ var Ye = D({
 			onFocusout: E,
 			onKeydown: G(E, ["escape"])
 		}, [k(t.$slots, "default"), (w(), s(n, { to: "body" }, [f(i, {
-			"enter-active-class": "transition-opacity duration-150 ease-kun-out",
+			"enter-active-class": "transition-opacity duration-kun-base ease-kun-out",
 			"enter-from-class": "opacity-0",
 			"enter-to-class": "opacity-100",
-			"leave-active-class": "transition-opacity duration-100 ease-kun-in",
+			"leave-active-class": "transition-opacity duration-kun-exit ease-kun-in",
 			"leave-from-class": "opacity-100",
 			"leave-to-class": "opacity-0"
 		}, {
@@ -5905,7 +5902,7 @@ var Ye = D({
 				ref: p,
 				id: P(h),
 				role: "tooltip",
-				class: y(P(q)("bg-content1 border-kun z-kun-popover border px-3 py-2 text-sm font-medium whitespace-nowrap shadow-md", a.value, e.hideOnMobile && "hidden sm:block")),
+				class: y(P(q)("bg-content1 border-kun z-kun-popover border px-3 py-2 text-sm font-medium whitespace-nowrap shadow-kun-sm", a.value, e.hideOnMobile && "hidden sm:block")),
 				style: b(P(v))
 			}, [k(t.$slots, "content", {}, () => [d(j(e.text), 1)]), e.showArrow ? (w(), l("div", {
 				key: 0,

package/dist/style.css

@@ -1,2 +1,2 @@
-[data-v-44cd432d] *{color:inherit}.ripple[data-v-d7e2a8cf]{animation:.6s ease-out ripple-animation-d7e2a8cf;transform:scale(0)}@keyframes ripple-animation-d7e2a8cf{to{opacity:0;transform:scale(2)}}.kun-modal-enter-active[data-v-e1fbe6b9]{transition:opacity var(--kun-dur-base) var(--ease-kun-out)}.kun-modal-leave-active[data-v-e1fbe6b9]{transition:opacity var(--kun-dur-exit) var(--ease-kun-in)}.kun-modal-enter-from[data-v-e1fbe6b9],.kun-modal-leave-to[data-v-e1fbe6b9]{opacity:0}.kun-modal-enter-active .kun-modal-panel[data-v-e1fbe6b9]{transition:transform var(--kun-dur-base) var(--ease-kun-out)}.kun-modal-leave-active .kun-modal-panel[data-v-e1fbe6b9]{transition:transform var(--kun-dur-exit) var(--ease-kun-in)}.kun-modal-enter-from .kun-modal-panel[data-v-e1fbe6b9],.kun-modal-leave-to .kun-modal-panel[data-v-e1fbe6b9]{transform:translateY(8px)scale(.96)}.kun-lightbox-image[data-v-10b9630a]{view-transition-name:kun-lightbox-image}.kun-lightbox-dialog[data-v-10b9630a]::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f2937cc}.slide-next-enter-active[data-v-10b9630a],.slide-next-leave-active[data-v-10b9630a],.slide-prev-enter-active[data-v-10b9630a],.slide-prev-leave-active[data-v-10b9630a]{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}.slide-next-enter-from[data-v-10b9630a]{opacity:0;transform:translate(100%)}.slide-next-leave-to[data-v-10b9630a],.slide-prev-enter-from[data-v-10b9630a]{opacity:0;transform:translate(-100%)}.slide-prev-leave-to[data-v-10b9630a]{opacity:0;transform:translate(100%)}.kun-prose[data-v-e6ea9978] img{cursor:zoom-in}.kun-prose[data-v-e6ea9978] .kun-spoiler{vertical-align:middle;border-radius:.5rem;display:inline-block;position:relative;overflow:hidden}.kun-prose[data-v-e6ea9978] .kun-spoiler .spoiler-frost{pointer-events:none;border-radius:inherit;z-index:5;background:#969696;position:absolute;inset:0;transform:translateZ(0)}.kun-prose[data-v-e6ea9978] .kun-spoiler>:not(.spoiler-canvas){filter:blur();transition:filter .3s ease-in-out}.kun-prose[data-v-e6ea9978] .kun-spoiler .spoiler-canvas{z-index:1;pointer-events:none;opacity:1;background-color:#9696961a;transition:opacity .3s ease-in-out;position:absolute;inset:0}.kun-prose[data-v-e6ea9978] .kun-spoiler .spoiler-canvas.fade-out{opacity:0}.kun-prose[data-v-e6ea9978] .kun-spoiler.kun-spoiler-hidden{cursor:pointer}.kun-prose[data-v-e6ea9978] .kun-spoiler.kun-spoiler-hidden>:not(.spoiler-canvas){filter:blur(52px);-webkit-user-select:none;user-select:none}.kun-prose[data-v-e6ea9978] div.kun-spoiler{width:fit-content;display:block}.kun-drawer-left-enter-active[data-v-eeccf820],.kun-drawer-right-enter-active[data-v-eeccf820],.kun-drawer-top-enter-active[data-v-eeccf820],.kun-drawer-bottom-enter-active[data-v-eeccf820]{transition:opacity var(--kun-dur-base) var(--ease-kun-out)}.kun-drawer-left-leave-active[data-v-eeccf820],.kun-drawer-right-leave-active[data-v-eeccf820],.kun-drawer-top-leave-active[data-v-eeccf820],.kun-drawer-bottom-leave-active[data-v-eeccf820]{transition:opacity var(--kun-dur-exit) var(--ease-kun-in)}.kun-drawer-left-enter-active>div[data-v-eeccf820]:last-child,.kun-drawer-right-enter-active>div[data-v-eeccf820]:last-child,.kun-drawer-top-enter-active>div[data-v-eeccf820]:last-child,.kun-drawer-bottom-enter-active>div[data-v-eeccf820]:last-child{transition:transform var(--kun-dur-base) var(--ease-kun-emphasized)}.kun-drawer-left-leave-active>div[data-v-eeccf820]:last-child,.kun-drawer-right-leave-active>div[data-v-eeccf820]:last-child,.kun-drawer-top-leave-active>div[data-v-eeccf820]:last-child,.kun-drawer-bottom-leave-active>div[data-v-eeccf820]:last-child{transition:transform var(--kun-dur-exit) var(--ease-kun-in)}.kun-drawer-left-enter-from[data-v-eeccf820],.kun-drawer-left-leave-to[data-v-eeccf820]{opacity:0}.kun-drawer-left-enter-from>div[data-v-eeccf820]:last-child,.kun-drawer-left-leave-to>div[data-v-eeccf820]:last-child{transform:translate(-100%)}.kun-drawer-right-enter-from[data-v-eeccf820],.kun-drawer-right-leave-to[data-v-eeccf820]{opacity:0}.kun-drawer-right-enter-from>div[data-v-eeccf820]:last-child,.kun-drawer-right-leave-to>div[data-v-eeccf820]:last-child{transform:translate(100%)}.kun-drawer-top-enter-from[data-v-eeccf820],.kun-drawer-top-leave-to[data-v-eeccf820]{opacity:0}.kun-drawer-top-enter-from>div[data-v-eeccf820]:last-child,.kun-drawer-top-leave-to>div[data-v-eeccf820]:last-child{transform:translateY(-100%)}.kun-drawer-bottom-enter-from[data-v-eeccf820],.kun-drawer-bottom-leave-to[data-v-eeccf820]{opacity:0}.kun-drawer-bottom-enter-from>div[data-v-eeccf820]:last-child,.kun-drawer-bottom-leave-to>div[data-v-eeccf820]:last-child{transform:translateY(100%)}.kun-fade-expand[data-v-b563c3ba]{transition:grid-template-rows var(--kun-dur-slow) var(--ease-kun-standard), opacity var(--kun-dur-slow) var(--ease-kun-standard)}.kun-fade-collapsed[data-v-b563c3ba]{opacity:0;grid-template-rows:0fr!important}.loli[data-v-c4847e0a]{filter:drop-shadow(2px 4px 3px var(--color-primary-300))}.loli span[data-v-c4847e0a]{clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0 50%)}.info[data-v-c4847e0a],.info[data-v-0073ab04]{color:var(--color-white);text-shadow:0 1px var(--color-foreground), 1px 0 var(--color-foreground), -1px 0 var(--color-foreground), 0 -1px var(--color-foreground), 1px 2px var(--color-foreground)}[data-v-42af7e47] *{color:inherit}@keyframes shrink-42af7e47{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.progress-bar[data-v-42af7e47]{animation:shrink-42af7e47 var(--v74d0d8cd) linear forwards;animation-play-state:running}.message-list-move[data-v-2c1073e3]{transition:transform var(--kun-dur-base) var(--ease-kun-emphasized)}.message-list-enter-active[data-v-2c1073e3]{transition:opacity var(--kun-dur-slow) var(--ease-kun-out), transform var(--kun-dur-slow) var(--ease-kun-out)}.message-list-leave-active[data-v-2c1073e3]{transition:opacity var(--kun-dur-base) var(--ease-kun-in), transform var(--kun-dur-base) var(--ease-kun-in);width:100%;position:absolute}.message-list-enter-from[data-v-2c1073e3],.message-list-leave-to[data-v-2c1073e3]{opacity:0;transform:scale(.8)}[class*=top-] .message-list-enter-from[data-v-2c1073e3],[class*=top-] .message-list-leave-to[data-v-2c1073e3]{transform:translateY(-30px)scale(.8)}[class*=bottom-] .message-list-enter-from[data-v-2c1073e3],[class*=bottom-] .message-list-leave-to[data-v-2c1073e3]{transform:translateY(30px)scale(.8)}@keyframes progress-stripes-0b3d04f3{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes kun-progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}[data-kun-tab-hidden][data-v-ccf67b4b]{content-visibility:hidden}.kun-text-block[data-v-e9ad81ae]{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.vue-advanced-cropper{text-align:center;-webkit-user-select:none;user-select:none;direction:ltr;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__stretcher{pointer-events:none;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__boundaries{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{width:100%;height:100%;position:absolute;overflow:hidden}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;width:10px;height:10px;display:block}.vue-handler-wrapper{width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.vue-handler-wrapper__draggable{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{width:100%;height:12px;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;top:0;transform:translate(-50%)}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{width:100%;height:100%;position:relative}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{top:0;left:0}.vue-bounding-box__handler--north{top:0;left:50%}.vue-bounding-box__handler--east-north{top:0;left:100%}.vue-bounding-box__handler--east{top:50%;left:100%}.vue-bounding-box__handler--east-south{top:100%;left:100%}.vue-bounding-box__handler--south{top:100%;left:50%}.vue-bounding-box__handler--west-south{top:100%;left:0}.vue-bounding-box__handler--west{top:50%;left:0}.vue-draggable-area{position:relative}.vue-preview-result{box-sizing:border-box;width:100%;height:100%;position:absolute;overflow:hidden}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:relative;max-width:none!important}.vue-rectangle-stencil{box-sizing:border-box;width:100%;height:100%;position:absolute}.vue-rectangle-stencil__preview{width:100%;height:100%;position:absolute}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;width:100%;height:100%;position:absolute}.vue-circle-stencil__preview{border-radius:50%;width:100%;height:100%;position:absolute}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;position:relative;overflow:hidden}.vue-preview--fill,.vue-preview__wrapper{width:100%;height:100%;position:absolute}.vue-preview__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-simple-line{background:0 0;border:0 solid #ffffff4d;transition:border .5s}.vue-simple-line--south,.vue-simple-line--north{width:100%;height:0}.vue-simple-line--east,.vue-simple-line--west{width:0;height:100%}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.vue-advanced-cropper__foreground{opacity:.7}.vue-circle-stencil__preview:after,.vue-circle-stencil__preview:before,.vue-rectangle-stencil__preview:after,.vue-rectangle-stencil__preview:before{content:"";opacity:0;pointer-events:none;z-index:1;transition:opacity .25s;position:absolute}.vue-circle-stencil__preview:after,.vue-rectangle-stencil__preview:after{border-left:1px solid #fff;border-right:1px solid #fff;width:33%;height:100%;top:0;left:50%;transform:translate(-50%)}.vue-circle-stencil__preview:before,.vue-rectangle-stencil__preview:before{border-top:1px solid #fff;border-bottom:1px solid #fff;width:100%;height:33%;top:50%;left:0;transform:translateY(-50%)}.vue-circle-stencil--moving .vue-rectangle-stencil__preview:after,.vue-circle-stencil--moving .vue-rectangle-stencil__preview:before,.vue-circle-stencil--moving .vue-circle-stencil__preview:after,.vue-circle-stencil--moving .vue-circle-stencil__preview:before,.vue-circle-stencil--resizing .vue-rectangle-stencil__preview:after,.vue-circle-stencil--resizing .vue-rectangle-stencil__preview:before,.vue-circle-stencil--resizing .vue-circle-stencil__preview:after,.vue-circle-stencil--resizing .vue-circle-stencil__preview:before,.vue-rectangle-stencil--moving .vue-rectangle-stencil__preview:after,.vue-rectangle-stencil--moving .vue-rectangle-stencil__preview:before,.vue-rectangle-stencil--moving .vue-circle-stencil__preview:after,.vue-rectangle-stencil--moving .vue-circle-stencil__preview:before,.vue-rectangle-stencil--resizing .vue-rectangle-stencil__preview:after,.vue-rectangle-stencil--resizing .vue-rectangle-stencil__preview:before,.vue-rectangle-stencil--resizing .vue-circle-stencil__preview:after,.vue-rectangle-stencil--resizing .vue-circle-stencil__preview:before{opacity:.7}.vue-simple-line{border-color:#fffc}.vue-simple-handler-wrapper{width:24px;height:24px}.vue-simple-handler-wrapper--west-north{transform:translate(0)}.vue-simple-handler-wrapper--east-south{transform:translate(-100%,-100%)}.vue-simple-handler-wrapper--west-south{transform:translateY(-100%)}.vue-simple-handler-wrapper--east-north{transform:translate(-100%)}.vue-simple-handler{opacity:0;background:#fff;border:none;flex-shrink:0;width:4px;height:4px;transition:opacity .5s;display:block;position:relative;top:auto;left:auto}.vue-simple-handler--west-north,.vue-simple-handler--east-south,.vue-simple-handler--west-south,.vue-simple-handler--east-north{opacity:.7;background:0 0;width:16px;height:16px;display:block}.vue-simple-handler--west-north{border-top:2px solid #fff;border-left:2px solid #fff}.vue-simple-handler--east-south{border-bottom:2px solid #fff;border-right:2px solid #fff}.vue-simple-handler--west-south{border-bottom:2px solid #fff;border-left:2px solid #fff}.vue-simple-handler--east-north{border-top:2px solid #fff;border-right:2px solid #fff}.vue-simple-handler--hover{opacity:1}.vue-circle-stencil__preview{border:2px solid #fffc}.vue-circle-stencil .vue-simple-line{border-color:#ffffff4d}.vue-circle-stencil .vue-simple-handler--west-north,.vue-circle-stencil .vue-simple-handler--east-south,.vue-circle-stencil .vue-simple-handler--west-south,.vue-circle-stencil .vue-simple-handler--east-north{opacity:.4}.vue-circle-stencil .vue-simple-handler--hover{opacity:1}
+[data-v-44cd432d] *{color:inherit}.ripple[data-v-c00f084d]{animation:ripple-animation-c00f084d .6s var(--ease-kun-out);transform:scale(0)}@keyframes ripple-animation-c00f084d{to{opacity:0;transform:scale(2)}}.kun-modal-enter-active[data-v-856c1b6e]{transition:opacity var(--kun-dur-base) var(--ease-kun-out)}.kun-modal-leave-active[data-v-856c1b6e]{transition:opacity var(--kun-dur-exit) var(--ease-kun-in)}.kun-modal-enter-from[data-v-856c1b6e],.kun-modal-leave-to[data-v-856c1b6e]{opacity:0}.kun-modal-enter-active .kun-modal-panel[data-v-856c1b6e]{transition:transform var(--kun-dur-base) var(--ease-kun-out)}.kun-modal-leave-active .kun-modal-panel[data-v-856c1b6e]{transition:transform var(--kun-dur-exit) var(--ease-kun-in)}.kun-modal-enter-from .kun-modal-panel[data-v-856c1b6e],.kun-modal-leave-to .kun-modal-panel[data-v-856c1b6e]{transform:translateY(8px)scale(.96)}.kun-lightbox-image[data-v-10b9630a]{view-transition-name:kun-lightbox-image}.kun-lightbox-dialog[data-v-10b9630a]::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f2937cc}.slide-next-enter-active[data-v-10b9630a],.slide-next-leave-active[data-v-10b9630a],.slide-prev-enter-active[data-v-10b9630a],.slide-prev-leave-active[data-v-10b9630a]{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}.slide-next-enter-from[data-v-10b9630a]{opacity:0;transform:translate(100%)}.slide-next-leave-to[data-v-10b9630a],.slide-prev-enter-from[data-v-10b9630a]{opacity:0;transform:translate(-100%)}.slide-prev-leave-to[data-v-10b9630a]{opacity:0;transform:translate(100%)}.kun-prose[data-v-b6b81bc9] img{cursor:zoom-in}.kun-prose[data-v-b6b81bc9] .kun-spoiler{vertical-align:middle;border-radius:.5rem;display:inline-block;position:relative;overflow:hidden}.kun-prose[data-v-b6b81bc9] .kun-spoiler .spoiler-frost{pointer-events:none;border-radius:inherit;z-index:5;background:#969696;position:absolute;inset:0;transform:translateZ(0)}.kun-prose[data-v-b6b81bc9] .kun-spoiler>:not(.spoiler-canvas){transition:filter var(--kun-dur-slow) var(--ease-kun-standard);filter:blur()}.kun-prose[data-v-b6b81bc9] .kun-spoiler .spoiler-canvas{z-index:1;pointer-events:none;opacity:1;transition:opacity var(--kun-dur-slow) var(--ease-kun-standard);background-color:#9696961a;position:absolute;inset:0}.kun-prose[data-v-b6b81bc9] .kun-spoiler .spoiler-canvas.fade-out{opacity:0}.kun-prose[data-v-b6b81bc9] .kun-spoiler.kun-spoiler-hidden{cursor:pointer}.kun-prose[data-v-b6b81bc9] .kun-spoiler.kun-spoiler-hidden>:not(.spoiler-canvas){filter:blur(52px);-webkit-user-select:none;user-select:none}.kun-prose[data-v-b6b81bc9] div.kun-spoiler{width:fit-content;display:block}.kun-drawer-left-enter-active[data-v-d875426c],.kun-drawer-right-enter-active[data-v-d875426c],.kun-drawer-top-enter-active[data-v-d875426c],.kun-drawer-bottom-enter-active[data-v-d875426c]{transition:opacity var(--kun-dur-base) var(--ease-kun-out)}.kun-drawer-left-leave-active[data-v-d875426c],.kun-drawer-right-leave-active[data-v-d875426c],.kun-drawer-top-leave-active[data-v-d875426c],.kun-drawer-bottom-leave-active[data-v-d875426c]{transition:opacity var(--kun-dur-exit) var(--ease-kun-in)}.kun-drawer-left-enter-active>div[data-v-d875426c]:last-child,.kun-drawer-right-enter-active>div[data-v-d875426c]:last-child,.kun-drawer-top-enter-active>div[data-v-d875426c]:last-child,.kun-drawer-bottom-enter-active>div[data-v-d875426c]:last-child{transition:transform var(--kun-dur-base) var(--ease-kun-emphasized)}.kun-drawer-left-leave-active>div[data-v-d875426c]:last-child,.kun-drawer-right-leave-active>div[data-v-d875426c]:last-child,.kun-drawer-top-leave-active>div[data-v-d875426c]:last-child,.kun-drawer-bottom-leave-active>div[data-v-d875426c]:last-child{transition:transform var(--kun-dur-exit) var(--ease-kun-in)}.kun-drawer-left-enter-from[data-v-d875426c],.kun-drawer-left-leave-to[data-v-d875426c]{opacity:0}.kun-drawer-left-enter-from>div[data-v-d875426c]:last-child,.kun-drawer-left-leave-to>div[data-v-d875426c]:last-child{transform:translate(-100%)}.kun-drawer-right-enter-from[data-v-d875426c],.kun-drawer-right-leave-to[data-v-d875426c]{opacity:0}.kun-drawer-right-enter-from>div[data-v-d875426c]:last-child,.kun-drawer-right-leave-to>div[data-v-d875426c]:last-child{transform:translate(100%)}.kun-drawer-top-enter-from[data-v-d875426c],.kun-drawer-top-leave-to[data-v-d875426c]{opacity:0}.kun-drawer-top-enter-from>div[data-v-d875426c]:last-child,.kun-drawer-top-leave-to>div[data-v-d875426c]:last-child{transform:translateY(-100%)}.kun-drawer-bottom-enter-from[data-v-d875426c],.kun-drawer-bottom-leave-to[data-v-d875426c]{opacity:0}.kun-drawer-bottom-enter-from>div[data-v-d875426c]:last-child,.kun-drawer-bottom-leave-to>div[data-v-d875426c]:last-child{transform:translateY(100%)}.kun-fade-expand[data-v-b563c3ba]{transition:grid-template-rows var(--kun-dur-slow) var(--ease-kun-standard), opacity var(--kun-dur-slow) var(--ease-kun-standard)}.kun-fade-collapsed[data-v-b563c3ba]{opacity:0;grid-template-rows:0fr!important}.loli[data-v-c4847e0a]{filter:drop-shadow(2px 4px 3px var(--color-primary-300))}.loli span[data-v-c4847e0a]{clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0 50%)}.info[data-v-c4847e0a],.info[data-v-c22df434]{color:var(--color-white);text-shadow:0 1px var(--color-foreground), 1px 0 var(--color-foreground), -1px 0 var(--color-foreground), 0 -1px var(--color-foreground), 1px 2px var(--color-foreground)}[data-v-a80e8a61] *{color:inherit}@keyframes shrink-a80e8a61{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.progress-bar[data-v-a80e8a61]{animation:shrink-a80e8a61 var(--v665a68f1) linear forwards;animation-play-state:running}.message-list-move[data-v-2c1073e3]{transition:transform var(--kun-dur-base) var(--ease-kun-emphasized)}.message-list-enter-active[data-v-2c1073e3]{transition:opacity var(--kun-dur-slow) var(--ease-kun-out), transform var(--kun-dur-slow) var(--ease-kun-out)}.message-list-leave-active[data-v-2c1073e3]{transition:opacity var(--kun-dur-base) var(--ease-kun-in), transform var(--kun-dur-base) var(--ease-kun-in);width:100%;position:absolute}.message-list-enter-from[data-v-2c1073e3],.message-list-leave-to[data-v-2c1073e3]{opacity:0;transform:scale(.8)}[class*=top-] .message-list-enter-from[data-v-2c1073e3],[class*=top-] .message-list-leave-to[data-v-2c1073e3]{transform:translateY(-30px)scale(.8)}[class*=bottom-] .message-list-enter-from[data-v-2c1073e3],[class*=bottom-] .message-list-leave-to[data-v-2c1073e3]{transform:translateY(30px)scale(.8)}@keyframes progress-stripes-2d1f0813{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes kun-progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}[data-kun-tab-hidden][data-v-ccf67b4b]{content-visibility:hidden}.kun-text-block[data-v-e9ad81ae]{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.vue-advanced-cropper{text-align:center;-webkit-user-select:none;user-select:none;direction:ltr;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__stretcher{pointer-events:none;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__boundaries{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{width:100%;height:100%;position:absolute;overflow:hidden}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;width:10px;height:10px;display:block}.vue-handler-wrapper{width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.vue-handler-wrapper__draggable{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{width:100%;height:12px;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;top:0;transform:translate(-50%)}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{width:100%;height:100%;position:relative}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{top:0;left:0}.vue-bounding-box__handler--north{top:0;left:50%}.vue-bounding-box__handler--east-north{top:0;left:100%}.vue-bounding-box__handler--east{top:50%;left:100%}.vue-bounding-box__handler--east-south{top:100%;left:100%}.vue-bounding-box__handler--south{top:100%;left:50%}.vue-bounding-box__handler--west-south{top:100%;left:0}.vue-bounding-box__handler--west{top:50%;left:0}.vue-draggable-area{position:relative}.vue-preview-result{box-sizing:border-box;width:100%;height:100%;position:absolute;overflow:hidden}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:relative;max-width:none!important}.vue-rectangle-stencil{box-sizing:border-box;width:100%;height:100%;position:absolute}.vue-rectangle-stencil__preview{width:100%;height:100%;position:absolute}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;width:100%;height:100%;position:absolute}.vue-circle-stencil__preview{border-radius:50%;width:100%;height:100%;position:absolute}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;position:relative;overflow:hidden}.vue-preview--fill,.vue-preview__wrapper{width:100%;height:100%;position:absolute}.vue-preview__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-simple-line{background:0 0;border:0 solid #ffffff4d;transition:border .5s}.vue-simple-line--south,.vue-simple-line--north{width:100%;height:0}.vue-simple-line--east,.vue-simple-line--west{width:0;height:100%}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.vue-advanced-cropper__foreground{opacity:.7}.vue-circle-stencil__preview:after,.vue-circle-stencil__preview:before,.vue-rectangle-stencil__preview:after,.vue-rectangle-stencil__preview:before{content:"";opacity:0;pointer-events:none;z-index:1;transition:opacity .25s;position:absolute}.vue-circle-stencil__preview:after,.vue-rectangle-stencil__preview:after{border-left:1px solid #fff;border-right:1px solid #fff;width:33%;height:100%;top:0;left:50%;transform:translate(-50%)}.vue-circle-stencil__preview:before,.vue-rectangle-stencil__preview:before{border-top:1px solid #fff;border-bottom:1px solid #fff;width:100%;height:33%;top:50%;left:0;transform:translateY(-50%)}.vue-circle-stencil--moving .vue-rectangle-stencil__preview:after,.vue-circle-stencil--moving .vue-rectangle-stencil__preview:before,.vue-circle-stencil--moving .vue-circle-stencil__preview:after,.vue-circle-stencil--moving .vue-circle-stencil__preview:before,.vue-circle-stencil--resizing .vue-rectangle-stencil__preview:after,.vue-circle-stencil--resizing .vue-rectangle-stencil__preview:before,.vue-circle-stencil--resizing .vue-circle-stencil__preview:after,.vue-circle-stencil--resizing .vue-circle-stencil__preview:before,.vue-rectangle-stencil--moving .vue-rectangle-stencil__preview:after,.vue-rectangle-stencil--moving .vue-rectangle-stencil__preview:before,.vue-rectangle-stencil--moving .vue-circle-stencil__preview:after,.vue-rectangle-stencil--moving .vue-circle-stencil__preview:before,.vue-rectangle-stencil--resizing .vue-rectangle-stencil__preview:after,.vue-rectangle-stencil--resizing .vue-rectangle-stencil__preview:before,.vue-rectangle-stencil--resizing .vue-circle-stencil__preview:after,.vue-rectangle-stencil--resizing .vue-circle-stencil__preview:before{opacity:.7}.vue-simple-line{border-color:#fffc}.vue-simple-handler-wrapper{width:24px;height:24px}.vue-simple-handler-wrapper--west-north{transform:translate(0)}.vue-simple-handler-wrapper--east-south{transform:translate(-100%,-100%)}.vue-simple-handler-wrapper--west-south{transform:translateY(-100%)}.vue-simple-handler-wrapper--east-north{transform:translate(-100%)}.vue-simple-handler{opacity:0;background:#fff;border:none;flex-shrink:0;width:4px;height:4px;transition:opacity .5s;display:block;position:relative;top:auto;left:auto}.vue-simple-handler--west-north,.vue-simple-handler--east-south,.vue-simple-handler--west-south,.vue-simple-handler--east-north{opacity:.7;background:0 0;width:16px;height:16px;display:block}.vue-simple-handler--west-north{border-top:2px solid #fff;border-left:2px solid #fff}.vue-simple-handler--east-south{border-bottom:2px solid #fff;border-right:2px solid #fff}.vue-simple-handler--west-south{border-bottom:2px solid #fff;border-left:2px solid #fff}.vue-simple-handler--east-north{border-top:2px solid #fff;border-right:2px solid #fff}.vue-simple-handler--hover{opacity:1}.vue-circle-stencil__preview{border:2px solid #fffc}.vue-circle-stencil .vue-simple-line{border-color:#ffffff4d}.vue-circle-stencil .vue-simple-handler--west-north,.vue-circle-stencil .vue-simple-handler--east-south,.vue-circle-stencil .vue-simple-handler--west-south,.vue-circle-stencil .vue-simple-handler--east-north{opacity:.4}.vue-circle-stencil .vue-simple-handler--hover{opacity:1}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/ui-vue",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "KunUI Vue 3 component layer — Nuxt-decoupled. Works in any Vue app; pairs with @kungal/ui-nuxt for Nuxt sugar.",
   "type": "module",
   "keywords": [
@@ -48,7 +48,7 @@
     "date-fns": "^4.1.0",
     "focus-trap": "^8.2.1",
     "vue-advanced-cropper": "^2.8.9",
-    "@kungal/ui-core": "0.19.0"
+    "@kungal/ui-core": "0.20.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
@@ -60,7 +60,7 @@
     "vite": "^8.0.16",
     "vue": "^3.5.35",
     "vue-tsc": "^3.3.3",
-    "@kungal/ui-tokens": "0.19.0"
+    "@kungal/ui-tokens": "0.20.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json",