hanap-labs 9.4.0 → 9.5.0

package/dist/chunks/{components-DCiqNhoo.js → components-BUey4YQX.js}

@@ -1,12 +1,12 @@
 import { n as e, r as t, t as n } from "./usePopup-CbluSYxf.js";
-import { Fragment as r, Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, customRef as m, defineComponent as h, getCurrentInstance as g, getCurrentScope as _, h as v, isRef as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onMounted as E, onScopeDispose as D, onUnmounted as O, openBlock as k, readonly as A, ref as j, render as M, renderList as N, renderSlot as P, resolveDynamicComponent as F, shallowRef as I, toDisplayString as L, toRef as ee, toValue as R, unref as z, useId as B, useModel as V, useSlots as te, useTemplateRef as ne, vModelCheckbox as re, vModelDynamic as ie, vModelText as ae, vShow as oe, watch as H, watchEffect as se, withCtx as U, withDirectives as ce, withModifiers as le } from "vue";
-import W from "dayjs";
-import ue from "dayjs/plugin/isoWeek.js";
-import de from "dayjs/plugin/isSameOrBefore.js";
-import fe from "dayjs/plugin/isSameOrAfter.js";
-import pe from "dayjs/plugin/customParseFormat.js";
+import { Fragment as r, Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, customRef as m, defineComponent as h, getCurrentInstance as g, getCurrentScope as _, h as v, isRef as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onMounted as E, onScopeDispose as D, onUnmounted as O, openBlock as k, readonly as A, ref as j, render as M, renderList as N, renderSlot as P, resolveDynamicComponent as F, shallowRef as I, toDisplayString as L, toRef as ee, toValue as R, unref as z, useId as B, useModel as te, useSlots as ne, useTemplateRef as re, vModelCheckbox as ie, vModelDynamic as ae, vModelText as oe, vShow as se, watch as V, watchEffect as ce, withCtx as H, withDirectives as le, withModifiers as ue } from "vue";
+import U from "dayjs";
+import de from "dayjs/plugin/isoWeek.js";
+import fe from "dayjs/plugin/isSameOrBefore.js";
+import pe from "dayjs/plugin/isSameOrAfter.js";
+import me from "dayjs/plugin/customParseFormat.js";
 //#region node_modules/@lucide/icons/dist/esm/buildLucideIconNode.mjs
