@kernel4632/kima 0.0.0-stage → 0.6.0

package/dist/vue/components/foundation/field-group.ce.js

@@ -0,0 +1,146 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { collapseTransition as t, rememberCollapseHeight as n } from "../../utils/motion.js";
+import { useNavigationRoot as r } from "../../utils/navigation.js";
+/* empty css                                                               */
+import { Transition as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, mergeProps as u, onBeforeUnmount as d, onBeforeUpdate as f, onMounted as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, vShow as b, watch as x, withCtx as S, withDirectives as C } from "vue";
+// src/components/foundation/field-group.ce.vue
+var w = [
+	"disabled",
+	"data-valid",
+	"aria-describedby"
+], T = {
+	key: 0,
+	class: "kima-field-group__legend"
+}, E = {
+	key: 0,
+	class: "kima-field-group__required"
+}, D = { class: "kima-field-group__fields" }, O = ["inert", "aria-hidden"], k = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "field-group.ce",
+	props: {
+		legend: {
+			type: String,
+			default: ""
+		},
+		hint: {
+			type: String,
+			default: ""
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		required: Boolean,
+		disabled: Boolean
+	},
+	emits: ["validity-change"],
+	setup(e, { expose: k, emit: A }) {
+		let j = e, M = A, { root: N, forwardedAttrs: P } = r(), F = h(null);
+		f(() => n(F.value));
+		let I = `kima-field-group-${y()}`, L = `${I}-hint`, R = `${I}-error`, z = `${I}-status`, B = h({
+			valid: !0,
+			errors: []
+		}), V = /* @__PURE__ */ new Set(), H = /* @__PURE__ */ new Set(), U;
+		function W() {
+			return N.value ? [...N.value.querySelectorAll("input:not([type=\"hidden\"]),select,textarea,[role=\"combobox\"],[role=\"radiogroup\"]")].filter((e) => e.closest(".kima-field-group") === N.value && !e.disabled) : [];
+		}
+		function G(e) {
+			return ["checkbox", "radio"].includes(e.type) ? e.checked : String(e.value ?? "").trim() !== "";
+		}
+		function K() {
+			let e = W(), t = [];
+			for (let n of e) {
+				n.validity && n.validity.valid === !1 && t.push({
+					name: n.name || n.getAttribute("aria-label") || "",
+					message: n.validationMessage || "字段值无效"
+				});
+				let e = (n.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean).filter((e) => e !== L && e !== R);
+				j.hint && e.push(L), j.error && e.push(R);
+				let r = e.join(" ");
+				(n.getAttribute("aria-describedby") || "") !== r && (r ? n.setAttribute("aria-describedby", r) : n.removeAttribute("aria-describedby")), (j.hint || j.error) && H.add(n), j.error && !n.hasAttribute("aria-invalid") && (n.setAttribute("aria-invalid", "true"), V.add(n)), !j.error && V.has(n) && (n.removeAttribute("aria-invalid"), V.delete(n));
+			}
+			j.required && !e.some(G) && t.push({
+				name: "",
+				message: "此分组至少需要填写一项"
+			});
+			let n = {
+				valid: t.length === 0,
+				errors: t
+			};
+			JSON.stringify(n) !== JSON.stringify(B.value) && (B.value = n, M("validity-change", {
+				...n,
+				controls: e.length
+			}));
+		}
+		function q() {
+			return K(), B.value;
+		}
+		function J() {
+			let e = W();
+			return (e.find((e) => e.validity && e.validity.valid === !1) || (j.required && !e.some(G) ? e[0] : null))?.reportValidity?.(), K(), B.value.valid;
+		}
+		return x(() => [
+			j.hint,
+			j.error,
+			j.required
+		], K, { flush: "post" }), p(() => {
+			K();
+			let e = N.value.ownerDocument.defaultView;
+			N.value.addEventListener("input", K, !0), N.value.addEventListener("change", K, !0), U = new e.MutationObserver(K), U.observe(N.value, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				attributeFilter: [
+					"aria-describedby",
+					"aria-invalid",
+					"disabled"
+				]
+			});
+		}), d(() => {
+			U?.disconnect(), N.value?.removeEventListener("input", K, !0), N.value?.removeEventListener("change", K, !0);
+			for (let e of H) {
+				let t = (e.getAttribute("aria-describedby") || "").split(/\s+/).filter((e) => e && e !== L && e !== R);
+				t.length ? e.setAttribute("aria-describedby", t.join(" ")) : e.removeAttribute("aria-describedby");
+			}
+			for (let e of V) e.removeAttribute("aria-invalid");
+		}), k({
+			validate: q,
+			reportValidity: J
+		}), (n, r) => (m(), o("fieldset", u({
+			ref_key: "root",
+			ref: N
+		}, v(P), {
+			class: "kima-field-group",
+			disabled: e.disabled,
+			"data-valid": B.value.valid,
+			"aria-describedby": [e.hint ? L : "", e.error ? R : ""].filter(Boolean).join(" ") || void 0
+		}), [
+			e.legend ? (m(), o("legend", T, [c(_(e.legend), 1), e.required ? (m(), o("span", E, "必填")) : a("", !0)])) : a("", !0),
+			s("div", D, [g(n.$slots, "default", {}, void 0, !0)]),
+			l(i, u({ css: !1 }, v(t)), {
+				default: S(() => [C(s("div", {
+					ref_key: "messages",
+					ref: F,
+					class: "kima-field-group__messages",
+					inert: !e.hint && !e.error,
+					"aria-hidden": !e.hint && !e.error || void 0
+				}, [e.hint ? (m(), o("p", {
+					key: 0,
+					id: L,
+					class: "kima-field-group__hint"
+				}, _(e.hint), 1)) : a("", !0), e.error ? (m(), o("p", {
+					key: 1,
+					id: R,
+					class: "kima-field-group__error",
+					role: "alert"
+				}, _(e.error), 1)) : a("", !0)], 8, O), [[b, e.hint || e.error]])]),
+				_: 1
+			}, 16),
+			s("p", {
+				id: z,
+				class: "kima-field-group__status",
+				"aria-live": "polite"
+			}, _(B.value.valid ? "分组有效" : `分组有 ${B.value.errors.length} 项待处理`), 1)
+		], 16, w));
+	}
+}), [["__scopeId", "data-v-144ed12e"]]);
+export { k as default };

