hanap-labs 7.3.0 → 7.5.0

package/dist/chunks/{components-BLXC1TJU.js → components-jVa5T9J6.js}

@@ -110,19 +110,19 @@ function be(e) {
 function xe(e, t) {
 	e && (ve[e] = t);
 }
-function Se(e) {
+function U(e) {
 	delete ve[e];
 }
-function Ce() {
+function Se() {
 	return Object.freeze(Object.keys(ve).sort());
 }
 //#endregion
 //#region src/components/hl-icon/HLIcon.vue?vue&type=script&setup=true&lang.ts
-var we = [
+var Ce = [
 	"role",
 	"aria-label",
 	"aria-hidden"
-], Te = ["title", "innerHTML"], Ee = ["title"], De = /* @__PURE__ */ h({
+], we = ["title", "innerHTML"], Te = ["title"], Ee = /* @__PURE__ */ h({
 	name: "HLIcon",
 	__name: "HLIcon",
 	props: {
@@ -260,24 +260,24 @@ var we = [
 			class: "hl-icon__svg hl-inline-flex hl-size-full",
 			title: e.title || void 0,
 			innerHTML: p.value
-		}, null, 8, Te)) : (k(), l("span", {
+		}, null, 8, we)) : (k(), l("span", {
 			key: 1,
 			class: "hl-inline-flex hl-size-full hl-items-center hl-justify-center hl-rounded hl-border hl-border-solid hl-border-danger hl-text-[10px] hl-text-danger",
 			title: `Icon '${e.name}' is not found`
-		}, " ? ", 8, Ee))], 14, we));
+		}, " ? ", 8, Te))], 14, Ce));
 	}
