@kernel4632/kima 0.0.0-stage → 0.6.1

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

@@ -0,0 +1,74 @@
+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 { useNavigationModel as r, useNavigationRoot as i } from "../../utils/navigation.js";
+/* empty css                                                           */
+import { Fragment as a, Transition as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, mergeProps as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+// src/components/navigation/stepper.ce.vue
+var b = ["aria-label"], x = ["data-state"], S = {
+	class: "kima-stepper__number",
+	"aria-hidden": "true"
+}, C = { key: 0 }, w = { class: "kima-stepper__status" }, T = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "stepper.ce",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		items: {
+			type: Array,
+			default: () => []
+		},
+		linear: Boolean,
+		disabled: Boolean,
+		orientation: {
+			type: String,
+			default: "horizontal"
+		},
+		label: {
+			type: String,
+			default: "步骤导航"
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: T }) {
+		let E = e, D = T, { root: O, forwardedAttrs: k } = i(), [A, j] = r(E, "modelValue", D), M = s(() => Math.max(0, Math.min(E.items.length - 1, Number(A.value) || 0)));
+		function N(e, t) {
+			return E.disabled || e.disabled || E.linear && t > M.value + 1;
+		}
+		return (r, i) => (m(), l("nav", p({
+			ref_key: "root",
+			ref: O
+		}, v(k), {
+			class: ["kima-stepper", { "kima-stepper--vertical": e.orientation === "vertical" }],
+			"aria-label": e.label
+		}), [u("ol", null, [(m(!0), l(a, null, h(e.items, (e, r) => (m(), l("li", {
+			key: e.id ?? r,
+			"data-state": r === M.value ? "current" : r < M.value ? "complete" : "pending"
+		}, [f(t, {
+			variant: r === M.value ? "tonal" : "text",
+			disabled: N(e, r),
+			"aria-current": r === M.value ? "step" : void 0,
+			onClick: (e) => v(j)(r)
+		}, {
+			default: y(() => [u("span", S, [f(o, { name: "kima-fade" }, {
+				default: y(() => [(m(), l("span", { key: r < M.value }, _(r < M.value ? "✓" : r + 1), 1))]),
+				_: 2
+			}, 1024)]), u("span", null, [
+				d(_(e.label), 1),
+				e.description ? (m(), l("small", C, _(e.description), 1)) : c("", !0),
+				u("span", w, [f(o, p({ name: "kima-fade" }, { ref_for: !0 }, v(n)), {
+					default: y(() => [(m(), l("span", { key: r < M.value ? "complete" : r === M.value ? "current" : "pending" }, _(r < M.value ? "已完成" : r === M.value ? "进行中" : "待开始"), 1))]),
+					_: 2
+				}, 1040)])
+			])]),
+			_: 2
+		}, 1032, [
+			"variant",
+			"disabled",
+			"aria-current",
+			"onClick"
+		])], 8, x))), 128))]), g(r.$slots, "default", {}, void 0, !0)], 16, b));
+	}
+}), [["__scopeId", "data-v-1c703cd8"]]);
+export { T as default };

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

