@guoyg578/k-ui 0.1.4 → 0.1.6

package/dist/components/KSelect.vue_vue_type_script_setup_true_lang.js

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

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

@@ -6,12 +6,14 @@ type __VLS_Props = {
     range?: boolean;
     disabled?: boolean;
     showTooltip?: boolean;
+    size?: 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 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;
 }>, {
+    size: "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     max: number;
     min: number;

package/dist/components/KSlider.vue.js

@@ -2,6 +2,6 @@ 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"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-15331c04"]]);
 //#endregion
 export { n as default };

package/dist/components/KSlider.vue_vue_type_script_setup_true_lang.js

@@ -33,25 +33,26 @@ var l = { class: "k-slider__rail" }, u = [
 		showTooltip: {
 			type: Boolean,
 			default: !0
-		}
+		},
+		size: { default: "md" }
 	},
 	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}%`
+		let m = i, h = e(() => m.size === "small" || m.size === "sm" ? "sm" : m.size === "large" || m.size === "lg" ? "lg" : "md"), g = p, _ = e(() => Array.isArray(m.modelValue) ? [m.modelValue[0], m.modelValue[1]] : [m.min, Number(m.modelValue ?? m.min)]), v = e(() => m.max - m.min === 0 ? 1 : m.max - m.min), y = e(() => Math.min(_.value[0], _.value[1])), b = e(() => Math.max(_.value[0], _.value[1])), x = e(() => (y.value - m.min) / v.value * 100), S = e(() => (b.value - m.min) / v.value * 100), C = e(() => ({
+			left: `${m.range ? x.value : 0}%`,
+			width: `${m.range ? S.value - x.value : S.value}%`
 		}));
-		function S(e) {
-			h("update:modelValue", Number(e));
+		function w(e) {
+			g("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])]);
+		function T(e, t) {
+			let n = Number(t), r = [..._.value];
+			e === 0 ? r[0] = Math.min(n, r[1]) : r[1] = Math.max(n, r[0]), g("update:modelValue", r);
 		}
-		return (e, p) => (s(), n("div", { class: a(["k-slider", { "k-slider--disabled": i.disabled }]) }, [
+		return (e, p) => (s(), n("div", { class: a(["k-slider", [`k-slider--${h.value}`, { "k-slider--disabled": i.disabled }]]) }, [
 			r("div", l, [r("div", {
 				class: "k-slider__fill",
-				style: o(x.value)
+				style: o(C.value)
 			}, null, 4)]),
 			i.range ? (s(), n("input", {
 				key: 0,
@@ -60,9 +61,9 @@ var l = { class: "k-slider__rail" }, u = [
 				min: i.min,
 				max: i.max,
 				step: i.step,
-				value: g.value[0],
+				value: _.value[0],
 				disabled: i.disabled,
-				onInput: p[0] ||= (e) => C(0, e.target.value)
+				onInput: p[0] ||= (e) => T(0, e.target.value)
 			}, null, 40, u)) : t("", !0),
 			r("input", {
 				type: "range",
@@ -70,11 +71,11 @@ var l = { class: "k-slider__rail" }, u = [
 				min: i.min,
 				max: i.max,
 				step: i.step,
-				value: i.range ? g.value[1] : i.modelValue,
+				value: i.range ? _.value[1] : i.modelValue,
 				disabled: i.disabled,
-				onInput: p[1] ||= (e) => i.range ? C(1, e.target.value) : S(e.target.value)
+				onInput: p[1] ||= (e) => i.range ? T(1, e.target.value) : w(e.target.value)
 			}, null, 40, d),
-			i.showTooltip ? (s(), n("div", f, c(i.range ? `${_.value} - ${v.value}` : i.modelValue), 1)) : t("", !0)
+			i.showTooltip ? (s(), n("div", f, c(i.range ? `${y.value} - ${b.value}` : i.modelValue), 1)) : t("", !0)
 		], 2));
 	}
 });

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

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     modelValue?: string;
     value?: string;
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
     rows?: number;
     placeholder?: string;
     disabled?: boolean;
@@ -28,6 +29,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     onFocus?: ((ev: FocusEvent) => any) | undefined;
 }>, {
     error: boolean;
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     modelValue: string;
     readonly: boolean;

package/dist/components/KTextarea.vue.js

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

package/dist/components/KTextarea.vue_vue_type_script_setup_true_lang.js

@@ -11,6 +11,7 @@ var l = [
 	props: {
 		modelValue: { default: "" },
 		value: {},
+		size: { default: "md" },
 		rows: { default: 3 },
 		placeholder: {},
 		disabled: {
@@ -35,42 +36,42 @@ var l = [
 		"focus"
 	],
 	setup(n, { expose: u, emit: d }) {
-		let f = n, p = d, m = s(null), h = e(() => f.value ?? f.modelValue ?? ""), g = e(() => !f.autosize || f.autosize === !0 ? {
+		let f = n, p = d, m = s(null), h = e(() => f.value ?? f.modelValue ?? ""), g = e(() => f.size === "tiny" || f.size === "xs" || f.size === "small" || f.size === "sm" ? "sm" : f.size === "large" || f.size === "lg" ? "lg" : "md"), _ = e(() => !f.autosize || f.autosize === !0 ? {
 			minRows: f.rows,
 			maxRows: void 0
 		} : {
 			minRows: f.autosize.minRows ?? f.rows,
 			maxRows: f.autosize.maxRows
 		});
-		function _() {
+		function v() {
 			if (!f.autosize || !m.value) return;
 			let e = m.value, t = window.getComputedStyle(e), n = Number.parseFloat(t.lineHeight) || 20, r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom);
 			e.style.height = "auto";
-			let i = g.value.minRows * n + r, a = g.value.maxRows ? g.value.maxRows * n + r : Infinity;
+			let i = _.value.minRows * n + r, a = _.value.maxRows ? _.value.maxRows * n + r : Infinity;
 			e.style.height = `${Math.max(i, Math.min(e.scrollHeight, a))}px`, e.style.overflowY = e.scrollHeight > a ? "auto" : "hidden";
 		}
-		function v(e) {
+		function y(e) {
 			let t = e.target.value;
-			p("update:modelValue", t), p("update:value", t), r(_);
+			p("update:modelValue", t), p("update:value", t), r(v);
 		}
-		return c(h, () => r(_), { immediate: !0 }), u({
+		return c(h, () => r(v), { immediate: !0 }), u({
 			textareaElRef: m,
 			focus: () => m.value?.focus(),
 			blur: () => m.value?.blur()
 		}), (e, r) => (o(), t("textarea", {
 			ref_key: "textareaElRef",
 			ref: m,
-			class: i(["k-textarea", {
+			class: i(["k-textarea", [`k-textarea--${g.value}`, {
 				"k-textarea--error": n.error,
 				"k-textarea--disabled": n.disabled
-			}]),
+			}]]),
 			value: h.value,
 			rows: n.rows,
 			placeholder: n.placeholder,
 			disabled: n.disabled,
 			readonly: n.readonly,
 			style: a({ resize: n.resize }),
-			onInput: v,
+			onInput: y,
 			onFocus: r[0] ||= (e) => p("focus", e),
 			onBlur: r[1] ||= (e) => p("blur", e)
 		}, null, 46, l));

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

@@ -4,12 +4,14 @@ type __VLS_Props = {
     disabled?: boolean;
     clearable?: boolean;
     placeholder?: string;
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (v: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((v: string | null) => any) | undefined;
 }>, {
+    size: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     placeholder: string;
     clearable: boolean;

package/dist/components/KTimePicker.vue.js

@@ -3,6 +3,6 @@ import t from "./KTimePicker.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                */
 /* empty css                                                */
 //#region components/KTimePicker.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-52df9cd5"]]);
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-1d65209e"]]);
 //#endregion
 export { n as default };

package/dist/components/KTimePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,12 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode 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 { Clock as h, X as g } from "lucide-vue-next";
-import { PopoverContent as _, PopoverPortal as v, PopoverRoot as y, PopoverTrigger as b } from "reka-ui";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, nextTick as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g, withCtx as _ } from "vue";
+import { Clock as v, X as y } from "lucide-vue-next";
+import { PopoverContent as b, PopoverPortal as x, PopoverRoot as S, PopoverTrigger as C } from "reka-ui";
 //#region components/KTimePicker.vue?vue&type=script&setup=true&lang.ts
-var x = ["disabled"], S = { class: "k-tp-field__text" }, C = { class: "k-tp-col" }, w = ["onClick"], T = { class: "k-tp-col" }, E = ["onClick"], D = {
+var w = ["disabled"], T = { class: "k-tp-field__text" }, E = { class: "k-tp-col" }, D = ["onClick"], O = { class: "k-tp-col" }, k = ["onClick"], A = {
 	key: 0,
 	class: "k-tp-col"
-}, O = ["onClick"], k = /* @__PURE__ */ s({
+}, j = ["onClick"], M = /* @__PURE__ */ s({
+	inheritAttrs: !1,
 	__name: "KTimePicker",
 	props: {
 		modelValue: {},
@@ -21,12 +22,13 @@ var x = ["disabled"], S = { class: "k-tp-field__text" }, C = { class: "k-tp-col"
 			type: Boolean,
 			default: !0
 		},
-		placeholder: { default: "选择时间" }
+		placeholder: { default: "选择时间" },
+		size: { default: "md" }
 	},
 	emits: ["update:modelValue"],
-	setup(s, { emit: k }) {
-		let A = s, j = k, M = u(!1), N = (e) => String(e).padStart(2, "0"), P = Array.from({ length: 24 }, (e, t) => t), F = Array.from({ length: 60 }, (e, t) => t), I = Array.from({ length: 60 }, (e, t) => t), L = t(() => {
-			let e = A.modelValue;
+	setup(s, { emit: M }) {
+		let N = s, P = M, F = f(!1), I = t(() => N.size === "tiny" || N.size === "xs" || N.size === "small" || N.size === "sm" ? "sm" : N.size === "large" || N.size === "lg" ? "lg" : "md"), L = (e) => String(e).padStart(2, "0"), R = Array.from({ length: 24 }, (e, t) => t), z = Array.from({ length: 60 }, (e, t) => t), B = Array.from({ length: 60 }, (e, t) => t), V = (e, t) => Number.isNaN(e) || e < 0 || e > t ? null : e, H = t(() => {
+			let e = N.modelValue;
 			if (!e) return {
 				h: null,
 				m: null,
@@ -34,76 +36,88 @@ var x = ["disabled"], S = { class: "k-tp-field__text" }, C = { class: "k-tp-col"
 			};
 			let [t, n, r] = e.split(":").map((e) => parseInt(e, 10));
 			return {
-				h: Number.isNaN(t) ? null : t,
-				m: Number.isNaN(n) ? null : n,
-				s: Number.isNaN(r) ? null : r
+				h: V(t, 23),
+				m: V(n, 59),
+				s: V(r, 59)
 			};
+		}), U = f();
+		g(F, (e) => {
+			e && l(() => {
+				U.value?.querySelectorAll(".k-tp-col").forEach((e) => {
+					let t = e.querySelector(".k-tp-cell--active");
+					t && (e.scrollTop = t.offsetTop - e.clientHeight / 2 + t.clientHeight / 2);
+				});
+			});
 		});
-		function R(e, t, n) {
-			j("update:modelValue", A.useSeconds ? `${N(e ?? 0)}:${N(t ?? 0)}:${N(n ?? 0)}` : `${N(e ?? 0)}:${N(t ?? 0)}`);
+		function W(e, t, n) {
+			P("update:modelValue", N.useSeconds ? `${L(e ?? 0)}:${L(t ?? 0)}:${L(n ?? 0)}` : `${L(e ?? 0)}:${L(t ?? 0)}`);
 		}
-		function z(e, t) {
-			let n = L.value;
-			R(e === "h" ? t : n.h, e === "m" ? t : n.m, e === "s" ? t : n.s);
+		function G(e, t) {
+			let n = H.value;
+			W(e === "h" ? t : n.h, e === "m" ? t : n.m, e === "s" ? t : n.s);
 		}
-		function B(e) {
-			e.stopPropagation(), j("update:modelValue", null);
+		function K(e) {
+			e.stopPropagation(), P("update:modelValue", null);
 		}
-		return (t, u) => (l(), n(p(y), {
-			open: M.value,
-			"onUpdate:open": u[0] ||= (e) => M.value = e
+		return (t, l) => (d(), n(h(S), {
+			open: F.value,
+			"onUpdate:open": l[0] ||= (e) => F.value = e
 		}, {
-			default: m(() => [o(p(b), {
+			default: _(() => [o(h(C), {
 				"as-child": "",
 				disabled: s.disabled
 			}, {
-				default: m(() => [a("button", {
+				default: _(() => [a("button", c(t.$attrs, {
 					type: "button",
-					class: c(["k-tp-field", {
+					class: ["k-tp-field", [`k-tp-field--${I.value}`, {
 						"k-tp-field--disabled": s.disabled,
 						"k-tp-field--placeholder": !s.modelValue
-					}]),
+					}]],
 					disabled: s.disabled
-				}, [
-					o(p(h), {
+				}), [
+					o(h(v), {
 						size: 15,
 						class: "k-tp-field__icon"
 					}),
-					a("span", S, f(s.modelValue || s.placeholder), 1),
-					s.clearable && s.modelValue && !s.disabled ? (l(), n(p(g), {
+					a("span", T, m(s.modelValue || s.placeholder), 1),
+					s.clearable && s.modelValue && !s.disabled ? (d(), n(h(y), {
 						key: 0,
 						size: 14,
 						class: "k-tp-field__clear",
-						onClick: B
+						onClick: K
 					})) : r("", !0)
-				], 10, x)]),
+				], 16, w)]),
 				_: 1
-			}, 8, ["disabled"]), o(p(v), null, {
-				default: m(() => [o(p(_), {
+			}, 8, ["disabled"]), o(h(x), null, {
+				default: _(() => [o(h(b), {
 					class: "k-menu-surface k-tp-panel",
 					"side-offset": 6,
 					align: "start"
 				}, {
-					default: m(() => [
-						a("div", C, [(l(!0), i(e, null, d(p(P), (e) => (l(), i("button", {
+					default: _(() => [a("div", {
+						ref_key: "panelRef",
+						ref: U,
+						class: "k-tp-cols"
+					}, [
+						a("div", E, [(d(!0), i(e, null, p(h(R), (e) => (d(), i("button", {
 							key: `h${e}`,
 							type: "button",
-							class: c(["k-tp-cell", { "k-tp-cell--active": L.value.h === e }]),
-							onClick: (t) => z("h", e)
-						}, f(N(e)), 11, w))), 128))]),
-						a("div", T, [(l(!0), i(e, null, d(p(F), (e) => (l(), i("button", {
+							class: u(["k-tp-cell", { "k-tp-cell--active": H.value.h === e }]),
+							onClick: (t) => G("h", e)
+						}, m(L(e)), 11, D))), 128))]),
+						a("div", O, [(d(!0), i(e, null, p(h(z), (e) => (d(), i("button", {
 							key: `m${e}`,
 							type: "button",
-							class: c(["k-tp-cell", { "k-tp-cell--active": L.value.m === e }]),
-							onClick: (t) => z("m", e)
-						}, f(N(e)), 11, E))), 128))]),
-						s.useSeconds ? (l(), i("div", D, [(l(!0), i(e, null, d(p(I), (e) => (l(), i("button", {
+							class: u(["k-tp-cell", { "k-tp-cell--active": H.value.m === e }]),
+							onClick: (t) => G("m", e)
+						}, m(L(e)), 11, k))), 128))]),
+						s.useSeconds ? (d(), i("div", A, [(d(!0), i(e, null, p(h(B), (e) => (d(), i("button", {
 							key: `s${e}`,
 							type: "button",
-							class: c(["k-tp-cell", { "k-tp-cell--active": L.value.s === e }]),
-							onClick: (t) => z("s", e)
-						}, f(N(e)), 11, O))), 128))])) : r("", !0)
-					]),
+							class: u(["k-tp-cell", { "k-tp-cell--active": H.value.s === e }]),
+							onClick: (t) => G("s", e)
+						}, m(L(e)), 11, j))), 128))])) : r("", !0)
+					], 512)]),
 					_: 1
 				})]),
 				_: 1
@@ -113,4 +127,4 @@ var x = ["disabled"], S = { class: "k-tp-field__text" }, C = { class: "k-tp-col"
 	}
 });
 //#endregion
-export { k as default };
+export { M as default };

package/dist/components/KTooltip.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
-import { createBlock as e, createTextVNode as t, createVNode as n, defineComponent as r, openBlock as i, renderSlot as a, toDisplayString as o, unref as s, withCtx as c } from "vue";
-import { TooltipArrow as l, TooltipContent as u, TooltipPortal as d, TooltipProvider as f, TooltipRoot as p, TooltipTrigger as m } from "reka-ui";
+import { createBlock as e, createTextVNode as t, createVNode as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, toDisplayString as s, unref as c, withCtx as l } from "vue";
+import { TooltipArrow as u, TooltipContent as d, TooltipPortal as f, TooltipProvider as p, TooltipRoot as m, TooltipTrigger as h } from "reka-ui";
 //#region components/KTooltip.vue?vue&type=script&setup=true&lang.ts
-var h = /* @__PURE__ */ r({
+var g = /* @__PURE__ */ r({
+	inheritAttrs: !1,
 	__name: "KTooltip",
 	props: {
 		label: {},
@@ -13,24 +14,24 @@ var h = /* @__PURE__ */ r({
 		}
 	},
 	setup(r) {
-		return (h, g) => (i(), e(s(f), {
+		return (g, _) => (a(), e(c(p), {
 			"delay-duration": r.delayMs,
 			"skip-delay-duration": 200
 		}, {
-			default: c(() => [n(s(p), null, {
-				default: c(() => [n(s(m), {
+			default: l(() => [n(c(m), null, {
+				default: l(() => [n(c(h), i(g.$attrs, {
 					"as-child": "",
 					disabled: r.disabled
-				}, {
-					default: c(() => [a(h.$slots, "default")]),
+				}), {
+					default: l(() => [o(g.$slots, "default")]),
 					_: 3
-				}, 8, ["disabled"]), n(s(d), null, {
-					default: c(() => [n(s(u), {
+				}, 16, ["disabled"]), n(c(f), null, {
+					default: l(() => [n(c(d), {
 						side: r.side,
 						"side-offset": 6,
 						class: "k-tooltip pointer-events-none z-50 select-none rounded-md bg-ink-900 px-2 py-1 text-[11px] font-medium text-ink-50 shadow-md will-change-[transform,opacity]"
 					}, {
-						default: c(() => [t(o(r.label) + " ", 1), n(s(l), {
+						default: l(() => [t(s(r.label) + " ", 1), n(c(u), {
 							class: "fill-ink-900",
 							width: 8,
 							height: 4
@@ -46,4 +47,4 @@ var h = /* @__PURE__ */ r({
 	}
 });
 //#endregion
-export { h as default };
+export { g as default };

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

@@ -9,12 +9,14 @@ type __VLS_Props = {
     titles?: [string, string];
     filterable?: boolean;
     disabled?: boolean;
+    size?: 'tiny' | 'xs' | 'small' | 'sm' | 'medium' | 'md' | 'large' | 'lg';
 };
 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: "tiny" | "xs" | "small" | "sm" | "medium" | "md" | "large" | "lg";
     disabled: boolean;
     modelValue: (string | number)[];
     filterable: boolean;

package/dist/components/KTransfer.vue.js

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