package/dist/vue/components/foundation/flex.ce.js

@@ -0,0 +1,60 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import { choice as n, layoutVariables as r, space as i } from "../../utils/foundation.js";
+/* empty css                                                        */
+import { computed as a, createElementBlock as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u } from "vue";
+var d = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "flex.ce",
+	props: {
+		direction: {
+			type: String,
+			default: "row"
+		},
+		wrap: {
+			type: String,
+			default: "wrap"
+		},
+		gap: {
+			type: [Number, Object],
+			default: 4
+		},
+		align: {
+			type: String,
+			default: "stretch"
+		},
+		justify: {
+			type: String,
+			default: "start"
+		}
+	},
+	setup(e) {
+		let d = e, { root: f, forwardedAttrs: p } = t(), m = {
+			start: "flex-start",
+			end: "flex-end",
+			center: "center",
+			stretch: "stretch",
+			baseline: "baseline"
+		}, h = {
+			start: "flex-start",
+			end: "flex-end",
+			center: "center",
+			"space-between": "space-between",
+			"space-around": "space-around",
+			"space-evenly": "space-evenly"
+		}, g = a(() => ({
+			...r("flex", "gap", d.gap, i, 4),
+			flexDirection: n(d.direction, ["row", "column"], "row"),
+			flexWrap: n(d.wrap, ["wrap", "nowrap"], "wrap"),
+			alignItems: m[n(d.align, Object.keys(m), "stretch")],
+			justifyContent: h[n(d.justify, Object.keys(h), "start")]
+		}));
+		return (e, t) => (c(), o("div", s({
+			ref_key: "root",
+			ref: f
+		}, u(p), {
+			class: "kima-flex",
+			style: g.value
+		}), [l(e.$slots, "default", {}, void 0, !0)], 16));
+	}
+}), [["__scopeId", "data-v-317459cf"]]);
+export { d as default };

