@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/navigation/breadcrumb.ce.js

@@ -0,0 +1,48 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import n from "./link.ce.js";
+/* empty css                                                              */
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, mergeProps as l, openBlock as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+// src/components/navigation/breadcrumb.ce.vue
+var g = ["aria-label"], _ = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "kima-breadcrumb__separator"
+}, v = ["aria-current"], y = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "breadcrumb.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "面包屑导航"
+		},
+		separator: {
+			type: String,
+			default: "/"
+		}
+	},
+	setup(e) {
+		let { root: y, forwardedAttrs: b } = t();
+		return (t, x) => (u(), o("nav", l({
+			ref_key: "root",
+			ref: y
+		}, m(b), {
+			class: "kima-breadcrumb",
+			"aria-label": e.label
+		}), [s("ol", null, [(u(!0), o(r, null, d(e.items, (t, r) => (u(), o("li", { key: r }, [r ? (u(), o("span", _, p(e.separator), 1)) : a("", !0), t.href && r !== e.items.length - 1 ? (u(), i(n, {
+			key: 1,
+			href: t.href,
+			disabled: t.disabled
+		}, {
+			default: h(() => [c(p(t.label), 1)]),
+			_: 2
+		}, 1032, ["href", "disabled"])) : (u(), o("span", {
+			key: 2,
+			"aria-current": r === e.items.length - 1 ? "page" : void 0
+		}, p(t.label), 9, v))]))), 128))]), f(t.$slots, "default", {}, void 0, !0)], 16, g));
+	}
+}), [["__scopeId", "data-v-2a2cd6e2"]]);
+export { y as default };

package/dist/vue/components/navigation/carousel.ce.js

@@ -0,0 +1,114 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { useNavigationModel as n, useNavigationRoot as r } from "../../utils/navigation.js";
+import { useContentMotion as i } from "../../utils/content-motion.js";
+/* empty css                                                            */
+import { Fragment as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, mergeProps as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useId as x, vShow as S, withCtx as C, withDirectives as w } from "vue";
+// src/components/navigation/carousel.ce.vue
+var T = ["aria-label"], E = [
+	"aria-label",
+	"aria-hidden",
+	"inert"
+], D = { key: 0 }, O = { key: 1 }, k = { key: 0 }, A = { class: "kima-carousel__controls" }, j = {
+	"aria-live": "polite",
+	"aria-atomic": "true"
+}, M = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "carousel.ce",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		loop: Boolean,
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "内容轮播"
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: M }) {
+		let N = e, P = M, { root: F, forwardedAttrs: I } = r(), [L, R] = n(N, "modelValue", P), z = `kima-carousel-${x()}`, B = g(null), V = s(() => Math.max(0, Math.min(N.items.length - 1, Math.trunc(Number(L.value) || 0))));
+		i(B, () => V.value, { opacity: !1 });
+		let H = s(() => N.disabled || N.items.length < 2 || !N.loop && V.value === 0), U = s(() => N.disabled || N.items.length < 2 || !N.loop && V.value === N.items.length - 1);
+		function W(e) {
+			return e && typeof e == "object" ? e.content ?? e.label ?? "" : e;
+		}
+		function G(e) {
+			e < 0 && H.value || e > 0 && U.value || R((V.value + e + N.items.length) % N.items.length);
+		}
+		function K(e) {
+			if (N.disabled || !N.items.length || e.altKey || e.ctrlKey || e.metaKey || e.isComposing || e.target.closest("input,textarea,select,a,[contenteditable=\"true\"]")) return;
+			let t = getComputedStyle(F.value).direction === "rtl";
+			if (e.key === "ArrowRight") G(t ? -1 : 1);
+			else if (e.key === "ArrowLeft") G(t ? 1 : -1);
+			else if (e.key === "Home") R(0);
+			else if (e.key === "End") R(N.items.length - 1);
+			else return;
+			e.preventDefault();
+		}
+		return (n, r) => (h(), u("section", m({
+			ref_key: "root",
+			ref: F
+		}, b(I), {
+			class: "kima-carousel",
+			role: "region",
+			"aria-roledescription": "轮播",
+			"aria-label": e.label,
+			tabindex: "0",
+			onKeydown: K
+		}), [
+			d("div", {
+				id: z,
+				ref_key: "viewport",
+				ref: B,
+				class: "kima-carousel__viewport"
+			}, [(h(!0), u(a, null, _(e.items, (t, r) => (h(), c(o, {
+				key: t.value ?? r,
+				name: "kima-fade"
+			}, {
+				default: C(() => [w(d("div", {
+					class: "kima-carousel__slide",
+					role: "group",
+					"aria-roledescription": "幻灯片",
+					"aria-label": `第 ${r + 1} 张，共 ${e.items.length} 张`,
+					"aria-hidden": V.value !== r,
+					inert: V.value !== r
+				}, [v(n.$slots, `slide-${r}`, {
+					item: t,
+					index: r
+				}, () => [t.title ? (h(), u("h3", D, y(t.title), 1)) : l("", !0), W(t) ? (h(), u("p", O, y(W(t)), 1)) : l("", !0)], !0)], 8, E), [[S, V.value === r]])]),
+				_: 2
+			}, 1024))), 128)), e.items.length ? l("", !0) : (h(), u("p", k, "暂无内容"))], 512),
+			d("div", A, [
+				p(t, {
+					variant: "tonal",
+					disabled: H.value,
+					"aria-controls": z,
+					"aria-label": "上一张",
+					onClick: r[0] ||= (e) => G(-1)
+				}, {
+					default: C(() => [...r[2] ||= [f("上一张", -1)]]),
+					_: 1
+				}, 8, ["disabled"]),
+				d("output", j, y(e.items.length ? V.value + 1 : 0) + " / " + y(e.items.length), 1),
+				p(t, {
+					variant: "tonal",
+					disabled: U.value,
+					"aria-controls": z,
+					"aria-label": "下一张",
+					onClick: r[1] ||= (e) => G(1)
+				}, {
+					default: C(() => [...r[3] ||= [f("下一张", -1)]]),
+					_: 1
+				}, 8, ["disabled"])
+			]),
+			v(n.$slots, "default", {}, void 0, !0)
+		], 16, T));
+	}
+}), [["__scopeId", "data-v-c082836f"]]);
+export { M as default };

