@guoyg578/k-ui 0.1.0

package/dist/components/KResizablePanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, onBeforeUnmount as o, openBlock as s, ref as c, renderSlot as l } from "vue";
+//#region components/KResizablePanel.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "k-resize__panel k-resize__panel--b" }, d = /* @__PURE__ */ r({
+	__name: "KResizablePanel",
+	props: {
+		direction: { default: "horizontal" },
+		defaultSize: { default: 50 },
+		asPercent: {
+			type: Boolean,
+			default: !0
+		},
+		min: { default: 10 },
+		max: { default: 90 }
+	},
+	setup(r) {
+		let d = r, f = c(d.defaultSize), p = c(!1), m = c(null);
+		function h(e) {
+			e.preventDefault(), p.value = !0, document.addEventListener("mousemove", g), document.addEventListener("mouseup", _), document.body.style.userSelect = "none", document.body.style.cursor = d.direction === "horizontal" ? "col-resize" : "row-resize";
+		}
+		function g(e) {
+			if (!p.value || !m.value) return;
+			let t = m.value.getBoundingClientRect();
+			if (d.direction === "horizontal") {
+				let n = e.clientX - t.left, r = t.width, i = d.asPercent ? n / r * 100 : n;
+				i = Math.max(d.min, Math.min(d.max, i)), f.value = i;
+			} else {
+				let n = e.clientY - t.top, r = t.height, i = d.asPercent ? n / r * 100 : n;
+				i = Math.max(d.min, Math.min(d.max, i)), f.value = i;
+			}
+		}
+		function _() {
+			p.value = !1, document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", _), document.body.style.userSelect = "", document.body.style.cursor = "";
+		}
+		o(_);
+		let v = e(() => {
+			let e = d.asPercent ? `${f.value}%` : `${f.value}px`;
+			return d.direction === "horizontal" ? { width: e } : { height: e };
+		});
+		return (e, o) => (s(), t("div", {
+			ref_key: "containerRef",
+			ref: m,
+			class: i(["k-resize", [`k-resize--${r.direction}`, { "k-resize--dragging": p.value }]])
+		}, [
+			n("div", {
+				class: "k-resize__panel k-resize__panel--a",
+				style: a(v.value)
+			}, [l(e.$slots, "a", {}, void 0, !0)], 4),
+			n("div", {
+				class: "k-resize__handle",
+				onMousedown: h
+			}, [...o[0] ||= [n("div", { class: "k-resize__handle-grip" }, null, -1)]], 32),
+			n("div", u, [l(e.$slots, "b", {}, void 0, !0)])
+		], 2));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/KResult.js

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

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

@@ -0,0 +1,29 @@
+import type { Component } from 'vue';
+type ResultType = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500';
+type __VLS_Props = {
+    type?: ResultType;
+    title?: string;
+    description?: string;
+    icon?: Component;
+};
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_8) => any;
+} & {
+    description?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: ResultType;
+}, {}, {}, {}, 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/KResult.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,82 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, toDisplayString as d } from "vue";
+import { AlertTriangle as f, CheckCircle2 as p, FileQuestion as m, Info as h, ServerCrash as g, ShieldX as _, XCircle as v } from "lucide-vue-next";
+//#region components/KResult.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "k-result" }, b = { class: "k-result__title" }, x = {
+	key: 0,
+	class: "k-result__desc"
+}, S = {
+	key: 1,
+	class: "k-result__extra"
+}, C = /* @__PURE__ */ o({
+	__name: "KResult",
+	props: {
+		type: { default: "info" },
+		title: {},
+		description: {},
+		icon: {}
+	},
+	setup(o) {
+		let C = o, w = {
+			success: {
+				icon: p,
+				color: "#10b981",
+				bg: "#ecfdf5"
+			},
+			error: {
+				icon: v,
+				color: "#dc2626",
+				bg: "#fef2f2"
+			},
+			warning: {
+				icon: f,
+				color: "#d97706",
+				bg: "#fffbeb"
+			},
+			info: {
+				icon: h,
+				color: "#0c78e4",
+				bg: "#e8f1fb"
+			},
+			404: {
+				icon: m,
+				color: "#0c78e4",
+				bg: "#e8f1fb"
+			},
+			403: {
+				icon: _,
+				color: "#dc2626",
+				bg: "#fef2f2"
+			},
+			500: {
+				icon: g,
+				color: "#dc2626",
+				bg: "#fef2f2"
+			}
+		}, T = e(() => w[C.type]), E = {
+			success: "操作成功",
+			error: "操作失败",
+			warning: "请注意",
+			info: "提示",
+			404: "页面不存在",
+			403: "无权访问",
+			500: "服务器错误"
+		};
+		return (e, f) => (c(), r("div", y, [
+			i("div", {
+				class: "k-result__icon-wrap",
+				style: s({
+					background: T.value.bg,
+					color: T.value.color
+				})
+			}, [l(e.$slots, "icon", {}, () => [(c(), t(u(o.icon || T.value.icon), {
+				size: 44,
+				"stroke-width": 1.5
+			}))], !0)], 4),
+			i("h2", b, [l(e.$slots, "title", {}, () => [a(d(o.title || E[o.type]), 1)], !0)]),
+			o.description || e.$slots.description ? (c(), r("p", x, [l(e.$slots, "description", {}, () => [a(d(o.description), 1)], !0)])) : n("", !0),
+			e.$slots.default ? (c(), r("div", S, [l(e.$slots, "default", {}, void 0, !0)])) : n("", !0)
+		]));
+	}
+});
+//#endregion
+export { C as default };

