@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/content/heatmap.ce.js

@@ -0,0 +1,148 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/button.ce.js";
+import { collapseTransition as r } from "../../utils/motion.js";
+import { useContentMotion as i } from "../../utils/content-motion.js";
+/* empty css                                                           */
+import { Fragment as a, Transition as o, computed as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, mergeProps as f, nextTick as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, vShow as b, watch as x, withCtx as S, withDirectives as C } from "vue";
+// src/components/content/heatmap.ce.vue
+var w = ["aria-label"], T = [
+	"aria-label",
+	"aria-rowcount",
+	"aria-colcount"
+], E = [
+	"data-cell",
+	"tabindex",
+	"aria-label",
+	"aria-selected",
+	"onFocus",
+	"onClick",
+	"onKeydown"
+], D = {
+	class: "kima-heatmap__legend",
+	"aria-label": "强度图例"
+}, O = { role: "status" }, k = ["inert", "aria-hidden"], A = { scope: "row" }, j = /*#__PURE__*/ t({
+	__name: "heatmap.ce",
+	props: {
+		values: {
+			type: Array,
+			default: () => []
+		},
+		columns: {
+			type: Array,
+			default: () => []
+		},
+		rows: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "热力图"
+		}
+	},
+	emits: ["select"],
+	setup(t, { emit: j }) {
+		let M = t, N = j, P = g(null), F = g(0), I = g(!1);
+		i(P, () => M.values), e(P);
+		let L = s(() => Math.max(1, M.columns.length, ...M.values.map((e) => e.length))), R = s(() => M.values.flatMap((e, t) => Array.from({ length: L.value }, (n, r) => ({
+			x: r,
+			y: t,
+			value: typeof e[r] == "number" && Number.isFinite(e[r]) ? e[r] : null
+		}))));
+		x(R, () => {
+			F.value = Math.max(0, Math.min(F.value, R.value.length - 1));
+		});
+		let z = s(() => {
+			let e = R.value.filter((e) => e.value !== null).map((e) => e.value);
+			return [Math.min(...e, 0), Math.max(...e, 1)];
+		}), B = (e) => e.value === null ? 0 : (e.value - z.value[0]) / (z.value[1] - z.value[0]), V = (e) => `${M.rows[e.y] ?? e.y + 1}，${M.columns[e.x] ?? e.x + 1}：${e.value ?? "缺失"}`;
+		function H(e) {
+			F.value = e, N("select", { ...R.value[e] });
+		}
+		async function U(e, t) {
+			let n = t;
+			switch (e.key) {
+				case "ArrowRight":
+					n++;
+					break;
+				case "ArrowLeft":
+					n--;
+					break;
+				case "ArrowDown":
+					n += L.value;
+					break;
+				case "ArrowUp":
+					n -= L.value;
+					break;
+				case "Home":
+					n = e.ctrlKey ? 0 : Math.floor(t / L.value) * L.value;
+					break;
+				case "End":
+					n = e.ctrlKey ? R.value.length - 1 : Math.min(R.value.length - 1, Math.floor(t / L.value) * L.value + L.value - 1);
+					break;
+				default: return;
+			}
+			e.preventDefault(), n = Math.max(0, Math.min(R.value.length - 1, n)), H(n), await p(), P.value?.querySelector(`[data-cell="${n}"]`)?.focus();
+		}
+		return (e, i) => (h(), c("section", {
+			ref_key: "root",
+			ref: P,
+			class: "kima-heatmap",
+			"aria-label": t.label
+		}, [
+			l("div", {
+				role: "grid",
+				"aria-label": t.label,
+				"aria-rowcount": t.values.length,
+				"aria-colcount": L.value,
+				class: "kima-heatmap__grid"
+			}, [(h(!0), c(a, null, _(t.values, (e, t) => (h(), c("div", {
+				key: t,
+				role: "row",
+				class: "kima-heatmap__row",
+				style: m({ gridTemplateColumns: `repeat(${L.value},minmax(44px,1fr))` })
+			}, [(h(!0), c(a, null, _(R.value.filter((e) => e.y === t), (e, n) => (h(), c("button", {
+				key: n,
+				role: "gridcell",
+				type: "button",
+				"data-cell": t * L.value + n,
+				tabindex: F.value === t * L.value + n ? 0 : -1,
+				"aria-label": V(e),
+				"aria-selected": F.value === t * L.value + n,
+				style: m({ "--kima-heatmap-cell": `color-mix(in srgb, var(--kima-heatmap-high) ${Math.round(B(e) * 100)}%, var(--kima-heatmap-low))` }),
+				onFocus: (e) => H(t * L.value + n),
+				onClick: (e) => H(t * L.value + n),
+				onKeydown: (e) => U(e, t * L.value + n)
+			}, v(e.value ?? "—"), 45, E))), 128))], 4))), 128))], 8, T),
+			l("div", D, [
+				l("span", null, v(z.value[0]), 1),
+				i[1] ||= l("span", { class: "kima-heatmap__scale" }, null, -1),
+				l("span", null, v(z.value[1]), 1),
+				i[2] ||= l("span", null, "— 缺失", -1)
+			]),
+			l("output", O, v(R.value[F.value] ? V(R.value[F.value]) : "暂无数据"), 1),
+			d(n, {
+				variant: "text",
+				"aria-expanded": I.value,
+				onClick: i[0] ||= (e) => I.value = !I.value
+			}, {
+				default: S(() => [...i[3] ||= [u("查看数据表", -1)]]),
+				_: 1
+			}, 8, ["aria-expanded"]),
+			d(o, f({ css: !1 }, y(r)), {
+				default: S(() => [C(l("div", {
+					inert: !I.value,
+					"aria-hidden": !I.value || void 0,
+					class: "kima-heatmap__table"
+				}, [l("table", null, [
+					l("caption", null, v(t.label), 1),
+					l("thead", null, [l("tr", null, [i[4] ||= l("th", null, "行 / 列", -1), (h(!0), c(a, null, _(Array.from({ length: L.value }), (e, n) => (h(), c("th", { key: n }, v(t.columns[n] ?? n + 1), 1))), 128))])]),
+					l("tbody", null, [(h(!0), c(a, null, _(t.values, (e, n) => (h(), c("tr", { key: n }, [l("th", A, v(t.rows[n] ?? n + 1), 1), (h(!0), c(a, null, _(R.value.filter((e) => e.y === n), (e) => (h(), c("td", { key: e.x }, v(e.value ?? "缺失"), 1))), 128))]))), 128))])
+				])], 8, k), [[b, I.value]])]),
+				_: 1
+			}, 16)
+		], 8, w));
+	}
+}, [["__scopeId", "data-v-c69a9531"]]);
+export { j as default };

