@guoyg578/k-ui 0.1.0

package/dist/components/KUpload.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,181 @@
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, withModifiers as h } from "vue";
+import { AlertCircle as g, CheckCircle2 as _, FileText as v, Loader2 as y, Upload as b, X as x } from "lucide-vue-next";
+//#region components/KUpload.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "k-upload" }, C = { class: "k-upload__hint" }, w = {
+	key: 0,
+	class: "k-upload__meta"
+}, T = { key: 0 }, E = { key: 1 }, D = { key: 2 }, O = ["multiple", "accept"], k = {
+	key: 2,
+	class: "k-upload__list"
+}, A = { class: "k-upload__file-info" }, j = { class: "k-upload__file-name" }, M = { class: "k-upload__file-meta" }, N = {
+	key: 0,
+	class: "k-upload__error-text"
+}, P = {
+	key: 0,
+	class: "k-upload__progress"
+}, F = { class: "k-upload__file-status" }, I = ["onClick"], L = /* @__PURE__ */ s({
+	__name: "KUpload",
+	props: {
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		accept: {},
+		maxSize: {},
+		uploader: {},
+		drag: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"change",
+		"success",
+		"error"
+	],
+	setup(s, { expose: L, emit: R }) {
+		let z = s, B = R, V = d([]), H = d(!1), U = d(null);
+		function W(e) {
+			return e < 1024 ? e + " B" : e < 1024 * 1024 ? (e / 1024).toFixed(1) + " KB" : (e / 1024 / 1024).toFixed(2) + " MB";
+		}
+		let G = 0;
+		async function K(e) {
+			let t = Array.from(e);
+			!z.multiple && t.length > 1 && (t = t.slice(0, 1));
+			let n = [];
+			for (let e of t) {
+				if (z.maxSize && e.size > z.maxSize) {
+					V.value.push({
+						id: String(++G),
+						name: e.name,
+						size: e.size,
+						status: "error",
+						progress: 0,
+						error: `超过最大 ${W(z.maxSize)}`
+					});
+					continue;
+				}
+				let t = {
+					id: String(++G),
+					name: e.name,
+					size: e.size,
+					status: "pending",
+					progress: 0,
+					raw: e
+				};
+				V.value.push(t), n.push({
+					uf: t,
+					raw: e
+				});
+			}
+			if (B("change", V.value), z.uploader) {
+				let e = z.uploader;
+				await Promise.all(n.map(async ({ uf: t, raw: n }) => {
+					t.status = "uploading";
+					try {
+						let r = await e(n, (e) => t.progress = e);
+						if (!V.value.includes(t)) return;
+						t.status = "success", t.progress = 100, t.url = r?.url, B("success", t);
+					} catch (e) {
+						if (!V.value.includes(t)) return;
+						t.status = "error", t.error = e?.message || "上传失败", B("error", t, e);
+					}
+				}));
+			} else n.forEach(({ uf: e }) => {
+				e.status = "success", e.progress = 100;
+			});
+		}
+		function q() {
+			U.value?.click();
+		}
+		function J(e) {
+			let t = e.target;
+			t.files && K(t.files), t.value = "";
+		}
+		function Y(e) {
+			H.value = !1, e.dataTransfer?.files && K(e.dataTransfer.files);
+		}
+		function X(e) {
+			V.value = V.value.filter((t) => t.id !== e), B("change", V.value);
+		}
+		return L({
+			files: V,
+			remove: X,
+			addFiles: K
+		}), (d, L) => (u(), r("div", S, [
+			s.drag ? (u(), r("div", {
+				key: 0,
+				class: c(["k-upload__zone", { "k-upload__zone--over": H.value }]),
+				onClick: q,
+				onDragover: L[0] ||= h((e) => H.value = !0, ["prevent"]),
+				onDragleave: L[1] ||= h((e) => H.value = !1, ["prevent"]),
+				onDrop: h(Y, ["prevent"])
+			}, [o(m(b), {
+				size: 28,
+				class: "k-upload__icon"
+			}), i("div", C, [
+				L[2] ||= i("strong", null, "点击选择", -1),
+				L[3] ||= a(" 或 ", -1),
+				L[4] ||= i("strong", null, "拖拽文件", -1),
+				L[5] ||= a(" 到此处 ", -1),
+				s.accept || s.maxSize ? (u(), r("div", w, [
+					s.accept ? (u(), r("span", T, "支持: " + p(s.accept), 1)) : n("", !0),
+					s.accept && s.maxSize ? (u(), r("span", E, " · ")) : n("", !0),
+					s.maxSize ? (u(), r("span", D, "最大: " + p(W(s.maxSize)), 1)) : n("", !0)
+				])) : n("", !0)
+			])], 34)) : (u(), r("button", {
+				key: 1,
+				type: "button",
+				class: "k-upload__btn",
+				onClick: q
+			}, [o(m(b), { size: 14 }), L[6] ||= a(" 选择文件 ", -1)])),
+			i("input", {
+				ref_key: "fileInputRef",
+				ref: U,
+				type: "file",
+				multiple: s.multiple,
+				accept: s.accept,
+				class: "k-upload__input",
+				onChange: J
+			}, null, 40, O),
+			V.value.length > 0 ? (u(), r("ul", k, [(u(!0), r(e, null, f(V.value, (e) => (u(), r("li", {
+				key: e.id,
+				class: c(["k-upload__item", `k-upload__item--${e.status}`])
+			}, [
+				o(m(v), {
+					size: 14,
+					class: "k-upload__file-icon"
+				}),
+				i("div", A, [
+					i("div", j, p(e.name), 1),
+					i("div", M, [a(p(W(e.size)) + " ", 1), e.error ? (u(), r("span", N, "· " + p(e.error), 1)) : n("", !0)]),
+					e.status === "uploading" ? (u(), r("div", P, [i("div", {
+						class: "k-upload__progress-bar",
+						style: l({ width: e.progress + "%" })
+					}, null, 4)])) : n("", !0)
+				]),
+				i("div", F, [e.status === "uploading" ? (u(), t(m(y), {
+					key: 0,
+					size: 14,
+					class: "k-upload__spin"
+				})) : e.status === "success" ? (u(), t(m(_), {
+					key: 1,
+					size: 14,
+					style: { color: "#10b981" }
+				})) : e.status === "error" ? (u(), t(m(g), {
+					key: 2,
+					size: 14,
+					style: { color: "#dc2626" }
+				})) : n("", !0)]),
+				i("button", {
+					type: "button",
+					class: "k-upload__remove",
+					"aria-label": "移除",
+					onClick: (t) => X(e.id)
+				}, [o(m(x), { size: 12 })], 8, I)
+			], 2))), 128))])) : n("", !0)
+		]));
+	}
+});
+//#endregion
+export { L as default };