-}), Oe = (e, t) => {
+}), De = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, U = /* @__PURE__ */ Oe(De, [["__scopeId", "data-v-db47f9a8"]]), ke = {
+}, W = /* @__PURE__ */ De(Ee, [["__scopeId", "data-v-db47f9a8"]]), Oe = {
 	"aria-label": "Breadcrumb",
 	class: "hanap-labs-theme hanap-labs-font"
-}, Ae = { class: "hl-flex hl-items-center hl-text-sm" }, je = {
+}, ke = { class: "hl-flex hl-items-center hl-text-sm" }, Ae = {
 	key: 1,
 	class: "hl-mx-1 hl-theme-text-muted",
 	"aria-hidden": "true"
-}, Me = ["href"], Ne = /* @__PURE__ */ h({
+}, je = ["href"], Me = /* @__PURE__ */ h({
 	name: "HLBreadcrumb",
 	__name: "HLBreadcrumb",
 	props: {
@@ -312,17 +312,17 @@ var we = [
 			dark: "hover:hl-theme-hover-text",
 			muted: "hover:hl-text-muted"
 		}, i = o(() => e.activeColor ? t[e.activeColor] : "hl-theme-text"), a = o(() => e.activeColor ? n[e.activeColor] : "hl-theme-hover-text");
-		return (t, n) => (k(), l("nav", ke, [u("ol", Ae, [(k(!0), l(r, null, N(e.items, (t, n) => (k(), l("li", {
+		return (t, n) => (k(), l("nav", Oe, [u("ol", ke, [(k(!0), l(r, null, N(e.items, (t, n) => (k(), l("li", {
 			key: `${n}-${t.label}-${t.href ?? ""}`,
 			class: "hl-flex hl-items-center"
-		}, [n > 0 ? (k(), l(r, { key: 0 }, [e.separatorType === "icon" ? (k(), s(U, {
+		}, [n > 0 ? (k(), l(r, { key: 0 }, [e.separatorType === "icon" ? (k(), s(W, {
 			key: 0,
 			name: e.separatorIconName,
 			size: "16px",
 			color: "muted",
 			class: "hl-mx-1",
 			decorative: ""
-		}, null, 8, ["name"])) : (k(), l("span", je, I(e.separator), 1))], 64)) : c("", !0), t.href && e.linkComponent ? (k(), s(F(e.linkComponent), {
+		}, null, 8, ["name"])) : (k(), l("span", Ae, I(e.separator), 1))], 64)) : c("", !0), t.href && e.linkComponent ? (k(), s(F(e.linkComponent), {
 			key: 1,
 			to: t.href,
 			class: C(["hl-theme-text hl-no-underline hl-transition-colors hover:hl-no-underline", a.value])
@@ -333,12 +333,12 @@ var we = [
 			key: 2,
 			href: t.href,
 			class: C(["hl-theme-text hl-no-underline hl-transition-colors hover:hl-no-underline", a.value])
-		}, I(t.label), 11, Me)) : (k(), l("span", {
+		}, I(t.label), 11, je)) : (k(), l("span", {
 			key: 3,
 			class: C(["hl-font-semibold", t.isActive ? i.value : "hl-theme-text"])
 		}, I(t.label), 3))]))), 128))])]));
 	}
-}), W = {
+}), Ne = {
 	dashboardLabel: "Home",
 	routeNameMap: {},
 	routeHrefMap: {},
@@ -348,26 +348,26 @@ var we = [
 	uuidPattern: /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,
 	uuidFallbackLabel: "Details"
 }, Pe = (e = {}) => ({
-	...W,
+	...Ne,
 	...e,
 	routeNameMap: {
-		...W.routeNameMap,
+		...Ne.routeNameMap,
 		...e.routeNameMap
 	},
 	routeHrefMap: {
-		...W.routeHrefMap,
+		...Ne.routeHrefMap,
 		...e.routeHrefMap
 	},
 	addLabelByParent: {
-		...W.addLabelByParent,
+		...Ne.addLabelByParent,
 		...e.addLabelByParent
 	},
 	createLabelByRootSegment: {
-		...W.createLabelByRootSegment,
+		...Ne.createLabelByRootSegment,
 		...e.createLabelByRootSegment
 	},
 	pathOverrides: {
-		...W.pathOverrides,
+		...Ne.pathOverrides,
 		...e.pathOverrides
 	}
 }), Fe = (e) => {
@@ -428,7 +428,7 @@ var ze = [
 ], Be = ["src", "alt"], Ve = {
 	key: 1,
 	class: "hl-box-border hl-whitespace-nowrap hl-truncate"
-}, G = /* @__PURE__ */ h({
+}, He = /* @__PURE__ */ h({
 	name: "HLAvatar",
 	__name: "HLAvatar",
 	props: {
@@ -535,7 +535,7 @@ var ze = [
 			class: "hl-box-border hl-size-full hl-rounded-full hl-object-cover"
 		}, null, 8, Be)) : (k(), l("span", Ve, I(p.value), 1))], 6)], 10, ze));
 	}
-}), K = "hl-bg-transparent hl-border hl-border-solid", He = /* @__PURE__ */ h({
+}), G = "hl-bg-transparent hl-border hl-border-solid", Ue = /* @__PURE__ */ h({
 	name: "HLBadge",
 	__name: "HLBadge",
 	props: {
@@ -563,16 +563,16 @@ var ze = [
 			dark: "hl-bg-dark hl-text-badge-dark",
 			muted: "hl-bg-muted hl-text-badge-muted"
 		}, n = {
-			primary: `${K} hl-text-badge-outline-primary hl-border-primary`,
-			secondary: `${K} hl-text-badge-outline-secondary hl-border-secondary`,
-			tertiary: `${K} hl-text-badge-outline-tertiary hl-border-tertiary`,
-			success: `${K} hl-text-badge-outline-success hl-border-success`,
-			danger: `${K} hl-text-badge-outline-danger hl-border-danger`,
-			warning: `${K} hl-text-badge-outline-warning hl-border-warning`,
-			info: `${K} hl-text-badge-outline-info hl-border-info`,
-			light: `${K} hl-text-badge-outline-light hl-border-light`,
-			dark: `${K} hl-text-badge-outline-dark hl-border-dark`,
-			muted: `${K} hl-text-badge-outline-muted hl-border-muted`
+			primary: `${G} hl-text-badge-outline-primary hl-border-primary`,
+			secondary: `${G} hl-text-badge-outline-secondary hl-border-secondary`,
+			tertiary: `${G} hl-text-badge-outline-tertiary hl-border-tertiary`,
+			success: `${G} hl-text-badge-outline-success hl-border-success`,
+			danger: `${G} hl-text-badge-outline-danger hl-border-danger`,
+			warning: `${G} hl-text-badge-outline-warning hl-border-warning`,
+			info: `${G} hl-text-badge-outline-info hl-border-info`,
+			light: `${G} hl-text-badge-outline-light hl-border-light`,
+			dark: `${G} hl-text-badge-outline-dark hl-border-dark`,
+			muted: `${G} hl-text-badge-outline-muted hl-border-muted`
 		}, i = {
 			xs: "hl-px-1.5 hl-py-0.5 hl-text-[10px]",
 			sm: "hl-px-2 hl-py-0.5 hl-text-xs",
@@ -583,7 +583,7 @@ var ze = [
 			sm: "hl-rounded-md",
 			md: "hl-rounded-md",
 			lg: "hl-rounded-lg"
-		}, c = re(), u = o(() => c.default !== void 0), d = o(() => e.color ? e.variant === "outline" ? n[e.color] : t[e.color] : e.variant === "outline" ? `${K} hl-theme-border hl-theme-text` : "hl-bg-transparent hl-theme-text"), p = o(() => i[e.size]), m = o(() => e.rounded ? "hl-rounded-full" : a[e.size]);
+		}, c = re(), u = o(() => c.default !== void 0), d = o(() => e.color ? e.variant === "outline" ? n[e.color] : t[e.color] : e.variant === "outline" ? `${G} hl-theme-border hl-theme-text` : "hl-bg-transparent hl-theme-text"), p = o(() => i[e.size]), m = o(() => e.rounded ? "hl-rounded-full" : a[e.size]);
 		return (t, n) => (k(), s(F(e.tag), {
 			class: C(["hanap-labs-theme hanap-labs-font hl-inline-flex hl-items-center hl-justify-center hl-font-medium", [
 				d.value,
@@ -596,7 +596,7 @@ var ze = [
 			_: 3
 		}, 8, ["class", "aria-label"]));
 	}
-}), Ue = ["type", "disabled"], We = {
+}), K = ["type", "disabled"], We = {
 	key: 1,
 	class: "hl-inline-flex hl-items-center hl-justify-center",
 	"aria-hidden": "true"
@@ -693,14 +693,14 @@ var ze = [
 		}), [t.$slots.icon && !e.loading ? (k(), l("span", {
 			key: 0,
 			class: C(["hl-inline-flex hl-items-center hl-justify-center", e.iconPosition === "right" ? "hl-order-2" : "hl-order-1"])
-		}, [P(t.$slots, "icon")], 2)) : c("", !0), e.loading ? (k(), l("span", We, [p(U, {
+		}, [P(t.$slots, "icon")], 2)) : c("", !0), e.loading ? (k(), l("span", We, [p(W, {
 			name: "spinner",
 			size: 16,
 			class: "hl-animate-spin"
 		})])) : e.iconOnly ? c("", !0) : (k(), l("span", {
 			key: 2,
 			class: C(["hl-inline-flex hl-items-center hl-justify-center", e.iconPosition === "right" && t.$slots.icon ? "hl-order-1" : "hl-order-2"])
-		}, [P(t.$slots, "default", {}, () => [f(I(e.label), 1)])], 2))], 16, Ue));
+		}, [P(t.$slots, "default", {}, () => [f(I(e.label), 1)])], 2))], 16, K));
 	}
 }), Ge = /* @__PURE__ */ h({
 	name: "HLCard",
@@ -773,10 +773,10 @@ var ze = [
 	"aria-labelledby",
 	"disabled",
 	"data-checked"
-], Y = {
+], Qe = {
 	key: 1,
 	class: "hl-sr-only"
-}, Qe = ["id", "disabled"], $e = "hl-bg-light", et = "hl-bg-primary", tt = /* @__PURE__ */ Oe(/* @__PURE__ */ h({
+}, $e = ["id", "disabled"], et = "hl-bg-light", Y = "hl-bg-primary", tt = /* @__PURE__ */ De(/* @__PURE__ */ h({
 	name: "HLCheckbox",
 	__name: "HLCheckbox",
 	props: /* @__PURE__ */ b({
@@ -856,7 +856,7 @@ var ze = [
 			light: "dark",
 			dark: "light",
 			muted: "light"
-		}, v = (e) => typeof e == "string" && Object.prototype.hasOwnProperty.call(h, e), y = o(() => d[e.size]), b = o(() => m[e.size]), x = o(() => e.indeterminate && !t.value), S = o(() => x.value ? "mixed" : t.value), w = o(() => x.value ? "hl-bg-primary-20 hl-border-primary" : v(e.color) ? t.value ? h[e.color] : g[e.color] : t.value ? et : $e), T = o(() => {
+		}, v = (e) => typeof e == "string" && Object.prototype.hasOwnProperty.call(h, e), y = o(() => d[e.size]), b = o(() => m[e.size]), x = o(() => e.indeterminate && !t.value), S = o(() => x.value ? "mixed" : t.value), w = o(() => x.value ? "hl-bg-primary-20 hl-border-primary" : v(e.color) ? t.value ? h[e.color] : g[e.color] : t.value ? Y : et), T = o(() => {
 			if (x.value) return "primary";
 			if (t.value) return v(e.color) ? _[e.color] : "light";
 			if (v(e.color)) return e.color;
@@ -871,7 +871,7 @@ var ze = [
 			"data-checked": t.value || void 0,
 			class: C(["hanap-labs-font hl-no-focus-ring hl-inline-flex hl-w-full hl-appearance-none hl-border-0 hl-items-start hl-gap-3 hl-rounded-md hl-bg-transparent hl-text-left hl-transition-all hl-duration-300", e.disabled ? "hl-cursor-not-allowed hl-opacity-50" : "hl-cursor-pointer"]),
 			onClick: c
-		}, [u("span", { class: C(["hl-mt-0.5 hl-inline-flex hl-shrink-0 hl-items-center hl-justify-center hl-overflow-hidden hl-rounded hl-leading-none hl-transition-colors hl-duration-300", [y.value, w.value]]) }, [p(U, {
+		}, [u("span", { class: C(["hl-mt-0.5 hl-inline-flex hl-shrink-0 hl-items-center hl-justify-center hl-overflow-hidden hl-rounded hl-leading-none hl-transition-colors hl-duration-300", [y.value, w.value]]) }, [p(W, {
 			name: "check",
 			size: b.value,
 			color: T.value,
@@ -898,13 +898,13 @@ var ze = [
 			"size",
 			"label-class",
 			"description-class"
-		])) : (k(), l("span", Y, "toggle checkbox"))], 10, Ze), ue(u("input", {
+		])) : (k(), l("span", Qe, "toggle checkbox"))], 10, Ze), ue(u("input", {
 			id: r.value,
 			"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
 			type: "checkbox",
 			class: "hl-sr-only",
 			disabled: e.disabled
-		}, null, 8, Qe), [[ae, t.value]])]));
+		}, null, 8, $e), [[ae, t.value]])]));
 	}
 }), [["__scopeId", "data-v-a03b1742"]]), nt = { class: "hanap-labs-theme hanap-labs-font hl-w-full" }, rt = { class: "hl-relative" }, it = {
 	key: 0,
@@ -931,7 +931,7 @@ var ze = [
 }, st = ["aria-label", "aria-pressed"], ct = ["id"], lt = {
 	key: 0,
 	class: "hl-text-xs hl-input-error-theme"
-}, ut = /* @__PURE__ */ Oe(/* @__PURE__ */ h({
+}, ut = /* @__PURE__ */ De(/* @__PURE__ */ h({
 	name: "HLInput",
 	__name: "HLInput",
 	props: /* @__PURE__ */ b({
@@ -1099,7 +1099,7 @@ var ze = [
 					onInput: a[3] ||= (e) => i("input"),
 					onChange: a[4] ||= (e) => i("change")
 				}, null, 46, at), [[oe, n.value]]),
-				e.loading ? (k(), l("div", ot, [p(U, {
+				e.loading ? (k(), l("div", ot, [p(W, {
 					name: "spinner",
 					size: 20,
 					class: "hl-animate-spin",
@@ -1110,7 +1110,7 @@ var ze = [
 					class: "hl-absolute hl-inset-y-0 hl-right-0 hl-flex hl-items-center hl-pr-3 hl-appearance-none hl-border-0 hl-bg-transparent hl-p-0 hl-theme-text-muted hover:hl-text-primary hl-no-focus-ring hl-cursor-pointer",
 					"aria-label": "Clear value",
 					onClick: S
-				}, [p(U, {
+				}, [p(W, {
 					name: "x-mark",
 					size: 16,
 					decorative: !0,
@@ -1122,7 +1122,7 @@ var ze = [
 					"aria-label": g.value ? "Hide password" : "Show password",
 					"aria-pressed": g.value,
 					onClick: b
-				}, [p(U, {
+				}, [p(W, {
 					name: g.value ? "hide" : "view",
 					size: 18,
 					decorative: !0,
@@ -1440,7 +1440,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			"aria-haspopup": "menu",
 			onClick: O
 		}, {
-			icon: V(() => [t.$slots.trigger ? P(t.$slots, "trigger", { key: 0 }) : (k(), s(U, {
+			icon: V(() => [t.$slots.trigger ? P(t.$slots, "trigger", { key: 0 }) : (k(), s(W, {
 				key: 1,
 				name: "three-dots",
 				class: "hl-size-5",
@@ -1474,7 +1474,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			onClick: (e) => A(t)
 		}, d({ _: 2 }, [t.icon && !t.loading ? {
 			name: "icon",
-			fn: V(() => [p(U, {
+			fn: V(() => [p(W, {
 				name: t.icon,
 				size: 18,
 				decorative: !0
@@ -1491,7 +1491,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 }), Ft = { class: "hl-min-w-0 hl-flex-1 hl-self-center hl-flex hl-flex-col hl-gap-0.5" }, It = { class: "hl-m-0 hl-truncate hl-text-[15px] hl-font-semibold hl-leading-[1.2] hl-theme-text" }, Lt = ["innerHTML"], Rt = {
 	key: 1,
 	class: "hl-m-0 hl-break-words hl-text-sm hl-leading-[1.35] hl-theme-text-subtle"
-}, zt = { class: "hl-relative hl-size-8 hl-shrink-0" }, Bt = /* @__PURE__ */ Oe(/* @__PURE__ */ h({
+}, zt = { class: "hl-relative hl-size-8 hl-shrink-0" }, Bt = /* @__PURE__ */ De(/* @__PURE__ */ h({
 	name: "HLNotifyToast",
 	__name: "HLNotifyToast",
 	props: {
@@ -1584,7 +1584,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			u("div", {
 				class: "hl-flex hl-size-9 hl-shrink-0 hl-items-center hl-justify-center hl-rounded-full",
 				style: w(a.value.iconWrapperStyle)
-			}, [p(U, {
+			}, [p(W, {
 				name: a.value.iconName,
 				color: a.value.iconColor,
 				class: C(a.value.iconSizeClass),
@@ -1618,7 +1618,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				"aria-label": "close notification",
 				onClick: m
 			}, {
-				icon: V(() => [p(U, {
+				icon: V(() => [p(W, {
 					name: "x-mark",
 					class: "!hl-size-4",
 					decorative: !0
@@ -1766,7 +1766,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				default: V(() => [m.value ? (k(), l("div", {
 					key: 0,
 					class: C(["hl-relative hl-z-10 hl-flex hl-w-full hl-items-start hl-justify-center hl-px-4 hl-pointer-events-none", e.containerClass])
-				}, [u("div", $t, [e.type === "confirm" ? (k(), l("div", en, [u("div", tn, [E.value ? (k(), l("div", nn, [E.value ? (k(), s(U, {
+				}, [u("div", $t, [e.type === "confirm" ? (k(), l("div", en, [u("div", tn, [E.value ? (k(), l("div", nn, [E.value ? (k(), s(W, {
 					key: 0,
 					name: w.value,
 					source: T.value,
@@ -2028,14 +2028,14 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			dark: "light",
 			muted: "light"
 		};
-		function Se(e) {
+		function U(e) {
 			return typeof e == "string" && Object.prototype.hasOwnProperty.call(he, e);
 		}
-		function Ce(e) {
+		function Se(e) {
 			return e instanceof HTMLElement ? e : e && "$el" in e && e.$el instanceof HTMLElement ? e.$el : null;
 		}
-		function we(e) {
-			let t = Ce(e);
+		function Ce(e) {
+			let t = Se(e);
 			if (!t) {
 				g.value = null;
 				return;
@@ -2046,157 +2046,167 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			}
 			g.value = t.querySelector("input");
 		}
-		function Te(e) {
+		function we(e) {
 			return Object.prototype.toString.call(e) === "[object Object]";
 		}
-		function Ee(e, t) {
+		function Te(e, t) {
 			if (e === t) return !0;
-			if (Array.isArray(e) && Array.isArray(t)) return e.length === t.length ? e.every((e, n) => Ee(e, t[n])) : !1;
-			if (Te(e) && Te(t)) {
+			if (Array.isArray(e) && Array.isArray(t)) return e.length === t.length ? e.every((e, n) => Te(e, t[n])) : !1;
+			if (we(e) && we(t)) {
 				let n = Object.keys(e), r = Object.keys(t);
-				return n.length === r.length ? n.every((n) => Ee(e[n], t[n])) : !1;
+				return n.length === r.length ? n.every((n) => Te(e[n], t[n])) : !1;
 			}
 			return !1;
 		}
-		function De(e, t) {
+		function Ee(e) {
+			return we(e) && "label" in e && typeof e.label == "string" && "value" in e;
+		}
+		function De(e) {
+			return e === null ? null : Array.isArray(e) ? e.map((e) => Ee(e) ? e.value : e) : Ee(e) ? e.value : e;
+		}
+		function Oe(e, t) {
 			return Object.keys(t).every((n) => {
 				if (!(n in e)) return !1;
 				let r = e[n], i = t[n];
-				return Te(r) && Te(i) ? De(r, i) : Ee(r, i);
+				return we(r) && we(i) ? Oe(r, i) : Te(r, i);
 			});
 		}
-		function Oe(e, t) {
-			return Ee(e, t) ? !0 : Te(e) && Te(t) ? De(t, e) : !1;
+		function ke(e, t) {
+			return Te(e, t) ? !0 : we(e) && we(t) ? Oe(t, e) : !1;
 		}
-		function ke(e) {
-			return Array.isArray(e) ? `[${e.map((e) => ke(e)).join(",")}]` : Te(e) ? `{${Object.keys(e).sort().map((t) => `${t}:${ke(e[t])}`).join(",")}}` : String(e);
+		function Ae(e) {
+			return Array.isArray(e) ? `[${e.map((e) => Ae(e)).join(",")}]` : we(e) ? `{${Object.keys(e).sort().map((t) => `${t}:${Ae(e[t])}`).join(",")}}` : String(e);
 		}
-		function Ae(e, t) {
-			return `${e.label}-${ke(e.value)}-${t}`;
+		function je(e, t) {
+			return `${e.label}-${Ae(e.value)}-${t}`;
 		}
-		function je(e) {
+		function Me(e) {
 			return `${fe.value}-option-${e}`;
 		}
-		let Me = o(() => {
+		let Ne = o(() => {
 			let t = /* @__PURE__ */ new Map();
-			for (let n of [...e.options, ...v.value]) t.set(ke(n.value), n);
+			for (let n of [...e.options, ...v.value]) t.set(Ae(n.value), n);
 			return Array.from(t.values());
-		}), Ne = o(() => e.multiple ? Array.isArray(d.value) ? d.value : [] : d.value === null ? [] : [d.value]), W = o(() => Me.value.filter((e) => Ne.value.some((t) => Oe(e.value, t)))), Pe = o(() => Number.isFinite(e.maxVisiblePills) ? Math.max(0, Math.floor(e.maxVisiblePills)) : 1), Fe = o(() => e.multiple ? W.value.slice(0, Pe.value) : []), Ie = o(() => e.multiple ? Math.max(0, W.value.length - Fe.value.length) : 0), Le = o(() => Ne.value.length > 0), Re = o(() => !!e.error || e.errors.length > 0), ze = o(() => e.multiple ? W.value.length === 0 ? e.placeholder : W.value.length === 1 ? W.value[0].label : `${W.value.length} selected` : W.value[0]?.label ?? e.placeholder), Be = o(() => me[e.size]), Ve = o(() => {
+		}), Pe = (e) => Ee(e) ? e.value : e, Fe = o(() => {
+			let t = d.value;
+			return e.multiple ? Array.isArray(t) ? t.map(Pe) : [] : t === null ? [] : [Pe(t)];
+		}), Ie = o(() => Ne.value.filter((e) => Fe.value.some((t) => ke(e.value, t)))), Le = o(() => Number.isFinite(e.maxVisiblePills) ? Math.max(0, Math.floor(e.maxVisiblePills)) : 1), Re = o(() => e.multiple ? Ie.value.slice(0, Le.value) : []), ze = o(() => e.multiple ? Math.max(0, Ie.value.length - Re.value.length) : 0), Be = o(() => Fe.value.length > 0), Ve = o(() => !!e.error || e.errors.length > 0), He = o(() => e.multiple ? Ie.value.length === 0 ? e.placeholder : Ie.value.length === 1 ? Ie.value[0].label : `${Ie.value.length} selected` : Ie.value[0]?.label ?? e.placeholder), G = o(() => me[e.size]), Ue = o(() => {
 			let e = _.value.trim().toLowerCase();
-			return e ? Me.value.filter((t) => t.label.toLowerCase().includes(e)) : Me.value;
-		}), G = o(() => {
-			if (!e.multiple) return Ve.value;
+			return e ? Ne.value.filter((t) => t.label.toLowerCase().includes(e)) : Ne.value;
+		}), K = o(() => {
+			if (!e.multiple) return Ue.value;
 			let t = [], n = [];
-			for (let e of Ve.value) Y(e) ? t.push(e) : n.push(e);
+			for (let e of Ue.value) Y(e) ? t.push(e) : n.push(e);
 			return [...t, ...n];
-		}), K = o(() => {
+		}), We = o(() => {
 			if (!e.multiple) return -1;
-			let t = G.value.filter((e) => Y(e)).length;
-			return t > 0 && t < G.value.length ? t : -1;
-		}), He = o(() => ({
+			let t = K.value.filter((e) => Y(e)).length;
+			return t > 0 && t < K.value.length ? t : -1;
+		}), q = o(() => ({
 			...te.value,
 			width: y.value > 0 ? `${y.value}px` : void 0,
 			zIndex: 60
-		})), Ue = o(() => {
+		})), J = o(() => {
 			let t = _.value.trim();
-			return !e.allowCreateWhenNoMatch || !t || Ve.value.length > 0 ? !1 : !Me.value.some((e) => e.label.toLowerCase() === t.toLowerCase());
-		}), We = o(() => {
-			if (!(b.value < 0) && !(b.value >= G.value.length)) return je(b.value);
-		}), q = o(() => Se(e.color) ? he[e.color] : "hl-theme-border"), J = o(() => Se(e.color) ? ge[e.color] : "hl-theme-text"), Ge = o(() => Se(e.color) ? _e[e.color] : "hl-border-dark hl-bg-dark hl-text-white"), Ke = o(() => Se(e.color) ? _e[e.color] : "hl-theme-border hl-theme-bg-muted hl-theme-text"), qe = o(() => Se(e.color) ? ve[e.color] : "hl-theme-bg-muted hl-theme-border-strong"), Je = o(() => Se(e.color) ? ye[e.color] : "hover:hl-theme-bg-subtle"), Xe = o(() => Se(e.color) ? be[e.color] : "hl-theme-bg-muted"), Ze = o(() => {
-			if (Se(e.color)) return xe[e.color];
+			return !e.allowCreateWhenNoMatch || !t || Ue.value.length > 0 ? !1 : !Ne.value.some((e) => e.label.toLowerCase() === t.toLowerCase());
+		}), Ge = o(() => {
+			if (!(b.value < 0) && !(b.value >= K.value.length)) return Me(b.value);
+		}), Ke = o(() => U(e.color) ? he[e.color] : "hl-theme-border"), qe = o(() => U(e.color) ? ge[e.color] : "hl-theme-text"), Je = o(() => U(e.color) ? _e[e.color] : "hl-border-dark hl-bg-dark hl-text-white"), Xe = o(() => U(e.color) ? _e[e.color] : "hl-theme-border hl-theme-bg-muted hl-theme-text"), Ze = o(() => U(e.color) ? ve[e.color] : "hl-theme-bg-muted hl-theme-border-strong"), Qe = o(() => U(e.color) ? ye[e.color] : "hover:hl-theme-bg-subtle"), $e = o(() => U(e.color) ? be[e.color] : "hl-theme-bg-muted"), et = o(() => {
+			if (U(e.color)) return xe[e.color];
 		});
 		function Y(e) {
-			return Ne.value.some((t) => Oe(e.value, t));
+			return Fe.value.some((t) => ke(e.value, t));
 		}
-		function Qe(e) {
-			d.value = e, m("change", e);
+		function tt(e) {
+			let t = De(e);
+			d.value = t, m("change", t);
 		}
-		function $e() {
+		function nt() {
 			let e = [];
-			return G.value.forEach((t, n) => {
+			return K.value.forEach((t, n) => {
 				t.disabled || e.push(n);
 			}), e;
 		}
-		function et() {
+		function rt() {
 			if (!O.value || b.value < 0) return;
 			let e = `[data-option-index="${b.value}"]`, t = O.value.querySelector(e);
 			t instanceof HTMLElement && t.scrollIntoView({ block: "nearest" });
 		}
-		function tt(e) {
+		function it(e) {
 			b.value = e, S(() => {
-				et();
+				rt();
 			});
 		}
-		function nt() {
-			let e = $e();
+		function at() {
+			let e = nt();
 			if (e.length === 0) {
-				tt(-1);
+				it(-1);
 				return;
 			}
-			let t = G.value.findIndex((e) => !e.disabled && Y(e));
-			tt(t >= 0 ? t : e[0]);
+			let t = K.value.findIndex((e) => !e.disabled && Y(e));
+			it(t >= 0 ? t : e[0]);
 		}
-		function rt(e) {
-			let t = $e();
+		function ot(e) {
+			let t = nt();
 			if (t.length === 0) {
-				tt(-1);
+				it(-1);
 				return;
 			}
 			if (b.value < 0) {
-				tt(e === 1 ? t[0] : t[t.length - 1]);
+				it(e === 1 ? t[0] : t[t.length - 1]);
 				return;
 			}
 			let n = t.indexOf(b.value);
 			if (n < 0) {
-				tt(e === 1 ? t[0] : t[t.length - 1]);
+				it(e === 1 ? t[0] : t[t.length - 1]);
 				return;
 			}
-			tt(t[(n + e + t.length) % t.length]);
+			it(t[(n + e + t.length) % t.length]);
 		}
-		function it() {
+		function st() {
 			if (b.value < 0) return;
-			let e = G.value[b.value];
-			!e || e.disabled || at(e);
+			let e = K.value[b.value];
+			!e || e.disabled || ct(e);
 		}
-		function at(t) {
+		function ct(t) {
 			if (!(t.disabled || e.disabled)) {
 				if (e.multiple) {
-					let e = Array.isArray(d.value) ? [...d.value] : [];
-					Qe(e.some((e) => Oe(t.value, e)) ? e.filter((e) => !Oe(t.value, e)) : [...e, t.value]);
+					let e = (Array.isArray(d.value) ? d.value : []).map(Pe);
+					tt(e.some((e) => ke(t.value, e)) ? e.filter((e) => !ke(t.value, e)) : [...e, t.value]);
 					return;
 				}
-				Qe(t.value), M();
+				tt(t.value), M();
 			}
 		}
-		function ot() {
-			Qe(e.multiple ? [] : null), _.value = "", M();
+		function lt() {
+			tt(e.multiple ? [] : null), _.value = "", M();
 		}
-		function st(e) {
+		function dt(e) {
 			return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 		}
-		function ct() {
+		function ft() {
 			let t = _.value.trim();
-			if (!t || !Ue.value) return;
+			if (!t || !J.value) return;
 			let n = {
 				label: t,
-				value: st(t) || t.toLowerCase()
+				value: dt(t) || t.toLowerCase()
 			}, r = {
 				label: t,
 				value: n
 			};
 			if (v.value = [...v.value, r], m("create", n), e.multiple) {
-				Qe([...Array.isArray(d.value) ? [...d.value] : [], n]), _.value = "";
+				tt([...Array.isArray(d.value) ? [...d.value] : [], n]), _.value = "";
 				return;
 			}
-			Qe(n), _.value = "", M();
+			tt(n), _.value = "", M();
 		}
-		function lt() {
+		function pt() {
 			y.value = D.value?.offsetWidth ?? 0;
 		}
-		function dt() {
+		function mt() {
 			e.disabled || F();
 		}
-		function ft(t) {
+		function ht(t) {
 			if (!e.disabled) {
 				if (t.key === "Escape") {
 					M();
@@ -2207,7 +2217,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 						P();
 						return;
 					}
-					rt(1);
+					ot(1);
 					return;
 				}
 				if (t.key === "ArrowUp") {
@@ -2215,65 +2225,65 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 						P();
 						return;
 					}
-					rt(-1);
+					ot(-1);
 					return;
 				}
 				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), F());
 			}
 		}
-		function pt(e) {
+		function gt(e) {
 			if (e.key === "ArrowDown") {
-				e.preventDefault(), rt(1);
+				e.preventDefault(), ot(1);
 				return;
 			}
 			if (e.key === "ArrowUp") {
-				e.preventDefault(), rt(-1);
+				e.preventDefault(), ot(-1);
 				return;
 			}
 			if (e.key === "Enter") {
 				if (e.preventDefault(), b.value >= 0) {
-					it();
+					st();
 					return;
 				}
-				Ue.value && ct();
+				J.value && ft();
 				return;
 			}
 			e.key === "Escape" && (e.preventDefault(), M());
 		}
-		function mt(e) {
+		function _t(e) {
 			if (!A.value) return;
 			let t = e.target;
-			t instanceof Node && (O.value?.contains(t) ?? !1) && pt(e);
+			t instanceof Node && (O.value?.contains(t) ?? !1) && gt(e);
 		}
-		function ht(e) {
-			G.value[e]?.disabled || tt(e);
+		function vt(e) {
+			K.value[e]?.disabled || it(e);
 		}
-		function gt(e) {
+		function yt(e) {
 			let t = e.target, n = h.value?.contains(t) ?? !1, r = O.value?.contains(t) ?? !1;
 			!n && !r && M();
 		}
-		return n({ clearSelection: ot }), B(() => e.disabled, (e) => {
+		return n({ clearSelection: lt }), B(() => e.disabled, (e) => {
 			e && M();
 		}), B(A, async (e) => {
 			if (e) {
-				m("open"), await S(), lt(), await L(), nt(), g.value?.focus({ preventScroll: !0 });
+				m("open"), await S(), pt(), await L(), at(), g.value?.focus({ preventScroll: !0 });
 				return;
 			}
 			m("close"), _.value = "", b.value = -1;
-		}), B(G, () => {
+		}), B(K, () => {
 			if (A.value) {
-				if (b.value < 0 || b.value >= G.value.length || G.value[b.value]?.disabled) {
-					nt();
+				if (b.value < 0 || b.value >= K.value.length || K.value[b.value]?.disabled) {
+					at();
 					return;
 				}
 				S(() => {
-					et();
+					rt();
 				});
 			}
 		}), E(() => {
-			lt(), window.addEventListener("hl-resize", lt), document.addEventListener("pointerdown", gt), document.addEventListener("keydown", mt, !0);
+			pt(), window.addEventListener("hl-resize", pt), document.addEventListener("pointerdown", yt), document.addEventListener("keydown", _t, !0);
 		}), T(() => {
-			window.removeEventListener("hl-resize", lt), document.removeEventListener("pointerdown", gt), document.removeEventListener("keydown", mt, !0);
+			window.removeEventListener("hl-resize", pt), document.removeEventListener("pointerdown", yt), document.removeEventListener("keydown", _t, !0);
 		}), (t, n) => (k(), l("div", {
 			ref_key: "rootRef",
 			ref: h,
@@ -2299,12 +2309,12 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 					ref: R(re).ref,
 					type: "button",
 					class: C(["hl-control-bg hl-flex hl-w-full hl-items-center hl-gap-1 hl-border hl-border-solid hl-text-left hl-leading-tight hl-transition-colors hl-duration-300 hl-no-focus-ring disabled:hl-cursor-not-allowed disabled:hl-opacity-60 hl-rounded-lg hl-cursor-pointer", [
-						Be.value,
+						G.value,
 						e.inputClass,
-						Re.value ? "hl-input-error-border-theme focus:hl-input-error-border-theme" : q.value,
+						Ve.value ? "hl-input-error-border-theme focus:hl-input-error-border-theme" : Ke.value,
 						{
-							"hl-theme-text": Le.value,
-							"hl-theme-text-muted": !Le.value,
+							"hl-theme-text": Be.value,
+							"hl-theme-text-muted": !Be.value,
 							"hl-border-0 focus:hl-border-0": e.noBorder
 						}
 					]]),
@@ -2313,24 +2323,24 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 					"aria-controls": fe.value,
 					"aria-labelledby": e.label ? pe.value : void 0,
 					"aria-haspopup": "listbox",
-					onClick: dt,
-					onKeydown: ft
-				}, [u("span", yn, [e.multiple && W.value.length > 0 ? (k(), l("span", bn, [(k(!0), l(r, null, N(Fe.value, (e, t) => (k(), l("span", {
-					key: Ae(e, t),
-					class: C(["hl-inline-flex hl-min-w-0 hl-items-center hl-rounded hl-border hl-border-solid hl-px-1.5 hl-py-0.5 hl-text-xs", Ke.value]),
+					onClick: mt,
+					onKeydown: ht
+				}, [u("span", yn, [e.multiple && Ie.value.length > 0 ? (k(), l("span", bn, [(k(!0), l(r, null, N(Re.value, (e, t) => (k(), l("span", {
+					key: je(e, t),
+					class: C(["hl-inline-flex hl-min-w-0 hl-items-center hl-rounded hl-border hl-border-solid hl-px-1.5 hl-py-0.5 hl-text-xs", Xe.value]),
 					onMouseenter: (t) => le(t, e),
 					onMouseleave: V
-				}, [u("span", Sn, I(e.label), 1)], 42, xn))), 128)), Ie.value > 0 ? (k(), l("span", Cn, " +" + I(Ie.value) + " more ", 1)) : c("", !0)])) : (k(), l(r, { key: 1 }, [f(I(ze.value), 1)], 64))]), u("span", wn, [Le.value && !e.disabled ? (k(), l("button", {
+				}, [u("span", Sn, I(e.label), 1)], 42, xn))), 128)), ze.value > 0 ? (k(), l("span", Cn, " +" + I(ze.value) + " more ", 1)) : c("", !0)])) : (k(), l(r, { key: 1 }, [f(I(He.value), 1)], 64))]), u("span", wn, [Be.value && !e.disabled ? (k(), l("button", {
 					key: 0,
 					type: "button",
 					class: "hl-theme-hover-text hl-flex hl-items-center hl-px-1 hl-theme-text-muted hl-appearance-none hl-border-0 hl-bg-transparent hl-no-focus-ring hl-cursor-pointer",
 					"aria-label": "Clear selection",
-					onClick: de(ot, ["stop"])
-				}, [p(U, {
+					onClick: de(lt, ["stop"])
+				}, [p(W, {
 					name: "x-mark",
 					size: 14,
 					decorative: !0
-				})])) : c("", !0), u("span", { class: C(["hl-pointer-events-none hl-flex hl-items-center hl-theme-text-muted hl-transition-transform hl-duration-150", { "hl-rotate-180": R(A) }]) }, [p(U, {
+				})])) : c("", !0), u("span", { class: C(["hl-pointer-events-none hl-flex hl-items-center hl-theme-text-muted hl-transition-transform hl-duration-150", { "hl-rotate-180": R(A) }]) }, [p(W, {
 					name: "chevron-up-down",
 					size: 20,
 					decorative: !0
@@ -2339,13 +2349,13 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 					key: 0,
 					ref: R(ie).ref,
 					class: "hanap-labs-theme hanap-labs-font hl-theme-bg hl-theme-border hl-rounded-md hl-border hl-border-solid hl-shadow-none",
-					style: w(He.value),
+					style: w(q.value),
 					id: fe.value,
 					role: "listbox",
 					"aria-labelledby": H.value,
-					"aria-activedescendant": We.value
+					"aria-activedescendant": Ge.value
 				}, [u("div", En, [p(ut, {
-					ref: we,
+					ref: Ce,
 					modelValue: _.value,
 					"onUpdate:modelValue": n[0] ||= (e) => _.value = e,
 					type: "search",
@@ -2354,9 +2364,9 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				}, null, 8, ["modelValue", "disabled"])]), u("div", {
 					class: "hl-overflow-y-auto hl-py-1",
 					style: w({ maxHeight: `${e.maxMenuHeight}px` })
-				}, [G.value.length > 0 ? (k(!0), l(r, { key: 0 }, N(G.value, (t, n) => (k(), l(r, { key: Ae(t, n) }, [K.value >= 0 && n === K.value ? (k(), l("div", Dn)) : c("", !0), u("button", {
+				}, [K.value.length > 0 ? (k(!0), l(r, { key: 0 }, N(K.value, (t, n) => (k(), l(r, { key: je(t, n) }, [We.value >= 0 && n === We.value ? (k(), l("div", Dn)) : c("", !0), u("button", {
 					type: "button",
-					id: je(n),
+					id: Me(n),
 					"data-option-index": n,
 					class: C(["hl-theme-bg hl-flex hl-w-full hl-items-center hl-justify-between hl-gap-2 hl-px-3 hl-py-2 hl-text-left hl-text-sm hl-transition-colors hl-appearance-none hl-border-0 hl-no-focus-ring", [
 						e.optionClass,
@@ -2366,36 +2376,36 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 							"hl-theme-text": !t.disabled && !Y(t),
 							"hl-font-medium": Y(t)
 						},
-						!t.disabled && Y(t) ? J.value : "",
-						t.disabled ? "" : Je.value,
-						!t.disabled && b.value === n ? Xe.value : ""
+						!t.disabled && Y(t) ? qe.value : "",
+						t.disabled ? "" : Qe.value,
+						!t.disabled && b.value === n ? $e.value : ""
 					]]),
 					"aria-selected": Y(t),
 					disabled: t.disabled,
-					onMouseenter: (e) => ht(n),
-					onClick: (e) => at(t)
+					onMouseenter: (e) => vt(n),
+					onClick: (e) => ct(t)
 				}, [u("span", kn, [e.multiple ? (k(), l("span", {
 					key: 0,
-					class: C(["hl-theme-border hl-inline-flex hl-shrink-0 hl-items-center hl-justify-center hl-overflow-hidden hl-rounded hl-border hl-border-solid hl-leading-none hl-transition-colors hl-duration-300 hl-size-4", Y(t) ? Ge.value : qe.value])
-				}, [p(U, {
+					class: C(["hl-theme-border hl-inline-flex hl-shrink-0 hl-items-center hl-justify-center hl-overflow-hidden hl-rounded hl-border hl-border-solid hl-leading-none hl-transition-colors hl-duration-300 hl-size-4", Y(t) ? Je.value : Ze.value])
+				}, [p(W, {
 					name: "check",
 					size: 12,
-					color: Y(t) ? Ze.value : void 0,
+					color: Y(t) ? et.value : void 0,
 					class: C(["hl-transition-opacity hl-duration-300", [Y(t) ? "hl-opacity-100" : "hl-opacity-0"]]),
 					decorative: !0
 				}, null, 8, ["color", "class"])], 2)) : c("", !0), u("span", An, [u("span", jn, I(t.label), 1), t.description ? (k(), l("span", Mn, I(t.description), 1)) : c("", !0)])]), Y(t) && !e.multiple ? (k(), l("span", {
 					key: 0,
-					class: C(["hl-shrink-0 hl-text-xs", J.value])
-				}, [p(U, {
+					class: C(["hl-shrink-0 hl-text-xs", qe.value])
+				}, [p(W, {
 					name: "check",
 					size: 14,
 					decorative: !0
-				})], 2)) : c("", !0)], 42, On)], 64))), 128)) : (k(), l("p", Nn, I(_.value.trim() ? "No matches found" : "No options available"), 1)), Ue.value ? (k(), l("button", {
+				})], 2)) : c("", !0)], 42, On)], 64))), 128)) : (k(), l("p", Nn, I(_.value.trim() ? "No matches found" : "No options available"), 1)), J.value ? (k(), l("button", {
 					key: 2,
 					type: "button",
 					class: "hl-theme-text hl-theme-hover-bg-muted hl-mx-2 hl-mb-2 hl-flex hl-w-[calc(100%-1rem)] hl-items-center hl-justify-between hl-rounded-md hl-border-0 hl-bg-transparent hl-px-3 hl-py-2 hl-text-left hl-text-sm hl-appearance-none hl-no-focus-ring",
-					onClick: ct
-				}, [u("span", null, "Add \"" + I(_.value.trim()) + "\"", 1), p(U, {
+					onClick: ft
+				}, [u("span", null, "Add \"" + I(_.value.trim()) + "\"", 1), p(W, {
 					name: "plus",
 					size: 14,
 					decorative: !0
@@ -2405,7 +2415,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 					role: "tooltip"
 				}), I(oe.value), 17)) : c("", !0)]))
 			]),
-			Re.value ? (k(), l("div", Pn, [e.error ? (k(), l("div", Fn, I(e.error), 1)) : c("", !0), (k(!0), l(r, null, N(e.errors, (e) => (k(), l("div", {
+			Ve.value ? (k(), l("div", Pn, [e.error ? (k(), l("div", Fn, I(e.error), 1)) : c("", !0), (k(!0), l(r, null, N(e.errors, (e) => (k(), l("div", {
 				key: e,
 				class: "hl-text-xs hl-input-error-theme"
 			}, I(e), 1))), 128))])) : c("", !0)
@@ -2478,7 +2488,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				disabled: e.disabled,
 				onClick: (t) => h(e.value)
 			}, {
-				default: V(() => [u("span", Hn, [e.icon ? (k(), s(U, {
+				default: V(() => [u("span", Hn, [e.icon ? (k(), s(W, {
 					key: 0,
 					name: e.icon,
 					class: "hl-size-4 hl-shrink-0",
@@ -4300,7 +4310,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					"aria-label": "Refresh",
 					onClick: se
 				}, {
-					icon: V(() => [p(U, {
+					icon: V(() => [p(W, {
 						name: "rotate-ccw",
 						size: 20,
 						decorative: !0,
@@ -4325,7 +4335,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				key: 0,
 				render: e.column.columnDef.header,
 				props: e.getContext()
-			}, null, 8, ["render", "props"])), e.column.getCanSort() ? (k(), l("span", Oi, [p(U, {
+			}, null, 8, ["render", "props"])), e.column.getCanSort() ? (k(), l("span", Oi, [p(W, {
 				name: e.column.getIsSorted() === "asc" ? "chevron-up" : e.column.getIsSorted() === "desc" ? "chevron-down" : "chevron-up-down",
 				size: 14,
 				decorative: !0
@@ -4374,7 +4384,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					"aria-label": "Previous page",
 					onClick: le
 				}, {
-					icon: V(() => [p(U, {
+					icon: V(() => [p(W, {
 						name: "chevron-left",
 						size: 14,
 						decorative: !0
@@ -4410,7 +4420,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					"aria-label": "Next page",
 					onClick: ue
 				}, {
-					icon: V(() => [p(U, {
+					icon: V(() => [p(W, {
 						name: "chevron-right",
 						size: 14,
 						decorative: !0
@@ -4435,7 +4445,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 }, Ui = {
 	key: 0,
 	class: "hl-text-xs hl-input-error-theme"
-}, Wi = /* @__PURE__ */ Oe(/* @__PURE__ */ h({
+}, Wi = /* @__PURE__ */ De(/* @__PURE__ */ h({
 	__name: "HLTextarea",
 	props: /* @__PURE__ */ b({
 		id: { default: "" },
@@ -4564,7 +4574,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				"hl-p-1.5": !!e.icon && !e.label
 			}]),
 			onClick: r[0] ||= de((e) => n("click"), ["stop"])
-		}, [P(t.$slots, "default", {}, () => [e.icon ? (k(), s(U, {
+		}, [P(t.$slots, "default", {}, () => [e.icon ? (k(), s(W, {
 			key: 0,
 			name: e.icon,
 			size: 16
@@ -4787,13 +4797,13 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				let e = d.value;
 				return e ? e.year() === t : !1;
 			}
-		}, xe = (t) => !!(e.minDate && t.isSameOrBefore(H(e.minDate).subtract(1, "day"), "day") || e.maxDate && t.isSameOrAfter(H(e.maxDate).add(1, "day"), "day")), Se = (t) => {
+		}, xe = (t) => !!(e.minDate && t.isSameOrBefore(H(e.minDate).subtract(1, "day"), "day") || e.maxDate && t.isSameOrAfter(H(e.maxDate).add(1, "day"), "day")), U = (t) => {
 			let n = T.value.year(), r = H().year(n).month(t).startOf("month"), i = H().year(n).month(t).endOf("month");
 			return !!(e.minDate && i.isSameOrBefore(H(e.minDate).subtract(1, "day"), "day") || e.maxDate && r.isSameOrAfter(H(e.maxDate).add(1, "day"), "day"));
-		}, Ce = (t) => {
+		}, Se = (t) => {
 			let n = H().year(t).startOf("year"), r = H().year(t).endOf("year");
 			return !!(e.minDate && r.isSameOrBefore(H(e.minDate).subtract(1, "day"), "day") || e.maxDate && n.isSameOrAfter(H(e.maxDate).add(1, "day"), "day"));
-		}, we = (t) => {
+		}, Ce = (t) => {
 			if (!xe(t)) if (e.range) {
 				let e = d.value;
 				if (D.value === "start" || !e?.start) d.value = {
@@ -4810,15 +4820,15 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					d.value = i, f("change", i), _();
 				}
 			} else d.value = t, f("change", t), _();
-		}, Te = (t) => {
-			if (Se(t)) return;
+		}, we = (t) => {
+			if (U(t)) return;
 			let n = T.value.year(), r = T.value.date(), i = H().year(n).month(t).endOf("month").date(), a = Math.min(r, i), o = T.value.set("month", t).date(a);
 			T.value = o, e.range || (d.value = o, f("change", o)), w.value = "dates";
-		}, Ee = (e) => {
-			if (Ce(e)) return;
+		}, Te = (e) => {
+			if (Se(e)) return;
 			let t = T.value.month(), n = T.value.date(), r = H().year(e).month(t).endOf("month").date(), i = Math.min(n, r);
 			T.value = T.value.set("year", e).date(i), w.value = "months";
-		}, De = () => {
+		}, Ee = () => {
 			d.value = e.range ? {
 				start: null,
 				end: null
@@ -4859,7 +4869,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					disabled: e.disabled,
 					"aria-expanded": R(m),
 					onClick: n[0] ||= (t) => !e.disabled && R(g)()
-				}, [p(U, {
+				}, [p(W, {
 					name: "calendar",
 					class: "hl-size-4"
 				}), u("span", Qi, [P.value ? (k(), l("span", $i, I(P.value), 1)) : (k(), l("span", ea, I(e.placeholder), 1))])], 10, Zi),
@@ -4868,13 +4878,13 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					type: "button",
 					class: "hl-theme-hover-text hl-absolute hl-inset-y-0 hl-right-6 hl-my-auto hl-px-1 hl-theme-text-muted hl-appearance-none hl-border-0 hl-bg-transparent hl-no-focus-ring hl-cursor-pointer",
 					"aria-label": "Clear date",
-					onClick: de(De, ["stop"])
-				}, [p(U, {
+					onClick: de(Ee, ["stop"])
+				}, [p(W, {
 					name: "x-mark",
 					size: 14,
 					decorative: !0
 				})])) : c("", !0),
-				u("span", { class: C(["hl-pointer-events-none hl-absolute hl-inset-y-0 hl-right-2 hl-my-auto hl-flex hl-items-center hl-theme-text-muted hl-transition-transform hl-duration-150", { "hl-rotate-180": R(m) }]) }, [p(U, {
+				u("span", { class: C(["hl-pointer-events-none hl-absolute hl-inset-y-0 hl-right-2 hl-my-auto hl-flex hl-items-center hl-theme-text-muted hl-transition-transform hl-duration-150", { "hl-rotate-180": R(m) }]) }, [p(W, {
 					name: "chevron-up-down",
 					size: 20,
 					decorative: !0
@@ -4933,7 +4943,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 							"in-range": ge(e.dayjs),
 							"range-start": _e(e.dayjs),
 							"range-end": ve(e.dayjs),
-							onClick: (t) => we(e.dayjs),
+							onClick: (t) => Ce(e.dayjs),
 							onMouseenter: (t) => O.value = e.dayjs,
 							onMouseleave: n[3] ||= (e) => O.value = null
 						}, null, 8, [
@@ -4960,7 +4970,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 							"in-range": ge(e.dayjs),
 							"range-start": _e(e.dayjs),
 							"range-end": ve(e.dayjs),
-							onClick: (t) => we(e.dayjs),
+							onClick: (t) => Ce(e.dayjs),
 							onMouseenter: (t) => O.value = e.dayjs,
 							onMouseleave: n[4] ||= (e) => O.value = null
 						}, null, 8, [
@@ -4978,8 +4988,8 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 						key: e,
 						label: e,
 						selected: ye(t),
-						disabled: Se(t),
-						onClick: (e) => Te(t)
+						disabled: U(t),
+						onClick: (e) => we(t)
 					}, null, 8, [
 						"label",
 						"selected",
@@ -4991,8 +5001,8 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 						label: e,
 						selected: be(e),
 						muted: e < z.value || e > re.value,
-						disabled: Ce(e),
-						onClick: (t) => Ee(e)
+						disabled: Se(e),
+						onClick: (t) => Te(e)
 					}, null, 8, [
 						"label",
 						"selected",
@@ -5007,4 +5017,4 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 	}
 });
 //#endregion
-export { Se as A, Re as C, be as D, ye as E, Ce as O, G as S, U as T, tt as _, Ln as a, J as b, hn as c, Zt as d, Xt as f, ut as g, Pt as h, Gn as i, xe as k, ln as l, Bt as m, Wi as n, In as o, Wt as p, Ri as r, gn as s, xa as t, cn as u, Ye as v, Ne as w, He as x, Ge as y };
+export { U as A, Re as C, be as D, ye as E, Se as O, He as S, W as T, tt as _, Ln as a, J as b, hn as c, Zt as d, Xt as f, ut as g, Pt as h, Gn as i, xe as k, ln as l, Bt as m, Wi as n, In as o, Wt as p, Ri as r, gn as s, xa as t, cn as u, Ye as v, Me as w, Ue as x, Ge as y };

package/dist/chunks/{composables-Dfe_Im7E.js → composables-DgM66mjz.js}

@@ -3141,37 +3141,41 @@ async function rn(e) {
 }
 function an(e = {}) {
 	return function(n, r) {
-		let { queryKey: i, onSuccess: s, onError: c, enabled: l, ...u } = r ?? {}, d = nn(), f = [], p = [];
-		s !== void 0 && f.push(s), c !== void 0 && p.push(c);
-		let m = Zt({
-			queryKey: t(() => i === void 0 ? d : typeof i == "function" ? i() : a(i)),
-			queryFn: (e) => n({
-				queryKey: e.queryKey,
-				signal: e.signal
-			}),
-			enabled: t(() => tn(l)),
-			...$t,
-			...e,
-			...u
-		});
-		f.length > 0 && o(() => m.data.value, (e) => {
-			if (e !== void 0) for (let t of f) t(e);
-		}, { immediate: !1 }), p.length > 0 && o(() => m.error.value, (e) => {
-			if (e !== null) for (let t of p) t(e);
+		let i = nn(), s = [], c = t(() => r?.queryKey === void 0 ? i : typeof r.queryKey == "function" ? r.queryKey() : a(r.queryKey)), l = t(() => tn(r?.enabled)), u = Zt(t(() => {
+			let { queryKey: t, onSuccess: i, onError: a, enabled: o, ...s } = r ?? {};
+			return {
+				queryKey: c.value,
+				queryFn: (e) => n({
+					queryKey: e.queryKey,
+					signal: e.signal
+				}),
+				enabled: l.value,
+				...$t,
+				...e,
+				...s
+			};
+		}));
+		o(() => u.data.value, (e) => {
+			e !== void 0 && r?.onSuccess !== void 0 && r.onSuccess(e);
+		}, { immediate: !1 }), o(() => u.error.value, (e) => {
+			if (e !== null) {
+				r?.onError !== void 0 && r.onError(e);
+				for (let t of s) t(e);
+			}
 		}, { immediate: !1 });
-		let h = () => rn(m.refetch), g = {
-			data: X(m.data),
-			error: X(m.error),
-			isError: X(m.isError),
-			loading: X(m.isFetching),
-			initializing: X(m.isLoading),
-			isSuccess: X(m.isSuccess),
-			onError: (e) => (p.push(e), g),
-			refetch: h,
-			run: h,
-			status: X(m.status)
+		let d = () => rn(u.refetch), f = {
+			data: X(u.data),
+			error: X(u.error),
+			isError: X(u.isError),
+			loading: X(u.isFetching),
+			initializing: X(u.isLoading),
+			isSuccess: X(u.isSuccess),
+			onError: (e) => (s.push(e), f),
+			refetch: d,
+			run: d,
+			status: X(u.status)
 		};
-		return g;
+		return f;
 	};
 }
 var on = an();

package/dist/components/index.js

@@ -1,2 +1,2 @@
-import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "../chunks/components-BLXC1TJU.js";
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "../chunks/components-jVa5T9J6.js";
 export { a as HLAvatar, O as HLBadge, D as HLBreadcrumb, l as HLButton, k as HLCard, s as HLCheckbox, w as HLDatepicker, o as HLIcon, p as HLInput, E as HLLabel, m as HLMenuAction, x as HLNotify, v as HLNotifyToast, _ as HLPopup, T as HLPopupContent, b as HLSelect, c as HLSkeleton, S as HLTable, h as HLTabs, y as HLTextarea, r as HL_ICON_NAMES, d as createNotifyPlugin, C as createPopupPlugin, n as getHLIconSvg, i as listHLIconNames, g as registerHLIcon, f as unmountNotifyHost, u as unmountPopupHost, e as unregisterHLIcon, t as useBreadcrumb };

package/dist/composables/index.js

@@ -1,3 +1,3 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/composables-Dfe_Im7E.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/composables-DgM66mjz.js";
 import { n as c, r as l, t as u } from "../chunks/usePopup-C4TqBG3M.js";
 export { n as createQueryPlugin, r as createUseMutation, e as createUseQuery, t as themePresets, l as useFloat, s as useForm, a as useMutation, c as useNotify, u as usePopup, i as useQuery, o as useTheme };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./chunks/composables-Dfe_Im7E.js";
-import { A as l, C as u, D as d, E as f, O as ee, S as te, T as ne, _ as re, a as ie, b as ae, c as oe, d as se, f as ce, g as le, h as ue, i as de, k as fe, l as pe, m as me, n as he, o as ge, p as _e, r as ve, s as ye, t as be, u as xe, v as Se, w as Ce, x as we, y as Te } from "./chunks/components-BLXC1TJU.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./chunks/composables-DgM66mjz.js";
+import { A as l, C as u, D as d, E as f, O as ee, S as te, T as ne, _ as re, a as ie, b as ae, c as oe, d as se, f as ce, g as le, h as ue, i as de, k as fe, l as pe, m as me, n as he, o as ge, p as _e, r as ve, s as ye, t as be, u as xe, v as Se, w as Ce, x as we, y as Te } from "./chunks/components-jVa5T9J6.js";
 import { n as Ee, r as De, t as Oe } from "./chunks/usePopup-C4TqBG3M.js";
 import { t as ke } from "./chunks/helpers-BjMDD0mP.js";
 import { createToolkitAutoImportModules as Ae, createToolkitAutoImportOptions as je, createToolkitComponentsResolver as Me } from "./auto-import/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hanap-labs",
-  "version": "7.3.0",
+  "version": "7.5.0",
   "license": "MIT",
   "keywords": [
     "vue",