gurunkit 0.2.0 → 0.3.1

package/dist/gurun-kit.js

@@ -1,6 +1,6 @@
-import { Transition as e, createElementBlock as t, createElementVNode as n, h as r, openBlock as i, useId as a } from "vue";
+import { Transition as e, TransitionGroup as t, createElementBlock as n, createElementVNode as r, h as i, openBlock as a, ref as o, useId as s } from "vue";
 //#region src/components/button/button.ts
-var o = {
+var c = {
 	base: "font-medium cursor-pointer inline-flex items-center justify-center",
 	colors: {
 		primary: "bg-blue-600 text-white hover:bg-blue-700",
@@ -14,19 +14,19 @@ var o = {
 		md: "h-10 px-4 rounded-md",
 		lg: "h-12 px-6 rounded-md text-lg"
 	}
-}, s = (e, t) => {
-	let { class: n, ...i } = t.attrs;
-	return r(e.tag ?? "button", {
+}, l = (e, t) => {
+	let { class: n, ...r } = t.attrs;
+	return i(e.tag ?? "button", {
 		class: [
 			n,
-			o.base,
-			o.colors[e.color ?? "primary"],
-			o.sizes[e.size ?? "md"]
+			c.base,
+			c.colors[e.color ?? "primary"],
+			c.sizes[e.size ?? "md"]
 		],
-		...i
+		...r
 	}, { default: t.slots.default });
 };
-s.props = {
+l.props = {
 	color: {
 		type: String,
 		default: "primary"
@@ -41,8 +41,16 @@ s.props = {
 	}
 };
 //#endregion
+//#region src/utils.ts
+function u(e) {
+	return typeof e == "number" ? new Intl.NumberFormat().format(e) : new Intl.NumberFormat().format(Number(e.replace(/\D/gi, "")));
+}
+function d(e) {
+	return `${Number(e.replace(/\D/gi, ""))}`;
+}
+//#endregion
 //#region src/components/input/input.ts
-var c = {
+var f = {
 	base: "border focus:outline-1",
 	file: "pl-0 file:bg-gray-100 file:h-full file:text-gray-900 file:border-r dark:file:bg-gray-700 dark:file:text-white",
 	colors: {
@@ -87,28 +95,31 @@ var c = {
 			file: "file:text-lg file:px-4 file:mr-4"
 		}
 	}
-}, l = (e, t) => {
-	let { class: n, type: i, ...a } = t.attrs;
-	return r(e.tag === "textarea" ? "textarea" : "input", {
-		type: i,
+}, p = (e, t) => {
+	let { class: n, type: r, ...a } = t.attrs;
+	return i(e.tag === "textarea" ? "textarea" : "input", {
+		type: r,
 		class: [
 			n,
-			c.base,
-			...i === "file" ? [
-				c.file,
-				c.colors[e.color ?? "light"].file,
-				c.sizes[e.size ?? "md"].file
+			f.base,
+			...r === "file" ? [
+				f.file,
+				f.colors[e.color ?? "light"].file,
+				f.sizes[e.size ?? "md"].file
 			] : [],
-			c.colors[e.color ?? "light"].base,
-			c.sizes[e.size ?? "md"].base,
-			c.sizes[e.size ?? "md"][e.tag === "textarea" ? "textarea" : "input"]
+			f.colors[e.color ?? "light"].base,
+			f.sizes[e.size ?? "md"].base,
+			f.sizes[e.size ?? "md"][e.tag === "textarea" ? "textarea" : "input"]
 		],
 		...a,
-		value: e.modelValue,
-		onInput: (e) => t.emit("update:modelValue", e.target.value)
+		value: e.currency ? u(Number(e.modelValue)) : e.modelValue,
+		onInput: (n) => {
+			let r = n.target.value;
+			t.emit("update:modelValue", e.currency ? d(r) : r);
+		}
 	});
 };
-l.props = {
+p.props = {
 	color: {
 		type: String,
 		default: "light"
@@ -121,11 +132,12 @@ l.props = {
 	tag: {
 		type: String,
 		default: "input"
-	}
+	},
+	currency: Boolean
 };
 //#endregion
 //#region src/components/checkbox/checkbox.ts
-var u = {
+var m = {
 	wrapper: "inline-flex items-center gap-2.5",
 	label: "font-normal text-gray-900 dark:text-gray-300",
 	base: "appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute",
@@ -141,28 +153,28 @@ var u = {
 		md: "size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5",
 		lg: "size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75"
 	}
-}, d = (e, t) => {
-	let n = e.id || a();
-	return r("div", { class: u.wrapper }, [r("input", {
+}, h = (e, t) => {
+	let n = e.id || s();
+	return i("div", { class: m.wrapper }, [i("input", {
 		...t.attrs,
 		id: n,
 		type: "checkbox",
 		checked: Array.isArray(e.modelValue) ? e.modelValue.findIndex((t) => t === e.inputValue) !== -1 : e.modelValue,
 		class: [
-			u.base,
-			u.colors[e.color ?? "light"],
-			u.sizes[e.size ?? "md"]
+			m.base,
+			m.colors[e.color ?? "light"],
+			m.sizes[e.size ?? "md"]
 		],
 		onChange: (n) => {
 			let r = n.target.checked;
 			t.emit("update:modelValue", Array.isArray(e.modelValue) ? r ? [...e.modelValue, e.inputValue] : e.modelValue.filter((t) => t !== e.inputValue) : r);
 		}
-	}), e.label ? r("label", {
-		class: u.label,
+	}), e.label ? i("label", {
+		class: m.label,
 		for: n
 	}, e.label) : null]);
 };
-d.props = {
+h.props = {
 	label: String,
 	color: {
 		type: String,
@@ -175,10 +187,10 @@ d.props = {
 	inputValue: String,
 	modelValue: [Boolean, Array],
 	id: String
-}, d.emits = ["update:modelValue"];
+}, h.emits = ["update:modelValue"];
 //#endregion
 //#region src/components/radio/radio.ts
-var f = {
+var g = {
 	wrapper: "inline-flex items-center gap-2",
 	label: "font-normal text-gray-900 dark:text-gray-300",
 	base: "appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2",
@@ -194,27 +206,27 @@ var f = {
 		md: "size-4 after:size-1.75",
 		lg: "size-6 after:size-3"
 	}
-}, p = (e, t) => {
-	let n = e.id || a();
-	return r("div", { class: f.wrapper }, [r("input", {
+}, _ = (e, t) => {
+	let n = e.id || s();
+	return i("div", { class: g.wrapper }, [i("input", {
 		...t.attrs,
 		id: n,
 		type: "radio",
 		checked: e.modelValue === e.inputValue,
 		class: [
-			f.base,
-			f.colors[e.color ?? "light"],
-			f.sizes[e.size ?? "md"]
+			g.base,
+			g.colors[e.color ?? "light"],
+			g.sizes[e.size ?? "md"]
 		],
 		onChange: () => {
 			t.emit("update:modelValue", e.inputValue);
 		}
-	}), e.label ? r("label", {
-		class: f.label,
+	}), e.label ? i("label", {
+		class: g.label,
 		for: n
 	}, e.label) : null]);
 };
-p.props = {
+_.props = {
 	label: String,
 	color: {
 		type: String,
@@ -227,10 +239,10 @@ p.props = {
 	inputValue: String,
 	modelValue: String,
 	id: String
-}, p.emits = ["update:modelValue"];
+}, _.emits = ["update:modelValue"];
 //#endregion
 //#region src/components/select/select.ts
-var m = {
+var v = {
 	base: "appearance-none border focus:outline-1",
 	wrapper: "w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute",
 	colors: {
@@ -250,22 +262,25 @@ var m = {
 		md: "h-10 pl-3 pr-10 rounded-md",
 		lg: "h-12 px-4 pr-12 rounded-md text-lg"
 	}
-}, h = (e, t) => {
-	let { class: n, type: i, ...a } = t.attrs;
-	return r("div", { class: [m.wrapper, m.wrapperSizes[e.size ?? "md"]] }, r("select", {
-		type: i,
+}, y = (e, t) => {
+	let { class: n, type: r, ...a } = t.attrs;
+	return i("div", { class: [v.wrapper, v.wrapperSizes[e.size ?? "md"]] }, i("select", {
+		type: r,
 		class: [
 			n,
-			m.base,
-			m.colors[e.color ?? "light"],
-			m.sizes[e.size ?? "md"]
+			v.base,
+			v.colors[e.color ?? "light"],
+			v.sizes[e.size ?? "md"]
 		],
 		...a,
-		value: e.modelValue,
-		onChange: (e) => t.emit("update:modelValue", e.target.value)
-	}, e.options?.map((e) => r("option", { value: typeof e == "object" ? e.id : e }, typeof e == "object" ? e.name : e))));
+		value: e.modelValue === null ? "" : e.modelValue,
+		onChange: (e) => {
+			let n = e.target.value;
+			t.emit("update:modelValue", n === "" ? null : n);
+		}
+	}, e.options?.map((e) => i("option", { value: typeof e == "object" && e ? e.id === null ? "" : e.id : e === null ? "" : e }, typeof e == "object" && e ? e.name : e))));
 };
-h.props = {
+y.props = {
 	color: {
 		type: String,
 		default: "light"
@@ -282,14 +297,14 @@ h.props = {
 };
 //#endregion
 //#region src/components/form-item/form-item.ts
-var g = (e, t) => {
-	let n = e.id || a();
-	return r("div", [r("label", {
+var b = (e, t) => {
+	let n = e.id || s();
+	return i("div", [i("label", {
 		class: "block mb-1",
 		for: n
 	}, e.label), t.slots.default ? t.slots.default({ id: n }) : null]);
 };
-g.props = {
+b.props = {
 	label: {
 		type: String,
 		required: !0
@@ -298,69 +313,77 @@ g.props = {
 };
 //#endregion
 //#region \0plugin-vue:export-helper
-var _ = (e, t) => {
+var x = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, v = {}, y = {
+}, S = {}, C = {
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
 	"stroke-width": "1.5",
 	stroke: "currentColor"
 };
-function b(e, r) {
-	return i(), t("svg", y, [...r[0] ||= [n("path", {
+function w(e, t) {
+	return a(), n("svg", C, [...t[0] ||= [r("path", {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		d: "M6 18 18 6M6 6l12 12"
 	}, null, -1)]]);
 }
-var x = /* @__PURE__ */ _(v, [["render", b]]), S = (t, n) => {
-	let i = () => {
+var T = /* @__PURE__ */ x(S, [["render", w]]), E = { size: {
+	sm: "max-w-md",
+	md: "max-w-2xl",
+	lg: "max-w-4xl"
+} }, D = (t, n) => {
+	let r = () => {
 		n.emit("update:visible", !1), n.emit("close");
 	};
-	return r(e, {
+	return i(e, {
 		enterFromClass: "opacity-0",
 		enterActiveClass: "transition transition-all duration-150",
 		enterToClass: "opacity-100",
 		leaveFromClass: "opacity-100",
 		leaveActiveClass: "transition transition-all duration-150",
 		leaveToClass: "opacity-0"
-	}, () => t.visible ? r("div", {
+	}, () => t.visible ? i("div", {
 		role: "dialog",
 		class: "fixed inset-0 bg-black/50 w-full h-screen z-30 flex items-center justify-center",
-		onClick: i
-	}, r("div", {
+		onClick: r
+	}, i("div", {
 		"data-test": "dialog-content",
-		class: "bg-white text-gray-900 max-w-screen-md w-full rounded-md shadow",
+		class: ["bg-white text-gray-900 w-full rounded-md shadow", E.size[t.size ?? "md"]],
 		onClick: (e) => {
 			e.stopPropagation();
 		}
 	}, [
-		t.title ? r("header", { class: "p-4 border-b border-gray-300 flex items-center justify-between" }, [r("h2", { class: "font-bold text-lg" }, t.title), r("button", {
+		t.title ? i("header", { class: "p-4 border-b border-gray-300 flex items-center justify-between" }, [i("h2", { class: "font-bold text-lg" }, t.title), i("button", {
 			"aria-label": "Close Modal",
 			class: "cursor-pointer",
-			onClick: i
-		}, r(x, { class: "size-5" }))]) : null,
-		r("div", {
+			onClick: r
+		}, i(T, { class: "size-5" }))]) : null,
+		i("div", {
 			"data-test": "dialog-body",
 			class: "p-4"
 		}, n.slots.default?.()),
-		n.slots.footer ? r("footer", { class: "p-4 border-t border-gray-300" }, n.slots.footer()) : null
+		n.slots.footer ? i("footer", { class: "p-4 border-t border-gray-300" }, n.slots.footer()) : null
 	])) : void 0);
 };
-S.props = {
+D.props = {
 	title: String,
-	visible: Boolean
-}, S.emits = ["update:visible", "close"];
+	visible: Boolean,
+	size: {
+		type: String,
+		default: "md"
+	}
+}, D.emits = ["update:visible", "close"];
 //#endregion
 //#region src/components/table/table.ts
-var C = (e) => r("div", { class: "overflow-x-auto" }, r("table", { class: "w-full border border-gray-300 dark:border-gray-700" }, [r("thead", r("tr", e.columns?.map((e) => r("th", { class: "text-left font-bold px-4 py-3 border-b border-gray-300 bg-gray-50 text-gray-900 dark:bg-gray-800 dark:text-white dark:border-gray-700" }, e.name)))), r("tbody", e.data?.length ? e.data?.map((t) => r("tr", e.columns?.map((e) => r("td", { class: "text-gray-900 px-4 py-3 border-b border-gray-300 dark:text-white dark:border-gray-700" }, e.render ? r(e.render, { item: t }) : t[e.id])))) : r("tr", r("td", {
+var O = (e) => i("div", { class: "overflow-x-auto" }, i("table", { class: "w-full border border-gray-300 dark:border-gray-700" }, [i("thead", i("tr", e.columns?.map((e) => i("th", { class: "text-left font-bold px-4 py-3 border-b border-gray-300 bg-gray-50 text-gray-900 dark:bg-gray-800 dark:text-white dark:border-gray-700" }, e.name)))), i("tbody", e.data?.length ? e.data?.map((t) => i("tr", e.columns?.map((e) => i("td", { class: "text-gray-900 px-4 py-3 border-b border-gray-300 dark:text-white dark:border-gray-700" }, e.render ? i(e.render, { item: t }) : t[e.id])))) : i("tr", i("td", {
 	colspan: 2,
 	class: "text-gray-900 px-4 py-3 dark:text-white"
-}, "Empty data")))]));
-C.props = {
+}, e.emptyMessage)))]));
+O.props = {
 	columns: {
 		type: Array,
 		default: () => []
@@ -368,18 +391,22 @@ C.props = {
 	data: {
 		type: Array,
 		default: () => []
+	},
+	emptyMessage: {
+		type: String,
+		default: "Empty data"
 	}
 };
 //#endregion
 //#region src/components/widget/widget.ts
-var w = (e) => r("div", { class: "bg-white border border-gray-300 rounded-lg px-5 py-4.5 space-y-2 dark:bg-gray-800 dark:border-gray-700" }, [r("p", {
+var k = (e) => i("div", { class: "bg-white border border-gray-300 rounded-lg px-5 py-4.5 space-y-2 dark:bg-gray-800 dark:border-gray-700" }, [i("p", {
 	"data-test": "widget-label",
 	class: "text-gray-700 dark:text-gray-400"
-}, e.label), r("p", {
+}, e.label), i("p", {
 	"data-test": "widget-value",
 	class: "text-gray-900 text-xl font-bold dark:text-white"
 }, e.value)]);
-w.props = {
+k.props = {
 	label: {
 		type: String,
 		required: !0
@@ -390,4 +417,133 @@ w.props = {
 	}
 };
 //#endregion
-export { s as Button, d as Checkbox, g as FormItem, l as Input, S as Modal, p as Radio, h as Select, C as Table, w as Widget };
+//#region src/components/icons/chevron-left.vue
+var A = {}, j = {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	"stroke-width": "1.5",
+	stroke: "currentColor"
+};
+function M(e, t) {
+	return a(), n("svg", j, [...t[0] ||= [r("path", {
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "M15.75 19.5 8.25 12l7.5-7.5"
+	}, null, -1)]]);
+}
+var N = /* @__PURE__ */ x(A, [["render", M]]), P = {}, F = {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	"stroke-width": "1.5",
+	stroke: "currentColor"
+};
+function I(e, t) {
+	return a(), n("svg", F, [...t[0] ||= [r("path", {
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "m8.25 4.5 7.5 7.5-7.5 7.5"
+	}, null, -1)]]);
+}
+var L = /* @__PURE__ */ x(P, [["render", I]]), R = {
+	active: "bg-blue-600 text-white dark:bg-blue-600",
+	inactive: "text-gray-900 cursor-pointer hover:bg-gray-50 dark:text-white dark:hover:bg-gray-700",
+	item: "w-9 h-9 flex items-center justify-center"
+}, z = (e, t) => {
+	let n = e?.active && e?.active >= e.total;
+	return i("nav", { class: "border flex w-fit rounded-md border-gray-300 dark:border-gray-700" }, [
+		e?.active && e?.active < 2 ? null : i("a", {
+			"aria-label": "Prev",
+			class: [
+				R.item,
+				R.inactive,
+				"border-r border-gray-300 rounded-l-md dark:border-gray-700"
+			],
+			onClick: (n) => {
+				n.preventDefault(), e.active && t.emit("update:active", e.active - 1);
+			}
+		}, i(N, { class: "size-4" })),
+		...Array.from({ length: e.total }, (e, t) => t + 1).map((r) => i(r === e.active ? "span" : "a", {
+			class: [
+				e.active === r ? R.active : R.inactive,
+				R.item,
+				r === 1 ? "rounded-l-md" : "",
+				r < e.total || r === e.total && !n ? "border-r border-gray-300 dark:border-gray-700" : "rounded-r-md"
+			],
+			"data-page": r,
+			onClick: (e) => {
+				e.preventDefault(), t.emit("update:active", r);
+			}
+		}, r)),
+		n ? null : i("a", {
+			"aria-label": "Next",
+			class: [
+				R.item,
+				R.inactive,
+				"rounded-r-md"
+			],
+			onClick: (n) => {
+				n.preventDefault(), e.active && t.emit("update:active", e.active + 1);
+			}
+		}, i(L, { class: "size-4" }))
+	]);
+};
+z.props = {
+	total: {
+		type: Number,
+		required: !0
+	},
+	active: Number
+}, z.emits = ["update:active"];
+//#endregion
+//#region src/components/message/message.compose.ts
+var B = o([]);
+function V() {
+	function e() {
+		return B.value;
+	}
+	function t(e, t = 3e3) {
+		let n = Date.now();
+		B.value.push({
+			id: n,
+			message: e,
+			duration: t
+		}), setTimeout(() => r(n), t);
+	}
+	function n() {
+		B.value = [];
+	}
+	function r(e) {
+		B.value = B.value.filter((t) => t.id !== e);
+	}
+	return {
+		getItems: e,
+		info: t,
+		clear: n,
+		close: r
+	};
+}
+//#endregion
+//#region src/components/message/message.ts
+var H = () => {
+	let { getItems: e } = V();
+	return i(t, {
+		tag: "div",
+		enterFromClass: "opacity-0 -translate-y-full",
+		enterActiveClass: "transition transition-all duration-150",
+		enterToClass: "opacity-100 translate-y-0",
+		leaveFromClass: "opacity-100 translate-y-0",
+		leaveActiveClass: "transition transition-all duration-150 absolute",
+		leaveToClass: "opacity-0 -translate-y-full",
+		moveClass: "transition transition-all duration-150",
+		"data-test": "message-wrapper",
+		class: "fixed top-4 left-1/2 -translate-x-1/2 z-9999 space-y-2"
+	}, () => e().map((e) => i("div", {
+		key: e.id,
+		"data-test": "message",
+		class: "bg-gray-900 text-white px-3 py-2 rounded-md whitespace-nowrap dark:bg-gray-700"
+	}, e.message)));
+};
+//#endregion
+export { l as Button, h as Checkbox, b as FormItem, p as Input, H as Message, D as Modal, z as Pagination, _ as Radio, y as Select, O as Table, k as Widget, V as useMessage };

package/dist/gurun-kit.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.GurunKit={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={base:`font-medium cursor-pointer inline-flex items-center justify-center`,colors:{primary:`bg-blue-600 text-white hover:bg-blue-700`,success:`bg-green-600 text-white hover:bg-green-700`,error:`bg-red-600 text-white hover:bg-red-700`,warning:`bg-yellow-600 text-white hover:bg-yellow-700`,light:`bg-white text-gray-700 hover:bg-gray-100`},sizes:{sm:`h-8 px-3 rounded text-sm`,md:`h-10 px-4 rounded-md`,lg:`h-12 px-6 rounded-md text-lg`}},r=(e,r)=>{let{class:i,...a}=r.attrs;return(0,t.h)(e.tag??`button`,{class:[i,n.base,n.colors[e.color??`primary`],n.sizes[e.size??`md`]],...a},{default:r.slots.default})};r.props={color:{type:String,default:`primary`},size:{type:String,default:`md`},tag:{type:null,default:`button`}};var i={base:`border focus:outline-1`,file:`pl-0 file:bg-gray-100 file:h-full file:text-gray-900 file:border-r dark:file:bg-gray-700 dark:file:text-white`,colors:{primary:{base:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,file:`file:border-blue-300 focus:file:border-blue-600 dark:file:border-blue-600 dark:focus:file:border-blue-400`},success:{base:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300`,file:`file:border-green-300 focus:file:border-green-600 dark:file:border-green-600 dark:focus:file:border-green-400`},error:{base:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300`,file:`file:border-red-300 focus:file:border-red-600 dark:file:border-red-600 dark:focus:file:border-red-400`},warning:{base:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,file:`file:border-yellow-300 focus:file:border-yellow-600 dark:file:border-yellow-600 dark:focus:file:border-yellow-400`},light:{base:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300`,file:`file:border-gray-300 focus:file:border-blue-600 dark:file:border-gray-600 dark:focus:file:border-blue-400`}},sizes:{sm:{base:`px-2.5 rounded text-sm`,input:`h-8`,textarea:`min-h-8 py-2`,file:`file:text-sm file:px-2.5 file:mr-2.5`},md:{base:`px-3 rounded-md`,input:`h-10`,textarea:`min-h-10 py-2`,file:`file:px-3 file:mr-3`},lg:{base:`px-4 rounded-md text-lg`,input:`h-12`,textarea:`min-h-12 py-3`,file:`file:text-lg file:px-4 file:mr-4`}}},a=(e,n)=>{let{class:r,type:a,...o}=n.attrs;return(0,t.h)(e.tag===`textarea`?`textarea`:`input`,{type:a,class:[r,i.base,...a===`file`?[i.file,i.colors[e.color??`light`].file,i.sizes[e.size??`md`].file]:[],i.colors[e.color??`light`].base,i.sizes[e.size??`md`].base,i.sizes[e.size??`md`][e.tag===`textarea`?`textarea`:`input`]],...o,value:e.modelValue,onInput:e=>n.emit(`update:modelValue`,e.target.value)})};a.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:String,tag:{type:String,default:`input`}};var o={wrapper:`inline-flex items-center gap-2.5`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 rounded-sm after:w-1.5 after:border-l-1 after:border-b-1 after:h-1 after:top-0.5 after:left-0.5`,md:`size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5`,lg:`size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75`}},s=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:o.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`checkbox`,checked:Array.isArray(e.modelValue)?e.modelValue.findIndex(t=>t===e.inputValue)!==-1:e.modelValue,class:[o.base,o.colors[e.color??`light`],o.sizes[e.size??`md`]],onChange:t=>{let r=t.target.checked;n.emit(`update:modelValue`,Array.isArray(e.modelValue)?r?[...e.modelValue,e.inputValue]:e.modelValue.filter(t=>t!==e.inputValue):r)}}),e.label?(0,t.h)(`label`,{class:o.label,for:r},e.label):null])};s.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:[Boolean,Array],id:String},s.emits=[`update:modelValue`];var c={wrapper:`inline-flex items-center gap-2`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 after:size-1.25`,md:`size-4 after:size-1.75`,lg:`size-6 after:size-3`}},l=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:c.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`radio`,checked:e.modelValue===e.inputValue,class:[c.base,c.colors[e.color??`light`],c.sizes[e.size??`md`]],onChange:()=>{n.emit(`update:modelValue`,e.inputValue)}}),e.label?(0,t.h)(`label`,{class:c.label,for:r},e.label):null])};l.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:String,id:String},l.emits=[`update:modelValue`];var u={base:`appearance-none border focus:outline-1`,wrapper:`w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute`,colors:{primary:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,success:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300`,error:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300`,warning:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,light:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300`},wrapperSizes:{sm:`after:size-1.75 after:top-2.5 after:right-2.5 has-focus:after:top-3.5`,md:`after:size-2 after:top-3.25 after:right-3 has-focus:after:top-4.25`,lg:`after:size-2 after:top-4.25 after:right-4 has-focus:after:top-5.25`},sizes:{sm:`h-8 px-2.5 pr-8 rounded text-sm`,md:`h-10 pl-3 pr-10 rounded-md`,lg:`h-12 px-4 pr-12 rounded-md text-lg`}},d=(e,n)=>{let{class:r,type:i,...a}=n.attrs;return(0,t.h)(`div`,{class:[u.wrapper,u.wrapperSizes[e.size??`md`]]},(0,t.h)(`select`,{type:i,class:[r,u.base,u.colors[e.color??`light`],u.sizes[e.size??`md`]],...a,value:e.modelValue,onChange:e=>n.emit(`update:modelValue`,e.target.value)},e.options?.map(e=>(0,t.h)(`option`,{value:typeof e==`object`?e.id:e},typeof e==`object`?e.name:e))))};d.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:null,options:{type:Array,default:()=>[]}};var f=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,[(0,t.h)(`label`,{class:`block mb-1`,for:r},e.label),n.slots.default?n.slots.default({id:r}):null])};f.props={label:{type:String,required:!0},id:String};var p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m={},h={xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:`currentColor`};function g(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`svg`,h,[...n[0]||=[(0,t.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,d:`M6 18 18 6M6 6l12 12`},null,-1)]])}var _=p(m,[[`render`,g]]),v=(e,n)=>{let r=()=>{n.emit(`update:visible`,!1),n.emit(`close`)};return(0,t.h)(t.Transition,{enterFromClass:`opacity-0`,enterActiveClass:`transition transition-all duration-150`,enterToClass:`opacity-100`,leaveFromClass:`opacity-100`,leaveActiveClass:`transition transition-all duration-150`,leaveToClass:`opacity-0`},()=>e.visible?(0,t.h)(`div`,{role:`dialog`,class:`fixed inset-0 bg-black/50 w-full h-screen z-30 flex items-center justify-center`,onClick:r},(0,t.h)(`div`,{"data-test":`dialog-content`,class:`bg-white text-gray-900 max-w-screen-md w-full rounded-md shadow`,onClick:e=>{e.stopPropagation()}},[e.title?(0,t.h)(`header`,{class:`p-4 border-b border-gray-300 flex items-center justify-between`},[(0,t.h)(`h2`,{class:`font-bold text-lg`},e.title),(0,t.h)(`button`,{"aria-label":`Close Modal`,class:`cursor-pointer`,onClick:r},(0,t.h)(_,{class:`size-5`}))]):null,(0,t.h)(`div`,{"data-test":`dialog-body`,class:`p-4`},n.slots.default?.()),n.slots.footer?(0,t.h)(`footer`,{class:`p-4 border-t border-gray-300`},n.slots.footer()):null])):void 0)};v.props={title:String,visible:Boolean},v.emits=[`update:visible`,`close`];var y=e=>(0,t.h)(`div`,{class:`overflow-x-auto`},(0,t.h)(`table`,{class:`w-full border border-gray-300 dark:border-gray-700`},[(0,t.h)(`thead`,(0,t.h)(`tr`,e.columns?.map(e=>(0,t.h)(`th`,{class:`text-left font-bold px-4 py-3 border-b border-gray-300 bg-gray-50 text-gray-900 dark:bg-gray-800 dark:text-white dark:border-gray-700`},e.name)))),(0,t.h)(`tbody`,e.data?.length?e.data?.map(n=>(0,t.h)(`tr`,e.columns?.map(e=>(0,t.h)(`td`,{class:`text-gray-900 px-4 py-3 border-b border-gray-300 dark:text-white dark:border-gray-700`},e.render?(0,t.h)(e.render,{item:n}):n[e.id])))):(0,t.h)(`tr`,(0,t.h)(`td`,{colspan:2,class:`text-gray-900 px-4 py-3 dark:text-white`},`Empty data`)))]));y.props={columns:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}};var b=e=>(0,t.h)(`div`,{class:`bg-white border border-gray-300 rounded-lg px-5 py-4.5 space-y-2 dark:bg-gray-800 dark:border-gray-700`},[(0,t.h)(`p`,{"data-test":`widget-label`,class:`text-gray-700 dark:text-gray-400`},e.label),(0,t.h)(`p`,{"data-test":`widget-value`,class:`text-gray-900 text-xl font-bold dark:text-white`},e.value)]);b.props={label:{type:String,required:!0},value:{type:[String,Number],required:!0}},e.Button=r,e.Checkbox=s,e.FormItem=f,e.Input=a,e.Modal=v,e.Radio=l,e.Select=d,e.Table=y,e.Widget=b});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.GurunKit={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={base:`font-medium cursor-pointer inline-flex items-center justify-center`,colors:{primary:`bg-blue-600 text-white hover:bg-blue-700`,success:`bg-green-600 text-white hover:bg-green-700`,error:`bg-red-600 text-white hover:bg-red-700`,warning:`bg-yellow-600 text-white hover:bg-yellow-700`,light:`bg-white text-gray-700 hover:bg-gray-100`},sizes:{sm:`h-8 px-3 rounded text-sm`,md:`h-10 px-4 rounded-md`,lg:`h-12 px-6 rounded-md text-lg`}},r=(e,r)=>{let{class:i,...a}=r.attrs;return(0,t.h)(e.tag??`button`,{class:[i,n.base,n.colors[e.color??`primary`],n.sizes[e.size??`md`]],...a},{default:r.slots.default})};r.props={color:{type:String,default:`primary`},size:{type:String,default:`md`},tag:{type:null,default:`button`}};function i(e){return typeof e==`number`?new Intl.NumberFormat().format(e):new Intl.NumberFormat().format(Number(e.replace(/\D/gi,``)))}function a(e){return`${Number(e.replace(/\D/gi,``))}`}var o={base:`border focus:outline-1`,file:`pl-0 file:bg-gray-100 file:h-full file:text-gray-900 file:border-r dark:file:bg-gray-700 dark:file:text-white`,colors:{primary:{base:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,file:`file:border-blue-300 focus:file:border-blue-600 dark:file:border-blue-600 dark:focus:file:border-blue-400`},success:{base:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300`,file:`file:border-green-300 focus:file:border-green-600 dark:file:border-green-600 dark:focus:file:border-green-400`},error:{base:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300`,file:`file:border-red-300 focus:file:border-red-600 dark:file:border-red-600 dark:focus:file:border-red-400`},warning:{base:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,file:`file:border-yellow-300 focus:file:border-yellow-600 dark:file:border-yellow-600 dark:focus:file:border-yellow-400`},light:{base:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300`,file:`file:border-gray-300 focus:file:border-blue-600 dark:file:border-gray-600 dark:focus:file:border-blue-400`}},sizes:{sm:{base:`px-2.5 rounded text-sm`,input:`h-8`,textarea:`min-h-8 py-2`,file:`file:text-sm file:px-2.5 file:mr-2.5`},md:{base:`px-3 rounded-md`,input:`h-10`,textarea:`min-h-10 py-2`,file:`file:px-3 file:mr-3`},lg:{base:`px-4 rounded-md text-lg`,input:`h-12`,textarea:`min-h-12 py-3`,file:`file:text-lg file:px-4 file:mr-4`}}},s=(e,n)=>{let{class:r,type:s,...c}=n.attrs;return(0,t.h)(e.tag===`textarea`?`textarea`:`input`,{type:s,class:[r,o.base,...s===`file`?[o.file,o.colors[e.color??`light`].file,o.sizes[e.size??`md`].file]:[],o.colors[e.color??`light`].base,o.sizes[e.size??`md`].base,o.sizes[e.size??`md`][e.tag===`textarea`?`textarea`:`input`]],...c,value:e.currency?i(Number(e.modelValue)):e.modelValue,onInput:t=>{let r=t.target.value;n.emit(`update:modelValue`,e.currency?a(r):r)}})};s.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:String,tag:{type:String,default:`input`},currency:Boolean};var c={wrapper:`inline-flex items-center gap-2.5`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 rounded-sm after:w-1.5 after:border-l-1 after:border-b-1 after:h-1 after:top-0.5 after:left-0.5`,md:`size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5`,lg:`size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75`}},l=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:c.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`checkbox`,checked:Array.isArray(e.modelValue)?e.modelValue.findIndex(t=>t===e.inputValue)!==-1:e.modelValue,class:[c.base,c.colors[e.color??`light`],c.sizes[e.size??`md`]],onChange:t=>{let r=t.target.checked;n.emit(`update:modelValue`,Array.isArray(e.modelValue)?r?[...e.modelValue,e.inputValue]:e.modelValue.filter(t=>t!==e.inputValue):r)}}),e.label?(0,t.h)(`label`,{class:c.label,for:r},e.label):null])};l.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:[Boolean,Array],id:String},l.emits=[`update:modelValue`];var u={wrapper:`inline-flex items-center gap-2`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 after:size-1.25`,md:`size-4 after:size-1.75`,lg:`size-6 after:size-3`}},d=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:u.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`radio`,checked:e.modelValue===e.inputValue,class:[u.base,u.colors[e.color??`light`],u.sizes[e.size??`md`]],onChange:()=>{n.emit(`update:modelValue`,e.inputValue)}}),e.label?(0,t.h)(`label`,{class:u.label,for:r},e.label):null])};d.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:String,id:String},d.emits=[`update:modelValue`];var f={base:`appearance-none border focus:outline-1`,wrapper:`w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute`,colors:{primary:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,success:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300`,error:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300`,warning:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,light:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300`},wrapperSizes:{sm:`after:size-1.75 after:top-2.5 after:right-2.5 has-focus:after:top-3.5`,md:`after:size-2 after:top-3.25 after:right-3 has-focus:after:top-4.25`,lg:`after:size-2 after:top-4.25 after:right-4 has-focus:after:top-5.25`},sizes:{sm:`h-8 px-2.5 pr-8 rounded text-sm`,md:`h-10 pl-3 pr-10 rounded-md`,lg:`h-12 px-4 pr-12 rounded-md text-lg`}},p=(e,n)=>{let{class:r,type:i,...a}=n.attrs;return(0,t.h)(`div`,{class:[f.wrapper,f.wrapperSizes[e.size??`md`]]},(0,t.h)(`select`,{type:i,class:[r,f.base,f.colors[e.color??`light`],f.sizes[e.size??`md`]],...a,value:e.modelValue===null?``:e.modelValue,onChange:e=>{let t=e.target.value;n.emit(`update:modelValue`,t===``?null:t)}},e.options?.map(e=>(0,t.h)(`option`,{value:typeof e==`object`&&e?e.id===null?``:e.id:e===null?``:e},typeof e==`object`&&e?e.name:e))))};p.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:null,options:{type:Array,default:()=>[]}};var m=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,[(0,t.h)(`label`,{class:`block mb-1`,for:r},e.label),n.slots.default?n.slots.default({id:r}):null])};m.props={label:{type:String,required:!0},id:String};var h=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},g={},_={xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:`currentColor`};function v(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`svg`,_,[...n[0]||=[(0,t.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,d:`M6 18 18 6M6 6l12 12`},null,-1)]])}var y=h(g,[[`render`,v]]),b={size:{sm:`max-w-md`,md:`max-w-2xl`,lg:`max-w-4xl`}},x=(e,n)=>{let r=()=>{n.emit(`update:visible`,!1),n.emit(`close`)};return(0,t.h)(t.Transition,{enterFromClass:`opacity-0`,enterActiveClass:`transition transition-all duration-150`,enterToClass:`opacity-100`,leaveFromClass:`opacity-100`,leaveActiveClass:`transition transition-all duration-150`,leaveToClass:`opacity-0`},()=>e.visible?(0,t.h)(`div`,{role:`dialog`,class:`fixed inset-0 bg-black/50 w-full h-screen z-30 flex items-center justify-center`,onClick:r},(0,t.h)(`div`,{"data-test":`dialog-content`,class:[`bg-white text-gray-900 w-full rounded-md shadow`,b.size[e.size??`md`]],onClick:e=>{e.stopPropagation()}},[e.title?(0,t.h)(`header`,{class:`p-4 border-b border-gray-300 flex items-center justify-between`},[(0,t.h)(`h2`,{class:`font-bold text-lg`},e.title),(0,t.h)(`button`,{"aria-label":`Close Modal`,class:`cursor-pointer`,onClick:r},(0,t.h)(y,{class:`size-5`}))]):null,(0,t.h)(`div`,{"data-test":`dialog-body`,class:`p-4`},n.slots.default?.()),n.slots.footer?(0,t.h)(`footer`,{class:`p-4 border-t border-gray-300`},n.slots.footer()):null])):void 0)};x.props={title:String,visible:Boolean,size:{type:String,default:`md`}},x.emits=[`update:visible`,`close`];var S=e=>(0,t.h)(`div`,{class:`overflow-x-auto`},(0,t.h)(`table`,{class:`w-full border border-gray-300 dark:border-gray-700`},[(0,t.h)(`thead`,(0,t.h)(`tr`,e.columns?.map(e=>(0,t.h)(`th`,{class:`text-left font-bold px-4 py-3 border-b border-gray-300 bg-gray-50 text-gray-900 dark:bg-gray-800 dark:text-white dark:border-gray-700`},e.name)))),(0,t.h)(`tbody`,e.data?.length?e.data?.map(n=>(0,t.h)(`tr`,e.columns?.map(e=>(0,t.h)(`td`,{class:`text-gray-900 px-4 py-3 border-b border-gray-300 dark:text-white dark:border-gray-700`},e.render?(0,t.h)(e.render,{item:n}):n[e.id])))):(0,t.h)(`tr`,(0,t.h)(`td`,{colspan:2,class:`text-gray-900 px-4 py-3 dark:text-white`},e.emptyMessage)))]));S.props={columns:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},emptyMessage:{type:String,default:`Empty data`}};var C=e=>(0,t.h)(`div`,{class:`bg-white border border-gray-300 rounded-lg px-5 py-4.5 space-y-2 dark:bg-gray-800 dark:border-gray-700`},[(0,t.h)(`p`,{"data-test":`widget-label`,class:`text-gray-700 dark:text-gray-400`},e.label),(0,t.h)(`p`,{"data-test":`widget-value`,class:`text-gray-900 text-xl font-bold dark:text-white`},e.value)]);C.props={label:{type:String,required:!0},value:{type:[String,Number],required:!0}};var w={},T={xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:`currentColor`};function E(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`svg`,T,[...n[0]||=[(0,t.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,d:`M15.75 19.5 8.25 12l7.5-7.5`},null,-1)]])}var D=h(w,[[`render`,E]]),O={},k={xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:`currentColor`};function A(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`svg`,k,[...n[0]||=[(0,t.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,d:`m8.25 4.5 7.5 7.5-7.5 7.5`},null,-1)]])}var j=h(O,[[`render`,A]]),M={active:`bg-blue-600 text-white dark:bg-blue-600`,inactive:`text-gray-900 cursor-pointer hover:bg-gray-50 dark:text-white dark:hover:bg-gray-700`,item:`w-9 h-9 flex items-center justify-center`},N=(e,n)=>{let r=e?.active&&e?.active>=e.total;return(0,t.h)(`nav`,{class:`border flex w-fit rounded-md border-gray-300 dark:border-gray-700`},[e?.active&&e?.active<2?null:(0,t.h)(`a`,{"aria-label":`Prev`,class:[M.item,M.inactive,`border-r border-gray-300 rounded-l-md dark:border-gray-700`],onClick:t=>{t.preventDefault(),e.active&&n.emit(`update:active`,e.active-1)}},(0,t.h)(D,{class:`size-4`})),...Array.from({length:e.total},(e,t)=>t+1).map(i=>(0,t.h)(i===e.active?`span`:`a`,{class:[e.active===i?M.active:M.inactive,M.item,i===1?`rounded-l-md`:``,i<e.total||i===e.total&&!r?`border-r border-gray-300 dark:border-gray-700`:`rounded-r-md`],"data-page":i,onClick:e=>{e.preventDefault(),n.emit(`update:active`,i)}},i)),r?null:(0,t.h)(`a`,{"aria-label":`Next`,class:[M.item,M.inactive,`rounded-r-md`],onClick:t=>{t.preventDefault(),e.active&&n.emit(`update:active`,e.active+1)}},(0,t.h)(j,{class:`size-4`}))])};N.props={total:{type:Number,required:!0},active:Number},N.emits=[`update:active`];var P=(0,t.ref)([]);function F(){function e(){return P.value}function t(e,t=3e3){let n=Date.now();P.value.push({id:n,message:e,duration:t}),setTimeout(()=>r(n),t)}function n(){P.value=[]}function r(e){P.value=P.value.filter(t=>t.id!==e)}return{getItems:e,info:t,clear:n,close:r}}e.Button=r,e.Checkbox=l,e.FormItem=m,e.Input=s,e.Message=()=>{let{getItems:e}=F();return(0,t.h)(t.TransitionGroup,{tag:`div`,enterFromClass:`opacity-0 -translate-y-full`,enterActiveClass:`transition transition-all duration-150`,enterToClass:`opacity-100 translate-y-0`,leaveFromClass:`opacity-100 translate-y-0`,leaveActiveClass:`transition transition-all duration-150 absolute`,leaveToClass:`opacity-0 -translate-y-full`,moveClass:`transition transition-all duration-150`,"data-test":`message-wrapper`,class:`fixed top-4 left-1/2 -translate-x-1/2 z-9999 space-y-2`},()=>e().map(e=>(0,t.h)(`div`,{key:e.id,"data-test":`message`,class:`bg-gray-900 text-white px-3 py-2 rounded-md whitespace-nowrap dark:bg-gray-700`},e.message)))},e.Modal=x,e.Pagination=N,e.Radio=d,e.Select=p,e.Table=S,e.Widget=C,e.useMessage=F});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gurunkit",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "author": "Narakode <ibrahimalanshor6@gmail.com> (https://narakode.id)",
   "keywords": [
     "vue",