@kernel4632/kima 0.7.1 → 0.8.3

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

@@ -4,42 +4,39 @@ import n from "./icon.ce.js";
 import { presenceTransition as r } from "../../utils/motion.js";
 import { useRemoteOptions as i } from "../../utils/remote-options.js";
 /* empty css                                                          */
-import { Fragment as a, Transition as o, computed as s, createBlock as ee, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as te, createVNode as d, getCurrentInstance as ne, mergeProps as f, nextTick as p, normalizeClass as m, onBeforeUnmount as re, onMounted as ie, openBlock as h, ref as g, renderList as _, shallowRef as ae, toDisplayString as v, unref as y, useAttrs as oe, useHost as se, useId as ce, vModelSelect as le, vModelText as ue, watch as b, withCtx as de, withDirectives as fe, withModifiers as x } from "vue";
-import { ArrowDown01Icon as pe, Cancel01Icon as me, Search01Icon as he, Tick01Icon as ge } from "@hugeicons/core-free-icons";
+import { Fragment as a, Teleport as ee, Transition as o, computed as s, createBlock as te, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as ne, createVNode as d, getCurrentInstance as re, mergeProps as f, nextTick as p, normalizeClass as m, normalizeStyle as ie, onBeforeUnmount as ae, onMounted as oe, openBlock as h, ref as g, renderList as _, shallowRef as se, toDisplayString as v, unref as y, useAttrs as ce, useHost as le, useId as ue, vModelSelect as de, vModelText as fe, watch as b, withCtx as pe, withDirectives as me, withModifiers as x } from "vue";
+import { ArrowDown01Icon as he, Cancel01Icon as ge, Search01Icon as _e, Tick01Icon as ve } from "@hugeicons/core-free-icons";
 // src/components/core/select.ce.vue
