@iankibetsh/sh-tailwind 0.1.0 → 0.1.2

package/dist/sh-tailwind.es.js

@@ -5,55 +5,61 @@ var U = {
 	form: {
 		form: "space-y-4",
 		group: "space-y-1",
-		label: "block text-sm font-medium text-gray-700 dark:text-gray-200",
+		label: "block text-sm font-medium text-gray-700",
 		required: "text-red-500",
-		input: "block w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/30 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",
-		inputInvalid: "block w-full rounded-md border border-red-500 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-red-500 focus:outline-none focus:ring-2 focus:ring-red-500/30 dark:bg-gray-800 dark:text-gray-100",
-		helper: "text-xs text-gray-500 dark:text-gray-400",
+		input: "block w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/30 disabled:cursor-not-allowed disabled:opacity-50",
+		inputInvalid: "block w-full rounded-md border border-red-500 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-red-500 focus:outline-none focus:ring-2 focus:ring-red-500/30",
+		helper: "text-xs text-gray-500",
 		error: "text-xs text-red-600",
-		errorTitle: "rounded-md bg-red-50 px-4 py-3 text-sm text-red-700 dark:bg-red-950 dark:text-red-300",
+		errorTitle: "rounded-md bg-red-50 px-4 py-3 text-sm text-red-700",
 		nav: "flex items-center justify-end gap-3 pt-2",
 		submitBtn: "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:cursor-not-allowed disabled:opacity-60",
-		prevBtn: "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 focus:ring-2 focus:ring-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200",
+		prevBtn: "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 focus:ring-2 focus:ring-gray-300",
 		nextBtn: "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",
 		steps: {
 			wrapper: "mb-6 flex items-start",
 			step: "relative flex flex-1 flex-col items-center gap-1",
-			circle: "z-10 flex size-9 items-center justify-center rounded-full border-2 border-gray-300 bg-white text-sm font-semibold text-gray-500 dark:border-gray-600 dark:bg-gray-800",
+			circle: "z-10 flex size-9 items-center justify-center rounded-full border-2 border-gray-300 bg-white text-sm font-semibold text-gray-500",
 			circleActive: "z-10 flex size-9 items-center justify-center rounded-full border-2 border-blue-600 bg-blue-600 text-sm font-semibold text-white",
 			circleDone: "z-10 flex size-9 items-center justify-center rounded-full border-2 border-emerald-500 bg-emerald-500 text-sm font-semibold text-white",
-			title: "text-xs text-gray-600 dark:text-gray-300",
+			title: "text-xs text-gray-600",
 			titleActive: "text-xs font-semibold text-blue-600",
-			connector: "absolute top-4 right-1/2 -z-0 h-0.5 w-full bg-gray-200 dark:bg-gray-700",
+			connector: "absolute top-4 right-1/2 -z-0 h-0.5 w-full bg-gray-200",
 			connectorDone: "absolute top-4 right-1/2 -z-0 h-0.5 w-full bg-emerald-500"
 		}
 	},
 	inputs: {
-		select: "block w-full appearance-none rounded-md border border-gray-300 bg-white px-3 py-2 pr-8 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/30 disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",
+		select: "block w-full appearance-none rounded-md border border-gray-300 bg-white px-3 py-2 pr-8 text-sm text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/30 disabled:opacity-50",
 		passwordWrapper: "relative",
-		passwordToggle: "absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
+		passwordToggle: "absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600",
+		pin: {
+			wrapper: "flex items-center gap-2",
+			box: "size-11 rounded-md border border-gray-300 bg-white text-center text-lg font-semibold text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/30 disabled:cursor-not-allowed disabled:opacity-50",
+			boxFilled: "size-11 rounded-md border border-blue-400 bg-blue-50 text-center text-lg font-semibold text-gray-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/30",
+			boxInvalid: "size-11 rounded-md border border-red-500 bg-white text-center text-lg font-semibold text-gray-900 shadow-sm focus:border-red-500 focus:outline-none focus:ring-2 focus:ring-red-500/30"
+		},
 		suggest: {
 			wrapper: "relative",
 			badges: "mb-1 flex flex-wrap gap-1",
-			badge: "inline-flex items-center gap-1 rounded-full bg-gray-200 px-2 py-0.5 text-xs text-gray-700 dark:bg-gray-700 dark:text-gray-200",
+			badge: "inline-flex items-center gap-1 rounded-full bg-gray-200 px-2 py-0.5 text-xs text-gray-700",
 			badgeRemove: "cursor-pointer text-gray-500 hover:text-red-600",
-			dropdown: "absolute z-20 mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800",
-			option: "cursor-pointer px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700",
-			optionActive: "cursor-pointer bg-blue-50 px-3 py-2 text-sm text-blue-700 dark:bg-gray-700 dark:text-blue-300",
+			dropdown: "absolute z-20 mt-1 max-h-60 w-full overflow-auto rounded-md border border-gray-200 bg-white py-1 shadow-lg",
+			option: "cursor-pointer px-3 py-2 text-sm text-gray-700 hover:bg-gray-100",
+			optionActive: "cursor-pointer bg-blue-50 px-3 py-2 text-sm text-blue-700",
 			empty: "px-3 py-2 text-sm text-gray-400"
 		},
 		phone: {
-			wrapper: "relative flex items-stretch rounded-md border border-gray-300 bg-white shadow-sm focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/30 dark:border-gray-600 dark:bg-gray-800",
-			trigger: "flex shrink-0 cursor-pointer items-center gap-1.5 rounded-l-md border-r border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 focus:outline-none dark:border-gray-600 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600",
+			wrapper: "relative flex items-stretch rounded-md border border-gray-300 bg-white shadow-sm focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/30",
+			trigger: "flex shrink-0 cursor-pointer items-center gap-1.5 rounded-l-md border-r border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-700 hover:bg-gray-100 focus:outline-none",
 			flag: "text-base leading-none",
-			dial: "text-sm font-medium text-gray-600 dark:text-gray-300",
+			dial: "text-sm font-medium text-gray-600",
 			chevron: "size-3.5 text-gray-400",
-			input: "block w-full rounded-r-md border-0 bg-transparent px-3 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0 dark:text-gray-100",
-			dropdown: "absolute left-0 top-full z-20 mt-1 w-72 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800",
-			search: "block w-full border-0 border-b border-gray-100 bg-transparent px-3 py-2.5 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0 dark:border-gray-700 dark:text-gray-100",
+			input: "block w-full rounded-r-md border-0 bg-transparent px-3 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0",
+			dropdown: "absolute left-0 top-full z-20 mt-1 w-72 overflow-hidden rounded-lg border border-gray-200 bg-white shadow-lg",
+			search: "block w-full border-0 border-b border-gray-100 bg-transparent px-3 py-2.5 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0",
 			list: "max-h-60 overflow-y-auto py-1",
-			option: "flex w-full cursor-pointer items-center gap-2.5 px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700",
-			optionActive: "flex w-full cursor-pointer items-center gap-2.5 bg-blue-50 px-3 py-2 text-left text-sm text-blue-700 dark:bg-gray-700 dark:text-blue-300",
+			option: "flex w-full cursor-pointer items-center gap-2.5 px-3 py-2 text-left text-sm text-gray-700 hover:bg-gray-100",
+			optionActive: "flex w-full cursor-pointer items-center gap-2.5 bg-blue-50 px-3 py-2 text-left text-sm text-blue-700",
 			optionName: "flex-1 truncate",
 			optionDial: "text-xs text-gray-400",
 			empty: "px-3 py-3 text-center text-sm text-gray-400"
@@ -62,12 +68,12 @@ var U = {
 	dialog: {
 		backdrop: "fixed inset-0 bg-black/50",
 		wrapper: "fixed inset-0 flex items-center justify-center overflow-y-auto p-4",
-		panel: "relative flex max-h-[90vh] w-full flex-col rounded-xl bg-white shadow-xl outline-none dark:bg-gray-900",
-		header: "flex items-center justify-between border-b border-gray-100 px-5 py-3.5 dark:border-gray-800",
-		title: "text-base font-semibold text-gray-900 dark:text-gray-100",
-		closeBtn: "rounded-md p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600 focus:outline-none dark:hover:bg-gray-800",
+		panel: "relative flex max-h-[90vh] w-full flex-col rounded-xl bg-white shadow-xl outline-none",
+		header: "flex items-center justify-between border-b border-gray-100 px-5 py-3.5",
+		title: "text-base font-semibold text-gray-900",
+		closeBtn: "rounded-md p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600 focus:outline-none",
 		body: "overflow-y-auto px-5 py-4",
-		footer: "flex justify-end gap-2 border-t border-gray-100 px-5 py-3 dark:border-gray-800",
+		footer: "flex justify-end gap-2 border-t border-gray-100 px-5 py-3",
 		sizes: {
 			sm: "max-w-sm",
 			md: "max-w-lg",
@@ -78,10 +84,10 @@ var U = {
 	},
 	drawer: {
 		backdrop: "fixed inset-0 bg-black/50",
-		panel: "fixed flex flex-col bg-white shadow-xl outline-none dark:bg-gray-900",
-		header: "flex items-center justify-between border-b border-gray-100 px-5 py-3.5 dark:border-gray-800",
-		title: "text-base font-semibold text-gray-900 dark:text-gray-100",
-		closeBtn: "rounded-md p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600 focus:outline-none dark:hover:bg-gray-800",
+		panel: "fixed flex flex-col bg-white shadow-xl outline-none",
+		header: "flex items-center justify-between border-b border-gray-100 px-5 py-3.5",
+		title: "text-base font-semibold text-gray-900",
+		closeBtn: "rounded-md p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600 focus:outline-none",
 		body: "flex-1 overflow-y-auto px-5 py-4",
 		sizes: {
 			sm: "max-w-xs",
@@ -101,48 +107,48 @@ var U = {
 	table: {
 		wrapper: "space-y-3",
 		toolbar: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between",
-		search: "block w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/30 md:max-w-xs dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",
+		search: "block w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/30 md:max-w-xs",
 		exactLabel: "inline-flex items-center gap-1.5 text-xs text-gray-500",
 		rangeWrapper: "flex items-center gap-2",
-		rangeInput: "rounded-md border border-gray-300 px-2 py-1.5 text-sm text-gray-700 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200",
-		offline: "flex items-center gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-700 dark:border-amber-700 dark:bg-amber-950 dark:text-amber-300",
-		container: "hidden overflow-x-auto rounded-lg border border-gray-200 md:block dark:border-gray-700",
-		table: "w-full min-w-full divide-y divide-gray-200 text-sm dark:divide-gray-700",
-		thead: "bg-gray-50 dark:bg-gray-800",
-		th: "px-4 py-2.5 text-left text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400",
-		sortBtn: "inline-flex cursor-pointer items-center gap-1 uppercase hover:text-gray-800 dark:hover:text-gray-200",
-		tbody: "divide-y divide-gray-100 bg-white dark:divide-gray-800 dark:bg-gray-900",
+		rangeInput: "rounded-md border border-gray-300 px-2 py-1.5 text-sm text-gray-700",
+		offline: "flex items-center gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-700",
+		container: "hidden overflow-x-auto rounded-lg border border-gray-200 md:block",
+		table: "w-full min-w-full divide-y divide-gray-200 text-sm",
+		thead: "bg-gray-50",
+		th: "px-4 py-2.5 text-left text-xs font-semibold uppercase tracking-wide text-gray-500",
+		sortBtn: "inline-flex cursor-pointer items-center gap-1 uppercase hover:text-gray-800",
+		tbody: "divide-y divide-gray-100 bg-white",
 		tr: "",
-		trClickable: "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800",
-		td: "px-4 py-2.5 text-gray-700 dark:text-gray-200",
+		trClickable: "cursor-pointer hover:bg-gray-50",
+		td: "px-4 py-2.5 text-gray-700",
 		money: "font-semibold text-emerald-600",
 		empty: "px-4 py-10 text-center text-sm text-gray-400",
-		error: "rounded-md bg-red-50 px-4 py-3 text-sm text-red-700 dark:bg-red-950 dark:text-red-300",
+		error: "rounded-md bg-red-50 px-4 py-3 text-sm text-red-700",
 		loading: "flex justify-center px-4 py-10 text-gray-400",
 		actionsCell: "whitespace-nowrap px-4 py-2.5 text-right",
 		actionBtn: "ml-3 inline-flex cursor-pointer items-center gap-1 text-sm text-blue-600 hover:underline first:ml-0",
 		checkbox: "size-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500",
 		cards: "space-y-3 md:hidden",
-		card: "rounded-lg border border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-gray-900",
+		card: "rounded-lg border border-gray-200 bg-white p-4",
 		cardLabel: "text-xs font-semibold uppercase tracking-wide text-gray-400",
-		cardValue: "mb-2 text-sm text-gray-700 dark:text-gray-200",
+		cardValue: "mb-2 text-sm text-gray-700",
 		pagination: {
 			wrapper: "flex flex-col items-center justify-between gap-3 md:flex-row",
 			info: "text-xs text-gray-500",
-			perPage: "rounded-md border border-gray-300 px-2 py-1 text-xs text-gray-600 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300",
+			perPage: "rounded-md border border-gray-300 px-2 py-1 text-xs text-gray-600",
 			pages: "flex items-center gap-1",
-			pageBtn: "inline-flex size-8 cursor-pointer items-center justify-center rounded-md border border-gray-300 text-xs text-gray-600 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-40 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
+			pageBtn: "inline-flex size-8 cursor-pointer items-center justify-center rounded-md border border-gray-300 text-xs text-gray-600 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-40",
 			pageBtnActive: "inline-flex size-8 items-center justify-center rounded-md border border-blue-600 bg-blue-600 text-xs font-semibold text-white",
 			ellipsis: "px-1 text-xs text-gray-400",
-			loadMore: "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 disabled:opacity-60 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200"
+			loadMore: "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 disabled:opacity-60"
 		},
-		multiBar: "fixed bottom-5 left-1/2 z-40 flex min-w-80 -translate-x-1/2 items-center justify-between gap-4 rounded-xl border border-gray-200 bg-white p-3 shadow-lg dark:border-gray-700 dark:bg-gray-900",
+		multiBar: "fixed bottom-5 left-1/2 z-40 flex min-w-80 -translate-x-1/2 items-center justify-between gap-4 rounded-xl border border-gray-200 bg-white p-3 shadow-lg",
 		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 dark:border-blue-800 dark:text-blue-300"
+		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"
 	},
 	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 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200",
+		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"
 	}
@@ -220,7 +226,7 @@ function ce({ isStatic: e, onClose: t, onOpen: n } = {}) {
 //#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 = {
 	password: "password",
-	pin: "password",
+	pin: "pin",
 	password_confirmation: "password",
 	message: "textarea",
 	description: "textarea",
@@ -451,12 +457,200 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 		}, null, -1)]]))], 2)], 2));
 	}
 }), Ee = [
+	"value",
+	"type",
+	"disabled",
+	"onInput",
+	"onKeydown"
+], De = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "PinInput",
+	props: {
+		modelValue: [String, Number],
+		length: {
+			type: [Number, String],
+			default: 4
+		},
+		secret: Boolean,
+		isInvalid: Boolean,
+		disabled: Boolean
+	},
+	emits: [
+		"update:modelValue",
+		"clearValidationErrors",
+		"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 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) => {
+			e !== c.value.join("") && u(e);
+		});
+		let d = () => {
+			let e = c.value.join("");
+			r("update:modelValue", e), e.length === a.value && r("complete", e);
+		}, p = (e) => {
+			b(() => {
+				let t = s.value[e];
+				t?.focus(), t?.select();
+			});
+		}, m = (e, t) => {
+			r("clearValidationErrors");
+			let n = t.target.value.replace(/\D/g, "");
+			if (!n) {
+				c.value[e] = "", d();
+				return;
+			}
+			let i = n.split(""), o = e;
+			for (let e of i) {
+				if (o >= a.value) break;
+				c.value[o] = e, o++;
+			}
+			d(), p(Math.min(o, a.value - 1));
+		}, h = (e, t) => {
+			t.key === "Backspace" ? (t.preventDefault(), c.value[e] ? c.value[e] = "" : e > 0 && (c.value[e - 1] = "", p(e - 1)), d()) : t.key === "ArrowLeft" && e > 0 ? p(e - 1) : t.key === "ArrowRight" && e < a.value - 1 && p(e + 1);
+		}, g = (e) => {
+			e.preventDefault();
+			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", {
+			key: i,
+			ref_for: !0,
+			ref: (e) => s.value[i] = e,
+			value: t,
+			type: e.secret ? "password" : "text",
+			inputmode: "numeric",
+			autocomplete: "one-time-code",
+			maxlength: "1",
+			disabled: e.disabled,
+			class: x(_(i)),
+			onInput: (e) => m(i, e),
+			onKeydown: (e) => h(i, e),
+			onPaste: g,
+			onFocus: n[0] ||= (e) => {
+				e.target.select(), r("clearValidationErrors");
+			}
+		}, null, 42, Ee))), 128))], 2));
+	}
+}), Oe = {
+	"#": /[0-9]/,
+	A: /[a-zA-Z]/,
+	N: /[a-zA-Z0-9]/,
+	"*": /[a-zA-Z0-9]/
+}, ke = [
+	"money",
+	"integer",
+	"number",
+	"decimal"
+];
+function Ae(e) {
+	return typeof e == "string" && ke.includes(e);
+}
+function je(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]];
+		if (n) {
+			for (; o < r.length && !n.test(r[o]);) o++;
+			if (o >= r.length) break;
+			i += r[o], a += r[o], o++;
+		} else o < r.length && (i += t[e]);
+	}
+	return {
+		display: i,
+		model: n ? a : i
+	};
+}
+function Me(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(".");
+	s = s.replace(/^0+(?=\d)/, "");
+	let l = s.replace(/\B(?=(\d{3})+(?!\d))/g, ","), u = a.includes(".") && !i, d = l, f = s;
+	return u && (c = (c ?? "").slice(0, t), d = (l || "0") + "." + c, f = (s || "0") + "." + c), d &&= n + d + r, {
+		display: d,
+		model: f
+	};
+}
+function Ne(e, t) {
+	if (typeof t == "function") {
+		let n = t(e) ?? "";
+		return {
+			display: String(n),
+			model: String(n)
+		};
+	}
+	return t && typeof t == "object" ? t.pattern ? je(e, t.pattern, t) : Me(e, t) : Ae(t) ? Me(e, {
+		integer: t === "integer" || t === "number",
+		decimals: t === "integer" || t === "number" ? 0 : 2
+	}) : je(e, String(t));
+}
+function Pe(e) {
+	if (Ae(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 = [
+	"value",
+	"inputmode",
+	"placeholder",
+	"disabled"
+], Ie = {
+	__name: "MaskedInput",
+	props: {
+		modelValue: [String, Number],
+		mask: {
+			type: [
+				String,
+				Object,
+				Function
+			],
+			required: !0
+		},
+		placeholder: String,
+		isInvalid: Boolean,
+		disabled: Boolean
+	},
+	emits: ["update:modelValue", "clearValidationErrors"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = O(""), a = (e) => {
+			let { display: t } = Ne(e, n.mask);
+			t !== i.value && (i.value = t);
+		};
+		z(() => n.modelValue, a, { immediate: !0 }), z(() => 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);
+			i.value = s, r("update:modelValue", c), b(() => {
+				if (t.type !== "text" && t.type !== "tel") return;
+				let e = a + (s.length - o);
+				e = Math.max(0, Math.min(e, s.length));
+				try {
+					t.setSelectionRange(e, e);
+				} catch {}
+			});
+		};
+		return (t, n) => (E(), f("input", {
+			value: i.value,
+			type: "text",
+			inputmode: N(Pe)(e.mask),
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			onInput: o,
+			onFocus: n[0] ||= (e) => r("clearValidationErrors")
+		}, null, 40, Fe));
+	}
+}, Le = [
 	"min",
 	"max",
 	"step",
 	"placeholder",
 	"disabled"
-], De = {
+], Re = {
 	__name: "NumberInput",
 	props: {
 		modelValue: [String, Number],
@@ -482,14 +676,14 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			placeholder: e.placeholder,
 			disabled: e.disabled,
 			onFocus: n[1] ||= (e) => r("clearValidationErrors")
-		}, null, 40, Ee)), [[L, i.value]]);
+		}, null, 40, Le)), [[L, i.value]]);
 	}