package/dist/vue/components/navigation/collapsible.ce.js

@@ -0,0 +1,57 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { collapseTransition as n } from "../../utils/motion.js";
+import { useNavigationModel as r, useNavigationRoot as i } from "../../utils/navigation.js";
+/* empty css                                                               */
+import { Transition as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useId as h, vShow as g, withCtx as _, withDirectives as v } from "vue";
+import { CollapsibleRoot as y, CollapsibleTrigger as b } from "reka-ui";
+// src/components/navigation/collapsible.ce.vue
+var x = ["aria-hidden", "inert"], S = { class: "kima-collapsible__content" }, C = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "collapsible.ce",
+	props: {
+		open: Boolean,
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "展开内容"
+		}
+	},
+	emits: ["update:open", "change"],
+	setup(e, { emit: C }) {
+		let w = e, T = C, { root: E, forwardedAttrs: D } = i(), [O, k] = r(w, "open", T), A = `kima-collapsible-${h()}`;
+		return (r, i) => (d(), o("div", u({
+			ref_key: "root",
+			ref: E
+		}, m(D), { class: "kima-collapsible" }), [l(m(y), {
+			open: m(O),
+			disabled: e.disabled,
+			"onUpdate:open": m(k)
+		}, {
+			default: _(() => [l(m(b), { "as-child": "" }, {
+				default: _(() => [l(t, {
+					variant: "text",
+					disabled: e.disabled,
+					"aria-expanded": m(O),
+					"aria-controls": A
+				}, {
+					default: _(() => [f(r.$slots, "trigger", {}, () => [c(p(e.label), 1)], !0)]),
+					_: 3
+				}, 8, ["disabled", "aria-expanded"])]),
+				_: 3
+			}), l(a, u({ css: !1 }, m(n)), {
+				default: _(() => [v(s("div", {
+					id: A,
+					"aria-hidden": !m(O),
+					inert: !m(O)
+				}, [s("div", S, [f(r.$slots, "default", {}, void 0, !0)])], 8, x), [[g, m(O)]])]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}, 8, [
+			"open",
+			"disabled",
+			"onUpdate:open"
+		])], 16));
+	}
+}), [["__scopeId", "data-v-ddf8529a"]]);
+export { C as default };

package/dist/vue/components/navigation/link.ce.js

@@ -0,0 +1,62 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as n } from "../../utils/navigation.js";
+/* empty css                                                        */
+import { computed as r, createElementBlock as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c } from "vue";
+// src/components/navigation/link.ce.vue
+var l = [
+	"href",
+	"target",
+	"rel",
+	"aria-disabled",
+	"aria-current",
+	"tabindex"
+], u = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "link.ce",
+	props: {
+		href: {
+			type: String,
+			default: ""
+		},
+		target: {
+			type: String,
+			default: ""
+		},
+		rel: {
+			type: String,
+			default: ""
+		},
+		disabled: Boolean,
+		current: {
+			type: [Boolean, String],
+			default: !1
+		},
+		underline: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["navigate"],
+	setup(t, { emit: u }) {
+		let d = t, f = u, { root: p, forwardedAttrs: m } = n();
+		e(p);
+		let h = r(() => [...new Set(`${d.rel} ${d.target === "_blank" ? "noopener noreferrer" : ""}`.split(/\s+/).filter(Boolean))].join(" ") || void 0);
+		function g(e) {
+			d.disabled ? (e.preventDefault(), e.stopImmediatePropagation()) : f("navigate", e);
+		}
+		return (e, n) => (o(), i("a", a({
+			ref_key: "root",
+			ref: p
+		}, c(m), {
+			class: ["kima-link", { "kima-link--underline": t.underline }],
+			href: t.disabled ? void 0 : t.href || void 0,
+			target: t.target || void 0,
+			rel: h.value,
+			"aria-disabled": t.disabled || void 0,
+			"aria-current": t.current ? typeof t.current == "string" ? t.current : "page" : void 0,
+			tabindex: t.disabled ? -1 : void 0,
+			onClick: g
+		}), [s(e.$slots, "default", {}, void 0, !0)], 16, l));
+	}
+}), [["__scopeId", "data-v-24e2c032"]]);
+export { u as default };