@@ -0,0 +1,93 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+/* empty css                                                           */
+import { createElementBlock as n, mergeProps as r, onBeforeUnmount as i, onMounted as a, openBlock as o, renderSlot as s, unref as c, watch as l } from "vue";
+// src/components/navigation/toolbar.ce.vue
+var u = [
+	"aria-label",
+	"aria-orientation",
+	"aria-disabled",
+	"inert"
+], d = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "toolbar.ce",
+	props: {
+		label: {
+			type: String,
+			default: "工具栏"
+		},
+		orientation: {
+			type: String,
+			default: "horizontal"
+		},
+		loop: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: Boolean
+	},
+	setup(e) {
+		let d = e, { root: f, forwardedAttrs: p } = t(), m = /* @__PURE__ */ new Map(), h, g;
+		function _() {
+			return [...f.value?.querySelectorAll("button,a[href],[role=\"button\"],input,select,textarea,[data-kima-toolbar-item]") || []].filter((e) => e.closest("[role=\"toolbar\"]") === f.value);
+		}
+		function v() {
+			return _().filter((e) => !e.matches(":disabled,[aria-disabled=\"true\"]") && !e.closest("[hidden],[inert]") && e.getClientRects().length);
+		}
+		function y() {
+			let e = _();
+			for (let t of e) m.has(t) || m.set(t, t.getAttribute("tabindex"));
+			let t = v();
+			t.includes(g) || (g = t[0]);
+			for (let t of e) {
+				let e = !d.disabled && t === g ? "0" : "-1";
+				t.getAttribute("tabindex") !== e && t.setAttribute("tabindex", e);
+			}
+		}
+		function b(e) {
+			v().includes(e.target) && (g = e.target, y());
+		}
+		function x(e) {
+			if (d.disabled || e.isComposing || e.altKey || e.ctrlKey || e.metaKey) return;
+			let t = v(), n = t.indexOf(e.target);
+			if (n < 0 || e.target.matches("input,textarea,select,[contenteditable=\"true\"]")) return;
+			let r = d.orientation === "vertical", i = e.key === (r ? "ArrowDown" : "ArrowRight") ? 1 : e.key === (r ? "ArrowUp" : "ArrowLeft") ? -1 : 0;
+			!r && getComputedStyle(f.value).direction === "rtl" && (i *= -1);
+			let a;
+			if (e.key === "Home") a = 0;
+			else if (e.key === "End") a = t.length - 1;
+			else if (i) a = d.loop ? (n + i + t.length) % t.length : Math.max(0, Math.min(t.length - 1, n + i));
+			else return;
+			e.preventDefault(), g = t[a], y(), g?.focus();
+		}
+		return l(() => d.disabled, y, { flush: "post" }), a(() => {
+			y(), h = new MutationObserver(y), h.observe(f.value, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				attributeFilter: [
+					"disabled",
+					"aria-disabled",
+					"hidden",
+					"inert",
+					"href"
+				]
+			});
+		}), i(() => {
+			h?.disconnect();
+			for (let [e, t] of m) t === null ? e.removeAttribute("tabindex") : e.setAttribute("tabindex", t);
+		}), (t, i) => (o(), n("div", r({
+			ref_key: "root",
+			ref: f
+		}, c(p), {
+			class: ["kima-toolbar", { "kima-toolbar--vertical": e.orientation === "vertical" }],
+			role: "toolbar",
+			"aria-label": e.label,
+			"aria-orientation": e.orientation === "vertical" ? "vertical" : "horizontal",
+			"aria-disabled": e.disabled || void 0,
+			inert: e.disabled || void 0,
+			onFocusin: b,
+			onKeydown: x
+		}), [s(t.$slots, "default", {}, void 0, !0)], 16, u));
+	}
+}), [["__scopeId", "data-v-327b9928"]]);
+export { d as default };

package/dist/vue/components/navigation/visually-hidden.ce.js

@@ -0,0 +1,16 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+/* empty css                                                                   */
+import { createElementBlock as n, mergeProps as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+var s = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "visually-hidden.ce",
+	props: { focusable: Boolean },
+	setup(e) {
+		let { root: s, forwardedAttrs: c } = t();
+		return (t, l) => (i(), n("span", r({
+			ref_key: "root",
+			ref: s
+		}, o(c), { class: ["kima-visually-hidden", { "kima-visually-hidden--focusable": e.focusable }] }), [a(t.$slots, "default", {}, void 0, !0)], 16));
+	}
+}), [["__scopeId", "data-v-2cc27184"]]);
+export { s as default };

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