-var _e = ["aria-disabled"], ve = [
+var ye = ["aria-disabled"], be = [
 	"disabled",
 	"aria-expanded",
 	"aria-label",
 	"aria-required",
 	"aria-activedescendant"
-], ye = ["disabled"], be = [
+], xe = ["disabled"], Se = [
 	"name",
 	"required",
 	"disabled"
-], xe = ["value", "disabled"], Se = {
-	key: 0,
-	class: "kima-select__popup"
-}, Ce = {
+], Ce = ["value", "disabled"], we = {
 	key: 0,
 	class: "kima-select__search-wrap"
-}, we = ["aria-activedescendant"], Te = ["aria-busy"], Ee = {
+}, Te = ["aria-activedescendant"], Ee = ["aria-busy"], De = {
 	key: 0,
 	class: "kima-select__status",
 	role: "status"
-}, De = {
+}, Oe = {
 	key: 1,
 	class: "kima-select__status kima-select__status--error",
 	role: "alert"
-}, Oe = [
+}, ke = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
 	"onClick"
-], ke = { class: "kima-select__option-copy" }, Ae = { class: "kima-select__option-label" }, je = {
+], Ae = { class: "kima-select__option-copy" }, je = { class: "kima-select__option-label" }, Me = {
 	key: 0,
 	class: "kima-select__option-description"
-}, Me = {
+}, Ne = {
 	key: 1,
 	class: "kima-select__empty",
 	role: "status"
@@ -96,53 +93,53 @@ var _e = ["aria-disabled"], ve = [
 		"options-error"
 	],
 	setup(t, { emit: S }) {
-		let C = oe(), Ne = ne().ce ? se() : null, w = t, T = S, E = g(null), D = g(null), O = g(null);
-		e(O);
-		let k = g(null), A = g(null), j = g([]), M = g(""), N = g(-1), P = ae(w.modelValue), F = g(w.open && !w.disabled), I, L, R, z, B = !0, V = ce(), Pe = `kima-select-${V}-trigger`, H = `kima-select-${V}-listbox`, Fe = `kima-select-${V}-native`, Ie = s(() => C["aria-label"] || C.ariaLabel || w.label || void 0), Le = s(() => w.loader), Re = s(() => M.value), { items: ze, loading: U, error: W, retry: Be } = i(Le, Re, s(() => w.debounce), s(() => w.retry), T), G = s(() => typeof w.loader == "function" ? ze.value : w.items), K = s(() => {
-			let e = M.value.trim().toLocaleLowerCase();
-			return typeof w.loader == "function" || !e ? G.value : G.value.filter((t) => `${t.label} ${t.description || ""}`.toLocaleLowerCase().includes(e));
-		}), q = s(() => G.value.find((e) => Object.is(e.value, P.value))), Ve = s({
-			get: () => q.value ? P.value : "",
+		let C = ce(), Pe = re().ce ? le() : null, w = t, T = S, E = g(null), D = g(null), O = g(null), Fe = g({}), Ie = g(null);
+		e(Ie);
+		let k = g(null), A = g(null), Le = g([]), j = g(""), M = g(-1), N = se(w.modelValue), P = g(w.open && !w.disabled), F, I, L, R, z = !0, B = ue(), Re = `kima-select-${B}-trigger`, V = `kima-select-${B}-listbox`, ze = `kima-select-${B}-native`, Be = s(() => C["aria-label"] || C.ariaLabel || w.label || void 0), Ve = s(() => w.loader), He = s(() => j.value), { items: Ue, loading: H, error: U, retry: We } = i(Ve, He, s(() => w.debounce), s(() => w.retry), T), W = s(() => typeof w.loader == "function" ? Ue.value : w.items), G = s(() => {
+			let e = j.value.trim().toLocaleLowerCase();
+			return typeof w.loader == "function" || !e ? W.value : W.value.filter((t) => `${t.label} ${t.description || ""}`.toLocaleLowerCase().includes(e));
+		}), K = s(() => W.value.find((e) => Object.is(e.value, N.value))), Ge = s({
+			get: () => K.value ? N.value : "",
 			set: () => {
 				let e = A.value.selectedIndex;
-				Z(e > 0 ? G.value[e - 1].value : null);
+				X(e > 0 ? W.value[e - 1].value : null);
 			}
-		}), J = s(() => K.value.flatMap((e, t) => e.disabled ? [] : [t])), He = s(() => F.value && N.value >= 0 ? `${H}-option-${N.value}` : void 0);
-		function Y(e) {
-			N.value = e, p(() => j.value[e]?.scrollIntoView({ block: "nearest" }));
+		}), q = s(() => G.value.flatMap((e, t) => e.disabled ? [] : [t])), Ke = s(() => P.value && M.value >= 0 ? `${V}-option-${M.value}` : void 0);
+		function J(e) {
+			M.value = e, p(() => Le.value[e]?.scrollIntoView({ block: "nearest" }));
 		}
-		function Ue(e) {
-			let t = J.value.length;
+		function qe(e) {
+			let t = q.value.length;
 			if (!t) return;
-			let n = J.value.indexOf(N.value), r = n < 0 ? e > 0 ? 0 : t - 1 : (n + e + t) % t;
-			Y(J.value[r]);
+			let n = q.value.indexOf(M.value), r = n < 0 ? e > 0 ? 0 : t - 1 : (n + e + t) % t;
+			J(q.value[r]);
 		}
-		function We() {
-			w.disabled || F.value || (F.value = !0, T("update:open", !0));
+		function Je() {
+			w.disabled || P.value || (P.value = !0, T("update:open", !0));
 		}
-		function X(e = !0) {
-			F.value && (B = e, F.value = !1, T("update:open", !1));
+		function Y(e = !0) {
+			P.value && (z = e, P.value = !1, T("update:open", !1));
 		}
-		function Ge() {
-			F.value ? X() : We();
+		function Ye() {
+			P.value ? Y() : Je();
 		}
-		function Z(e) {
-			w.disabled || Object.is(e, P.value) || (P.value = e, T("update:modelValue", e), T("change", e));
+		function X(e) {
+			w.disabled || Object.is(e, N.value) || (N.value = e, T("update:modelValue", e), T("change", e));
 		}
-		function Ke(e) {
-			w.disabled || e.disabled || (Z(e.value), X());
+		function Xe(e) {
+			w.disabled || e.disabled || (X(e.value), Y());
 		}
-		function qe() {
-			Z(null), X(), p(() => D.value?.focus());
+		function Ze() {
+			X(null), Y(), p(() => D.value?.focus());
 		}
-		function Je(e) {
-			clearTimeout(z), z = setTimeout(() => {
-				e.defaultPrevented || (P.value = R, A.value.selectedIndex = G.value.findIndex((e) => Object.is(e.value, R)) + 1, X(!1), T("update:modelValue", R));
+		function Qe(e) {
+			clearTimeout(R), R = setTimeout(() => {
+				e.defaultPrevented || (N.value = L, A.value.selectedIndex = W.value.findIndex((e) => Object.is(e.value, L)) + 1, Y(!1), T("update:modelValue", L));
 			}, 0);
 		}
-		function Q(e) {
+		function Z(e) {
 			if (!(w.disabled || e.isComposing)) {
-				if (e.key === "Tab") X(!1);
+				if (e.key === "Tab") Y(!1);
 				else if ((e.key !== " " || e.target !== k.value) && [
 					"ArrowDown",
 					"ArrowUp",
@@ -152,100 +149,113 @@ var _e = ["aria-disabled"], ve = [
 					" ",
 					"Escape"
 				].includes(e.key)) {
-					if (e.preventDefault(), e.stopPropagation(), e.key === "Escape") X();
-					else if (!F.value) We(), e.key === "ArrowUp" || e.key === "End" ? p(() => Y(J.value.at(-1) ?? -1)) : e.key === "Home" && p(() => Y(J.value[0] ?? -1));
-					else if (e.key === "ArrowDown") Ue(1);
-					else if (e.key === "ArrowUp") Ue(-1);
-					else if (e.key === "Home") Y(J.value[0] ?? -1);
-					else if (e.key === "End") Y(J.value.at(-1) ?? -1);
+					if (e.preventDefault(), e.stopPropagation(), e.key === "Escape") Y();
+					else if (!P.value) Je(), e.key === "ArrowUp" || e.key === "End" ? p(() => J(q.value.at(-1) ?? -1)) : e.key === "Home" && p(() => J(q.value[0] ?? -1));
+					else if (e.key === "ArrowDown") qe(1);
+					else if (e.key === "ArrowUp") qe(-1);
+					else if (e.key === "Home") J(q.value[0] ?? -1);
+					else if (e.key === "End") J(q.value.at(-1) ?? -1);
 					else {
-						let e = K.value[N.value];
-						e && Ke(e);
+						let e = G.value[M.value];
+						e && Xe(e);
 					}
 				}
 			}
 		}
+		function Q() {
+			let e = D.value;
+			if (!e || !P.value || typeof window > "u") return;
+			let t = e.getBoundingClientRect(), n = Math.max(0, window.innerHeight - t.bottom - 8), r = Math.max(0, t.top - 8), i = n < 240 && r > n, a = Math.min(360, Math.max(0, i ? r : n)), ee = i ? t.top - a - 8 : t.bottom + 8, o = Math.max(8, Math.min(ee, window.innerHeight - a - 8));
+			Fe.value = {
+				position: "fixed",
+				top: `${o}px`,
+				left: `${Math.max(8, Math.min(t.left, window.innerWidth - t.width - 8))}px`,
+				width: `${t.width}px`,
+				maxHeight: `${a}px`
+			};
+		}
 		function $(e) {
-			F.value && !e.composedPath().includes(E.value) && X(!1);
+			let t = e.composedPath();
+			P.value && !t.includes(E.value) && !t.includes(O.value) && Y(!1);
 		}
 		return b(() => w.modelValue, (e) => {
-			P.value = e;
+			N.value = e;
 		}), b(() => w.open, (e) => {
-			F.value = e && !w.disabled;
+			P.value = e && !w.disabled;
 		}), b(() => w.disabled, (e) => {
-			e && X(!1);
-		}), b(F, async (e, t) => {
+			e && Y(!1);
+		}), b(P, async (e, t) => {
 			if (e) {
-				M.value = "";
-				let e = K.value.findIndex((e) => Object.is(e.value, P.value) && !e.disabled);
-				Y(e >= 0 ? e : J.value[0] ?? -1), await p(), F.value && (w.searchable ? k.value : D.value)?.focus();
-			} else t && B && p(() => {
-				F.value || D.value?.focus();
-			}), B = !0;
-		}, { immediate: !0 }), b(K, () => {
-			let e = K.value.findIndex((e) => Object.is(e.value, P.value) && !e.disabled);
-			Y(!M.value && e >= 0 ? e : J.value[0] ?? -1);
-		}), ie(() => {
-			R = w.modelValue, L = A.value.form, L?.addEventListener("reset", Je), I = E.value.ownerDocument, I.addEventListener("pointerdown", $), I.addEventListener("focusin", $);
-		}), re(() => {
-			clearTimeout(z), L?.removeEventListener("reset", Je), I.removeEventListener("pointerdown", $), I.removeEventListener("focusin", $);
+				j.value = "";
+				let e = G.value.findIndex((e) => Object.is(e.value, N.value) && !e.disabled);
+				J(e >= 0 ? e : q.value[0] ?? -1), await p(), P.value && (Q(), (w.searchable ? k.value : D.value)?.focus());
+			} else t && z && p(() => {
+				P.value || D.value?.focus();
+			}), z = !0;
+		}, { immediate: !0 }), b(G, () => {
+			let e = G.value.findIndex((e) => Object.is(e.value, N.value) && !e.disabled);
+			J(!j.value && e >= 0 ? e : q.value[0] ?? -1);
+		}), oe(() => {
+			L = w.modelValue, I = A.value.form, I?.addEventListener("reset", Qe), F = E.value.ownerDocument, F.addEventListener("pointerdown", $), F.addEventListener("focusin", $), F.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q);
+		}), ae(() => {
+			clearTimeout(R), I?.removeEventListener("reset", Qe), F.removeEventListener("pointerdown", $), F.removeEventListener("focusin", $), F.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
 		}), (e, i) => (h(), l("div", f({
 			ref_key: "root",
 			ref: E
 		}, {
 			...y(C),
-			id: y(Ne) ? void 0 : y(C).id
+			id: y(Pe) ? void 0 : y(C).id
 		}, { class: ["kima-select", {
-			"kima-select--open": F.value,
+			"kima-select--open": P.value,
 			"kima-select--disabled": t.disabled
 		}] }), [
 			u("div", {
 				ref_key: "control",
-				ref: O,
+				ref: Ie,
 				class: "kima-select__control",
 				"aria-disabled": t.disabled || void 0
 			}, [u("button", {
-				id: Pe,
+				id: Re,
 				ref_key: "trigger",
 				ref: D,
 				class: "kima-select__trigger",
 				type: "button",
 				role: "combobox",
 				disabled: t.disabled,
-				"aria-expanded": F.value,
-				"aria-controls": H,
+				"aria-expanded": P.value,
+				"aria-controls": V,
 				"aria-haspopup": "listbox",
-				"aria-label": Ie.value,
+				"aria-label": Be.value,
 				"aria-required": t.required || void 0,
-				"aria-activedescendant": t.searchable ? void 0 : He.value,
-				onClick: Ge,
-				onKeydown: Q
-			}, [u("span", { class: m(["kima-select__trigger-label", { "kima-select__trigger-label--placeholder": !q.value }]) }, v(q.value ? q.value.label : t.placeholder), 3), d(n, {
+				"aria-activedescendant": t.searchable ? void 0 : Ke.value,
+				onClick: Ye,
+				onKeydown: Z
+			}, [u("span", { class: m(["kima-select__trigger-label", { "kima-select__trigger-label--placeholder": !K.value }]) }, v(K.value ? K.value.label : t.placeholder), 3), d(n, {
 				class: "kima-select__arrow",
-				icon: y(pe),
+				icon: y(he),
 				size: 20,
 				"aria-hidden": "true"
-			}, null, 8, ["icon"])], 40, ve), d(o, f({ name: "kima-fade" }, y(r)), {
-				default: de(() => [t.clearable && q.value ? (h(), l("button", {
+			}, null, 8, ["icon"])], 40, be), d(o, f({ name: "kima-fade" }, y(r)), {
+				default: pe(() => [t.clearable && K.value ? (h(), l("button", {
 					key: 0,
 					class: "kima-select__clear",
 					type: "button",
 					"aria-label": "清除选择",
 					title: "清除选择",
 					disabled: t.disabled,
-					onClick: x(qe, ["stop"])
+					onClick: x(Ze, ["stop"])
 				}, [d(n, {
-					icon: y(me),
+					icon: y(ge),
 					size: 18,
 					"aria-hidden": "true"
-				}, null, 8, ["icon"])], 8, ye)) : c("", !0)]),
+				}, null, 8, ["icon"])], 8, xe)) : c("", !0)]),
 				_: 1
-			}, 16)], 8, _e),
-			fe(u("select", {
+			}, 16)], 8, ye),
+			me(u("select", {
 				ref_key: "nativeSelect",
 				ref: A,
-				"onUpdate:modelValue": i[0] ||= (e) => Ve.value = e,
-				id: Fe,
+				"onUpdate:modelValue": i[0] ||= (e) => Ge.value = e,
+				id: ze,
 				class: "kima-select__native",
 				name: t.name,
 				required: t.required,
@@ -255,71 +265,80 @@ var _e = ["aria-disabled"], ve = [
 				onInput: i[1] ||= x(() => {}, ["stop"]),
 				onChange: i[2] ||= x(() => {}, ["stop"]),
 				onInvalid: i[3] ||= x((e) => D.value?.focus(), ["prevent"])
-			}, [i[9] ||= u("option", { value: "" }, null, -1), (h(!0), l(a, null, _(G.value, (e, t) => (h(), l("option", {
+			}, [i[9] ||= u("option", { value: "" }, null, -1), (h(!0), l(a, null, _(W.value, (e, t) => (h(), l("option", {
 				key: t,
 				value: e.value,
 				disabled: e.disabled
-			}, v(e.label), 9, xe))), 128))], 40, be), [[le, Ve.value]]),
-			d(o, f({ name: "kima-popup" }, y(r)), {
-				default: de(() => [F.value ? (h(), l("div", Se, [
-					t.searchable ? (h(), l("div", Ce, [d(n, {
+			}, v(e.label), 9, Ce))), 128))], 40, Se), [[de, Ge.value]]),
+			(h(), te(ee, {
+				to: "body",
+				disabled: e.document === void 0
+			}, [d(o, f({ name: "kima-popup" }, y(r)), {
+				default: pe(() => [P.value ? (h(), l("div", {
+					key: 0,
+					ref_key: "popup",
+					ref: O,
+					class: "kima-select__popup",
+					style: ie(Fe.value)
+				}, [
+					t.searchable ? (h(), l("div", we, [d(n, {
 						class: "kima-select__search-icon",
-						icon: y(he),
+						icon: y(_e),
 						size: 18,
 						"aria-hidden": "true"
-					}, null, 8, ["icon"]), fe(u("input", {
+					}, null, 8, ["icon"]), me(u("input", {
 						ref_key: "searchInput",
 						ref: k,
-						"onUpdate:modelValue": i[4] ||= (e) => M.value = e,
+						"onUpdate:modelValue": i[4] ||= (e) => j.value = e,
 						class: "kima-select__search",
 						type: "search",
 						role: "combobox",
 						"aria-label": "搜索选项",
 						"aria-expanded": "true",
 						"aria-autocomplete": "list",
-						"aria-controls": H,
-						"aria-activedescendant": He.value,
+						"aria-controls": V,
+						"aria-activedescendant": Ke.value,
 						onInput: i[5] ||= x(() => {}, ["stop"]),
 						onChange: i[6] ||= x(() => {}, ["stop"]),
-						onKeydown: Q
-					}, null, 40, we), [[ue, M.value]])])) : c("", !0),
+						onKeydown: Z
+					}, null, 40, Te), [[fe, j.value]])])) : c("", !0),
 					u("div", {
-						id: H,
+						id: V,
 						class: "kima-select__options",
 						role: "listbox",
-						"aria-labelledby": Pe,
-						"aria-busy": y(U) || void 0
-					}, [y(U) ? (h(), l("div", Ee, "加载中…")) : y(W) ? (h(), l("div", De, [te(v(y(W)) + " ", 1), u("button", {
+						"aria-labelledby": Re,
+						"aria-busy": y(H) || void 0
+					}, [y(H) ? (h(), l("div", De, "加载中…")) : y(U) ? (h(), l("div", Oe, [ne(v(y(U)) + " ", 1), u("button", {
 						type: "button",
-						onClick: i[7] ||= (...e) => y(Be) && y(Be)(...e)
-					}, "重试")])) : c("", !0), (h(!0), l(a, null, _(K.value, (e, t) => (h(), l("div", {
-						id: `${H}-option-${t}`,
+						onClick: i[7] ||= (...e) => y(We) && y(We)(...e)
+					}, "重试")])) : c("", !0), (h(!0), l(a, null, _(G.value, (e, t) => (h(), l("div", {
+						id: `${V}-option-${t}`,
 						key: t,
 						ref_for: !0,
 						ref: (e) => {
-							j.value[t] = e;
+							Le.value[t] = e;
 						},
 						class: m(["kima-select__option", {
-							"kima-select__option--active": t === N.value,
-							"kima-select__option--selected": Object.is(e.value, P.value)
+							"kima-select__option--active": t === M.value,
+							"kima-select__option--selected": Object.is(e.value, N.value)
 						}]),
 						role: "option",
-						"aria-selected": Object.is(e.value, P.value),
+						"aria-selected": Object.is(e.value, N.value),
 						"aria-disabled": e.disabled || void 0,
 						onPointerdown: i[8] ||= x(() => {}, ["prevent"]),
-						onClick: (t) => Ke(e)
-					}, [u("span", ke, [u("span", Ae, v(e.label), 1), e.description ? (h(), l("span", je, v(e.description), 1)) : c("", !0)]), Object.is(e.value, P.value) ? (h(), ee(n, {
+						onClick: (t) => Xe(e)
+					}, [u("span", Ae, [u("span", je, v(e.label), 1), e.description ? (h(), l("span", Me, v(e.description), 1)) : c("", !0)]), Object.is(e.value, N.value) ? (h(), te(n, {
 						key: 0,
 						class: "kima-select__check",
-						icon: y(ge),
+						icon: y(ve),
 						size: 18,
 						"aria-hidden": "true"
-					}, null, 8, ["icon"])) : c("", !0)], 42, Oe))), 128))], 8, Te),
-					!y(U) && !y(W) && K.value.length === 0 ? (h(), l("div", Me, "没有匹配选项")) : c("", !0)
-				])) : c("", !0)]),
+					}, null, 8, ["icon"])) : c("", !0)], 42, ke))), 128))], 8, Ee),
+					!y(H) && !y(U) && G.value.length === 0 ? (h(), l("div", Ne, "没有匹配选项")) : c("", !0)
+				], 4)) : c("", !0)]),
 				_: 1
-			}, 16)
+			}, 16)], 8, ["disabled"]))
 		], 16));
 	}
-}), [["__scopeId", "data-v-5f151e50"]]);
+}), [["__scopeId", "data-v-f1632b10"]]);
 export { S as default };