-}, Oe = [
+}, ze = [
 	"type",
 	"min",
 	"max",
 	"disabled"
-], ke = {
+], Be = {
 	__name: "DateInput",
 	props: {
 		modelValue: String,
@@ -512,12 +706,12 @@ var ve = /*#__PURE__*/ me(he, [["render", _e]]), ye = ["placeholder", "disabled"
 			max: e.max,
 			disabled: e.disabled,
 			onFocus: n[1] ||= (e) => r("clearValidationErrors")
-		}, null, 40, Oe)), [[F, i.value]]);
+		}, null, 40, ze)), [[F, i.value]]);
 	}
 };
 //#endregion
 //#region src/utils/normalizeOptions.js
-function Ae(e) {
+function Ve(e) {
 	return Array.isArray(e) ? e.map((e) => {
 		if (e == null) return null;
 		if (typeof e != "object") return {
@@ -534,10 +728,10 @@ function Ae(e) {
 }
 //#endregion
 //#region src/components/form/inputs/SelectInput.vue
-var je = ["disabled"], Me = {
+var He = ["disabled"], Ue = {
 	value: null,
 	disabled: ""
-}, Ne = ["value"], Pe = {
+}, We = ["value"], Ge = {
 	__name: "SelectInput",
 	props: {
 		modelValue: [String, Number],
@@ -549,7 +743,7 @@ var je = ["disabled"], Me = {
 	},
 	emits: ["update:modelValue", "clearValidationErrors"],
 	setup(e, { emit: t }) {
-		let r = e, i = t, a = O([]), s = O(!1), c = l(() => Ae(r.options ?? a.value)), u = l({
+		let r = e, i = t, a = O([]), s = O(!1), c = l(() => Ve(r.options ?? a.value)), u = l({
 			get: () => r.modelValue,
 			set: (e) => i("update:modelValue", e)
 		});
@@ -563,12 +757,12 @@ var je = ["disabled"], Me = {
 			"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
 			disabled: e.disabled || s.value,
 			onFocus: n[1] ||= (e) => i("clearValidationErrors")
-		}, [p("option", Me, M(s.value ? "Loading..." : e.placeholder || "Select..."), 1), (E(!0), f(o, null, k(c.value, (e) => (E(), f("option", {
+		}, [p("option", Ue, M(s.value ? "Loading..." : e.placeholder || "Select..."), 1), (E(!0), f(o, null, k(c.value, (e) => (E(), f("option", {
 			key: e.id,
 			value: e.id
-		}, M(e.label), 9, Ne))), 128))], 40, je)), [[I, u.value]]);
+		}, M(e.label), 9, We))), 128))], 40, He)), [[I, u.value]]);
 	}
-}, Fe = [
+}, Ke = [
 	{
 		name: "Afghanistan",
 		dialCode: "+93",
@@ -2039,11 +2233,11 @@ var je = ["disabled"], Me = {
 		isoCode: "ZW",
 		flag: "https://www.countryflags.io/ZW/flat/64.png"
 	}
-], Ie = ["disabled", "aria-expanded"], Le = ["placeholder", "disabled"], Re = [
+], qe = ["disabled", "aria-expanded"], Je = ["placeholder", "disabled"], Ye = [
 	"aria-selected",
 	"onPointerdown",
 	"onMouseenter"
-], ze = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+], Xe = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
 	__name: "PhoneInput",
 	props: {
 		modelValue: String,
@@ -2061,9 +2255,9 @@ var je = ["disabled"], Me = {
 	},
 	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(Fe.find((e) => e.isoCode === r.countryCode.toUpperCase()) ?? Fe[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 = 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 e = h.value.trim().toLowerCase();
-			return e ? Fe.filter((t) => t.name.toLowerCase().includes(e) || t.dialCode.includes(e) || t.isoCode.toLowerCase().includes(e)) : Fe;
+			return e ? Ke.filter((t) => t.name.toLowerCase().includes(e) || t.dialCode.includes(e) || t.isoCode.toLowerCase().includes(e)) : Ke;
 		}), S = async () => {
 			r.disabled || (m.value = !m.value, m.value && (h.value = "", g.value = -1, await b(), c.value?.focus()));
 		}, T = (e) => {
@@ -2084,7 +2278,7 @@ var je = ["disabled"], Me = {
 				u.value = "";
 				return;
 			}
-			let t = Fe.find((t) => e.startsWith(t.dialCode));
+			let t = Ke.find((t) => e.startsWith(t.dialCode));
 			t ? (_.value = t, u.value = e.replace(t.dialCode, "")) : u.value = e;
 		};
 		z(() => r.modelValue, A);
@@ -2093,7 +2287,7 @@ var je = ["disabled"], Me = {
 		};
 		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 && Fe.find((e) => e.isoCode === t.toUpperCase());
+				let t = e.data?.countryCode, n = t && Ke.find((e) => e.isoCode === t.toUpperCase());
 				n && (_.value = n);
 			}).catch(() => {});
 		}), C(() => {
@@ -2125,7 +2319,7 @@ var je = ["disabled"], Me = {
 					"stroke-linejoin": "round",
 					d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
 				}, null, -1)]], 2))