@@ -0,0 +1,87 @@
+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";
+/* 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";
+// 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 }, {
+	__name: "app-shell.ce",
+	props: {
+		open: Boolean,
+		breakpoint: {
+			type: Number,
+			default: 720
+		},
+		sidebarWidth: {
+			type: String,
+			default: "288px"
+		},
+		label: {
+			type: String,
+			default: "应用导航"
+		},
+		skipLabel: {
+			type: String,
+			default: "跳到正文"
+		}
+	},
+	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({
+			ref_key: "root",
+			ref: L
+		}, b(R), {
+			class: ["kima-app-shell", { "kima-app-shell--narrow": b(U) }],
+			style: { "--kima-shell-sidebar-width": e.sidebarWidth }
+		}), [
+			f("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, {
+				key: 0,
+				variant: "text",
+				"aria-expanded": b(V),
+				"aria-controls": `${W}-sidebar`,
+				onClick: i[1] ||= (e) => b(H)(!b(V))
+			}, {
+				default: C(() => [...i[2] ||= [p("打开导航", -1)]]),
+				_: 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",
+				title: e.label,
+				"aria-label": e.label,
+				class: "kima-app-shell__sidebar",
+				"onUpdate:open": b(H)
+			}, {
+				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)]),
+				_: 3
+			}, 40, [
+				"id",
+				"open",
+				"placement",
+				"title",
+				"aria-label",
+				"onUpdate:open"
+			])),
+			f("main", {
+				id: W,
+				ref_key: "main",
+				ref: B,
+				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)])
+		], 16));
+	}
+}), [["__scopeId", "data-v-abea9686"]]);
+export { M as default };

package/dist/vue/components/shell/config-provider.ce.js

@@ -0,0 +1,110 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import { defaultConfig as n, kimaConfigKey as r, useKimaConfig as i } from "../../utils/config.js";
+import { useScopedSlots as a } from "../../utils/scoped-slots.js";
+import { applyPalette as o, generatePalette as s } from "../../utils/theme.js";
+/* empty css                                                                   */
+import { computed as c, createElementBlock as l, mergeProps as u, onMounted as d, openBlock as f, provide as p, renderSlot as m, unref as h, watch as g, withDirectives as _ } from "vue";
+// src/components/shell/config-provider.ce.vue
+var v = [
+	"data-kima-seed",
+	"data-kima-variant",
+	"data-kima-theme",
+	"data-kima-locale",
+	"data-kima-direction",
+	"data-kima-reduced-motion",
+	"lang",
+	"dir"
+], y = {
+	key: 0,
+	class: "kima-config-provider__content"
+}, b = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "config-provider.ce",
+	props: {
+		theme: {
+			type: String,
+			default: ""
+		},
+		seed: {
+			type: String,
+			default: ""
+		},
+		variant: {
+			type: String,
+			default: ""
+		},
+		locale: {
+			type: String,
+			default: ""
+		},
+		direction: {
+			type: String,
+			default: ""
+		},
+		reducedMotion: {
+			type: String,
+			default: ""
+		},
+		defaults: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: ["change"],
+	setup(e, { emit: b }) {
+		let { native: x, vOutlet: S } = a(), C = e, w = b, { root: T, forwardedAttrs: E } = t(), D = i(T), O = c(() => ({
+			...n,
+			...D.value,
+			...C.defaults,
+			...Object.fromEntries([
+				"theme",
+				"locale",
+				"direction",
+				"reducedMotion"
+			].filter((e) => C[e]).map((e) => [e, C[e]])),
+			seed: C.seed || D.value.seed || "#61afef",
+			variant: C.variant || D.value.variant || "tonal-spot"
+		}));
+		p(r, O);
+		let k = c(() => ({
+			isDark: O.value.theme !== "light",
+			variant: O.value.variant
+		})), A = c(() => {
+			try {
+				return Object.fromEntries(Object.entries(s(O.value.seed, k.value)).map(([e, t]) => [`--kima-color-${e}`, t]));
+			} catch {
+				return {};
+			}
+		});
+		function j() {
+			if (T.value) try {
+				o(O.value.seed, {
+					...k.value,
+					target: T.value
+				});
+			} catch {}
+		}
+		return d(j), g(O, (e) => {
+			j(), w("change", e);
+		}, { deep: !0 }), (e, t) => (f(), l("div", u({
+			ref_key: "root",
+			ref: T
+		}, h(E), {
+			class: "kima-config-provider",
+			"data-kima-config": "",
+			"data-kima-seed": O.value.seed,
+			"data-kima-variant": O.value.variant,
+			"data-kima-theme": O.value.theme,
+			"data-kima-locale": O.value.locale,
+			"data-kima-direction": O.value.direction,
+			"data-kima-reduced-motion": O.value.reducedMotion,
+			lang: O.value.locale,
+			dir: O.value.direction,
+			style: [A.value, {
+				colorScheme: O.value.theme,
+				"--kima-reduced-motion": O.value.reducedMotion === "reduce" ? "reduce" : "system"
+			}]
+		}), [h(x) ? _((f(), l("div", y, null, 512)), [[h(S)]]) : m(e.$slots, "default", { config: O.value }, void 0, !0, 1)], 16, v));
+	}
+}), [["__scopeId", "data-v-d9085095"]]);
+export { b as default };

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

