@iankibetsh/sh-tailwind 0.1.0

package/dist/sh-tailwind.es.js

@@ -0,0 +1,3695 @@
+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";
+//#region src/theme/defaultTheme.js
+var U = {
+	form: {
+		form: "space-y-4",
+		group: "space-y-1",
+		label: "block text-sm font-medium text-gray-700 dark:text-gray-200",
+		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",
+		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",
+		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",
+		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",
+			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",
+			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",
+			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",
+		passwordWrapper: "relative",
+		passwordToggle: "absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
+		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",
+			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",
+			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",
+			flag: "text-base leading-none",
+			dial: "text-sm font-medium text-gray-600 dark:text-gray-300",
+			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",
+			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",
+			optionName: "flex-1 truncate",
+			optionDial: "text-xs text-gray-400",
+			empty: "px-3 py-3 text-center text-sm text-gray-400"
+		}
+	},
+	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",
+		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",
+		sizes: {
+			sm: "max-w-sm",
+			md: "max-w-lg",
+			lg: "max-w-2xl",
+			xl: "max-w-4xl",
+			full: "h-[95vh] max-w-[95vw]"
+		}
+	},
+	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",
+		body: "flex-1 overflow-y-auto px-5 py-4",
+		sizes: {
+			sm: "max-w-xs",
+			md: "max-w-md",
+			lg: "max-w-lg",
+			xl: "max-w-2xl",
+			full: "max-w-full"
+		},
+		sizesVertical: {
+			sm: "max-h-48",
+			md: "max-h-72",
+			lg: "max-h-96",
+			xl: "max-h-[60vh]",
+			full: "max-h-full"
+		}
+	},
+	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",
+		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",
+		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",
+		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",
+		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",
+		cardLabel: "text-xs font-semibold uppercase tracking-wide text-gray-400",
+		cardValue: "mb-2 text-sm text-gray-700 dark:text-gray-200",
+		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",
+			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",
+			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"
+		},
+		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",
+		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"
+	},
+	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",
+		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;
+	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];
+	}), n;
+}
+//#endregion
+//#region src/plugin/ShTailwind.js
+var re = { 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", {
+		formGroup: r.form.group,
+		formLabel: r.form.label,
+		formControl: r.form.input,
+		helperText: r.form.helper,
+		invalidFeedback: r.form.error,
+		formErrorTitle: r.form.errorTitle,
+		actionBtn: r.form.submitBtn
+	});
+} }, ie = (e = {}) => ({ install: (t) => re.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) ?? {}));
+}
+//#endregion
+//#region src/composables/useScrollLock.js
+var J = 0;
+function ae() {
+	if (++J === 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 = "");
+}
+//#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"));
+	};
+	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?.());
+	}
+	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);
+	}
+	function u() {
+		e?.() || l("backdrop");
+	}
+	return T(() => {
+		r.value && l("unmount");
+	}), {
+		isOpen: r,
+		zIndex: i,
+		show: c,
+		close: l,
+		onBackdrop: u
+	};
+}
+//#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 = {
+	password: "password",
+	pin: "password",
+	password_confirmation: "password",
+	message: "textarea",
+	description: "textarea",
+	comments: "textarea",
+	notes: "textarea",
+	email: "email",
+	phone: "phone",
+	phone_number: "phone",
+	age: "number",
+	date: "date"
+};
+function X(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";
+}
+function de(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);
+	}).filter(Boolean);
+}
+//#endregion
+//#region src/components/form/ShFormSteps.vue
+var fe = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "size-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	"stroke-width": "2.5"
+}, pe = {
+	__name: "ShFormSteps",
+	props: {
+		steps: {
+			type: Array,
+			required: !0
+		},
+		current: {
+			type: Number,
+			default: 0
+		}
+	},
+	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", {
+			key: i,
+			class: x(N(t).steps.step)
+		}, [
+			i > 0 ? (E(), f("div", {
+				key: 0,
+				class: x(i <= e.current ? N(t).steps.connectorDone : N(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", {
+				"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)
+		], 2))), 128))], 2));
+	}
+}, me = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, he = {}, ge = {
+	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", {
+		class: "opacity-25",
+		cx: "12",
+		cy: "12",
+		r: "10",
+		stroke: "currentColor",
+		"stroke-width": "4"
+	}, null, -1), p("path", {
+		class: "opacity-75",
+		fill: "currentColor",
+		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 = {
+	__name: "TextInput",
+	props: {
+		modelValue: [String, Number],
+		placeholder: String,
+		isInvalid: Boolean,
+		disabled: Boolean
+	},
+	emits: ["update:modelValue", "clearValidationErrors"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		});
+		return (t, n) => V((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]]);
+	}
+}, be = [
+	"rows",
+	"placeholder",
+	"disabled"
+], xe = {
+	__name: "TextAreaInput",
+	props: {
+		modelValue: [String, Number],
+		placeholder: String,
+		isInvalid: Boolean,
+		disabled: Boolean,
+		rows: {
+			type: [Number, String],
+			default: 3
+		}
+	},
+	emits: ["update:modelValue", "clearValidationErrors"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		});
+		return (t, n) => V((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]]);
+	}
+}, Q = ["placeholder", "disabled"], Se = {
+	__name: "EmailInput",
+	props: {
+		modelValue: String,
+		placeholder: String,
+		isInvalid: Boolean,
+		disabled: Boolean
+	},
+	emits: ["update:modelValue", "clearValidationErrors"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		});
+		return (t, n) => V((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]]);
+	}
+}, Ce = [
+	"type",
+	"autocomplete",
+	"placeholder",
+	"disabled"
+], we = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "size-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	"stroke-width": "1.5"
+}, $ = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "size-4",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	"stroke-width": "1.5"
+}, Te = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "PasswordInput",
+	props: {
+		modelValue: String,
+		placeholder: String,
+		isInvalid: Boolean,
+		disabled: Boolean,
+		autocomplete: {
+			type: String,
+			default: "current-password"
+		}
+	},
+	emits: ["update:modelValue", "clearValidationErrors"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = q("inputs"), a = O(!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, {
+			"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
+			type: a.value ? "text" : "password",
+			autocomplete: e.autocomplete,
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			class: "pr-9",
+			onFocus: n[1] ||= (e) => r("clearValidationErrors")
+		}), null, 16, Ce), [[F, o.value]]), p("button", {
+			type: "button",
+			class: x(N(i).passwordToggle),
+			tabindex: "-1",
+			onClick: n[2] ||= (e) => a.value = !a.value
+		}, [a.value ? (E(), f("svg", $, [...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", {
+			"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"
+		}, null, -1), p("path", {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+		}, null, -1)]]))], 2)], 2));
+	}
+}), Ee = [
+	"min",
+	"max",
+	"step",
+	"placeholder",
+	"disabled"
+], De = {
+	__name: "NumberInput",
+	props: {
+		modelValue: [String, Number],
+		placeholder: String,
+		isInvalid: Boolean,
+		disabled: Boolean,
+		min: [Number, String],
+		max: [Number, String],
+		step: [Number, String]
+	},
+	emits: ["update:modelValue", "clearValidationErrors"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		});
+		return (t, n) => V((E(), f("input", {
+			"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
+			type: "number",
+			min: e.min,
+			max: e.max,
+			step: e.step,
+			placeholder: e.placeholder,
+			disabled: e.disabled,
+			onFocus: n[1] ||= (e) => r("clearValidationErrors")
+		}, null, 40, Ee)), [[L, i.value]]);
+	}
+}, Oe = [
+	"type",
+	"min",
+	"max",
+	"disabled"
+], ke = {
+	__name: "DateInput",
+	props: {
+		modelValue: String,
+		isInvalid: Boolean,
+		disabled: Boolean,
+		withTime: Boolean,
+		min: String,
+		max: String
+	},
+	emits: ["update:modelValue", "clearValidationErrors"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l({
+			get: () => n.modelValue,
+			set: (e) => r("update:modelValue", e)
+		});
+		return (t, n) => V((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, Oe)), [[F, i.value]]);
+	}
+};
+//#endregion
+//#region src/utils/normalizeOptions.js
+function Ae(e) {
+	return Array.isArray(e) ? e.map((e) => {
+		if (e == null) return null;
+		if (typeof e != "object") return {
+			id: e,
+			label: String(e)
+		};
+		let t = e.id ?? e.key ?? e.value ?? e.name;
+		return {
+			id: t,
+			label: e.label ?? e.name ?? e.option ?? e.value ?? String(t),
+			raw: e
+		};
+	}).filter(Boolean) : [];
+}
+//#endregion
+//#region src/components/form/inputs/SelectInput.vue
+var je = ["disabled"], Me = {
+	value: null,
+	disabled: ""
+}, Ne = ["value"], Pe = {
+	__name: "SelectInput",
+	props: {
+		modelValue: [String, Number],
+		placeholder: String,
+		isInvalid: Boolean,
+		disabled: Boolean,
+		options: Array,
+		url: String
+	},
+	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({
+			get: () => r.modelValue,
+			set: (e) => i("update:modelValue", e)
+		});
+		return w(() => {
+			!r.options && r.url && (s.value = !0, n.doGet(r.url, { all: 1 }).then((e) => {
+				a.value = Array.isArray(e.data) ? e.data : e.data?.data ?? [];
+			}).finally(() => {
+				s.value = !1;
+			}));
+		}), (t, n) => V((E(), f("select", {
+			"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", {
+			key: e.id,
+			value: e.id
+		}, M(e.label), 9, Ne))), 128))], 40, je)), [[I, u.value]]);
+	}
+}, Fe = [
+	{
+		name: "Afghanistan",
+		dialCode: "+93",
+		isoCode: "AF",
+		flag: "https://www.countryflags.io/AF/flat/64.png"
+	},
+	{
+		name: "Aland Islands",
+		dialCode: "+358",
+		isoCode: "AX",
+		flag: "https://www.countryflags.io/AX/flat/64.png"
+	},
+	{
+		name: "Albania",
+		dialCode: "+355",
+		isoCode: "AL",
+		flag: "https://www.countryflags.io/AL/flat/64.png"
+	},
+	{
+		name: "Algeria",
+		dialCode: "+213",
+		isoCode: "DZ",
+		flag: "https://www.countryflags.io/DZ/flat/64.png"
+	},
+	{
+		name: "AmericanSamoa",
+		dialCode: "+1684",
+		isoCode: "AS",
+		flag: "https://www.countryflags.io/AS/flat/64.png"
+	},
+	{
+		name: "Andorra",
+		dialCode: "+376",
+		isoCode: "AD",
+		flag: "https://www.countryflags.io/AD/flat/64.png"
+	},
+	{
+		name: "Angola",
+		dialCode: "+244",
+		isoCode: "AO",
+		flag: "https://www.countryflags.io/AO/flat/64.png"
+	},
+	{
+		name: "Anguilla",
+		dialCode: "+1264",
+		isoCode: "AI",
+		flag: "https://www.countryflags.io/AI/flat/64.png"
+	},
+	{
+		name: "Antarctica",
+		dialCode: "+672",
+		isoCode: "AQ",
+		flag: "https://www.countryflags.io/AQ/flat/64.png"
+	},
+	{
+		name: "Antigua and Barbuda",
+		dialCode: "+1268",
+		isoCode: "AG",
+		flag: "https://www.countryflags.io/AG/flat/64.png"
+	},
+	{
+		name: "Argentina",
+		dialCode: "+54",
+		isoCode: "AR",
+		flag: "https://www.countryflags.io/AR/flat/64.png"
+	},
+	{
+		name: "Armenia",
+		dialCode: "+374",
+		isoCode: "AM",
+		flag: "https://www.countryflags.io/AM/flat/64.png"
+	},
+	{
+		name: "Aruba",
+		dialCode: "+297",
+		isoCode: "AW",
+		flag: "https://www.countryflags.io/AW/flat/64.png"
+	},
+	{
+		name: "Ascension Island",
+		dialCode: "+247",
+		isoCode: "AC",
+		flag: "https://cdn.kcak11.com/flags/AC_64.png"
+	},
+	{
+		name: "Australia",
+		dialCode: "+61",
+		isoCode: "AU",
+		flag: "https://www.countryflags.io/AU/flat/64.png"
+	},
+	{
+		name: "Austria",
+		dialCode: "+43",
+		isoCode: "AT",
+		flag: "https://www.countryflags.io/AT/flat/64.png"
+	},
+	{
+		name: "Azerbaijan",
+		dialCode: "+994",
+		isoCode: "AZ",
+		flag: "https://www.countryflags.io/AZ/flat/64.png"
+	},
+	{
+		name: "Bahamas",
+		dialCode: "+1242",
+		isoCode: "BS",
+		flag: "https://www.countryflags.io/BS/flat/64.png"
+	},
+	{
+		name: "Bahrain",
+		dialCode: "+973",
+		isoCode: "BH",
+		flag: "https://www.countryflags.io/BH/flat/64.png"
+	},
+	{
+		name: "Bangladesh",
+		dialCode: "+880",
+		isoCode: "BD",
+		flag: "https://www.countryflags.io/BD/flat/64.png"
+	},
+	{
+		name: "Barbados",
+		dialCode: "+1246",
+		isoCode: "BB",
+		flag: "https://www.countryflags.io/BB/flat/64.png"
+	},
+	{
+		name: "Belarus",
+		dialCode: "+375",
+		isoCode: "BY",
+		flag: "https://www.countryflags.io/BY/flat/64.png"
+	},
+	{
+		name: "Belgium",
+		dialCode: "+32",
+		isoCode: "BE",
+		flag: "https://www.countryflags.io/BE/flat/64.png"
+	},
+	{
+		name: "Belize",
+		dialCode: "+501",
+		isoCode: "BZ",
+		flag: "https://www.countryflags.io/BZ/flat/64.png"
+	},
+	{
+		name: "Benin",
+		dialCode: "+229",
+		isoCode: "BJ",
+		flag: "https://www.countryflags.io/BJ/flat/64.png"
+	},
+	{
+		name: "Bermuda",
+		dialCode: "+1441",
+		isoCode: "BM",
+		flag: "https://www.countryflags.io/BM/flat/64.png"
+	},
+	{
+		name: "Bhutan",
+		dialCode: "+975",
+		isoCode: "BT",
+		flag: "https://www.countryflags.io/BT/flat/64.png"
+	},
+	{
+		name: "Bolivia",
+		dialCode: "+591",
+		isoCode: "BO",
+		flag: "https://www.countryflags.io/BO/flat/64.png"
+	},
+	{
+		name: "Bosnia and Herzegovina",
+		dialCode: "+387",
+		isoCode: "BA",
+		flag: "https://www.countryflags.io/BA/flat/64.png"
+	},
+	{
+		name: "Botswana",
+		dialCode: "+267",
+		isoCode: "BW",
+		flag: "https://www.countryflags.io/BW/flat/64.png"
+	},
+	{
+		name: "Brazil",
+		dialCode: "+55",
+		isoCode: "BR",
+		flag: "https://www.countryflags.io/BR/flat/64.png"
+	},
+	{
+		name: "British Indian Ocean Territory",
+		dialCode: "+246",
+		isoCode: "IO",
+		flag: "https://www.countryflags.io/IO/flat/64.png"
+	},
+	{
+		name: "Brunei Darussalam",
+		dialCode: "+673",
+		isoCode: "BN",
+		flag: "https://www.countryflags.io/BN/flat/64.png"
+	},
+	{
+		name: "Bulgaria",
+		dialCode: "+359",
+		isoCode: "BG",
+		flag: "https://www.countryflags.io/BG/flat/64.png"
+	},
+	{
+		name: "Burkina Faso",
+		dialCode: "+226",
+		isoCode: "BF",
+		flag: "https://www.countryflags.io/BF/flat/64.png"
+	},
+	{
+		name: "Burundi",
+		dialCode: "+257",
+		isoCode: "BI",
+		flag: "https://www.countryflags.io/BI/flat/64.png"
+	},
+	{
+		name: "Cambodia",
+		dialCode: "+855",
+		isoCode: "KH",
+		flag: "https://www.countryflags.io/KH/flat/64.png"
+	},
+	{
+		name: "Cameroon",
+		dialCode: "+237",
+		isoCode: "CM",
+		flag: "https://www.countryflags.io/CM/flat/64.png"
+	},
+	{
+		name: "Canada",
+		dialCode: "+1",
+		isoCode: "CA",
+		flag: "https://www.countryflags.io/CA/flat/64.png"
+	},
+	{
+		name: "Cape Verde",
+		dialCode: "+238",
+		isoCode: "CV",
+		flag: "https://www.countryflags.io/CV/flat/64.png"
+	},
+	{
+		name: "Cayman Islands",
+		dialCode: "+1345",
+		isoCode: "KY",
+		flag: "https://www.countryflags.io/KY/flat/64.png"
+	},
+	{
+		name: "Central African Republic",
+		dialCode: "+236",
+		isoCode: "CF",
+		flag: "https://www.countryflags.io/CF/flat/64.png"
+	},
+	{
+		name: "Chad",
+		dialCode: "+235",
+		isoCode: "TD",
+		flag: "https://www.countryflags.io/TD/flat/64.png"
+	},
+	{
+		name: "Chile",
+		dialCode: "+56",
+		isoCode: "CL",
+		flag: "https://www.countryflags.io/CL/flat/64.png"
+	},
+	{
+		name: "China",
+		dialCode: "+86",
+		isoCode: "CN",
+		flag: "https://www.countryflags.io/CN/flat/64.png"
+	},
+	{
+		name: "Christmas Island",
+		dialCode: "+61",
+		isoCode: "CX",
+		flag: "https://www.countryflags.io/CX/flat/64.png"
+	},
+	{
+		name: "Cocos (Keeling) Islands",
+		dialCode: "+61",
+		isoCode: "CC",
+		flag: "https://www.countryflags.io/CC/flat/64.png"
+	},
+	{
+		name: "Colombia",
+		dialCode: "+57",
+		isoCode: "CO",
+		flag: "https://www.countryflags.io/CO/flat/64.png"
+	},
+	{
+		name: "Comoros",
+		dialCode: "+269",
+		isoCode: "KM",
+		flag: "https://www.countryflags.io/KM/flat/64.png"
+	},
+	{
+		name: "Congo",
+		dialCode: "+242",
+		isoCode: "CG",
+		flag: "https://www.countryflags.io/CG/flat/64.png"
+	},
+	{
+		name: "Cook Islands",
+		dialCode: "+682",
+		isoCode: "CK",
+		flag: "https://www.countryflags.io/CK/flat/64.png"
+	},
+	{
+		name: "Costa Rica",
+		dialCode: "+506",
+		isoCode: "CR",
+		flag: "https://www.countryflags.io/CR/flat/64.png"
+	},
+	{
+		name: "Croatia",
+		dialCode: "+385",
+		isoCode: "HR",
+		flag: "https://www.countryflags.io/HR/flat/64.png"
+	},
+	{
+		name: "Cuba",
+		dialCode: "+53",
+		isoCode: "CU",
+		flag: "https://www.countryflags.io/CU/flat/64.png"
+	},
+	{
+		name: "Cyprus",
+		dialCode: "+357",
+		isoCode: "CY",
+		flag: "https://www.countryflags.io/CY/flat/64.png"
+	},
+	{
+		name: "Czech Republic",
+		dialCode: "+420",
+		isoCode: "CZ",
+		flag: "https://www.countryflags.io/CZ/flat/64.png"
+	},
+	{
+		name: "Democratic Republic of the Congo",
+		dialCode: "+243",
+		isoCode: "CD",
+		flag: "https://www.countryflags.io/CD/flat/64.png"
+	},
+	{
+		name: "Denmark",
+		dialCode: "+45",
+		isoCode: "DK",
+		flag: "https://www.countryflags.io/DK/flat/64.png"
+	},
+	{
+		name: "Djibouti",
+		dialCode: "+253",
+		isoCode: "DJ",
+		flag: "https://www.countryflags.io/DJ/flat/64.png"
+	},
+	{
+		name: "Dominica",
+		dialCode: "+1767",
+		isoCode: "DM",
+		flag: "https://www.countryflags.io/DM/flat/64.png"
+	},
+	{
+		name: "Dominican Republic",
+		dialCode: "+1849",
+		isoCode: "DO",
+		flag: "https://www.countryflags.io/DO/flat/64.png"
+	},
+	{
+		name: "Ecuador",
+		dialCode: "+593",
+		isoCode: "EC",
+		flag: "https://www.countryflags.io/EC/flat/64.png"
+	},
+	{
+		name: "Egypt",
+		dialCode: "+20",
+		isoCode: "EG",
+		flag: "https://www.countryflags.io/EG/flat/64.png"
+	},
+	{
+		name: "El Salvador",
+		dialCode: "+503",
+		isoCode: "SV",
+		flag: "https://www.countryflags.io/SV/flat/64.png"
+	},
+	{
+		name: "Equatorial Guinea",
+		dialCode: "+240",
+		isoCode: "GQ",
+		flag: "https://www.countryflags.io/GQ/flat/64.png"
+	},
+	{
+		name: "Eritrea",
+		dialCode: "+291",
+		isoCode: "ER",
+		flag: "https://www.countryflags.io/ER/flat/64.png"
+	},
+	{
+		name: "Estonia",
+		dialCode: "+372",
+		isoCode: "EE",
+		flag: "https://www.countryflags.io/EE/flat/64.png"
+	},
+	{
+		name: "Eswatini",
+		dialCode: "+268",
+		isoCode: "SZ",
+		flag: "https://www.countryflags.io/SZ/flat/64.png"
+	},
+	{
+		name: "Ethiopia",
+		dialCode: "+251",
+		isoCode: "ET",
+		flag: "https://www.countryflags.io/ET/flat/64.png"
+	},
+	{
+		name: "Falkland Islands (Malvinas)",
+		dialCode: "+500",
+		isoCode: "FK",
+		flag: "https://www.countryflags.io/FK/flat/64.png"
+	},
+	{
+		name: "Faroe Islands",
+		dialCode: "+298",
+		isoCode: "FO",
+		flag: "https://www.countryflags.io/FO/flat/64.png"
+	},
+	{
+		name: "Fiji",
+		dialCode: "+679",
+		isoCode: "FJ",
+		flag: "https://www.countryflags.io/FJ/flat/64.png"
+	},
+	{
+		name: "Finland",
+		dialCode: "+358",
+		isoCode: "FI",
+		flag: "https://www.countryflags.io/FI/flat/64.png"
+	},
+	{
+		name: "France",
+		dialCode: "+33",
+		isoCode: "FR",
+		flag: "https://www.countryflags.io/FR/flat/64.png"
+	},
+	{
+		name: "French Guiana",
+		dialCode: "+594",
+		isoCode: "GF",
+		flag: "https://www.countryflags.io/GF/flat/64.png"
+	},
+	{
+		name: "French Polynesia",
+		dialCode: "+689",
+		isoCode: "PF",
+		flag: "https://www.countryflags.io/PF/flat/64.png"
+	},
+	{
+		name: "Gabon",
+		dialCode: "+241",
+		isoCode: "GA",
+		flag: "https://www.countryflags.io/GA/flat/64.png"
+	},
+	{
+		name: "Gambia",
+		dialCode: "+220",
+		isoCode: "GM",
+		flag: "https://www.countryflags.io/GM/flat/64.png"
+	},
+	{
+		name: "Georgia",
+		dialCode: "+995",
+		isoCode: "GE",
+		flag: "https://www.countryflags.io/GE/flat/64.png"
+	},
+	{
+		name: "Germany",
+		dialCode: "+49",
+		isoCode: "DE",
+		flag: "https://www.countryflags.io/DE/flat/64.png"
+	},
+	{
+		name: "Ghana",
+		dialCode: "+233",
+		isoCode: "GH",
+		flag: "https://www.countryflags.io/GH/flat/64.png"
+	},
+	{
+		name: "Gibraltar",
+		dialCode: "+350",
+		isoCode: "GI",
+		flag: "https://www.countryflags.io/GI/flat/64.png"
+	},
+	{
+		name: "Greece",
+		dialCode: "+30",
+		isoCode: "GR",
+		flag: "https://www.countryflags.io/GR/flat/64.png"
+	},
+	{
+		name: "Greenland",
+		dialCode: "+299",
+		isoCode: "GL",
+		flag: "https://www.countryflags.io/GL/flat/64.png"
+	},
+	{
+		name: "Grenada",
+		dialCode: "+1473",
+		isoCode: "GD",
+		flag: "https://www.countryflags.io/GD/flat/64.png"
+	},
+	{
+		name: "Guadeloupe",
+		dialCode: "+590",
+		isoCode: "GP",
+		flag: "https://www.countryflags.io/GP/flat/64.png"
+	},
+	{
+		name: "Guam",
+		dialCode: "+1671",
+		isoCode: "GU",
+		flag: "https://www.countryflags.io/GU/flat/64.png"
+	},
+	{
+		name: "Guatemala",
+		dialCode: "+502",
+		isoCode: "GT",
+		flag: "https://www.countryflags.io/GT/flat/64.png"
+	},
+	{
+		name: "Guernsey",
+		dialCode: "+44",
+		isoCode: "GG",
+		flag: "https://www.countryflags.io/GG/flat/64.png"
+	},
+	{
+		name: "Guinea",
+		dialCode: "+224",
+		isoCode: "GN",
+		flag: "https://www.countryflags.io/GN/flat/64.png"
+	},
+	{
+		name: "Guinea-Bissau",
+		dialCode: "+245",
+		isoCode: "GW",
+		flag: "https://www.countryflags.io/GW/flat/64.png"
+	},
+	{
+		name: "Guyana",
+		dialCode: "+592",
+		isoCode: "GY",
+		flag: "https://www.countryflags.io/GY/flat/64.png"
+	},
+	{
+		name: "Haiti",
+		dialCode: "+509",
+		isoCode: "HT",
+		flag: "https://www.countryflags.io/HT/flat/64.png"
+	},
+	{
+		name: "Holy See (Vatican City State)",
+		dialCode: "+379",
+		isoCode: "VA",
+		flag: "https://www.countryflags.io/VA/flat/64.png"
+	},
+	{
+		name: "Honduras",
+		dialCode: "+504",
+		isoCode: "HN",
+		flag: "https://www.countryflags.io/HN/flat/64.png"
+	},
+	{
+		name: "Hong Kong",
+		dialCode: "+852",
+		isoCode: "HK",
+		flag: "https://www.countryflags.io/HK/flat/64.png"
+	},
+	{
+		name: "Hungary",
+		dialCode: "+36",
+		isoCode: "HU",
+		flag: "https://www.countryflags.io/HU/flat/64.png"
+	},
+	{
+		name: "Iceland",
+		dialCode: "+354",
+		isoCode: "IS",
+		flag: "https://www.countryflags.io/IS/flat/64.png"
+	},
+	{
+		name: "India",
+		dialCode: "+91",
+		isoCode: "IN",
+		flag: "https://www.countryflags.io/IN/flat/64.png"
+	},
+	{
+		name: "Indonesia",
+		dialCode: "+62",
+		isoCode: "ID",
+		flag: "https://www.countryflags.io/ID/flat/64.png"
+	},
+	{
+		name: "Iran",
+		dialCode: "+98",
+		isoCode: "IR",
+		flag: "https://www.countryflags.io/IR/flat/64.png"
+	},
+	{
+		name: "Iraq",
+		dialCode: "+964",
+		isoCode: "IQ",
+		flag: "https://www.countryflags.io/IQ/flat/64.png"
+	},
+	{
+		name: "Ireland",
+		dialCode: "+353",
+		isoCode: "IE",
+		flag: "https://www.countryflags.io/IE/flat/64.png"
+	},
+	{
+		name: "Isle of Man",
+		dialCode: "+44",
+		isoCode: "IM",
+		flag: "https://www.countryflags.io/IM/flat/64.png"
+	},
+	{
+		name: "Israel",
+		dialCode: "+972",
+		isoCode: "IL",
+		flag: "https://www.countryflags.io/IL/flat/64.png"
+	},
+	{
+		name: "Italy",
+		dialCode: "+39",
+		isoCode: "IT",
+		flag: "https://www.countryflags.io/IT/flat/64.png"
+	},
+	{
+		name: "Ivory Coast / Cote d'Ivoire",
+		dialCode: "+225",
+		isoCode: "CI",
+		flag: "https://www.countryflags.io/CI/flat/64.png"
+	},
+	{
+		name: "Jamaica",
+		dialCode: "+1876",
+		isoCode: "JM",
+		flag: "https://www.countryflags.io/JM/flat/64.png"
+	},
+	{
+		name: "Japan",
+		dialCode: "+81",
+		isoCode: "JP",
+		flag: "https://www.countryflags.io/JP/flat/64.png"
+	},
+	{
+		name: "Jersey",
+		dialCode: "+44",
+		isoCode: "JE",
+		flag: "https://www.countryflags.io/JE/flat/64.png"
+	},
+	{
+		name: "Jordan",
+		dialCode: "+962",
+		isoCode: "JO",
+		flag: "https://www.countryflags.io/JO/flat/64.png"
+	},
+	{
+		name: "Kazakhstan",
+		dialCode: "+77",
+		isoCode: "KZ",
+		flag: "https://www.countryflags.io/KZ/flat/64.png"
+	},
+	{
+		name: "Kenya",
+		dialCode: "+254",
+		isoCode: "KE",
+		flag: "https://www.countryflags.io/KE/flat/64.png"
+	},
+	{
+		name: "Kiribati",
+		dialCode: "+686",
+		isoCode: "KI",
+		flag: "https://www.countryflags.io/KI/flat/64.png"
+	},
+	{
+		name: "Korea, Democratic People's Republic of Korea",
+		dialCode: "+850",
+		isoCode: "KP",
+		flag: "https://www.countryflags.io/KP/flat/64.png"
+	},
+	{
+		name: "Korea, Republic of South Korea",
+		dialCode: "+82",
+		isoCode: "KR",
+		flag: "https://www.countryflags.io/KR/flat/64.png"
+	},
+	{
+		name: "Kosovo",
+		dialCode: "+383",
+		isoCode: "XK",
+		flag: "https://www.countryflags.io/XK/flat/64.png"
+	},
+	{
+		name: "Kuwait",
+		dialCode: "+965",
+		isoCode: "KW",
+		flag: "https://www.countryflags.io/KW/flat/64.png"
+	},
+	{
+		name: "Kyrgyzstan",
+		dialCode: "+996",
+		isoCode: "KG",
+		flag: "https://www.countryflags.io/KG/flat/64.png"
+	},
+	{
+		name: "Laos",
+		dialCode: "+856",
+		isoCode: "LA",
+		flag: "https://www.countryflags.io/LA/flat/64.png"
+	},
+	{
+		name: "Latvia",
+		dialCode: "+371",
+		isoCode: "LV",
+		flag: "https://www.countryflags.io/LV/flat/64.png"
+	},
+	{
+		name: "Lebanon",
+		dialCode: "+961",
+		isoCode: "LB",
+		flag: "https://www.countryflags.io/LB/flat/64.png"
+	},
+	{
+		name: "Lesotho",
+		dialCode: "+266",
+		isoCode: "LS",
+		flag: "https://www.countryflags.io/LS/flat/64.png"
+	},
+	{
+		name: "Liberia",
+		dialCode: "+231",
+		isoCode: "LR",
+		flag: "https://www.countryflags.io/LR/flat/64.png"
+	},
+	{
+		name: "Libya",
+		dialCode: "+218",
+		isoCode: "LY",
+		flag: "https://www.countryflags.io/LY/flat/64.png"
+	},
+	{
+		name: "Liechtenstein",
+		dialCode: "+423",
+		isoCode: "LI",
+		flag: "https://www.countryflags.io/LI/flat/64.png"
+	},
+	{
+		name: "Lithuania",
+		dialCode: "+370",
+		isoCode: "LT",
+		flag: "https://www.countryflags.io/LT/flat/64.png"
+	},
+	{
+		name: "Luxembourg",
+		dialCode: "+352",
+		isoCode: "LU",
+		flag: "https://www.countryflags.io/LU/flat/64.png"
+	},
+	{
+		name: "Macau",
+		dialCode: "+853",
+		isoCode: "MO",
+		flag: "https://www.countryflags.io/MO/flat/64.png"
+	},
+	{
+		name: "Madagascar",
+		dialCode: "+261",
+		isoCode: "MG",
+		flag: "https://www.countryflags.io/MG/flat/64.png"
+	},
+	{
+		name: "Malawi",
+		dialCode: "+265",
+		isoCode: "MW",
+		flag: "https://www.countryflags.io/MW/flat/64.png"
+	},
+	{
+		name: "Malaysia",
+		dialCode: "+60",
+		isoCode: "MY",
+		flag: "https://www.countryflags.io/MY/flat/64.png"
+	},
+	{
+		name: "Maldives",
+		dialCode: "+960",
+		isoCode: "MV",
+		flag: "https://www.countryflags.io/MV/flat/64.png"
+	},
+	{
+		name: "Mali",
+		dialCode: "+223",
+		isoCode: "ML",
+		flag: "https://www.countryflags.io/ML/flat/64.png"
+	},
+	{
+		name: "Malta",
+		dialCode: "+356",
+		isoCode: "MT",
+		flag: "https://www.countryflags.io/MT/flat/64.png"
+	},
+	{
+		name: "Marshall Islands",
+		dialCode: "+692",
+		isoCode: "MH",
+		flag: "https://www.countryflags.io/MH/flat/64.png"
+	},
+	{
+		name: "Martinique",
+		dialCode: "+596",
+		isoCode: "MQ",
+		flag: "https://www.countryflags.io/MQ/flat/64.png"
+	},
+	{
+		name: "Mauritania",
+		dialCode: "+222",
+		isoCode: "MR",
+		flag: "https://www.countryflags.io/MR/flat/64.png"
+	},
+	{
+		name: "Mauritius",
+		dialCode: "+230",
+		isoCode: "MU",
+		flag: "https://www.countryflags.io/MU/flat/64.png"
+	},
+	{
+		name: "Mayotte",
+		dialCode: "+262",
+		isoCode: "YT",
+		flag: "https://www.countryflags.io/YT/flat/64.png"
+	},
+	{
+		name: "Mexico",
+		dialCode: "+52",
+		isoCode: "MX",
+		flag: "https://www.countryflags.io/MX/flat/64.png"
+	},
+	{
+		name: "Micronesia, Federated States of Micronesia",
+		dialCode: "+691",
+		isoCode: "FM",
+		flag: "https://www.countryflags.io/FM/flat/64.png"
+	},
+	{
+		name: "Moldova",
+		dialCode: "+373",
+		isoCode: "MD",
+		flag: "https://www.countryflags.io/MD/flat/64.png"
+	},
+	{
+		name: "Monaco",
+		dialCode: "+377",
+		isoCode: "MC",
+		flag: "https://www.countryflags.io/MC/flat/64.png"
+	},
+	{
+		name: "Mongolia",
+		dialCode: "+976",
+		isoCode: "MN",
+		flag: "https://www.countryflags.io/MN/flat/64.png"
+	},
+	{
+		name: "Montenegro",
+		dialCode: "+382",
+		isoCode: "ME",
+		flag: "https://www.countryflags.io/ME/flat/64.png"
+	},
+	{
+		name: "Montserrat",
+		dialCode: "+1664",
+		isoCode: "MS",
+		flag: "https://www.countryflags.io/MS/flat/64.png"
+	},
+	{
+		name: "Morocco",
+		dialCode: "+212",
+		isoCode: "MA",
+		flag: "https://www.countryflags.io/MA/flat/64.png"
+	},
+	{
+		name: "Mozambique",
+		dialCode: "+258",
+		isoCode: "MZ",
+		flag: "https://www.countryflags.io/MZ/flat/64.png"
+	},
+	{
+		name: "Myanmar",
+		dialCode: "+95",
+		isoCode: "MM",
+		flag: "https://www.countryflags.io/MM/flat/64.png"
+	},
+	{
+		name: "Namibia",
+		dialCode: "+264",
+		isoCode: "NA",
+		flag: "https://www.countryflags.io/NA/flat/64.png"
+	},
+	{
+		name: "Nauru",
+		dialCode: "+674",
+		isoCode: "NR",
+		flag: "https://www.countryflags.io/NR/flat/64.png"
+	},
+	{
+		name: "Nepal",
+		dialCode: "+977",
+		isoCode: "NP",
+		flag: "https://www.countryflags.io/NP/flat/64.png"
+	},
+	{
+		name: "Netherlands",
+		dialCode: "+31",
+		isoCode: "NL",
+		flag: "https://www.countryflags.io/NL/flat/64.png"
+	},
+	{
+		name: "Netherlands Antilles",
+		dialCode: "+599",
+		isoCode: "AN",
+		flag: "https://www.countryflags.io/AN/flat/64.png"
+	},
+	{
+		name: "New Caledonia",
+		dialCode: "+687",
+		isoCode: "NC",
+		flag: "https://www.countryflags.io/NC/flat/64.png"
+	},
+	{
+		name: "New Zealand",
+		dialCode: "+64",
+		isoCode: "NZ",
+		flag: "https://www.countryflags.io/NZ/flat/64.png"
+	},
+	{
+		name: "Nicaragua",
+		dialCode: "+505",
+		isoCode: "NI",
+		flag: "https://www.countryflags.io/NI/flat/64.png"
+	},
+	{
+		name: "Niger",
+		dialCode: "+227",
+		isoCode: "NE",
+		flag: "https://www.countryflags.io/NE/flat/64.png"
+	},
+	{
+		name: "Nigeria",
+		dialCode: "+234",
+		isoCode: "NG",
+		flag: "https://www.countryflags.io/NG/flat/64.png"
+	},
+	{
+		name: "Niue",
+		dialCode: "+683",
+		isoCode: "NU",
+		flag: "https://www.countryflags.io/NU/flat/64.png"
+	},
+	{
+		name: "Norfolk Island",
+		dialCode: "+672",
+		isoCode: "NF",
+		flag: "https://www.countryflags.io/NF/flat/64.png"
+	},
+	{
+		name: "North Macedonia",
+		dialCode: "+389",
+		isoCode: "MK",
+		flag: "https://www.countryflags.io/MK/flat/64.png"
+	},
+	{
+		name: "Northern Mariana Islands",
+		dialCode: "+1670",
+		isoCode: "MP",
+		flag: "https://www.countryflags.io/MP/flat/64.png"
+	},
+	{
+		name: "Norway",
+		dialCode: "+47",
+		isoCode: "NO",
+		flag: "https://www.countryflags.io/NO/flat/64.png"
+	},
+	{
+		name: "Oman",
+		dialCode: "+968",
+		isoCode: "OM",
+		flag: "https://www.countryflags.io/OM/flat/64.png"
+	},
+	{
+		name: "Pakistan",
+		dialCode: "+92",
+		isoCode: "PK",
+		flag: "https://www.countryflags.io/PK/flat/64.png"
+	},
+	{
+		name: "Palau",
+		dialCode: "+680",
+		isoCode: "PW",
+		flag: "https://www.countryflags.io/PW/flat/64.png"
+	},
+	{
+		name: "Palestine",
+		dialCode: "+970",
+		isoCode: "PS",
+		flag: "https://www.countryflags.io/PS/flat/64.png"
+	},
+	{
+		name: "Panama",
+		dialCode: "+507",
+		isoCode: "PA",
+		flag: "https://www.countryflags.io/PA/flat/64.png"
+	},
+	{
+		name: "Papua New Guinea",
+		dialCode: "+675",
+		isoCode: "PG",
+		flag: "https://www.countryflags.io/PG/flat/64.png"
+	},
+	{
+		name: "Paraguay",
+		dialCode: "+595",
+		isoCode: "PY",
+		flag: "https://www.countryflags.io/PY/flat/64.png"
+	},
+	{
+		name: "Peru",
+		dialCode: "+51",
+		isoCode: "PE",
+		flag: "https://www.countryflags.io/PE/flat/64.png"
+	},
+	{
+		name: "Philippines",
+		dialCode: "+63",
+		isoCode: "PH",
+		flag: "https://www.countryflags.io/PH/flat/64.png"
+	},
+	{
+		name: "Pitcairn",
+		dialCode: "+872",
+		isoCode: "PN",
+		flag: "https://www.countryflags.io/PN/flat/64.png"
+	},
+	{
+		name: "Poland",
+		dialCode: "+48",
+		isoCode: "PL",
+		flag: "https://www.countryflags.io/PL/flat/64.png"
+	},
+	{
+		name: "Portugal",
+		dialCode: "+351",
+		isoCode: "PT",
+		flag: "https://www.countryflags.io/PT/flat/64.png"
+	},
+	{
+		name: "Puerto Rico",
+		dialCode: "+1939",
+		isoCode: "PR",
+		flag: "https://www.countryflags.io/PR/flat/64.png"
+	},
+	{
+		name: "Qatar",
+		dialCode: "+974",
+		isoCode: "QA",
+		flag: "https://www.countryflags.io/QA/flat/64.png"
+	},
+	{
+		name: "Reunion",
+		dialCode: "+262",
+		isoCode: "RE",
+		flag: "https://www.countryflags.io/RE/flat/64.png"
+	},
+	{
+		name: "Romania",
+		dialCode: "+40",
+		isoCode: "RO",
+		flag: "https://www.countryflags.io/RO/flat/64.png"
+	},
+	{
+		name: "Russia",
+		dialCode: "+7",
+		isoCode: "RU",
+		flag: "https://www.countryflags.io/RU/flat/64.png"
+	},
+	{
+		name: "Rwanda",
+		dialCode: "+250",
+		isoCode: "RW",
+		flag: "https://www.countryflags.io/RW/flat/64.png"
+	},
+	{
+		name: "Saint Barthelemy",
+		dialCode: "+590",
+		isoCode: "BL",
+		flag: "https://www.countryflags.io/BL/flat/64.png"
+	},
+	{
+		name: "Saint Helena, Ascension and Tristan Da Cunha",
+		dialCode: "+290",
+		isoCode: "SH",
+		flag: "https://www.countryflags.io/SH/flat/64.png"
+	},
+	{
+		name: "Saint Kitts and Nevis",
+		dialCode: "+1869",
+		isoCode: "KN",
+		flag: "https://www.countryflags.io/KN/flat/64.png"
+	},
+	{
+		name: "Saint Lucia",
+		dialCode: "+1758",
+		isoCode: "LC",
+		flag: "https://www.countryflags.io/LC/flat/64.png"
+	},
+	{
+		name: "Saint Martin",
+		dialCode: "+590",
+		isoCode: "MF",
+		flag: "https://www.countryflags.io/MF/flat/64.png"
+	},
+	{
+		name: "Saint Pierre and Miquelon",
+		dialCode: "+508",
+		isoCode: "PM",
+		flag: "https://www.countryflags.io/PM/flat/64.png"
+	},
+	{
+		name: "Saint Vincent and the Grenadines",
+		dialCode: "+1784",
+		isoCode: "VC",
+		flag: "https://www.countryflags.io/VC/flat/64.png"
+	},
+	{
+		name: "Samoa",
+		dialCode: "+685",
+		isoCode: "WS",
+		flag: "https://www.countryflags.io/WS/flat/64.png"
+	},
+	{
+		name: "San Marino",
+		dialCode: "+378",
+		isoCode: "SM",
+		flag: "https://www.countryflags.io/SM/flat/64.png"
+	},
+	{
+		name: "Sao Tome and Principe",
+		dialCode: "+239",
+		isoCode: "ST",
+		flag: "https://www.countryflags.io/ST/flat/64.png"
+	},
+	{
+		name: "Saudi Arabia",
+		dialCode: "+966",
+		isoCode: "SA",
+		flag: "https://www.countryflags.io/SA/flat/64.png"
+	},
+	{
+		name: "Senegal",
+		dialCode: "+221",
+		isoCode: "SN",
+		flag: "https://www.countryflags.io/SN/flat/64.png"
+	},
+	{
+		name: "Serbia",
+		dialCode: "+381",
+		isoCode: "RS",
+		flag: "https://www.countryflags.io/RS/flat/64.png"
+	},
+	{
+		name: "Seychelles",
+		dialCode: "+248",
+		isoCode: "SC",
+		flag: "https://www.countryflags.io/SC/flat/64.png"
+	},
+	{
+		name: "Sierra Leone",
+		dialCode: "+232",
+		isoCode: "SL",
+		flag: "https://www.countryflags.io/SL/flat/64.png"
+	},
+	{
+		name: "Singapore",
+		dialCode: "+65",
+		isoCode: "SG",
+		flag: "https://www.countryflags.io/SG/flat/64.png"
+	},
+	{
+		name: "Sint Maarten",
+		dialCode: "+1721",
+		isoCode: "SX",
+		flag: "https://www.countryflags.io/SX/flat/64.png"
+	},
+	{
+		name: "Slovakia",
+		dialCode: "+421",
+		isoCode: "SK",
+		flag: "https://www.countryflags.io/SK/flat/64.png"
+	},
+	{
+		name: "Slovenia",
+		dialCode: "+386",
+		isoCode: "SI",
+		flag: "https://www.countryflags.io/SI/flat/64.png"
+	},
+	{
+		name: "Solomon Islands",
+		dialCode: "+677",
+		isoCode: "SB",
+		flag: "https://www.countryflags.io/SB/flat/64.png"
+	},
+	{
+		name: "Somalia",
+		dialCode: "+252",
+		isoCode: "SO",
+		flag: "https://www.countryflags.io/SO/flat/64.png"
+	},
+	{
+		name: "South Africa",
+		dialCode: "+27",
+		isoCode: "ZA",
+		flag: "https://www.countryflags.io/ZA/flat/64.png"
+	},
+	{
+		name: "South Georgia and the South Sandwich Islands",
+		dialCode: "+500",
+		isoCode: "GS",
+		flag: "https://www.countryflags.io/GS/flat/64.png"
+	},
+	{
+		name: "South Sudan",
+		dialCode: "+211",
+		isoCode: "SS",
+		flag: "https://www.countryflags.io/SS/flat/64.png"
+	},
+	{
+		name: "Spain",
+		dialCode: "+34",
+		isoCode: "ES",
+		flag: "https://www.countryflags.io/ES/flat/64.png"
+	},
+	{
+		name: "Sri Lanka",
+		dialCode: "+94",
+		isoCode: "LK",
+		flag: "https://www.countryflags.io/LK/flat/64.png"
+	},
+	{
+		name: "Sudan",
+		dialCode: "+249",
+		isoCode: "SD",
+		flag: "https://www.countryflags.io/SD/flat/64.png"
+	},
+	{
+		name: "Suriname",
+		dialCode: "+597",
+		isoCode: "SR",
+		flag: "https://www.countryflags.io/SR/flat/64.png"
+	},
+	{
+		name: "Svalbard and Jan Mayen",
+		dialCode: "+47",
+		isoCode: "SJ",
+		flag: "https://www.countryflags.io/SJ/flat/64.png"
+	},
+	{
+		name: "Sweden",
+		dialCode: "+46",
+		isoCode: "SE",
+		flag: "https://www.countryflags.io/SE/flat/64.png"
+	},
+	{
+		name: "Switzerland",
+		dialCode: "+41",
+		isoCode: "CH",
+		flag: "https://www.countryflags.io/CH/flat/64.png"
+	},
+	{
+		name: "Syrian Arab Republic",
+		dialCode: "+963",
+		isoCode: "SY",
+		flag: "https://www.countryflags.io/SY/flat/64.png"
+	},
+	{
+		name: "Taiwan",
+		dialCode: "+886",
+		isoCode: "TW",
+		flag: "https://www.countryflags.io/TW/flat/64.png"
+	},
+	{
+		name: "Tajikistan",
+		dialCode: "+992",
+		isoCode: "TJ",
+		flag: "https://www.countryflags.io/TJ/flat/64.png"
+	},
+	{
+		name: "Tanzania, United Republic of Tanzania",
+		dialCode: "+255",
+		isoCode: "TZ",
+		flag: "https://www.countryflags.io/TZ/flat/64.png"
+	},
+	{
+		name: "Thailand",
+		dialCode: "+66",
+		isoCode: "TH",
+		flag: "https://www.countryflags.io/TH/flat/64.png"
+	},
+	{
+		name: "Timor-Leste",
+		dialCode: "+670",
+		isoCode: "TL",
+		flag: "https://www.countryflags.io/TL/flat/64.png"
+	},
+	{
+		name: "Togo",
+		dialCode: "+228",
+		isoCode: "TG",
+		flag: "https://www.countryflags.io/TG/flat/64.png"
+	},
+	{
+		name: "Tokelau",
+		dialCode: "+690",
+		isoCode: "TK",
+		flag: "https://www.countryflags.io/TK/flat/64.png"
+	},
+	{
+		name: "Tonga",
+		dialCode: "+676",
+		isoCode: "TO",
+		flag: "https://www.countryflags.io/TO/flat/64.png"
+	},
+	{
+		name: "Trinidad and Tobago",
+		dialCode: "+1868",
+		isoCode: "TT",
+		flag: "https://www.countryflags.io/TT/flat/64.png"
+	},
+	{
+		name: "Tunisia",
+		dialCode: "+216",
+		isoCode: "TN",
+		flag: "https://www.countryflags.io/TN/flat/64.png"
+	},
+	{
+		name: "Turkey",
+		dialCode: "+90",
+		isoCode: "TR",
+		flag: "https://www.countryflags.io/TR/flat/64.png"
+	},
+	{
+		name: "Turkmenistan",
+		dialCode: "+993",
+		isoCode: "TM",
+		flag: "https://www.countryflags.io/TM/flat/64.png"
+	},
+	{
+		name: "Turks and Caicos Islands",
+		dialCode: "+1649",
+		isoCode: "TC",
+		flag: "https://www.countryflags.io/TC/flat/64.png"
+	},
+	{
+		name: "Tuvalu",
+		dialCode: "+688",
+		isoCode: "TV",
+		flag: "https://www.countryflags.io/TV/flat/64.png"
+	},
+	{
+		name: "Uganda",
+		dialCode: "+256",
+		isoCode: "UG",
+		flag: "https://www.countryflags.io/UG/flat/64.png"
+	},
+	{
+		name: "Ukraine",
+		dialCode: "+380",
+		isoCode: "UA",
+		flag: "https://www.countryflags.io/UA/flat/64.png"
+	},
+	{
+		name: "United Arab Emirates",
+		dialCode: "+971",
+		isoCode: "AE",
+		flag: "https://www.countryflags.io/AE/flat/64.png"
+	},
+	{
+		name: "United Kingdom",
+		dialCode: "+44",
+		isoCode: "GB",
+		flag: "https://www.countryflags.io/GB/flat/64.png"
+	},
+	{
+		name: "United States",
+		dialCode: "+1",
+		isoCode: "US",
+		flag: "https://www.countryflags.io/US/flat/64.png"
+	},
+	{
+		name: "Uruguay",
+		dialCode: "+598",
+		isoCode: "UY",
+		flag: "https://www.countryflags.io/UY/flat/64.png"
+	},
+	{
+		name: "Uzbekistan",
+		dialCode: "+998",
+		isoCode: "UZ",
+		flag: "https://www.countryflags.io/UZ/flat/64.png"
+	},
+	{
+		name: "Vanuatu",
+		dialCode: "+678",
+		isoCode: "VU",
+		flag: "https://www.countryflags.io/VU/flat/64.png"
+	},
+	{
+		name: "Venezuela, Bolivarian Republic of Venezuela",
+		dialCode: "+58",
+		isoCode: "VE",
+		flag: "https://www.countryflags.io/VE/flat/64.png"
+	},
+	{
+		name: "Vietnam",
+		dialCode: "+84",
+		isoCode: "VN",
+		flag: "https://www.countryflags.io/VN/flat/64.png"
+	},
+	{
+		name: "Virgin Islands, British",
+		dialCode: "+1284",
+		isoCode: "VG",
+		flag: "https://www.countryflags.io/VG/flat/64.png"
+	},
+	{
+		name: "Virgin Islands, U.S.",
+		dialCode: "+1340",
+		isoCode: "VI",
+		flag: "https://www.countryflags.io/VI/flat/64.png"
+	},
+	{
+		name: "Wallis and Futuna",
+		dialCode: "+681",
+		isoCode: "WF",
+		flag: "https://www.countryflags.io/WF/flat/64.png"
+	},
+	{
+		name: "Yemen",
+		dialCode: "+967",
+		isoCode: "YE",
+		flag: "https://www.countryflags.io/YE/flat/64.png"
+	},
+	{
+		name: "Zambia",
+		dialCode: "+260",
+		isoCode: "ZM",
+		flag: "https://www.countryflags.io/ZM/flat/64.png"
+	},
+	{
+		name: "Zimbabwe",
+		dialCode: "+263",
+		isoCode: "ZW",
+		flag: "https://www.countryflags.io/ZW/flat/64.png"
+	}
+], Ie = ["disabled", "aria-expanded"], Le = ["placeholder", "disabled"], Re = [
+	"aria-selected",
+	"onPointerdown",
+	"onMouseenter"
+], ze = /*@__PURE__*/ Object.assign({ inheritAttrs: !1 }, {
+	__name: "PhoneInput",
+	props: {
+		modelValue: String,
+		placeholder: {
+			type: String,
+			default: "712345678"
+		},
+		isInvalid: Boolean,
+		disabled: Boolean,
+		countryCode: {
+			type: String,
+			default: "KE"
+		},
+		detectCountry: Boolean
+	},
+	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 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;
+		}), 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();
+		}, 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);
+			else if (e.key === "Enter") {
+				e.preventDefault();
+				let t = y.value[Math.max(g.value, 0)];
+				t && T(t);
+			} else e.key === "Escape" && (m.value = !1);
+		}, ee = () => {
+			let e = (u.value || "").replace(/^0/, "");
+			i("update:modelValue", e ? _.value.dialCode + e : "");
+		}, A = (e) => {
+			if (!e) {
+				u.value = "";
+				return;
+			}
+			let t = Fe.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) => {
+			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 && Fe.find((e) => e.isoCode === t.toUpperCase());
+				n && (_.value = n);
+			}).catch(() => {});
+		}), C(() => {
+			document.removeEventListener("pointerdown", j);
+		}), (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" : ""])
+		}, [
+			p("button", {
+				type: "button",
+				class: x(N(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),
+				(E(), f("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					class: x(N(a).phone.chevron),
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					"stroke-width": "2"
+				}, [...n[4] ||= [p("path", {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+				}, null, -1)]], 2))
+			], 10, Ie),
+			V(p("input", {
+				"onUpdate:modelValue": n[0] ||= (e) => u.value = e,
+				type: "tel",
+				class: x(N(a).phone.input),
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				onInput: ee,
+				onFocus: n[1] ||= (e) => i("clearValidationErrors")
+			}, null, 42, Le), [[L, u.value]]),
+			m.value ? (E(), f("div", {
+				key: 0,
+				class: x(N(a).phone.dropdown)
+			}, [V(p("input", {
+				ref_key: "searchEl",
+				ref: c,
+				"onUpdate:modelValue": n[2] ||= (e) => h.value = e,
+				type: "text",
+				class: x(N(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),
+				role: "listbox"
+			}, [(E(!0), f(o, null, k(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"]),
+				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, Re))), 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 }, {
+	__name: "ShSuggest",
+	props: {
+		modelValue: [
+			String,
+			Number,
+			Array
+		],
+		placeholder: {
+			type: String,
+			default: "Type to search..."
+		},
+		isInvalid: Boolean,
+		disabled: Boolean,
+		options: Array,
+		url: String,
+		multiple: Boolean,
+		allowCustom: Boolean,
+		optionTemplate: [Object, Function]
+	},
+	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));
+			if (r.options && c.value) {
+				let e = c.value.toLowerCase();
+				n = n.filter((t) => t.label.toLowerCase().includes(e));
+			}
+			return n;
+		}), T = null, D = () => {
+			r.url && (clearTimeout(T), T = setTimeout(() => {
+				g.value = !0, n.doGet(r.url, {
+					all: 1,
+					filter_value: c.value
+				}).then((e) => {
+					v.value = Array.isArray(e.data) ? e.data : e.data?.data ?? [];
+				}).finally(() => {
+					g.value = !1;
+				});
+			}, 300));
+		}, ee = () => {
+			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({
+				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 = () => {
+			let e = r.modelValue;
+			if (e == null || e === "") return;
+			let t = Array.isArray(e) ? e : [e], n = Ae(r.options ?? v.value);
+			b.value = t.map((e) => n.find((t) => t.id === e) ?? {
+				id: e,
+				label: String(e)
+			});
+		}, U = (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();
+		}), C(() => {
+			document.removeEventListener("pointerdown", U), clearTimeout(T);
+		}), (t, n) => (E(), f("div", {
+			ref_key: "root",
+			ref: s,
+			class: x(N(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", {
+				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, Be)], 2))), 128))], 2)) : d("", !0),
+			V(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,
+				onFocus: n[1] ||= (e) => {
+					m.value = !0, i("clearValidationErrors");
+				}
+			}), null, 16, Ve), [[L, c.value]]),
+			m.value && !e.disabled ? (E(), f("div", {
+				key: 1,
+				class: x(N(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", {
+				key: t.id,
+				class: x(n === _.value ? N(a).suggest.optionActive : N(a).suggest.option),
+				onPointerdown: H((e) => A(t), ["prevent"]),
+				onMouseenter: (e) => _.value = n
+			}, [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", {
+				key: 2,
+				class: x(N(a).suggest.option),
+				onPointerdown: H(F, ["prevent"])
+			}, " Use \"" + M(c.value) + "\" ", 35)) : (E(), f("div", {
+				key: 3,
+				class: x(N(a).suggest.empty)
+			}, "No matches", 2))], 2)) : d("", !0)
+		], 2));
+	}
+}), We = ["onUpdate:modelValue"], Ge = ["innerHTML"], Ke = ["disabled"], qe = {
+	__name: "ShForm",
+	props: {
+		action: {
+			type: String,
+			required: !0
+		},
+		method: {
+			type: String,
+			default: "post"
+		},
+		fields: {
+			type: Array,
+			required: !0
+		},
+		currentData: Object,
+		steps: Array,
+		submitLabel: {
+			type: String,
+			default: "Submit"
+		},
+		successMessage: String,
+		retainData: Boolean,
+		preSubmit: Function,
+		hiddenId: {
+			type: Boolean,
+			default: !0
+		},
+		classes: Object,
+		disabled: Boolean
+	},
+	emits: [
+		"success",
+		"error",
+		"fieldChanged",
+		"preSubmit",
+		"formSubmitted",
+		"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,
+			textarea: xe,
+			email: Se,
+			password: Te,
+			number: De,
+			date: ke,
+			select: Pe,
+			phone: ze,
+			suggest: Ue
+		}, 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({
+				name: "id",
+				type: "hidden",
+				value: i.currentData.id
+			}), b.value = e;
+		};
+		D(), z(() => i.currentData, () => {
+			T.value || D();
+		}, { deep: !0 }), z(() => i.fields, D);
+		let P = 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.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" ? {
+				options: Array.isArray(e.options) ? e.options : void 0,
+				url: Array.isArray(e.options) ? void 0 : e.options?.url,
+				multiple: e.multiple,
+				allowCustom: e.allowCustom,
+				optionTemplate: e.optionTemplate
+			} : {},
+			...e.type === "number" ? {
+				min: e.min,
+				max: e.max,
+				step: e.step
+			} : {},
+			...e.type === "textarea" ? { rows: e.rows } : {},
+			...e.type === "date" ? {
+				withTime: e.withTime,
+				min: e.min,
+				max: e.max
+			} : {},
+			...e.type === "phone" ? {
+				countryCode: e.countryCode,
+				detectCountry: e.detectCountry
+			} : {},
+			...e.props ?? {}
+		}), W = (e, t) => {
+			T.value = !0, delete S[e.name];
+			let n = G();
+			a("fieldChanged", e.name, t, n);
+		}, G = () => {
+			let e = {};
+			return b.value.forEach((t) => {
+				t.value !== null && t.value !== void 0 && (e[t.name] = t.value);
+			}), e;
+		}, K = () => {
+			b.value.forEach((e) => {
+				e.type !== "hidden" && (e.value = null);
+			}), T.value = !1;
+		}, re = () => {
+			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)));
+			t >= 0 && (w.value = t);
+		}, ie = async () => {
+			if (!F.value) {
+				w.value++;
+				return;
+			}
+			Object.keys(S).forEach((e) => delete S[e]);
+			let e = G();
+			if (i.preSubmit) {
+				let t = await i.preSubmit(e);
+				if (t === !1) return;
+				t && typeof t == "object" && (e = t);
+			}
+			a("preSubmit", e);
+			let t = {
+				post: n.doPost,
+				put: n.doPut,
+				patch: n.doPatch,
+				delete: n.doDelete
+			}[i.method.toLowerCase()] ?? n.doPost;
+			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");
+			} 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();
+				} else r.showToast(e.response?.data?.message ?? e.message ?? "Request failed", "error");
+				a("error", e), a("formError", e);
+			} finally {
+				C.value = !1;
+			}
+		};
+		return (t, n) => (E(), f("form", {
+			class: x(N(s).form),
+			onSubmit: H(ie, ["prevent"])
+		}, [
+			P.value.length > 1 ? (E(), u(pe, {
+				key: 0,
+				steps: P.value,
+				current: w.value
+			}, null, 8, ["steps", "current"])) : d("", !0),
+			(E(!0), f(o, null, k(P.value, (e, t) => V((E(), f("div", {
+				key: t,
+				class: "space-y-4"
+			}, [(E(!0), f(o, null, k(e.fields, (e) => (E(), f("div", {
+				key: e.name,
+				class: x(e.type === "hidden" ? "" : N(s).group)
+			}, [e.type === "hidden" ? V((E(), f("input", {
+				key: 0,
+				"onUpdate:modelValue": (t) => e.value = t,
+				type: "hidden"
+			}, null, 8, We)), [[L, 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", {
+					key: 0,
+					class: x(N(s).required)
+				}, "*", 2)) : d("", !0)], 2)) : d("", !0),
+				(E(), u(j(I(e)), y({
+					modelValue: e.value,
+					"onUpdate:modelValue": (t) => e.value = t
+				}, { ref_for: !0 }, U(e), {
+					"is-invalid": !!S[e.name],
+					class: [B(e), e.class],
+					"onUpdate:modelValue": (t) => W(e, t),
+					onClearValidationErrors: (t) => delete S[e.name]
+				}), null, 16, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"is-invalid",
+					"class",
+					"onClearValidationErrors"
+				])),
+				e.helper ? (E(), f("p", {
+					key: 1,
+					class: x(N(s).helper),
+					innerHTML: e.helper
+				}, null, 10, Ge)) : 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", {
+				key: 0,
+				type: "button",
+				class: x(N(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),
+				disabled: C.value || e.disabled
+			}, [C.value ? (E(), u(ve, {
+				key: 0,
+				class: "size-4"
+			})) : d("", !0), h(" " + M(F.value ? e.submitLabel : "Next"), 1)], 10, Ke)], 2)
+		], 34));
+	}
+}, Je = {
+	__name: "ShDialog",
+	props: {
+		open: Boolean,
+		title: String,
+		size: {
+			type: String,
+			default: "md"
+		},
+		static: Boolean,
+		hideClose: Boolean,
+		retainOnSuccess: Boolean,
+		classes: Object
+	},
+	emits: [
+		"update:open",
+		"opened",
+		"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({
+			isStatic: () => r.static,
+			onClose: () => i("update:open", !1)
+		}), y = () => {
+			m.value = !0, v.show(), requestAnimationFrame(() => {
+				h.value = !0;
+			}), r.open || i("update:open", !0);
+		}, b = (e) => {
+			h.value = !1, v.close(e);
+		}, C = () => {
+			if (r.static) {
+				_.value = !0, setTimeout(() => {
+					_.value = !1;
+				}, 150);
+				return;
+			}
+			b("backdrop");
+		};
+		return z(() => r.open, (e) => {
+			e ? y() : h.value && b("prop");
+		}, { immediate: !0 }), z(v.isOpen, (e) => {
+			!e && h.value && (h.value = !1);
+		}), D(ne, {
+			close: () => b("context"),
+			requestClose: (e) => {
+				if (e === "success") {
+					if (r.retainOnSuccess) return;
+					setTimeout(() => b("success"), 600);
+					return;
+				}
+				b(e);
+			}
+		}), t({
+			show: y,
+			close: b
+		}), (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 })
+		}, [g(c, {
+			"enter-active-class": "transition-opacity duration-200 ease-out",
+			"enter-from-class": "opacity-0",
+			"enter-to-class": "opacity-100",
+			"leave-active-class": "transition-opacity duration-150 ease-in",
+			"leave-from-class": "opacity-100",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: B(() => [V(p("div", {
+				class: x(N(a).backdrop),
+				onClick: C
+			}, null, 2), [[R, h.value]])]),
+			_: 1
+		}), g(c, {
+			"enter-active-class": "transition duration-200 ease-out",
+			"enter-from-class": "opacity-0 scale-95 translate-y-2",
+			"enter-to-class": "opacity-100 scale-100 translate-y-0",
+			"leave-active-class": "transition duration-150 ease-in",
+			"leave-from-class": "opacity-100 scale-100",
+			"leave-to-class": "opacity-0 scale-95",
+			onAfterEnter: n[1] ||= (e) => {
+				o.value?.focus(), i("opened");
+			},
+			onAfterLeave: n[2] ||= (e) => {
+				m.value = !1, i("closed");
+			}
+		}, {
+			default: B(() => [V(p("div", {
+				class: x(N(a).wrapper),
+				onClick: H(C, ["self"])
+			}, [p("div", {
+				ref_key: "panel",
+				ref: o,
+				tabindex: "-1",
+				role: "dialog",
+				"aria-modal": "true",
+				class: x([
+					N(a).panel,
+					N(a).sizes[e.size] ?? N(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", {
+					key: 0,
+					type: "button",
+					class: x(N(a).closeBtn),
+					"aria-label": "Close",
+					onClick: n[0] ||= (e) => b("button")
+				}, [...n[3] ||= [p("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					class: "size-5",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					"stroke-width": "1.5"
+				}, [p("path", {
+					"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: 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]])]),
+			_: 3
+		})], 4)) : d("", !0)]));
+	}
+}, Ye = {
+	__name: "ShDrawer",
+	props: {
+		open: Boolean,
+		title: String,
+		position: {
+			type: String,
+			default: "end"
+		},
+		size: {
+			type: String,
+			default: "md"
+		},
+		static: Boolean,
+		hideClose: Boolean,
+		classes: Object
+	},
+	emits: [
+		"update:open",
+		"opened",
+		"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), _ = {
+			start: {
+				panel: "inset-y-0 left-0 h-full w-full",
+				hidden: "-translate-x-full"
+			},
+			end: {
+				panel: "inset-y-0 right-0 h-full w-full",
+				hidden: "translate-x-full"
+			},
+			top: {
+				panel: "inset-x-0 top-0 w-full",
+				hidden: "-translate-y-full"
+			},
+			bottom: {
+				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({
+			isStatic: () => r.static,
+			onClose: () => i("update:open", !1)
+		}), w = () => {
+			m.value = !0, C.show(), requestAnimationFrame(() => {
+				h.value = !0;
+			}), r.open || i("update:open", !0);
+		}, T = (e) => {
+			h.value = !1, C.close(e);
+		};
+		return z(() => r.open, (e) => {
+			e ? w() : h.value && T("prop");
+		}, { immediate: !0 }), z(C.isOpen, (e) => {
+			!e && h.value && (h.value = !1);
+		}), D(ne, {
+			close: () => T("context"),
+			requestClose: (e) => T(e)
+		}), t({
+			show: w,
+			close: T
+		}), (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 })
+		}, [g(c, {
+			"enter-active-class": "transition-opacity duration-200 ease-out",
+			"enter-from-class": "opacity-0",
+			"enter-to-class": "opacity-100",
+			"leave-active-class": "transition-opacity duration-150 ease-in",
+			"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]])]),
+			_: 1
+		}), g(c, {
+			"enter-active-class": "transition-transform duration-250 ease-out",
+			"enter-from-class": v.value.hidden,
+			"enter-to-class": "translate-x-0 translate-y-0",
+			"leave-active-class": "transition-transform duration-200 ease-in",
+			"leave-from-class": "translate-x-0 translate-y-0",
+			"leave-to-class": v.value.hidden,
+			onAfterEnter: n[2] ||= (e) => {
+				o.value?.focus(), i("opened");
+			},
+			onAfterLeave: n[3] ||= (e) => {
+				m.value = !1, i("closed");
+			}
+		}, {
+			default: B(() => [V(p("div", {
+				ref_key: "panel",
+				ref: o,
+				tabindex: "-1",
+				role: "dialog",
+				"aria-modal": "true",
+				class: x([
+					N(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", {
+				key: 0,
+				type: "button",
+				class: x(N(a).closeBtn),
+				"aria-label": "Close",
+				onClick: n[1] ||= (e) => T("button")
+			}, [...n[4] ||= [p("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				class: "size-5",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				"stroke-width": "1.5"
+			}, [p("path", {
+				"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]])]),
+			_: 3
+		}, 8, ["enter-from-class", "leave-to-class"])], 4)) : d("", !0)]));
+	}
+}, Xe = {
+	__name: "ShDialogBtn",
+	props: {
+		title: String,
+		size: {
+			type: String,
+			default: "md"
+		},
+		static: Boolean,
+		hideClose: Boolean,
+		btnClass: String,
+		classes: Object
+	},
+	emits: ["opened", "closed"],
+	setup(e) {
+		let t = q("buttons"), n = O(!1);
+		return (r, i) => (E(), f(o, null, [p("button", {
+			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, {
+			open: n.value,
+			"onUpdate:open": i[1] ||= (e) => n.value = e,
+			title: e.title,
+			size: e.size,
+			static: e.static,
+			"hide-close": e.hideClose,
+			classes: e.classes,
+			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 })]),
+			_: 2
+		}, [r.$slots.footer ? {
+			name: "footer",
+			fn: B(({ close: e }) => [A(r.$slots, "footer", { close: e })]),
+			key: "0"
+		} : void 0]), 1032, [
+			"open",
+			"title",
+			"size",
+			"static",
+			"hide-close",
+			"classes"
+		])], 64));
+	}
+}, Ze = {
+	__name: "ShDrawerBtn",
+	props: {
+		title: String,
+		position: {
+			type: String,
+			default: "end"
+		},
+		size: {
+			type: String,
+			default: "md"
+		},
+		static: Boolean,
+		hideClose: Boolean,
+		btnClass: String,
+		classes: Object
+	},
+	emits: ["opened", "closed"],
+	setup(e) {
+		let t = q("buttons"), n = O(!1);
+		return (r, i) => (E(), f(o, null, [p("button", {
+			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, {
+			open: n.value,
+			"onUpdate:open": i[1] ||= (e) => n.value = e,
+			title: e.title,
+			position: e.position,
+			size: e.size,
+			static: e.static,
+			"hide-close": e.hideClose,
+			classes: e.classes,
+			onOpened: i[2] ||= (e) => r.$emit("opened"),
+			onClosed: i[3] ||= (e) => r.$emit("closed")
+		}, {
+			default: B(({ close: e }) => [A(r.$slots, "default", { close: e })]),
+			_: 3
+		}, 8, [
+			"open",
+			"title",
+			"position",
+			"size",
+			"static",
+			"hide-close",
+			"classes"
+		])], 64));
+	}
+}, Qe = {
+	__name: "ShDialogForm",
+	props: {
+		title: String,
+		size: {
+			type: String,
+			default: "md"
+		},
+		static: Boolean,
+		retainDialog: Boolean,
+		btnClass: String,
+		dialogClasses: Object,
+		action: {
+			type: String,
+			required: !0
+		},
+		method: {
+			type: String,
+			default: "post"
+		},
+		fields: {
+			type: Array,
+			required: !0
+		},
+		currentData: Object,
+		steps: Array,
+		submitLabel: {
+			type: String,
+			default: "Submit"
+		},
+		successMessage: String,
+		retainData: Boolean,
+		preSubmit: Function,
+		hiddenId: {
+			type: Boolean,
+			default: !0
+		},
+		classes: Object
+	},
+	emits: [
+		"success",
+		"error",
+		"fieldChanged",
+		"opened",
+		"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) => {
+			i("success", e);
+		};
+		return t({
+			show: () => {
+				s.value = !0;
+			},
+			close: () => {
+				s.value = !1;
+			}
+		}), (t, n) => (E(), f(o, null, [p("button", {
+			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, {
+			open: s.value,
+			"onUpdate:open": n[3] ||= (e) => s.value = e,
+			title: e.title,
+			size: e.size,
+			static: e.static,
+			"retain-on-success": e.retainDialog,
+			classes: e.dialogClasses,
+			onOpened: n[4] ||= (e) => t.$emit("opened"),
+			onClosed: n[5] ||= (e) => t.$emit("closed")
+		}, {
+			default: B(() => [(E(), u(qe, {
+				key: c.value,
+				action: e.action,
+				method: e.method,
+				fields: e.fields,
+				"current-data": e.currentData,
+				steps: e.steps,
+				"submit-label": e.submitLabel,
+				"success-message": e.successMessage,
+				"retain-data": e.retainData,
+				"pre-submit": e.preSubmit,
+				"hidden-id": e.hiddenId,
+				classes: e.classes,
+				onSuccess: d,
+				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")]),
+				_: 3
+			}, 8, [
+				"action",
+				"method",
+				"fields",
+				"current-data",
+				"steps",
+				"submit-label",
+				"success-message",
+				"retain-data",
+				"pre-submit",
+				"hidden-id",
+				"classes"
+			]))]),
+			_: 3
+		}, 8, [
+			"open",
+			"title",
+			"size",
+			"static",
+			"retain-on-success",
+			"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);
+		n.onupgradeneeded = (e) => {
+			let t = e.target.result;
+			t.objectStoreNames.contains(et) || t.createObjectStore(et), t.objectStoreNames.contains(tt) || t.createObjectStore(tt);
+		}, n.onsuccess = (t) => e(t.target.result), n.onerror = (e) => t(e.target.error);
+	}), it);
+}
+function ot() {
+	try {
+		let e = i.getItem("user");
+		return e?.id ? `u${e.id}_` : "";
+	} catch {
+		return "";
+	}
+}
+function st(e, t, n) {
+	return at().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;
+}
+function lt(e, t) {
+	return st(et, "readwrite", (n) => n.put({
+		response: t,
+		timestamp: Date.now()
+	}, ot() + e));
+}
+async function ut(e) {
+	return (await st(tt, "readonly", (t) => t.get(ot() + e)))?.rows ?? [];
+}
+async function dt(e, t) {
+	if (!Array.isArray(t) || !t.length) return;
+	let n = await ut(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({
+		rows: i,
+		timestamp: Date.now()
+	}, ot() + e));
+}
+async function ft() {
+	await st(et, "readwrite", (e) => e.clear()), await st(tt, "readwrite", (e) => e.clear());
+}
+var pt = {
+	getPage: ct,
+	setPage: lt,
+	getRows: ut,
+	mergeRows: dt,
+	clear: ft
+};
+//#endregion
+//#region src/table/localQuery.js
+function mt(e, t) {
+	return !e || !t || typeof t != "string" ? "" : t.split(".").reduce((e, t) => e ? e[t] : "", e);
+}
+function ht(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));
+	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 } = {}) {
+	let s = e;
+	if (t) {
+		let r = String(t).toLowerCase();
+		s = e.filter((e) => ht(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);
+			return typeof i == "number" && typeof a == "number" ? (i - a) * e : String(i ?? "").localeCompare(String(a ?? ""), void 0, { numeric: !0 }) * e;
+		});
+	}
+	let c = s.length, l = Math.max(1, Number(o) || 10), u = Math.max(1, Math.ceil(c / l)), d = Math.min(Math.max(1, Number(a) || 1), u), f = (d - 1) * l;
+	return {
+		data: s.slice(f, f + l),
+		total: c,
+		per_page: l,
+		current_page: d,
+		last_page: u,
+		from: c === 0 ? 0 : f + 1
+	};
+}
+//#endregion
+//#region src/table/useTableData.js
+function _t({ 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,
+			per_page: e.per_page,
+			current_page: e.current_page ?? 1,
+			last_page: e.last_page ?? 1,
+			from: e.from ?? 1
+		}, o.value = "done";
+	};
+	return {
+		records: i,
+		meta: a,
+		status: o,
+		error: s,
+		offline: c,
+		fromCache: l,
+		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);
+				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;
+			} catch (e) {
+				if (p !== u) return;
+				if (e.response) {
+					v || (o.value = "error", s.value = `${e.response.status}: ${e.response.statusText} (${m})`);
+					return;
+				}
+				if (c.value = !0, v) return;
+				if (_) {
+					let e = await pt.getRows(m);
+					if (p !== u) return;
+					if (e.length) {
+						f(gt(e, {
+							search: h.filter_value,
+							exact: h.exact,
+							orderBy: h.order_by,
+							orderMethod: h.order_method,
+							page: h.page,
+							perPage: h.per_page
+						}), { append: !1 }), l.value = !0;
+						return;
+					}
+				}
+				o.value = "error", s.value = "You appear to be offline and there is no cached data yet";
+			}
+		}
+	};
+}
+//#endregion
+//#region src/components/table/ShTablePagination.vue
+var vt = ["value"], yt = ["value"], bt = ["disabled"], xt = ["disabled"], St = ["onClick"], Ct = ["disabled"], wt = {
+	__name: "ShTablePagination",
+	props: {
+		meta: {
+			type: Object,
+			required: !0
+		},
+		perPage: Number,
+		mode: {
+			type: String,
+			default: "pages"
+		},
+		loading: Boolean,
+		theme: {
+			type: Object,
+			required: !0
+		}
+	},
+	emits: [
+		"page",
+		"perPage",
+		"loadMore"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = l(() => Math.min(n.meta.current_page * n.meta.per_page, n.meta.total)), a = l(() => {
+			let e = n.meta.last_page, t = n.meta.current_page;
+			if (e <= 7) return Array.from({ length: e }, (e, t) => t + 1);
+			let r = [1];
+			t > 3 && r.push("...");
+			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", {
+			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([
+			10,
+			20,
+			30,
+			50,
+			100
+		], (e) => p("option", {
+			key: e,
+			value: e
+		}, M(e) + " / page", 9, yt)), 64))], 42, vt)], 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", {
+			key: 1,
+			class: x(e.theme.pages)
+		}, [
+			p("button", {
+				type: "button",
+				class: x(e.theme.pageBtn),
+				disabled: e.meta.current_page <= 1,
+				"aria-label": "Previous page",
+				onClick: n[2] ||= (t) => r("page", e.meta.current_page - 1)
+			}, " ‹ ", 10, xt),
+			(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)
+			}, "…", 2)) : (E(), f("button", {
+				key: 1,
+				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)),
+			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)
+		], 2))], 2));
+	}
+}, Tt = {
+	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 = {
+	__name: "ShTable",
+	props: {
+		endpoint: {
+			type: String,
+			required: !0
+		},
+		columns: {
+			type: Array,
+			required: !0
+		},
+		actions: {
+			type: Array,
+			default: () => []
+		},
+		multiActions: {
+			type: Array,
+			default: () => []
+		},
+		searchable: {
+			type: Boolean,
+			default: !0
+		},
+		searchPlaceholder: {
+			type: String,
+			default: "Search"
+		},
+		hasRange: Boolean,
+		perPage: Number,
+		sortBy: String,
+		sortMethod: {
+			type: String,
+			default: "desc"
+		},
+		paginationStyle: String,
+		rowLink: String,
+		cache: {
+			type: Boolean,
+			default: null
+		},
+		networkTimeout: {
+			type: Number,
+			default: 1e4
+		},
+		reload: [
+			Number,
+			String,
+			Boolean
+		],
+		emptyMessage: {
+			type: String,
+			default: "No records found"
+		},
+		classes: Object
+	},
+	emits: [
+		"rowClick",
+		"loaded",
+		"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) => {
+			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 = () => {
+			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({
+			query: () => {
+				let e = {
+					order_by: U.value,
+					order_method: W.value,
+					per_page: I.value,
+					page: F.value,
+					filter_value: R.value,
+					paginated: !0,
+					from: te.value,
+					to: ne.value,
+					exact: B.value || null
+				};
+				return Object.keys(e).forEach((t) => {
+					(e[t] === null || e[t] === "" || e[t] === void 0) && delete e[t];
+				}), {
+					endpoint: m.endpoint,
+					params: e
+				};
+			},
+			cacheEnabled: () => ie.value,
+			networkTimeout: () => m.networkTimeout
+		}), X = async ({ append: e = !1 } = {}) => {
+			let t = await ue({ append: e });
+			t && v("loaded", t);
+		};
+		X();
+		let de = null, fe = () => {
+			clearTimeout(de), de = setTimeout(() => {
+				F.value = 1, X();
+			}, 500);
+		};
+		C(() => clearTimeout(de));
+		let pe = (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();
+		}, 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 });
+		};
+		z(() => m.reload, () => X()), z(() => m.endpoint, () => {
+			F.value = 1, I.value = ee(), X();
+		});
+		let Z = (e, t) => {
+			let n = mt(e, t.name);
+			if (n == null || n === "") return "";
+			switch (t.format) {
+				case "date": return r.formatDate(n, "ll");
+				case "datetime": return r.formatDate(n);
+				case "number": return r.formatNumber(n);
+				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) => {
+			if (e.handler) return e.handler(t);
+			if (e.emit) {
+				v("action", e.emit, t), v(e.emit, t);
+				return;
+			}
+			if (e.link) return w(Se(e.link, t));
+			if (e.url) {
+				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");
+					return;
+				}
+				try {
+					let t = await n.doPost(i, e.data);
+					r.showToast(t.data?.message ?? "Action successful"), X();
+				} 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);
+		}, 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));
+			e.handler?.(t), $.value = [];
+		}, ke = l(() => T.value.length + +!!Q.value.length + +!!m.actions.length);
+		return s({
+			reload: () => X(),
+			records: J
+		}), (t, n) => (E(), f("div", { class: x(N(y).wrapper) }, [
+			e.searchable || e.hasRange ? (E(), f("div", {
+				key: 0,
+				class: x(N(y).toolbar)
+			}, [e.searchable ? (E(), f("div", Tt, [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", {
+				key: 0,
+				class: x(N(y).exactLabel)
+			}, [V(p("input", {
+				"onUpdate:modelValue": n[1] ||= (e) => B.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", {
+				key: 1,
+				class: x(N(y).rangeWrapper)
+			}, [
+				V(p("input", {
+					"onUpdate:modelValue": n[3] ||= (e) => G.value = e,
+					type: "date",
+					class: x(N(y).rangeInput),
+					onChange: me
+				}, null, 34), [[L, G.value]]),
+				n[11] ||= p("span", { class: "text-xs text-gray-400" }, "to", -1),
+				V(p("input", {
+					"onUpdate:modelValue": n[4] ||= (e) => K.value = e,
+					type: "date",
+					class: x(N(y).rangeInput),
+					onChange: me
+				}, null, 34), [[L, K.value]])
+			], 2)) : d("", !0)], 2)) : d("", !0),
+			N(Y) ? (E(), f("div", {
+				key: 1,
+				class: x(N(y).offline)
+			}, [...n[12] ||= [p("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				class: "size-4",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				"stroke-width": "1.5"
+			}, [p("path", {
+				"stroke-linecap": "round",
+				"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", {
+				key: 2,
+				class: x(N(y).error)
+			}, M(N(se)), 3)) : N(oe) === "loading" && !N(J).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", {
+						key: 0,
+						class: x([N(y).th, "w-10"])
+					}, [p("input", {
+						type: "checkbox",
+						class: x(N(y).checkbox),
+						checked: Te.value,
+						onChange: Ee
+					}, null, 42, Dt)], 2)) : d("", !0),
+					(E(!0), f(o, null, k(T.value, (e) => (E(), f("th", {
+						key: e.name,
+						class: x(N(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", kt, M(W.value === "desc" ? "↓" : "↑"), 1)) : d("", !0)], 10, Ot)) : (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", {
+					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", {
+					key: r.id ?? i,
+					class: x([N(y).tr, e.rowLink ? N(y).trClickable : ""]),
+					onClick: (e) => we(r)
+				}, [
+					Q.value.length ? (E(), f("td", {
+						key: 0,
+						class: x(N(y).td),
+						onClick: n[5] ||= H(() => {}, ["stop"])
+					}, [p("input", {
+						type: "checkbox",
+						class: x(N(y).checkbox),
+						checked: $.value.includes(r.id),
+						onChange: (e) => De(r.id)
+					}, null, 42, Nt)], 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])
+					}, [A(t.$slots, `cell-${e.name}`, {
+						row: r,
+						value: Z(r, e),
+						index: i
+					}, () => [e.component ? (E(), u(j(e.component), {
+						key: 0,
+						row: r,
+						value: N(mt)(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)),
+					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", {
+						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),
+				p("div", { class: x(N(y).cards) }, [N(J).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", {
+					key: r.id ?? i,
+					class: x([N(y).card, e.rowLink ? N(y).trClickable : ""]),
+					onClick: (e) => we(r)
+				}, [
+					Q.value.length ? (E(), f("label", {
+						key: 0,
+						class: x([N(y).exactLabel, "mb-2"]),
+						onClick: n[7] ||= H(() => {}, ["stop"])
+					}, [p("input", {
+						type: "checkbox",
+						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),
+					(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),
+						index: i
+					}, () => [e.component ? (E(), u(j(e.component), {
+						key: 0,
+						row: r,
+						value: N(mt)(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)),
+					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", {
+						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, {
+					key: 0,
+					meta: N(ae),
+					"per-page": I.value,
+					mode: re.value,
+					loading: N(oe) === "loading",
+					theme: N(y).pagination,
+					onPage: ge,
+					onPerPage: _e,
+					onLoadMore: ye
+				}, null, 8, [
+					"meta",
+					"per-page",
+					"mode",
+					"loading",
+					"theme"
+				])) : d("", !0)
+			], 64)),
+			$.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", {
+				key: e.label,
+				type: "button",
+				class: x([N(y).multiBtn, e.class]),
+				onClick: (t) => Oe(e)
+			}, M(e.label), 11, Ht))), 128)), p("button", {
+				type: "button",
+				class: x(N(y).multiBtn),
+				onClick: n[9] ||= (e) => $.value = []
+			}, "Cancel", 2)])], 2)) : d("", !0)
+		], 2));
+	}
+}, Wt = {
+	__name: "ShConfirmAction",
+	props: {
+		url: {
+			type: String,
+			required: !0
+		},
+		data: Object,
+		title: String,
+		message: String,
+		loadingMessage: {
+			type: String,
+			default: "Processing..."
+		},
+		successMessage: {
+			type: String,
+			default: "Action Successful"
+		},
+		failMessage: {
+			type: String,
+			default: "Action failed"
+		},
+		tag: {
+			type: String,
+			default: "button"
+		},
+		btnClass: String
+	},
+	emits: [
+		"success",
+		"failed",
+		"canceled",
+		"actionSuccessful",
+		"actionFailed",
+		"actionCanceled"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t, a = q("buttons"), s = O(!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");
+		};
+		function d() {
+			s.value = !0, r.runPlainRequest(n.url, n.message, n.title, n.data).then((e) => {
+				e.isConfirmed ? e.value?.success ? c(e.value.response) : l(e) : (s.value = !1, i("actionCanceled"), i("canceled"));
+			}).catch((e) => {
+				l(e);
+			});
+		}
+		return (t, n) => (E(), u(j(e.tag), {
+			class: x([e.btnClass ?? N(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 })]),
+			_: 3
+		}, 8, ["class"]));
+	}
+}, Gt = {
+	__name: "ShSilentAction",
+	props: {
+		url: {
+			type: String,
+			required: !0
+		},
+		data: Object,
+		method: {
+			type: String,
+			default: "POST"
+		},
+		loadingMessage: {
+			type: String,
+			default: "Processing"
+		},
+		successMessage: {
+			type: String,
+			default: "Action Successful"
+		},
+		failMessage: {
+			type: String,
+			default: "Action failed"
+		},
+		disableSuccessMessage: Boolean,
+		tag: {
+			type: String,
+			default: "button"
+		},
+		btnClass: String
+	},
+	emits: [
+		"success",
+		"failed",
+		"actionSuccessful",
+		"actionFailed"
+	],
+	setup(e, { emit: t }) {
+		let i = e, a = t, s = q("buttons"), c = O(!1), l = {
+			GET: n.doGet,
+			POST: n.doPost,
+			PUT: n.doPut,
+			DELETE: n.doDelete
+		};
+		function d() {
+			c.value = !0, (l[i.method.toUpperCase()] ?? n.doPost)(i.url, i.data).then((e) => {
+				c.value = !1, a("actionSuccessful", e), a("success", e), i.disableSuccessMessage || r.showToast(e.data?.message ?? i.successMessage);
+			}).catch((e) => {
+				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" : ""]),
+			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 })]),
+			_: 3
+		}, 8, ["class"]));
+	}
+};
+//#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 };