-			], 10, Ie),
+			], 10, qe),
 			V(p("input", {
 				"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
 				type: "tel",
@@ -2134,7 +2328,7 @@ var je = ["disabled"], Me = {
 				disabled: e.disabled,
 				onInput: ee,
 				onFocus: n[1] ||= (e) => i("clearValidationErrors")
-			}, null, 42, Le), [[L, u.value]]),
+			}, null, 42, Je), [[L, u.value]]),
 			m.value ? (E(), f("div", {
 				key: 0,
 				class: x(N(a).phone.dropdown)
@@ -2162,13 +2356,13 @@ var je = ["disabled"], Me = {
 				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, Re))), 128)), y.value.length ? d("", !0) : (E(), f("p", {
+			], 42, Ye))), 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)
 		], 2));
 	}
-}), Be = ["onClick"], Ve = ["placeholder", "disabled"], He = ["onPointerdown", "onMouseenter"], Ue = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+}), Ze = ["onClick"], Qe = ["placeholder", "disabled"], $e = ["onPointerdown", "onMouseenter"], et = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
 	__name: "ShSuggest",
 	props: {
 		modelValue: [
@@ -2191,7 +2385,7 @@ var je = ["disabled"], Me = {
 	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 = Ae(r.options ?? v.value), t = new Set(b.value.map((e) => e.id)), n = e.filter((e) => !t.has(e.id));
+			let e = Ve(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));
@@ -2226,7 +2420,7 @@ var je = ["disabled"], Me = {
 		}, B = () => {
 			let e = r.modelValue;
 			if (e == null || e === "") return;
-			let t = Array.isArray(e) ? e : [e], n = Ae(r.options ?? v.value);
+			let t = Array.isArray(e) ? e : [e], n = Ve(r.options ?? v.value);
 			b.value = t.map((e) => n.find((t) => t.id === e) ?? {
 				id: e,
 				label: String(e)
@@ -2252,7 +2446,7 @@ var je = ["disabled"], Me = {
 			}, [h(M(e.label) + " ", 1), p("span", {
 				class: x(N(a).suggest.badgeRemove),
 				onClick: (t) => P(e)
-			}, "×", 10, Be)], 2))), 128))], 2)) : d("", !0),
+			}, "×", 10, Ze)], 2))), 128))], 2)) : d("", !0),
 			V(p("input", y(t.$attrs, {
 				"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
 				type: "text",
@@ -2264,7 +2458,7 @@ var je = ["disabled"], Me = {
 				onFocus: n[1] ||= (e) => {
 					m.value = !0, i("clearValidationErrors");
 				}
-			}), null, 16, Ve), [[L, c.value]]),
+			}), null, 16, Qe), [[L, c.value]]),
 			m.value && !e.disabled ? (E(), f("div", {
 				key: 1,
 				class: x(N(a).suggest.dropdown)
@@ -2279,7 +2473,7 @@ var je = ["disabled"], Me = {
 			}, [e.optionTemplate ? (E(), u(j(e.optionTemplate), {
 				key: 0,
 				option: t.raw ?? t
-			}, null, 8, ["option"])) : (E(), f(o, { key: 1 }, [h(M(t.label), 1)], 64))], 42, He))), 128)) : e.allowCustom && c.value ? (E(), f("div", {
+			}, null, 8, ["option"])) : (E(), f(o, { key: 1 }, [h(M(t.label), 1)], 64))], 42, $e))), 128)) : e.allowCustom && c.value ? (E(), f("div", {
 				key: 2,
 				class: x(N(a).suggest.option),
 				onPointerdown: H(F, ["prevent"])
@@ -2289,7 +2483,7 @@ var je = ["disabled"], Me = {
 			}, "No matches", 2))], 2)) : d("", !0)
 		], 2));
 	}