package/dist/vue/components/navigation/navigation-menu.ce.js

@@ -0,0 +1,91 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import { navContains as n, navKey as r, useShellModel as i } from "../../utils/shell.js";
+import a from "../../internal/navigation-items.js";
+/* empty css                                                                   */
+import { createElementBlock as o, createVNode as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, watch as f } from "vue";
+// src/components/navigation/navigation-menu.ce.vue
+var p = ["aria-label"], m = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "navigation-menu.ce",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		label: {
+			type: String,
+			default: "主导航"
+		},
+		orientation: {
+			type: String,
+			default: "horizontal"
+		},
+		disabled: Boolean,
+		expanded: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"navigate",
+		"update:expanded"
+	],
+	setup(e, { emit: m }) {
+		let h = e, g = m, { root: _, forwardedAttrs: v } = t(), [y, b] = i(h, "modelValue", g), [x, S] = i(h, "expanded", g);
+		function C(e, t) {
+			if (h.disabled || e.disabled) return;
+			let n = r(e);
+			b(n), g("change", n), g("navigate", e, t);
+		}
+		f([y, () => h.items], () => {
+			let e = [];
+			function t(i) {
+				for (let a of i) a.children?.length && a.children.some((e) => n(e, y.value)) && (e.push(r(a)), t(a.children));
+			}
+			t(h.items);
+			let i = [.../* @__PURE__ */ new Set([...x.value, ...e])];
+			i.length !== x.value.length && S(i);
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		function w(e) {
+			if (![
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key) || e.isComposing) return;
+			let t = [..._.value.querySelectorAll("a[href], button:not(:disabled)")].filter((e) => !e.closest("[inert]")), n = t.indexOf(e.target);
+			n < 0 || (e.preventDefault(), t[e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length]?.focus());
+		}
+		return (t, n) => (l(), o("nav", c({
+			ref_key: "root",
+			ref: _
+		}, d(v), {
+			class: ["kima-navigation-menu", { "kima-navigation-menu--vertical": e.orientation === "vertical" }],
+			"aria-label": e.label,
+			onKeydown: w
+		}), [s(a, {
+			items: e.items,
+			"model-value": d(y),
+			expanded: d(x),
+			disabled: e.disabled,
+			onNavigate: C,
+			onExpand: d(S)
+		}, null, 8, [
+			"items",
+			"model-value",
+			"expanded",
+			"disabled",
+			"onExpand"
+		]), u(t.$slots, "default", {}, void 0, !0)], 16, p));
+	}
+}), [["__scopeId", "data-v-5a0a5b21"]]);
+export { m as default };

package/dist/vue/components/navigation/overflow-list.ce.js