@@ -0,0 +1,92 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "../core/button.ce.js";
+import { prefersReducedMotion as n } from "../../utils/motion.js";
+import { useNavigationRoot as r } from "../../utils/navigation.js";
+import { useShellModel as i } from "../../utils/shell.js";
+import { useKimaConfig as a } from "../../utils/config.js";
+import { useScopedSlots as o } from "../../utils/scoped-slots.js";
+/* empty css                                                           */
+import { computed as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, vShow as C, watch as w, withCtx as T, withDirectives as E } from "vue";
+// src/components/shell/marquee.ce.vue
+var D = ["aria-label"], O = { class: "kima-marquee__viewport" }, k = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "marquee.ce",
+	props: {
+		animated: Boolean,
+		paused: Boolean,
+		duration: {
+			type: Number,
+			default: 24
+		},
+		reverse: Boolean,
+		label: {
+			type: String,
+			default: "滚动内容"
+		}
+	},
+	emits: ["update:paused"],
+	setup(e, { emit: k }) {
+		let { native: A, vOutlet: j } = o(), M = e, N = k, { root: P, forwardedAttrs: F } = r(), I = a(P), [L, R] = i(M, "paused", N), z = y(null), B = y(null), V = y(!1), H = y(!1), U = y(!1), W, G, K = s(() => M.animated && !U.value && I.value.reducedMotion !== "reduce"), q = s(() => L.value || V.value || H.value || !K.value);
+		function J() {
+			if (!z.value || !B.value) return;
+			let e = [...z.value.childNodes].map((e) => e.cloneNode(!0));
+			B.value.replaceChildren(...e);
+			for (let e of B.value.querySelectorAll("*")) e.removeAttribute("id"), e.removeAttribute("name"), e.setAttribute("tabindex", "-1");
+		}
+		function Y() {
+			U.value = n(P.value);
+		}
+		return _(() => {
+			W = P.value.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: reduce)"), W.addEventListener("change", Y), Y(), G = new MutationObserver(J), G.observe(z.value, {
+				childList: !0,
+				subtree: !0,
+				characterData: !0
+			}), J();
+		}), w(K, () => p(J)), g(() => {
+			G?.disconnect(), W?.removeEventListener("change", Y);
+		}), (n, r) => (v(), c("section", f({
+			ref_key: "root",
+			ref: P
+		}, S(F), {
+			class: "kima-marquee",
+			"aria-label": e.label,
+			onPointerenter: r[1] ||= (e) => V.value = !0,
+			onPointerleave: r[2] ||= (e) => V.value = !1,
+			onFocusin: r[3] ||= (e) => H.value = !0,
+			onFocusout: r[4] ||= (e) => {
+				S(P).contains(e.relatedTarget) || (H.value = !1);
+			}
+		}), [E(d(t, {
+			variant: "text",
+			"aria-pressed": S(L),
+			disabled: !K.value,
+			onClick: r[0] ||= (e) => S(R)(!S(L))
+		}, {
+			default: T(() => [u(x(S(L) || !K.value ? "继续滚动" : "暂停滚动"), 1)]),
+			_: 1
+		}, 8, ["aria-pressed", "disabled"]), [[C, e.animated]]), l("div", O, [l("div", {
+			class: m(["kima-marquee__track", { "kima-marquee__track--moving": K.value }]),
+			style: h({
+				animationDuration: `${Math.max(1, e.duration)}s`,
+				animationDirection: e.reverse ? "reverse" : "normal",
+				animationPlayState: q.value ? "paused" : "running"
+			})
+		}, [S(A) ? E((v(), c("div", {
+			key: 0,
+			ref_key: "source",
+			ref: z,
+			class: "kima-marquee__group"
+		}, null, 512)), [[S(j)]]) : (v(), c("div", {
+			key: 1,
+			ref_key: "source",
+			ref: z,
+			class: "kima-marquee__group"
+		}, [b(n.$slots, "default", {}, void 0, !0)], 512)), E(l("div", {
+			ref_key: "duplicate",
+			ref: B,
+			class: "kima-marquee__group",
+			"aria-hidden": "true",
+			inert: ""
+		}, null, 512), [[C, K.value]])], 6)])], 16, D));
+	}
+}), [["__scopeId", "data-v-ac73236c"]]);
+export { k as default };

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