-}), We = ["onUpdate:modelValue"], Ge = ["innerHTML"], Ke = ["disabled"], qe = {
+}), tt = ["onUpdate:modelValue"], nt = ["innerHTML"], rt = ["disabled"], it = {
 	__name: "ShForm",
 	props: {
 		action: {
@@ -2334,11 +2528,12 @@ var je = ["disabled"], Me = {
 			textarea: xe,
 			email: Se,
 			password: Te,
-			number: De,
-			date: ke,
-			select: Pe,
-			phone: ze,
-			suggest: Ue
+			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);
 			i.hiddenId && i.currentData?.id && !e.some((e) => e.name === "id") && e.push({
@@ -2356,7 +2551,7 @@ var je = ["disabled"], Me = {
 		})) : [{
 			title: "",
 			fields: b.value
-		}]), F = l(() => w.value >= P.value.length - 1), I = (e) => 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) => ({
+		}]), 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) => ({
 			placeholder: e.placeholder || void 0,
 			disabled: i.disabled || e.disabled,
 			...e.type === "select" || e.type === "suggest" ? {
@@ -2381,6 +2576,11 @@ var je = ["disabled"], Me = {
 				countryCode: e.countryCode,
 				detectCountry: e.detectCountry
 			} : {},
+			...e.type === "pin" ? {
+				length: e.length ?? e.digits,
+				secret: e.secret
+			} : {},
+			...e.mask && e.type !== "pin" ? { mask: e.mask } : {},
 			...e.props ?? {}
 		}), W = (e, t) => {
 			T.value = !0, delete S[e.name];
@@ -2455,7 +2655,7 @@ var je = ["disabled"], Me = {
 				key: 0,
 				"onUpdate:modelValue": (t) => e.value = t,
 				type: "hidden"
-			}, null, 8, We)), [[L, e.value]]) : (E(), f(o, { key: 1 }, [
+			}, null, 8, tt)), [[L, e.value]]) : (E(), f(o, { key: 1 }, [
 				e.label ? (E(), f("label", {
 					key: 0,
 					class: x(N(s).label)
@@ -2482,7 +2682,7 @@ var je = ["disabled"], Me = {
 					key: 1,
 					class: x(N(s).helper),
 					innerHTML: e.helper
-				}, null, 10, Ge)) : d("", !0),
+				}, null, 10, nt)) : d("", !0),
 				S[e.name] ? (E(), f("p", {
 					key: 2,
 					class: x(N(s).error)
@@ -2501,10 +2701,10 @@ var je = ["disabled"], Me = {
 			}, [C.value ? (E(), u(ve, {
 				key: 0,
 				class: "size-4"
-			})) : d("", !0), h(" " + M(F.value ? e.submitLabel : "Next"), 1)], 10, Ke)], 2)
+			})) : d("", !0), h(" " + M(F.value ? e.submitLabel : "Next"), 1)], 10, rt)], 2)
 		], 34));
 	}