package/dist/vue/components/content/rich-text-editor.ce.js

@@ -0,0 +1,319 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { presenceTransition as n } from "../../utils/motion.js";
+import { contentSelection as r, safeContentUrl as i, sanitizeContent as a, useContentState as o } from "../../utils/content.js";
+/* empty css                                                                    */
+import { Fragment as s, Transition as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, mergeProps as ee, onBeforeUnmount as te, onMounted as h, openBlock as g, ref as _, renderList as ne, shallowRef as v, toDisplayString as y, unref as b, vModelText as re, watch as x, withCtx as S, withDirectives as ie, withKeys as C, withModifiers as w } from "vue";
+import { Editor as T } from "@tiptap/core";
+import E from "@tiptap/starter-kit";
+import D from "@tiptap/extension-placeholder";
+// src/components/content/rich-text-editor.ce.vue
+var O = ["aria-disabled"], k = {
+	class: "kima-rich-text-editor__toolbar",
+	role: "toolbar",
+	"aria-label": "文本格式"
+}, ae = {
+	key: 0,
+	class: "kima-rich-text-editor__link"
+}, oe = ["disabled", "onKeydown"], se = {
+	key: 0,
+	role: "alert"
+}, ce = ["innerHTML"], le = {
+	class: "kima-rich-text-editor__selection",
+	"aria-live": "off"
+}, ue = [
+	"name",
+	"form",
+	"value",
+	"disabled"
+], A = /*#__PURE__*/ e({
+	__name: "rich-text-editor.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		name: String,
+		form: String,
+		label: {
+			type: String,
+			default: "富文本编辑器"
+		},
+		placeholder: {
+			type: String,
+			default: "开始书写…"
+		},
+		disabled: Boolean,
+		readonly: Boolean,
+		required: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"selection-change"
+	],
+	setup(e, { expose: A, emit: de }) {
+		let j = e, M = de, N = _(null), P = _(null), F = _(null), I = v(null), L = _(0), R = _(!1), z = _(""), B = _(""), V = null, H = null, U = !1, { local: W, update: fe } = o(j, M, N, a, () => X()), G = l(() => !j.disabled && !j.readonly), K = l(() => (L.value, I.value ? r(I.value) : {
+			from: 0,
+			to: 0,
+			empty: !0,
+			text: ""
+		})), pe = l(() => (L.value, I.value ? I.value.isEmpty : !W.value.replace(/<[^>]*>/g, "").trim())), me = (e) => (L.value, I.value?.isActive(e) ?? !1), he = l(() => (L.value, G.value && !!I.value?.can().undo())), q = l(() => (L.value, G.value && !!I.value?.can().redo()));
+		function J() {
+			F.value?.setCustomValidity(j.required && pe.value ? "请填写内容" : "");
+		}
+		function Y() {
+			L.value++, I.value && M("selection-change", r(I.value)), J();
+		}
+		function X() {
+			P.value && (I.value?.destroy(), I.value = new T({
+				element: P.value,
+				content: a(W.value),
+				editable: G.value,
+				extensions: [E.configure({
+					heading: { levels: [
+						1,
+						2,
+						3
+					] },
+					link: {
+						openOnClick: !1,
+						autolink: !1,
+						linkOnPaste: !1,
+						isAllowedUri: (e) => i(e),
+						HTMLAttributes: {
+							target: null,
+							rel: "noopener noreferrer nofollow"
+						}
+					}
+				}), D.configure({ placeholder: () => j.placeholder })],
+				editorProps: {
+					attributes: {
+						role: "textbox",
+						"aria-multiline": "true",
+						"aria-label": j.label,
+						"aria-readonly": String(j.readonly),
+						"aria-disabled": String(j.disabled),
+						tabindex: j.disabled ? "-1" : "0"
+					},
+					transformPastedHTML: a,
+					handleDOMEvents: {
+						focus: () => (U = !0, !1),
+						blur: () => (setTimeout(() => {
+							document.activeElement !== I.value?.view.dom && (U = !1);
+						}, 0), !1),
+						compositionend: () => (queueMicrotask(() => {
+							if (H !== null) {
+								let e = H;
+								H = null, Z(e);
+							}
+						}), !1)
+					}
+				},
+				onUpdate: ({ editor: e }) => {
+					fe(a(e.getHTML())), Y();
+				},
+				onSelectionUpdate: Y,
+				onTransaction: () => {
+					L.value++;
+				}
+			}), W.value = a(I.value.getHTML()), Y());
+		}
+		function Z(e) {
+			let t = I.value;
+			if (!t) return;
+			let n = a(e);
+			if (n === a(t.getHTML())) return;
+			if (t.view.composing) {
+				H = n;
+				return;
+			}
+			let { from: r, to: i } = t.state.selection, o = U || t.isFocused;
+			t.commands.setContent(n, { emitUpdate: !1 });
+			let s = t.state.doc.content.size, c = {
+				from: Math.min(r, s),
+				to: Math.min(i, s)
+			};
+			t.commands.setTextSelection(c), o && t.commands.focus(void 0, { scrollIntoView: !1 }), W.value = a(t.getHTML()), Y();
+		}
+		x(W, Z), x([
+			() => j.disabled,
+			() => j.readonly,
+			() => j.label
+		], () => {
+			I.value?.setEditable(G.value, !1), I.value?.setOptions({ editorProps: {
+				...I.value.options.editorProps,
+				attributes: {
+					role: "textbox",
+					"aria-multiline": "true",
+					"aria-label": j.label,
+					"aria-readonly": String(j.readonly),
+					"aria-disabled": String(j.disabled),
+					tabindex: j.disabled ? "-1" : "0"
+				}
+			} }), J();
+		}), x(() => j.required, J);
+		function Q(e) {
+			if (!G.value || !I.value) return;
+			let t = I.value.chain().focus();
+			({
+				bold: () => t.toggleBold(),
+				italic: () => t.toggleItalic(),
+				heading: () => t.toggleHeading({ level: 2 }),
+				bulletList: () => t.toggleBulletList(),
+				orderedList: () => t.toggleOrderedList(),
+				undo: () => t.undo(),
+				redo: () => t.redo()
+			})[e]?.().run(), Y();
+		}
+		function ge() {
+			V = {
+				from: K.value.from,
+				to: K.value.to
+			}, z.value = I.value?.getAttributes("link").href || "", B.value = "", R.value = !0;
+		}
+		function $() {
+			if (!I.value || !G.value) return;
+			let e = z.value.trim();
+			if (e && !i(e)) {
+				B.value = "仅允许 http、https、mailto、tel、站内路径和锚点";
+				return;
+			}
+			let t = I.value.chain().focus().setTextSelection(V || K.value).extendMarkRange("link");
+			(e ? t.setLink({ href: e }) : t.unsetLink()).run(), R.value = !1, Y();
+		}
+		return h(X), te(() => I.value?.destroy()), A({
+			focus: () => I.value?.commands.focus(),
+			getHTML: () => a(I.value?.getHTML() || W.value),
+			getJSON: () => I.value?.getJSON(),
+			getSelection: () => K.value
+		}), (r, i) => (g(), d("div", {
+			ref_key: "root",
+			ref: N,
+			class: "kima-rich-text-editor",
+			"aria-disabled": e.disabled
+		}, [
+			f("div", k, [
+				(g(), d(s, null, ne([
+					{
+						type: "bold",
+						label: "粗体"
+					},
+					{
+						type: "italic",
+						label: "斜体"
+					},
+					{
+						type: "heading",
+						label: "标题"
+					},
+					{
+						type: "bulletList",
+						label: "无序列表"
+					},
+					{
+						type: "orderedList",
+						label: "有序列表"
+					}
+				], (e) => m(t, {
+					key: e.type,
+					variant: "text",
+					"aria-pressed": me(e.type),
+					disabled: !G.value,
+					onMousedown: i[0] ||= w(() => {}, ["prevent"]),
+					onClick: (t) => Q(e.type)
+				}, {
+					default: S(() => [p(y(e.label), 1)]),
+					_: 2
+				}, 1032, [
+					"aria-pressed",
+					"disabled",
+					"onClick"
+				])), 64)),
+				m(t, {
+					variant: "text",
+					disabled: !G.value,
+					"aria-expanded": R.value,
+					onMousedown: i[1] ||= w(() => {}, ["prevent"]),
+					onClick: ge
+				}, {
+					default: S(() => [...i[10] ||= [p("链接", -1)]]),
+					_: 1
+				}, 8, ["disabled", "aria-expanded"]),
+				m(t, {
+					variant: "text",
+					disabled: !he.value,
+					onMousedown: i[2] ||= w(() => {}, ["prevent"]),
+					onClick: i[3] ||= (e) => Q("undo")
+				}, {
+					default: S(() => [...i[11] ||= [p("撤销", -1)]]),
+					_: 1
+				}, 8, ["disabled"]),
+				m(t, {
+					variant: "text",
+					disabled: !q.value,
+					onMousedown: i[4] ||= w(() => {}, ["prevent"]),
+					onClick: i[5] ||= (e) => Q("redo")
+				}, {
+					default: S(() => [...i[12] ||= [p("重做", -1)]]),
+					_: 1
+				}, 8, ["disabled"])
+			]),
+			m(c, ee({ name: "kima-popup" }, b(n)), {
+				default: S(() => [R.value ? (g(), d("div", ae, [
+					ie(f("input", {
+						"onUpdate:modelValue": i[6] ||= (e) => z.value = e,
+						"aria-label": "链接地址",
+						disabled: !G.value,
+						placeholder: "https://example.com",
+						onKeydown: [C(w($, ["prevent"]), ["enter"]), i[7] ||= C(w((e) => {
+							R.value = !1, I.value?.commands.focus();
+						}, ["prevent"]), ["esc"])]
+					}, null, 40, oe), [[re, z.value]]),
+					m(t, {
+						disabled: !G.value,
+						onClick: $
+					}, {
+						default: S(() => [...i[13] ||= [p("应用链接", -1)]]),
+						_: 1
+					}, 8, ["disabled"]),
+					m(t, {
+						variant: "text",
+						onClick: i[8] ||= (e) => {
+							R.value = !1, I.value?.commands.focus();
+						}
+					}, {
+						default: S(() => [...i[14] ||= [p("取消", -1)]]),
+						_: 1
+					}),
+					B.value ? (g(), d("span", se, y(B.value), 1)) : u("", !0)
+				])) : u("", !0)]),
+				_: 1
+			}, 16),
+			I.value ? u("", !0) : (g(), d("div", {
+				key: 0,
+				class: "kima-rich-text-editor__document",
+				innerHTML: b(a)(b(W))
+			}, null, 8, ce)),
+			f("div", {
+				ref_key: "mount",
+				ref: P,
+				class: "kima-rich-text-editor__document"
+			}, null, 512),
+			f("output", le, "选区 " + y(K.value.from) + "–" + y(K.value.to) + y(K.value.text ? ` · ${K.value.text}` : ""), 1),
+			f("textarea", {
+				ref_key: "proxy",
+				ref: F,
+				class: "kima-rich-text-editor__proxy",
+				name: e.name,
+				form: e.form,
+				value: b(W),
+				disabled: e.disabled,
+				tabindex: "-1",
+				"aria-hidden": "true",
+				onInvalid: i[9] ||= w((e) => I.value?.commands.focus(), ["prevent"])
+			}, null, 40, ue)
+		], 8, O));
+	}
+}, [["__scopeId", "data-v-19796b0b"]]);
+export { A as default };