package/dist/vue/components/foundation/grid.ce.js

@@ -0,0 +1,52 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import { choice as n, columnTemplate as r, gridAreas as i, layoutVariables as a, space as o } from "../../utils/foundation.js";
+/* empty css                                                        */
+import { Fragment as s, computed as c, createElementBlock as l, mergeProps as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, unref as h } from "vue";
+var g = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "grid.ce",
+	props: {
+		columns: {
+			type: [Number, Object],
+			default: void 0
+		},
+		gap: {
+			type: [Number, Object],
+			default: 4
+		},
+		areas: {
+			type: Array,
+			default: () => []
+		},
+		align: {
+			type: String,
+			default: "stretch"
+		}
+	},
+	setup(e) {
+		let g = e, { root: _, forwardedAttrs: v } = t(), y = c(() => i(g.areas)), b = c(() => y.value.columns || 1), x = c(() => ({
+			...a("grid", "columns", g.columns ?? b.value, r, b.value),
+			...a("grid", "gap", g.gap, o, 4),
+			gridTemplateAreas: y.value.template,
+			alignItems: n(g.align, [
+				"start",
+				"end",
+				"center",
+				"stretch",
+				"baseline"
+			], "stretch")
+		}));
+		return (e, t) => (f(), l("div", u({
+			ref_key: "root",
+			ref: _
+		}, h(v), {
+			class: "kima-grid",
+			style: x.value
+		}), [(f(!0), l(s, null, p(y.value.names, (t) => (f(), l("div", {
+			key: t,
+			class: "kima-grid__cell",
+			style: d({ gridArea: t })
+		}, [m(e.$slots, t, {}, void 0, !0)], 4))), 128)), m(e.$slots, "default", {}, void 0, !0)], 16));
+	}
+}), [["__scopeId", "data-v-c1ea1f88"]]);
+export { g as default };

package/dist/vue/components/foundation/input-group.ce.js

@@ -0,0 +1,34 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+/* empty css                                                               */
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c } from "vue";
+// src/components/foundation/input-group.ce.vue
+var l = ["aria-label"], u = {
+	key: 0,
+	class: "kima-input-group__decoration kima-input-group__decoration--prefix"
+}, d = { class: "kima-input-group__control" }, f = {
+	key: 1,
+	class: "kima-input-group__decoration kima-input-group__decoration--suffix"
+}, p = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "input-group.ce",
+	props: { label: {
+		type: String,
+		default: "输入组"
+	} },
+	setup(e) {
+		let { root: p, forwardedAttrs: m, hasNativeSlot: h, isCustomElement: g } = t();
+		return (t, _) => (o(), r("div", a({
+			ref_key: "root",
+			ref: p
+		}, c(m), {
+			class: "kima-input-group",
+			role: "group",
+			"aria-label": e.label
+		}), [
+			t.$slots.prefix || c(h)("prefix") || c(g) ? (o(), r("div", u, [s(t.$slots, "prefix", {}, void 0, !0)])) : n("", !0),
+			i("div", d, [s(t.$slots, "default", {}, void 0, !0)]),
+			t.$slots.suffix || c(h)("suffix") || c(g) ? (o(), r("div", f, [s(t.$slots, "suffix", {}, void 0, !0)])) : n("", !0)
+		], 16, l));
+	}
+}), [["__scopeId", "data-v-5729e4c1"]]);
+export { p as default };

package/dist/vue/components/foundation/page-header.ce.js