-}, Je = {
+}, at = {
 	__name: "ShDialog",
 	props: {
 		open: Boolean,
@@ -2635,7 +2835,7 @@ var je = ["disabled"], Me = {
 			_: 3
 		})], 4)) : d("", !0)]));
 	}
-}, Ye = {
+}, ot = {
 	__name: "ShDrawer",
 	props: {
 		open: Boolean,
@@ -2761,7 +2961,7 @@ var je = ["disabled"], Me = {
 			_: 3
 		}, 8, ["enter-from-class", "leave-to-class"])], 4)) : d("", !0)]));
 	}
-}, Xe = {
+}, st = {
 	__name: "ShDialogBtn",
 	props: {
 		title: String,
@@ -2781,7 +2981,7 @@ var je = ["disabled"], Me = {
 			type: "button",
 			class: x(e.btnClass ?? N(t).secondary),
 			onClick: i[0] ||= (e) => n.value = !0
-		}, [A(r.$slots, "trigger", {}, () => [i[4] ||= h("Open", -1)])], 2), g(Je, {
+		}, [A(r.$slots, "trigger", {}, () => [i[4] ||= h("Open", -1)])], 2), g(at, {
 			open: n.value,
 			"onUpdate:open": i[1] ||= (e) => n.value = e,
 			title: e.title,
@@ -2807,7 +3007,7 @@ var je = ["disabled"], Me = {
 			"classes"
 		])], 64));
 	}