package/dist/vue/components/core/badge.ce.js

@@ -0,0 +1,66 @@
+import { useNativeSlots as e } from "../../utils/native-slots.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                                         */
+import { Comment as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, mergeProps as c, openBlock as l, ref as u, renderSlot as d, toDisplayString as f, unref as p, useAttrs as m, useSlots as h, withCtx as g } from "vue";
+// src/components/core/badge.ce.vue
+var _ = ["aria-label"], v = {
+	key: 0,
+	class: "kima-badge__slot kima-badge__slot--leading",
+	"aria-hidden": "true"
+}, y = {
+	key: 3,
+	class: "kima-badge__slot kima-badge__slot--trailing",
+	"aria-hidden": "true"
+}, b = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "badge.ce",
+	props: {
+		value: {
+			type: [String, Number],
+			default: null
+		},
+		variant: {
+			type: String,
+			default: "primary"
+		},
+		dot: Boolean,
+		max: {
+			type: Number,
+			default: 99
+		}
+	},
+	setup(t) {
+		let b = t, x = m(), S = h(), C = u(null), { hasNativeSlot: w, isCustomElement: T } = e(C), E = i(() => T ? {
+			...x,
+			id: void 0
+		} : x), D = i(() => S.default?.().some((e) => e.type === n ? !1 : typeof e.children != "string" || e.children.trim().length > 0) || w("default")), O = i(() => [
+			"neutral",
+			"primary",
+			"danger",
+			"success"
+		].includes(b.variant) ? b.variant : "primary"), k = i(() => {
+			if (b.dot || b.value === null || b.value === void 0 || String(b.value).trim() === "") return "";
+			let e = Number(b.value);
+			return Number.isFinite(e) && e > b.max ? `${b.max}+` : String(b.value);
+		}), A = i(() => x["aria-label"] || k.value || void 0);
+		return (e, n) => (l(), s("span", c({
+			ref_key: "root",
+			ref: C
+		}, E.value, {
+			class: ["kima-badge", [`kima-badge--${O.value}`, { "kima-badge--dot": t.dot }]],
+			role: "status",
+			"aria-label": A.value
+		}), [
+			e.$slots.leading || p(w)("leading") ? (l(), s("span", v, [d(e.$slots, "leading", {}, void 0, !0)])) : o("", !0),
+			!t.dot && D.value ? d(e.$slots, "default", {}, void 0, !0, 1) : t.dot ? o("", !0) : (l(), a(r, {
+				key: 2,
+				name: "kima-fade",
+				mode: "out-in"
+			}, {
+				default: g(() => [(l(), s("span", { key: k.value }, f(k.value), 1))]),
+				_: 1
+			})),
+			e.$slots.trailing || p(w)("trailing") ? (l(), s("span", y, [d(e.$slots, "trailing", {}, void 0, !0)])) : o("", !0)
+		], 16, _));
+	}
+}), [["__scopeId", "data-v-9dba943c"]]);
+export { b as default };

