@kernel4632/kima 0.8.3 → 0.8.4

package/dist/vue/components/shell/app-shell.ce.js

@@ -1,14 +1,16 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
-import t from "../core/button.ce.js";
-import { useNavigationRoot as n } from "../../utils/navigation.js";
-import r from "../core/drawer.ce.js";
-import { useNarrow as i, useShellModel as a } from "../../utils/shell.js";
-import { useKimaConfig as o } from "../../utils/config.js";
-import { useScopedSlots as s } from "../../utils/scoped-slots.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import n from "../core/drawer.ce.js";
+import r from "../core/icon-button.ce.js";
+import i from "../core/tooltip.ce.js";
+import { useNarrow as a, useShellModel as o } from "../../utils/shell.js";
+import { useKimaConfig as s } from "../../utils/config.js";
+import { useScopedSlots as c } from "../../utils/scoped-slots.js";
 /* empty css                                                             */
-import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, mergeProps as m, openBlock as h, ref as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useId as x, watch as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
+import { Fragment as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, mergeProps as h, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useId as S, watch as C, withCtx as w, withDirectives as T, withModifiers as E } from "vue";
+import { Menu01Icon as D } from "@hugeicons/core-free-icons";
 // src/components/shell/app-shell.ce.vue
-var E = ["href"], D = { class: "kima-app-shell__header" }, O = { key: 1 }, k = { key: 0 }, A = { class: "kima-app-shell__footer" }, j = { key: 0 }, M = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+var O = ["href"], k = { class: "kima-app-shell__header" }, A = { key: 1 }, j = { key: 0 }, M = { class: "kima-app-shell__footer" }, N = { key: 0 }, P = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "app-shell.ce",
 	props: {
 		open: Boolean,
@@ -30,40 +32,49 @@ var E = ["href"], D = { class: "kima-app-shell__header" }, O = { key: 1 }, k = {
 		}
 	},
 	emits: ["update:open"],
