@guoyg578/k-ui 0.1.0 → 0.1.2

package/dist/components/KRate.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,77 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderList as u, unref as d } from "vue";
+import { Star as f } from "lucide-vue-next";
+//#region components/KRate.vue?vue&type=script&setup=true&lang.ts
+var p = ["onMousemove", "onClick"], m = /* @__PURE__ */ a({
+	__name: "KRate",
+	props: {
+		modelValue: { default: 0 },
+		count: { default: 5 },
+		allowHalf: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: 22 },
+		color: { default: "#f59e0b" },
+		clearable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: m }) {
+		let h = a, g = m, _ = l(null), v = t(() => _.value ?? h.modelValue);
+		function y(e) {
+			let t = v.value;
+			return t >= e ? "full" : h.allowHalf && t >= e - .5 ? "half" : "empty";
+		}
+		function b(e, t) {
+			if (!h.allowHalf) return e;
+			let n = t.currentTarget.getBoundingClientRect();
+			return t.clientX - n.left < n.width / 2 ? e - .5 : e;
+		}
+		function x(e, t) {
+			h.readonly || (_.value = b(e, t));
+		}
+		function S() {
+			_.value = null;
+		}
+		function C(e, t) {
+			if (h.readonly) return;
+			let n = b(e, t);
+			h.clearable && h.modelValue === n && (n = 0), g("update:modelValue", n);
+		}
+		return (t, l) => (c(), n("div", {
+			class: o(["k-rate", { "k-rate--readonly": a.readonly }]),
+			onMouseleave: S
+		}, [(c(!0), n(e, null, u(a.count, (e) => (c(), n("span", {
+			key: e,
+			class: "k-rate__star",
+			style: s({
+				width: `${a.size}px`,
+				height: `${a.size}px`
+			}),
+			onMousemove: (t) => x(e, t),
+			onClick: (t) => C(e, t)
+		}, [i(d(f), {
+			size: a.size,
+			class: "k-rate__bg"
+		}, null, 8, ["size"]), r("span", {
+			class: "k-rate__fill",
+			style: s({ width: y(e) === "full" ? "100%" : y(e) === "half" ? "50%" : "0%" })
+		}, [i(d(f), {
+			size: a.size,
+			fill: a.color,
+			color: a.color
+		}, null, 8, [
+			"size",
+			"fill",
+			"color"
+		])], 4)], 44, p))), 128))], 34));
+	}
+});
+//#endregion
+export { m as default };

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/KSpace.vue.d.ts

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    /** 间距：数字(px) / 档位 / [水平, 垂直] */
+    size?: number | 'small' | 'medium' | 'large' | [number, number];
+    /** 纵向排列 */
+    vertical?: boolean;
+    /** 交叉轴对齐 */
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    /** 主轴对齐 */
+    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
+    /** 是否换行（纵向时强制不换行） */
+    wrap?: boolean;
+    /** 行内显示 */
+    inline?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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: number | "small" | "medium" | "large" | [number, number];
+    vertical: boolean;
+    inline: boolean;
+    wrap: 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/KSpace.vue.js

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

package/dist/components/KSpace.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o } from "vue";
+//#region components/KSpace.vue?vue&type=script&setup=true&lang.ts
+var s = /* @__PURE__ */ n({
+	__name: "KSpace",
+	props: {
+		size: { default: "medium" },
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		align: {},
+		justify: {},
+		wrap: {
+			type: Boolean,
+			default: !0
+		},
+		inline: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n) {
+		let s = {
+			small: 8,
+			medium: 12,
+			large: 16
+		}, c = n, l = e(() => {
+			let e = c.size;
+			return Array.isArray(e) ? `${e[1]}px ${e[0]}px` : `${typeof e == "number" ? e : s[e]}px`;
+		}), u = e(() => {
+			let e = c.align;
+			if (e) return e === "start" || e === "end" ? `flex-${e}` : e;
+		}), d = e(() => {
+			let e = c.justify;
+			if (e) return e === "start" || e === "end" ? `flex-${e}` : e;
+		});
+		return (e, s) => (a(), t("div", {
+			class: r(["k-space", {
+				"k-space--inline": n.inline,
+				"k-space--nowrap": n.vertical || !n.wrap
+			}]),
+			style: i({
+				gap: l.value,
+				flexDirection: n.vertical ? "column" : "row",
+				alignItems: u.value,
+				justifyContent: d.value
+			})
+		}, [o(e.$slots, "default", {}, void 0, !0)], 6));
+	}
+});
+//#endregion
+export { s 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/KStatistic.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    label?: string;
+    value?: string | number;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    prefix?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    suffix?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/KStatistic.vue.js

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