@@ -0,0 +1,50 @@
+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, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, unref as d } from "vue";
+// src/components/shell/masonry.ce.vue
+var f = ["aria-label"], p = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "masonry.ce",
+	props: {
+		columns: {
+			type: [Number, Object],
+			default: 3
+		},
+		gap: {
+			type: [Number, String],
+			default: 24
+		},
+		label: {
+			type: String,
+			default: "列优先瀑布流"
+		}
+	},
+	emits: ["resize"],
+	setup(e, { emit: p }) {
+		let m = e, h = p, { root: g, forwardedAttrs: _ } = n(), v = l(0), y, b = r(() => {
+			let e = m.columns;
+			return typeof e == "object" && (e = v.value >= 1024 ? e.lg ?? e.md ?? e.sm ?? e.base : v.value >= 768 ? e.md ?? e.sm ?? e.base : v.value >= 480 ? e.sm ?? e.base : e.base), Math.max(1, Math.min(12, Number(e) || 1));
+		});
+		return s(() => {
+			y = new ResizeObserver(([e]) => {
+				v.value = e.contentRect.width, h("resize", {
+					width: v.value,
+					columns: b.value
+				});
+			}), y.observe(g.value);
+		}), o(() => y?.disconnect()), (n, r) => (c(), i("div", a({
+			ref_key: "root",
+			ref: g
+		}, d(_), {
+			class: "kima-masonry",
+			role: "group",
+			"aria-label": e.label,
+			"data-flow": "column-major",
+			style: {
+				columnCount: b.value,
+				"--kima-masonry-gap": d(t)(e.gap)
+			}
+		}), [u(n.$slots, "default", {}, void 0, !0)], 16, f));
+	}
+}), [["__scopeId", "data-v-2fe32054"]]);
+export { p as default };

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

@@ -0,0 +1,125 @@
+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";
+/* 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";
+// 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 }, {
+	__name: "sidebar.ce",
+	props: {
+		items: {
+			type: Array,
+			default: () => []
+		},
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		expanded: {
+			type: Array,
+			default: () => []
+		},
+		collapsed: Boolean,
+		open: Boolean,
+		breakpoint: {
+			type: Number,
+			default: 720
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		storageKey: {
+			type: String,
+			default: ""
+		},
+		disabled: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"update:expanded",
+		"update:collapsed",
+		"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");
+			} catch {}
+		}), S(V, (e) => {
+			if (M.storageKey) try {
+				localStorage.setItem(M.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);
+		}
+		return (n, i) => (g(), u("aside", m({
+			ref_key: "root",
+			ref: P
+		}, b(F), {
+			class: ["kima-sidebar", {
+				"kima-sidebar--collapsed": b(V) && !b(G),
+				"kima-sidebar--mobile": b(G)
+			}],
+			"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))
+		}, {
+			default: C(() => [f(y(b(G) ? "打开导航" : b(V) ? "展开侧栏" : "折叠侧栏"), 1)]),
+			_: 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",
+			title: e.label || "侧栏导航",
+			class: "kima-sidebar__body",
+			"onUpdate:open": b(W)
+		}, {
+			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, {
+					items: e.items,
+					"model-value": b(L),
+					expanded: b(z),
+					disabled: e.disabled,
+					orientation: "vertical",
+					label: e.label || "侧栏导航",
+					"onUpdate:modelValue": b(R),
+					"onUpdate:expanded": b(B),
+					onNavigate: q
+				}, null, 8, [
+					"items",
+					"model-value",
+					"expanded",
+					"disabled",
+					"label",
+					"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)])
+			]),
+			_: 3
+		}, 40, [
+			"open",
+			"placement",
+			"title",
+			"onUpdate:open"
+		]))], 16, T));
+	}
+}), [["__scopeId", "data-v-0fd95ccf"]]);
+export { k as default };