package/dist/components/KVirtualList.js

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

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

@@ -0,0 +1,31 @@
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        items: T[];
+        /** 固定每项高度 (px) */
+        itemHeight: number;
+        /** 容器高度 (px) */
+        height: number;
+        /** 上下额外渲染的 buffer 项数 */
+        buffer?: number;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            item: T;
+            index: number;
+        }) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/KVirtualList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, openBlock as o, ref as s, renderList as c, renderSlot as l } from "vue";
+//#region components/KVirtualList.vue?vue&type=script&setup=true&lang.ts
+var u = /* @__PURE__ */ i({
+	__name: "KVirtualList",
+	props: {
+		items: {},
+		itemHeight: {},
+		height: {},
+		buffer: { default: 5 }
+	},
+	setup(i) {
+		let u = i, d = s(0);
+		function f(e) {
+			d.value = e.target.scrollTop;
+		}
+		let p = t(() => u.items.length * u.itemHeight), m = t(() => Math.ceil(u.height / u.itemHeight)), h = t(() => Math.max(0, Math.floor(d.value / u.itemHeight) - u.buffer)), g = t(() => Math.min(u.items.length, h.value + m.value + 2 * u.buffer)), _ = t(() => u.items.slice(h.value, g.value).map((e, t) => ({
+			item: e,
+			index: h.value + t
+		}))), v = t(() => h.value * u.itemHeight);
+		return (t, s) => (o(), n("div", {
+			class: "k-vlist",
+			style: a({ height: i.height + "px" }),
+			onScroll: f
+		}, [r("div", {
+			class: "k-vlist__phantom",
+			style: a({ height: p.value + "px" })
+		}, [r("div", {
+			class: "k-vlist__items",
+			style: a({ transform: `translateY(${v.value}px)` })
+		}, [(o(!0), n(e, null, c(_.value, ({ item: e, index: r }) => (o(), n("div", {
+			key: r,
+			class: "k-vlist__item",
+			style: a({ height: i.itemHeight + "px" })
+		}, [l(t.$slots, "default", {
+			item: e,
+			index: r
+		}, void 0, !0)], 4))), 128))], 4)], 4)], 36));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/form-context.d.ts

@@ -0,0 +1,25 @@
+import type { InjectionKey } from 'vue';
+export interface FormRule {
+    required?: boolean;
+    min?: number;
+    max?: number;
+    pattern?: RegExp;
+    validator?: (value: any) => boolean | string | Promise<boolean | string>;
+    message?: string;
+    trigger?: 'blur' | 'change';
+}
+export interface FormFieldRef {
+    validate: () => Promise<boolean>;
+    reset: () => void;
+    clearValidate: () => void;
+}
+export interface FormContext {
+    model: Record<string, any>;
+    rules?: Record<string, FormRule | FormRule[]>;
+    labelWidth: string;
+    labelPosition: 'top' | 'left';
+    size: 'sm' | 'md' | 'lg';
+    registerField: (name: string, field: FormFieldRef) => void;
+    unregisterField: (name: string) => void;
+}
+export declare const formContextKey: InjectionKey<FormContext>;

package/dist/components/form-context.js

@@ -0,0 +1,4 @@
+//#region components/form-context.ts
+var e = Symbol("formContext");
+//#endregion
+export { e as formContextKey };

package/dist/components/tree-context.d.ts

@@ -0,0 +1,16 @@
+import type { ComputedRef, InjectionKey, Component } from 'vue';
+export interface TreeNode {
+    id: string | number;
+    label: string;
+    children?: TreeNode[];
+    icon?: Component;
+}
+export interface KTreeContext {
+    expanded: ComputedRef<(string | number)[]>;
+    selected: ComputedRef<string | number | null>;
+    /** computed 而非 primitive: 父组件改 :indent 时, 嵌套 KTreeNode 才能跟着重排 */
+    indent: ComputedRef<number>;
+    toggle: (id: string | number) => void;
+    select: (node: TreeNode) => void;
+}
+export declare const kTreeContextKey: InjectionKey<KTreeContext>;

package/dist/components/tree-context.js

@@ -0,0 +1,4 @@
+//#region components/tree-context.ts
+var e = Symbol("kTreeContext");
+//#endregion
+export { e as kTreeContextKey };

package/dist/composables/useConfirm.d.ts

@@ -0,0 +1,17 @@
+export interface ConfirmOptions {
+    title: string;
+    message?: string;
+    confirmText?: string;
+    cancelText?: string;
+    destructive?: boolean;
+}
+export declare function useConfirm(): {
+    isOpen: import("vue").Ref<boolean, boolean>;
+    title: import("vue").Ref<string, string>;
+    message: import("vue").Ref<string | undefined, string | undefined>;
+    confirmText: import("vue").Ref<string | undefined, string | undefined>;
+    cancelText: import("vue").Ref<string | undefined, string | undefined>;
+    destructive: import("vue").Ref<boolean, boolean>;
+    open: (opts: ConfirmOptions) => Promise<boolean>;
+    close: (ok: boolean) => void;
+};

package/dist/composables/useConfirm.js

@@ -0,0 +1,31 @@
+import { ref as e } from "vue";
+//#region composables/useConfirm.ts
+var t = e(!1), n = e(""), r = e(void 0), i = e(void 0), a = e(void 0), o = e(!1), s = null;
+function c() {
+	function e(e) {
+		if (s) {
+			let e = s;
+			s = null, e(!1);
+		}
+		return n.value = e.title, r.value = e.message, i.value = e.confirmText, a.value = e.cancelText, o.value = e.destructive ?? !1, t.value = !0, new Promise((e) => {
+			s = e;
+		});
+	}
+	function c(e) {
+		t.value = !1;
+		let n = s;
+		s = null, n?.(e);
+	}
+	return {
+		isOpen: t,
+		title: n,
+		message: r,
+		confirmText: i,
+		cancelText: a,
+		destructive: o,
+		open: e,
+		close: c
+	};
+}
+//#endregion
+export { c as useConfirm };

package/dist/directives/index.d.ts

@@ -0,0 +1,6 @@
+import type { App } from 'vue';
+import { vReveal } from './reveal';
+import { vSpotlight } from './spotlight';
+export { vReveal, vSpotlight };
+/** 统一安装所有自定义指令 (在 main.ts 调用) */
+export declare function installDirectives(app: App): void;

package/dist/directives/index.js

@@ -0,0 +1,8 @@
+import { vReveal as e } from "./reveal.js";
+import { vSpotlight as t } from "./spotlight.js";
+//#region directives/index.ts
+function n(n) {
+	n.directive("reveal", e), n.directive("spotlight", t);
+}
+//#endregion
+export { n as installDirectives };

package/dist/directives/reveal.d.ts

@@ -0,0 +1,20 @@
+import type { Directive } from 'vue';
+/**
+ * v-reveal — 滚动入场: 元素进入视口时淡入 + 上移. 一次性触发.
+ *
+ * 用法:
+ *   <div v-reveal>...</div>
+ *
+ *   <!-- 兄弟节点错落 (CSS 读 --reveal-delay) -->
+ *   <div v-for="(item, i) in items" v-reveal :style="`--reveal-delay: ${i * 80}ms`">
+ *     ...
+ *   </div>
+ *
+ * 配套 class 已经在 styles/base.css 定义 (.k-reveal / .k-reveal-on).
+ */
+declare const IO_KEY: unique symbol;
+interface ElWithIO extends HTMLElement {
+    [IO_KEY]?: IntersectionObserver;
+}
+export declare const vReveal: Directive<ElWithIO, void>;
+export {};

package/dist/directives/reveal.js

@@ -0,0 +1,18 @@
+//#region directives/reveal.ts
+var e = Symbol("k.reveal.io"), t = {
+	mounted(t) {
+		t.classList.add("k-reveal");
+		let n = new IntersectionObserver((e) => {
+			for (let r of e) r.isIntersecting && (t.classList.add("k-reveal-on"), n.unobserve(t));
+		}, {
+			threshold: .12,
+			rootMargin: "0px 0px -8% 0px"
+		});
+		n.observe(t), t[e] = n;
+	},
+	unmounted(t) {
+		t[e]?.disconnect(), delete t[e];
+	}
+};
+//#endregion
+export { t as vReveal };

package/dist/directives/spotlight.d.ts

@@ -0,0 +1,22 @@
+import type { Directive } from 'vue';
+/**
+ * v-spotlight — Vercel/Linear 风格的鼠标跟随光晕.
+ * mousemove 时 rAF 节流更新 --mx / --my CSS 变量,
+ * CSS 用 radial-gradient(... at var(--mx) var(--my) ...) 渲染光晕.
+ *
+ * 用法 (元素需要有自己的圆角 / 背景, 指令只负责加光晕层):
+ *   <div v-spotlight class="border rounded-lg p-4 bg-white">...</div>
+ *
+ * 配套 class 在 styles/base.css 的 .k-spotlight.
+ */
+declare const STORE: unique symbol;
+interface SpotlightState {
+    handleMove: (e: MouseEvent) => void;
+    handleLeave: () => void;
+    raf: number;
+}
+interface ElWithStore extends HTMLElement {
+    [STORE]?: SpotlightState;
+}
+export declare const vSpotlight: Directive<ElWithStore, void>;
+export {};

package/dist/directives/spotlight.js

@@ -0,0 +1,25 @@
+//#region directives/spotlight.ts
+var e = Symbol("k.spotlight"), t = {
+	mounted(t) {
+		t.classList.add("k-spotlight");
+		let n = {
+			raf: 0,
+			handleMove(e) {
+				cancelAnimationFrame(n.raf), n.raf = requestAnimationFrame(() => {
+					let n = t.getBoundingClientRect(), r = (e.clientX - n.left) / n.width * 100, i = (e.clientY - n.top) / n.height * 100;
+					t.style.setProperty("--mx", `${r}%`), t.style.setProperty("--my", `${i}%`);
+				});
+			},
+			handleLeave() {
+				cancelAnimationFrame(n.raf);
+			}
+		};
+		t.addEventListener("mousemove", n.handleMove), t.addEventListener("mouseleave", n.handleLeave), t[e] = n;
+	},
+	unmounted(t) {
+		let n = t[e];
+		n && (t.removeEventListener("mousemove", n.handleMove), t.removeEventListener("mouseleave", n.handleLeave), cancelAnimationFrame(n.raf), delete t[e]);
+	}
+};
+//#endregion
+export { t as vSpotlight };

package/dist/index.d.ts

@@ -0,0 +1,62 @@
+export { default as KButton } from './components/KButton.vue';
+export { default as KInput } from './components/KInput.vue';
+export { default as KTextarea } from './components/KTextarea.vue';
+export { default as KInputNumber } from './components/KInputNumber.vue';
+export { default as KSearchBar } from './components/KSearchBar.vue';
+export { default as KTag } from './components/KTag.vue';
+export { default as KSelect } from './components/KSelect.vue';
+export { default as KCombobox } from './components/KCombobox.vue';
+export { default as KDatePicker } from './components/KDatePicker.vue';
+export { default as KSwitch } from './components/KSwitch.vue';
+export { default as KCheckbox } from './components/KCheckbox.vue';
+export { default as KCheckboxGroup } from './components/KCheckboxGroup.vue';
+export { default as KRadio } from './components/KRadio.vue';
+export { default as KRadioGroup } from './components/KRadioGroup.vue';
+export { default as KForm } from './components/KForm.vue';
+export { default as KFormField } from './components/KFormField.vue';
+export type { FormRule, FormFieldRef } from './components/form-context';
+export { default as KConfirmDialog } from './components/KConfirmDialog.vue';
+export { default as KDialog } from './components/KDialog.vue';
+export { default as KDrawer } from './components/KDrawer.vue';
+export { default as KTooltip } from './components/KTooltip.vue';
+export { default as KPopover } from './components/KPopover.vue';
+export { default as KDropdown } from './components/KDropdown.vue';
+export type { DropdownItem } from './components/KDropdown.vue';
+export { default as KAlert } from './components/KAlert.vue';
+export { KMessage } from './components/KMessage';
+export type { MessageOptions } from './components/KMessage';
+export { useConfirm } from './composables/useConfirm';
+export type { ConfirmOptions } from './composables/useConfirm';
+export { default as KDataTable } from './components/KDataTable.vue';
+export type { Column } from './components/KDataTable.vue';
+export { default as KPagination } from './components/KPagination.vue';
+export { default as KEmpty } from './components/KEmpty.vue';
+export { default as KLoadingOverlay } from './components/KLoadingOverlay.vue';
+export { default as KRefetchOverlay } from './components/KRefetchOverlay.vue';
+export { default as KProgress } from './components/KProgress.vue';
+export { default as KAvatar } from './components/KAvatar.vue';
+export { default as KAvatarGroup } from './components/KAvatarGroup.vue';
+export { default as KSkeleton } from './components/KSkeleton.vue';
+export { default as KListSkeleton } from './components/KListSkeleton.vue';
+export { default as KGridSkeleton } from './components/KGridSkeleton.vue';
+export { default as KTabs } from './components/KTabs.vue';
+export { default as KBreadcrumb } from './components/KBreadcrumb.vue';
+export { default as KCard } from './components/KCard.vue';
+export { default as KResult } from './components/KResult.vue';
+export { default as KSteps } from './components/KSteps.vue';
+export { default as KImage } from './components/KImage.vue';
+export { default as KImageViewer } from './components/KImageViewer.vue';
+export { default as KCarousel } from './components/KCarousel.vue';
+export type { CarouselItem } from './components/KCarousel.vue';
+export { default as KUpload } from './components/KUpload.vue';
+export type { UploadFile } from './components/KUpload.vue';
+export { default as KCommandPalette } from './components/KCommandPalette.vue';
+export type { CmdItem } from './components/KCommandPalette.vue';
+export { default as KVirtualList } from './components/KVirtualList.vue';
+export { default as KResizablePanel } from './components/KResizablePanel.vue';
+export { default as KTreeView } from './components/KTreeView.vue';
+export type { TreeNode } from './components/tree-context';
+export { default as KDiff } from './components/KDiff.vue';
+export { default as KThemeToggleButton } from './components/KThemeToggleButton.vue';
+export type { ThemeMode } from './types';
+export { installDirectives, vReveal, vSpotlight } from './directives';

package/dist/index.js

@@ -0,0 +1,55 @@
+import e from "./components/KButton.js";
+import t from "./components/KInput.js";
+import n from "./components/KTextarea.js";
+import r from "./components/KInputNumber.js";
+import i from "./components/KSearchBar.js";
+import a from "./components/KTag.js";
+import o from "./components/KSelect.js";
+import s from "./components/KCombobox.js";
+import c from "./components/KDatePicker.js";
+import l from "./components/KSwitch.js";
+import u from "./components/KCheckbox.js";
+import d from "./components/KCheckboxGroup.js";
+import f from "./components/KRadio.js";
+import p from "./components/KRadioGroup.js";
+import m from "./components/KForm.js";
+import h from "./components/KFormField.js";
+import { useConfirm as g } from "./composables/useConfirm.js";
+import _ from "./components/KConfirmDialog.js";
+import v from "./components/KDialog.js";
+import y from "./components/KDrawer.js";
+import b from "./components/KTooltip.js";
+import x from "./components/KPopover.js";
+import S from "./components/KDropdown.js";
+import C from "./components/KAlert.js";
+import { KMessage as w } from "./components/KMessage.js";
+import T from "./components/KLoadingOverlay.js";
+import E from "./components/KEmpty.js";
+import D from "./components/KDataTable.js";
+import O from "./components/KPagination.js";
+import k from "./components/KRefetchOverlay.js";
+import A from "./components/KProgress.js";
+import j from "./components/KAvatar.js";
+import M from "./components/KAvatarGroup.js";
+import N from "./components/KSkeleton.js";
+import P from "./components/KListSkeleton.js";
+import F from "./components/KGridSkeleton.js";
+import I from "./components/KTabs.js";
+import L from "./components/KBreadcrumb.js";
+import R from "./components/KCard.js";
+import z from "./components/KResult.js";
+import B from "./components/KSteps.js";
+import V from "./components/KImageViewer.js";
+import H from "./components/KImage.js";
+import U from "./components/KCarousel.js";
+import W from "./components/KUpload.js";
+import G from "./components/KCommandPalette.js";
+import K from "./components/KVirtualList.js";
+import q from "./components/KResizablePanel.js";
+import J from "./components/KTreeView.js";
+import Y from "./components/KDiff.js";
+import X from "./components/KThemeToggleButton.js";
+import { vReveal as Z } from "./directives/reveal.js";
+import { vSpotlight as Q } from "./directives/spotlight.js";
+import { installDirectives as $ } from "./directives/index.js";
+export { C as KAlert, j as KAvatar, M as KAvatarGroup, L as KBreadcrumb, e as KButton, R as KCard, U as KCarousel, u as KCheckbox, d as KCheckboxGroup, s as KCombobox, G as KCommandPalette, _ as KConfirmDialog, D as KDataTable, c as KDatePicker, v as KDialog, Y as KDiff, y as KDrawer, S as KDropdown, E as KEmpty, m as KForm, h as KFormField, F as KGridSkeleton, H as KImage, V as KImageViewer, t as KInput, r as KInputNumber, P as KListSkeleton, T as KLoadingOverlay, w as KMessage, O as KPagination, x as KPopover, A as KProgress, f as KRadio, p as KRadioGroup, k as KRefetchOverlay, q as KResizablePanel, z as KResult, i as KSearchBar, o as KSelect, N as KSkeleton, B as KSteps, l as KSwitch, I as KTabs, a as KTag, n as KTextarea, X as KThemeToggleButton, b as KTooltip, J as KTreeView, W as KUpload, K as KVirtualList, $ as installDirectives, g as useConfirm, Z as vReveal, Q as vSpotlight };