@@ -0,0 +1,55 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import { choice as n } from "../../utils/foundation.js";
+/* empty css                                                               */
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, mergeProps as l, openBlock as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+// src/components/foundation/page-header.ce.vue
+var g = {
+	key: 0,
+	class: "kima-page-header__breadcrumbs",
+	"aria-label": "面包屑"
+}, _ = { class: "kima-page-header__row" }, v = { class: "kima-page-header__body" }, y = {
+	key: 1,
+	class: "kima-page-header__description"
+}, b = {
+	key: 0,
+	class: "kima-page-header__actions"
+}, x = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "page-header.ce",
+	props: {
+		heading: {
+			type: String,
+			default: ""
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		level: {
+			type: Number,
+			default: 1
+		},
+		align: {
+			type: String,
+			default: "start"
+		}
+	},
+	setup(e) {
+		let x = e, { root: S, forwardedAttrs: C, hasNativeSlot: w, isCustomElement: T } = t(), E = r(() => `h${Math.min(6, Math.max(1, Number(x.level) || 1))}`), D = r(() => n(x.align, ["start", "center"], "start"));
+		return (t, n) => (u(), o("header", l({
+			ref_key: "root",
+			ref: S
+		}, m(C), { class: ["kima-page-header", `kima-page-header--${D.value}`] }), [t.$slots.breadcrumbs || m(w)("breadcrumbs") || m(T) ? (u(), o("nav", g, [d(t.$slots, "breadcrumbs", {}, void 0, !0)])) : a("", !0), s("div", _, [s("div", v, [
+			e.heading ? (u(), i(f(E.value), {
+				key: 0,
+				class: "kima-page-header__title"
+			}, {
+				default: h(() => [c(p(e.heading), 1)]),
+				_: 1
+			})) : a("", !0),
+			e.description ? (u(), o("p", y, p(e.description), 1)) : a("", !0),
+			d(t.$slots, "default", {}, void 0, !0)
+		]), t.$slots.actions || m(w)("actions") || m(T) ? (u(), o("div", b, [d(t.$slots, "actions", {}, void 0, !0)])) : a("", !0)])], 16));
+	}
+}), [["__scopeId", "data-v-819de002"]]);
+export { x as default };

package/dist/vue/components/foundation/time-display.ce.js