package/dist/vue/components/display/list.ce.js

@@ -18,6 +18,14 @@ var x = { class: "kima-list__body" }, S = { key: 0 }, C = {
 			default: () => []
 		},
 		ordered: Boolean,
+		variant: {
+			type: String,
+			default: "default"
+		},
+		gap: {
+			type: [String, Number],
+			default: ""
+		},
 		label: {
 			type: String,
 			default: "列表"
@@ -45,7 +53,8 @@ var x = { class: "kima-list__body" }, S = { key: 0 }, C = {
 			...v(E),
 			id: v(O) ? void 0 : v(E).id
 		}, {
-			class: "kima-list",
+			class: ["kima-list", { "kima-list--plain": t.variant === "plain" }],
+			style: { "--kima-list-gap": typeof t.gap == "number" ? `${t.gap}px` : t.gap || void 0 },
 			"aria-label": t.label
 		}), {
 			default: b(() => [m(e.$slots, "default", {}, () => [l(i, u({ name: "kima-list" }, v(n)), {
@@ -62,7 +71,11 @@ var x = { class: "kima-list__body" }, S = { key: 0 }, C = {
 				_: 3
 			}, 16)], !0)]),
 			_: 3
-		}, 16, ["aria-label"]));
+		}, 16, [
+			"class",
+			"style",
+			"aria-label"
+		]));
 	}