-}, Ze = {
+}, ct = {
 	__name: "ShDrawerBtn",
 	props: {
 		title: String,
@@ -2831,7 +3031,7 @@ var je = ["disabled"], Me = {
 			type: "button",
 			class: x(e.btnClass ?? N(t).secondary),
 			onClick: i[0] ||= (e) => n.value = !0
-		}, [A(r.$slots, "trigger", {}, () => [i[4] ||= h("Open", -1)])], 2), g(Ye, {
+		}, [A(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,
@@ -2855,7 +3055,7 @@ var je = ["disabled"], Me = {
 			"classes"
 		])], 64));
 	}
-}, Qe = {
+}, lt = {
 	__name: "ShDialogForm",
 	props: {
 		title: String,
@@ -2916,7 +3116,7 @@ var je = ["disabled"], Me = {
 			type: "button",
 			class: x(e.btnClass ?? N(a).primary),
 			onClick: n[0] ||= (e) => s.value = !0
-		}, [A(t.$slots, "trigger", {}, () => [h(M(e.title ?? "Open form"), 1)])], 2), g(Je, {
+		}, [A(t.$slots, "trigger", {}, () => [h(M(e.title ?? "Open form"), 1)])], 2), g(at, {
 			open: s.value,
 			"onUpdate:open": n[3] ||= (e) => s.value = e,
 			title: e.title,
@@ -2927,7 +3127,7 @@ var je = ["disabled"], Me = {
 			onOpened: n[4] ||= (e) => t.$emit("opened"),
 			onClosed: n[5] ||= (e) => t.$emit("closed")
 		}, {
-			default: B(() => [(E(), u(qe, {
+			default: B(() => [(E(), u(it, {
 				key: c.value,
 				action: e.action,
 				method: e.method,
@@ -2969,17 +3169,17 @@ var je = ["disabled"], Me = {
 			"classes"
 		])], 64));
 	}
-}, $e = "sh_tw_table_cache", et = "pages", tt = "rows", nt = 1, rt = 3e3, it = null;
-function at() {
-	return it || (it = new Promise((e, t) => {
-		let n = indexedDB.open($e, nt);
+}, 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);
 		n.onupgradeneeded = (e) => {
 			let t = e.target.result;
-			t.objectStoreNames.contains(et) || t.createObjectStore(et), t.objectStoreNames.contains(tt) || t.createObjectStore(tt);
+			t.objectStoreNames.contains(dt) || t.createObjectStore(dt), t.objectStoreNames.contains(ft) || t.createObjectStore(ft);
 		}, n.onsuccess = (t) => e(t.target.result), n.onerror = (e) => t(e.target.error);
-	}), it);
+	}), ht);
 }
-function ot() {
+function _t() {
 	try {
 		let e = i.getItem("user");
 		return e?.id ? `u${e.id}_` : "";
@@ -2987,71 +3187,71 @@ function ot() {
 		return "";
 	}
 }
-function st(e, t, n) {
-	return at().then((r) => new Promise((i, a) => {
+function vt(e, t, n) {
+	return gt().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 ct(e) {
-	return (await st(et, "readonly", (t) => t.get(ot() + e)))?.response ?? null;
+async function yt(e) {
+	return (await vt(dt, "readonly", (t) => t.get(_t() + e)))?.response ?? null;
 }
-function lt(e, t) {
-	return st(et, "readwrite", (n) => n.put({
+function bt(e, t) {
+	return vt(dt, "readwrite", (n) => n.put({
 		response: t,
 		timestamp: Date.now()
-	}, ot() + e));
+	}, _t() + e));
 }
-async function ut(e) {
-	return (await st(tt, "readonly", (t) => t.get(ot() + e)))?.rows ?? [];
+async function xt(e) {
+	return (await vt(ft, "readonly", (t) => t.get(_t() + e)))?.rows ?? [];
 }
-async function dt(e, t) {
+async function St(e, t) {
 	if (!Array.isArray(t) || !t.length) return;
-	let n = await ut(e), r = /* @__PURE__ */ new Map();
+	let n = await xt(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 > rt && (i = i.slice(i.length - rt)), st(tt, "readwrite", (t) => t.put({
+	return i.length > mt && (i = i.slice(i.length - mt)), vt(ft, "readwrite", (t) => t.put({
 		rows: i,
 		timestamp: Date.now()
-	}, ot() + e));
+	}, _t() + e));
 }
-async function ft() {
-	await st(et, "readwrite", (e) => e.clear()), await st(tt, "readwrite", (e) => e.clear());
+async function Ct() {
+	await vt(dt, "readwrite", (e) => e.clear()), await vt(ft, "readwrite", (e) => e.clear());
 }
-var pt = {
-	getPage: ct,
-	setPage: lt,
-	getRows: ut,
-	mergeRows: dt,
-	clear: ft
+var wt = {
+	getPage: yt,
+	setPage: bt,
+	getRows: xt,
+	mergeRows: St,
+	clear: Ct
 };
 //#endregion
 //#region src/table/localQuery.js
-function mt(e, t) {
+function Tt(e, t) {
 	return !e || !t || typeof t != "string" ? "" : t.split(".").reduce((e, t) => e ? e[t] : "", e);
 }
-function ht(e, t, n, r = 0) {
+function Et(e, t, n, r = 0) {
 	if (e == null) return !1;
-	if (typeof e == "object") return r > 2 ? !1 : Object.values(e).some((e) => ht(e, t, n, r + 1));
+	if (typeof e == "object") return r > 2 ? !1 : Object.values(e).some((e) => Et(e, t, n, r + 1));
 	let i = String(e).toLowerCase();
 	return n ? i === t : i.includes(t);
 }
-function gt(e, { search: t, exact: n, orderBy: r, orderMethod: i, page: a, perPage: o } = {}) {
+function Dt(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) => ht(e, r, !!n));
+		s = e.filter((e) => Et(e, r, !!n));
 	}
 	if (r) {
 		let e = i === "asc" ? 1 : -1;
 		s = [...s].sort((t, n) => {
-			let i = mt(t, r), a = mt(n, r);
+			let i = Tt(t, r), a = Tt(n, r);
 			return typeof i == "number" && typeof a == "number" ? (i - a) * e : String(i ?? "").localeCompare(String(a ?? ""), void 0, { numeric: !0 }) * e;
 		});
 	}
@@ -3067,7 +3267,7 @@ function gt(e, { search: t, exact: n, orderBy: r, orderMethod: i, page: a, perPa
 }
 //#endregion
 //#region src/table/useTableData.js
-function _t({ query: e, cacheEnabled: t = () => !1, networkTimeout: r = () => 1e4 }) {
+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 } = {}) => {
 		t ? i.value.push(...e.data ?? []) : i.value = e.data ?? [], a.value = {
 			total: e.total ?? i.value.length,
@@ -3087,14 +3287,14 @@ function _t({ 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 pt.getPage(g);
+				let e = await wt.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 = "", _ && (pt.setPage(g, t), pt.mergeRows(m, t.data)), t;
+				return f(t, { append: a }), c.value = !1, l.value = !1, s.value = "", _ && (wt.setPage(g, t), wt.mergeRows(m, t.data)), t;
 			} catch (e) {
 				if (p !== u) return;
 				if (e.response) {
@@ -3103,10 +3303,10 @@ function _t({ query: e, cacheEnabled: t = () => !1, networkTimeout: r = () => 1e
 				}
 				if (c.value = !0, v) return;
 				if (_) {
-					let e = await pt.getRows(m);
+					let e = await wt.getRows(m);
 					if (p !== u) return;
 					if (e.length) {
-						f(gt(e, {
+						f(Dt(e, {
 							search: h.filter_value,
 							exact: h.exact,
 							orderBy: h.order_by,
@@ -3124,7 +3324,7 @@ function _t({ query: e, cacheEnabled: t = () => !1, networkTimeout: r = () => 1e
 }
 //#endregion
 //#region src/components/table/ShTablePagination.vue
-var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = ["onClick"], Ct = ["disabled"], wt = {
+var kt = ["value"], At = ["value"], jt = ["disabled"], Mt = ["disabled"], Nt = ["onClick"], Pt = ["disabled"], Ft = {
 	__name: "ShTablePagination",
 	props: {
 		meta: {
@@ -3169,13 +3369,13 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 		], (e) => p("option", {
 			key: e,
 			value: e
-		}, M(e) + " / page", 9, yt)), 64))], 42, vt)], 2), e.mode === "loadMore" ? (E(), f("button", {
+		}, M(e) + " / page", 9, At)), 64))], 42, kt)], 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, bt)) : (E(), f("div", {
+		}, M(e.meta.current_page >= e.meta.last_page ? "All loaded" : "Load more"), 11, jt)) : (E(), f("div", {
 			key: 1,
 			class: x(e.theme.pages)
 		}, [
@@ -3185,7 +3385,7 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 				disabled: e.meta.current_page <= 1,
 				"aria-label": "Previous page",
 				onClick: n[2] ||= (t) => r("page", e.meta.current_page - 1)
-			}, " ‹ ", 10, xt),
+			}, " ‹ ", 10, Mt),
 			(E(!0), f(o, null, k(a.value, (t, n) => (E(), f(o, { key: n }, [t === "..." ? (E(), f("span", {
 				key: 0,
 				class: x(e.theme.ellipsis)
@@ -3194,20 +3394,20 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 				type: "button",
 				class: x(t === e.meta.current_page ? e.theme.pageBtnActive : e.theme.pageBtn),
 				onClick: (e) => r("page", t)
-			}, M(t), 11, St))], 64))), 128)),
+			}, M(t), 11, Nt))], 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, Ct)
+			}, " › ", 10, Pt)
 		], 2))], 2));
 	}
-}, Tt = {
+}, It = {
 	key: 0,
 	class: "flex w-full items-center gap-3 md:w-auto"
-}, Et = ["placeholder"], Dt = ["checked"], Ot = ["onClick"], kt = { key: 0 }, At = { key: 0 }, jt = ["colspan"], Mt = ["onClick"], Nt = ["checked", "onChange"], Pt = ["innerHTML"], Ft = ["onClick"], It = ["onClick"], Lt = ["checked", "onChange"], Rt = ["innerHTML"], zt = ["onClick"], Bt = { class: "text-sm text-gray-700 dark:text-gray-200" }, Vt = { class: "flex items-center gap-2" }, Ht = ["onClick"], Ut = {
+}, 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 = {
 	__name: "ShTable",
 	props: {
 		endpoint: {
@@ -3276,7 +3476,7 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 		}).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 = () => {
 			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 } = _t({
+		}, 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({
 			query: () => {
 				let e = {
 					order_by: U.value,
@@ -3328,7 +3528,7 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 			F.value = 1, I.value = ee(), X();
 		});
 		let Z = (e, t) => {
-			let n = mt(e, t.name);
+			let n = Tt(e, t.name);
 			if (n == null || n === "") return "";
 			switch (t.format) {
 				case "date": return r.formatDate(n, "ll");
@@ -3337,7 +3537,7 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 				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) => mt(t, n)), Ce = async (e, t) => {
+		}, 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) => {
 			if (e.handler) return e.handler(t);
 			if (e.emit) {
 				v("action", e.emit, t), v(e.emit, t);
@@ -3376,13 +3576,13 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 			e.searchable || e.hasRange ? (E(), f("div", {
 				key: 0,
 				class: x(N(y).toolbar)
-			}, [e.searchable ? (E(), f("div", Tt, [V(p("input", {
+			}, [e.searchable ? (E(), f("div", It, [V(p("input", {
 				"onUpdate:modelValue": n[0] ||= (e) => R.value = e,
 				type: "search",
 				placeholder: e.searchPlaceholder,
 				class: x(N(y).search),
 				onInput: fe
-			}, null, 42, Et), [[L, R.value]]), R.value.length > 1 ? (E(), f("label", {
+			}, null, 42, Lt), [[L, R.value]]), R.value.length > 1 ? (E(), f("label", {
 				key: 0,
 				class: x(N(y).exactLabel)
 			}, [V(p("input", {
@@ -3439,7 +3639,7 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 						class: x(N(y).checkbox),
 						checked: Te.value,
 						onChange: Ee
-					}, null, 42, Dt)], 2)) : d("", !0),
+					}, null, 42, Rt)], 2)) : d("", !0),
 					(E(!0), f(o, null, k(T.value, (e) => (E(), f("th", {
 						key: e.name,
 						class: x(N(y).th)
@@ -3447,15 +3647,15 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 						key: 0,
 						class: x(N(y).sortBtn),
 						onClick: (t) => he(e)
-					}, [h(M(e.label) + " ", 1), U.value === e.name ? (E(), f("span", kt, M(W.value === "desc" ? "↓" : "↑"), 1)) : d("", !0)], 10, Ot)) : (E(), f(o, { key: 1 }, [h(M(e.label), 1)], 64))], 2))), 128)),
+					}, [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)),
 					e.actions.length ? (E(), f("th", {
 						key: 1,
 						class: x([N(y).th, "text-right"])
 					}, "Actions", 2)) : d("", !0)
-				])], 2), p("tbody", { class: x(N(y).tbody) }, [N(J).length ? d("", !0) : (E(), f("tr", At, [p("td", {
+				])], 2), p("tbody", { class: x(N(y).tbody) }, [N(J).length ? d("", !0) : (E(), f("tr", Vt, [p("td", {
 					colspan: ke.value,
 					class: x(N(y).empty)
-				}, [A(t.$slots, "empty", {}, () => [h(M(e.emptyMessage), 1)])], 10, jt)])), (E(!0), f(o, null, k(N(J), (r, i) => (E(), f("tr", {
+				}, [A(t.$slots, "empty", {}, () => [h(M(e.emptyMessage), 1)])], 10, Ht)])), (E(!0), f(o, null, k(N(J), (r, i) => (E(), f("tr", {
 					key: r.id ?? i,
 					class: x([N(y).tr, e.rowLink ? N(y).trClickable : ""]),
 					onClick: (e) => we(r)
@@ -3469,7 +3669,7 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 						class: x(N(y).checkbox),
 						checked: $.value.includes(r.id),
 						onChange: (e) => De(r.id)
-					}, null, 42, Nt)], 2)) : d("", !0),
+					}, null, 42, Wt)], 2)) : d("", !0),
 					(E(!0), f(o, null, k(T.value, (e) => (E(), f("td", {
 						key: e.name,
 						class: x([N(y).td, e.class])
@@ -3480,14 +3680,14 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 					}, () => [e.component ? (E(), u(j(e.component), {
 						key: 0,
 						row: r,
-						value: N(mt)(r, e.name)
+						value: N(Tt)(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", {
 						key: 2,
 						innerHTML: Z(r, e)
-					}, null, 8, Pt))])], 2))), 128)),
+					}, null, 8, Gt))])], 2))), 128)),
 					e.actions.length ? (E(), f("td", {
 						key: 1,
 						class: x(N(y).actionsCell),
@@ -3496,8 +3696,8 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 						key: e.label,
 						class: x([N(y).actionBtn, e.class]),
 						onClick: (t) => Ce(e, r)
-					}, M(e.label), 11, Ft))), 128))])], 2)) : d("", !0)
-				], 10, Mt))), 128))], 2)], 2)], 2),
+					}, 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", {
 					key: 0,
 					class: x(N(y).empty)