@@ -0,0 +1,129 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import { choice as n } from "../../utils/foundation.js";
+/* empty css                                                                */
+import { computed as r, createElementBlock as i, mergeProps as a, openBlock as o, toDisplayString as s, unref as c } from "vue";
+// src/components/foundation/time-display.ce.vue
+var l = ["datetime"], u = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "time-display.ce",
+	props: {
+		value: {
+			type: [
+				String,
+				Number,
+				Date
+			],
+			default: null
+		},
+		mode: {
+			type: String,
+			default: "datetime"
+		},
+		locale: {
+			type: [String, Array],
+			default: void 0
+		},
+		timeZone: {
+			type: String,
+			default: ""
+		},
+		dateStyle: {
+			type: String,
+			default: "medium"
+		},
+		timeStyle: {
+			type: String,
+			default: "short"
+		},
+		fallback: {
+			type: String,
+			default: "时间不可用"
+		}
+	},
+	setup(e) {
+		let u = e, { root: d, forwardedAttrs: f } = t(), p = r(() => n(u.mode, [
+			"date",
+			"time",
+			"datetime"
+		], "datetime"));
+		function m(e) {
+			if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : {
+				date: new Date(e.getTime()),
+				kind: "instant"
+			};
+			if (typeof e == "number") return Number.isFinite(e) ? {
+				date: new Date(e),
+				kind: "instant"
+			} : null;
+			if (typeof e != "string" || !e.trim()) return null;
+			let t = e.trim(), n = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
+			if (n) {
+				let [e, r, i] = [
+					Number(n[1]),
+					Number(n[2]),
+					Number(n[3])
+				], a = new Date(Date.UTC(e, r - 1, i));
+				return a.getUTCFullYear() === e && a.getUTCMonth() === r - 1 && a.getUTCDate() === i ? {
+					date: a,
+					kind: "date",
+					text: t
+				} : null;
+			}
+			if (n = /^(\d{2}):(\d{2})(?::(\d{2}))?$/.exec(t), n) {
+				let [e, r, i] = [
+					Number(n[1]),
+					Number(n[2]),
+					Number(n[3] || 0)
+				];
+				return e > 23 || r > 59 || i > 59 ? null : {
+					date: new Date(Date.UTC(2e3, 0, 1, e, r, i)),
+					kind: "time",
+					text: t
+				};
+			}
+			let r = new Date(t);
+			return Number.isNaN(r.getTime()) ? null : {
+				date: r,
+				kind: "instant"
+			};
+		}
+		let h = r(() => m(u.value)), g = r(() => h.value?.date || null), _ = r(() => {
+			let e = [
+				"full",
+				"long",
+				"medium",
+				"short"
+			], t = {};
+			return p.value !== "time" && (t.dateStyle = n(u.dateStyle, e, "medium")), p.value !== "date" && (t.timeStyle = n(u.timeStyle, e, "short")), h.value && h.value.kind !== "instant" ? t.timeZone = "UTC" : u.timeZone && (t.timeZone = u.timeZone), t;
+		});
+		function v(e) {
+			let t = e || u.locale;
+			try {
+				return new Intl.DateTimeFormat(t, _.value);
+			} catch {
+				let e = { ..._.value };
+				delete e.timeZone;
+				try {
+					return new Intl.DateTimeFormat(t, e);
+				} catch {
+					return null;
+				}
+			}
+		}
+		let y = r(() => {
+			if (!g.value) return u.fallback;
+			let e = v(void 0) || v("en-GB");
+			return e ? e.format(g.value) : p.value === "time" ? g.value.toISOString().slice(11, 16) : g.value.toISOString().slice(0, 10);
+		}), b = r(() => {
+			if (!(!g.value || p.value === "time" && h.value.kind !== "instant")) return h.value.kind === "date" && p.value === "date" ? h.value.text : g.value.toISOString();
+		});
+		return (e, t) => (o(), i("time", a({
+			ref_key: "root",
+			ref: d
+		}, c(f), {
+			class: "kima-time-display",
+			datetime: b.value
+		}), s(y.value), 17, l));
+	}
+}), [["__scopeId", "data-v-31f1f739"]]);
+export { u as default };

package/dist/vue/components/foundation/typography.ce.js

