@guoyg578/k-ui 0.1.0 → 0.1.1

package/dist/components/KProgress.vue_vue_type_script_setup_true_lang.js

@@ -37,7 +37,8 @@ var h = {
 			type: Boolean,
 			default: !1
 		},
-		strokeWidth: {}
+		strokeWidth: {},
+		height: {}
 	},
 	setup(o) {
 		let b = o, x = e(() => b.indeterminate ? 0 : Math.min(100, Math.max(0, b.value / b.max * 100))), S = {
@@ -45,19 +46,20 @@ var h = {
 			success: "#10b981",
 			warning: "#d97706",
 			error: "#dc2626"
-		}, C = e(() => S[b.color]), w = e(() => {
+		}, C = e(() => S[b.color] ?? b.color), w = e(() => ({ height: b.height === void 0 ? void 0 : typeof b.height == "number" ? `${b.height}px` : b.height })), T = e(() => {
 			let e = b.size === "sm" ? 36 : b.size === "lg" ? 72 : 56, t = b.strokeWidth ?? (b.size === "sm" ? 4 : b.size === "lg" ? 7 : 5);
 			return {
 				size: e,
 				sw: t,
 				r: (e - t) / 2
 			};
-		}), T = e(() => 2 * Math.PI * w.value.r), E = e(() => T.value * (1 - x.value / 100));
+		}), E = e(() => 2 * Math.PI * T.value.r), D = e(() => E.value * (1 - x.value / 100));
 		return (e, b) => o.type === "line" ? (l(), t(d(m), {
 			key: 0,
 			"model-value": o.indeterminate ? null : o.value,
 			max: o.max,
-			class: s(["k-prog", [`k-prog--${o.size}`, { "k-prog--indeterminate": o.indeterminate }]])
+			class: s(["k-prog", [`k-prog--${o.size}`, { "k-prog--indeterminate": o.indeterminate }]]),
+			style: c(w.value)
 		}, {
 			default: f(() => [a(d(p), {
 				class: "k-prog__bar",
@@ -70,36 +72,37 @@ var h = {
 		}, 8, [
 			"model-value",
 			"max",
-			"class"
+			"class",
+			"style"
 		])) : (l(), r("div", {
 			key: 1,
 			class: "k-prog-circle",
 			style: c({
-				width: w.value.size + "px",
-				height: w.value.size + "px"
+				width: T.value.size + "px",
+				height: T.value.size + "px"
 			})
 		}, [(l(), r("svg", {
-			width: w.value.size,
-			height: w.value.size,
+			width: T.value.size,
+			height: T.value.size,
 			class: s({ "k-prog-circle--spin": o.indeterminate })
 		}, [i("circle", {
-			cx: w.value.size / 2,
-			cy: w.value.size / 2,
-			r: w.value.r,
-			"stroke-width": w.value.sw,
+			cx: T.value.size / 2,
+			cy: T.value.size / 2,
+			r: T.value.r,
+			"stroke-width": T.value.sw,
 			stroke: "var(--color-ink-100)",
 			fill: "none"
 		}, null, 8, _), i("circle", {
-			cx: w.value.size / 2,
-			cy: w.value.size / 2,
-			r: w.value.r,
-			"stroke-width": w.value.sw,
+			cx: T.value.size / 2,
+			cy: T.value.size / 2,
+			r: T.value.r,
+			"stroke-width": T.value.sw,
 			stroke: C.value,
-			"stroke-dasharray": o.indeterminate ? `${T.value * .3} ${T.value}` : T.value,
-			"stroke-dashoffset": o.indeterminate ? 0 : E.value,
+			"stroke-dasharray": o.indeterminate ? `${E.value * .3} ${E.value}` : E.value,
+			"stroke-dashoffset": o.indeterminate ? 0 : D.value,
 			fill: "none",
 			"stroke-linecap": "round",
-			transform: `rotate(-90 ${w.value.size / 2} ${w.value.size / 2})`,
+			transform: `rotate(-90 ${T.value.size / 2} ${T.value.size / 2})`,
 			class: "k-prog-circle__indicator"
 		}, null, 8, v)], 10, g)), o.showText && !o.indeterminate ? (l(), r("span", y, u(Math.round(x.value)) + "% ", 1)) : n("", !0)], 4));
 	}

package/dist/components/{KRadio.js → KRadio.vue.js}

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KRadio.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                       */
+/* empty css                                                           */
 //#region components/KRadio.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-47a8aaeb"]]);
 //#endregion

package/dist/components/{KRadioGroup.js → KRadioGroup.vue.js}

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KRadioGroup.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                            */
+/* empty css                                                                */
 //#region components/KRadioGroup.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-f6d3b657"]]);
 //#endregion

package/dist/components/{KResizablePanel.js → KResizablePanel.vue.js}

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KResizablePanel.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                                */
+/* empty css                                                                    */
 //#region components/KResizablePanel.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-d820b958"]]);
 //#endregion

package/dist/components/{KResult.js → KResult.vue.js}

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KResult.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                        */
+/* empty css                                                            */
 //#region components/KResult.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-3e113a12"]]);
 //#endregion

package/dist/components/KSelect.vue.d.ts

@@ -1,22 +1,29 @@
 interface Option {
-    value: string;
+    value: string | number;
     label: string;
     hint?: string;
+    disabled?: boolean;
 }
 type __VLS_Props = {
     modelValue: string | number | null | undefined;
     options: Option[];
     placeholder?: string;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
     disabled?: boolean;
+    clearable?: boolean;
+    filterable?: boolean;
+    filterPlaceholder?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: string | number) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
+    clearable: boolean;
+    filterable: boolean;
+    filterPlaceholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/{KSelect.js → KSelect.vue.js}

@@ -1,9 +1,9 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KSelect.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                        */
-/* empty css                                                      */
-/* empty css                                        */
+/* empty css                                                            */
+/* empty css                                                          */
+/* empty css                                            */
 //#region components/KSelect.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-dd228d42"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-b8c18845"]]);
 //#endregion
 export { n as default };

package/dist/components/KSelect.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,17 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
-import { Check as h, ChevronDown as g } from "lucide-vue-next";
-import { SelectContent as _, SelectIcon as v, SelectItem as y, SelectItemIndicator as b, SelectItemText as x, SelectPortal as S, SelectRoot as C, SelectTrigger as w, SelectValue as T, SelectViewport as E } from "reka-ui";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, vModelText as h, withCtx as g, withDirectives as _, withModifiers as v } from "vue";
+import { Check as y, ChevronDown as b, X as x } from "lucide-vue-next";
+import { SelectContent as S, SelectIcon as C, SelectItem as w, SelectItemIndicator as T, SelectItemText as E, SelectPortal as D, SelectRoot as O, SelectTrigger as k, SelectValue as A, SelectViewport as j } from "reka-ui";
 //#region components/KSelect.vue?vue&type=script&setup=true&lang.ts
-var D = {
+var M = {
+	key: 0,
+	class: "k-select-search"
+}, N = ["placeholder"], P = {
 	key: 0,
 	class: "k-select-hint"
-}, O = /* @__PURE__ */ s({
+}, F = {
+	key: 0,
+	class: "k-select-empty"
+}, I = /* @__PURE__ */ c({
 	__name: "KSelect",
 	props: {
 		modelValue: {},
@@ -15,73 +21,108 @@ var D = {
 		disabled: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		filterable: {
+			type: Boolean,
+			default: !1
+		},
+		filterPlaceholder: { default: "搜索" }
 	},
 	emits: ["update:modelValue"],
-	setup(s, { emit: O }) {
-		let k = s, A = O, j = t(() => k.modelValue == null || k.modelValue === "" ? "__none__" : String(k.modelValue));
-		function M(e) {
+	setup(c, { emit: I }) {
+		let L = c, R = I, z = t(() => L.modelValue == null || L.modelValue === "" ? "__none__" : String(L.modelValue)), B = t(() => L.size === "tiny" || L.size === "xs" || L.size === "small" || L.size === "sm" ? "sm" : L.size === "large" || L.size === "lg" ? "lg" : "md");
+		function V(e) {
 			let t = e === "__none__" ? "" : e ?? "";
-			typeof k.modelValue == "number" && t !== "" && /^-?\d+(\.\d+)?$/.test(t) ? A("update:modelValue", Number(t)) : A("update:modelValue", t);
+			typeof L.modelValue == "number" && t !== "" && /^-?\d+(\.\d+)?$/.test(t) ? R("update:modelValue", Number(t)) : R("update:modelValue", t);
 		}
-		let N = t(() => {
-			let e = k.modelValue == null ? "" : String(k.modelValue);
-			return k.options.find((t) => t.value === e)?.label ?? k.placeholder ?? "请选择";
-		}), P = t(() => k.options.some((e) => e.value === "") ? k.options.map((e) => e.value === "" ? {
+		let H = t(() => {
+			let e = L.modelValue == null ? "" : String(L.modelValue);
+			return L.options.find((t) => String(t.value) === e)?.label ?? L.placeholder ?? "请选择";
+		}), U = d(""), W = t(() => {
+			let e = U.value.trim().toLowerCase();
+			return !L.filterable || !e ? L.options : L.options.filter((t) => `${t.label} ${t.value} ${t.hint ?? ""}`.toLowerCase().includes(e));
+		}), G = t(() => W.value.some((e) => e.value === "") ? W.value.map((e) => e.value === "" ? {
 			...e,
 			value: "__none__"
-		} : e) : k.options), F = u(!1);
-		function I() {
-			F.value = !1;
+		} : e) : W.value), K = d(!1);
+		function q() {
+			K.value = !1, U.value = "";
+		}
+		function J() {
+			K.value = !0;
 		}
-		function L() {
-			F.value = !0;
+		function Y(e) {
+			e.preventDefault(), e.stopPropagation(), R("update:modelValue", "");
 		}
-		return (t, u) => (l(), n(p(C), {
-			"model-value": j.value,
-			disabled: s.disabled,
-			"onUpdate:open": I,
-			"onUpdate:modelValue": u[0] ||= (e) => M(e)
+		let X = t(() => L.clearable && !L.disabled && L.modelValue !== null && L.modelValue !== void 0 && L.modelValue !== "");
+		return (t, d) => (u(), n(m(O), {
+			"model-value": z.value,
+			disabled: c.disabled,
+			"onUpdate:open": q,
+			"onUpdate:modelValue": d[4] ||= (e) => V(e)
 		}, {
-			default: m(() => [o(p(w), { class: c(["k-select-trigger", [`k-select-trigger--${s.size}`, { "k-select-trigger--disabled": s.disabled }]]) }, {
-				default: m(() => [o(p(T), null, {
-					default: m(() => [a(f(N.value), 1)]),
-					_: 1
-				}), o(p(v), { class: "k-select-icon" }, {
-					default: m(() => [o(p(g), { size: 14 })]),
-					_: 1
-				})]),
+			default: g(() => [s(m(k), { class: l(["k-select-trigger", [`k-select-trigger--${B.value}`, { "k-select-trigger--disabled": c.disabled }]]) }, {
+				default: g(() => [
+					s(m(A), null, {
+						default: g(() => [o(p(H.value), 1)]),
+						_: 1
+					}),
+					X.value ? (u(), i("span", {
+						key: 0,
+						role: "button",
+						class: "k-select-clear",
+						tabindex: "-1",
+						"aria-label": "清空",
+						onPointerdown: d[0] ||= v(() => {}, ["stop", "prevent"]),
+						onClick: Y
+					}, [s(m(x), { size: 11 })], 32)) : r("", !0),
+					s(m(C), { class: "k-select-icon" }, {
+						default: g(() => [s(m(b), { size: 14 })]),
+						_: 1
+					})
+				]),
 				_: 1
-			}, 8, ["class"]), o(p(S), null, {
-				default: m(() => [o(p(_), {
-					class: c(["k-select-content k-menu-surface", { "k-select-content--navigating": F.value }]),
+			}, 8, ["class"]), s(m(D), null, {
+				default: g(() => [s(m(S), {
+					class: l(["k-select-content k-menu-surface", { "k-select-content--navigating": K.value }]),
 					position: "popper",
 					"side-offset": 6,
 					align: "start",
 					"body-lock": !1,
 					"disable-outside-pointer-events": !1,
-					onPointermove: L,
-					onKeydown: L
+					onPointermove: J,
+					onKeydown: J
 				}, {
-					default: m(() => [o(p(E), { class: "k-select-viewport" }, {
-						default: m(() => [(l(!0), i(e, null, d(P.value, (e) => (l(), n(p(y), {
+					default: g(() => [c.filterable ? (u(), i("div", M, [_(a("input", {
+						"onUpdate:modelValue": d[1] ||= (e) => U.value = e,
+						class: "k-select-search__input",
+						placeholder: c.filterPlaceholder,
+						onKeydown: d[2] ||= v(() => {}, ["stop"]),
+						onPointerdown: d[3] ||= v(() => {}, ["stop"])
+					}, null, 40, N), [[h, U.value]])])) : r("", !0), s(m(j), { class: "k-select-viewport" }, {
+						default: g(() => [(u(!0), i(e, null, f(G.value, (e) => (u(), n(m(w), {
 							key: e.value,
-							value: e.value,
+							value: String(e.value),
+							disabled: e.disabled,
 							class: "k-select-item k-menu-item"
 						}, {
-							default: m(() => [
-								o(p(b), { class: "k-select-indicator" }, {
-									default: m(() => [o(p(h), { size: 12 })]),
+							default: g(() => [
+								s(m(T), { class: "k-select-indicator" }, {
+									default: g(() => [s(m(y), { size: 12 })]),
 									_: 1
 								}),
-								o(p(x), null, {
-									default: m(() => [a(f(e.label), 1)]),
+								s(m(E), null, {
+									default: g(() => [o(p(e.label), 1)]),
 									_: 2
 								}, 1024),
-								e.hint ? (l(), i("span", D, f(e.hint), 1)) : r("", !0)
+								e.hint ? (u(), i("span", P, p(e.hint), 1)) : r("", !0)
 							]),
 							_: 2
-						}, 1032, ["value"]))), 128))]),
+						}, 1032, ["value", "disabled"]))), 128)), G.value.length === 0 ? (u(), i("div", F, " 无匹配项 ")) : r("", !0)]),
 						_: 1
 					})]),
 					_: 1
@@ -93,4 +134,4 @@ var D = {
 	}
 });
 //#endregion
-export { O as default };
+export { I as default };

package/dist/components/{KSkeleton.js → KSkeleton.vue.js}

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KSkeleton.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                          */
+/* empty css                                                              */
 //#region components/KSkeleton.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-6d46b4b4"]]);
 //#endregion

package/dist/components/KSlider.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    modelValue?: number | [number, number];
+    min?: number;
+    max?: number;
+    step?: number;
+    range?: boolean;
+    disabled?: boolean;
+    showTooltip?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: number | [number, number]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: number | [number, number]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    max: number;
+    min: number;
+    modelValue: number | [number, number];
+    range: boolean;
+    step: number;
+    showTooltip: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KSlider.vue.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./KSlider.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                            */
+//#region components/KSlider.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-40d1535e"]]);
+//#endregion
+export { n as default };

package/dist/components/KSlider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,82 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, toDisplayString as c } from "vue";
+//#region components/KSlider.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "k-slider__rail" }, u = [
+	"min",
+	"max",
+	"step",
+	"value",
+	"disabled"
+], d = [
+	"min",
+	"max",
+	"step",
+	"value",
+	"disabled"
+], f = {
+	key: 1,
+	class: "k-slider__value"
+}, p = /* @__PURE__ */ i({
+	__name: "KSlider",
+	props: {
+		modelValue: { default: 0 },
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		range: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showTooltip: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: p }) {
+		let m = i, h = p, g = e(() => Array.isArray(m.modelValue) ? [m.modelValue[0], m.modelValue[1]] : [m.min, Number(m.modelValue ?? m.min)]), _ = e(() => Math.min(g.value[0], g.value[1])), v = e(() => Math.max(g.value[0], g.value[1])), y = e(() => (_.value - m.min) / (m.max - m.min) * 100), b = e(() => (v.value - m.min) / (m.max - m.min) * 100), x = e(() => ({
+			left: `${m.range ? y.value : 0}%`,
+			width: `${m.range ? b.value - y.value : b.value}%`
+		}));
+		function S(e) {
+			h("update:modelValue", Number(e));
+		}
+		function C(e, t) {
+			let n = [...g.value];
+			n[e] = Number(t), h("update:modelValue", [Math.min(n[0], n[1]), Math.max(n[0], n[1])]);
+		}
+		return (e, p) => (s(), n("div", { class: a(["k-slider", { "k-slider--disabled": i.disabled }]) }, [
+			r("div", l, [r("div", {
+				class: "k-slider__fill",
+				style: o(x.value)
+			}, null, 4)]),
+			i.range ? (s(), n("input", {
+				key: 0,
+				type: "range",
+				class: "k-slider__input",
+				min: i.min,
+				max: i.max,
+				step: i.step,
+				value: g.value[0],
+				disabled: i.disabled,
+				onInput: p[0] ||= (e) => C(0, e.target.value)
+			}, null, 40, u)) : t("", !0),
+			r("input", {
+				type: "range",
+				class: "k-slider__input",
+				min: i.min,
+				max: i.max,
+				step: i.step,
+				value: i.range ? g.value[1] : i.modelValue,
+				disabled: i.disabled,
+				onInput: p[1] ||= (e) => i.range ? C(1, e.target.value) : S(e.target.value)
+			}, null, 40, d),
+			i.showTooltip ? (s(), n("div", f, c(i.range ? `${_.value} - ${v.value}` : i.modelValue), 1)) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/KSpin.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    show?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | number;
+    label?: string;
+    overlay?: boolean;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | number;
+    show: boolean;
+    overlay: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/KSpin.vue.js

@@ -0,0 +1,7 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./KSpin.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
+//#region components/KSpin.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-2e3fcfe6"]]);
+//#endregion
+export { n as default };

package/dist/components/KSpin.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, createTextVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l, unref as u } from "vue";
+import { Loader2 as d } from "lucide-vue-next";
+//#region components/KSpin.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	key: 0,
+	class: "k-spin__label"
+}, p = /* @__PURE__ */ a({
+	__name: "KSpin",
+	props: {
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "md" },
+		label: {},
+		overlay: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let p = a, m = e(() => typeof p.size == "number" ? p.size : p.size === "xs" ? 14 : p.size === "sm" ? 16 : p.size === "lg" ? 28 : 20);
+		return (e, p) => a.show ? (s(), n("span", {
+			key: 0,
+			class: o(["k-spin", { "k-spin--overlay": a.overlay }]),
+			role: "status",
+			"aria-live": "polite"
+		}, [i(u(d), {
+			class: "k-spin__icon",
+			size: m.value
+		}, null, 8, ["size"]), a.label || e.$slots.default ? (s(), n("span", f, [c(e.$slots, "default", {}, () => [r(l(a.label), 1)], !0)])) : t("", !0)], 2)) : t("", !0);
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/KSteps.vue.d.ts

@@ -13,8 +13,8 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "sm" | "md";
     direction: "horizontal" | "vertical";
-    current: number;
     status: "process" | "finish" | "error";
+    current: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/{KSteps.js → KSteps.vue.js}

@@ -1,6 +1,6 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KSteps.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                       */
+/* empty css                                                           */
 //#region components/KSteps.vue
 var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-c4a83d5d"]]);
 //#endregion

package/dist/components/KSwitch.vue.d.ts

@@ -1,6 +1,6 @@
 type __VLS_Props = {
     modelValue?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
     disabled?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
 }>, {
-    size: "sm" | "md" | "lg";
+    size: "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/{KSwitch.js → KSwitch.vue.js}

@@ -1,7 +1,7 @@
 import e from "../_virtual/_plugin-vue_export-helper.js";
 import t from "./KSwitch.vue_vue_type_script_setup_true_lang.js";
-/* empty css                                                        */
+/* empty css                                                            */
 //#region components/KSwitch.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-f93f1253"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-da80d372"]]);
 //#endregion
 export { n as default };

package/dist/components/KSwitch.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import { createBlock as e, createVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, unref as a, withCtx as o } from "vue";
-import { SwitchRoot as s, SwitchThumb as c } from "reka-ui";
+import { computed as e, createBlock as t, createVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o, withCtx as s } from "vue";
+import { SwitchRoot as c, SwitchThumb as l } from "reka-ui";
 //#region components/KSwitch.vue?vue&type=script&setup=true&lang.ts
-var l = /* @__PURE__ */ n({
+var u = /* @__PURE__ */ r({
 	__name: "KSwitch",
 	props: {
 		modelValue: {
@@ -15,14 +15,15 @@ var l = /* @__PURE__ */ n({
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(n) {
-		return (l, u) => (i(), e(a(s), {
-			"model-value": n.modelValue,
-			disabled: n.disabled,
-			class: r(["k-switch", [`k-switch--${n.size}`, { "k-switch--disabled": n.disabled }]]),
-			"onUpdate:modelValue": u[0] ||= (e) => l.$emit("update:modelValue", e)
+	setup(r) {
+		let u = r, d = e(() => u.size === "small" || u.size === "sm" ? "sm" : u.size === "large" || u.size === "lg" ? "lg" : "md");
+		return (e, u) => (a(), t(o(c), {
+			"model-value": r.modelValue,
+			disabled: r.disabled,
+			class: i(["k-switch", [`k-switch--${d.value}`, { "k-switch--disabled": r.disabled }]]),
+			"onUpdate:modelValue": u[0] ||= (t) => e.$emit("update:modelValue", t)
 		}, {
-			default: o(() => [t(a(c), { class: "k-switch__thumb" })]),
+			default: s(() => [n(o(l), { class: "k-switch__thumb" })]),
 			_: 1
 		}, 8, [
 			"model-value",
@@ -32,4 +33,4 @@ var l = /* @__PURE__ */ n({
 	}
 });
 //#endregion
-export { l as default };
+export { u as default };