package/dist/components/KSearchBar.js

@@ -0,0 +1,5 @@
+import e from "./KSearchBar.vue_vue_type_script_setup_true_lang.js";
+//#region components/KSearchBar.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    modelValue: string;
+    placeholder?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KSearchBar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, openBlock as a, unref as o } from "vue";
+import { Search as s, X as c } from "lucide-vue-next";
+//#region components/KSearchBar.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "relative w-full max-w-md sm:w-72" }, u = ["value", "placeholder"], d = /* @__PURE__ */ i({
+	__name: "KSearchBar",
+	props: {
+		modelValue: {},
+		placeholder: {}
+	},
+	emits: ["update:modelValue"],
+	setup(i) {
+		return (d, f) => (a(), t("div", l, [
+			r(o(s), {
+				"stroke-width": 1.75,
+				class: "pointer-events-none absolute left-3.5 top-1/2 size-4 -translate-y-1/2 text-ink-400"
+			}),
+			n("input", {
+				value: i.modelValue,
+				type: "text",
+				placeholder: i.placeholder ?? "搜索",
+				class: "k-input pl-10 pr-10",
+				onInput: f[0] ||= (e) => d.$emit("update:modelValue", e.target.value)
+			}, null, 40, u),
+			i.modelValue ? (a(), t("button", {
+				key: 0,
+				type: "button",
+				class: "absolute right-2.5 top-1/2 grid size-6 -translate-y-1/2 place-items-center rounded text-ink-400 transition-colors hover:bg-ink-100 hover:text-ink-700",
+				title: "清空搜索",
+				onClick: f[1] ||= (e) => d.$emit("update:modelValue", "")
+			}, [r(o(c), {
+				"stroke-width": 1.75,
+				class: "size-3.5"
+			})])) : e("", !0)
+		]));
+	}
+});
+//#endregion
+export { d as default };

package/dist/components/KSelect.js

@@ -0,0 +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                                        */
+//#region components/KSelect.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-dd228d42"]]);
+//#endregion
+export { n as default };

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