@@ -0,0 +1,67 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { collapseTransition as n } from "../../utils/motion.js";
+import { useNavigationModel as r, useNavigationRoot as i } from "../../utils/navigation.js";
+/* empty css                                                                 */
+import { Fragment as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, mergeProps as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, vShow as b, withCtx as x, withDirectives as S } from "vue";
+// src/components/navigation/overflow-list.ce.vue
+var C = ["aria-label"], w = ["inert", "aria-hidden"], T = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "overflow-list.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		max: {
+			type: Number,
+			default: 3
+		},
+		expanded: Boolean,
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "内容列表"
+		}
+	},
+	emits: ["update:expanded", "change"],
+	setup(e, { emit: T }) {
+		let E = e, D = T, { root: O, forwardedAttrs: k } = i(), [A, j] = r(E, "expanded", D), M = s(() => Math.max(0, Math.floor(Number(E.max) || 0))), N = s(() => Math.max(0, E.items.length - M.value)), P = `kima-overflow-${y()}`;
+		function F(e) {
+			return typeof e == "object" && e ? e.label ?? e.value ?? "" : e;
+		}
+		return (r, i) => (m(), u("div", p({
+			ref_key: "root",
+			ref: O
+		}, v(k), { class: "kima-overflow-list" }), [
+			d("ul", {
+				id: P,
+				"aria-label": e.label
+			}, [(m(!0), u(a, null, h(e.items, (e, t) => (m(), c(o, p({
+				key: e?.value ?? t,
+				css: !1
+			}, { ref_for: !0 }, v(n)), {
+				default: x(() => [S(d("li", {
+					inert: !v(A) && t >= M.value,
+					"aria-hidden": !v(A) && t >= M.value || void 0
+				}, [d("div", null, [g(r.$slots, `item-${t}`, {
+					item: e,
+					index: t
+				}, () => [f(_(F(e)), 1)], !0)])], 8, w), [[b, v(A) || t < M.value]])]),
+				_: 2
+			}, 1040))), 128))], 8, C),
+			N.value ? (m(), c(t, {
+				key: 0,
+				variant: "text",
+				disabled: e.disabled,
+				"aria-controls": P,
+				"aria-expanded": v(A),
+				onClick: i[0] ||= (e) => v(j)(!v(A))
+			}, {
+				default: x(() => [f(_(v(A) ? "收起列表" : `展开其余 ${N.value} 项`), 1)]),
+				_: 1
+			}, 8, ["disabled", "aria-expanded"])) : l("", !0),
+			g(r.$slots, "default", {}, void 0, !0)
+		], 16));
+	}
+}), [["__scopeId", "data-v-b6fec7f9"]]);
+export { T as default };

package/dist/vue/components/navigation/scroll-area.ce.js

@@ -0,0 +1,47 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { cssSize as t, useNavigationRoot as n } from "../../utils/navigation.js";
+/* empty css                                                               */
+import { computed as r, createElementBlock as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c } from "vue";
+// src/components/navigation/scroll-area.ce.vue
+var l = ["aria-label"], u = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "scroll-area.ce",
+	props: {
+		label: {
+			type: String,
+			default: "滚动内容"
+		},
+		maxHeight: {
+			type: [Number, String],
+			default: 360
+		},
+		maxWidth: {
+			type: [Number, String],
+			default: "100%"
+		},
+		orientation: {
+			type: String,
+			default: "vertical"
+		}
+	},
+	emits: ["scroll"],
+	setup(e, { emit: u }) {
+		let d = e, f = u, { root: p, forwardedAttrs: m } = n(), h = r(() => ({
+			maxHeight: t(d.maxHeight),
+			maxWidth: t(d.maxWidth),
+			overflowX: d.orientation === "vertical" ? "hidden" : "auto",
+			overflowY: d.orientation === "horizontal" ? "hidden" : "auto"
+		}));
+		return (t, n) => (o(), i("div", a({
+			ref_key: "root",
+			ref: p
+		}, c(m), {
+			class: "kima-scroll-area",
+			role: "region",
+			"aria-label": e.label,
+			tabindex: "0",
+			style: h.value,
+			onScroll: n[0] ||= (e) => f("scroll", e)
+		}), [s(t.$slots, "default", {}, void 0, !0)], 16, l));
+	}
+}), [["__scopeId", "data-v-78178cc3"]]);
+export { u as default };

package/dist/vue/components/navigation/splitter.ce.js