-}), [["__scopeId", "data-v-db362eec"]]);
+}), [["__scopeId", "data-v-1c170b37"]]);
 export { T as default };

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

@@ -1,16 +1,18 @@
 import { useRipple as e } from "../../utils/ripple.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-import { useInputAttrs as n, useInputState as r } from "../../utils/input-state.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 i, computed as a, createElementBlock as o, createElementVNode as s, mergeProps as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, withModifiers as h } from "vue";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, withModifiers as y } from "vue";
+import { Tick01Icon as b } from "@hugeicons/core-free-icons";
 // src/components/input/radio-group.ce.vue
-var g = [
+var x = [
 	"aria-label",
 	"aria-required",
 	"aria-orientation",
 	"disabled",
 	"aria-disabled"
-], _ = [
+], S = [
 	"name",
 	"value",
 	"checked",
@@ -18,7 +20,7 @@ var g = [
 	"required",
 	"tabindex",
 	"onChange"
-], v = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+], C = { class: "kima-radio-group__copy" }, w = { key: 0 }, T = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "radio-group.ce",
 	props: {
 		modelValue: {
@@ -39,18 +41,18 @@ var g = [
 		}
 	},
 	emits: ["update:modelValue", "change"],
-	setup(t, { emit: v }) {
-		let y = t, b = v, x = d(null), { attrs: S, controlAttrs: C } = n(), w = a(() => y.options.map((e) => typeof e == "object" ? e : {
+	setup(t, { emit: T }) {
+		let E = t, D = T, O = m(null), { attrs: k, controlAttrs: A } = r(), j = o(() => E.options.map((e) => typeof e == "object" ? e : {
 			value: e,
 			label: String(e)
-		})), { local: T, update: E } = r(y, b, x);
-		e(x);
-		let D = a(() => {
-			let e = w.value.findIndex((e) => e.value === T.value && !e.disabled);
-			return e < 0 ? w.value.findIndex((e) => !e.disabled) : e;
+		})), { local: M, update: N } = i(E, D, O);
+		e(O);
+		let P = o(() => {
+			let e = j.value.findIndex((e) => e.value === M.value && !e.disabled);
+			return e < 0 ? j.value.findIndex((e) => !e.disabled) : e;
 		});
-		function O(e) {
-			if (y.disabled || ![
+		function F(e) {
+			if (E.disabled || ![
 				"ArrowRight",
 				"ArrowLeft",
 				"ArrowDown",
@@ -59,38 +61,56 @@ var g = [
 				"End"
 			].includes(e.key)) return;
 			e.preventDefault();
-			let t = [...x.value.querySelectorAll("input[type=\"radio\"]:not(:disabled)")];
+			let t = [...O.value.querySelectorAll("input[type=\"radio\"]:not(:disabled)")];
 			if (!t.length) return;
-			let n = getComputedStyle(x.value).direction === "rtl", r = e.key === "ArrowUp" || e.key === (n ? "ArrowRight" : "ArrowLeft"), i = t.indexOf(e.target), a = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (i + (r ? -1 : 1) + t.length) % t.length;
+			let n = getComputedStyle(O.value).direction === "rtl", r = e.key === "ArrowUp" || e.key === (n ? "ArrowRight" : "ArrowLeft"), i = t.indexOf(e.target), a = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : (i + (r ? -1 : 1) + t.length) % t.length;
 			t[a].focus(), t[a].click();
 		}
-		return (e, n) => (u(), o("fieldset", c({
+		return (e, r) => (p(), l("fieldset", d({
 			ref_key: "root",
-			ref: x
-		}, m(C), {
-			class: ["kima-radio-group", m(S).class],
-			style: m(S).style,
+			ref: O
+		}, v(A), {
+			class: ["kima-radio-group", v(k).class],
+			style: v(k).style,
 			role: "radiogroup",
-			"aria-label": m(C)["aria-label"] || t.label,
+			"aria-label": v(A)["aria-label"] || t.label,
 			"aria-required": t.required || void 0,
 			"aria-orientation": t.orientation,
 			disabled: t.disabled,
 			"aria-disabled": t.disabled || void 0,
-			onKeydown: O
-		}), [(u(!0), o(i, null, f(w.value, (e, r) => (u(), o("label", {
-			key: e.value,
-			class: l(["kima-radio-group__item", { "kima-radio-group__item--disabled": e.disabled }])
-		}, [s("input", {
+			onKeydown: F
+		}), [(p(!0), l(a, null, h(j.value, (i, a) => (p(), l("label", {
+			key: i.value,
+			class: f(["kima-radio-group__item", { "kima-radio-group__item--disabled": i.disabled }])
+		}, [u("input", {
 			type: "radio",
 			name: t.name,
-			value: e.value,
-			checked: m(T) === e.value,
-			disabled: t.disabled || e.disabled,
+			value: i.value,
+			checked: v(M) === i.value,
+			disabled: t.disabled || i.disabled,
 			required: t.required,
-			tabindex: r === D.value ? 0 : -1,
-			onInput: n[0] ||= h(() => {}, ["stop"]),
-			onChange: h((t) => m(E)(e.value), ["stop"])
-		}, null, 40, _), s("span", null, p(e.label), 1)], 2))), 128))], 16, g));
+			tabindex: a === P.value ? 0 : -1,
+			onInput: r[0] ||= y(() => {}, ["stop"]),
+			onChange: y((e) => v(N)(i.value), ["stop"])
+		}, null, 40, S), g(e.$slots, "option", {
+			item: i,
+			selected: v(M) === i.value,
+			disabled: t.disabled || i.disabled
+		}, () => [
+			i.icon ? (p(), s(n, {
+				key: 0,
+				icon: i.icon,
+				size: 20,
+				"aria-hidden": "true"
+			}, null, 8, ["icon"])) : c("", !0),
+			u("span", C, [u("span", null, _(i.label), 1), i.description ? (p(), l("small", w, _(i.description), 1)) : c("", !0)]),
+			v(M) === i.value ? (p(), s(n, {
+				key: 1,
+				icon: v(b),
+				size: 18,
+				"aria-hidden": "true"
+			}, null, 8, ["icon"])) : c("", !0)
+		], !0)], 2))), 128))], 16, x));
 	}
-}), [["__scopeId", "data-v-30add112"]]);
-export { v as default };
+}), [["__scopeId", "data-v-fe3edf34"]]);
+export { T as default };