@@ -0,0 +1,22 @@
+interface Option {
+    value: string;
+    label: string;
+    hint?: string;
+}
+type __VLS_Props = {
+    modelValue: string | number | null | undefined;
+    options: Option[];
+    placeholder?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+};
+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";
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+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";
+//#region components/KSelect.vue?vue&type=script&setup=true&lang.ts
+var D = {
+	key: 0,
+	class: "k-select-hint"
+}, O = /* @__PURE__ */ s({
+	__name: "KSelect",
+	props: {
+		modelValue: {},
+		options: {},
+		placeholder: {},
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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) {
+			let t = e === "__none__" ? "" : e ?? "";
+			typeof k.modelValue == "number" && t !== "" && /^-?\d+(\.\d+)?$/.test(t) ? A("update:modelValue", Number(t)) : A("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 === "" ? {
+			...e,
+			value: "__none__"
+		} : e) : k.options), F = u(!1);
+		function I() {
+			F.value = !1;
+		}
+		function L() {
+			F.value = !0;
+		}
+		return (t, u) => (l(), n(p(C), {
+			"model-value": j.value,
+			disabled: s.disabled,
+			"onUpdate:open": I,
+			"onUpdate:modelValue": u[0] ||= (e) => M(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
+				})]),
+				_: 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 }]),
+					position: "popper",
+					"side-offset": 6,
+					align: "start",
+					"body-lock": !1,
+					"disable-outside-pointer-events": !1,
+					onPointermove: L,
+					onKeydown: L
+				}, {
+					default: m(() => [o(p(E), { class: "k-select-viewport" }, {
+						default: m(() => [(l(!0), i(e, null, d(P.value, (e) => (l(), n(p(y), {
+							key: e.value,
+							value: e.value,
+							class: "k-select-item k-menu-item"
+						}, {
+							default: m(() => [
+								o(p(b), { class: "k-select-indicator" }, {
+									default: m(() => [o(p(h), { size: 12 })]),
+									_: 1
+								}),
+								o(p(x), null, {
+									default: m(() => [a(f(e.label), 1)]),
+									_: 2
+								}, 1024),
+								e.hint ? (l(), i("span", D, f(e.hint), 1)) : r("", !0)
+							]),
+							_: 2
+						}, 1032, ["value"]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["model-value", "disabled"]));
+	}
+});
+//#endregion
+export { O as default };

package/dist/components/KSkeleton.js

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

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    shape?: 'rect' | 'circle' | 'line';
+    width?: string;
+    height?: string;
+    /** 自定义圆角. 传 "0" 可覆盖默认 4px */
+    rounded?: string;
+    animated?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    shape: "rect" | "circle" | "line";
+    animated: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KSkeleton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a } from "vue";
+//#region components/KSkeleton.vue?vue&type=script&setup=true&lang.ts
+var o = /* @__PURE__ */ n({
+	__name: "KSkeleton",
+	props: {
+		shape: { default: "rect" },
+		width: {},
+		height: {},
+		rounded: {},
+		animated: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(n) {
+		let o = n, s = e(() => {
+			let e = {};
+			return o.width && (e.width = o.width), o.height && (e.height = o.height), o.rounded !== void 0 && (e.borderRadius = o.rounded), e;
+		});
+		return (e, o) => (a(), t("div", {
+			class: r(["k-skel", [`k-skel--${n.shape}`, { "k-skel--animated": n.animated }]]),
+			style: i(s.value)
+		}, null, 6));
+	}
+});
+//#endregion
+export { o as default };

package/dist/components/KSteps.js

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

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

@@ -0,0 +1,20 @@
+interface StepItem {
+    title: string;
+    description?: string;
+}
+type __VLS_Props = {
+    items: StepItem[];
+    current?: number;
+    /** current 步骤的状态 */
+    status?: 'process' | 'finish' | 'error';
+    direction?: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md';
+};
+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";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KSteps.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
+import { Check as d, X as f } from "lucide-vue-next";
+//#region components/KSteps.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "k-steps__indicator" }, m = { class: "k-steps__circle" }, h = { key: 2 }, g = {
+	key: 0,
+	class: "k-steps__tail"
+}, _ = { class: "k-steps__content" }, v = { class: "k-steps__title" }, y = {
+	key: 0,
+	class: "k-steps__desc"
+}, b = /* @__PURE__ */ a({
+	__name: "KSteps",
+	props: {
+		items: {},
+		current: { default: 0 },
+		status: { default: "process" },
+		direction: { default: "horizontal" },
+		size: { default: "md" }
+	},
+	setup(a) {
+		let b = a;
+		function x(e) {
+			return e < b.current ? "finish" : e === b.current ? b.status : "wait";
+		}
+		return (b, S) => (s(), r("div", { class: o(["k-steps", [`k-steps--${a.direction}`, `k-steps--${a.size}`]]) }, [(s(!0), r(e, null, c(a.items, (e, c) => (s(), r("div", {
+			key: c,
+			class: o(["k-steps__item", `k-steps__item--${x(c)}`])
+		}, [i("div", p, [i("div", m, [x(c) === "finish" ? (s(), t(u(d), {
+			key: 0,
+			size: a.size === "sm" ? 12 : 14,
+			"stroke-width": 3
+		}, null, 8, ["size"])) : x(c) === "error" ? (s(), t(u(f), {
+			key: 1,
+			size: a.size === "sm" ? 12 : 14,
+			"stroke-width": 3
+		}, null, 8, ["size"])) : (s(), r("span", h, l(c + 1), 1))]), c < a.items.length - 1 ? (s(), r("div", g)) : n("", !0)]), i("div", _, [i("div", v, l(e.title), 1), e.description ? (s(), r("div", y, l(e.description), 1)) : n("", !0)])], 2))), 128))], 2));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/KSwitch.js

@@ -0,0 +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                                                        */
+//#region components/KSwitch.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-f93f1253"]]);
+//#endregion
+export { n as default };

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/KSwitch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+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";
+//#region components/KSwitch.vue?vue&type=script&setup=true&lang.ts
+var l = /* @__PURE__ */ n({
+	__name: "KSwitch",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	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)
+		}, {
+			default: o(() => [t(a(c), { class: "k-switch__thumb" })]),
+			_: 1
+		}, 8, [
+			"model-value",
+			"disabled",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { l as default };

package/dist/components/KTabs.js

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

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

@@ -0,0 +1,35 @@
+interface TabItem {
+    key: string;
+    label: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    modelValue: string;
+    items?: TabItem[];
+    variant?: 'line' | 'segment';
+    size?: 'sm' | 'md';
+};
+declare var __VLS_22: {}, __VLS_24: {}, __VLS_33: `tab-${string}`, __VLS_34: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_33>]?: (props: typeof __VLS_34) => any;
+} & {
+    triggers?: (props: typeof __VLS_22) => any;
+} & {
+    default?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (v: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    variant: "line" | "segment";
+}, {}, {}, {}, 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/KTabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { Fragment as e, createBlock as t, createElementBlock as n, createTextVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderList as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+import { TabsContent as p, TabsList as m, TabsRoot as h, TabsTrigger as g } from "reka-ui";
+//#region components/KTabs.vue?vue&type=script&setup=true&lang.ts
+var _ = /* @__PURE__ */ a({
+	__name: "KTabs",
+	props: {
+		modelValue: {},
+		items: {},
+		variant: { default: "line" },
+		size: { default: "md" }
+	},
+	emits: ["update:modelValue"],
+	setup(a) {
+		return (_, v) => (s(), t(d(h), {
+			"model-value": a.modelValue,
+			class: o(["k-tabs", [`k-tabs--${a.variant}`, `k-tabs--${a.size}`]]),
+			"onUpdate:modelValue": v[0] ||= (e) => _.$emit("update:modelValue", String(e))
+		}, {
+			default: f(() => [
+				i(d(m), { class: "k-tabs__list" }, {
+					default: f(() => [(s(!0), n(e, null, c(a.items, (e) => (s(), t(d(g), {
+						key: e.key,
+						value: e.key,
+						disabled: e.disabled,
+						class: "k-tabs__trigger"
+					}, {
+						default: f(() => [r(u(e.label), 1)]),
+						_: 2
+					}, 1032, ["value", "disabled"]))), 128)), l(_.$slots, "triggers", {}, void 0, !0)]),
+					_: 3
+				}),
+				l(_.$slots, "default", {}, void 0, !0),
+				(s(!0), n(e, null, c(a.items, (e) => (s(), t(d(p), {
+					key: e.key,
+					value: e.key,
+					class: "k-tabs__content"
+				}, {
+					default: f(() => [l(_.$slots, `tab-${e.key}`, {}, void 0, !0)]),
+					_: 2
+				}, 1032, ["value"]))), 128))
+			]),
+			_: 3
+		}, 8, ["model-value", "class"]));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/KTag.js

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