@@ -0,0 +1,131 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationModel as n, useNavigationRoot as r } from "../../utils/navigation.js";
+/* empty css                                                            */
+import { computed as i, createElementBlock as a, createElementVNode as o, mergeProps as s, normalizeStyle as c, onBeforeUnmount as l, openBlock as u, ref as d, renderSlot as f, unref as p, useId as m, watch as h } from "vue";
+// src/components/navigation/splitter.ce.vue
+var g = ["id"], _ = [
+	"tabindex",
+	"aria-label",
+	"aria-controls",
+	"aria-orientation",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuetext",
+	"aria-disabled"
+], v = ["id"], y = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "splitter.ce",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 40
+		},
+		min: {
+			type: Number,
+			default: 15
+		},
+		max: {
+			type: Number,
+			default: 85
+		},
+		step: {
+			type: Number,
+			default: 5
+		},
+		orientation: {
+			type: String,
+			default: "horizontal"
+		},
+		disabled: Boolean,
+		label: {
+			type: String,
+			default: "调整面板大小"
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"resize-start",
+		"resize-end"
+	],
+	setup(t, { emit: y }) {
+		let b = t, x = y, { root: S, forwardedAttrs: C } = r(), [w, T] = n(b, "modelValue", x), E = d(null);
+		e(E);
+		let D = `kima-splitter-${m()}`, O = i(() => Math.min(100, Math.max(0, Number(b.min) || 0))), k = i(() => Math.max(O.value, Math.min(100, Number.isFinite(b.max) ? b.max : 100))), A = i(() => b.orientation === "vertical"), j = i(() => P(w.value)), M = i(() => ({ flexBasis: `calc((100% - 48px) * ${j.value / 100})` })), N;
+		function P(e) {
+			return Math.min(k.value, Math.max(O.value, Number.isFinite(Number(e)) ? Number(e) : 40));
+		}
+		function F(e) {
+			b.disabled || T(Math.round(P(e) * 100) / 100);
+		}
+		function I(e) {
+			if (b.disabled || e.button !== 0 || N) return;
+			e.preventDefault();
+			let t = S.value.getBoundingClientRect(), n = (A.value ? t.height : t.width) - 48;
+			n <= 0 || (N = {
+				id: e.pointerId,
+				position: A.value ? e.clientY : e.clientX,
+				size: j.value,
+				available: n,
+				direction: !A.value && getComputedStyle(S.value).direction === "rtl" ? -1 : 1
+			}, e.currentTarget.setPointerCapture(e.pointerId), x("resize-start", j.value));
+		}
+		function L(e) {
+			if (!N || N.id !== e.pointerId) return;
+			let t = A.value ? e.clientY : e.clientX;
+			F(N.size + (t - N.position) / N.available * 100 * N.direction);
+		}
+		function R(e) {
+			if (!N || e && e.pointerId !== N.id) return;
+			let t = N.id;
+			N = void 0, E.value?.hasPointerCapture(t) && E.value.releasePointerCapture(t), x("resize-end", j.value);
+		}
+		function z(e) {
+			if (b.disabled || e.isComposing) return;
+			let t = A.value ? "ArrowDown" : "ArrowRight", n = A.value ? "ArrowUp" : "ArrowLeft", r = Math.max(.1, Number(b.step) || 5) * (e.shiftKey ? 2 : 1);
+			if (!A.value && getComputedStyle(S.value).direction === "rtl" && (r *= -1), e.key === "Home") F(O.value);
+			else if (e.key === "End") F(k.value);
+			else if (e.key === t) F(j.value + r);
+			else if (e.key === n) F(j.value - r);
+			else return;
+			e.preventDefault();
+		}
+		return h(() => [b.disabled, b.orientation], () => R()), l(() => R()), (e, n) => (u(), a("div", s({
+			ref_key: "root",
+			ref: S
+		}, p(C), { class: ["kima-splitter", { "kima-splitter--vertical": A.value }] }), [
+			o("section", {
+				id: `${D}-first`,
+				class: "kima-splitter__panel kima-splitter__panel--first",
+				style: c(M.value)
+			}, [f(e.$slots, "first", {}, void 0, !0)], 12, g),
+			o("div", {
+				ref_key: "handle",
+				ref: E,
+				class: "kima-splitter__handle",
+				role: "separator",
+				tabindex: t.disabled ? -1 : 0,
+				"aria-label": t.label,
+				"aria-controls": `${D}-first ${D}-second`,
+				"aria-orientation": A.value ? "horizontal" : "vertical",
+				"aria-valuenow": j.value,
+				"aria-valuemin": O.value,
+				"aria-valuemax": k.value,
+				"aria-valuetext": `${j.value}%`,
+				"aria-disabled": t.disabled || void 0,
+				onPointerdown: I,
+				onPointermove: L,
+				onPointerup: R,
+				onPointercancel: R,
+				onLostpointercapture: R,
+				onKeydown: z
+			}, [...n[0] ||= [o("span", { "aria-hidden": "true" }, null, -1)]], 40, _),
+			o("section", {
+				id: `${D}-second`,
+				class: "kima-splitter__panel"
+			}, [f(e.$slots, "second", {}, void 0, !0)], 8, v)
+		], 16));
+	}
+}), [["__scopeId", "data-v-0fbcfa40"]]);
+export { y as default };