-	setup(e, { emit: M }) {
-		let { native: N, vOutlet: P } = s(), F = e, I = M, { root: L, forwardedAttrs: R } = n(), z = o(L), B = g(null), [V, H] = a(F, "open", I), U = i(L, () => F.breakpoint), W = `kima-main-${x()}`;
-		return S(U, () => H(!1)), (n, i) => (h(), d("div", m({
+	setup(e, { emit: P }) {
+		let { native: F, vOutlet: I } = c(), L = e, R = P, { root: z, forwardedAttrs: B } = t(), V = s(z), H = _(null), [U, W] = o(L, "open", R), G = a(z, () => L.breakpoint), K = `kima-main-${S()}`;
+		return C(G, () => W(!1)), (t, a) => (g(), f("div", h({
 			ref_key: "root",
-			ref: L
-		}, b(R), {
-			class: ["kima-app-shell", { "kima-app-shell--narrow": b(U) }],
+			ref: z
+		}, x(B), {
+			class: ["kima-app-shell", { "kima-app-shell--narrow": x(G) }],
 			style: { "--kima-shell-sidebar-width": e.sidebarWidth }
 		}), [
-			f("a", {
+			p("a", {
 				class: "kima-app-shell__skip",
-				href: `#${W}`,
-				onClick: i[0] ||= T((e) => B.value?.focus(), ["prevent"])
-			}, y(e.skipLabel), 9, E),
-			f("header", D, [b(U) ? (h(), l(t, {
+				href: `#${K}`,
+				onClick: a[0] ||= E((e) => H.value?.focus(), ["prevent"])
+			}, b(e.skipLabel), 9, O),
+			p("header", k, [x(G) ? (g(), u(i, {
 				key: 0,
-				variant: "text",
-				"aria-expanded": b(V),
-				"aria-controls": `${W}-sidebar`,
-				onClick: i[1] ||= (e) => b(H)(!b(V))
+				text: x(U) ? "关闭导航" : "打开导航",
+				position: "right"
 			}, {
-				default: C(() => [...i[2] ||= [p("打开导航", -1)]]),
+				default: w(() => [m(r, {
+					icon: x(D),
+					label: x(U) ? "关闭导航" : "打开导航",
+					"aria-expanded": x(U),
+					"aria-controls": `${K}-sidebar`,
+					onClick: a[1] ||= (e) => x(W)(!x(U))
+				}, null, 8, [
+					"icon",
+					"label",
+					"aria-expanded",
+					"aria-controls"
+				])]),
 				_: 1
-			}, 8, ["aria-expanded", "aria-controls"])) : u("", !0), b(N) ? w((h(), d("div", O, null, 512)), [[b(P), "header"]]) : _(n.$slots, "header", {}, void 0, !0, 2)]),
-			(h(), l(v(b(U) ? r : "aside"), {
-				id: `${W}-sidebar`,
-				open: b(U) && b(V),
-				placement: b(z).direction === "rtl" ? "right" : "left",
+			}, 8, ["text"])) : d("", !0), x(F) ? T((g(), f("div", A, null, 512)), [[x(I), "header"]]) : v(t.$slots, "header", {}, void 0, !0, 2)]),
+			(g(), u(y(x(G) ? n : "aside"), {
+				id: `${K}-sidebar`,
+				open: x(G) && x(U),
+				placement: x(V).direction === "rtl" ? "right" : "left",
 				title: e.label,
 				"aria-label": e.label,
 				class: "kima-app-shell__sidebar",
-				"onUpdate:open": b(H)
+				"onUpdate:open": x(W)
 			}, {
-				default: C(() => [b(N) ? w((h(), d("div", k, null, 512)), [[b(P), "sidebar"]]) : _(n.$slots, "sidebar", { close: () => b(H)(!1) }, void 0, !0, 1)]),
+				default: w(() => [x(F) ? T((g(), f("div", j, null, 512)), [[x(I), "sidebar"]]) : v(t.$slots, "sidebar", { close: () => x(W)(!1) }, void 0, !0, 1)]),
 				_: 3
 			}, 40, [
 				"id",
@@ -73,15 +84,15 @@ var E = ["href"], D = { class: "kima-app-shell__header" }, O = { key: 1 }, k = {
 				"aria-label",
 				"onUpdate:open"
 			])),
-			f("main", {
-				id: W,
+			p("main", {
+				id: K,
 				ref_key: "main",
-				ref: B,
+				ref: H,
 				tabindex: "-1",
 				class: "kima-app-shell__main"
-			}, [b(N) ? (h(), d(c, { key: 0 }, [w(f("div", null, null, 512), [[b(P), "main"]]), w(f("div", null, null, 512), [[b(P)]])], 64)) : _(n.$slots, "main", {}, () => [_(n.$slots, "default", {}, void 0, !0)], !0, 1)], 512),
-			f("footer", A, [b(N) ? w((h(), d("div", j, null, 512)), [[b(P), "footer"]]) : _(n.$slots, "footer", {}, void 0, !0, 1)])
+			}, [x(F) ? (g(), f(l, { key: 0 }, [T(p("div", null, null, 512), [[x(I), "main"]]), T(p("div", null, null, 512), [[x(I)]])], 64)) : v(t.$slots, "main", {}, () => [v(t.$slots, "default", {}, void 0, !0)], !0, 1)], 512),
+			p("footer", M, [x(F) ? T((g(), f("div", N, null, 512)), [[x(I), "footer"]]) : v(t.$slots, "footer", {}, void 0, !0, 1)])
 		], 16));
 	}
-}), [["__scopeId", "data-v-abea9686"]]);
-export { M as default };
+}), [["__scopeId", "data-v-37292ba0"]]);
+export { P as default };

package/dist/vue/components/shell/sidebar.ce.js

@@ -1,15 +1,17 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
-import t from "../core/button.ce.js";
-import { useNavigationRoot as n } from "../../utils/navigation.js";
-import r from "../core/drawer.ce.js";
-import { useNarrow as i, useShellModel as a } from "../../utils/shell.js";
-import { useKimaConfig as o } from "../../utils/config.js";
-import { useScopedSlots as s } from "../../utils/scoped-slots.js";
-import c from "../navigation/navigation-menu.ce.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import n from "../core/drawer.ce.js";
+import r from "../core/icon-button.ce.js";
+import i from "../core/tooltip.ce.js";
+import { useNarrow as a, useShellModel as o } from "../../utils/shell.js";
+import { useKimaConfig as s } from "../../utils/config.js";
+import { useScopedSlots as c } from "../../utils/scoped-slots.js";
+import l from "../navigation/navigation-menu.ce.js";
 /* empty css                                                           */
-import { createBlock as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, mergeProps as m, onMounted as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useId as x, watch as S, withCtx as C, withDirectives as w } from "vue";
+import { computed as u, createBlock as d, createElementBlock as f, createElementVNode as p, createVNode as m, mergeProps as h, onMounted as g, openBlock as _, renderSlot as v, resolveDynamicComponent as y, unref as b, useId as x, watch as S, withCtx as C, withDirectives as w } from "vue";
+import { Menu01Icon as T, SidebarLeftIcon as E, SidebarRightIcon as D } from "@hugeicons/core-free-icons";
 // src/components/shell/sidebar.ce.vue
-var T = ["data-collapsed", "aria-label"], E = { key: 0 }, D = { key: 0 }, O = { key: 0 }, k = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+var O = ["data-collapsed", "aria-label"], k = { key: 0 }, A = { key: 0 }, j = { key: 0 }, M = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "sidebar.ce",
 	props: {
 		items: {
@@ -47,60 +49,69 @@ var T = ["data-collapsed", "aria-label"], E = { key: 0 }, D = { key: 0 }, O = {
 		"update:open",
 		"navigate"
 	],
-	setup(e, { emit: k }) {
-		let { native: A, vOutlet: j } = s(), M = e, N = k, { root: P, forwardedAttrs: F } = n(), I = o(P), [L, R] = a(M, "modelValue", N), [z, B] = a(M, "expanded", N), [V, H] = a(M, "collapsed", N), [U, W] = a(M, "open", N), G = i(P, () => M.breakpoint, !0), K = `kima-sidebar-${x()}`;
-		h(() => {
-			if (M.storageKey) try {
-				let e = localStorage.getItem(M.storageKey);
-				e != null && H(e === "true");
+	setup(e, { emit: M }) {
+		let { native: N, vOutlet: P } = c(), F = e, I = M, { root: L, forwardedAttrs: R } = t(), z = s(L), [B, V] = o(F, "modelValue", I), [H, U] = o(F, "expanded", I), [W, G] = o(F, "collapsed", I), [K, q] = o(F, "open", I), J = a(L, () => F.breakpoint, !0), Y = `kima-sidebar-${x()}`, X = u(() => J.value ? K.value ? "关闭导航" : "打开导航" : W.value ? "展开侧栏" : "折叠侧栏"), Z = u(() => J.value ? T : z.value.direction === "rtl" ? D : E);
+		g(() => {
+			if (F.storageKey) try {
+				let e = localStorage.getItem(F.storageKey);
+				e != null && G(e === "true");
 			} catch {}
-		}), S(V, (e) => {
-			if (M.storageKey) try {
-				localStorage.setItem(M.storageKey, String(e));
+		}), S(W, (e) => {
+			if (F.storageKey) try {
+				localStorage.setItem(F.storageKey, String(e));
 			} catch {}
-		}), S(G, () => W(!1));
-		function q(e, t) {
-			N("navigate", e, t), G.value && !t.defaultPrevented && !t.metaKey && !t.ctrlKey && W(!1);
+		}), S(J, () => q(!1));
+		function Q(e, t) {
+			I("navigate", e, t), J.value && !t.defaultPrevented && !t.metaKey && !t.ctrlKey && q(!1);
 		}
-		return (n, i) => (g(), u("aside", m({
+		return (t, a) => (_(), f("aside", h({
 			ref_key: "root",
-			ref: P
-		}, b(F), {
+			ref: L
+		}, b(R), {
 			class: ["kima-sidebar", {
-				"kima-sidebar--collapsed": b(V) && !b(G),
-				"kima-sidebar--mobile": b(G)
+				"kima-sidebar--collapsed": b(W) && !b(J),
+				"kima-sidebar--mobile": b(J)
 			}],
-			"data-collapsed": b(V),
-			"aria-label": e.label || (b(I).locale.startsWith("en") ? "Sidebar" : "侧栏")
-		}), [p(t, {
-			variant: "text",
-			disabled: e.disabled,
-			"aria-expanded": b(G) ? b(U) : !b(V),
-			"aria-controls": K,
-			onClick: i[0] ||= (e) => b(G) ? b(W)(!b(U)) : b(H)(!b(V))
+			"data-collapsed": b(W),
+			"aria-label": e.label || (b(z).locale.startsWith("en") ? "Sidebar" : "侧栏")
+		}), [m(i, {
+			text: X.value,
+			position: "right"
 		}, {
-			default: C(() => [f(y(b(G) ? "打开导航" : b(V) ? "展开侧栏" : "折叠侧栏"), 1)]),
+			default: C(() => [m(r, {
+				icon: Z.value,
+				label: X.value,
+				disabled: e.disabled,
+				"aria-expanded": b(J) ? b(K) : !b(W),
+				"aria-controls": Y,
+				onClick: a[0] ||= (e) => b(J) ? b(q)(!b(K)) : b(G)(!b(W))
+			}, null, 8, [
+				"icon",
+				"label",
+				"disabled",
+				"aria-expanded"
+			])]),
 			_: 1
-		}, 8, ["disabled", "aria-expanded"]), (g(), l(v(b(G) ? r : "div"), {
-			id: K,
-			open: b(G) && b(U),
-			placement: b(I).direction === "rtl" ? "right" : "left",
+		}, 8, ["text"]), (_(), d(y(b(J) ? n : "div"), {
+			id: Y,
+			open: b(J) && b(K),
+			placement: b(z).direction === "rtl" ? "right" : "left",
 			title: e.label || "侧栏导航",
 			class: "kima-sidebar__body",
-			"onUpdate:open": b(W)
+			"onUpdate:open": b(q)
 		}, {
 			default: C(() => [
-				d("header", null, [b(A) ? w((g(), u("div", E, null, 512)), [[b(j), "header"]]) : _(n.$slots, "header", { collapsed: b(V) && !b(G) }, void 0, !0, 1)]),
-				p(c, {
+				p("header", null, [b(N) ? w((_(), f("div", k, null, 512)), [[b(P), "header"]]) : v(t.$slots, "header", { collapsed: b(W) && !b(J) }, void 0, !0, 1)]),
+				m(l, {
 					items: e.items,
-					"model-value": b(L),
-					expanded: b(z),
+					"model-value": b(B),
+					expanded: b(H),
 					disabled: e.disabled,
 					orientation: "vertical",
 					label: e.label || "侧栏导航",
-					"onUpdate:modelValue": b(R),
-					"onUpdate:expanded": b(B),
-					onNavigate: q
+					"onUpdate:modelValue": b(V),
+					"onUpdate:expanded": b(U),
+					onNavigate: Q
 				}, null, 8, [
 					"items",
 					"model-value",
@@ -110,8 +121,8 @@ var T = ["data-collapsed", "aria-label"], E = { key: 0 }, D = { key: 0 }, O = {
 					"onUpdate:modelValue",
 					"onUpdate:expanded"
 				]),
-				b(A) ? w((g(), u("div", D, null, 512)), [[b(j)]]) : _(n.$slots, "default", { collapsed: b(V) && !b(G) }, void 0, !0, 1),
-				d("footer", null, [b(A) ? w((g(), u("div", O, null, 512)), [[b(j), "footer"]]) : _(n.$slots, "footer", { collapsed: b(V) && !b(G) }, void 0, !0, 1)])
+				b(N) ? w((_(), f("div", A, null, 512)), [[b(P)]]) : v(t.$slots, "default", { collapsed: b(W) && !b(J) }, void 0, !0, 1),
+				p("footer", null, [b(N) ? w((_(), f("div", j, null, 512)), [[b(P), "footer"]]) : v(t.$slots, "footer", { collapsed: b(W) && !b(J) }, void 0, !0, 1)])
 			]),
 			_: 3
 		}, 40, [
@@ -119,7 +130,7 @@ var T = ["data-collapsed", "aria-label"], E = { key: 0 }, D = { key: 0 }, O = {
 			"placement",
 			"title",
 			"onUpdate:open"
-		]))], 16, T));
+		]))], 16, O));
 	}
-}), [["__scopeId", "data-v-0fd95ccf"]]);
-export { k as default };
+}), [["__scopeId", "data-v-f50127b6"]]);
+export { M as default };

package/dist/vue/components/utility/log-viewer.ce.js

@@ -1,11 +1,16 @@
 import e from "../../_virtual/_plugin-vue_export-helper.js";
-import t from "../core/button.ce.js";
-import { useInteractionRoot as n } from "../../utils/interaction.js";
-import r from "../display/highlight.ce.js";
+import { useInteractionRoot as t } from "../../utils/interaction.js";
+import n from "../core/icon-button.ce.js";
+import r from "../core/tooltip.ce.js";
+import i from "../display/highlight.ce.js";
 /* empty css                                                              */
-import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, mergeProps as d, nextTick as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, vModelText as v, watch as y, withCtx as b, withDirectives as x } from "vue";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, mergeProps as d, nextTick as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, vModelText as v, watch as y, withCtx as b, withDirectives as x } from "vue";
+import { Download01Icon as S, PauseIcon as C, PlayIcon as w } from "@hugeicons/core-free-icons";
 // src/components/utility/log-viewer.ce.vue
-var S = ["aria-label"], C = { class: "kima-log-viewer__tools" }, w = ["aria-label", "aria-live"], T = { key: 0 }, E = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+var T = ["aria-label"], E = { class: "kima-log-viewer__tools" }, D = {
+	class: "kima-log-viewer__follow-status",
+	role: "status"
+}, O = ["aria-label", "aria-live"], k = { key: 0 }, A = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "log-viewer.ce",
 	props: {
 		lines: {
@@ -30,95 +35,107 @@ var S = ["aria-label"], C = { class: "kima-log-viewer__tools" }, w = ["aria-labe
 		"follow-change",
 		"export"
 	],
-	setup(e, { expose: E, emit: D }) {
-		let O = e, k = D, { root: A, forwardedAttrs: j } = n(), M = m([]), N = m(""), P = m(!0), F = m(null), I = 0;
-		function L() {
-			M.value = M.value.slice(-Math.max(1, Math.floor(O.maxLines) || 1));
+	setup(e, { expose: A, emit: j }) {
+		let M = e, N = j, { root: P, forwardedAttrs: F } = t(), I = m([]), L = m(""), R = m(!0), z = m(null), B = 0;
+		function V() {
+			I.value = I.value.slice(-Math.max(1, Math.floor(M.maxLines) || 1));
 		}
-		async function R() {
-			await f(), P.value && F.value && (F.value.scrollTop = F.value.scrollHeight);
+		async function H() {
+			await f(), R.value && z.value && (z.value.scrollTop = z.value.scrollHeight);
 		}
-		function z(e) {
+		function U(e) {
 			let t = Array.isArray(e) ? e : String(e).split("\n");
-			M.value.push(...t.map((e) => ({
-				id: ++I,
+			I.value.push(...t.map((e) => ({
+				id: ++B,
 				text: String(e)
-			}))), L(), R(), k("append", t);
+			}))), V(), H(), N("append", t);
 		}
-		y(() => O.lines, (e) => {
-			M.value = e.map((e) => ({
-				id: ++I,
+		y(() => M.lines, (e) => {
+			I.value = e.map((e) => ({
+				id: ++B,
 				text: String(e)
-			})), L(), R();
+			})), V(), H();
 		}, {
 			immediate: !0,
 			deep: !0
-		}), y(() => O.maxLines, L);
-		let B = a(() => M.value.filter((e) => !N.value || e.text.toLocaleLowerCase().includes(N.value.toLocaleLowerCase())));
-		function V(e) {
-			P.value !== e && (P.value = e, k("follow-change", e)), e && R();
+		}), y(() => M.maxLines, V);
+		let W = o(() => I.value.filter((e) => !L.value || e.text.toLocaleLowerCase().includes(L.value.toLocaleLowerCase())));
+		function G(e) {
+			R.value !== e && (R.value = e, N("follow-change", e)), e && H();
 		}
-		function H() {
-			let e = F.value;
-			V(e.scrollHeight - e.scrollTop - e.clientHeight < 8);
+		function K() {
+			let e = z.value;
+			G(e.scrollHeight - e.scrollTop - e.clientHeight < 8);
 		}
-		function U() {
-			let e = M.value.map((e) => e.text).join("\n");
-			return k("export", e), e;
+		function q() {
+			let e = I.value.map((e) => e.text).join("\n");
+			return N("export", e), e;
 		}
-		function W() {
-			let e = URL.createObjectURL(new Blob([U()], { type: "text/plain;charset=utf-8" })), t = document.createElement("a");
+		function J() {
+			let e = URL.createObjectURL(new Blob([q()], { type: "text/plain;charset=utf-8" })), t = document.createElement("a");
 			t.href = e, t.download = "kima-log.txt", t.click(), setTimeout(() => URL.revokeObjectURL(e), 0);
 		}
-		return E({
-			append: z,
-			exportText: U,
-			resume: () => V(!0)
-		}), (n, a) => (p(), s("section", d({
+		return A({
+			append: U,
+			exportText: q,
+			resume: () => G(!0)
+		}), (t, o) => (p(), c("section", d({
 			ref_key: "root",
-			ref: A
-		}, _(j), {
+			ref: P
+		}, _(F), {
 			class: "kima-log-viewer",
 			"aria-label": e.label
-		}), [c("div", C, [
-			e.searchable ? x((p(), s("input", {
+		}), [l("div", E, [
+			e.searchable ? x((p(), c("input", {
 				key: 0,
-				"onUpdate:modelValue": a[0] ||= (e) => N.value = e,
+				"onUpdate:modelValue": o[0] ||= (e) => L.value = e,
 				type: "search",
 				placeholder: "过滤日志",
 				"aria-label": "搜索日志"
-			}, null, 512)), [[v, N.value]]) : o("", !0),
-			u(t, {
-				variant: "text",
-				"aria-pressed": P.value,
-				onClick: a[1] ||= (e) => V(!P.value)
-			}, {
-				default: b(() => [l(g(P.value ? "暂停跟尾" : "恢复跟尾"), 1)]),
+			}, null, 512)), [[v, L.value]]) : s("", !0),
+			u(r, { text: R.value ? "暂停跟尾" : "恢复跟尾" }, {
+				default: b(() => [u(n, {
+					icon: R.value ? _(C) : _(w),
+					label: R.value ? "暂停跟尾" : "恢复跟尾",
+					variant: R.value ? "tonal" : "standard",
+					"aria-pressed": R.value,
+					onClick: o[1] ||= (e) => G(!R.value)
+				}, null, 8, [
+					"icon",
+					"label",
+					"variant",
+					"aria-pressed"
+				])]),
 				_: 1
-			}, 8, ["aria-pressed"]),
-			u(t, {
-				variant: "text",
-				onClick: W
+			}, 8, ["text"]),
+			u(r, {
+				text: "导出日志",
+				position: "left"
 			}, {
-				default: b(() => [...a[2] ||= [l("导出日志", -1)]]),
+				default: b(() => [u(n, {
+					icon: _(S),
+					label: "导出日志",
+					onClick: J
+				}, null, 8, ["icon"])]),
 				_: 1
-			})
-		]), c("div", {
+			}),
+			l("span", D, g(R.value ? "跟随最新" : "已暂停跟尾"), 1)
+		]), l("div", {
 			ref_key: "viewport",
-			ref: F,
+			ref: z,
 			class: "kima-log-viewer__viewport",
 			role: "log",
 			"aria-label": e.label,
-			"aria-live": P.value ? "polite" : "off",
+			"aria-live": R.value ? "polite" : "off",
 			tabindex: "0",
-			onScroll: H
-		}, [(p(!0), s(i, null, h(B.value, (e) => (p(), s("div", {
+			onScroll: K
+		}, [(p(!0), c(a, null, h(W.value, (e) => (p(), c("div", {
 			key: e.id,
 			class: "kima-log-viewer__line"
-		}, [u(r, {
+		}, [u(i, {
 			text: e.text,
-			keywords: N.value
-		}, null, 8, ["text", "keywords"])]))), 128)), B.value.length ? o("", !0) : (p(), s("p", T, "没有匹配日志"))], 40, w)], 16, S));
+			keywords: L.value
+		}, null, 8, ["text", "keywords"])]))), 128)), W.value.length ? s("", !0) : (p(), c("p", k, "没有匹配日志"))], 40, O)], 16, T));
 	}
-}), [["__scopeId", "data-v-2bf26869"]]);
-export { E as default };
+}), [["__scopeId", "data-v-f5be4658"]]);
+export { A as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kernel4632/kima",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "description": "KIMA (Kinetic, Interaction, Motion, Alive) - a Material 3 style Web UI design system and component library.",
   "type": "module",
   "license": "MIT",

package/dist/components/content/code-editor.ce.vue_vue_type_style_index_0_scoped_a61ccf64_lang.css

@@ -1 +0,0 @@
-@keyframes kima-ripple-glow-a61ccf64{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-code-editor[data-v-a61ccf64]{--kima-chart-series-1:var(--kima-color-primary);--kima-chart-series-2:color-mix(in srgb, var(--kima-color-primary) 65%, var(--kima-color-tertiary-container));--kima-chart-series-3:color-mix(in srgb, var(--kima-color-primary) 65%, var(--kima-color-secondary-container));--kima-chart-series-4:color-mix(in srgb, var(--kima-color-primary) 55%, var(--kima-color-on-surface));--kima-heatmap-low:var(--kima-color-layer-2);--kima-heatmap-high:var(--kima-color-primary-container);min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-weight:var(--kima-font-weight-semi-bold);background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);border:0;overflow:clip}.kima-code-editor[data-v-a61ccf64]:focus-within{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:2px}.kima-code-editor[aria-disabled=true][data-v-a61ccf64]{opacity:var(--kima-opacity-disabled)}@media (prefers-reduced-motion:reduce){.kima-code-editor[data-v-a61ccf64],.kima-code-editor[data-v-a61ccf64] *{transition-duration:0s!important;animation-duration:0s!important}}.kima-code-editor[data-v-a61ccf64]{position:relative}.kima-code-editor__toolbar[data-v-a61ccf64]{align-items:center;gap:var(--kima-space-2);padding:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-code-editor__toolbar span[data-v-a61ccf64]{padding:var(--kima-space-2);color:var(--kima-color-on-surface-variant);margin-inline-start:auto}.kima-code-editor__mount[data-v-a61ccf64]{min-width:0}.kima-code-editor__mount[data-v-a61ccf64] .cm-editor{max-height:32em}.kima-code-editor__mount[data-v-a61ccf64] .cm-button,.kima-code-editor__mount[data-v-a61ccf64] .cm-textfield{background:var(--kima-color-layer-2);color:var(--kima-color-on-surface);border-radius:var(--kima-radius-s);font:inherit;padding:var(--kima-space-2);border:0}.kima-code-editor__mount[data-v-a61ccf64] .cm-panel.cm-search{padding:var(--kima-space-3)}.kima-code-editor__fallback[data-v-a61ccf64]{padding:var(--kima-space-4);font:inherit;white-space:pre-wrap;min-height:12em;margin:0}.kima-code-editor__selection[data-v-a61ccf64]{padding:var(--kima-space-2) var(--kima-space-4);font-size:var(--kima-font-size-label-medium);color:var(--kima-color-on-surface-variant);display:block}.kima-code-editor__proxy[data-v-a61ccf64]{opacity:0;pointer-events:none;clip-path:inset(50%);width:1px;height:1px;position:absolute}

package/dist/components/form-completion/dynamic-input.ce.vue_vue_type_style_index_0_scoped_97d6f5bf_lang.css

@@ -1 +0,0 @@
-@keyframes kima-ripple-glow-97d6f5bf{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-dynamic-input[data-v-97d6f5bf]{box-sizing:border-box;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-large);font-weight:var(--kima-font-weight-semi-bold)}.kima-dynamic-input[aria-disabled=true][data-v-97d6f5bf]{opacity:var(--kima-opacity-disabled)}.kima-dynamic-input[data-v-97d6f5bf]{gap:var(--kima-space-3);min-width:0;display:grid}.kima-dynamic-input__rows[data-v-97d6f5bf]{gap:var(--kima-space-3);display:grid;position:relative}.kima-dynamic-input__row[data-v-97d6f5bf]{background:var(--kima-color-layer-2);border:0;position:relative}.kima-dynamic-input__row[data-v-97d6f5bf]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-dynamic-input__row[data-v-97d6f5bf]>*{z-index:2;position:relative}.kima-dynamic-input__row[data-v-97d6f5bf]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-dynamic-input__row[data-v-97d6f5bf]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-dynamic-input__row[data-v-97d6f5bf]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-dynamic-input__row[data-v-97d6f5bf]{position:relative;overflow:hidden}.kima-dynamic-input__row[data-v-97d6f5bf] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-97d6f5bf var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-dynamic-input__row[data-v-97d6f5bf]{border-radius:var(--kima-radius-m);transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard)}.kima-dynamic-input__row[data-v-97d6f5bf]:focus-within{background:var(--kima-color-layer-3);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-dynamic-input__row[data-v-97d6f5bf]{gap:var(--kima-space-2);padding:var(--kima-space-3);min-width:0;display:grid}.kima-dynamic-input__actions[data-v-97d6f5bf]{gap:var(--kima-space-1);flex-wrap:wrap;display:flex}.kima-dynamic-input__row.kima-list-enter-active[data-v-97d6f5bf],.kima-dynamic-input__row.kima-list-leave-active[data-v-97d6f5bf]{transition:opacity var(--kima-duration-medium) var(--kima-curve-standard), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-dynamic-input__row.kima-list-move[data-v-97d6f5bf]{transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}

package/dist/components/navigation/carousel.ce.vue_vue_type_style_index_0_scoped_c082836f_lang.css

@@ -1 +0,0 @@
-@keyframes kima-ripple-glow-c082836f{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-carousel[data-v-c082836f]{box-sizing:border-box;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-weight:var(--kima-font-weight-semi-bold);font-size:var(--kima-font-size-body-large);background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);width:100%;min-width:0;padding:var(--kima-space-4);border:0;display:block}.kima-carousel[data-v-c082836f]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-carousel__viewport[data-v-c082836f]{padding:var(--kima-space-6);box-sizing:border-box;background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);overflow-wrap:anywhere;min-height:180px}.kima-carousel__controls[data-v-c082836f]{justify-content:space-between;align-items:center;gap:var(--kima-space-3);margin-top:var(--kima-space-4);flex-wrap:wrap;display:flex}.kima-carousel__viewport[data-v-c082836f]{display:grid}.kima-carousel__slide[data-v-c082836f]{grid-area:1/1;min-width:0}.kima-carousel__slide.kima-fade-leave-active[data-v-c082836f]{inset-block-start:var(--kima-space-6);inset-inline:var(--kima-space-6);position:absolute}

package/dist/components/shell/app-shell.ce.vue_vue_type_style_index_0_scoped_abea9686_lang.css

@@ -1 +0,0 @@
-@keyframes kima-ripple-glow-abea9686{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-app-shell[data-v-abea9686]{grid-template-columns:minmax(0, var(--kima-shell-sidebar-width)) minmax(0, 1fr);gap:var(--kima-space-4);color:var(--kima-color-on-surface);font-family:var(--kima-font-family);grid-template-areas:"header header""sidebar main""footer footer";display:grid;position:relative}.kima-app-shell--narrow[data-v-abea9686]{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""main""footer"}.kima-app-shell__header[data-v-abea9686]{align-items:center;gap:var(--kima-space-3);grid-area:header;display:flex}.kima-app-shell__sidebar[data-v-abea9686]{background:var(--kima-color-layer-1);padding:var(--kima-space-4);border-radius:var(--kima-radius-l);border:0;grid-area:sidebar}.kima-app-shell__main[data-v-abea9686]{grid-area:main;min-width:0}.kima-app-shell__main[data-v-abea9686]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-app-shell__footer[data-v-abea9686]{grid-area:footer}.kima-app-shell__skip[data-v-abea9686]{z-index:100;padding:var(--kima-space-3);color:var(--kima-color-on-primary);background:var(--kima-color-primary);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.kima-app-shell__skip[data-v-abea9686]:focus{clip-path:none;width:auto;height:auto;overflow:visible}

package/dist/components/shell/sidebar.ce.vue_vue_type_style_index_0_scoped_0fd95ccf_lang.css

@@ -1 +0,0 @@
-@keyframes kima-ripple-glow-0fd95ccf{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-sidebar[data-v-0fd95ccf]{background:var(--kima-color-layer-1);box-sizing:border-box;width:288px;max-width:100%;padding:var(--kima-space-3);border-radius:var(--kima-radius-l);transition:width var(--kima-duration-slow) var(--kima-curve-emphasized);border:0}.kima-sidebar--collapsed[data-v-0fd95ccf]{width:180px}.kima-sidebar--mobile[data-v-0fd95ccf]{width:100%}.kima-sidebar__body[data-v-0fd95ccf]:not(dialog){gap:var(--kima-space-4);flex-direction:column;display:flex}.kima-sidebar footer[data-v-0fd95ccf]{margin-top:auto}@media (prefers-reduced-motion:reduce){.kima-sidebar[data-v-0fd95ccf]{transition:none}}

package/dist/components/utility/log-viewer.ce.vue_vue_type_style_index_0_scoped_2bf26869_lang.css

@@ -1 +0,0 @@
-@keyframes kima-ripple-glow-2bf26869{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-log-viewer[data-v-2bf26869]{background:var(--kima-color-layer-1);color:var(--kima-color-on-surface);font-family:var(--kima-font-family);padding:var(--kima-space-4);border-radius:var(--kima-radius-m);border:0}.kima-log-viewer__tools[data-v-2bf26869]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-log-viewer__tools input[data-v-2bf26869]{box-sizing:border-box;width:100%;min-height:48px;margin-bottom:var(--kima-space-2);padding:var(--kima-space-3);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);color:var(--kima-color-on-surface);font:inherit;border:0}.kima-log-viewer__tools input[data-v-2bf26869]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}.kima-log-viewer__tools input[data-v-2bf26869]{width:min(100%,240px)}.kima-log-viewer__viewport[data-v-2bf26869]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-log-viewer__viewport[data-v-2bf26869]{overflow-anchor:none;height:260px;overflow:auto}.kima-log-viewer__line[data-v-2bf26869]{white-space:pre-wrap;overflow-wrap:anywhere;min-height:28px}