hanap-labs 8.1.0 → 8.2.0

package/dist/chunks/{components-CWMdSlnF.js → components-CW8EKPet.js}

@@ -596,7 +596,7 @@ var ze = [
 			_: 3
 		}, 8, ["class", "aria-label"]));
 	}
-}), K = ["type", "disabled"], We = {
+}), We = ["type", "disabled"], K = {
 	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(W, {
+		}, [P(t.$slots, "icon")], 2)) : c("", !0), e.loading ? (k(), l("span", K, [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, K));
+		}, [P(t.$slots, "default", {}, () => [f(I(e.label), 1)])], 2))], 16, We));
 	}
 }), Ge = /* @__PURE__ */ h({
 	name: "HLCard",
@@ -776,7 +776,7 @@ var ze = [
 ], Qe = {
 	key: 1,
 	class: "hl-sr-only"
-}, $e = ["id", "disabled"], et = "hl-bg-light", Y = "hl-bg-primary", tt = /* @__PURE__ */ De(/* @__PURE__ */ h({
+}, $e = ["id", "disabled"], et = "hl-bg-light", tt = "hl-bg-primary", Y = /* @__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 ? Y : et), 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 ? tt : 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;
@@ -2063,151 +2063,157 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			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);
+			return Ee(e) ? e : Pe.value.find((t) => Ae(t.value, e)) ?? {
+				label: String(e),
+				value: e
+			};
+		}
+		function Oe(e) {
+			return e === null ? null : Array.isArray(e) ? e.map((e) => De(e)) : (Ee(e), e);
 		}
-		function Oe(e, t) {
+		function ke(e, t) {
 			return Object.keys(t).every((n) => {
 				if (!(n in e)) return !1;
 				let r = e[n], i = t[n];
-				return we(r) && we(i) ? Oe(r, i) : Te(r, i);
+				return we(r) && we(i) ? ke(r, i) : Te(r, i);
 			});
 		}
-		function ke(e, t) {
-			return Te(e, t) ? !0 : we(e) && we(t) ? Oe(t, e) : !1;
+		function Ae(e, t) {
+			return Te(e, t) ? !0 : we(e) && we(t) ? ke(t, e) : !1;
 		}
-		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 je(e) {
+			return Array.isArray(e) ? `[${e.map((e) => je(e)).join(",")}]` : we(e) ? `{${Object.keys(e).sort().map((t) => `${t}:${je(e[t])}`).join(",")}}` : String(e);
 		}
-		function je(e, t) {
-			return `${e.label}-${Ae(e.value)}-${t}`;
+		function Me(e, t) {
+			return `${e.label}-${je(e.value)}-${t}`;
 		}
-		function Me(e) {
+		function Ne(e) {
 			return `${fe.value}-option-${e}`;
 		}
-		let Ne = o(() => {
+		let Pe = o(() => {
 			let t = /* @__PURE__ */ new Map();
-			for (let n of [...e.options, ...v.value]) t.set(Ae(n.value), n);
+			for (let n of [...e.options, ...v.value]) t.set(je(n.value), n);
 			return Array.from(t.values());
-		}), Pe = (e) => Ee(e) ? e.value : e, Fe = o(() => {
+		}), Fe = (e) => Ee(e) ? e.value : e, Ie = 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(() => {
+			return e.multiple ? Array.isArray(t) ? t.map(Fe) : [] : t === null ? [] : [Fe(t)];
+		}), Le = o(() => Pe.value.filter((e) => Ie.value.some((t) => Ae(e.value, t)))), Re = o(() => Number.isFinite(e.maxVisiblePills) ? Math.max(0, Math.floor(e.maxVisiblePills)) : 1), ze = o(() => e.multiple ? Le.value.slice(0, Re.value) : []), Be = o(() => e.multiple ? Math.max(0, Le.value.length - ze.value.length) : 0), Ve = o(() => Ie.value.length > 0), He = o(() => !!e.error || e.errors.length > 0), G = o(() => e.multiple ? Le.value.length === 0 ? e.placeholder : Le.value.length === 1 ? Le.value[0].label : `${Le.value.length} selected` : Le.value[0]?.label ?? e.placeholder), Ue = o(() => me[e.size]), We = o(() => {
 			let e = _.value.trim().toLowerCase();
-			return e ? Ne.value.filter((t) => t.label.toLowerCase().includes(e)) : Ne.value;
+			return e ? Pe.value.filter((t) => t.label.toLowerCase().includes(e)) : Pe.value;
 		}), K = o(() => {
-			if (!e.multiple) return Ue.value;
+			if (!e.multiple) return We.value;
 			let t = [], n = [];
-			for (let e of Ue.value) Y(e) ? t.push(e) : n.push(e);
+			for (let e of We.value) Y(e) ? t.push(e) : n.push(e);
 			return [...t, ...n];
-		}), We = o(() => {
+		}), q = o(() => {
 			if (!e.multiple) return -1;
 			let t = K.value.filter((e) => Y(e)).length;
 			return t > 0 && t < K.value.length ? t : -1;
-		}), q = o(() => ({
+		}), J = o(() => ({
 			...te.value,
 			width: y.value > 0 ? `${y.value}px` : void 0,
 			zIndex: 60
-		})), J = o(() => {
+		})), Ge = o(() => {
 			let t = _.value.trim();
-			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(() => {
+			return !e.allowCreateWhenNoMatch || !t || We.value.length > 0 ? !1 : !Pe.value.some((e) => e.label.toLowerCase() === t.toLowerCase());
+		}), Ke = o(() => {
+			if (!(b.value < 0) && !(b.value >= K.value.length)) return Ne(b.value);
+		}), qe = o(() => U(e.color) ? he[e.color] : "hl-theme-border"), Je = o(() => U(e.color) ? ge[e.color] : "hl-theme-text"), Xe = o(() => U(e.color) ? _e[e.color] : "hl-border-dark hl-bg-dark hl-text-white"), Ze = o(() => U(e.color) ? _e[e.color] : "hl-theme-border hl-theme-bg-muted hl-theme-text"), Qe = o(() => U(e.color) ? ve[e.color] : "hl-theme-bg-muted hl-theme-border-strong"), $e = o(() => U(e.color) ? ye[e.color] : "hover:hl-theme-bg-subtle"), et = o(() => U(e.color) ? be[e.color] : "hl-theme-bg-muted"), tt = o(() => {
 			if (U(e.color)) return xe[e.color];
 		});
 		function Y(e) {
-			return Fe.value.some((t) => ke(e.value, t));
+			return Ie.value.some((t) => Ae(e.value, t));
 		}
-		function tt(e) {
-			let t = De(e);
+		function nt(e) {
+			let t = Oe(e);
 			d.value = t, m("change", t);
 		}
-		function nt() {
+		function rt() {
 			let e = [];
 			return K.value.forEach((t, n) => {
 				t.disabled || e.push(n);
 			}), e;
 		}
-		function rt() {
+		function it() {
 			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 it(e) {
+		function at(e) {
 			b.value = e, S(() => {
-				rt();
+				it();
 			});
 		}
-		function at() {
-			let e = nt();
+		function ot() {
+			let e = rt();
 			if (e.length === 0) {
-				it(-1);
+				at(-1);
 				return;
 			}
 			let t = K.value.findIndex((e) => !e.disabled && Y(e));
-			it(t >= 0 ? t : e[0]);
+			at(t >= 0 ? t : e[0]);
 		}
-		function ot(e) {
-			let t = nt();
+		function st(e) {
+			let t = rt();
 			if (t.length === 0) {
-				it(-1);
+				at(-1);
 				return;
 			}
 			if (b.value < 0) {
-				it(e === 1 ? t[0] : t[t.length - 1]);
+				at(e === 1 ? t[0] : t[t.length - 1]);
 				return;
 			}
 			let n = t.indexOf(b.value);
 			if (n < 0) {
-				it(e === 1 ? t[0] : t[t.length - 1]);
+				at(e === 1 ? t[0] : t[t.length - 1]);
 				return;
 			}
-			it(t[(n + e + t.length) % t.length]);
+			at(t[(n + e + t.length) % t.length]);
 		}
-		function st() {
+		function ct() {
 			if (b.value < 0) return;
 			let e = K.value[b.value];
-			!e || e.disabled || ct(e);
+			!e || e.disabled || lt(e);
 		}
-		function ct(t) {
+		function lt(t) {
 			if (!(t.disabled || e.disabled)) {
 				if (e.multiple) {
-					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]);
+					let e = (Array.isArray(d.value) ? d.value : []).map((e) => De(e));
+					nt(e.some((e) => Ae(e.value, t.value)) ? e.filter((e) => !Ae(e.value, t.value)) : [...e, t]);
 					return;
 				}
-				tt(t), M();
+				nt(t), M();
 			}
 		}
-		function lt() {
-			tt(e.multiple ? [] : null), _.value = "", M();
+		function dt() {
+			nt(e.multiple ? [] : null), _.value = "", M();
 		}
-		function dt(e) {
+		function ft(e) {
 			return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 		}
-		function ft() {
+		function pt() {
 			let t = _.value.trim();
-			if (!t || !J.value) return;
+			if (!t || !Ge.value) return;
 			let n = {
 				label: t,
-				value: dt(t) || t.toLowerCase()
+				value: ft(t) || t.toLowerCase()
 			}, r = {
 				label: t,
 				value: n
 			};
 			if (v.value = [...v.value, r], m("create", n), e.multiple) {
-				tt([...Array.isArray(d.value) ? [...d.value] : [], n]), _.value = "";
+				nt([...Array.isArray(d.value) ? d.value : [], r]), _.value = "";
 				return;
 			}
-			tt(n), _.value = "", M();
+			nt(n), _.value = "", M();
 		}
-		function pt() {
+		function mt() {
 			y.value = D.value?.offsetWidth ?? 0;
 		}
-		function mt() {
+		function ht() {
 			e.disabled || F();
 		}
-		function ht(t) {
+		function gt(t) {
 			if (!e.disabled) {
 				if (t.key === "Escape") {
 					M();
@@ -2218,7 +2224,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 						P();
 						return;
 					}
-					ot(1);
+					st(1);
 					return;
 				}
 				if (t.key === "ArrowUp") {
@@ -2226,65 +2232,65 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 						P();
 						return;
 					}
-					ot(-1);
+					st(-1);
 					return;
 				}
 				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), F());
 			}
 		}
-		function gt(e) {
+		function _t(e) {
 			if (e.key === "ArrowDown") {
-				e.preventDefault(), ot(1);
+				e.preventDefault(), st(1);
 				return;
 			}
 			if (e.key === "ArrowUp") {
-				e.preventDefault(), ot(-1);
+				e.preventDefault(), st(-1);
 				return;
 			}
 			if (e.key === "Enter") {
 				if (e.preventDefault(), b.value >= 0) {
-					st();
+					ct();
 					return;
 				}
-				J.value && ft();
+				Ge.value && pt();
 				return;
 			}
 			e.key === "Escape" && (e.preventDefault(), M());
 		}
-		function _t(e) {
+		function vt(e) {
 			if (!A.value) return;
 			let t = e.target;
-			t instanceof Node && (O.value?.contains(t) ?? !1) && gt(e);
-		}
-		function vt(e) {
-			K.value[e]?.disabled || it(e);
+			t instanceof Node && (O.value?.contains(t) ?? !1) && _t(e);
 		}
 		function yt(e) {
+			K.value[e]?.disabled || at(e);
+		}
+		function bt(e) {
 			let t = e.target, n = h.value?.contains(t) ?? !1, r = O.value?.contains(t) ?? !1;
 			!n && !r && M();
 		}
-		return n({ clearSelection: lt }), B(() => e.disabled, (e) => {
+		return n({ clearSelection: dt }), B(() => e.disabled, (e) => {
 			e && M();
 		}), B(A, async (e) => {
 			if (e) {
-				m("open"), await S(), pt(), await L(), at(), g.value?.focus({ preventScroll: !0 });
+				m("open"), await S(), mt(), await L(), ot(), g.value?.focus({ preventScroll: !0 });
 				return;
 			}
 			m("close"), _.value = "", b.value = -1;
 		}), B(K, () => {
 			if (A.value) {
 				if (b.value < 0 || b.value >= K.value.length || K.value[b.value]?.disabled) {
-					at();
+					ot();
 					return;
 				}
 				S(() => {
-					rt();
+					it();
 				});
 			}
 		}), E(() => {
-			pt(), window.addEventListener("hl-resize", pt), document.addEventListener("pointerdown", yt), document.addEventListener("keydown", _t, !0);
+			mt(), window.addEventListener("hl-resize", mt), document.addEventListener("pointerdown", bt), document.addEventListener("keydown", vt, !0);
 		}), T(() => {
-			window.removeEventListener("hl-resize", pt), document.removeEventListener("pointerdown", yt), document.removeEventListener("keydown", _t, !0);
+			window.removeEventListener("hl-resize", mt), document.removeEventListener("pointerdown", bt), document.removeEventListener("keydown", vt, !0);
 		}), (t, n) => (k(), l("div", {
 			ref_key: "rootRef",
 			ref: h,
@@ -2312,12 +2318,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", [
-						G.value,
+						Ue.value,
 						e.inputClass,
-						Ve.value ? "hl-input-error-border-theme focus:hl-input-error-border-theme" : Ke.value,
+						He.value ? "hl-input-error-border-theme focus:hl-input-error-border-theme" : qe.value,
 						{
-							"hl-theme-text": Be.value,
-							"hl-theme-text-muted": !Be.value,
+							"hl-theme-text": Ve.value,
+							"hl-theme-text-muted": !Ve.value,
 							"hl-border-0 focus:hl-border-0": e.noBorder
 						}
 					]]),
@@ -2326,19 +2332,19 @@ 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: 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]),
+					onClick: ht,
+					onKeydown: gt
+				}, [u("span", yn, [e.multiple && Le.value.length > 0 ? (k(), l("span", bn, [(k(!0), l(r, null, N(ze.value, (e, t) => (k(), l("span", {
+					key: Me(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", Ze.value]),
 					onMouseenter: (t) => le(t, e),
 					onMouseleave: V
-				}, [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", {
+				}, [u("span", Sn, I(e.label), 1)], 42, xn))), 128)), Be.value > 0 ? (k(), l("span", Cn, " +" + I(Be.value) + " more ", 1)) : c("", !0)])) : (k(), l(r, { key: 1 }, [f(I(G.value), 1)], 64))]), u("span", wn, [Ve.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(lt, ["stop"])
+					onClick: de(dt, ["stop"])
 				}, [p(W, {
 					name: "x-mark",
 					size: 14,
@@ -2352,11 +2358,11 @@ 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(q.value),
+					style: w(J.value),
 					id: fe.value,
 					role: "listbox",
 					"aria-labelledby": H.value,
-					"aria-activedescendant": Ge.value
+					"aria-activedescendant": Ke.value
 				}, [u("div", En, [p(ut, {
 					ref: Ce,
 					modelValue: _.value,
@@ -2367,9 +2373,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` })
-				}, [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", {
+				}, [K.value.length > 0 ? (k(!0), l(r, { key: 0 }, N(K.value, (t, n) => (k(), l(r, { key: Me(t, n) }, [q.value >= 0 && n === q.value ? (k(), l("div", Dn)) : c("", !0), u("button", {
 					type: "button",
-					id: Me(n),
+					id: Ne(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,
@@ -2379,35 +2385,35 @@ 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) ? qe.value : "",
-						t.disabled ? "" : Qe.value,
-						!t.disabled && b.value === n ? $e.value : ""
+						!t.disabled && Y(t) ? Je.value : "",
+						t.disabled ? "" : $e.value,
+						!t.disabled && b.value === n ? et.value : ""
 					]]),
 					"aria-selected": Y(t),
 					disabled: t.disabled,
-					onMouseenter: (e) => vt(n),
-					onClick: (e) => ct(t)
+					onMouseenter: (e) => yt(n),
+					onClick: (e) => lt(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) ? Je.value : Ze.value])
+					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) ? Xe.value : Qe.value])
 				}, [p(W, {
 					name: "check",
 					size: 12,
-					color: Y(t) ? et.value : void 0,
+					color: Y(t) ? tt.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", qe.value])
+					class: C(["hl-shrink-0 hl-text-xs", Je.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)), J.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)), Ge.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: ft
+					onClick: pt
 				}, [u("span", null, "Add \"" + I(_.value.trim()) + "\"", 1), p(W, {
 					name: "plus",
 					size: 14,
@@ -2418,7 +2424,7 @@ var jt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 					role: "tooltip"
 				}), I(oe.value), 17)) : c("", !0)]))
 			]),
-			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", {
+			He.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)
@@ -4323,7 +4329,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					_: 1
 				}, 8, ["disabled"])) : c("", !0)
 			], 2)])) : c("", !0),
-			u("div", Si, [u("div", Ci, [u("table", wi, [u("thead", Ti, [u("tr", null, [e.selectable ? (k(), l("th", Ei, [p(tt, {
+			u("div", Si, [u("div", Ci, [u("table", wi, [u("thead", Ti, [u("tr", null, [e.selectable ? (k(), l("th", Ei, [p(Y, {
 				"model-value": M.value,
 				indeterminate: F.value,
 				"aria-label": "Toggle all rows",
@@ -4351,7 +4357,7 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			}, [u("div", { class: C(["hl-theme-bg-muted hl-h-4 hl-rounded", ae(L(e.columnDef.meta).alignment)]) }, null, 2)], 2))), 128))])), 64)) : (k(!0), l(r, { key: 1 }, N(R(w).getRowModel().rows, (n) => (k(), l("tr", {
 				key: n.id,
 				class: C(["hl-theme-hover-bg-subtle", { "hl-bg-primary/5": n.getIsSelected() }])
-			}, [e.selectable ? (k(), l("td", ji, [p(tt, {
+			}, [e.selectable ? (k(), l("td", ji, [p(Y, {
 				"model-value": n.getIsSelected(),
 				"aria-label": "Toggle row",
 				size: "md",
@@ -5029,4 +5035,4 @@ var _i = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 	}
 });
 //#endregion
-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 };
+export { U as A, Re as C, be as D, ye as E, Se as O, He as S, W as T, Y 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/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-CWMdSlnF.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-CW8EKPet.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/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-DYxDGCpw.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-CWMdSlnF.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-CW8EKPet.js";
 import { n as Ee, r as De, t as Oe } from "./chunks/usePopup-CbluSYxf.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": "8.1.0",
+  "version": "8.2.0",
   "license": "MIT",
   "keywords": [
     "vue",