@iankibetsh/sh-tailwind 0.1.1 → 0.1.3

package/dist/sh-tailwind.es.js

@@ -1,7 +1,7 @@
 import { ShCore as e, getShConfig as t, shApis as n, shRepo as r, shStorage as i, useUserStore as a } from "@iankibetsh/sh-core";
-import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as h, createVNode as g, getCurrentInstance as _, inject as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeStyle as S, onBeforeUnmount as C, onMounted as w, onScopeDispose as T, openBlock as E, provide as D, reactive as ee, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, unref as N, vModelCheckbox as P, vModelDynamic as F, vModelSelect as I, vModelText as L, vShow as R, watch as z, withCtx as B, withDirectives as V, withModifiers as H } from "vue";
+import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as h, createVNode as g, getCurrentInstance as _, inject as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeStyle as S, onBeforeUnmount as C, onMounted as w, onScopeDispose as T, openBlock as E, provide as D, reactive as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, toDisplayString as P, unref as F, vModelCheckbox as ee, vModelDynamic as I, vModelSelect as L, vModelText as R, vShow as z, watch as B, withCtx as V, withDirectives as H, withModifiers as U } from "vue";
 //#region src/theme/defaultTheme.js
-var U = {
+var W = {
 	form: {
 		form: "space-y-4",
 		group: "space-y-1",
@@ -146,26 +146,46 @@ var U = {
 		multiCount: "inline-flex items-center justify-center rounded-full bg-blue-600 px-2 py-0.5 text-xs font-semibold text-white",
 		multiBtn: "inline-flex items-center justify-center gap-1 rounded-md border border-blue-200 px-3 py-1.5 text-xs font-medium text-blue-700 hover:bg-blue-50"
 	},
+	tabs: {
+		nav: "flex flex-wrap items-center gap-1 border-b border-gray-200",
+		tab: "group relative -mb-px inline-flex items-center gap-2 border-b-2 border-transparent px-3 py-2 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 disabled:pointer-events-none disabled:opacity-40",
+		tabActive: "group relative -mb-px inline-flex items-center gap-2 border-b-2 border-blue-600 px-3 py-2 text-sm font-medium text-blue-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40",
+		icon: "size-4 shrink-0",
+		count: "inline-flex min-w-5 items-center justify-center rounded-full bg-gray-100 px-1.5 py-0.5 text-xs font-semibold text-gray-600",
+		countActive: "inline-flex min-w-5 items-center justify-center rounded-full bg-blue-100 px-1.5 py-0.5 text-xs font-semibold text-blue-700",
+		panel: "pt-4 focus:outline-none",
+		empty: "rounded-md bg-amber-50 px-4 py-3 text-sm text-amber-700",
+		pills: {
+			nav: "flex flex-wrap items-center gap-1.5",
+			tab: "inline-flex items-center gap-2 rounded-full px-3.5 py-1.5 text-sm font-medium text-gray-600 hover:bg-gray-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 disabled:pointer-events-none disabled:opacity-40",
+			tabActive: "inline-flex items-center gap-2 rounded-full bg-blue-600 px-3.5 py-1.5 text-sm font-medium text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40"
+		},
+		boxed: {
+			nav: "flex flex-wrap items-center gap-1 border-b border-gray-200",
+			tab: "inline-flex items-center gap-2 rounded-t-lg border border-transparent px-3.5 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 hover:text-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 disabled:pointer-events-none disabled:opacity-40",
+			tabActive: "inline-flex items-center gap-2 -mb-px rounded-t-lg border border-gray-200 border-b-white bg-white px-3.5 py-2 text-sm font-medium text-blue-600 focus:outline-none"
+		}
+	},
 	buttons: {
 		primary: "inline-flex items-center justify-center gap-2 rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500/40 disabled:opacity-60",
 		secondary: "inline-flex items-center justify-center gap-2 rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none",
 		danger: "inline-flex items-center justify-center gap-2 rounded-md bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500/40",
 		link: "inline-flex cursor-pointer items-center gap-1 text-sm text-blue-600 hover:underline"
 	}
-}, W = Symbol("sh-tw-theme"), te = Symbol("sh-tw-components"), ne = Symbol("sh-dialog-context"), G = (e) => typeof e == "object" && !!e && !Array.isArray(e);
-function K(e, t) {
-	if (!G(e)) return t ?? e;
+}, G = Symbol("sh-tw-theme"), K = Symbol("sh-tw-components"), q = Symbol("sh-dialog-context"), J = (e) => typeof e == "object" && !!e && !Array.isArray(e);
+function te(e, t) {
+	if (!J(e)) return t ?? e;
 	let n = { ...e };
-	return G(t) && Object.keys(t).forEach((r) => {
-		G(e[r]) && G(t[r]) ? n[r] = K(e[r], t[r]) : n[r] = t[r];
+	return J(t) && Object.keys(t).forEach((r) => {
+		J(e[r]) && J(t[r]) ? n[r] = te(e[r], t[r]) : n[r] = t[r];
 	}), n;
 }
 //#endregion
 //#region src/plugin/ShTailwind.js
-var re = { install(t, n = {}) {
+var ne = { install(t, n = {}) {
 	e.install(t, n);
-	let r = K(U, n.theme ?? {});
-	t.provide(W, r), t.provide(te, n.formComponents ?? {}), t.provide("formComponents", n.formComponents ?? {}), t.provide("shFormElementClasses", {
+	let r = te(W, n.theme ?? {});
+	t.provide(G, r), t.provide(K, n.formComponents ?? {}), t.provide("formComponents", n.formComponents ?? {}), t.provide("shFormElementClasses", {
 		formGroup: r.form.group,
 		formLabel: r.form.label,
 		formControl: r.form.input,
@@ -174,40 +194,40 @@ var re = { install(t, n = {}) {
 		formErrorTitle: r.form.errorTitle,
 		actionBtn: r.form.submitBtn
 	});
-} }, ie = (e = {}) => ({ install: (t) => re.install(t, e) });
+} }, Y = (e = {}) => ({ install: (t) => ne.install(t, e) });
 //#endregion
 //#region src/theme/useTheme.js
-function q(e, t = null) {
-	let n = v(W, U);
-	return l(() => K(n[e] ?? U[e], N(t) ?? {}));
+function X(e, t = null) {
+	let n = v(G, W);
+	return l(() => te(n[e] ?? W[e], F(t) ?? {}));
 }
 //#endregion
 //#region src/composables/useScrollLock.js
-var J = 0;
-function ae() {
-	if (++J === 1) {
+var re = 0;
+function ie() {
+	if (++re === 1) {
 		let e = window.innerWidth - document.documentElement.clientWidth;
 		e > 0 && (document.body.style.paddingRight = `${e}px`), document.body.style.overflow = "hidden";
 	}
 }
-function oe() {
-	J > 0 && --J === 0 && (document.body.style.overflow = "", document.body.style.paddingRight = "");
+function Z() {
+	re > 0 && --re === 0 && (document.body.style.overflow = "", document.body.style.paddingRight = "");
 }
 //#endregion
 //#region src/composables/useDialog.js
-var se = 50, Y = [];
-function ce({ isStatic: e, onClose: t, onOpen: n } = {}) {
-	let r = O(!1), i = O(se), a = null, o = {}, s = (t) => {
-		t.key === "Escape" && Y[Y.length - 1] === o && (e?.() || l("escape"));
+var ae = 50, oe = [];
+function se({ isStatic: e, onClose: t, onOpen: n } = {}) {
+	let r = k(!1), i = k(ae), a = null, o = {}, s = (t) => {
+		t.key === "Escape" && oe[oe.length - 1] === o && (e?.() || l("escape"));
 	};
 	function c() {
-		r.value || (a = document.activeElement, i.value = se + Y.length * 10, Y.push(o), r.value = !0, ae(), document.addEventListener("keydown", s), n?.());
+		r.value || (a = document.activeElement, i.value = ae + oe.length * 10, oe.push(o), r.value = !0, ie(), document.addEventListener("keydown", s), n?.());
 	}
 	function l(e = "api") {
 		if (!r.value) return;
 		r.value = !1;
-		let n = Y.indexOf(o);
-		n >= 0 && Y.splice(n, 1), oe(), document.removeEventListener("keydown", s), a?.focus?.(), t?.(e);
+		let n = oe.indexOf(o);
+		n >= 0 && oe.splice(n, 1), Z(), document.removeEventListener("keydown", s), a?.focus?.(), t?.(e);
 	}
 	function u() {
 		e?.() || l("backdrop");
@@ -224,7 +244,7 @@ function ce({ isStatic: e, onClose: t, onOpen: n } = {}) {
 }
 //#endregion
 //#region src/utils/strings.js
-var le = (e) => String(e ?? "").replace(/[_-]+/g, " ").replace(/([a-z\d])([A-Z])/g, "$1 $2").trim().split(/\s+/).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "), ue = {
+var ce = (e) => String(e ?? "").replace(/[_-]+/g, " ").replace(/([a-z\d])([A-Z])/g, "$1 $2").trim().split(/\s+/).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "), Q = {
 	password: "password",
 	pin: "pin",
 	password_confirmation: "password",
@@ -238,22 +258,22 @@ var le = (e) => String(e ?? "").replace(/[_-]+/g, " ").replace(/([a-z\d])([A-Z])
 	age: "number",
 	date: "date"
 };
-function X(e) {
+function le(e) {
 	if (e.type) return e.type;
 	if (e.component) return "custom";
 	if (e.options) return e.multiple || e.allowCustom ? "suggest" : "select";
 	let t = e.name ?? "";
-	return ue[t] ? ue[t] : /_email$/.test(t) ? "email" : /_phone$/.test(t) ? "phone" : /(_at|_date|_on)$/.test(t) ? "date" : "text";
+	return Q[t] ? Q[t] : /_email$/.test(t) ? "email" : /_phone$/.test(t) ? "phone" : /(_at|_date|_on)$/.test(t) ? "date" : "text";
 }
-function de(e, t = {}) {
+function ue(e, t = {}) {
 	return (e ?? []).map((e) => {
 		let n = typeof e == "string" ? { name: e } : { ...e };
-		return n.name = n.name ?? n.field, n.name ? (n.type = X(n), n.label !== !1 && (n.label = n.label ?? le(n.name)), n.placeholder = n.placeholder ?? "", n.helper = n.helper ?? "", n.required = !!n.required, n.value = n.value ?? t?.[n.name] ?? null, n) : (console.warn("[sh-tailwind] form field without a name was skipped", e), null);
+		return n.name = n.name ?? n.field, n.name ? (n.type = le(n), n.label !== !1 && (n.label = n.label ?? ce(n.name)), n.placeholder = n.placeholder ?? "", n.helper = n.helper ?? "", n.required = !!n.required, n.value = n.value ?? t?.[n.name] ?? null, n) : (console.warn("[sh-tailwind] form field without a name was skipped", e), null);
 	}).filter(Boolean);
 }
 //#endregion
 //#region src/components/form/ShFormSteps.vue
-var fe = {
+var de = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	class: "size-4",
@@ -261,7 +281,7 @@ var fe = {
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"stroke-width": "2.5"
-}, pe = {
+}, fe = {
 	__name: "ShFormSteps",
 	props: {
 		steps: {
@@ -274,35 +294,35 @@ var fe = {
 		}
 	},
 	setup(e) {
-		let t = q("form");
-		return (n, r) => (E(), f("div", { class: x(N(t).steps.wrapper) }, [(E(!0), f(o, null, k(e.steps, (n, i) => (E(), f("div", {
+		let t = X("form");
+		return (n, r) => (E(), f("div", { class: x(F(t).steps.wrapper) }, [(E(!0), f(o, null, A(e.steps, (n, i) => (E(), f("div", {
 			key: i,
-			class: x(N(t).steps.step)
+			class: x(F(t).steps.step)
 		}, [
 			i > 0 ? (E(), f("div", {
 				key: 0,
-				class: x(i <= e.current ? N(t).steps.connectorDone : N(t).steps.connector)
+				class: x(i <= e.current ? F(t).steps.connectorDone : F(t).steps.connector)
 			}, null, 2)) : d("", !0),
-			p("div", { class: x(i < e.current ? N(t).steps.circleDone : i === e.current ? N(t).steps.circleActive : N(t).steps.circle) }, [i < e.current ? (E(), f("svg", fe, [...r[0] ||= [p("path", {
+			p("div", { class: x(i < e.current ? F(t).steps.circleDone : i === e.current ? F(t).steps.circleActive : F(t).steps.circle) }, [i < e.current ? (E(), f("svg", de, [...r[0] ||= [p("path", {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				d: "M4.5 12.75l6 6 9-13.5"
-			}, null, -1)]])) : (E(), f(o, { key: 1 }, [h(M(i + 1), 1)], 64))], 2),
-			p("span", { class: x(i === e.current ? N(t).steps.titleActive : N(t).steps.title) }, M(n.title), 3)
+			}, null, -1)]])) : (E(), f(o, { key: 1 }, [h(P(i + 1), 1)], 64))], 2),
+			p("span", { class: x(i === e.current ? F(t).steps.titleActive : F(t).steps.title) }, P(n.title), 3)
 		], 2))), 128))], 2));
 	}
-}, me = (e, t) => {
+}, pe = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, he = {}, ge = {
+}, me = {}, he = {
 	class: "animate-spin",
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24"
 };
-function _e(e, t) {
-	return E(), f("svg", ge, [...t[0] ||= [p("circle", {
+function ge(e, t) {
+	return E(), f("svg", he, [...t[0] ||= [p("circle", {
 		class: "opacity-25",
 		cx: "12",
 		cy: "12",
@@ -315,7 +335,7 @@ function _e(e, t) {
 		d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 	}, null, -1)]]);
 }
-var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"], Z = {
+var _e = /*#__PURE__*/ pe(me, [["render", ge]]), ve = ["placeholder", "disabled"], ye = {
 	__name: "TextInput",
 	props: {
 		modelValue: [String, Number],
@@ -329,13 +349,13 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
 		});
-		return (t, n) => V((E(), f("input", {
+		return (t, n) => H((E(), f("input", {
 			"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 			type: "text",
 			placeholder: e.placeholder,
 			disabled: e.disabled,
 			onFocus: n[1] ||= (e) => r("clearValidationErrors")
-		}, null, 40, ye)), [[L, i.value]]);
+		}, null, 40, ve)), [[R, i.value]]);
 	}
 }, be = [
 	"rows",
@@ -359,15 +379,15 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
 		});
-		return (t, n) => V((E(), f("textarea", {
+		return (t, n) => H((E(), f("textarea", {
 			"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 			rows: e.rows,
 			placeholder: e.placeholder,
 			disabled: e.disabled,
 			onFocus: n[1] ||= (e) => r("clearValidationErrors")
-		}, null, 40, be)), [[L, i.value]]);
+		}, null, 40, be)), [[R, i.value]]);
 	}
-}, Q = ["placeholder", "disabled"], Se = {
+}, Se = ["placeholder", "disabled"], Ce = {
 	__name: "EmailInput",
 	props: {
 		modelValue: String,
@@ -381,21 +401,21 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
 		});
-		return (t, n) => V((E(), f("input", {
+		return (t, n) => H((E(), f("input", {
 			"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 			type: "email",
 			autocomplete: "email",
 			placeholder: e.placeholder,
 			disabled: e.disabled,
 			onFocus: n[1] ||= (e) => r("clearValidationErrors")
-		}, null, 40, Q)), [[L, i.value]]);
+		}, null, 40, Se)), [[R, i.value]]);
 	}
-}, Ce = [
+}, we = [
 	"type",
 	"autocomplete",
 	"placeholder",
 	"disabled"
-], we = {
+], $ = {
 	key: 0,
 	xmlns: "http://www.w3.org/2000/svg",
 	class: "size-4",
@@ -403,7 +423,7 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"stroke-width": "1.5"
-}, $ = {
+}, Te = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	class: "size-4",
@@ -411,7 +431,7 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"stroke-width": "1.5"
-}, Te = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+}, Ee = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
 	__name: "PasswordInput",
 	props: {
 		modelValue: String,
@@ -425,11 +445,11 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 	},
 	emits: ["update:modelValue", "clearValidationErrors"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = q("inputs"), a = O(!1), o = l({
+		let n = e, r = t, i = X("inputs"), a = k(!1), o = l({
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
 		});
-		return (t, n) => (E(), f("div", { class: x(N(i).passwordWrapper) }, [V(p("input", y(t.$attrs, {
+		return (t, n) => (E(), f("div", { class: x(F(i).passwordWrapper) }, [H(p("input", y(t.$attrs, {
 			"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 			type: a.value ? "text" : "password",
 			autocomplete: e.autocomplete,
@@ -437,16 +457,16 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			disabled: e.disabled,
 			class: "pr-9",
 			onFocus: n[1] ||= (e) => r("clearValidationErrors")
-		}), null, 16, Ce), [[F, o.value]]), p("button", {
+		}), null, 16, we), [[I, o.value]]), p("button", {
 			type: "button",
-			class: x(N(i).passwordToggle),
+			class: x(F(i).passwordToggle),
 			tabindex: "-1",
 			onClick: n[2] ||= (e) => a.value = !a.value
-		}, [a.value ? (E(), f("svg", $, [...n[4] ||= [p("path", {
+		}, [a.value ? (E(), f("svg", Te, [...n[4] ||= [p("path", {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			d: "M3.98 8.22A10.48 10.48 0 002.04 11.68a1.01 1.01 0 000 .64C3.42 16.49 7.36 19.5 12 19.5c.99 0 1.95-.14 2.86-.39M6.23 6.23A10.45 10.45 0 0112 4.5c4.64 0 8.57 3.01 9.96 7.18.07.21.07.43 0 .64a10.5 10.5 0 01-4.19 5.45M6.23 6.23L3 3m3.23 3.23l3.65 3.65m7.89 7.89L21 21m-3.23-3.23l-3.65-3.65m0 0a3 3 0 10-4.24-4.24m4.24 4.24L9.88 9.88"
-		}, null, -1)]])) : (E(), f("svg", we, [...n[3] ||= [p("path", {
+		}, null, -1)]])) : (E(), f("svg", $, [...n[3] ||= [p("path", {
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			d: "M2.04 12.32a1.01 1.01 0 010-.64C3.42 7.51 7.36 4.5 12 4.5c4.64 0 8.57 3.01 9.96 7.18.07.21.07.43 0 .64C20.58 16.49 16.64 19.5 12 19.5c-4.64 0-8.57-3.01-9.96-7.18z"
@@ -456,13 +476,13 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
 		}, null, -1)]]))], 2)], 2));
 	}
-}), Ee = [
+}), De = [
 	"value",
 	"type",
 	"disabled",
 	"onInput",
 	"onKeydown"
-], De = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+], Oe = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
 	__name: "PinInput",
 	props: {
 		modelValue: [String, Number],
@@ -480,11 +500,11 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 		"complete"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = q("inputs"), a = l(() => Math.max(1, parseInt(n.length) || 4)), s = O([]), c = O([]), u = (e) => {
+		let n = e, r = t, i = X("inputs"), a = l(() => Math.max(1, parseInt(n.length) || 4)), s = k([]), c = k([]), u = (e) => {
 			let t = String(e ?? "").replace(/\D/g, "").slice(0, a.value).split("");
 			c.value = Array.from({ length: a.value }, (e, n) => t[n] ?? "");
 		};
-		u(n.modelValue), z(a, () => u(n.modelValue)), z(() => n.modelValue, (e) => {
+		u(n.modelValue), B(a, () => u(n.modelValue)), B(() => n.modelValue, (e) => {
 			e !== c.value.join("") && u(e);
 		});
 		let d = () => {
@@ -515,7 +535,7 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			let t = (e.clipboardData?.getData("text") ?? "").replace(/\D/g, "").slice(0, a.value);
 			u(t), d(), p(Math.min(t.length, a.value - 1));
 		}, _ = (e) => n.isInvalid ? i.value.pin.boxInvalid : c.value[e] ? i.value.pin.boxFilled : i.value.pin.box;
-		return (t, n) => (E(), f("div", { class: x(N(i).pin.wrapper) }, [(E(!0), f(o, null, k(c.value, (t, i) => (E(), f("input", {
+		return (t, n) => (E(), f("div", { class: x(F(i).pin.wrapper) }, [(E(!0), f(o, null, A(c.value, (t, i) => (E(), f("input", {
 			key: i,
 			ref_for: !0,
 			ref: (e) => s.value[i] = e,
@@ -532,26 +552,26 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			onFocus: n[0] ||= (e) => {
 				e.target.select(), r("clearValidationErrors");
 			}
-		}, null, 42, Ee))), 128))], 2));
+		}, null, 42, De))), 128))], 2));
 	}
-}), Oe = {
+}), ke = {
 	"#": /[0-9]/,
 	A: /[a-zA-Z]/,
 	N: /[a-zA-Z0-9]/,
 	"*": /[a-zA-Z0-9]/
-}, ke = [
+}, Ae = [
 	"money",
 	"integer",
 	"number",
 	"decimal"
 ];
-function Ae(e) {
-	return typeof e == "string" && ke.includes(e);
+function je(e) {
+	return typeof e == "string" && Ae.includes(e);
 }
-function je(e, t, { unmask: n = !1 } = {}) {
+function Me(e, t, { unmask: n = !1 } = {}) {
 	let r = String(e ?? "").split(""), i = "", a = "", o = 0;
 	for (let e = 0; e < t.length; e++) {
-		let n = Oe[t[e]];
+		let n = ke[t[e]];
 		if (n) {
 			for (; o < r.length && !n.test(r[o]);) o++;
 			if (o >= r.length) break;
@@ -563,7 +583,7 @@ function je(e, t, { unmask: n = !1 } = {}) {
 		model: n ? a : i
 	};
 }
-function Me(e, { decimals: t = 2, prefix: n = "", suffix: r = "", integer: i = !1 } = {}) {
+function Ne(e, { decimals: t = 2, prefix: n = "", suffix: r = "", integer: i = !1 } = {}) {
 	let a = String(e ?? "").replace(/[^0-9.]/g, ""), o = a.indexOf(".");
 	o !== -1 && (a = a.slice(0, o + 1) + a.slice(o + 1).replace(/\./g, "")), i && (a = a.split(".")[0]);
 	let [s = "", c] = a.split(".");
@@ -574,7 +594,7 @@ function Me(e, { decimals: t = 2, prefix: n = "", suffix: r = "", integer: i = !
 		model: f
 	};
 }
-function Ne(e, t) {
+function Pe(e, t) {
 	if (typeof t == "function") {
 		let n = t(e) ?? "";
 		return {
@@ -582,24 +602,24 @@ function Ne(e, t) {
 			model: String(n)
 		};
 	}
-	return t && typeof t == "object" ? t.pattern ? je(e, t.pattern, t) : Me(e, t) : Ae(t) ? Me(e, {
+	return t && typeof t == "object" ? t.pattern ? Me(e, t.pattern, t) : Ne(e, t) : je(t) ? Ne(e, {
 		integer: t === "integer" || t === "number",
 		decimals: t === "integer" || t === "number" ? 0 : 2
-	}) : je(e, String(t));
+	}) : Me(e, String(t));
 }
-function Pe(e) {
-	if (Ae(e) || e && typeof e == "object" && !e.pattern) return "decimal";
+function Fe(e) {
+	if (je(e) || e && typeof e == "object" && !e.pattern) return "decimal";
 	let t = typeof e == "string" ? e : e && e.pattern;
 	return typeof t == "string" && /^[#\s().+-]*$/.test(t) ? "numeric" : "text";
 }
 //#endregion
 //#region src/components/form/inputs/MaskedInput.vue
-var Fe = [
+var Ie = [
 	"value",
 	"inputmode",
 	"placeholder",
 	"disabled"
-], Ie = {
+], Le = {
 	__name: "MaskedInput",
 	props: {
 		modelValue: [String, Number],
@@ -617,14 +637,14 @@ var Fe = [
 	},
 	emits: ["update:modelValue", "clearValidationErrors"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = O(""), a = (e) => {
-			let { display: t } = Ne(e, n.mask);
+		let n = e, r = t, i = k(""), a = (e) => {
+			let { display: t } = Pe(e, n.mask);
 			t !== i.value && (i.value = t);
 		};
-		z(() => n.modelValue, a, { immediate: !0 }), z(() => n.mask, () => a(n.modelValue));
+		B(() => n.modelValue, a, { immediate: !0 }), B(() => n.mask, () => a(n.modelValue));
 		let o = (e) => {
 			r("clearValidationErrors");
-			let t = e.target, a = t.selectionStart ?? t.value.length, o = t.value.length, { display: s, model: c } = Ne(t.value, n.mask);
+			let t = e.target, a = t.selectionStart ?? t.value.length, o = t.value.length, { display: s, model: c } = Pe(t.value, n.mask);
 			i.value = s, r("update:modelValue", c), b(() => {
 				if (t.type !== "text" && t.type !== "tel") return;
 				let e = a + (s.length - o);
@@ -637,20 +657,20 @@ var Fe = [
 		return (t, n) => (E(), f("input", {
 			value: i.value,
 			type: "text",
-			inputmode: N(Pe)(e.mask),
+			inputmode: F(Fe)(e.mask),
 			placeholder: e.placeholder,
 			disabled: e.disabled,
 			onInput: o,
 			onFocus: n[0] ||= (e) => r("clearValidationErrors")
-		}, null, 40, Fe));
+		}, null, 40, Ie));
 	}
-}, Le = [
+}, Re = [
 	"min",
 	"max",
 	"step",
 	"placeholder",
 	"disabled"
-], Re = {
+], ze = {
 	__name: "NumberInput",
 	props: {
 		modelValue: [String, Number],
@@ -667,7 +687,7 @@ var Fe = [
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
 		});
-		return (t, n) => V((E(), f("input", {
+		return (t, n) => H((E(), f("input", {
 			"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 			type: "number",
 			min: e.min,
@@ -676,14 +696,14 @@ var Fe = [
 			placeholder: e.placeholder,
 			disabled: e.disabled,
 			onFocus: n[1] ||= (e) => r("clearValidationErrors")
-		}, null, 40, Le)), [[L, i.value]]);
+		}, null, 40, Re)), [[R, i.value]]);
 	}
-}, ze = [
+}, Be = [
 	"type",
 	"min",
 	"max",
 	"disabled"
-], Be = {
+], Ve = {
 	__name: "DateInput",
 	props: {
 		modelValue: String,
@@ -699,19 +719,19 @@ var Fe = [
 			get: () => n.modelValue,
 			set: (e) => r("update:modelValue", e)
 		});
-		return (t, n) => V((E(), f("input", {
+		return (t, n) => H((E(), f("input", {
 			"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
 			type: e.withTime ? "datetime-local" : "date",
 			min: e.min,
 			max: e.max,
 			disabled: e.disabled,
 			onFocus: n[1] ||= (e) => r("clearValidationErrors")
-		}, null, 40, ze)), [[F, i.value]]);
+		}, null, 40, Be)), [[I, i.value]]);
 	}
 };
 //#endregion
 //#region src/utils/normalizeOptions.js
-function Ve(e) {
+function He(e) {
 	return Array.isArray(e) ? e.map((e) => {
 		if (e == null) return null;
 		if (typeof e != "object") return {
@@ -728,10 +748,10 @@ function Ve(e) {
 }
 //#endregion
 //#region src/components/form/inputs/SelectInput.vue
-var He = ["disabled"], Ue = {
+var Ue = ["disabled"], We = {
 	value: null,
 	disabled: ""
-}, We = ["value"], Ge = {
+}, Ge = ["value"], Ke = {
 	__name: "SelectInput",
 	props: {
 		modelValue: [String, Number],
@@ -743,7 +763,7 @@ var He = ["disabled"], Ue = {
 	},
 	emits: ["update:modelValue", "clearValidationErrors"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = O([]), s = O(!1), c = l(() => Ve(r.options ?? a.value)), u = l({
+		let r = e, i = t, a = k([]), s = k(!1), c = l(() => He(r.options ?? a.value)), u = l({
 			get: () => r.modelValue,
 			set: (e) => i("update:modelValue", e)
 		});
@@ -753,16 +773,16 @@ var He = ["disabled"], Ue = {
 			}).finally(() => {
 				s.value = !1;
 			}));
-		}), (t, n) => V((E(), f("select", {
+		}), (t, n) => H((E(), f("select", {
 			"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
 			disabled: e.disabled || s.value,
 			onFocus: n[1] ||= (e) => i("clearValidationErrors")
-		}, [p("option", Ue, M(s.value ? "Loading..." : e.placeholder || "Select..."), 1), (E(!0), f(o, null, k(c.value, (e) => (E(), f("option", {
+		}, [p("option", We, P(s.value ? "Loading..." : e.placeholder || "Select..."), 1), (E(!0), f(o, null, A(c.value, (e) => (E(), f("option", {
 			key: e.id,
 			value: e.id
-		}, M(e.label), 9, We))), 128))], 40, He)), [[I, u.value]]);
+		}, P(e.label), 9, Ge))), 128))], 40, Ue)), [[L, u.value]]);
 	}
-}, Ke = [
+}, qe = [
 	{
 		name: "Afghanistan",
 		dialCode: "+93",
@@ -2233,11 +2253,11 @@ var He = ["disabled"], Ue = {
 		isoCode: "ZW",
 		flag: "https://www.countryflags.io/ZW/flat/64.png"
 	}
-], qe = ["disabled", "aria-expanded"], Je = ["placeholder", "disabled"], Ye = [
+], Je = ["disabled", "aria-expanded"], Ye = ["placeholder", "disabled"], Xe = [
 	"aria-selected",
 	"onPointerdown",
 	"onMouseenter"
-], Xe = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+], Ze = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
 	__name: "PhoneInput",
 	props: {
 		modelValue: String,
@@ -2255,13 +2275,13 @@ var He = ["disabled"], Ue = {
 	},
 	emits: ["update:modelValue", "clearValidationErrors"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = q("inputs"), s = O(null), c = O(null), u = O(""), m = O(!1), h = O(""), g = O(-1), _ = O(Ke.find((e) => e.isoCode === r.countryCode.toUpperCase()) ?? Ke[0]), v = (e) => String(e ?? "").toUpperCase().split("").map((e) => String.fromCodePoint(127462 + e.charCodeAt(0) - 65)).join(""), y = l(() => {
+		let r = e, i = t, a = X("inputs"), s = k(null), c = k(null), u = k(""), m = k(!1), h = k(""), g = k(-1), _ = k(qe.find((e) => e.isoCode === r.countryCode.toUpperCase()) ?? qe[0]), v = (e) => String(e ?? "").toUpperCase().split("").map((e) => String.fromCodePoint(127462 + e.charCodeAt(0) - 65)).join(""), y = l(() => {
 			let e = h.value.trim().toLowerCase();
-			return e ? Ke.filter((t) => t.name.toLowerCase().includes(e) || t.dialCode.includes(e) || t.isoCode.toLowerCase().includes(e)) : Ke;
+			return e ? qe.filter((t) => t.name.toLowerCase().includes(e) || t.dialCode.includes(e) || t.isoCode.toLowerCase().includes(e)) : qe;
 		}), S = async () => {
 			r.disabled || (m.value = !m.value, m.value && (h.value = "", g.value = -1, await b(), c.value?.focus()));
 		}, T = (e) => {
-			_.value = e, m.value = !1, ee();
+			_.value = e, m.value = !1, O();
 		}, D = (e) => {
 			if (e.key === "ArrowDown") e.preventDefault(), g.value = Math.min(g.value + 1, y.value.length - 1);
 			else if (e.key === "ArrowUp") e.preventDefault(), g.value = Math.max(g.value - 1, 0);
@@ -2270,46 +2290,46 @@ var He = ["disabled"], Ue = {
 				let t = y.value[Math.max(g.value, 0)];
 				t && T(t);
 			} else e.key === "Escape" && (m.value = !1);
-		}, ee = () => {
+		}, O = () => {
 			let e = (u.value || "").replace(/^0/, "");
 			i("update:modelValue", e ? _.value.dialCode + e : "");
-		}, A = (e) => {
+		}, j = (e) => {
 			if (!e) {
 				u.value = "";
 				return;
 			}
-			let t = Ke.find((t) => e.startsWith(t.dialCode));
+			let t = qe.find((t) => e.startsWith(t.dialCode));
 			t ? (_.value = t, u.value = e.replace(t.dialCode, "")) : u.value = e;
 		};
-		z(() => r.modelValue, A);
-		let j = (e) => {
+		B(() => r.modelValue, j);
+		let M = (e) => {
 			s.value && !s.value.contains(e.target) && (m.value = !1);
 		};
 		return w(() => {
-			document.addEventListener("pointerdown", j), A(r.modelValue), r.detectCountry && !r.modelValue && n.doGet("sh-country-code").then((e) => {
-				let t = e.data?.countryCode, n = t && Ke.find((e) => e.isoCode === t.toUpperCase());
+			document.addEventListener("pointerdown", M), j(r.modelValue), r.detectCountry && !r.modelValue && n.doGet("sh-country-code").then((e) => {
+				let t = e.data?.countryCode, n = t && qe.find((e) => e.isoCode === t.toUpperCase());
 				n && (_.value = n);
 			}).catch(() => {});
 		}), C(() => {
-			document.removeEventListener("pointerdown", j);
+			document.removeEventListener("pointerdown", M);
 		}), (t, n) => (E(), f("div", {
 			ref_key: "root",
 			ref: s,
-			class: x([N(a).phone.wrapper, e.isInvalid ? "border-red-500 focus-within:ring-red-500/30" : ""])
+			class: x([F(a).phone.wrapper, e.isInvalid ? "border-red-500 focus-within:ring-red-500/30" : ""])
 		}, [
 			p("button", {
 				type: "button",
-				class: x(N(a).phone.trigger),
+				class: x(F(a).phone.trigger),
 				disabled: e.disabled,
 				"aria-haspopup": "listbox",
 				"aria-expanded": m.value,
 				onClick: S
 			}, [
-				p("span", { class: x(N(a).phone.flag) }, M(v(_.value.isoCode)), 3),
-				p("span", { class: x(N(a).phone.dial) }, M(_.value.dialCode), 3),
+				p("span", { class: x(F(a).phone.flag) }, P(v(_.value.isoCode)), 3),
+				p("span", { class: x(F(a).phone.dial) }, P(_.value.dialCode), 3),
 				(E(), f("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
-					class: x(N(a).phone.chevron),
+					class: x(F(a).phone.chevron),
 					fill: "none",
 					viewBox: "0 0 24 24",
 					stroke: "currentColor",
@@ -2319,50 +2339,50 @@ var He = ["disabled"], Ue = {
 					"stroke-linejoin": "round",
 					d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
 				}, null, -1)]], 2))
-			], 10, qe),
-			V(p("input", {
+			], 10, Je),
+			H(p("input", {
 				"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
 				type: "tel",
-				class: x(N(a).phone.input),
+				class: x(F(a).phone.input),
 				placeholder: e.placeholder,
 				disabled: e.disabled,
-				onInput: ee,
+				onInput: O,
 				onFocus: n[1] ||= (e) => i("clearValidationErrors")
-			}, null, 42, Je), [[L, u.value]]),
+			}, null, 42, Ye), [[R, u.value]]),
 			m.value ? (E(), f("div", {
 				key: 0,
-				class: x(N(a).phone.dropdown)
-			}, [V(p("input", {
+				class: x(F(a).phone.dropdown)
+			}, [H(p("input", {
 				ref_key: "searchEl",
 				ref: c,
 				"onUpdate:modelValue": n[2] ||= (e) => h.value = e,
 				type: "text",
-				class: x(N(a).phone.search),
+				class: x(F(a).phone.search),
 				placeholder: "Search country or code...",
 				onKeydown: D,
 				onInput: n[3] ||= (e) => g.value = 0
-			}, null, 34), [[L, h.value]]), p("div", {
-				class: x(N(a).phone.list),
+			}, null, 34), [[R, h.value]]), p("div", {
+				class: x(F(a).phone.list),
 				role: "listbox"
-			}, [(E(!0), f(o, null, k(y.value, (e, t) => (E(), f("button", {
+			}, [(E(!0), f(o, null, A(y.value, (e, t) => (E(), f("button", {
 				key: e.isoCode,
 				type: "button",
 				role: "option",
 				"aria-selected": e.isoCode === _.value.isoCode,
-				class: x(t === g.value ? N(a).phone.optionActive : N(a).phone.option),
-				onPointerdown: H((t) => T(e), ["prevent"]),
+				class: x(t === g.value ? F(a).phone.optionActive : F(a).phone.option),
+				onPointerdown: U((t) => T(e), ["prevent"]),
 				onMouseenter: (e) => g.value = t
 			}, [
-				p("span", { class: x(N(a).phone.flag) }, M(v(e.isoCode)), 3),
-				p("span", { class: x(N(a).phone.optionName) }, M(e.name), 3),
-				p("span", { class: x(N(a).phone.optionDial) }, M(e.dialCode), 3)
-			], 42, Ye))), 128)), y.value.length ? d("", !0) : (E(), f("p", {
+				p("span", { class: x(F(a).phone.flag) }, P(v(e.isoCode)), 3),
+				p("span", { class: x(F(a).phone.optionName) }, P(e.name), 3),
+				p("span", { class: x(F(a).phone.optionDial) }, P(e.dialCode), 3)
+			], 42, Xe))), 128)), y.value.length ? d("", !0) : (E(), f("p", {
 				key: 0,
-				class: x(N(a).phone.empty)
-			}, "No country matches \"" + M(h.value) + "\"", 3))], 2)], 2)) : d("", !0)
+				class: x(F(a).phone.empty)
+			}, "No country matches \"" + P(h.value) + "\"", 3))], 2)], 2)) : d("", !0)
 		], 2));
 	}
-}), Ze = ["onClick"], Qe = ["placeholder", "disabled"], $e = ["onPointerdown", "onMouseenter"], et = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+}), Qe = ["onClick"], $e = ["placeholder", "disabled"], et = ["onPointerdown", "onMouseenter"], tt = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
 	__name: "ShSuggest",
 	props: {
 		modelValue: [
@@ -2384,8 +2404,8 @@ var He = ["disabled"], Ue = {
 	},
 	emits: ["update:modelValue", "clearValidationErrors"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = q("inputs"), s = O(null), c = O(""), m = O(!1), g = O(!1), _ = O(-1), v = O([]), b = O([]), S = l(() => {
-			let e = Ve(r.options ?? v.value), t = new Set(b.value.map((e) => e.id)), n = e.filter((e) => !t.has(e.id));
+		let r = e, i = t, a = X("inputs"), s = k(null), c = k(""), m = k(!1), g = k(!1), _ = k(-1), v = k([]), b = k([]), S = l(() => {
+			let e = He(r.options ?? v.value), t = new Set(b.value.map((e) => e.id)), n = e.filter((e) => !t.has(e.id));
 			if (r.options && c.value) {
 				let e = c.value.toLowerCase();
 				n = n.filter((t) => t.label.toLowerCase().includes(e));
@@ -2402,88 +2422,88 @@ var He = ["disabled"], Ue = {
 					g.value = !1;
 				});
 			}, 300));
-		}, ee = () => {
+		}, O = () => {
 			r.multiple ? i("update:modelValue", b.value.map((e) => e.id)) : i("update:modelValue", b.value[0]?.id ?? null);
-		}, A = (e) => {
-			r.multiple ? b.value.push(e) : (b.value = [e], m.value = !1), c.value = "", _.value = -1, ee();
-		}, P = (e) => {
-			b.value = b.value.filter((t) => t.id !== e.id), ee();
-		}, F = () => {
-			!r.allowCustom || !c.value || A({
+		}, j = (e) => {
+			r.multiple ? b.value.push(e) : (b.value = [e], m.value = !1), c.value = "", _.value = -1, O();
+		}, M = (e) => {
+			b.value = b.value.filter((t) => t.id !== e.id), O();
+		}, ee = () => {
+			!r.allowCustom || !c.value || j({
 				id: c.value,
 				label: c.value
 			});
 		}, I = () => {
 			m.value = !0, i("clearValidationErrors"), r.url && D();
-		}, R = (e) => {
-			e.key === "ArrowDown" ? (e.preventDefault(), m.value = !0, _.value = Math.min(_.value + 1, S.value.length - 1)) : e.key === "ArrowUp" ? (e.preventDefault(), _.value = Math.max(_.value - 1, 0)) : e.key === "Enter" ? (e.preventDefault(), _.value >= 0 && S.value[_.value] ? A(S.value[_.value]) : F()) : e.key === "Escape" ? m.value = !1 : e.key === "Backspace" && !c.value && b.value.length && P(b.value[b.value.length - 1]);
-		}, B = () => {
+		}, L = (e) => {
+			e.key === "ArrowDown" ? (e.preventDefault(), m.value = !0, _.value = Math.min(_.value + 1, S.value.length - 1)) : e.key === "ArrowUp" ? (e.preventDefault(), _.value = Math.max(_.value - 1, 0)) : e.key === "Enter" ? (e.preventDefault(), _.value >= 0 && S.value[_.value] ? j(S.value[_.value]) : ee()) : e.key === "Escape" ? m.value = !1 : e.key === "Backspace" && !c.value && b.value.length && M(b.value[b.value.length - 1]);
+		}, z = () => {
 			let e = r.modelValue;
 			if (e == null || e === "") return;
-			let t = Array.isArray(e) ? e : [e], n = Ve(r.options ?? v.value);
+			let t = Array.isArray(e) ? e : [e], n = He(r.options ?? v.value);
 			b.value = t.map((e) => n.find((t) => t.id === e) ?? {
 				id: e,
 				label: String(e)
 			});
-		}, U = (e) => {
+		}, V = (e) => {
 			s.value && !s.value.contains(e.target) && (m.value = !1);
 		};
-		return z(() => r.options, B), w(() => {
-			document.addEventListener("pointerdown", U), B(), r.url && !r.options && D();
+		return B(() => r.options, z), w(() => {
+			document.addEventListener("pointerdown", V), z(), r.url && !r.options && D();
 		}), C(() => {
-			document.removeEventListener("pointerdown", U), clearTimeout(T);
+			document.removeEventListener("pointerdown", V), clearTimeout(T);
 		}), (t, n) => (E(), f("div", {
 			ref_key: "root",
 			ref: s,
-			class: x(N(a).suggest.wrapper)
+			class: x(F(a).suggest.wrapper)
 		}, [
 			e.multiple && b.value.length ? (E(), f("div", {
 				key: 0,
-				class: x(N(a).suggest.badges)
-			}, [(E(!0), f(o, null, k(b.value, (e) => (E(), f("span", {
+				class: x(F(a).suggest.badges)
+			}, [(E(!0), f(o, null, A(b.value, (e) => (E(), f("span", {
 				key: e.id,
-				class: x(N(a).suggest.badge)
-			}, [h(M(e.label) + " ", 1), p("span", {
-				class: x(N(a).suggest.badgeRemove),
-				onClick: (t) => P(e)
-			}, "×", 10, Ze)], 2))), 128))], 2)) : d("", !0),
-			V(p("input", y(t.$attrs, {
+				class: x(F(a).suggest.badge)
+			}, [h(P(e.label) + " ", 1), p("span", {
+				class: x(F(a).suggest.badgeRemove),
+				onClick: (t) => M(e)
+			}, "×", 10, Qe)], 2))), 128))], 2)) : d("", !0),
+			H(p("input", y(t.$attrs, {
 				"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
 				type: "text",
 				placeholder: !e.multiple && b.value.length ? b.value[0].label : e.placeholder,
 				disabled: e.disabled,
 				autocomplete: "off",
 				onInput: I,
-				onKeydown: R,
+				onKeydown: L,
 				onFocus: n[1] ||= (e) => {
 					m.value = !0, i("clearValidationErrors");
 				}
-			}), null, 16, Qe), [[L, c.value]]),
+			}), null, 16, $e), [[R, c.value]]),
 			m.value && !e.disabled ? (E(), f("div", {
 				key: 1,
-				class: x(N(a).suggest.dropdown)
+				class: x(F(a).suggest.dropdown)
 			}, [g.value ? (E(), f("div", {
 				key: 0,
-				class: x(N(a).suggest.empty)
-			}, "Searching...", 2)) : S.value.length ? (E(!0), f(o, { key: 1 }, k(S.value, (t, n) => (E(), f("div", {
+				class: x(F(a).suggest.empty)
+			}, "Searching...", 2)) : S.value.length ? (E(!0), f(o, { key: 1 }, A(S.value, (t, n) => (E(), f("div", {
 				key: t.id,
-				class: x(n === _.value ? N(a).suggest.optionActive : N(a).suggest.option),
-				onPointerdown: H((e) => A(t), ["prevent"]),
+				class: x(n === _.value ? F(a).suggest.optionActive : F(a).suggest.option),
+				onPointerdown: U((e) => j(t), ["prevent"]),
 				onMouseenter: (e) => _.value = n
-			}, [e.optionTemplate ? (E(), u(j(e.optionTemplate), {
+			}, [e.optionTemplate ? (E(), u(N(e.optionTemplate), {
 				key: 0,
 				option: t.raw ?? t
-			}, null, 8, ["option"])) : (E(), f(o, { key: 1 }, [h(M(t.label), 1)], 64))], 42, $e))), 128)) : e.allowCustom && c.value ? (E(), f("div", {
+			}, null, 8, ["option"])) : (E(), f(o, { key: 1 }, [h(P(t.label), 1)], 64))], 42, et))), 128)) : e.allowCustom && c.value ? (E(), f("div", {
 				key: 2,
-				class: x(N(a).suggest.option),
-				onPointerdown: H(F, ["prevent"])
-			}, " Use \"" + M(c.value) + "\" ", 35)) : (E(), f("div", {
+				class: x(F(a).suggest.option),
+				onPointerdown: U(ee, ["prevent"])
+			}, " Use \"" + P(c.value) + "\" ", 35)) : (E(), f("div", {
 				key: 3,
-				class: x(N(a).suggest.empty)
+				class: x(F(a).suggest.empty)
 			}, "No matches", 2))], 2)) : d("", !0)
 		], 2));
 	}
-}), tt = ["onUpdate:modelValue"], nt = ["innerHTML"], rt = ["disabled"], it = {
+}), nt = ["onUpdate:modelValue"], rt = ["innerHTML"], it = ["disabled"], at = {
 	__name: "ShForm",
 	props: {
 		action: {
@@ -2523,35 +2543,35 @@ var He = ["disabled"], Ue = {
 		"formError"
 	],
 	setup(e, { emit: t }) {
-		let i = e, a = t, s = q("form", l(() => i.classes)), c = q("inputs"), m = v(te, {}), g = v(ne, null), _ = {
-			text: Z,
+		let i = e, a = t, s = X("form", l(() => i.classes)), c = X("inputs"), m = v(K, {}), g = v(q, null), _ = {
+			text: ye,
 			textarea: xe,
-			email: Se,
-			password: Te,
-			pin: De,
-			number: Re,
-			date: Be,
-			select: Ge,
-			phone: Xe,
-			suggest: et
-		}, b = O([]), S = ee({}), C = O(!1), w = O(0), T = O(!1), D = () => {
-			let e = de(i.fields, i.currentData);
+			email: Ce,
+			password: Ee,
+			pin: Oe,
+			number: ze,
+			date: Ve,
+			select: Ke,
+			phone: Ze,
+			suggest: tt
+		}, b = k([]), S = O({}), C = k(!1), w = k(0), T = k(!1), D = () => {
+			let e = ue(i.fields, i.currentData);
 			i.hiddenId && i.currentData?.id && !e.some((e) => e.name === "id") && e.push({
 				name: "id",
 				type: "hidden",
 				value: i.currentData.id
 			}), b.value = e;
 		};
-		D(), z(() => i.currentData, () => {
+		D(), B(() => i.currentData, () => {
 			T.value || D();
-		}, { deep: !0 }), z(() => i.fields, D);
-		let P = l(() => i.steps?.length ? i.steps.map((e) => ({
+		}, { deep: !0 }), B(() => i.fields, D);
+		let M = l(() => i.steps?.length ? i.steps.map((e) => ({
 			title: e.title ?? "",
 			fields: b.value.filter((t) => (e.fields ?? []).includes(t.name) || t.type === "hidden")
 		})) : [{
 			title: "",
 			fields: b.value
-		}]), F = l(() => w.value >= P.value.length - 1), I = (e) => e.mask && e.type !== "pin" ? Ie : e.component ?? m[e.type] ?? _[e.type] ?? _.text, B = (e) => S[e.name] ? s.value.inputInvalid : e.type === "select" ? c.value.select : s.value.input, U = (e) => ({
+		}]), ee = l(() => w.value >= M.value.length - 1), I = (e) => e.mask && e.type !== "pin" ? Le : e.component ?? m[e.type] ?? _[e.type] ?? _.text, L = (e) => S[e.name] ? s.value.inputInvalid : e.type === "select" ? c.value.select : s.value.input, V = (e) => ({
 			placeholder: e.placeholder || void 0,
 			disabled: i.disabled || e.disabled,
 			...e.type === "select" || e.type === "suggest" ? {
@@ -2591,17 +2611,17 @@ var He = ["disabled"], Ue = {
 			return b.value.forEach((t) => {
 				t.value !== null && t.value !== void 0 && (e[t.name] = t.value);
 			}), e;
-		}, K = () => {
+		}, J = () => {
 			b.value.forEach((e) => {
 				e.type !== "hidden" && (e.value = null);
 			}), T.value = !1;
-		}, re = () => {
+		}, te = () => {
 			let e = Object.keys(S);
 			if (!e.length || !i.steps?.length) return;
-			let t = P.value.findIndex((t) => t.fields.some((t) => e.includes(t.name)));
+			let t = M.value.findIndex((t) => t.fields.some((t) => e.includes(t.name)));
 			t >= 0 && (w.value = t);
-		}, ie = async () => {
-			if (!F.value) {
+		}, ne = async () => {
+			if (!ee.value) {
 				w.value++;
 				return;
 			}
@@ -2622,14 +2642,14 @@ var He = ["disabled"], Ue = {
 			C.value = !0;
 			try {
 				let n = await t(i.action, e);
-				i.successMessage && r.showToast(i.successMessage), a("success", n.data), a("formSubmitted", n.data), i.retainData || (K(), w.value = 0), g?.requestClose?.("success");
+				i.successMessage && r.showToast(i.successMessage), a("success", n.data), a("formSubmitted", n.data), i.retainData || (J(), w.value = 0), g?.requestClose?.("success");
 			} catch (e) {
 				if (e.response?.status === 422) {
 					let t = e.response.data?.errors ?? {};
 					Object.keys(t).forEach((e) => {
 						let n = t[e];
 						S[e] = Array.isArray(n) ? n[0] : n;
-					}), re();
+					}), te();
 				} else r.showToast(e.response?.data?.message ?? e.message ?? "Request failed", "error");
 				a("error", e), a("formError", e);
 			} finally {
@@ -2637,38 +2657,38 @@ var He = ["disabled"], Ue = {
 			}
 		};
 		return (t, n) => (E(), f("form", {
-			class: x(N(s).form),
-			onSubmit: H(ie, ["prevent"])
+			class: x(F(s).form),
+			onSubmit: U(ne, ["prevent"])
 		}, [
-			P.value.length > 1 ? (E(), u(pe, {
+			M.value.length > 1 ? (E(), u(fe, {
 				key: 0,
-				steps: P.value,
+				steps: M.value,
 				current: w.value
 			}, null, 8, ["steps", "current"])) : d("", !0),
-			(E(!0), f(o, null, k(P.value, (e, t) => V((E(), f("div", {
+			(E(!0), f(o, null, A(M.value, (e, t) => H((E(), f("div", {
 				key: t,
 				class: "space-y-4"
-			}, [(E(!0), f(o, null, k(e.fields, (e) => (E(), f("div", {
+			}, [(E(!0), f(o, null, A(e.fields, (e) => (E(), f("div", {
 				key: e.name,
-				class: x(e.type === "hidden" ? "" : N(s).group)
-			}, [e.type === "hidden" ? V((E(), f("input", {
+				class: x(e.type === "hidden" ? "" : F(s).group)
+			}, [e.type === "hidden" ? H((E(), f("input", {
 				key: 0,
 				"onUpdate:modelValue": (t) => e.value = t,
 				type: "hidden"
-			}, null, 8, tt)), [[L, e.value]]) : (E(), f(o, { key: 1 }, [
+			}, null, 8, nt)), [[R, e.value]]) : (E(), f(o, { key: 1 }, [
 				e.label ? (E(), f("label", {
 					key: 0,
-					class: x(N(s).label)
-				}, [h(M(e.label) + " ", 1), e.required ? (E(), f("span", {
+					class: x(F(s).label)
+				}, [h(P(e.label) + " ", 1), e.required ? (E(), f("span", {
 					key: 0,
-					class: x(N(s).required)
+					class: x(F(s).required)
 				}, "*", 2)) : d("", !0)], 2)) : d("", !0),
-				(E(), u(j(I(e)), y({
+				(E(), u(N(I(e)), y({
 					modelValue: e.value,
 					"onUpdate:modelValue": (t) => e.value = t
-				}, { ref_for: !0 }, U(e), {
+				}, { ref_for: !0 }, V(e), {
 					"is-invalid": !!S[e.name],
-					class: [B(e), e.class],
+					class: [L(e), e.class],
 					"onUpdate:modelValue": (t) => W(e, t),
 					onClearValidationErrors: (t) => delete S[e.name]
 				}), null, 16, [
@@ -2680,31 +2700,31 @@ var He = ["disabled"], Ue = {
 				])),
 				e.helper ? (E(), f("p", {
 					key: 1,
-					class: x(N(s).helper),
+					class: x(F(s).helper),
 					innerHTML: e.helper
-				}, null, 10, nt)) : d("", !0),
+				}, null, 10, rt)) : d("", !0),
 				S[e.name] ? (E(), f("p", {
 					key: 2,
-					class: x(N(s).error)
-				}, M(S[e.name]), 3)) : d("", !0)
-			], 64))], 2))), 128))], 512)), [[R, w.value === t]])), 128)),
-			A(t.$slots, "default"),
-			p("div", { class: x(N(s).nav) }, [w.value > 0 ? (E(), f("button", {
+					class: x(F(s).error)
+				}, P(S[e.name]), 3)) : d("", !0)
+			], 64))], 2))), 128))], 512)), [[z, w.value === t]])), 128)),
+			j(t.$slots, "default"),
+			p("div", { class: x(F(s).nav) }, [w.value > 0 ? (E(), f("button", {
 				key: 0,
 				type: "button",
-				class: x(N(s).prevBtn),
+				class: x(F(s).prevBtn),
 				onClick: n[0] ||= (e) => w.value--
 			}, " Back ", 2)) : d("", !0), p("button", {
 				type: "submit",
-				class: x(F.value ? N(s).submitBtn : N(s).nextBtn),
+				class: x(ee.value ? F(s).submitBtn : F(s).nextBtn),
 				disabled: C.value || e.disabled
-			}, [C.value ? (E(), u(ve, {
+			}, [C.value ? (E(), u(_e, {
 				key: 0,
 				class: "size-4"
-			})) : d("", !0), h(" " + M(F.value ? e.submitLabel : "Next"), 1)], 10, rt)], 2)
+			})) : d("", !0), h(" " + P(ee.value ? e.submitLabel : "Next"), 1)], 10, it)], 2)
 		], 34));
 	}
-}, at = {
+}, ot = {
 	__name: "ShDialog",
 	props: {
 		open: Boolean,
@@ -2724,7 +2744,7 @@ var He = ["disabled"], Ue = {
 		"closed"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = q("dialog", l(() => r.classes)), o = O(null), m = O(!1), h = O(!1), _ = O(!1), v = ce({
+		let r = e, i = n, a = X("dialog", l(() => r.classes)), o = k(null), m = k(!1), h = k(!1), _ = k(!1), v = se({
 			isStatic: () => r.static,
 			onClose: () => i("update:open", !1)
 		}), y = () => {
@@ -2742,11 +2762,11 @@ var He = ["disabled"], Ue = {
 			}
 			b("backdrop");
 		};
-		return z(() => r.open, (e) => {
+		return B(() => r.open, (e) => {
 			e ? y() : h.value && b("prop");
-		}, { immediate: !0 }), z(v.isOpen, (e) => {
+		}, { immediate: !0 }), B(v.isOpen, (e) => {
 			!e && h.value && (h.value = !1);
-		}), D(ne, {
+		}), D(q, {
 			close: () => b("context"),
 			requestClose: (e) => {
 				if (e === "success") {
@@ -2762,7 +2782,7 @@ var He = ["disabled"], Ue = {
 		}), (t, n) => (E(), u(s, { to: "body" }, [m.value ? (E(), f("div", {
 			key: 0,
 			class: "fixed inset-0",
-			style: S({ zIndex: N(v).zIndex.value })
+			style: S({ zIndex: F(v).zIndex.value })
 		}, [g(c, {
 			"enter-active-class": "transition-opacity duration-200 ease-out",
 			"enter-from-class": "opacity-0",
@@ -2771,10 +2791,10 @@ var He = ["disabled"], Ue = {
 			"leave-from-class": "opacity-100",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: B(() => [V(p("div", {
-				class: x(N(a).backdrop),
+			default: V(() => [H(p("div", {
+				class: x(F(a).backdrop),
 				onClick: C
-			}, null, 2), [[R, h.value]])]),
+			}, null, 2), [[z, h.value]])]),
 			_: 1
 		}), g(c, {
 			"enter-active-class": "transition duration-200 ease-out",
@@ -2790,9 +2810,9 @@ var He = ["disabled"], Ue = {
 				m.value = !1, i("closed");
 			}
 		}, {
-			default: B(() => [V(p("div", {
-				class: x(N(a).wrapper),
-				onClick: H(C, ["self"])
+			default: V(() => [H(p("div", {
+				class: x(F(a).wrapper),
+				onClick: U(C, ["self"])
 			}, [p("div", {
 				ref_key: "panel",
 				ref: o,
@@ -2800,18 +2820,18 @@ var He = ["disabled"], Ue = {
 				role: "dialog",
 				"aria-modal": "true",
 				class: x([
-					N(a).panel,
-					N(a).sizes[e.size] ?? N(a).sizes.md,
+					F(a).panel,
+					F(a).sizes[e.size] ?? F(a).sizes.md,
 					_.value ? "scale-[1.02] transition-transform duration-150" : ""
 				])
 			}, [
 				e.title || t.$slots.title || !e.hideClose ? (E(), f("header", {
 					key: 0,
-					class: x(N(a).header)
-				}, [A(t.$slots, "title", {}, () => [p("h3", { class: x(N(a).title) }, M(e.title), 3)]), e.hideClose ? d("", !0) : (E(), f("button", {
+					class: x(F(a).header)
+				}, [j(t.$slots, "title", {}, () => [p("h3", { class: x(F(a).title) }, P(e.title), 3)]), e.hideClose ? d("", !0) : (E(), f("button", {
 					key: 0,
 					type: "button",
-					class: x(N(a).closeBtn),
+					class: x(F(a).closeBtn),
 					"aria-label": "Close",
 					onClick: n[0] ||= (e) => b("button")
 				}, [...n[3] ||= [p("svg", {
@@ -2826,16 +2846,16 @@ var He = ["disabled"], Ue = {
 					"stroke-linejoin": "round",
 					d: "M6 18L18 6M6 6l12 12"
 				})], -1)]], 2))], 2)) : d("", !0),
-				p("div", { class: x(N(a).body) }, [A(t.$slots, "default", { close: b })], 2),
+				p("div", { class: x(F(a).body) }, [j(t.$slots, "default", { close: b })], 2),
 				t.$slots.footer ? (E(), f("footer", {
 					key: 1,
-					class: x(N(a).footer)
-				}, [A(t.$slots, "footer", { close: b })], 2)) : d("", !0)
-			], 2)], 2), [[R, h.value]])]),
+					class: x(F(a).footer)
+				}, [j(t.$slots, "footer", { close: b })], 2)) : d("", !0)
+			], 2)], 2), [[z, h.value]])]),
 			_: 3
 		})], 4)) : d("", !0)]));
 	}
-}, ot = {
+}, st = {
 	__name: "ShDrawer",
 	props: {
 		open: Boolean,
@@ -2858,7 +2878,7 @@ var He = ["disabled"], Ue = {
 		"closed"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = q("drawer", l(() => r.classes)), o = O(null), m = O(!1), h = O(!1), _ = {
+		let r = e, i = n, a = X("drawer", l(() => r.classes)), o = k(null), m = k(!1), h = k(!1), _ = {
 			start: {
 				panel: "inset-y-0 left-0 h-full w-full",
 				hidden: "-translate-x-full"
@@ -2875,7 +2895,7 @@ var He = ["disabled"], Ue = {
 				panel: "inset-x-0 bottom-0 w-full",
 				hidden: "translate-y-full"
 			}
-		}, v = l(() => _[r.position] ?? _.end), y = l(() => ["top", "bottom"].includes(r.position)), b = l(() => y.value ? a.value.sizesVertical[r.size] ?? a.value.sizesVertical.md : a.value.sizes[r.size] ?? a.value.sizes.md), C = ce({
+		}, v = l(() => _[r.position] ?? _.end), y = l(() => ["top", "bottom"].includes(r.position)), b = l(() => y.value ? a.value.sizesVertical[r.size] ?? a.value.sizesVertical.md : a.value.sizes[r.size] ?? a.value.sizes.md), C = se({
 			isStatic: () => r.static,
 			onClose: () => i("update:open", !1)
 		}), w = () => {
@@ -2885,11 +2905,11 @@ var He = ["disabled"], Ue = {
 		}, T = (e) => {
 			h.value = !1, C.close(e);
 		};
-		return z(() => r.open, (e) => {
+		return B(() => r.open, (e) => {
 			e ? w() : h.value && T("prop");
-		}, { immediate: !0 }), z(C.isOpen, (e) => {
+		}, { immediate: !0 }), B(C.isOpen, (e) => {
 			!e && h.value && (h.value = !1);
-		}), D(ne, {
+		}), D(q, {
 			close: () => T("context"),
 			requestClose: (e) => T(e)
 		}), t({
@@ -2898,7 +2918,7 @@ var He = ["disabled"], Ue = {
 		}), (t, n) => (E(), u(s, { to: "body" }, [m.value ? (E(), f("div", {
 			key: 0,
 			class: "fixed inset-0",
-			style: S({ zIndex: N(C).zIndex.value })
+			style: S({ zIndex: F(C).zIndex.value })
 		}, [g(c, {
 			"enter-active-class": "transition-opacity duration-200 ease-out",
 			"enter-from-class": "opacity-0",
@@ -2907,10 +2927,10 @@ var He = ["disabled"], Ue = {
 			"leave-from-class": "opacity-100",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: B(() => [V(p("div", {
-				class: x(N(a).backdrop),
-				onClick: n[0] ||= (...e) => N(C).onBackdrop && N(C).onBackdrop(...e)
-			}, null, 2), [[R, h.value]])]),
+			default: V(() => [H(p("div", {
+				class: x(F(a).backdrop),
+				onClick: n[0] ||= (...e) => F(C).onBackdrop && F(C).onBackdrop(...e)
+			}, null, 2), [[z, h.value]])]),
 			_: 1
 		}), g(c, {
 			"enter-active-class": "transition-transform duration-250 ease-out",
@@ -2926,24 +2946,24 @@ var He = ["disabled"], Ue = {
 				m.value = !1, i("closed");
 			}
 		}, {
-			default: B(() => [V(p("div", {
+			default: V(() => [H(p("div", {
 				ref_key: "panel",
 				ref: o,
 				tabindex: "-1",
 				role: "dialog",
 				"aria-modal": "true",
 				class: x([
-					N(a).panel,
+					F(a).panel,
 					v.value.panel,
 					b.value
 				])
 			}, [e.title || t.$slots.title || !e.hideClose ? (E(), f("header", {
 				key: 0,
-				class: x(N(a).header)
-			}, [A(t.$slots, "title", {}, () => [p("h3", { class: x(N(a).title) }, M(e.title), 3)]), e.hideClose ? d("", !0) : (E(), f("button", {
+				class: x(F(a).header)
+			}, [j(t.$slots, "title", {}, () => [p("h3", { class: x(F(a).title) }, P(e.title), 3)]), e.hideClose ? d("", !0) : (E(), f("button", {
 				key: 0,
 				type: "button",
-				class: x(N(a).closeBtn),
+				class: x(F(a).closeBtn),
 				"aria-label": "Close",
 				onClick: n[1] ||= (e) => T("button")
 			}, [...n[4] ||= [p("svg", {
@@ -2957,11 +2977,11 @@ var He = ["disabled"], Ue = {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				d: "M6 18L18 6M6 6l12 12"
-			})], -1)]], 2))], 2)) : d("", !0), p("div", { class: x(N(a).body) }, [A(t.$slots, "default", { close: T })], 2)], 2), [[R, h.value]])]),
+			})], -1)]], 2))], 2)) : d("", !0), p("div", { class: x(F(a).body) }, [j(t.$slots, "default", { close: T })], 2)], 2), [[z, h.value]])]),
 			_: 3
 		}, 8, ["enter-from-class", "leave-to-class"])], 4)) : d("", !0)]));
 	}
-}, st = {
+}, ct = {
 	__name: "ShDialogBtn",
 	props: {
 		title: String,
@@ -2976,12 +2996,12 @@ var He = ["disabled"], Ue = {
 	},
 	emits: ["opened", "closed"],
 	setup(e) {
-		let t = q("buttons"), n = O(!1);
+		let t = X("buttons"), n = k(!1);
 		return (r, i) => (E(), f(o, null, [p("button", {
 			type: "button",
-			class: x(e.btnClass ?? N(t).secondary),
+			class: x(e.btnClass ?? F(t).secondary),
 			onClick: i[0] ||= (e) => n.value = !0
-		}, [A(r.$slots, "trigger", {}, () => [i[4] ||= h("Open", -1)])], 2), g(at, {
+		}, [j(r.$slots, "trigger", {}, () => [i[4] ||= h("Open", -1)])], 2), g(ot, {
 			open: n.value,
 			"onUpdate:open": i[1] ||= (e) => n.value = e,
 			title: e.title,
@@ -2992,11 +3012,11 @@ var He = ["disabled"], Ue = {
 			onOpened: i[2] ||= (e) => r.$emit("opened"),
 			onClosed: i[3] ||= (e) => r.$emit("closed")
 		}, m({
-			default: B(({ close: e }) => [A(r.$slots, "default", { close: e })]),
+			default: V(({ close: e }) => [j(r.$slots, "default", { close: e })]),
 			_: 2
 		}, [r.$slots.footer ? {
 			name: "footer",
-			fn: B(({ close: e }) => [A(r.$slots, "footer", { close: e })]),
+			fn: V(({ close: e }) => [j(r.$slots, "footer", { close: e })]),
 			key: "0"
 		} : void 0]), 1032, [
 			"open",
@@ -3007,7 +3027,7 @@ var He = ["disabled"], Ue = {
 			"classes"
 		])], 64));
 	}
-}, ct = {
+}, lt = {
 	__name: "ShDrawerBtn",
 	props: {
 		title: String,
@@ -3026,12 +3046,12 @@ var He = ["disabled"], Ue = {
 	},
 	emits: ["opened", "closed"],
 	setup(e) {
-		let t = q("buttons"), n = O(!1);
+		let t = X("buttons"), n = k(!1);
 		return (r, i) => (E(), f(o, null, [p("button", {
 			type: "button",
-			class: x(e.btnClass ?? N(t).secondary),
+			class: x(e.btnClass ?? F(t).secondary),
 			onClick: i[0] ||= (e) => n.value = !0
-		}, [A(r.$slots, "trigger", {}, () => [i[4] ||= h("Open", -1)])], 2), g(ot, {
+		}, [j(r.$slots, "trigger", {}, () => [i[4] ||= h("Open", -1)])], 2), g(st, {
 			open: n.value,
 			"onUpdate:open": i[1] ||= (e) => n.value = e,
 			title: e.title,
@@ -3043,7 +3063,7 @@ var He = ["disabled"], Ue = {
 			onOpened: i[2] ||= (e) => r.$emit("opened"),
 			onClosed: i[3] ||= (e) => r.$emit("closed")
 		}, {
-			default: B(({ close: e }) => [A(r.$slots, "default", { close: e })]),
+			default: V(({ close: e }) => [j(r.$slots, "default", { close: e })]),
 			_: 3
 		}, 8, [
 			"open",
@@ -3055,7 +3075,7 @@ var He = ["disabled"], Ue = {
 			"classes"
 		])], 64));
 	}
-}, lt = {
+}, ut = {
 	__name: "ShDialogForm",
 	props: {
 		title: String,
@@ -3102,7 +3122,7 @@ var He = ["disabled"], Ue = {
 		"closed"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, a = q("buttons"), s = O(!1), c = l(() => JSON.stringify(r.currentData ?? {})), d = (e) => {
+		let r = e, i = n, a = X("buttons"), s = k(!1), c = l(() => JSON.stringify(r.currentData ?? {})), d = (e) => {
 			i("success", e);
 		};
 		return t({
@@ -3114,9 +3134,9 @@ var He = ["disabled"], Ue = {
 			}
 		}), (t, n) => (E(), f(o, null, [p("button", {
 			type: "button",
-			class: x(e.btnClass ?? N(a).primary),
+			class: x(e.btnClass ?? F(a).primary),
 			onClick: n[0] ||= (e) => s.value = !0
-		}, [A(t.$slots, "trigger", {}, () => [h(M(e.title ?? "Open form"), 1)])], 2), g(at, {
+		}, [j(t.$slots, "trigger", {}, () => [h(P(e.title ?? "Open form"), 1)])], 2), g(ot, {
 			open: s.value,
 			"onUpdate:open": n[3] ||= (e) => s.value = e,
 			title: e.title,
@@ -3127,7 +3147,7 @@ var He = ["disabled"], Ue = {
 			onOpened: n[4] ||= (e) => t.$emit("opened"),
 			onClosed: n[5] ||= (e) => t.$emit("closed")
 		}, {
-			default: B(() => [(E(), u(it, {
+			default: V(() => [(E(), u(at, {
 				key: c.value,
 				action: e.action,
 				method: e.method,
@@ -3144,7 +3164,7 @@ var He = ["disabled"], Ue = {
 				onError: n[1] ||= (e) => t.$emit("error", e),
 				onFieldChanged: n[2] ||= (e, n, r) => t.$emit("fieldChanged", e, n, r)
 			}, {
-				default: B(() => [A(t.$slots, "default")]),
+				default: V(() => [j(t.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"action",
@@ -3169,17 +3189,17 @@ var He = ["disabled"], Ue = {
 			"classes"
 		])], 64));
 	}
-}, ut = "sh_tw_table_cache", dt = "pages", ft = "rows", pt = 1, mt = 3e3, ht = null;
-function gt() {
-	return ht || (ht = new Promise((e, t) => {
-		let n = indexedDB.open(ut, pt);
+}, dt = "sh_tw_table_cache", ft = "pages", pt = "rows", mt = 1, ht = 3e3, gt = null;
+function _t() {
+	return gt || (gt = new Promise((e, t) => {
+		let n = indexedDB.open(dt, mt);
 		n.onupgradeneeded = (e) => {
 			let t = e.target.result;
-			t.objectStoreNames.contains(dt) || t.createObjectStore(dt), t.objectStoreNames.contains(ft) || t.createObjectStore(ft);
+			t.objectStoreNames.contains(ft) || t.createObjectStore(ft), t.objectStoreNames.contains(pt) || t.createObjectStore(pt);
 		}, n.onsuccess = (t) => e(t.target.result), n.onerror = (e) => t(e.target.error);
-	}), ht);
+	}), gt);
 }
-function _t() {
+function vt() {
 	try {
 		let e = i.getItem("user");
 		return e?.id ? `u${e.id}_` : "";
@@ -3187,71 +3207,71 @@ function _t() {
 		return "";
 	}
 }
-function vt(e, t, n) {
-	return gt().then((r) => new Promise((i, a) => {
+function yt(e, t, n) {
+	return _t().then((r) => new Promise((i, a) => {
 		let o = n(r.transaction(e, t).objectStore(e));
 		o.onsuccess = () => i(o.result), o.onerror = () => a(o.error);
 	})).catch((e) => {
 		console.error("[sh-tailwind] table cache error", e);
 	});
 }
-async function yt(e) {
-	return (await vt(dt, "readonly", (t) => t.get(_t() + e)))?.response ?? null;
+async function bt(e) {
+	return (await yt(ft, "readonly", (t) => t.get(vt() + e)))?.response ?? null;
 }
-function bt(e, t) {
-	return vt(dt, "readwrite", (n) => n.put({
+function xt(e, t) {
+	return yt(ft, "readwrite", (n) => n.put({
 		response: t,
 		timestamp: Date.now()
-	}, _t() + e));
+	}, vt() + e));
 }
-async function xt(e) {
-	return (await vt(ft, "readonly", (t) => t.get(_t() + e)))?.rows ?? [];
+async function St(e) {
+	return (await yt(pt, "readonly", (t) => t.get(vt() + e)))?.rows ?? [];
 }
-async function St(e, t) {
+async function Ct(e, t) {
 	if (!Array.isArray(t) || !t.length) return;
-	let n = await xt(e), r = /* @__PURE__ */ new Map();
+	let n = await St(e), r = /* @__PURE__ */ new Map();
 	n.forEach((e) => {
 		e && e.id !== void 0 && r.set(e.id, e);
 	}), t.forEach((e) => {
 		e && e.id !== void 0 && r.set(e.id, e);
 	});
 	let i = [...r.values()];
-	return i.length > mt && (i = i.slice(i.length - mt)), vt(ft, "readwrite", (t) => t.put({
+	return i.length > ht && (i = i.slice(i.length - ht)), yt(pt, "readwrite", (t) => t.put({
 		rows: i,
 		timestamp: Date.now()
-	}, _t() + e));
+	}, vt() + e));
 }
-async function Ct() {
-	await vt(dt, "readwrite", (e) => e.clear()), await vt(ft, "readwrite", (e) => e.clear());
+async function wt() {
+	await yt(ft, "readwrite", (e) => e.clear()), await yt(pt, "readwrite", (e) => e.clear());
 }
-var wt = {
-	getPage: yt,
-	setPage: bt,
-	getRows: xt,
-	mergeRows: St,
-	clear: Ct
+var Tt = {
+	getPage: bt,
+	setPage: xt,
+	getRows: St,
+	mergeRows: Ct,
+	clear: wt
 };
 //#endregion
 //#region src/table/localQuery.js
-function Tt(e, t) {
+function Et(e, t) {
 	return !e || !t || typeof t != "string" ? "" : t.split(".").reduce((e, t) => e ? e[t] : "", e);
 }
-function Et(e, t, n, r = 0) {
+function Dt(e, t, n, r = 0) {
 	if (e == null) return !1;
-	if (typeof e == "object") return r > 2 ? !1 : Object.values(e).some((e) => Et(e, t, n, r + 1));
+	if (typeof e == "object") return r > 2 ? !1 : Object.values(e).some((e) => Dt(e, t, n, r + 1));
 	let i = String(e).toLowerCase();
 	return n ? i === t : i.includes(t);
 }
-function Dt(e, { search: t, exact: n, orderBy: r, orderMethod: i, page: a, perPage: o } = {}) {
+function Ot(e, { search: t, exact: n, orderBy: r, orderMethod: i, page: a, perPage: o } = {}) {
 	let s = e;
 	if (t) {
 		let r = String(t).toLowerCase();
-		s = e.filter((e) => Et(e, r, !!n));
+		s = e.filter((e) => Dt(e, r, !!n));
 	}
 	if (r) {
 		let e = i === "asc" ? 1 : -1;
 		s = [...s].sort((t, n) => {
-			let i = Tt(t, r), a = Tt(n, r);
+			let i = Et(t, r), a = Et(n, r);
 			return typeof i == "number" && typeof a == "number" ? (i - a) * e : String(i ?? "").localeCompare(String(a ?? ""), void 0, { numeric: !0 }) * e;
 		});
 	}
@@ -3267,8 +3287,8 @@ function Dt(e, { search: t, exact: n, orderBy: r, orderMethod: i, page: a, perPa
 }
 //#endregion
 //#region src/table/useTableData.js
-function Ot({ query: e, cacheEnabled: t = () => !1, networkTimeout: r = () => 1e4 }) {
-	let i = O([]), a = O(null), o = O("loading"), s = O(""), c = O(!1), l = O(!1), u = 0, d = (e, t) => e + "|" + JSON.stringify(t), f = (e, { append: t = !1 } = {}) => {
+function kt({ query: e, cacheEnabled: t = () => !1, networkTimeout: r = () => 1e4 }) {
+	let i = k([]), a = k(null), o = k("loading"), s = k(""), c = k(!1), l = k(!1), u = 0, d = (e, t) => e + "|" + JSON.stringify(t), f = (e, { append: t = !1 } = {}) => {
 		t ? i.value.push(...e.data ?? []) : i.value = e.data ?? [], a.value = {
 			total: e.total ?? i.value.length,
 			per_page: e.per_page,
@@ -3287,14 +3307,14 @@ function Ot({ query: e, cacheEnabled: t = () => !1, networkTimeout: r = () => 1e
 		load: async ({ append: a = !1 } = {}) => {
 			let p = ++u, { endpoint: m, params: h } = e(), g = d(m, h), _ = !!t(), v = !1;
 			if (i.value.length || (o.value = "loading"), _ && !a) {
-				let e = await wt.getPage(g);
+				let e = await Tt.getPage(g);
 				e && p === u && (f(e), l.value = !0, v = !0);
 			}
 			try {
 				let e = await n.doGet(m, h, { timeout: r() });
 				if (p !== u) return;
 				let t = e.data?.data ?? e.data;
-				return f(t, { append: a }), c.value = !1, l.value = !1, s.value = "", _ && (wt.setPage(g, t), wt.mergeRows(m, t.data)), t;
+				return f(t, { append: a }), c.value = !1, l.value = !1, s.value = "", _ && (Tt.setPage(g, t), Tt.mergeRows(m, t.data)), t;
 			} catch (e) {
 				if (p !== u) return;
 				if (e.response) {
@@ -3303,10 +3323,10 @@ function Ot({ query: e, cacheEnabled: t = () => !1, networkTimeout: r = () => 1e
 				}
 				if (c.value = !0, v) return;
 				if (_) {
-					let e = await wt.getRows(m);
+					let e = await Tt.getRows(m);
 					if (p !== u) return;
 					if (e.length) {
-						f(Dt(e, {
+						f(Ot(e, {
 							search: h.filter_value,
 							exact: h.exact,
 							orderBy: h.order_by,
@@ -3324,7 +3344,7 @@ function Ot({ query: e, cacheEnabled: t = () => !1, networkTimeout: r = () => 1e
 }
 //#endregion
 //#region src/components/table/ShTablePagination.vue
-var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = ["onClick"], Pt = ["disabled"], Ft = {
+var At = ["value"], jt = ["value"], Mt = ["disabled"], Nt = ["disabled"], Pt = ["onClick"], Ft = ["disabled"], It = {
 	__name: "ShTablePagination",
 	props: {
 		meta: {
@@ -3356,11 +3376,11 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 			for (let n = Math.max(2, t - 1); n <= Math.min(e - 1, t + 1); n++) r.push(n);
 			return t < e - 2 && r.push("..."), r.push(e), r;
 		});
-		return (t, n) => (E(), f("div", { class: x(e.theme.wrapper) }, [p("div", { class: x(e.theme.info) }, [h(" Showing " + M(i.value) + " of " + M(e.meta.total) + " ", 1), p("select", {
+		return (t, n) => (E(), f("div", { class: x(e.theme.wrapper) }, [p("div", { class: x(e.theme.info) }, [h(" Showing " + P(i.value) + " of " + P(e.meta.total) + " ", 1), p("select", {
 			value: e.perPage,
 			class: x([e.theme.perPage, "ml-2"]),
 			onChange: n[0] ||= (e) => r("perPage", Number(e.target.value))
-		}, [(E(), f(o, null, k([
+		}, [(E(), f(o, null, A([
 			10,
 			20,
 			30,
@@ -3369,13 +3389,13 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 		], (e) => p("option", {
 			key: e,
 			value: e
-		}, M(e) + " / page", 9, At)), 64))], 42, kt)], 2), e.mode === "loadMore" ? (E(), f("button", {
+		}, P(e) + " / page", 9, jt)), 64))], 42, At)], 2), e.mode === "loadMore" ? (E(), f("button", {
 			key: 0,
 			type: "button",
 			class: x(e.theme.loadMore),
 			disabled: e.loading || e.meta.current_page >= e.meta.last_page,
 			onClick: n[1] ||= (e) => r("loadMore")
-		}, M(e.meta.current_page >= e.meta.last_page ? "All loaded" : "Load more"), 11, jt)) : (E(), f("div", {
+		}, P(e.meta.current_page >= e.meta.last_page ? "All loaded" : "Load more"), 11, Mt)) : (E(), f("div", {
 			key: 1,
 			class: x(e.theme.pages)
 		}, [
@@ -3385,8 +3405,8 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 				disabled: e.meta.current_page <= 1,
 				"aria-label": "Previous page",
 				onClick: n[2] ||= (t) => r("page", e.meta.current_page - 1)
-			}, " ‹ ", 10, Mt),
-			(E(!0), f(o, null, k(a.value, (t, n) => (E(), f(o, { key: n }, [t === "..." ? (E(), f("span", {
+			}, " ‹ ", 10, Nt),
+			(E(!0), f(o, null, A(a.value, (t, n) => (E(), f(o, { key: n }, [t === "..." ? (E(), f("span", {
 				key: 0,
 				class: x(e.theme.ellipsis)
 			}, "…", 2)) : (E(), f("button", {
@@ -3394,20 +3414,20 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 				type: "button",
 				class: x(t === e.meta.current_page ? e.theme.pageBtnActive : e.theme.pageBtn),
 				onClick: (e) => r("page", t)
-			}, M(t), 11, Nt))], 64))), 128)),
+			}, P(t), 11, Pt))], 64))), 128)),
 			p("button", {
 				type: "button",
 				class: x(e.theme.pageBtn),
 				disabled: e.meta.current_page >= e.meta.last_page,
 				"aria-label": "Next page",
 				onClick: n[3] ||= (t) => r("page", e.meta.current_page + 1)
-			}, " › ", 10, Pt)
+			}, " › ", 10, Ft)
 		], 2))], 2));
 	}
-}, It = {
+}, Lt = {
 	key: 0,
 	class: "flex w-full items-center gap-3 md:w-auto"
-}, Lt = ["placeholder"], Rt = ["checked"], zt = ["onClick"], Bt = { key: 0 }, Vt = { key: 0 }, Ht = ["colspan"], Ut = ["onClick"], Wt = ["checked", "onChange"], Gt = ["innerHTML"], Kt = ["onClick"], qt = ["onClick"], Jt = ["checked", "onChange"], Yt = ["innerHTML"], Xt = ["onClick"], Zt = { class: "text-sm text-gray-700" }, Qt = { class: "flex items-center gap-2" }, $t = ["onClick"], en = {
+}, Rt = ["placeholder"], zt = ["checked"], Bt = ["onClick"], Vt = { key: 0 }, Ht = { key: 0 }, Ut = ["colspan"], Wt = ["onClick"], Gt = ["checked", "onChange"], Kt = ["innerHTML"], qt = ["onClick"], Jt = ["onClick"], Yt = ["checked", "onChange"], Xt = ["innerHTML"], Zt = ["onClick"], Qt = { class: "text-sm text-gray-700" }, $t = { class: "flex items-center gap-2" }, en = ["onClick"], tn = {
 	__name: "ShTable",
 	props: {
 		endpoint: {
@@ -3468,26 +3488,26 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 		"action"
 	],
 	setup(e, { expose: s, emit: c }) {
-		let m = e, v = c, y = q("table", l(() => m.classes)), b = a(), S = _()?.appContext.config.globalProperties.$router ?? null, w = (e) => {
+		let m = e, v = c, y = X("table", l(() => m.classes)), b = a(), S = _()?.appContext.config.globalProperties.$router ?? null, w = (e) => {
 			S ? S.push(e) : window.location.href = e;
 		}, T = l(() => m.columns.map((e) => {
 			let t = typeof e == "string" ? { name: e } : { ...e };
-			return t.label = t.label ?? le(t.name.split(".").pop()), t.sortable = t.sortable ?? !t.component, t;
-		}).filter((e) => e.show ? e.show() : !0)), D = () => `sh_table_per_page_${typeof window < "u" ? window.location.pathname : "server"}_${m.endpoint}`.replace(/[^a-z0-9]+/gi, "_").toLowerCase(), ee = () => {
+			return t.label = t.label ?? ce(t.name.split(".").pop()), t.sortable = t.sortable ?? !t.component, t;
+		}).filter((e) => e.show ? e.show() : !0)), D = () => `sh_table_per_page_${typeof window < "u" ? window.location.pathname : "server"}_${m.endpoint}`.replace(/[^a-z0-9]+/gi, "_").toLowerCase(), O = () => {
 			let e = Number(i.getItem(D()));
 			return e > 0 ? e : Number(m.perPage ?? t("tablePerPage", 10));
-		}, F = O(1), I = O(ee()), R = O(""), B = O(!1), U = O(m.sortBy), W = O(m.sortMethod), te = O(null), ne = O(null), G = O(""), K = O(""), re = l(() => m.paginationStyle ?? t("tablePaginationStyle", "pages")), ie = l(() => m.cache === null ? !!t("enableTableCache", !1) : m.cache), { records: J, meta: ae, status: oe, error: se, offline: Y, fromCache: ce, load: ue } = Ot({
+		}, M = k(1), I = k(O()), L = k(""), z = k(!1), V = k(m.sortBy), W = k(m.sortMethod), G = k(null), K = k(null), q = k(""), J = k(""), te = l(() => m.paginationStyle ?? t("tablePaginationStyle", "pages")), ne = l(() => m.cache === null ? !!t("enableTableCache", !1) : m.cache), { records: Y, meta: re, status: ie, error: Z, offline: ae, fromCache: oe, load: se } = kt({
 			query: () => {
 				let e = {
-					order_by: U.value,
+					order_by: V.value,
 					order_method: W.value,
 					per_page: I.value,
-					page: F.value,
-					filter_value: R.value,
+					page: M.value,
+					filter_value: L.value,
 					paginated: !0,
-					from: te.value,
-					to: ne.value,
-					exact: B.value || null
+					from: G.value,
+					to: K.value,
+					exact: z.value || null
 				};
 				return Object.keys(e).forEach((t) => {
 					(e[t] === null || e[t] === "" || e[t] === void 0) && delete e[t];
@@ -3496,39 +3516,39 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 					params: e
 				};
 			},
-			cacheEnabled: () => ie.value,
+			cacheEnabled: () => ne.value,
 			networkTimeout: () => m.networkTimeout
-		}), X = async ({ append: e = !1 } = {}) => {
-			let t = await ue({ append: e });
+		}), Q = async ({ append: e = !1 } = {}) => {
+			let t = await se({ append: e });
 			t && v("loaded", t);
 		};
-		X();
-		let de = null, fe = () => {
-			clearTimeout(de), de = setTimeout(() => {
-				F.value = 1, X();
+		Q();
+		let le = null, ue = () => {
+			clearTimeout(le), le = setTimeout(() => {
+				M.value = 1, Q();
 			}, 500);
 		};
-		C(() => clearTimeout(de));
-		let pe = (e) => {
+		C(() => clearTimeout(le));
+		let de = (e) => {
 			if (!e) return null;
 			let [t, n, r] = e.split("-");
 			return `${n}/${r}/${t}`;
-		}, me = () => {
-			te.value = pe(G.value), ne.value = pe(K.value), F.value = 1, X();
+		}, fe = () => {
+			G.value = de(q.value), K.value = de(J.value), M.value = 1, Q();
+		}, pe = (e) => {
+			e.sortable && (V.value === e.name ? W.value = W.value === "desc" ? "asc" : "desc" : (V.value = e.name, W.value = "desc"), Q());
+		}, me = (e) => {
+			M.value = e, Q();
 		}, he = (e) => {
-			e.sortable && (U.value === e.name ? W.value = W.value === "desc" ? "asc" : "desc" : (U.value = e.name, W.value = "desc"), X());
-		}, ge = (e) => {
-			F.value = e, X();
-		}, _e = (e) => {
-			I.value = e, F.value = 1, i.setItem(D(), e), X();
-		}, ye = () => {
-			F.value++, X({ append: !0 });
+			I.value = e, M.value = 1, i.setItem(D(), e), Q();
+		}, ge = () => {
+			M.value++, Q({ append: !0 });
 		};
-		z(() => m.reload, () => X()), z(() => m.endpoint, () => {
-			F.value = 1, I.value = ee(), X();
+		B(() => m.reload, () => Q()), B(() => m.endpoint, () => {
+			M.value = 1, I.value = O(), Q();
 		});
-		let Z = (e, t) => {
-			let n = Tt(e, t.name);
+		let ve = (e, t) => {
+			let n = Et(e, t.name);
 			if (n == null || n === "") return "";
 			switch (t.format) {
 				case "date": return r.formatDate(n, "ll");
@@ -3537,7 +3557,7 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 				case "money": return r.formatNumber(n, 2);
 				default: return n;
 			}
-		}, be = (e) => !e.permission || b.isAllowedTo(e.permission), xe = (e) => m.actions.filter((t) => be(t) && (t.show ? t.show(e) : !0)), Q = l(() => m.multiActions.filter(be)), Se = (e, t) => String(e).replace(/\{(.*?)\}/g, (e, n) => Tt(t, n)), Ce = async (e, t) => {
+		}, ye = (e) => !e.permission || b.isAllowedTo(e.permission), be = (e) => m.actions.filter((t) => ye(t) && (t.show ? t.show(e) : !0)), xe = l(() => m.multiActions.filter(ye)), Se = (e, t) => String(e).replace(/\{(.*?)\}/g, (e, n) => Et(t, n)), Ce = async (e, t) => {
 			if (e.handler) return e.handler(t);
 			if (e.emit) {
 				v("action", e.emit, t), v(e.emit, t);
@@ -3548,69 +3568,69 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 				let i = Se(e.url, t);
 				if (e.confirm) {
 					let t = await r.runPlainRequest(i, e.confirm, e.label, e.data);
-					t.isConfirmed && t.value?.success ? (r.showToast(t.value.response?.message ?? "Action successful"), X()) : t.isConfirmed && r.showToast(e.failMessage ?? "Action failed", "error");
+					t.isConfirmed && t.value?.success ? (r.showToast(t.value.response?.message ?? "Action successful"), Q()) : t.isConfirmed && r.showToast(e.failMessage ?? "Action failed", "error");
 					return;
 				}
 				try {
 					let t = await n.doPost(i, e.data);
-					r.showToast(t.data?.message ?? "Action successful"), X();
+					r.showToast(t.data?.message ?? "Action successful"), Q();
 				} catch (e) {
 					r.showToast(e.response?.data?.message ?? "Action failed", "error");
 				}
 			}
 		}, we = (e) => {
 			v("rowClick", e), m.rowLink && w(Se(m.rowLink, e));
-		}, $ = O([]), Te = l(() => J.value.length > 0 && $.value.length === J.value.length), Ee = () => {
-			$.value = Te.value ? [] : J.value.map((e) => e.id);
+		}, $ = k([]), Te = l(() => Y.value.length > 0 && $.value.length === Y.value.length), Ee = () => {
+			$.value = Te.value ? [] : Y.value.map((e) => e.id);
 		}, De = (e) => {
 			let t = $.value.indexOf(e);
 			t > -1 ? $.value.splice(t, 1) : $.value.push(e);
 		}, Oe = (e) => {
-			let t = J.value.filter((e) => $.value.includes(e.id));
+			let t = Y.value.filter((e) => $.value.includes(e.id));
 			e.handler?.(t), $.value = [];
-		}, ke = l(() => T.value.length + +!!Q.value.length + +!!m.actions.length);
+		}, ke = l(() => T.value.length + +!!xe.value.length + +!!m.actions.length);
 		return s({
-			reload: () => X(),
-			records: J
-		}), (t, n) => (E(), f("div", { class: x(N(y).wrapper) }, [
+			reload: () => Q(),
+			records: Y
+		}), (t, n) => (E(), f("div", { class: x(F(y).wrapper) }, [
 			e.searchable || e.hasRange ? (E(), f("div", {
 				key: 0,
-				class: x(N(y).toolbar)
-			}, [e.searchable ? (E(), f("div", It, [V(p("input", {
-				"onUpdate:modelValue": n[0] ||= (e) => R.value = e,
+				class: x(F(y).toolbar)
+			}, [e.searchable ? (E(), f("div", Lt, [H(p("input", {
+				"onUpdate:modelValue": n[0] ||= (e) => L.value = e,
 				type: "search",
 				placeholder: e.searchPlaceholder,
-				class: x(N(y).search),
-				onInput: fe
-			}, null, 42, Lt), [[L, R.value]]), R.value.length > 1 ? (E(), f("label", {
+				class: x(F(y).search),
+				onInput: ue
+			}, null, 42, Rt), [[R, L.value]]), L.value.length > 1 ? (E(), f("label", {
 				key: 0,
-				class: x(N(y).exactLabel)
-			}, [V(p("input", {
-				"onUpdate:modelValue": n[1] ||= (e) => B.value = e,
+				class: x(F(y).exactLabel)
+			}, [H(p("input", {
+				"onUpdate:modelValue": n[1] ||= (e) => z.value = e,
 				type: "checkbox",
-				class: x(N(y).checkbox),
-				onChange: n[2] ||= (e) => X()
-			}, null, 34), [[P, B.value]]), n[10] ||= h(" Exact ", -1)], 2)) : d("", !0)])) : d("", !0), e.hasRange ? (E(), f("div", {
+				class: x(F(y).checkbox),
+				onChange: n[2] ||= (e) => Q()
+			}, null, 34), [[ee, z.value]]), n[10] ||= h(" Exact ", -1)], 2)) : d("", !0)])) : d("", !0), e.hasRange ? (E(), f("div", {
 				key: 1,
-				class: x(N(y).rangeWrapper)
+				class: x(F(y).rangeWrapper)
 			}, [
-				V(p("input", {
-					"onUpdate:modelValue": n[3] ||= (e) => G.value = e,
+				H(p("input", {
+					"onUpdate:modelValue": n[3] ||= (e) => q.value = e,
 					type: "date",
-					class: x(N(y).rangeInput),
-					onChange: me
-				}, null, 34), [[L, G.value]]),
+					class: x(F(y).rangeInput),
+					onChange: fe
+				}, null, 34), [[R, q.value]]),
 				n[11] ||= p("span", { class: "text-xs text-gray-400" }, "to", -1),
-				V(p("input", {
-					"onUpdate:modelValue": n[4] ||= (e) => K.value = e,
+				H(p("input", {
+					"onUpdate:modelValue": n[4] ||= (e) => J.value = e,
 					type: "date",
-					class: x(N(y).rangeInput),
-					onChange: me
-				}, null, 34), [[L, K.value]])
+					class: x(F(y).rangeInput),
+					onChange: fe
+				}, null, 34), [[R, J.value]])
 			], 2)) : d("", !0)], 2)) : d("", !0),
-			N(Y) ? (E(), f("div", {
+			F(ae) ? (E(), f("div", {
 				key: 1,
-				class: x(N(y).offline)
+				class: x(F(y).offline)
 			}, [...n[12] ||= [p("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				class: "size-4",
@@ -3623,134 +3643,134 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 				"stroke-linejoin": "round",
 				d: "M12 9v3.75m0 3.75h.008v.008H12v-.008zM3.34 17.25h17.32c1.16 0 1.88-1.25 1.3-2.25L13.3 4.5c-.58-1-2.02-1-2.6 0L2.04 15c-.58 1 .14 2.25 1.3 2.25z"
 			})], -1), p("span", null, "You appear to be offline — showing cached results. Search and pagination run on cached data.", -1)]], 2)) : d("", !0),
-			N(oe) === "error" && !N(J).length ? (E(), f("div", {
+			F(ie) === "error" && !F(Y).length ? (E(), f("div", {
 				key: 2,
-				class: x(N(y).error)
-			}, M(N(se)), 3)) : N(oe) === "loading" && !N(J).length ? (E(), f("div", {
+				class: x(F(y).error)
+			}, P(F(Z)), 3)) : F(ie) === "loading" && !F(Y).length ? (E(), f("div", {
 				key: 3,
-				class: x(N(y).loading)
-			}, [g(ve, { class: "size-6" })], 2)) : (E(), f(o, { key: 4 }, [
-				p("div", { class: x(N(y).container) }, [p("table", { class: x(N(y).table) }, [p("thead", { class: x(N(y).thead) }, [p("tr", null, [
-					Q.value.length ? (E(), f("th", {
+				class: x(F(y).loading)
+			}, [g(_e, { class: "size-6" })], 2)) : (E(), f(o, { key: 4 }, [
+				p("div", { class: x(F(y).container) }, [p("table", { class: x(F(y).table) }, [p("thead", { class: x(F(y).thead) }, [p("tr", null, [
+					xe.value.length ? (E(), f("th", {
 						key: 0,
-						class: x([N(y).th, "w-10"])
+						class: x([F(y).th, "w-10"])
 					}, [p("input", {
 						type: "checkbox",
-						class: x(N(y).checkbox),
+						class: x(F(y).checkbox),
 						checked: Te.value,
 						onChange: Ee
-					}, null, 42, Rt)], 2)) : d("", !0),
-					(E(!0), f(o, null, k(T.value, (e) => (E(), f("th", {
+					}, null, 42, zt)], 2)) : d("", !0),
+					(E(!0), f(o, null, A(T.value, (e) => (E(), f("th", {
 						key: e.name,
-						class: x(N(y).th)
+						class: x(F(y).th)
 					}, [e.sortable ? (E(), f("a", {
 						key: 0,
-						class: x(N(y).sortBtn),
-						onClick: (t) => he(e)
-					}, [h(M(e.label) + " ", 1), U.value === e.name ? (E(), f("span", Bt, M(W.value === "desc" ? "↓" : "↑"), 1)) : d("", !0)], 10, zt)) : (E(), f(o, { key: 1 }, [h(M(e.label), 1)], 64))], 2))), 128)),
+						class: x(F(y).sortBtn),
+						onClick: (t) => pe(e)
+					}, [h(P(e.label) + " ", 1), V.value === e.name ? (E(), f("span", Vt, P(W.value === "desc" ? "↓" : "↑"), 1)) : d("", !0)], 10, Bt)) : (E(), f(o, { key: 1 }, [h(P(e.label), 1)], 64))], 2))), 128)),
 					e.actions.length ? (E(), f("th", {
 						key: 1,
-						class: x([N(y).th, "text-right"])
+						class: x([F(y).th, "text-right"])
 					}, "Actions", 2)) : d("", !0)
-				])], 2), p("tbody", { class: x(N(y).tbody) }, [N(J).length ? d("", !0) : (E(), f("tr", Vt, [p("td", {
+				])], 2), p("tbody", { class: x(F(y).tbody) }, [F(Y).length ? d("", !0) : (E(), f("tr", Ht, [p("td", {
 					colspan: ke.value,
-					class: x(N(y).empty)
-				}, [A(t.$slots, "empty", {}, () => [h(M(e.emptyMessage), 1)])], 10, Ht)])), (E(!0), f(o, null, k(N(J), (r, i) => (E(), f("tr", {
+					class: x(F(y).empty)
+				}, [j(t.$slots, "empty", {}, () => [h(P(e.emptyMessage), 1)])], 10, Ut)])), (E(!0), f(o, null, A(F(Y), (r, i) => (E(), f("tr", {
 					key: r.id ?? i,
-					class: x([N(y).tr, e.rowLink ? N(y).trClickable : ""]),
+					class: x([F(y).tr, e.rowLink ? F(y).trClickable : ""]),
 					onClick: (e) => we(r)
 				}, [
-					Q.value.length ? (E(), f("td", {
+					xe.value.length ? (E(), f("td", {
 						key: 0,
-						class: x(N(y).td),
-						onClick: n[5] ||= H(() => {}, ["stop"])
+						class: x(F(y).td),
+						onClick: n[5] ||= U(() => {}, ["stop"])
 					}, [p("input", {
 						type: "checkbox",
-						class: x(N(y).checkbox),
+						class: x(F(y).checkbox),
 						checked: $.value.includes(r.id),
 						onChange: (e) => De(r.id)
-					}, null, 42, Wt)], 2)) : d("", !0),
-					(E(!0), f(o, null, k(T.value, (e) => (E(), f("td", {
+					}, null, 42, Gt)], 2)) : d("", !0),
+					(E(!0), f(o, null, A(T.value, (e) => (E(), f("td", {
 						key: e.name,
-						class: x([N(y).td, e.class])
-					}, [A(t.$slots, `cell-${e.name}`, {
+						class: x([F(y).td, e.class])
+					}, [j(t.$slots, `cell-${e.name}`, {
 						row: r,
-						value: Z(r, e),
+						value: ve(r, e),
 						index: i
-					}, () => [e.component ? (E(), u(j(e.component), {
+					}, () => [e.component ? (E(), u(N(e.component), {
 						key: 0,
 						row: r,
-						value: N(Tt)(r, e.name)
+						value: F(Et)(r, e.name)
 					}, null, 8, ["row", "value"])) : e.format === "money" ? (E(), f("span", {
 						key: 1,
-						class: x(N(y).money)
-					}, M(Z(r, e)), 3)) : (E(), f("span", {
+						class: x(F(y).money)
+					}, P(ve(r, e)), 3)) : (E(), f("span", {
 						key: 2,
-						innerHTML: Z(r, e)
-					}, null, 8, Gt))])], 2))), 128)),
+						innerHTML: ve(r, e)
+					}, null, 8, Kt))])], 2))), 128)),
 					e.actions.length ? (E(), f("td", {
 						key: 1,
-						class: x(N(y).actionsCell),
-						onClick: n[6] ||= H(() => {}, ["stop"])
-					}, [A(t.$slots, "actions", { row: r }, () => [(E(!0), f(o, null, k(xe(r), (e) => (E(), f("a", {
+						class: x(F(y).actionsCell),
+						onClick: n[6] ||= U(() => {}, ["stop"])
+					}, [j(t.$slots, "actions", { row: r }, () => [(E(!0), f(o, null, A(be(r), (e) => (E(), f("a", {
 						key: e.label,
-						class: x([N(y).actionBtn, e.class]),
+						class: x([F(y).actionBtn, e.class]),
 						onClick: (t) => Ce(e, r)
-					}, M(e.label), 11, Kt))), 128))])], 2)) : d("", !0)
-				], 10, Ut))), 128))], 2)], 2)], 2),
-				p("div", { class: x(N(y).cards) }, [N(J).length ? d("", !0) : (E(), f("p", {
+					}, P(e.label), 11, qt))), 128))])], 2)) : d("", !0)
+				], 10, Wt))), 128))], 2)], 2)], 2),
+				p("div", { class: x(F(y).cards) }, [F(Y).length ? d("", !0) : (E(), f("p", {
 					key: 0,
-					class: x(N(y).empty)
-				}, [A(t.$slots, "empty", {}, () => [h(M(e.emptyMessage), 1)])], 2)), (E(!0), f(o, null, k(N(J), (r, i) => (E(), f("div", {
+					class: x(F(y).empty)
+				}, [j(t.$slots, "empty", {}, () => [h(P(e.emptyMessage), 1)])], 2)), (E(!0), f(o, null, A(F(Y), (r, i) => (E(), f("div", {
 					key: r.id ?? i,
-					class: x([N(y).card, e.rowLink ? N(y).trClickable : ""]),
+					class: x([F(y).card, e.rowLink ? F(y).trClickable : ""]),
 					onClick: (e) => we(r)
 				}, [
-					Q.value.length ? (E(), f("label", {
+					xe.value.length ? (E(), f("label", {
 						key: 0,
-						class: x([N(y).exactLabel, "mb-2"]),
-						onClick: n[7] ||= H(() => {}, ["stop"])
+						class: x([F(y).exactLabel, "mb-2"]),
+						onClick: n[7] ||= U(() => {}, ["stop"])
 					}, [p("input", {
 						type: "checkbox",
-						class: x(N(y).checkbox),
+						class: x(F(y).checkbox),
 						checked: $.value.includes(r.id),
 						onChange: (e) => De(r.id)
-					}, null, 42, Jt), n[13] ||= h(" Select ", -1)], 2)) : d("", !0),
-					(E(!0), f(o, null, k(T.value, (e) => (E(), f(o, { key: e.name }, [p("p", { class: x(N(y).cardLabel) }, M(e.label), 3), p("div", { class: x(N(y).cardValue) }, [A(t.$slots, `cell-${e.name}`, {
+					}, null, 42, Yt), n[13] ||= h(" Select ", -1)], 2)) : d("", !0),
+					(E(!0), f(o, null, A(T.value, (e) => (E(), f(o, { key: e.name }, [p("p", { class: x(F(y).cardLabel) }, P(e.label), 3), p("div", { class: x(F(y).cardValue) }, [j(t.$slots, `cell-${e.name}`, {
 						row: r,
-						value: Z(r, e),
+						value: ve(r, e),
 						index: i
-					}, () => [e.component ? (E(), u(j(e.component), {
+					}, () => [e.component ? (E(), u(N(e.component), {
 						key: 0,
 						row: r,
-						value: N(Tt)(r, e.name)
+						value: F(Et)(r, e.name)
 					}, null, 8, ["row", "value"])) : e.format === "money" ? (E(), f("span", {
 						key: 1,
-						class: x(N(y).money)
-					}, M(Z(r, e)), 3)) : (E(), f("span", {
+						class: x(F(y).money)
+					}, P(ve(r, e)), 3)) : (E(), f("span", {
 						key: 2,
-						innerHTML: Z(r, e)
-					}, null, 8, Yt))])], 2)], 64))), 128)),
+						innerHTML: ve(r, e)
+					}, null, 8, Xt))])], 2)], 64))), 128)),
 					e.actions.length ? (E(), f("div", {
 						key: 1,
 						class: "mt-2",
-						onClick: n[8] ||= H(() => {}, ["stop"])
-					}, [A(t.$slots, "actions", { row: r }, () => [(E(!0), f(o, null, k(xe(r), (e) => (E(), f("a", {
+						onClick: n[8] ||= U(() => {}, ["stop"])
+					}, [j(t.$slots, "actions", { row: r }, () => [(E(!0), f(o, null, A(be(r), (e) => (E(), f("a", {
 						key: e.label,
-						class: x([N(y).actionBtn, e.class]),
+						class: x([F(y).actionBtn, e.class]),
 						onClick: (t) => Ce(e, r)
-					}, M(e.label), 11, Xt))), 128))])])) : d("", !0)
-				], 10, qt))), 128))], 2),
-				N(ae) && N(J).length ? (E(), u(Ft, {
+					}, P(e.label), 11, Zt))), 128))])])) : d("", !0)
+				], 10, Jt))), 128))], 2),
+				F(re) && F(Y).length ? (E(), u(It, {
 					key: 0,
-					meta: N(ae),
+					meta: F(re),
 					"per-page": I.value,
-					mode: re.value,
-					loading: N(oe) === "loading",
-					theme: N(y).pagination,
-					onPage: ge,
-					onPerPage: _e,
-					onLoadMore: ye
+					mode: te.value,
+					loading: F(ie) === "loading",
+					theme: F(y).pagination,
+					onPage: me,
+					onPerPage: he,
+					onLoadMore: ge
 				}, null, 8, [
 					"meta",
 					"per-page",
@@ -3759,22 +3779,233 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 					"theme"
 				])) : d("", !0)
 			], 64)),
-			$.value.length && Q.value.length ? (E(), f("div", {
+			$.value.length && xe.value.length ? (E(), f("div", {
 				key: 5,
-				class: x(N(y).multiBar)
-			}, [p("div", Zt, [p("span", { class: x(N(y).multiCount) }, M($.value.length), 3), n[14] ||= h(" selected ", -1)]), p("div", Qt, [(E(!0), f(o, null, k(Q.value, (e) => (E(), f("button", {
+				class: x(F(y).multiBar)
+			}, [p("div", Qt, [p("span", { class: x(F(y).multiCount) }, P($.value.length), 3), n[14] ||= h(" selected ", -1)]), p("div", $t, [(E(!0), f(o, null, A(xe.value, (e) => (E(), f("button", {
 				key: e.label,
 				type: "button",
-				class: x([N(y).multiBtn, e.class]),
+				class: x([F(y).multiBtn, e.class]),
 				onClick: (t) => Oe(e)
-			}, M(e.label), 11, $t))), 128)), p("button", {
+			}, P(e.label), 11, en))), 128)), p("button", {
 				type: "button",
-				class: x(N(y).multiBtn),
+				class: x(F(y).multiBtn),
 				onClick: n[9] ||= (e) => $.value = []
 			}, "Cancel", 2)])], 2)) : d("", !0)
 		], 2));
 	}
-}, tn = {
+}, nn = { key: 2 }, rn = [
+	"aria-selected",
+	"tabindex",
+	"disabled",
+	"onClick",
+	"onKeydown"
+], an = { key: 0 }, on = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "ShTabs",
+	props: {
+		tabs: {
+			type: Array,
+			required: !0
+		},
+		modelValue: {
+			type: String,
+			default: null
+		},
+		data: {
+			type: Object,
+			default: () => ({})
+		},
+		counts: {
+			type: [Object, String],
+			default: null
+		},
+		variant: {
+			type: String,
+			default: "underline"
+		},
+		sync: {
+			type: String,
+			default: "none"
+		},
+		queryKey: {
+			type: String,
+			default: "tab"
+		},
+		router: {
+			type: Boolean,
+			default: !1
+		},
+		baseUrl: {
+			type: String,
+			default: null
+		},
+		lazy: {
+			type: Boolean,
+			default: !1
+		},
+		emptyMessage: {
+			type: String,
+			default: "No tabs available"
+		},
+		forbiddenMessage: {
+			type: String,
+			default: "403 — not allowed"
+		},
+		classes: {
+			type: Object,
+			default: null
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(e, { expose: t, emit: r }) {
+		let i = e, s = r, c = X("tabs", l(() => i.classes)), m = l(() => {
+			let e = c.value[i.variant];
+			return e ? {
+				...c.value,
+				...e
+			} : c.value;
+		}), g = a(), v = _()?.appContext.config.globalProperties.$router ?? null, b = l(() => !!(i.router || i.baseUrl) && !!v), S = l(() => v?.currentRoute.value ?? null), C = v ? M("RouterLink") : null, T = v ? M("RouterView") : null, D = (e) => String(e).trim().replace(/\s+/g, "_").toLowerCase(), O = l(() => (i.tabs ?? []).map((e) => {
+			let t = typeof e == "string" ? { key: e } : typeof e == "function" ? { ...e(i.data) } : { ...e };
+			return t.key = t.key ?? t.name ?? (t.label ? D(t.label) : ""), t.label = t.label ?? ce(t.key), t;
+		}).filter((e) => !(e.validator && !e.validator(i.data) || e.permission && !g.isAllowedTo(e.permission)))), ee = l(() => i.tabs.length > 0 && O.value.length === 0), I = k({}), L = (e) => {
+			let t = I.value[e.key] ?? (i.counts && typeof i.counts == "object" ? i.counts[e.key] : void 0) ?? e.count ?? e.counts ?? e.badge;
+			return t === 0 || t ? t : null;
+		}, R = k(null);
+		l(() => O.value.find((e) => e.key === R.value) ?? null);
+		let U = k([]), W = (e) => !i.lazy || U.value.includes(e.key), G = (e) => {
+			e && !U.value.includes(e) && U.value.push(e);
+		}, K = (e) => {
+			!e || e.disabled || e.key === R.value || (R.value = e.key, G(e.key), s("update:modelValue", e.key), s("change", e.key, e), i.sync === "query" && v && S.value && v.replace({ query: {
+				...S.value.query,
+				[i.queryKey]: e.key
+			} }));
+		};
+		B(() => i.modelValue, (e) => {
+			e != null && e !== R.value && O.value.some((t) => t.key === e) && (R.value = e, G(e));
+		});
+		let q = l(() => (i.baseUrl ?? S.value?.path ?? "").replace(/\/tab\/[^/]+\/?$/, "")), J = (e) => `${q.value}/tab/${e.key}`, te = l(() => {
+			let e = S.value?.path ?? "";
+			return O.value.find((t) => e.includes(`/tab/${t.key}`))?.key ?? null;
+		});
+		w(() => {
+			if (typeof i.counts == "string" && n.doGet(i.counts).then((e) => {
+				I.value = { ...e.data };
+			}).catch(() => {}), O.value.length === 0) return;
+			if (b.value) {
+				te.value || v.replace(J(O.value[0]));
+				return;
+			}
+			let e = i.modelValue;
+			!e && i.sync === "query" && (e = S.value?.query[i.queryKey]), O.value.some((t) => t.key === e) || (e = O.value[0].key), R.value = e, G(e), i.modelValue ?? s("update:modelValue", e), i.sync === "query" && v && S.value?.query[i.queryKey] !== e && v.replace({ query: {
+				...S.value.query,
+				[i.queryKey]: e
+			} });
+		});
+		let ne = k([]), Y = (e) => ne.value[e]?.focus(), re = (e, t) => {
+			let n = O.value.length;
+			for (let r = 1; r <= n; r++) {
+				let i = (e + t * r % n + n) % n;
+				if (!O.value[i].disabled) return i;
+			}
+			return e;
+		}, ie = (e, t) => {
+			let n = {
+				ArrowRight: 1,
+				ArrowDown: 1,
+				ArrowLeft: -1,
+				ArrowUp: -1
+			}, r;
+			if (e.key in n) r = re(t, n[e.key]);
+			else if (e.key === "Home") r = O.value.findIndex((e) => !e.disabled);
+			else if (e.key === "End") r = O.value.length - 1 - [...O.value].reverse().findIndex((e) => !e.disabled);
+			else return;
+			e.preventDefault(), K(O.value[r]), Y(r);
+		}, Z = (e) => (b.value ? te.value : R.value) === e.key;
+		return t({
+			active: R,
+			select: K
+		}), (t, n) => ee.value ? (E(), f("div", {
+			key: 0,
+			class: x(m.value.empty)
+		}, P(e.forbiddenMessage), 3)) : O.value.length ? (E(), f("div", nn, [p("div", {
+			class: x(m.value.nav),
+			role: "tablist"
+		}, [(E(!0), f(o, null, A(O.value, (e, t) => (E(), f(o, { key: e.key }, [b.value ? (E(), u(N(F(C)), {
+			key: 0,
+			ref_for: !0,
+			ref: (e) => ne.value[t] = e?.$el ?? e,
+			to: J(e),
+			role: "tab",
+			"aria-selected": Z(e),
+			tabindex: Z(e) ? 0 : -1,
+			class: x([Z(e) ? m.value.tabActive : m.value.tab, e.class]),
+			onKeydown: (e) => ie(e, t)
+		}, {
+			default: V(() => [
+				e.icon ? (E(), u(N(e.icon), {
+					key: 0,
+					class: x(m.value.icon)
+				}, null, 8, ["class"])) : d("", !0),
+				h(" " + P(e.label) + " ", 1),
+				L(e) == null ? d("", !0) : (E(), f("span", {
+					key: 1,
+					class: x(Z(e) ? m.value.countActive : m.value.count)
+				}, P(L(e)), 3))
+			]),
+			_: 2
+		}, 1064, [
+			"to",
+			"aria-selected",
+			"tabindex",
+			"class",
+			"onKeydown"
+		])) : (E(), f("button", {
+			key: 1,
+			ref_for: !0,
+			ref: (e) => ne.value[t] = e,
+			type: "button",
+			role: "tab",
+			"aria-selected": Z(e),
+			tabindex: Z(e) ? 0 : -1,
+			disabled: e.disabled,
+			class: x([Z(e) ? m.value.tabActive : m.value.tab, e.class]),
+			onClick: (t) => K(e),
+			onKeydown: (e) => ie(e, t)
+		}, [
+			e.icon ? (E(), u(N(e.icon), {
+				key: 0,
+				class: x(m.value.icon)
+			}, null, 8, ["class"])) : d("", !0),
+			h(" " + P(e.label) + " ", 1),
+			L(e) == null ? d("", !0) : (E(), f("span", {
+				key: 1,
+				class: x(Z(e) ? m.value.countActive : m.value.count)
+			}, P(L(e)), 3))
+		], 42, rn))], 64))), 128))], 2), b.value ? (E(), f("div", {
+			key: 0,
+			class: x(m.value.panel),
+			role: "tabpanel"
+		}, [(E(), u(N(F(T)), y(t.$attrs, { data: e.data }), null, 16, ["data"]))], 2)) : (E(), f("div", {
+			key: 1,
+			class: x(m.value.panel),
+			role: "tabpanel",
+			tabindex: "0"
+		}, [(E(!0), f(o, null, A(O.value, (n) => (E(), f(o, { key: n.key }, [W(n) ? H((E(), f("div", an, [n.component ? (E(), u(N(n.component), y({
+			key: 0,
+			ref_for: !0
+		}, t.$attrs, { data: e.data }), null, 16, ["data"])) : j(t.$slots, `tab-${n.key}`, {
+			key: 1,
+			tab: n,
+			active: n.key === R.value
+		}, () => [j(t.$slots, "default", {
+			tab: n,
+			active: n.key === R.value
+		})])], 512)), [[z, n.key === R.value]]) : d("", !0)], 64))), 128))], 2))])) : (E(), f("div", {
+			key: 1,
+			class: x(m.value.empty)
+		}, P(e.emptyMessage), 3));
+	}
+}), sn = {
 	__name: "ShConfirmAction",
 	props: {
 		url: {
@@ -3811,7 +4042,7 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 		"actionCanceled"
 	],
 	setup(e, { emit: t }) {
-		let n = e, i = t, a = q("buttons"), s = O(!1), c = (e) => {
+		let n = e, i = t, a = X("buttons"), s = k(!1), c = (e) => {
 			s.value = !1, i("actionSuccessful", e), i("success", e), (n.successMessage || e?.message) && r.showToast(e?.message ?? n.successMessage);
 		}, l = (e) => {
 			s.value = !1, i("actionFailed", e), i("failed", e), (n.failMessage || e?.value?.message) && r.showToast(e?.value?.message ?? n.failMessage, "error");
@@ -3823,15 +4054,15 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 				l(e);
 			});
 		}
-		return (t, n) => (E(), u(j(e.tag), {
-			class: x([e.btnClass ?? N(a).link, s.value ? "pointer-events-none opacity-60" : ""]),
+		return (t, n) => (E(), u(N(e.tag), {
+			class: x([e.btnClass ?? F(a).link, s.value ? "pointer-events-none opacity-60" : ""]),
 			onClick: d
 		}, {
-			default: B(() => [s.value ? (E(), f(o, { key: 0 }, [g(ve, { class: "size-4" }), p("span", null, M(e.loadingMessage), 1)], 64)) : A(t.$slots, "default", { key: 1 })]),
+			default: V(() => [s.value ? (E(), f(o, { key: 0 }, [g(_e, { class: "size-4" }), p("span", null, P(e.loadingMessage), 1)], 64)) : j(t.$slots, "default", { key: 1 })]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}, nn = {
+}, cn = {
 	__name: "ShSilentAction",
 	props: {
 		url: {
@@ -3869,7 +4100,7 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 		"actionFailed"
 	],
 	setup(e, { emit: t }) {
-		let i = e, a = t, s = q("buttons"), c = O(!1), l = {
+		let i = e, a = t, s = X("buttons"), c = k(!1), l = {
 			GET: n.doGet,
 			POST: n.doPost,
 			PUT: n.doPut,
@@ -3882,14 +4113,14 @@ var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = [
 				c.value = !1, a("actionFailed", e), a("failed", e), r.showToast(e?.message ?? i.failMessage, "error");
 			});
 		}
-		return (t, n) => (E(), u(j(e.tag), {
-			class: x([e.btnClass ?? N(s).link, c.value ? "pointer-events-none opacity-60" : ""]),
+		return (t, n) => (E(), u(N(e.tag), {
+			class: x([e.btnClass ?? F(s).link, c.value ? "pointer-events-none opacity-60" : ""]),
 			onClick: d
 		}, {
-			default: B(() => [c.value ? (E(), f(o, { key: 0 }, [g(ve, { class: "size-4" }), p("span", null, M(e.loadingMessage), 1)], 64)) : A(t.$slots, "default", { key: 1 })]),
+			default: V(() => [c.value ? (E(), f(o, { key: 0 }, [g(_e, { class: "size-4" }), p("span", null, P(e.loadingMessage), 1)], 64)) : j(t.$slots, "default", { key: 1 })]),
 			_: 3
 		}, 8, ["class"]));
 	}
 };
 //#endregion
-export { Be as DateInput, Se as EmailInput, Ie as MaskedInput, Re as NumberInput, Te as PasswordInput, Xe as PhoneInput, De as PinInput, ne as SH_DIALOG_CONTEXT, te as SH_TW_COMPONENTS, W as SH_TW_THEME, Ge as SelectInput, tn as ShConfirmAction, at as ShDialog, st as ShDialogBtn, lt as ShDialogForm, ot as ShDrawer, ct as ShDrawerBtn, it as ShForm, pe as ShFormSteps, nn as ShSilentAction, ve as ShSpinner, et as ShSuggest, en as ShTable, Ft as ShTablePagination, re as ShTailwind, xe as TextAreaInput, Z as TextInput, Ne as applyMask, Ct as clearTableCache, Ke as countries, ie as createShTailwind, U as defaultTheme, Dt as localQuery, Me as maskMoney, je as maskPattern, wt as shTableCache, ce as useDialog, Ot as useTableData, q as useTheme };
+export { Ve as DateInput, Ce as EmailInput, Le as MaskedInput, ze as NumberInput, Ee as PasswordInput, Ze as PhoneInput, Oe as PinInput, q as SH_DIALOG_CONTEXT, K as SH_TW_COMPONENTS, G as SH_TW_THEME, Ke as SelectInput, sn as ShConfirmAction, ot as ShDialog, ct as ShDialogBtn, ut as ShDialogForm, st as ShDrawer, lt as ShDrawerBtn, at as ShForm, fe as ShFormSteps, cn as ShSilentAction, _e as ShSpinner, tt as ShSuggest, tn as ShTable, It as ShTablePagination, on as ShTabs, ne as ShTailwind, xe as TextAreaInput, ye as TextInput, Pe as applyMask, wt as clearTableCache, qe as countries, Y as createShTailwind, W as defaultTheme, Ot as localQuery, Ne as maskMoney, Me as maskPattern, Tt as shTableCache, se as useDialog, kt as useTableData, X as useTheme };