@@ -3515,7 +3715,7 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 						class: x(N(y).checkbox),
 						checked: $.value.includes(r.id),
 						onChange: (e) => De(r.id)
-					}, null, 42, Lt), n[13] ||= h(" Select ", -1)], 2)) : d("", !0),
+					}, 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}`, {
 						row: r,
 						value: Z(r, e),
@@ -3523,14 +3723,14 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 					}, () => [e.component ? (E(), u(j(e.component), {
 						key: 0,
 						row: r,
-						value: N(mt)(r, e.name)
+						value: N(Tt)(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", {
 						key: 2,
 						innerHTML: Z(r, e)
-					}, null, 8, Rt))])], 2)], 64))), 128)),
+					}, null, 8, Yt))])], 2)], 64))), 128)),
 					e.actions.length ? (E(), f("div", {
 						key: 1,
 						class: "mt-2",
@@ -3539,9 +3739,9 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 						key: e.label,
 						class: x([N(y).actionBtn, e.class]),
 						onClick: (t) => Ce(e, r)
-					}, M(e.label), 11, zt))), 128))])])) : d("", !0)
-				], 10, It))), 128))], 2),
-				N(ae) && N(J).length ? (E(), u(wt, {
+					}, M(e.label), 11, Xt))), 128))])])) : d("", !0)
+				], 10, qt))), 128))], 2),
+				N(ae) && N(J).length ? (E(), u(Ft, {
 					key: 0,
 					meta: N(ae),
 					"per-page": I.value,
@@ -3562,19 +3762,19 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 			$.value.length && Q.value.length ? (E(), f("div", {
 				key: 5,
 				class: x(N(y).multiBar)
-			}, [p("div", Bt, [p("span", { class: x(N(y).multiCount) }, M($.value.length), 3), n[14] ||= h(" selected ", -1)]), p("div", Vt, [(E(!0), f(o, null, k(Q.value, (e) => (E(), f("button", {
+			}, [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", {
 				key: e.label,
 				type: "button",
 				class: x([N(y).multiBtn, e.class]),
 				onClick: (t) => Oe(e)
-			}, M(e.label), 11, Ht))), 128)), p("button", {
+			}, M(e.label), 11, $t))), 128)), p("button", {
 				type: "button",
 				class: x(N(y).multiBtn),
 				onClick: n[9] ||= (e) => $.value = []
 			}, "Cancel", 2)])], 2)) : d("", !0)
 		], 2));
 	}
-}, Wt = {
+}, tn = {
 	__name: "ShConfirmAction",
 	props: {
 		url: {
@@ -3631,7 +3831,7 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 			_: 3
 		}, 8, ["class"]));
 	}
-}, Gt = {
+}, nn = {
 	__name: "ShSilentAction",
 	props: {
 		url: {
@@ -3692,4 +3892,4 @@ var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = [
 	}
 };
 //#endregion
-export { ke as DateInput, Se as EmailInput, De as NumberInput, Te as PasswordInput, ze as PhoneInput, ne as SH_DIALOG_CONTEXT, te as SH_TW_COMPONENTS, W as SH_TW_THEME, Pe as SelectInput, Wt as ShConfirmAction, Je as ShDialog, Xe as ShDialogBtn, Qe as ShDialogForm, Ye as ShDrawer, Ze as ShDrawerBtn, qe as ShForm, pe as ShFormSteps, Gt as ShSilentAction, ve as ShSpinner, Ue as ShSuggest, Ut as ShTable, wt as ShTablePagination, re as ShTailwind, xe as TextAreaInput, Z as TextInput, ft as clearTableCache, Fe as countries, ie as createShTailwind, U as defaultTheme, gt as localQuery, pt as shTableCache, ce as useDialog, _t as useTableData, q as useTheme };
+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 };