@@ -0,0 +1,71 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import { useNavigationRoot as t } from "../../utils/navigation.js";
+import { choice as n } from "../../utils/foundation.js";
+/* empty css                                                              */
+import { computed as r, createBlock as i, mergeProps as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, withCtx as u } from "vue";
+var d = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "typography.ce",
+	props: {
+		type: {
+			type: String,
+			default: "body"
+		},
+		level: {
+			type: Number,
+			default: 2
+		},
+		size: {
+			type: String,
+			default: ""
+		},
+		color: {
+			type: String,
+			default: "default"
+		}
+	},
+	setup(e) {
+		let d = e, { root: f, forwardedAttrs: p } = t(), m = [
+			"display-large",
+			"display-medium",
+			"display-small",
+			"headline-large",
+			"headline-medium",
+			"headline-small",
+			"title-large",
+			"title-medium",
+			"title-small",
+			"body-large",
+			"body-medium",
+			"body-small",
+			"label-large",
+			"label-medium",
+			"label-small"
+		], h = {
+			heading: "headline-small",
+			body: "body-medium",
+			caption: "label-medium"
+		}, g = r(() => n(d.type, [
+			"heading",
+			"body",
+			"caption"
+		], "body")), _ = r(() => g.value === "heading" ? `h${Math.min(6, Math.max(1, Number(d.level) || 2))}` : g.value === "caption" ? "small" : "p"), v = r(() => n(d.size, m, h[g.value])), y = r(() => n(d.color, [
+			"default",
+			"muted",
+			"primary",
+			"success",
+			"warning",
+			"danger"
+		], "default"));
+		return (e, t) => (o(), i(c(_.value), a({
+			ref_key: "root",
+			ref: f
+		}, l(p), {
+			class: ["kima-typography", [`kima-typography--${g.value}`, `kima-typography--color-${y.value}`]],
+			style: { "--kima-typography-size": `var(--kima-font-size-${v.value})` }
+		}), {
+			default: u(() => [s(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+}), [["__scopeId", "data-v-d92fa782"]]);
+export { d as default };

package/dist/vue/components/input/checkbox-group.ce.js

@@ -0,0 +1,93 @@
+import { useRipple as e } from "../../utils/ripple.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+import n from "../core/icon.ce.js";
+import { useInputAttrs as r, useInputState as i } from "../../utils/input-state.js";
+/* empty css                                                                  */
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, createVNode as l, mergeProps as u, normalizeClass as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, withModifiers as _ } from "vue";
+import { MinusSignIcon as v, Tick02Icon as y } from "@hugeicons/core-free-icons";
+// src/components/input/checkbox-group.ce.vue
+var b = [
+	"aria-label",
+	"aria-orientation",
+	"disabled",
+	"aria-disabled"
+], x = ["aria-disabled"], S = [
+	"name",
+	"value",
+	"checked",
+	"disabled",
+	"required",
+	"onChange"
+], C = {
+	class: "kima-checkbox-group__box",
+	"aria-hidden": "true"
+}, w = { class: "kima-checkbox-group__label" }, T = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+	__name: "checkbox-group.ce",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		options: {
+			type: Array,
+			default: () => []
+		},
+		label: String,
+		name: String,
+		disabled: Boolean,
+		required: Boolean,
+		orientation: {
+			type: String,
+			default: "vertical"
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: T }) {
+		let E = t, D = T, O = p(null), { attrs: k, controlAttrs: A } = r(), { local: j, update: M } = i(E, D, O, (e) => Array.isArray(e) ? e : []), N = o(() => E.options.map((e) => typeof e == "object" ? e : {
+			value: e,
+			label: String(e)
+		})), P = o(() => N.value.findIndex((e) => !e.disabled)), F = o(() => N.value.some((e) => !e.disabled && j.value.includes(e.value)));
+		e(O);
+		function I(e, t) {
+			M(t ? [...j.value, e] : j.value.filter((t) => t !== e));
+		}
+		return (e, r) => (f(), s("fieldset", u({
+			ref_key: "root",
+			ref: O
+		}, g(A), {
+			class: ["kima-checkbox-group", g(k).class],
+			style: g(k).style,
+			"aria-label": g(A)["aria-label"] || t.label,
+			"aria-orientation": t.orientation,
+			disabled: t.disabled,
+			"aria-disabled": t.disabled || void 0
+		}), [(f(!0), s(a, null, m(N.value, (e, i) => (f(), s("label", {
+			key: e.value,
+			class: d(["kima-checkbox-group__item", { "kima-checkbox-group__item--disabled": t.disabled || e.disabled }]),
+			"aria-disabled": t.disabled || e.disabled || void 0
+		}, [
+			c("input", {
+				class: "kima-checkbox-group__input",
+				type: "checkbox",
+				name: t.name,
+				value: e.value,
+				checked: g(j).includes(e.value),
+				disabled: t.disabled || e.disabled,
+				required: t.required && !F.value && i === P.value,
+				onInput: r[0] ||= _(() => {}, ["stop"]),
+				onChange: _((t) => I(e.value, t.target.checked), ["stop"])
+			}, null, 40, S),
+			c("span", C, [l(n, {
+				class: "kima-checkbox-group__mark kima-checkbox-group__mark--tick",
+				icon: g(y),
+				size: 20
+			}, null, 8, ["icon"]), l(n, {
+				class: "kima-checkbox-group__mark kima-checkbox-group__mark--dash",
+				icon: g(v),
+				size: 20
+			}, null, 8, ["icon"])]),
+			c("span", w, h(e.label), 1)
+		], 10, x))), 128))], 16, b));
+	}
+}), [["__scopeId", "data-v-f017d36a"]]);
+export { T as default };