package/dist/vue/components/core/button-group.ce.js

@@ -0,0 +1,142 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "./icon.ce.js";
+/* empty css                                                                */
+import { Fragment as r, Transition as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, getCurrentInstance as u, mergeProps as d, nextTick as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, renderSlot as _, shallowRef as v, toDisplayString as y, unref as b, useAttrs as x, watch as S, withCtx as C } from "vue";
+import { Tick02Icon as w } from "@hugeicons/core-free-icons";
+// src/components/core/button-group.ce.vue
+var T = ["role", "aria-orientation"], E = [
+	"disabled",
+	"role",
+	"aria-selected",
+	"aria-pressed",
+	"tabindex",
+	"onClick",
+	"onFocus",
+	"onKeydown"
+], D = {
+	key: 0,
+	class: "kima-button-group__check",
+	"aria-hidden": "true"
+}, O = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "button-group.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Array,
+				Boolean,
+				Object
+			],
+			default: null
+		},
+		multiple: Boolean,
+		orientation: {
+			type: String,
+			default: "horizontal"
+		},
+		size: {
+			type: String,
+			default: "default"
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: O }) {
+		let k = t, A = O, j = x(), M = !!u()?.ce, N = a(() => M ? {
+			...j,
+			id: void 0
+		} : j), P = h([]), F = h(null);
+		e(F);
+		let I = v(k.modelValue), L = h(-1);
+		S(() => k.modelValue, (e) => {
+			I.value = e;
+		});
+		let R = a(() => k.orientation === "vertical" ? "vertical" : "horizontal"), z = a(() => [
+			"small",
+			"default",
+			"large"
+		].includes(k.size) ? k.size : "default"), B = a(() => j.role === "tablist" ? "tablist" : "group"), V = a(() => k.multiple ? Array.isArray(I.value) ? I.value : [] : [I.value]), H = a(() => k.items.findIndex((e) => !e.disabled)), U = a(() => {
+			if (L.value >= 0 && k.items[L.value] && !k.items[L.value].disabled) return L.value;
+			let e = k.items.findIndex((e) => W(e) && !e.disabled);
+			return e >= 0 ? e : H.value;
+		});
+		function W(e) {
+			return V.value.some((t) => Object.is(t, e.value));
+		}
+		function G(e, t) {
+			P.value[t] = e;
+		}
+		function K(e) {
+			if (!e.disabled) {
+				if (k.multiple) {
+					let t = [...V.value], n = t.findIndex((t) => Object.is(t, e.value));
+					n >= 0 ? t.splice(n, 1) : t.push(e.value), I.value = t, A("update:modelValue", t), A("change", t);
+				} else Object.is(e.value, I.value) || (I.value = e.value, A("update:modelValue", e.value), A("change", e.value));
+			}
+		}
+		function q(e, t = !1) {
+			let n = k.items[e];
+			n && !n.disabled && (f(() => P.value[e]?.focus()), t && K(n));
+		}
+		function J(e, t) {
+			if (t.isComposing) return;
+			let n = R.value === "horizontal" ? t.key === "ArrowRight" : t.key === "ArrowDown", r = R.value === "horizontal" ? t.key === "ArrowLeft" : t.key === "ArrowUp";
+			if (t.key === "Home") {
+				t.preventDefault(), q(H.value, B.value === "tablist");
+				return;
+			}
+			if (t.key === "End") {
+				t.preventDefault();
+				for (let e = k.items.length - 1; e >= 0; --e) if (!k.items[e].disabled) {
+					q(e, B.value === "tablist");
+					return;
+				}
+			}
+			if (!n && !r) return;
+			t.preventDefault();
+			let i = e;
+			for (let e = 0; e < k.items.length; e += 1) if (i = n ? (i + 1) % k.items.length : (i - 1 + k.items.length) % k.items.length, !k.items[i].disabled) {
+				q(i, B.value === "tablist");
+				return;
+			}
+		}
+		return (e, a) => (m(), s("div", d({
+			ref_key: "root",
+			ref: F,
+			class: ["kima-button-group", [`kima-button-group--${R.value}`, `kima-button-group--${z.value}`]]
+		}, N.value, {
+			role: B.value,
+			"aria-orientation": B.value === "tablist" ? R.value : void 0
+		}), [(m(!0), s(r, null, g(t.items, (r, a) => (m(), s("button", {
+			key: r.value,
+			ref_for: !0,
+			ref: (e) => G(e, a),
+			class: p(["kima-button-group__item", { "kima-button-group__item--selected": W(r) }]),
+			type: "button",
+			disabled: r.disabled,
+			role: B.value === "tablist" ? "tab" : void 0,
+			"aria-selected": B.value === "tablist" ? W(r) : void 0,
+			"aria-pressed": B.value === "group" ? W(r) : void 0,
+			tabindex: a === U.value ? 0 : -1,
+			onClick: (e) => K(r),
+			onFocus: (e) => L.value = a,
+			onKeydown: (e) => J(a, e)
+		}, [l(i, { name: "kima-content" }, {
+			default: C(() => [t.multiple && W(r) ? (m(), s("span", D, [l(n, {
+				icon: b(w),
+				size: 16
+			}, null, 8, ["icon"])])) : o("", !0)]),
+			_: 2
+		}, 1024), _(e.$slots, "default", {
+			item: r,
+			index: a,
+			selected: W(r)
+		}, () => [c(y(r.label), 1)], !0)], 42, E))), 128))], 16, T));
+	}
+}), [["__scopeId", "data-v-8a4a723b"]]);
+export { O as default };