-var me = {
+var he = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "24",
 	height: "24",
@@ -17,8 +17,8 @@ var me = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-function he(e, t = {}) {
-	let n = ("size" in e ? e.size : e.width) ?? me.width, r = ("size" in e ? e.size : e.height) ?? me.height, i = e.aliases?.map((e) => `lucide-${e}`) ?? [], a = [
+function ge(e, t = {}) {
+	let n = ("size" in e ? e.size : e.width) ?? he.width, r = ("size" in e ? e.size : e.height) ?? he.height, i = e.aliases?.map((e) => `lucide-${e}`) ?? [], a = [
 		"lucide",
 		`lucide-${e.name}`,
 		...i
@@ -26,7 +26,7 @@ function he(e, t = {}) {
 	return t.className && a.push(t.className), [
 		"svg",
 		{
-			...me,
+			...he,
 			..."color" in t && { stroke: t.color },
 			..."size" in t && t.size && {
 				width: t.size.toString(10),
@@ -47,13 +47,13 @@ function he(e, t = {}) {
 }
 //#endregion
 //#region node_modules/@lucide/icons/dist/esm/buildLucideSvg.mjs
-var ge = ([e, t, n = []]) => `<${e} ${Object.entries(t).map(([e, t]) => `${e}="${t}"`).join(" ")}>${n?.map((e) => ge(e)).join("")}</${e}>`;
-function _e(e, t = {}) {
-	return ge(he(e, t));
+var _e = ([e, t, n = []]) => `<${e} ${Object.entries(t).map(([e, t]) => `${e}="${t}"`).join(" ")}>${n?.map((e) => _e(e)).join("")}</${e}>`;
+function ve(e, t = {}) {
+	return _e(ge(e, t));
 }
 //#endregion
 //#region src/components/hl-icon/HLIcon.registry.ts
-var ve = {
+var ye = {
 	"arrow-left": {
 		name: "arrow-left",
 		size: 24,
@@ -1357,19 +1357,19 @@ var ve = {
 			key: "d8bk6v"
 		}]]
 	}
-}, ye = {}, be = Object.freeze(Object.keys(ve).sort());
+}, be = {}, W = Object.freeze(Object.keys(ye).sort());
 function xe(e) {
-	let t = ve[e];
-	return t ? _e(t) : ye[e];
+	let t = ye[e];
+	return t ? ve(t) : be[e];
 }
 function Se(e, t) {
-	e && (ye[e] = t);
+	e && (be[e] = t);
 }
 function Ce(e) {
-	delete ye[e];
+	delete be[e];
 }
 function we() {
-	let e = Object.keys(ve), t = Object.keys(ye), n = [...new Set([...e, ...t])];
+	let e = Object.keys(ye), t = Object.keys(be), n = [...new Set([...e, ...t])];
 	return Object.freeze(n.sort());
 }
 //#endregion
@@ -1489,7 +1489,7 @@ var Te = [
 		}
 		let f = o(() => {
 			if (typeof e.source == "string") return e.source.trim() || void 0;
-			if (e.source != null && typeof e.source == "object" && "node" in e.source) return _e(e.source);
+			if (e.source != null && typeof e.source == "object" && "node" in e.source) return ve(e.source);
 		}), p = o(() => {
 			let t = f.value ?? xe(e.name);
 			if (t) return d(t) ? t : void 0;
@@ -1586,7 +1586,7 @@ var Te = [
 			to: t.href,
 			class: C(["hl-theme-text hl-no-underline hl-transition-colors hover:hl-no-underline", a.value])
 		}, {
-			default: U(() => [f(L(t.label), 1)]),
+			default: H(() => [f(L(t.label), 1)]),
 			_: 2
 		}, 1032, ["to", "class"])) : t.href ? (k(), l("a", {
 			key: 2,
@@ -1702,7 +1702,7 @@ var Ve = [
 		}
 	},
 	setup(e) {
-		let t = ne("root"), n = j(!1), r;
+		let t = re("root"), n = j(!1), r;
 		E(() => {
 			let e = t.value;
 			e && (n.value = e.closest(".dark") !== null, r = new MutationObserver(() => {
@@ -1842,7 +1842,7 @@ var Ve = [
 			sm: "hl-rounded-md",
 			md: "hl-rounded-md",
 			lg: "hl-rounded-lg"
-		}, c = te(), 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 = ne(), 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]);
 		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,
@@ -1851,7 +1851,7 @@ var Ve = [
 			]]),
 			"aria-label": e.ariaLabel
 		}, {
-			default: U(() => [u.value ? P(t.$slots, "default", { key: 0 }) : (k(), l(r, { key: 1 }, [f(L(e.text), 1)], 64))]),
+			default: H(() => [u.value ? P(t.$slots, "default", { key: 0 }) : (k(), l(r, { key: 1 }, [f(L(e.text), 1)], 64))]),
 			_: 3
 		}, 8, ["class", "aria-label"]));
 	}
@@ -1948,7 +1948,7 @@ var Ve = [
 				e.iconOnly && "!hl-gap-0 !hl-min-w-0"
 			],
 			disabled: e.disabled || e.loading,
-			onClick: n[0] ||= le((e) => u("click"), ["stop"])
+			onClick: n[0] ||= ue((e) => u("click"), ["stop"])
 		}), [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"])
@@ -2065,7 +2065,7 @@ var Ve = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = V(e, "modelValue"), n = B(), r = o(() => e.id || n), i = o(() => `${r.value}-label`), a = o(() => e.label.trim().length > 0), c = () => {
+		let t = te(e, "modelValue"), n = B(), r = o(() => e.id || n), i = o(() => `${r.value}-label`), a = o(() => e.label.trim().length > 0), c = () => {
 			e.disabled || (t.value = !t.value);
 		}, d = {
 			xs: "hl-size-3.5",
@@ -2157,13 +2157,13 @@ var Ve = [
 			"size",
 			"label-class",
 			"description-class"
-		])) : (k(), l("span", tt, "toggle checkbox"))], 10, et), ce(u("input", {
+		])) : (k(), l("span", tt, "toggle checkbox"))], 10, et), le(u("input", {
 			id: r.value,
 			"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
 			type: "checkbox",
 			class: "hl-sr-only",
 			disabled: e.disabled
-		}, null, 8, Y), [[re, t.value]])]));
+		}, null, 8, Y), [[ie, t.value]])]));
 	}
 }), [["__scopeId", "data-v-a03b1742"]]), at = { class: "hanap-labs-theme hanap-labs-font hl-w-full" }, ot = { class: "hl-relative" }, st = {
 	key: 0,
@@ -2261,7 +2261,7 @@ var Ve = [
 		"clear"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = V(e, "modelValue"), i = t, a = B(), d = o(() => e.id || a), f = o(() => `${d.value}-errors`), m = o(() => {
+		let n = te(e, "modelValue"), i = t, a = B(), d = o(() => e.id || a), f = o(() => `${d.value}-errors`), m = o(() => {
 			if (e.ariaLabel) return e.ariaLabel;
 			if (!e.label && e.placeholder) return e.placeholder;
 		}), h = j(null), g = j(!1), _ = o(() => e.type === "password"), v = o(() => e.type === "search"), y = o(() => _.value && e.showPasswordToggle ? g.value ? "text" : "password" : e.type), b = () => {
@@ -2301,7 +2301,7 @@ var Ve = [
 			light: "hl-control-bg hl-border-muted focus:hl-border-secondary",
 			dark: "hl-control-bg hl-border-dark focus:hl-border-dark",
 			muted: "hl-control-bg hl-border-muted focus:hl-border-muted"
-		}, R = o(() => O[e.size]), z = o(() => e.rounded ? "hl-rounded-full" : I[e.size]), te = o(() => e.color ? ee[e.color] : "hl-input-theme");
+		}, R = o(() => O[e.size]), z = o(() => e.rounded ? "hl-rounded-full" : I[e.size]), ne = o(() => e.color ? ee[e.color] : "hl-input-theme");
 		return (t, a) => (k(), l("div", at, [
 			e.label || e.description ? (k(), s(Qe, {
 				key: 0,
@@ -2321,7 +2321,7 @@ var Ve = [
 			])) : c("", !0),
 			u("div", ot, [
 				e.iconLeft ? (k(), l("div", st, [P(t.$slots, "icon", {}, void 0, !0)])) : c("", !0),
-				ce(u("input", {
+				le(u("input", {
 					ref_key: "inputRef",
 					ref: h,
 					id: d.value,
@@ -2343,7 +2343,7 @@ var Ve = [
 					class: C(["hl-theme-text hl-block hl-w-full hl-appearance-none hl-box-border hl-border hl-border-solid hl-leading-tight hl-transition-colors hl-duration-300 hl-no-focus-ring disabled:hl-cursor-not-allowed disabled:hl-opacity-60", [
 						R.value,
 						z.value,
-						te.value,
+						ne.value,
 						e.inputClass,
 						{
 							"hl-cursor-not-allowed": e.disabled || e.loading,
@@ -2357,7 +2357,7 @@ var Ve = [
 					onBlur: a[2] ||= (e) => i("blur"),
 					onInput: a[3] ||= (e) => i("input"),
 					onChange: a[4] ||= (e) => i("change")
-				}, null, 46, ct), [[ie, n.value]]),
+				}, null, 46, ct), [[ae, n.value]]),
 				e.loading ? (k(), l("div", lt, [p(G, {
 					name: "loader",
 					size: 20,
@@ -2424,7 +2424,7 @@ function St(e) {
 	return Array.isArray(e) ? e : [e];
 }
 function Ct(e, t, n) {
-	return H(e, t, {
+	return V(e, t, {
 		...n,
 		immediate: !0
 	});
@@ -2537,7 +2537,7 @@ function At(e) {
 function jt(e, t, n = {}) {
 	let { window: r = wt, ...i } = n, a, s = /* @__PURE__ */ At(() => r && "ResizeObserver" in r), c = () => {
 		a &&= (a.disconnect(), void 0);
-	}, l = H(o(() => {
+	}, l = V(o(() => {
 		let t = R(e);
 		return Array.isArray(t) ? t.map((e) => Tt(e)) : [Tt(t)];
 	}), (e) => {
@@ -2568,14 +2568,14 @@ function Nt(e = {}) {
 		let o = R(e?.styleTarget), s = r == null ? `${a.value}px` : `${Math.min(a.value, r)}px`;
 		o ? o.style[i] = s : t = s, n.value.style[i] = t;
 	}
-	return H([r, n], () => S(s), { immediate: !0 }), H(a, () => {
+	return V([r, n], () => S(s), { immediate: !0 }), V(a, () => {
 		var t;
 		return e == null || (t = e.onResize) == null ? void 0 : t.call(e);
 	}), jt(n, ([{ contentRect: e }]) => {
 		o.value !== e.width && Mt(t, () => {
 			o.value = e.width, s();
 		});
-	}), e?.watch && H(e.watch, s, {
+	}), e?.watch && V(e.watch, s, {
 		immediate: !0,
 		deep: !0
 	}), {
@@ -2635,7 +2635,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			light: "!hl-theme-text-subtle",
 			dark: "!hl-theme-text",
 			muted: "!hl-text-muted"
-		}, a = V(e, "modelValue"), c = n, { trigger: f, floating: m, visible: h, show: g, hide: _, styles: v, referenceElement: y, floatingElement: b } = t({
+		}, a = te(e, "modelValue"), c = n, { trigger: f, floating: m, visible: h, show: g, hide: _, styles: v, referenceElement: y, floatingElement: b } = t({
 			placement: "bottom-end",
 			strategy: "fixed",
 			offset: 6
@@ -2680,9 +2680,9 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 					t.preventDefault(), L();
 					break;
 			}
-		}), H(a, (e) => {
+		}), V(a, (e) => {
 			e !== h.value && (e ? E() : D());
-		}), H(h, async (e) => {
+		}), V(h, async (e) => {
 			a.value !== e && (a.value = e), e && await M();
 		}), (t, n) => (k(), l("div", Pt, [p(J, {
 			id: z(f).id,
@@ -2699,7 +2699,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			"aria-haspopup": "menu",
 			onClick: O
 		}, {
-			icon: U(() => [t.$slots.trigger ? P(t.$slots, "trigger", { key: 0 }) : (k(), s(G, {
+			icon: H(() => [t.$slots.trigger ? P(t.$slots, "trigger", { key: 0 }) : (k(), s(G, {
 				key: 1,
 				name: "ellipsis",
 				class: "hl-size-5",
@@ -2712,7 +2712,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			"aria-expanded",
 			"disabled",
 			"aria-label"
-		]), ce(u("div", x(z(m), {
+		]), le(u("div", x(z(m), {
 			style: z(v),
 			class: ["hl-z-50 hl-min-w-44 hl-overflow-hidden hl-rounded-lg hl-border hl-border-solid hl-theme-border hl-theme-bg hl-shadow-lg hl-divide-y hl-divide-theme hl-origin-top-right", e.menuClass],
 			role: "menu"
@@ -2733,7 +2733,7 @@ var Pt = { 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: U(() => [p(G, {
+			fn: H(() => [p(G, {
 				name: t.icon,
 				size: 18,
 				decorative: !0
@@ -2745,7 +2745,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			"class",
 			"disabled",
 			"onClick"
-		]))), 128))], 16), [[oe, z(h)]])]));
+		]))), 128))], 16), [[se, z(h)]])]));
 	}
 }), Rt = { class: "hl-min-w-0 hl-flex-1 hl-self-center hl-flex hl-flex-col hl-gap-0.5" }, zt = { class: "hl-m-0 hl-truncate hl-text-[15px] hl-font-semibold hl-leading-[1.2] hl-theme-text" }, Bt = ["innerHTML"], Vt = {
 	key: 1,
@@ -2877,7 +2877,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				"aria-label": "close notification",
 				onClick: m
 			}, {
-				icon: U(() => [p(G, {
+				icon: H(() => [p(G, {
 					name: "x",
 					class: "!hl-size-4",
 					decorative: !0
@@ -2902,7 +2902,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			"leave-from-class": "hl-translate-y-0 hl-scale-100 hl-opacity-100",
 			"leave-to-class": "hl-translate-y-2 hl-scale-95 hl-opacity-0"
 		}, {
-			default: U(() => [z(n).visible ? (k(), l("div", Wt, [u("div", Gt, [u("div", Kt, [p(Ut, {
+			default: H(() => [z(n).visible ? (k(), l("div", Wt, [u("div", Gt, [u("div", Kt, [p(Ut, {
 				"notification-id": z(n).id,
 				type: z(n).type,
 				title: z(n).title,
@@ -2985,7 +2985,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 		function f() {
 			typeof document > "u" || n <= 0 || (--n, n === 0 && (document.body.style.overflow = r ?? "", r = null));
 		}
-		let m = V(e, "modelValue"), h = o(() => e.loading ?? e.isLoading), g = (e) => e === void 0 || typeof e == "object" && !Array.isArray(e), _ = o(() => g(e.componentProps) ? e.componentProps ?? {} : {}), v = o(() => _.value.title?.trim() || "Confirm action"), y = o(() => _.value.message?.trim() || "Are you sure?"), b = o(() => _.value.confirmText?.trim() || "Confirm"), S = o(() => _.value.cancelText?.trim() || "Cancel"), w = o(() => _.value.icon?.trim() || "shield-check"), T = o(() => {
+		let m = te(e, "modelValue"), h = o(() => e.loading ?? e.isLoading), g = (e) => e === void 0 || typeof e == "object" && !Array.isArray(e), _ = o(() => g(e.componentProps) ? e.componentProps ?? {} : {}), v = o(() => _.value.title?.trim() || "Confirm action"), y = o(() => _.value.message?.trim() || "Are you sure?"), b = o(() => _.value.confirmText?.trim() || "Confirm"), S = o(() => _.value.cancelText?.trim() || "Cancel"), w = o(() => _.value.icon?.trim() || "shield-check"), T = o(() => {
 			let e = _.value.iconSource;
 			if (typeof e == "string") return e.trim() || void 0;
 		}), E = o(() => _.value.hideIcon !== !0), D = t, A = () => {
@@ -2995,7 +2995,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 		}, M = () => {
 			h.value || D("confirm");
 		};
-		return H(m, (e) => {
+		return V(m, (e) => {
 			if (e) {
 				d();
 				return;
@@ -3011,7 +3011,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			"leave-from-class": "hl-opacity-100",
 			"leave-to-class": "hl-opacity-0"
 		}, {
-			default: U(() => [m.value ? (k(), l("div", tn, [u("div", {
+			default: H(() => [m.value ? (k(), l("div", tn, [u("div", {
 				class: C(["hl-absolute hl-inset-0", e.backdropClass]),
 				onClick: A
 			}, null, 2), p(a, {
@@ -3022,7 +3022,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				"leave-from-class": "hl-scale-100 hl-opacity-100",
 				"leave-to-class": "hl-scale-95 hl-opacity-0"
 			}, {
-				default: U(() => [m.value ? (k(), l("div", {
+				default: H(() => [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", nn, [e.type === "confirm" ? (k(), l("div", rn, [u("div", an, [E.value ? (k(), l("div", on, [E.value ? (k(), s(G, {
@@ -3195,22 +3195,22 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 		"close"
 	], ["update:modelValue"]),
 	setup(e, { expose: n, emit: a }) {
-		let d = V(e, "modelValue"), m = a, h = j(null), g = j(null), _ = j(""), v = j([]), y = j(0), b = j(-1), { referenceElement: D, floatingElement: O, visible: A, hide: M, show: P, toggle: F, styles: ee, updatePosition: R, trigger: te, floating: ne } = t({ placement: "bottom-start" }), re = t({
+		let d = te(e, "modelValue"), m = a, h = j(null), g = j(null), _ = j(""), v = j([]), y = j(0), b = j(-1), { referenceElement: D, floatingElement: O, visible: A, hide: M, show: P, toggle: F, styles: ee, updatePosition: R, trigger: ne, floating: re } = t({ placement: "bottom-start" }), ie = t({
 			placement: "top",
 			offset: 8
-		}), ie = I(""), ae = (e) => {
-			re.referenceElement.value = e;
-		}, oe = (e) => e.scrollWidth > e.clientWidth, se = async (e, t) => {
+		}), ae = I(""), oe = (e) => {
+			ie.referenceElement.value = e;
+		}, se = (e) => e.scrollWidth > e.clientWidth, ce = async (e, t) => {
 			let n = e.currentTarget, r = n.querySelector(".hl-truncate");
-			!r || !oe(r) || (ie.value = t.label, ae(n), re.show(), await S(), await re.updatePosition());
-		}, U = () => {
-			re.hide(), ae(null), ie.value = "";
-		}, ce = B(), W = o(() => e.id || ce), ue = o(() => `${W.value}-listbox`), de = o(() => `${W.value}-label`), fe = {
+			!r || !se(r) || (ae.value = t.label, oe(n), ie.show(), await S(), await ie.updatePosition());
+		}, H = () => {
+			ie.hide(), oe(null), ae.value = "";
+		}, le = B(), U = o(() => e.id || le), de = o(() => `${U.value}-listbox`), fe = o(() => `${U.value}-label`), pe = {
 			xs: "hl-size-6 hl-px-2 hl-text-xs",
 			sm: "hl-size-9 hl-px-2.5 hl-text-xs",
 			md: "hl-size-control-md hl-px-3 hl-text-sm",
 			lg: "hl-size-12 hl-px-4 hl-text-sm"
-		}, pe = {
+		}, me = {
 			primary: "hl-border-primary focus:hl-border-primary",
 			secondary: "hl-border-secondary focus:hl-border-secondary",
 			tertiary: "hl-border-tertiary focus:hl-border-tertiary",
@@ -3221,7 +3221,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			light: "hl-border-muted focus:hl-border-secondary",
 			dark: "hl-border-dark focus:hl-border-dark",
 			muted: "hl-border-muted focus:hl-border-muted"
-		}, me = {
+		}, he = {
 			primary: "hl-text-primary",
 			secondary: "hl-text-secondary",
 			tertiary: "hl-text-tertiary",
@@ -3232,7 +3232,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			light: "hl-theme-text",
 			dark: "hl-theme-text",
 			muted: "hl-text-muted"
-		}, he = {
+		}, ge = {
 			primary: "hl-bg-primary hl-border-primary",
 			secondary: "hl-bg-secondary hl-border-secondary",
 			tertiary: "hl-bg-tertiary hl-border-tertiary",
@@ -3243,7 +3243,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			light: "hl-bg-light hl-border-light",
 			dark: "hl-bg-dark hl-border-dark",
 			muted: "hl-bg-muted hl-border-muted"
-		}, ge = {
+		}, _e = {
 			primary: "hl-bg-primary-20 hl-border-primary",
 			secondary: "hl-bg-secondary-20 hl-border-secondary",
 			tertiary: "hl-bg-tertiary-20 hl-border-tertiary",
@@ -3254,7 +3254,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			light: "hl-bg-light hl-border-muted",
 			dark: "hl-bg-dark-20 hl-border-dark",
 			muted: "hl-bg-muted-20 hl-border-muted"
-		}, _e = {
+		}, ve = {
 			primary: "hover:hl-bg-primary-20",
 			secondary: "hover:hl-bg-secondary-20",
 			tertiary: "hover:hl-bg-tertiary-20",
@@ -3265,7 +3265,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			light: "hover:hl-bg-light-20",
 			dark: "hover:hl-bg-dark-20",
 			muted: "hover:hl-bg-muted-20"
-		}, ve = {
+		}, ye = {
 			primary: "hl-bg-primary-20",
 			secondary: "hl-bg-secondary-20",
 			tertiary: "hl-bg-tertiary-20",
@@ -3276,7 +3276,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			light: "hl-bg-light-20",
 			dark: "hl-bg-dark-20",
 			muted: "hl-bg-muted-20"
-		}, ye = {
+		}, be = {
 			primary: "light",
 			secondary: "light",
 			tertiary: "light",
@@ -3288,8 +3288,8 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			dark: "light",
 			muted: "light"
 		};
-		function be(e) {
-			return typeof e == "string" && Object.prototype.hasOwnProperty.call(pe, e);
+		function W(e) {
+			return typeof e == "string" && Object.prototype.hasOwnProperty.call(me, e);
 		}
 		function xe(e) {
 			return e instanceof HTMLElement ? e : e && "$el" in e && e.$el instanceof HTMLElement ? e.$el : null;
@@ -3347,7 +3347,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			return `${e.label}-${Ae(e.value)}-${t}`;
 		}
 		function Me(e) {
-			return `${ue.value}-option-${e}`;
+			return `${de.value}-option-${e}`;
 		}
 		let Ne = o(() => {
 			let t = /* @__PURE__ */ new Map();
@@ -3356,7 +3356,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 		}), Pe = (e) => Te(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), Ue = o(() => fe[e.size]), We = o(() => {
+		}), 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), Ue = o(() => pe[e.size]), We = o(() => {
 			let e = _.value.trim().toLowerCase();
 			return e ? Ne.value.filter((t) => t.label.toLowerCase().includes(e)) : Ne.value;
 		}), K = o(() => {
@@ -3377,8 +3377,8 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			return !e.allowCreateWhenNoMatch || !t || We.value.length > 0 ? !1 : !Ne.value.some((e) => e.label.toLowerCase() === t.toLowerCase());
 		}), q = o(() => {
 			if (!(b.value < 0) && !(b.value >= K.value.length)) return Me(b.value);
-		}), J = o(() => be(e.color) ? pe[e.color] : "hl-theme-border"), Je = o(() => be(e.color) ? me[e.color] : "hl-theme-text"), Ye = o(() => be(e.color) ? he[e.color] : "hl-border-dark hl-bg-dark hl-text-white"), Xe = o(() => be(e.color) ? he[e.color] : "hl-theme-border hl-theme-bg-muted hl-theme-text"), Ze = o(() => be(e.color) ? ge[e.color] : "hl-theme-bg-muted hl-theme-border-strong"), $e = o(() => be(e.color) ? _e[e.color] : "hover:hl-theme-bg-subtle"), et = o(() => be(e.color) ? ve[e.color] : "hl-theme-bg-muted"), tt = o(() => {
-			if (be(e.color)) return ye[e.color];
+		}), J = o(() => W(e.color) ? me[e.color] : "hl-theme-border"), Je = o(() => W(e.color) ? he[e.color] : "hl-theme-text"), Ye = o(() => W(e.color) ? ge[e.color] : "hl-border-dark hl-bg-dark hl-text-white"), Xe = o(() => W(e.color) ? ge[e.color] : "hl-theme-border hl-theme-bg-muted hl-theme-text"), Ze = o(() => W(e.color) ? _e[e.color] : "hl-theme-bg-muted hl-theme-border-strong"), $e = o(() => W(e.color) ? ve[e.color] : "hover:hl-theme-bg-subtle"), et = o(() => W(e.color) ? ye[e.color] : "hl-theme-bg-muted"), tt = o(() => {
+			if (W(e.color)) return be[e.color];
 		});
 		function Y(e) {
 			return Fe.value.some((t) => ke(e.value, t));
@@ -3528,15 +3528,15 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			let t = e.target, n = h.value?.contains(t) ?? !1, r = O.value?.contains(t) ?? !1;
 			!n && !r && M();
 		}
-		return n({ clearSelection: ut }), H(() => e.disabled, (e) => {
+		return n({ clearSelection: ut }), V(() => e.disabled, (e) => {
 			e && M();
-		}), H(A, async (e) => {
+		}), V(A, async (e) => {
 			if (e) {
 				m("open"), await S(), mt(), await R(), ot(), g.value?.focus({ preventScroll: !0 });
 				return;
 			}
 			m("close"), _.value = "", b.value = -1;
-		}), H(K, () => {
+		}), V(K, () => {
 			if (A.value) {
 				if (b.value < 0 || b.value >= K.value.length || K.value[b.value]?.disabled) {
 					ot();
@@ -3559,7 +3559,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				key: 0,
 				label: e.label,
 				description: e.description,
-				"label-id": e.label ? de.value : "",
+				"label-id": e.label ? fe.value : "",
 				required: e.required,
 				size: e.labelSize,
 				"label-class": e.labelClass
@@ -3573,8 +3573,8 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 			])) : c("", !0),
 			u("div", bn, [
 				u("button", {
-					id: W.value,
-					ref: z(te).ref,
+					id: U.value,
+					ref: z(ne).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", [
 						Ue.value,
@@ -3588,22 +3588,22 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 					]]),
 					disabled: e.disabled,
 					"aria-expanded": z(A),
-					"aria-controls": ue.value,
-					"aria-labelledby": e.label ? de.value : void 0,
+					"aria-controls": de.value,
+					"aria-labelledby": e.label ? fe.value : void 0,
 					"aria-haspopup": "listbox",
 					onClick: ht,
 					onKeydown: gt
 				}, [u("span", Sn, [e.multiple && Ie.value.length > 0 ? (k(), l("span", Cn, [(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) => se(t, e),
-					onMouseleave: U
+					onMouseenter: (t) => ce(t, e),
+					onMouseleave: H
 				}, [u("span", Tn, L(e.label), 1)], 42, wn))), 128)), ze.value > 0 ? (k(), l("span", En, " +" + L(ze.value) + " more ", 1)) : c("", !0)])) : (k(), l(r, { key: 1 }, [f(L(He.value), 1)], 64))]), u("span", Dn, [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: le(ut, ["stop"])
+					onClick: ue(ut, ["stop"])
 				}, [p(G, {
 					name: "x",
 					size: 14,
@@ -3615,12 +3615,12 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				})], 2)])], 42, xn),
 				(k(), s(i, { to: "body" }, [z(A) ? (k(), l("div", {
 					key: 0,
-					ref: z(ne).ref,
+					ref: z(re).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(Ke.value),
-					id: ue.value,
+					id: de.value,
 					role: "listbox",
-					"aria-labelledby": W.value,
+					"aria-labelledby": U.value,
 					"aria-activedescendant": q.value
 				}, [u("div", kn, [p(pt, {
 					ref: Se,
@@ -3678,10 +3678,10 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 					size: 14,
 					decorative: !0
 				})])) : c("", !0)], 4)], 12, On)) : c("", !0)])),
-				(k(), s(i, { to: "body" }, [ie.value ? (k(), l("div", x({ key: 0 }, z(re).floating.value, {
+				(k(), s(i, { to: "body" }, [ae.value ? (k(), l("div", x({ key: 0 }, z(ie).floating.value, {
 					class: "hanap-labs-theme hanap-labs-font hl-rounded-md hl-bg-black hl-px-2.5 hl-py-1.5 hl-text-xs hl-text-white hl-shadow-md hl-whitespace-nowrap hl-z-[70]",
 					role: "tooltip"
-				}), L(ie.value), 17)) : c("", !0)]))
+				}), L(ae.value), 17)) : c("", !0)]))
 			]),
 			Ve.value ? (k(), l("div", Ln, [e.error ? (k(), l("div", Rn, L(e.error), 1)) : c("", !0), (k(!0), l(r, null, N(e.errors, (e) => (k(), l("div", {
 				key: e,
@@ -3712,13 +3712,13 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 	}),
 	emits: /* @__PURE__ */ b(["tabs:change"], ["update:active"]),
 	setup(e, { emit: t }) {
-		let n = V(e, "active"), i = t, a = o(() => e.items.filter((e) => !e.disabled)), d = o({
+		let n = te(e, "active"), i = t, a = o(() => e.items.filter((e) => !e.disabled)), d = o({
 			get: () => n.value ?? "",
 			set: (e) => {
 				n.value !== e && (n.value = e, i("tabs:change", e));
 			}
 		}), f = B().replace(/:/g, ""), p = o(() => `hl-tabs-${f}`), m = o(() => v(d.value));
-		se(() => {
+		ce(() => {
 			if (!a.value.length) {
 				d.value = "";
 				return;
@@ -3763,7 +3763,7 @@ var Pt = { class: "hanap-labs-theme hanap-labs-font hl-relative hl-inline-block"
 				disabled: e.disabled,
 				onClick: (t) => h(e.value)
 			}, {
-				default: U(() => [u("span", Gn, [e.icon ? (k(), s(G, {
+				default: H(() => [u("span", Gn, [e.icon ? (k(), s(G, {
 					key: 0,
 					name: e.icon,
 					class: "hl-size-4 hl-shrink-0",
@@ -5276,7 +5276,7 @@ function yi(e) {
 	}, t ? vi(e) : e));
 	if (t) {
 		let t = I(e.data);
-		H(t, () => {
+		V(t, () => {
 			n.setState((e) => ({
 				...e,
 				data: t.value
@@ -5284,7 +5284,7 @@ function yi(e) {
 		}, { immediate: !0 });
 	}
 	let r = j(n.initialState);
-	return se(() => {
+	return ce(() => {
 		n.setOptions((n) => {
 			let i = new Proxy({}, { get: (e, t) => r.value[t] });
 			return gi(n, t ? vi(e) : e, {
@@ -5370,12 +5370,12 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 		"search:change"
 	], ["update:selectedRows"]),
 	setup(e, { expose: t, emit: n }) {
-		let i = V(e, "selectedRows"), a = n, d = te(), f = j([]), m = j({}), h = j(""), g = j(!1);
+		let i = te(e, "selectedRows"), a = n, d = ne(), f = j([]), m = j({}), h = j(""), g = j(!1);
 		function _(e) {
 			return Object.prototype.hasOwnProperty.call(e, "key");
 		}
 		function v(e, t) {
-			return typeof e == "boolean" ? e ? "Yes" : "No" : e == null || e === "" ? "-" : t === "date" ? W(e).format("MMM DD, YYYY") : String(e);
+			return typeof e == "boolean" ? e ? "Yes" : "No" : e == null || e === "" ? "-" : t === "date" ? U(e).format("MMM DD, YYYY") : String(e);
 		}
 		function y(e) {
 			let t = Yn();
@@ -5484,17 +5484,17 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 		function B(e) {
 			return e === "center" ? "hl-text-center" : e === "right" ? "hl-text-right" : "hl-text-left";
 		}
-		function ne(e) {
+		function re(e) {
 			return e === "center" ? "hl-justify-center" : e === "right" ? "hl-justify-end" : "hl-justify-start";
 		}
-		function re(e) {
+		function ie(e) {
 			return e === "center" ? "hl-mx-auto hl-w-3/4" : e === "right" ? "hl-ml-auto hl-w-3/4" : "hl-w-full";
 		}
-		H(T, (e, t) => {
+		V(T, (e, t) => {
 			t && !e && g.value && (g.value = !1);
-		}), H(m, () => {
+		}), V(m, () => {
 			i.value = A.value;
-		}, { deep: !0 }), H(i, (e) => {
+		}, { deep: !0 }), V(i, (e) => {
 			let t = A.value;
 			if (e.length === t.length && e.every((e) => t.includes(e))) return;
 			let n = {};
@@ -5502,7 +5502,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				n[e] = !0;
 			}), m.value = n;
 		});
-		function ie(e) {
+		function ae(e) {
 			let t = f.value.find((t) => t.id === e), n = t ? !t.desc : !1;
 			f.value = [{
 				id: e,
@@ -5512,41 +5512,41 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				direction: n ? "desc" : "asc"
 			});
 		}
-		function ae() {
+		function oe() {
 			g.value = !0, a("refresh:request");
 		}
-		function oe() {
+		function se() {
 			a("search:change", h.value);
 		}
-		function se() {
+		function ce() {
 			if (E.value) {
 				a("page:change", Math.max(1, D.value - 1));
 				return;
 			}
 			w.previousPage();
 		}
-		function ce() {
+		function le() {
 			if (E.value) {
 				a("page:change", Math.min(O.value, D.value + 1));
 				return;
 			}
 			w.nextPage();
 		}
-		function le(e) {
+		function ue(e) {
 			if (E.value) {
 				a("page:change", e);
 				return;
 			}
 			w.setPageIndex(e - 1);
 		}
-		function ue() {
+		function de() {
 			if (M.value) {
 				w.resetRowSelection();
 				return;
 			}
 			w.toggleAllPageRowsSelected(!0);
 		}
-		function de(e) {
+		function fe(e) {
 			e.toggleSelected();
 		}
 		return t({
@@ -5571,7 +5571,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					size: "md",
 					class: "hl-w-full hl-max-w-sm sm:hl-w-72",
 					"input-class": "hl-rounded-md hl-theme-border hl-bg-transparent hl-theme-text",
-					onInput: oe
+					onInput: se
 				}, null, 8, ["modelValue", "placeholder"])) : c("", !0),
 				e.refreshable ? (k(), s(J, {
 					key: 4,
@@ -5583,9 +5583,9 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					class: "!hl-size-control-md !hl-min-w-0 !hl-p-0 hl-shrink-0 hover:hl-text-primary",
 					disabled: g.value || T.value,
 					"aria-label": "Refresh",
-					onClick: ae
+					onClick: oe
 				}, {
-					icon: U(() => [p(G, {
+					icon: H(() => [p(G, {
 						name: "rotate-ccw",
 						size: 20,
 						decorative: !0,
@@ -5601,12 +5601,12 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				"aria-label": "Toggle all rows",
 				size: "md",
 				class: "hl-mx-auto hl-max-w-max",
-				"onUpdate:modelValue": ue
+				"onUpdate:modelValue": de
 			}, null, 8, ["model-value", "indeterminate"])])) : c("", !0), (k(!0), l(r, null, N(z(w).getFlatHeaders().filter((e) => e.id !== "select"), (e) => (k(), l("th", {
 				key: e.id,
 				class: C(["hl-whitespace-nowrap hl-px-4 hl-py-3", [B(R(e.column.columnDef.meta).alignment), { "hl-cursor-pointer hl-select-none hover:hl-text-primary": e.column.getCanSort() }]]),
-				onClick: (t) => e.column.getCanSort() ? ie(e.id) : void 0
-			}, [u("div", { class: C(["hl-flex hl-w-full hl-items-center hl-gap-1.5", ne(R(e.column.columnDef.meta).alignment)]) }, [e.isPlaceholder ? c("", !0) : (k(), s(z(_i), {
+				onClick: (t) => e.column.getCanSort() ? ae(e.id) : void 0
+			}, [u("div", { class: C(["hl-flex hl-w-full hl-items-center hl-gap-1.5", re(R(e.column.columnDef.meta).alignment)]) }, [e.isPlaceholder ? c("", !0) : (k(), s(z(_i), {
 				key: 0,
 				render: e.column.columnDef.header,
 				props: e.getContext()
@@ -5620,7 +5620,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			}, [e.selectable ? (k(), l("td", Ni, [...n[1] ||= [u("div", { class: "hl-theme-border hl-theme-bg-muted hl-mx-auto hl-size-5 hl-rounded hl-border hl-border-solid" }, null, -1)]])) : c("", !0), (k(!0), l(r, null, N(z(w).getAllColumns().filter((e) => e.id !== "select"), (e) => (k(), l("td", {
 				key: `${t}-${e.id}`,
 				class: C(["hl-whitespace-nowrap hl-px-4 hl-py-3", B(R(e.columnDef.meta).alignment)])
-			}, [u("div", { class: C(["hl-theme-bg-muted hl-h-4 hl-rounded", re(R(e.columnDef.meta).alignment)]) }, null, 2)], 2))), 128))])), 64)) : (k(!0), l(r, { key: 1 }, N(z(w).getRowModel().rows, (n) => (k(), l("tr", {
+			}, [u("div", { class: C(["hl-theme-bg-muted hl-h-4 hl-rounded", ie(R(e.columnDef.meta).alignment)]) }, null, 2)], 2))), 128))])), 64)) : (k(!0), l(r, { key: 1 }, N(z(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", Pi, [p(it, {
@@ -5628,11 +5628,11 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				"aria-label": "Toggle row",
 				size: "md",
 				class: "hl-mx-auto hl-max-w-max",
-				"onUpdate:modelValue": (e) => de(n)
+				"onUpdate:modelValue": (e) => fe(n)
 			}, null, 8, ["model-value", "onUpdate:modelValue"])])) : c("", !0), (k(!0), l(r, null, N(n.getVisibleCells().filter((e) => e.column.id !== "select"), (e) => (k(), l("td", {
 				key: e.id,
 				class: C(["hl-theme-text hl-whitespace-nowrap hl-px-4 hl-py-3", B(R(e.column.columnDef.meta).alignment)])
-			}, [u("div", { class: C(["hl-flex hl-w-full hl-items-center hl-gap-1.5", ne(R(e.column.columnDef.meta).alignment)]) }, [z(d)[e.column.id] ? P(t.$slots, e.column.id, {
+			}, [u("div", { class: C(["hl-flex hl-w-full hl-items-center hl-gap-1.5", re(R(e.column.columnDef.meta).alignment)]) }, [z(d)[e.column.id] ? P(t.$slots, e.column.id, {
 				key: 0,
 				row: n.original,
 				rowId: n.id,
@@ -5657,9 +5657,9 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					class: "!hl-size-9 !hl-min-w-0 !hl-p-0 hl-theme-hover-bg-muted",
 					disabled: E.value ? D.value <= 1 : !z(w).getCanPreviousPage(),
 					"aria-label": "Previous page",
-					onClick: se
+					onClick: ce
 				}, {
-					icon: U(() => [p(G, {
+					icon: H(() => [p(G, {
 						name: "chevron-left",
 						size: 14,
 						decorative: !0
@@ -5675,7 +5675,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					color: e === D.value ? "primary" : void 0,
 					rounded: !1,
 					class: C(["!hl-size-9 !hl-min-w-0 !hl-p-0", e === D.value ? "" : "hl-theme-hover-bg-muted"]),
-					onClick: (t) => le(e)
+					onClick: (t) => ue(e)
 				}, null, 8, [
 					"label",
 					"variant",
@@ -5693,9 +5693,9 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					class: "!hl-size-9 !hl-min-w-0 !hl-p-0 hl-theme-hover-bg-muted",
 					disabled: E.value ? D.value >= O.value : !z(w).getCanNextPage(),
 					"aria-label": "Next page",
-					onClick: ce
+					onClick: le
 				}, {
-					icon: U(() => [p(G, {
+					icon: H(() => [p(G, {
 						name: "chevron-right",
 						size: 14,
 						decorative: !0
@@ -5720,7 +5720,10 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 }, Ki = {
 	key: 0,
 	class: "hl-text-xs hl-input-error-theme"
-}, qi = /* @__PURE__ */ ke(/* @__PURE__ */ h({
+}, qi = {
+	key: 2,
+	class: "hl-mt-1 hl-text-right hl-text-xs hl-theme-text-muted"
+}, Ji = /* @__PURE__ */ ke(/* @__PURE__ */ h({
 	__name: "HLTextarea",
 	props: /* @__PURE__ */ b({
 		id: { default: "" },
@@ -5751,6 +5754,10 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 		noBorder: {
 			type: Boolean,
 			default: !1
+		},
+		counter: {
+			type: Boolean,
+			default: !1
 		}
 	}, {
 		modelValue: { default: "" },
@@ -5762,15 +5769,19 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 		"input"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = V(e, "modelValue"), i = Nt({
+		let n = te(e, "modelValue"), i = Nt({
 			input: n,
 			styleProp: "minHeight"
-		}), a = t;
-		function d(e) {
+		}), a = o(() => {
+			if (!e.counter || e.maxlength === void 0) return null;
+			let t = typeof e.maxlength == "string" ? Number(e.maxlength) : e.maxlength;
+			return Number.isFinite(t) && t > 0 ? t : null;
+		}), d = t;
+		function f(e) {
 			let t = B();
 			return { inputId: o(() => e || t) };
 		}
-		let { inputId: f } = d(e.id), p = o(() => !!e.error || e.errors.length > 0), m = {
+		let { inputId: p } = f(e.id), m = o(() => !!e.error || e.errors.length > 0), h = {
 			secondary: "hl-control-bg hl-border-secondary focus:hl-border-secondary",
 			tertiary: "hl-control-bg hl-border-tertiary focus:hl-border-tertiary",
 			primary: "hl-control-bg hl-border-primary focus:hl-border-primary",
@@ -5781,13 +5792,13 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			light: "hl-control-bg hl-border-muted focus:hl-border-secondary",
 			dark: "hl-control-bg hl-border-dark focus:hl-border-dark",
 			muted: "hl-control-bg hl-border-muted focus:hl-border-muted"
-		}, h = o(() => e.color ? m[e.color] : "hl-input-theme hl-input-default");
+		}, g = o(() => e.color ? h[e.color] : "hl-input-theme hl-input-default");
 		return (t, o) => (k(), l("div", Hi, [
 			e.label || e.description ? (k(), s(Qe, {
 				key: 0,
 				label: e.label,
 				description: e.description,
-				"for-id": z(f),
+				"for-id": z(p),
 				required: e.required,
 				size: e.labelSize,
 				"label-class": e.labelClass
@@ -5799,8 +5810,8 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				"size",
 				"label-class"
 			])) : c("", !0),
-			u("div", Ui, [ce(u("textarea", {
-				id: z(f),
+			u("div", Ui, [le(u("textarea", {
+				id: z(p),
 				ref: z(i).textarea,
 				"onUpdate:modelValue": o[0] ||= (e) => n.value = e,
 				placeholder: e.placeholder,
@@ -5811,25 +5822,26 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				maxlength: e.maxlength,
 				minlength: e.minlength,
 				class: C(["hl-theme-text hl-theme-placeholder hl-block hl-w-full hl-appearance-none hl-box-border hl-border hl-border-solid hl-leading-tight hl-transition-colors hl-duration-300 hl-no-focus-ring disabled:hl-cursor-not-allowed disabled:hl-opacity-60 hl-py-2.5 hl-px-3 hl-text-sm hl-rounded-lg hl-resize-none", [
-					h.value,
+					g.value,
 					e.inputClass,
 					{
 						"hl-cursor-not-allowed": e.disabled,
-						"hl-input-error-border-theme focus:hl-input-error-border-theme": p.value,
+						"hl-input-error-border-theme focus:hl-input-error-border-theme": m.value,
 						"hl-border-0 focus:hl-border-0": e.noBorder
 					}
 				]]),
-				onFocus: o[1] ||= (e) => a("focus"),
-				onBlur: o[2] ||= (e) => a("blur"),
-				onInput: o[3] ||= (e) => a("input")
-			}, null, 42, Wi), [[ae, n.value]])]),
-			p.value ? (k(), l("div", Gi, [e.error ? (k(), l("div", Ki, L(e.error), 1)) : c("", !0), (k(!0), l(r, null, N(e.errors, (e) => (k(), l("div", {
+				onFocus: o[1] ||= (e) => d("focus"),
+				onBlur: o[2] ||= (e) => d("blur"),
+				onInput: o[3] ||= (e) => d("input")
+			}, null, 42, Wi), [[oe, n.value]])]),
+			m.value ? (k(), l("div", Gi, [e.error ? (k(), l("div", Ki, L(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"
-			}, L(e), 1))), 128))])) : c("", !0)
+			}, L(e), 1))), 128))])) : c("", !0),
+			a.value === null ? c("", !0) : (k(), l("div", qi, L(n.value.length) + " / " + L(a.value), 1))
 		]));
 	}
-}), [["__scopeId", "data-v-d260a98c"]]), Ji = ["disabled"], Yi = { key: 1 }, Xi = /* @__PURE__ */ h({
+}), [["__scopeId", "data-v-917074ee"]]), Yi = ["disabled"], Xi = { key: 1 }, Zi = /* @__PURE__ */ h({
 	name: "DatepickerButton",
 	__name: "DatepickerButton",
 	props: {
@@ -5851,14 +5863,14 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				"hl-px-3 hl-py-1.5": !!e.label,
 				"hl-p-1.5": !!e.icon && !e.label
 			}]),
-			onClick: r[0] ||= le((e) => n("click"), ["stop"])
+			onClick: r[0] ||= ue((e) => n("click"), ["stop"])
 		}, [P(t.$slots, "default", {}, () => [e.icon ? (k(), s(G, {
 			key: 0,
 			name: e.icon,
 			size: 16
-		}, null, 8, ["name"])) : c("", !0), e.label ? (k(), l("span", Yi, L(e.label), 1)) : c("", !0)])], 10, Ji));
+		}, null, 8, ["name"])) : c("", !0), e.label ? (k(), l("span", Xi, L(e.label), 1)) : c("", !0)])], 10, Yi));
 	}
-}), Zi = ["disabled"], Qi = /* @__PURE__ */ h({
+}), Qi = ["disabled"], $i = /* @__PURE__ */ h({
 	name: "DatepickerGridButton",
 	__name: "DatepickerGridButton",
 	props: {
@@ -5902,36 +5914,36 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			type: "button",
 			disabled: e.disabled,
 			class: C(["hl-appearance-none hl-border-0 hl-no-focus-ring hl-color-transition hl-rounded-md hl-flex hl-items-center hl-justify-center hl-size-8 hl-text-sm hl-cursor-pointer", r()]),
-			onClick: i[0] ||= le((e) => n("click"), ["stop"]),
+			onClick: i[0] ||= ue((e) => n("click"), ["stop"]),
 			onMouseenter: i[1] ||= (e) => n("mouseenter"),
 			onMouseleave: i[2] ||= (e) => n("mouseleave")
-		}, [P(t.$slots, "default", {}, () => [f(L(e.label), 1)])], 42, Zi));
+		}, [P(t.$slots, "default", {}, () => [f(L(e.label), 1)])], 42, Qi));
 	}
-}), $i = { class: "hanap-labs-theme hanap-labs-font hl-w-full" }, ea = ["disabled", "aria-expanded"], ta = { class: "hl-truncate" }, na = { key: 0 }, ra = { key: 1 }, ia = {
+}), ea = { class: "hanap-labs-theme hanap-labs-font hl-w-full" }, ta = ["disabled", "aria-expanded"], na = { class: "hl-truncate" }, ra = { key: 0 }, ia = { key: 1 }, aa = {
 	key: 1,
 	class: "hl-mt-1 hl-space-y-1"
-}, aa = {
+}, oa = {
 	key: 0,
 	class: "hl-text-xs hl-input-error-theme"
-}, oa = { class: "hl-flex hl-items-center hl-justify-between hl-mb-4" }, sa = {
+}, sa = { class: "hl-flex hl-items-center hl-justify-between hl-mb-4" }, ca = {
 	key: 0,
 	class: "hl-flex hl-items-center hl-gap-1"
-}, ca = {
+}, la = {
 	key: 2,
 	class: "hl-text-sm hl-font-medium hl-px-2"
-}, la = { key: 0 }, ua = { class: "hl-flex-1" }, da = {
+}, ua = { key: 0 }, da = { class: "hl-flex-1" }, fa = {
 	key: 0,
 	class: "hl-flex hl-items-center hl-justify-center hl-mb-2"
-}, fa = { class: "hl-text-sm hl-font-medium hl-theme-text" }, pa = { class: "hl-grid hl-grid-cols-7 hl-gap-1 hl-mb-2" }, ma = { class: "hl-grid hl-grid-cols-7 hl-gap-1" }, ha = { key: 0 }, ga = {
+}, pa = { class: "hl-text-sm hl-font-medium hl-theme-text" }, ma = { class: "hl-grid hl-grid-cols-7 hl-gap-1 hl-mb-2" }, ha = { class: "hl-grid hl-grid-cols-7 hl-gap-1" }, ga = { key: 0 }, _a = {
 	key: 0,
 	class: "hl-flex-1"
-}, _a = { class: "hl-flex hl-items-center hl-justify-center hl-mb-2" }, va = { class: "hl-text-sm hl-font-medium hl-theme-text" }, ya = { class: "hl-grid hl-grid-cols-7 hl-gap-1 hl-mb-2" }, ba = { class: "hl-grid hl-grid-cols-7 hl-gap-1" }, xa = { key: 0 }, Sa = {
+}, va = { class: "hl-flex hl-items-center hl-justify-center hl-mb-2" }, ya = { class: "hl-text-sm hl-font-medium hl-theme-text" }, ba = { class: "hl-grid hl-grid-cols-7 hl-gap-1 hl-mb-2" }, xa = { class: "hl-grid hl-grid-cols-7 hl-gap-1" }, Sa = { key: 0 }, Ca = {
 	key: 1,
 	class: "hl-grid hl-grid-cols-4 hl-gap-2"
-}, Ca = {
+}, wa = {
 	key: 2,
 	class: "hl-grid hl-grid-cols-4 hl-gap-2"
-}, wa = /* @__PURE__ */ h({
+}, Ta = /* @__PURE__ */ h({
 	name: "HLDatepicker",
 	__name: "HLDatepicker",
 	props: /* @__PURE__ */ b({
@@ -5966,8 +5978,8 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 	}),
 	emits: /* @__PURE__ */ b(["change"], ["update:modelValue"]),
 	setup(e, { emit: n }) {
-		W.extend(ue), W.extend(de), W.extend(fe), W.extend(pe);
-		let d = V(e, "modelValue"), f = n, { visible: m, styles: h, toggle: g, hide: _, getTriggerBindings: v, getFloatingBindings: y, floatingElement: b, referenceElement: S } = t({
+		U.extend(de), U.extend(fe), U.extend(pe), U.extend(me);
+		let d = te(e, "modelValue"), f = n, { visible: m, styles: h, toggle: g, hide: _, getTriggerBindings: v, getFloatingBindings: y, floatingElement: b, referenceElement: S } = t({
 			placement: "bottom-start",
 			offset: 4,
 			flip: !0,
@@ -5976,7 +5988,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 		Ot(b, (e) => {
 			!S.value?.contains(e.target) && m.value && _();
 		}, { ignore: [S.value] });
-		let w = j("dates"), T = j(e.range ? d.value?.start || W() : d.value || W()), D = j("start"), O = j(null), A = [
+		let w = j("dates"), T = j(e.range ? d.value?.start || U() : d.value || U()), D = j("start"), O = j(null), A = [
 			"Su",
 			"Mo",
 			"Tu",
@@ -6005,7 +6017,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				let e = d.value;
 				return e ? e.format("MMMM D, YYYY") : "";
 			}
-		}), F = o(() => T.value.format("MMMM")), I = o(() => T.value.format("YYYY")), ee = o(() => T.value.add(1, "month").format("MMMM")), R = o(() => T.value.add(1, "month").format("YYYY")), B = o(() => Math.floor(T.value.year() / 10) * 10), te = o(() => B.value + 9), ne = (e) => {
+		}), F = o(() => T.value.format("MMMM")), I = o(() => T.value.format("YYYY")), ee = o(() => T.value.add(1, "month").format("MMMM")), R = o(() => T.value.add(1, "month").format("YYYY")), B = o(() => Math.floor(T.value.year() / 10) * 10), ne = o(() => B.value + 9), re = (e) => {
 			let t = e.startOf("month"), n = e.endOf("month"), r = [], i = t.isoWeekday() % 7;
 			for (let e = 0; e < i; e++) r.push(null);
 			let a = t;
@@ -6014,12 +6026,12 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				isCurrentMonth: !0
 			}), a = a.add(1, "day");
 			return r;
-		}, re = o(() => ne(T.value)), ie = o(() => ne(T.value.add(1, "month"))), ae = o(() => {
+		}, ie = o(() => re(T.value)), ae = o(() => re(T.value.add(1, "month"))), oe = o(() => {
 			let e = [];
-			for (let t = B.value - 1; t <= te.value + 1; t++) e.push(t);
+			for (let t = B.value - 1; t <= ne.value + 1; t++) e.push(t);
 			return e;
 		});
-		H(d, (t) => {
+		V(d, (t) => {
 			if (e.range) {
 				let e = t;
 				e?.start && e.start.isValid() && (T.value = e.start);
@@ -6027,17 +6039,17 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				let e = t;
 				e && e.isValid() && (T.value = e);
 			}
-		}), H(m, (t) => {
+		}), V(m, (t) => {
 			if (t) if (w.value = "dates", e.range) {
 				let e = d.value;
-				T.value = e?.start || W(), D.value = (e?.end, "start");
-			} else T.value = d.value || W();
+				T.value = e?.start || U(), D.value = (e?.end, "start");
+			} else T.value = d.value || U();
 		});
-		let oe = () => {
+		let se = () => {
 			w.value === "dates" ? T.value = T.value.subtract(1, "month").startOf("month") : w.value === "months" ? T.value = T.value.subtract(1, "year").startOf("month") : w.value === "years" && (T.value = T.value.subtract(10, "year").startOf("month"));
-		}, se = () => {
+		}, ce = () => {
 			w.value === "dates" ? T.value = T.value.add(1, "month").startOf("month") : w.value === "months" ? T.value = T.value.add(1, "year").startOf("month") : w.value === "years" && (T.value = T.value.add(10, "year").startOf("month"));
-		}, ce = (t) => {
+		}, le = (t) => {
 			if (e.range) {
 				let e = d.value;
 				return (e?.start?.isSame(t, "day") ?? !1) || (e?.end?.isSame(t, "day") ?? !1);
@@ -6045,7 +6057,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				let e = d.value;
 				return e ? t.isSame(e, "day") : !1;
 			}
-		}, me = (t) => {
+		}, he = (t) => {
 			if (!e.range) return !1;
 			let n = d.value;
 			if (!n?.start) return !1;
@@ -6053,15 +6065,15 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			if (!r) return !1;
 			let i = n.start.isBefore(r) ? n.start : r, a = n.start.isBefore(r) ? r : n.start;
 			return t.isAfter(i, "day") && t.isBefore(a, "day");
-		}, he = (t) => {
+		}, ge = (t) => {
 			if (!e.range) return !1;
 			let n = d.value;
 			return n?.start ? t.isSame(n.start, "day") : !1;
-		}, ge = (t) => {
+		}, _e = (t) => {
 			if (!e.range) return !1;
 			let n = d.value;
 			return n?.end ? t.isSame(n.end, "day") : !1;
-		}, _e = (t) => {
+		}, ve = (t) => {
 			if (e.range) {
 				let e = d.value;
 				return e?.start?.month() === t || e?.end?.month() === t;
@@ -6069,7 +6081,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				let e = d.value;
 				return !e || !e.isValid() ? !1 : e.month() === t;
 			}
-		}, ve = (t) => {
+		}, ye = (t) => {
 			if (e.range) {
 				let e = d.value;
 				return e?.start?.year() === t || e?.end?.year() === t;
@@ -6077,14 +6089,14 @@ var bi = { 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;
 			}
-		}, ye = (t) => !!(e.minDate && t.isSameOrBefore(W(e.minDate).subtract(1, "day"), "day") || e.maxDate && t.isSameOrAfter(W(e.maxDate).add(1, "day"), "day")), be = (t) => {
-			let n = T.value.year(), r = W().year(n).month(t).startOf("month"), i = W().year(n).month(t).endOf("month");
-			return !!(e.minDate && i.isSameOrBefore(W(e.minDate).subtract(1, "day"), "day") || e.maxDate && r.isSameOrAfter(W(e.maxDate).add(1, "day"), "day"));
+		}, be = (t) => !!(e.minDate && t.isSameOrBefore(U(e.minDate).subtract(1, "day"), "day") || e.maxDate && t.isSameOrAfter(U(e.maxDate).add(1, "day"), "day")), W = (t) => {
+			let n = T.value.year(), r = U().year(n).month(t).startOf("month"), i = U().year(n).month(t).endOf("month");
+			return !!(e.minDate && i.isSameOrBefore(U(e.minDate).subtract(1, "day"), "day") || e.maxDate && r.isSameOrAfter(U(e.maxDate).add(1, "day"), "day"));
 		}, xe = (t) => {
-			let n = W().year(t).startOf("year"), r = W().year(t).endOf("year");
-			return !!(e.minDate && r.isSameOrBefore(W(e.minDate).subtract(1, "day"), "day") || e.maxDate && n.isSameOrAfter(W(e.maxDate).add(1, "day"), "day"));
+			let n = U().year(t).startOf("year"), r = U().year(t).endOf("year");
+			return !!(e.minDate && r.isSameOrBefore(U(e.minDate).subtract(1, "day"), "day") || e.maxDate && n.isSameOrAfter(U(e.maxDate).add(1, "day"), "day"));
 		}, Se = (t) => {
-			if (!ye(t)) if (e.range) {
+			if (!be(t)) if (e.range) {
 				let e = d.value;
 				if (D.value === "start" || !e?.start) d.value = {
 					start: t,
@@ -6101,12 +6113,12 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				}
 			} else d.value = t, f("change", t), _();
 		}, Ce = (t) => {
-			if (be(t)) return;
-			let n = T.value.year(), r = T.value.date(), i = W().year(n).month(t).endOf("month").date(), a = Math.min(r, i), o = T.value.set("month", t).date(a);
+			if (W(t)) return;
+			let n = T.value.year(), r = T.value.date(), i = U().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";
 		}, we = (e) => {
 			if (xe(e)) return;
-			let t = T.value.month(), n = T.value.date(), r = W().year(e).month(t).endOf("month").date(), i = Math.min(n, r);
+			let t = T.value.month(), n = T.value.date(), r = U().year(e).month(t).endOf("month").date(), i = Math.min(n, r);
 			T.value = T.value.set("year", e).date(i), w.value = "months";
 		}, Te = () => {
 			d.value = e.range ? {
@@ -6119,10 +6131,10 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 		};
 		return E(() => {
 			if (!e.range && d.value === null) {
-				let e = W();
+				let e = U();
 				d.value = e, f("change", e);
 			}
-		}), (t, n) => (k(), l("div", $i, [
+		}), (t, n) => (k(), l("div", ea, [
 			e.label || e.description ? (k(), s(Qe, {
 				key: 0,
 				label: e.label,
@@ -6156,13 +6168,13 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				}, [p(G, {
 					name: "calendar",
 					class: "hl-size-4"
-				}), u("span", ta, [P.value ? (k(), l("span", na, L(P.value), 1)) : (k(), l("span", ra, L(e.placeholder), 1))])], 10, ea),
+				}), u("span", na, [P.value ? (k(), l("span", ra, L(P.value), 1)) : (k(), l("span", ia, L(e.placeholder), 1))])], 10, ta),
 				e.clearable && d.value && !e.disabled ? (k(), l("button", {
 					key: 0,
 					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: le(Te, ["stop"])
+					onClick: ue(Te, ["stop"])
 				}, [p(G, {
 					name: "x",
 					size: 14,
@@ -6174,7 +6186,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					decorative: !0
 				})], 2)
 			], 16),
-			e.error || e.errors.length ? (k(), l("div", ia, [e.error ? (k(), l("div", aa, L(e.error), 1)) : c("", !0), (k(!0), l(r, null, N(e.errors, (e) => (k(), l("div", {
+			e.error || e.errors.length ? (k(), l("div", aa, [e.error ? (k(), l("div", oa, L(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"
 			}, L(e), 1))), 128))])) : c("", !0),
@@ -6186,47 +6198,47 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 				"leave-from-class": "hl-opacity-100 hl-translate-y-0",
 				"leave-to-class": "hl-opacity-0 hl-translate-y-1"
 			}, {
-				default: U(() => [z(m) ? (k(), l("div", x({ key: 0 }, z(y)(), {
+				default: H(() => [z(m) ? (k(), l("div", x({ key: 0 }, z(y)(), {
 					style: z(h),
 					class: ["hanap-labs-theme hanap-labs-font hl-z-50 hl-theme-bg hl-border hl-theme-border hl-rounded-md hl-shadow-lg hl-p-4", [e.range ? "hl-w-[560px]" : "hl-w-64"]]
 				}), [
-					u("div", oa, [
-						p(Xi, {
+					u("div", sa, [
+						p(Zi, {
 							icon: "chevron-left",
-							onClick: oe
+							onClick: se
 						}),
-						e.range ? c("", !0) : (k(), l("div", sa, [
-							w.value === "dates" ? (k(), s(Xi, {
+						e.range ? c("", !0) : (k(), l("div", ca, [
+							w.value === "dates" ? (k(), s(Zi, {
 								key: 0,
 								label: F.value,
 								onClick: n[1] ||= (e) => w.value = "months"
 							}, null, 8, ["label"])) : c("", !0),
-							w.value === "dates" || w.value === "months" ? (k(), s(Xi, {
+							w.value === "dates" || w.value === "months" ? (k(), s(Zi, {
 								key: 1,
 								label: I.value,
 								onClick: n[2] ||= (e) => w.value = "years"
 							}, null, 8, ["label"])) : c("", !0),
-							w.value === "years" ? (k(), l("span", ca, L(B.value) + " - " + L(te.value), 1)) : c("", !0)
+							w.value === "years" ? (k(), l("span", la, L(B.value) + " - " + L(ne.value), 1)) : c("", !0)
 						])),
-						p(Xi, {
+						p(Zi, {
 							icon: "chevron-right",
-							onClick: se
+							onClick: ce
 						})
 					]),
-					w.value === "dates" ? (k(), l("div", la, [u("div", { class: C(["hl-flex", [e.range ? "hl-gap-8" : ""]]) }, [u("div", ua, [
-						e.range ? (k(), l("div", da, [u("span", fa, L(F.value) + " " + L(I.value), 1)])) : c("", !0),
-						u("div", pa, [(k(), l(r, null, N(A, (e) => u("div", {
+					w.value === "dates" ? (k(), l("div", ua, [u("div", { class: C(["hl-flex", [e.range ? "hl-gap-8" : ""]]) }, [u("div", da, [
+						e.range ? (k(), l("div", fa, [u("span", pa, L(F.value) + " " + L(I.value), 1)])) : c("", !0),
+						u("div", ma, [(k(), l(r, null, N(A, (e) => u("div", {
 							key: e,
 							class: "hl-text-xs hl-font-medium hl-text-center hl-theme-text-muted"
 						}, L(e), 1)), 64))]),
-						u("div", ma, [(k(!0), l(r, null, N(re.value, (e, t) => (k(), l(r, { key: t }, [e ? (k(), s(Qi, {
+						u("div", ha, [(k(!0), l(r, null, N(ie.value, (e, t) => (k(), l(r, { key: t }, [e ? (k(), s($i, {
 							key: 1,
 							label: e.dayjs.date(),
-							selected: ce(e.dayjs),
-							disabled: ye(e.dayjs),
-							"in-range": me(e.dayjs),
-							"range-start": he(e.dayjs),
-							"range-end": ge(e.dayjs),
+							selected: le(e.dayjs),
+							disabled: be(e.dayjs),
+							"in-range": he(e.dayjs),
+							"range-start": ge(e.dayjs),
+							"range-end": _e(e.dayjs),
 							onClick: (t) => Se(e.dayjs),
 							onMouseenter: (t) => O.value = e.dayjs,
 							onMouseleave: n[3] ||= (e) => O.value = null
@@ -6239,21 +6251,21 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 							"range-end",
 							"onClick",
 							"onMouseenter"
-						])) : (k(), l("div", ha))], 64))), 128))])
-					]), e.range ? (k(), l("div", ga, [
-						u("div", _a, [u("span", va, L(ee.value) + " " + L(R.value), 1)]),
-						u("div", ya, [(k(), l(r, null, N(A, (e) => u("div", {
+						])) : (k(), l("div", ga))], 64))), 128))])
+					]), e.range ? (k(), l("div", _a, [
+						u("div", va, [u("span", ya, L(ee.value) + " " + L(R.value), 1)]),
+						u("div", ba, [(k(), l(r, null, N(A, (e) => u("div", {
 							key: e,
 							class: "hl-text-xs hl-font-medium hl-text-center hl-theme-text-muted"
 						}, L(e), 1)), 64))]),
-						u("div", ba, [(k(!0), l(r, null, N(ie.value, (e, t) => (k(), l(r, { key: t }, [e ? (k(), s(Qi, {
+						u("div", xa, [(k(!0), l(r, null, N(ae.value, (e, t) => (k(), l(r, { key: t }, [e ? (k(), s($i, {
 							key: 1,
 							label: e.dayjs.date(),
-							selected: ce(e.dayjs),
-							disabled: ye(e.dayjs),
-							"in-range": me(e.dayjs),
-							"range-start": he(e.dayjs),
-							"range-end": ge(e.dayjs),
+							selected: le(e.dayjs),
+							disabled: be(e.dayjs),
+							"in-range": he(e.dayjs),
+							"range-start": ge(e.dayjs),
+							"range-end": _e(e.dayjs),
 							onClick: (t) => Se(e.dayjs),
 							onMouseenter: (t) => O.value = e.dayjs,
 							onMouseleave: n[4] ||= (e) => O.value = null
@@ -6266,13 +6278,13 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 							"range-end",
 							"onClick",
 							"onMouseenter"
-						])) : (k(), l("div", xa))], 64))), 128))])
+						])) : (k(), l("div", Sa))], 64))), 128))])
 					])) : c("", !0)], 2)])) : c("", !0),
-					w.value === "months" ? (k(), l("div", Sa, [(k(), l(r, null, N(M, (e, t) => p(Qi, {
+					w.value === "months" ? (k(), l("div", Ca, [(k(), l(r, null, N(M, (e, t) => p($i, {
 						key: e,
 						label: e,
-						selected: _e(t),
-						disabled: be(t),
+						selected: ve(t),
+						disabled: W(t),
 						onClick: (e) => Ce(t)
 					}, null, 8, [
 						"label",
@@ -6280,11 +6292,11 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 						"disabled",
 						"onClick"
 					])), 64))])) : c("", !0),
-					w.value === "years" ? (k(), l("div", Ca, [(k(!0), l(r, null, N(ae.value, (e) => (k(), s(Qi, {
+					w.value === "years" ? (k(), l("div", wa, [(k(!0), l(r, null, N(oe.value, (e) => (k(), s($i, {
 						key: e,
 						label: e,
-						selected: ve(e),
-						muted: e < B.value || e > te.value,
+						selected: ye(e),
+						muted: e < B.value || e > ne.value,
 						disabled: xe(e),
 						onClick: (t) => we(e)
 					}, null, 8, [
@@ -6299,13 +6311,13 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			})]))
 		]));
 	}
-}), Ta = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-1.5" }, Ea = {
+}), Ea = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-1.5" }, Da = {
 	key: 0,
 	class: "hl-flex hl-items-center hl-justify-between"
-}, Da = {
+}, Oa = {
 	key: 1,
 	class: "hl-text-sm hl-font-medium hl-theme-text"
-}, Oa = [
+}, ka = [
 	"tabindex",
 	"aria-valuemin",
 	"aria-valuemax",
@@ -6314,7 +6326,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 	"aria-labelledby",
 	"aria-label",
 	"aria-disabled"
-], ka = [
+], Aa = [
 	"tabindex",
 	"aria-valuemin",
 	"aria-valuemax",
@@ -6323,7 +6335,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 	"aria-labelledby",
 	"aria-label",
 	"aria-disabled"
-], Aa = [
+], ja = [
 	"tabindex",
 	"aria-valuemin",
 	"aria-valuemax",
@@ -6332,7 +6344,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 	"aria-labelledby",
 	"aria-label",
 	"aria-disabled"
-], ja = "hl-bg-primary", Ma = "hl-bg-primary-20", Na = /* @__PURE__ */ h({
+], Ma = "hl-bg-primary", Na = "hl-bg-primary-20", Pa = /* @__PURE__ */ h({
 	name: "HLRangeSlider",
 	__name: "HLRangeSlider",
 	props: /* @__PURE__ */ b({
@@ -6368,7 +6380,7 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = V(e, "modelValue"), n = B(), i = o(() => e.id || n), a = o(() => `${i.value}-label`), d = j(!1), f = j(!1), p = j(null), m = o(() => e.dual), h = o(() => Array.isArray(t.value) ? Math.min(e.max, Math.max(e.min, t.value[0])) : Math.min(e.max, Math.max(e.min, t.value))), g = o(() => Array.isArray(t.value) ? Math.min(e.max, Math.max(e.min, t.value[1])) : Math.min(e.max, Math.max(e.min, t.value))), _ = o(() => h.value), v = o(() => e.max === e.min ? 0 : (h.value - e.min) / (e.max - e.min) * 100), y = o(() => e.max === e.min ? 0 : (g.value - e.min) / (e.max - e.min) * 100), b = o(() => v.value), x = o(() => Math.min(v.value, y.value)), S = o(() => Math.abs(y.value - v.value)), T = o(() => Array.isArray(t.value) ? `${e.valuePrefix}${h.value}${e.valueSuffix} – ${e.valuePrefix}${g.value}${e.valueSuffix}` : `${e.valuePrefix}${_.value}${e.valueSuffix}`), E = (t) => {
+		let t = te(e, "modelValue"), n = B(), i = o(() => e.id || n), a = o(() => `${i.value}-label`), d = j(!1), f = j(!1), p = j(null), m = o(() => e.dual), h = o(() => Array.isArray(t.value) ? Math.min(e.max, Math.max(e.min, t.value[0])) : Math.min(e.max, Math.max(e.min, t.value))), g = o(() => Array.isArray(t.value) ? Math.min(e.max, Math.max(e.min, t.value[1])) : Math.min(e.max, Math.max(e.min, t.value))), _ = o(() => h.value), v = o(() => e.max === e.min ? 0 : (h.value - e.min) / (e.max - e.min) * 100), y = o(() => e.max === e.min ? 0 : (g.value - e.min) / (e.max - e.min) * 100), b = o(() => v.value), x = o(() => Math.min(v.value, y.value)), S = o(() => Math.abs(y.value - v.value)), T = o(() => Array.isArray(t.value) ? `${e.valuePrefix}${h.value}${e.valueSuffix} – ${e.valuePrefix}${g.value}${e.valueSuffix}` : `${e.valuePrefix}${_.value}${e.valueSuffix}`), E = (t) => {
 			let n = Math.round(t / e.step) * e.step;
 			return Math.min(e.max, Math.max(e.min, n));
 		}, D = (n) => {
@@ -6456,13 +6468,13 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			light: "hl-bg-light-20",
 			dark: "hl-bg-dark-20",
 			muted: "hl-bg-muted-20"
-		}, z = o(() => F[e.size] || F.md), te = o(() => I[e.size] || I.md), ne = o(() => e.color && ee[e.color] || ja), re = o(() => e.color && R[e.color] || Ma), ie = o(() => `translate(-50%, -50%) scale(${d.value ? 1.25 : 1})`), ae = o(() => `translate(-50%, -50%) scale(${f.value ? 1.25 : 1})`);
-		return H(t, (n) => {
+		}, z = o(() => F[e.size] || F.md), ne = o(() => I[e.size] || I.md), re = o(() => e.color && ee[e.color] || Ma), ie = o(() => e.color && R[e.color] || Na), ae = o(() => `translate(-50%, -50%) scale(${d.value ? 1.25 : 1})`), oe = o(() => `translate(-50%, -50%) scale(${f.value ? 1.25 : 1})`);
+		return V(t, (n) => {
 			if (Array.isArray(n)) {
 				let r = Math.min(e.max, Math.max(e.min, n[0])), i = Math.min(e.max, Math.max(e.min, n[1]));
 				(r !== n[0] || i !== n[1]) && (t.value = [r, i]);
 			} else n < e.min && (t.value = e.min), n > e.max && (t.value = e.max);
-		}), (t, n) => (k(), l("div", Ta, [e.label || e.description || e.showValue ? (k(), l("div", Ea, [e.label || e.description ? (k(), s(Qe, {
+		}), (t, n) => (k(), l("div", Ea, [e.label || e.description || e.showValue ? (k(), l("div", Da, [e.label || e.description ? (k(), s(Qe, {
 			key: 0,
 			label: e.label,
 			description: e.description,
@@ -6479,28 +6491,28 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			"size",
 			"label-class",
 			"description-class"
-		])) : c("", !0), e.showValue ? (k(), l("span", Da, L(T.value), 1)) : c("", !0)])) : c("", !0), u("div", { class: C(["hl-relative hl-flex hl-w-full hl-items-center", { "hl-cursor-not-allowed hl-opacity-50": e.disabled }]) }, [u("div", {
+		])) : c("", !0), e.showValue ? (k(), l("span", Oa, L(T.value), 1)) : c("", !0)])) : c("", !0), u("div", { class: C(["hl-relative hl-flex hl-w-full hl-items-center", { "hl-cursor-not-allowed hl-opacity-50": e.disabled }]) }, [u("div", {
 			ref_key: "trackRef",
 			ref: p,
-			class: C(["hl-relative hl-w-full hl-cursor-pointer hl-rounded-full", [z.value, re.value]]),
+			class: C(["hl-relative hl-w-full hl-cursor-pointer hl-rounded-full", [z.value, ie.value]]),
 			onClick: A
 		}, [u("div", {
-			class: C(["hl-absolute hl-top-0 hl-h-full hl-rounded-full", [ne.value, z.value]]),
+			class: C(["hl-absolute hl-top-0 hl-h-full hl-rounded-full", [re.value, z.value]]),
 			style: w(m.value ? {
 				left: `${x.value}%`,
 				width: `${S.value}%`
 			} : { width: `${b.value}%` })
 		}, null, 6), m.value ? (k(), l(r, { key: 0 }, [u("div", {
 			class: C(["hl-absolute hl-top-1/2 hl-cursor-grab hl-rounded-full hl-bg-white hl-shadow-md hl-border hl-theme-border focus:hl-outline-none focus:hl-ring-2 focus:hl-ring-offset-2 dark:hl-theme-bg-subtle dark:hl-theme-border-strong", [
-				te.value,
-				ne.value.replace("hl-bg-", "focus:hl-ring-"),
+				ne.value,
+				re.value.replace("hl-bg-", "focus:hl-ring-"),
 				d.value ? "hl-transition-none" : "hl-transition-all hl-duration-150",
 				{ "hl-cursor-grabbing": d.value },
 				{ "hl-cursor-not-allowed": e.disabled }
 			]]),
 			style: w({
 				left: `${v.value}%`,
-				transform: ie.value
+				transform: ae.value
 			}),
 			role: "slider",
 			tabindex: e.disabled ? -1 : 0,
@@ -6514,17 +6526,17 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			onMousedown: n[0] ||= (e) => M(e, "lower"),
 			onTouchstart: n[1] ||= (e) => N(e, "lower"),
 			onKeydown: n[2] ||= (e) => P(e, "lower")
-		}, null, 46, Oa), u("div", {
+		}, null, 46, ka), u("div", {
 			class: C(["hl-absolute hl-top-1/2 hl-cursor-grab hl-rounded-full hl-bg-white hl-shadow-md hl-border hl-theme-border focus:hl-outline-none focus:hl-ring-2 focus:hl-ring-offset-2 dark:hl-theme-bg-subtle dark:hl-theme-border-strong", [
-				te.value,
-				ne.value.replace("hl-bg-", "focus:hl-ring-"),
+				ne.value,
+				re.value.replace("hl-bg-", "focus:hl-ring-"),
 				f.value ? "hl-transition-none" : "hl-transition-all hl-duration-150",
 				{ "hl-cursor-grabbing": f.value },
 				{ "hl-cursor-not-allowed": e.disabled }
 			]]),
 			style: w({
 				left: `${y.value}%`,
-				transform: ae.value
+				transform: oe.value
 			}),
 			role: "slider",
 			tabindex: e.disabled ? -1 : 0,
@@ -6538,18 +6550,18 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			onMousedown: n[3] ||= (e) => M(e, "upper"),
 			onTouchstart: n[4] ||= (e) => N(e, "upper"),
 			onKeydown: n[5] ||= (e) => P(e, "upper")
-		}, null, 46, ka)], 64)) : (k(), l("div", {
+		}, null, 46, Aa)], 64)) : (k(), l("div", {
 			key: 1,
 			class: C(["hl-absolute hl-top-1/2 hl-cursor-grab hl-rounded-full hl-bg-white hl-shadow-md hl-border hl-theme-border focus:hl-outline-none focus:hl-ring-2 focus:hl-ring-offset-2 dark:hl-theme-bg-subtle dark:hl-theme-border-strong", [
-				te.value,
-				ne.value.replace("hl-bg-", "focus:hl-ring-"),
+				ne.value,
+				re.value.replace("hl-bg-", "focus:hl-ring-"),
 				d.value ? "hl-transition-none" : "hl-transition-all hl-duration-150",
 				{ "hl-cursor-grabbing": d.value },
 				{ "hl-cursor-not-allowed": e.disabled }
 			]]),
 			style: w({
 				left: `${b.value}%`,
-				transform: ie.value
+				transform: ae.value
 			}),
 			role: "slider",
 			tabindex: e.disabled ? -1 : 0,
@@ -6563,19 +6575,21 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			onMousedown: n[6] ||= (e) => M(e, "lower"),
 			onTouchstart: n[7] ||= (e) => N(e, "lower"),
 			onKeydown: n[8] ||= (e) => P(e, "lower")
-		}, null, 46, Aa))], 2)], 2)]));
+		}, null, 46, ja))], 2)], 2)]));
 	}
-}), Pa = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col" }, Fa = {
+}), Fa = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col" }, Ia = {
 	key: 0,
 	class: "hl-flex hl-items-start hl-justify-between"
-}, Ia = {
+}, La = {
 	key: 1,
 	class: "hl-text-sm hl-font-medium hl-theme-text"
-}, La = [
+}, Ra = [
 	"aria-label",
 	"aria-labelledby",
-	"aria-disabled"
-], Ra = [
+	"aria-disabled",
+	"aria-invalid",
+	"aria-errormessage"
+], za = [
 	"aria-checked",
 	"aria-label",
 	"disabled",
@@ -6583,7 +6597,10 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 	"onClick",
 	"onMouseenter",
 	"onKeydown"
-], za = "hl-text-warning", Ba = /* @__PURE__ */ ke(/* @__PURE__ */ h({
+], Ba = ["id"], Va = {
+	key: 0,
+	class: "hl-text-xs hl-input-error-theme"
+}, Ha = "hl-text-warning", Ua = /* @__PURE__ */ ke(/* @__PURE__ */ h({
 	name: "HLRating",
 	__name: "HLRating",
 	props: /* @__PURE__ */ b({
@@ -6621,24 +6638,30 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 		filled: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		error: { default: "" },
+		errors: { default: () => [] }
 	}, {
 		modelValue: { default: 0 },
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = V(e, "modelValue"), n = B(), i = o(() => e.id || n), a = o(() => `${i.value}-label`), d = j(0), f = o(() => !e.disabled && !e.readonly), m = o(() => d.value > 0 ? d.value : t.value), h = o(() => Math.min(e.max, Math.max(0, m.value))), g = o(() => `${t.value} / ${e.max}`), _ = {
+		let t = te(e, "modelValue"), n = B(), i = o(() => e.id || n), a = o(() => `${i.value}-label`), d = o(() => `${i.value}-errors`), f = o(() => e.error), m = o(() => {
+			let t = [];
+			for (let n of e.errors) t.includes(n) || t.push(n);
+			return t;
+		}), h = o(() => !!f.value || m.value.length > 0), g = j(0), _ = o(() => !e.disabled && !e.readonly), v = o(() => g.value > 0 ? g.value : t.value), y = o(() => Math.min(e.max, Math.max(0, v.value))), b = o(() => `${t.value} / ${e.max}`), x = {
 			xs: "hl-size-5",
 			sm: "hl-size-6",
 			md: "hl-size-8",
 			lg: "hl-size-10"
-		}, v = {
+		}, S = {
 			xs: 20,
 			sm: 24,
 			md: 32,
 			lg: 40
-		}, y = {
+		}, w = {
 			primary: "hl-text-primary",
 			secondary: "hl-text-secondary",
 			tertiary: "hl-text-tertiary",
@@ -6649,20 +6672,20 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 			light: "hl-text-light",
 			dark: "hl-text-dark",
 			muted: "hl-text-muted"
-		}, b = o(() => _[e.size]), x = o(() => v[e.size]), S = o(() => e.color && y[e.color] || za), w = (t) => {
-			let n = h.value;
+		}, T = o(() => x[e.size]), E = o(() => S[e.size]), D = o(() => e.color && w[e.color] || Ha), O = (t) => {
+			let n = y.value;
 			return n >= t ? "filled" : e.allowHalf && n >= t - .5 ? "half" : "empty";
-		}, T = (n) => {
-			if (f.value) if (e.allowHalf) {
+		}, A = (n) => {
+			if (_.value) if (e.allowHalf) {
 				let e = t.value, r = n - .5;
 				e === n ? t.value = r : e === r ? t.value = 0 : t.value = n;
 			} else t.value === n ? t.value = 0 : t.value = n;
-		}, E = (e) => {
-			f.value && (d.value = e);
-		}, D = () => {
-			f.value && (d.value = 0);
-		}, O = (n, r) => {
-			if (!f.value) return;
+		}, M = (e) => {
+			_.value && (g.value = e);
+		}, P = () => {
+			_.value && (g.value = 0);
+		}, F = (n, r) => {
+			if (!_.value) return;
 			let i = t.value;
 			switch (n.key) {
 				case "ArrowRight":
@@ -6681,64 +6704,78 @@ var bi = { class: "hanap-labs-theme hanap-labs-font hl-flex hl-flex-col hl-gap-4
 					break;
 				case " ":
 				case "Enter":
-					n.preventDefault(), T(r);
+					n.preventDefault(), A(r);
 					return;
 			}
 			i !== t.value && (t.value = i);
 		};
-		return (n, o) => (k(), l("div", Pa, [e.label || e.description || e.showValue ? (k(), l("div", Fa, [e.label || e.description ? (k(), s(Qe, {
-			key: 0,
-			label: e.label,
-			description: e.description,
-			"for-id": i.value,
-			"label-id": a.value,
-			required: e.required,
-			size: e.labelSize,
-			"label-class": e.labelClass,
-			"description-class": e.descriptionClass
-		}, null, 8, [
-			"label",
-			"description",
-			"for-id",
-			"label-id",
-			"required",
-			"size",
-			"label-class",
-			"description-class"
-		])) : c("", !0), e.showValue ? (k(), l("span", Ia, L(g.value), 1)) : c("", !0)])) : c("", !0), u("div", {
-			class: C(["hl-inline-flex hl-items-center hl-gap-px", { "hl-cursor-not-allowed hl-opacity-50": e.disabled }]),
-			role: "radiogroup",
-			"aria-label": e.ariaLabel || e.label || "Rating",
-			"aria-labelledby": e.label ? a.value : void 0,
-			"aria-disabled": e.disabled
-		}, [(k(!0), l(r, null, N(e.max, (n) => (k(), l("button", {
-			key: n,
-			type: "button",
-			role: "radio",
-			"aria-checked": t.value === n,
-			"aria-label": `${n} star${n > 1 ? "s" : ""}`,
-			disabled: e.disabled,
-			tabindex: e.disabled ? -1 : 0,
-			class: C(["hl-inline-flex hl-items-center hl-justify-center hl-rounded hl-transition-all hl-duration-150 hl-bg-transparent hl-border-0 hl-appearance-none hl-px-px", [
-				b.value,
-				f.value ? "hl-cursor-pointer hover:hl-scale-110" : "hl-cursor-default",
-				S.value,
-				w(n) === "empty" ? "hl-opacity-30" : "hl-opacity-100"
-			]]),
-			onClick: (e) => T(n),
-			onMouseenter: (e) => E(n),
-			onMouseleave: D,
-			onKeydown: (e) => O(e, n)
-		}, [p(G, {
-			name: e.icon,
-			size: x.value,
-			class: C(["hl-transition-colors hl-duration-150", { "hl-rating-filled": e.filled }])
-		}, null, 8, [
-			"name",
-			"size",
-			"class"
-		])], 42, Ra))), 128))], 10, La)]));
+		return (n, o) => (k(), l("div", Fa, [
+			e.label || e.description || e.showValue ? (k(), l("div", Ia, [e.label || e.description ? (k(), s(Qe, {
+				key: 0,
+				label: e.label,
+				description: e.description,
+				"for-id": i.value,
+				"label-id": a.value,
+				required: e.required,
+				size: e.labelSize,
+				"label-class": e.labelClass,
+				"description-class": e.descriptionClass
+			}, null, 8, [
+				"label",
+				"description",
+				"for-id",
+				"label-id",
+				"required",
+				"size",
+				"label-class",
+				"description-class"
+			])) : c("", !0), e.showValue ? (k(), l("span", La, L(b.value), 1)) : c("", !0)])) : c("", !0),
+			u("div", {
+				class: C(["hl-inline-flex hl-items-center hl-gap-px", { "hl-cursor-not-allowed hl-opacity-50": e.disabled }]),
+				role: "radiogroup",
+				"aria-label": e.ariaLabel || e.label || "Rating",
+				"aria-labelledby": e.label ? a.value : void 0,
+				"aria-disabled": e.disabled,
+				"aria-invalid": h.value || void 0,
+				"aria-errormessage": h.value ? d.value : void 0
+			}, [(k(!0), l(r, null, N(e.max, (n) => (k(), l("button", {
+				key: n,
+				type: "button",
+				role: "radio",
+				"aria-checked": t.value === n,
+				"aria-label": `${n} star${n > 1 ? "s" : ""}`,
+				disabled: e.disabled,
+				tabindex: e.disabled ? -1 : 0,
+				class: C(["hl-inline-flex hl-items-center hl-justify-center hl-rounded hl-transition-all hl-duration-150 hl-bg-transparent hl-border-0 hl-appearance-none hl-px-px", [
+					T.value,
+					_.value ? "hl-cursor-pointer hover:hl-scale-110" : "hl-cursor-default",
+					D.value,
+					O(n) === "empty" ? "hl-opacity-30" : "hl-opacity-100"
+				]]),
+				onClick: (e) => A(n),
+				onMouseenter: (e) => M(n),
+				onMouseleave: P,
+				onKeydown: (e) => F(e, n)
+			}, [p(G, {
+				name: e.icon,
+				size: E.value,
+				class: C(["hl-transition-colors hl-duration-150", { "hl-rating-filled": e.filled }])
+			}, null, 8, [
+				"name",
+				"size",
+				"class"
+			])], 42, za))), 128))], 10, Ra),
+			h.value ? (k(), l("div", {
+				key: 1,
+				id: d.value,
+				class: "hl-mt-1 hl-space-y-1",
+				role: "alert"
+			}, [f.value ? (k(), l("div", Va, L(f.value), 1)) : c("", !0), (k(!0), l(r, null, N(m.value, (e) => (k(), l("div", {
+				key: e,
+				class: "hl-text-xs hl-input-error-theme"
+			}, L(e), 1))), 128))], 8, Ba)) : c("", !0)
+		]));
 	}
-}), [["__scopeId", "data-v-7e7e61bd"]]);
+}), [["__scopeId", "data-v-6723e536"]]);
 //#endregion
-export { we as A, Ge as C, G as D, Pe as E, Ce as M, be as O, J as S, Be as T, Lt as _, Vi as a, Qe as b, zn as c, fn as d, dn as f, Ut as g, qt as h, qi as i, Se as j, xe as k, yn as l, $t as m, Na as n, Jn as o, en as p, wa as r, Bn as s, Ba as t, vn as u, pt as v, We as w, Je as x, it as y };
+export { we as A, Ge as C, G as D, Pe as E, Ce as M, W as O, J as S, Be as T, Lt as _, Vi as a, Qe as b, zn as c, fn as d, dn as f, Ut as g, qt as h, Ji as i, Se as j, xe as k, yn as l, $t as m, Pa as n, Jn as o, en as p, Ta as r, Bn as s, Ua as t, vn as u, pt as v, We as w, Je as x, it as y };