hanap-labs 0.1.6 → 0.1.8

package/dist/chunks/{components-DXJcnHMH.js → components-CvY8HZcG.js}

@@ -1,8 +1,8 @@
 import { n as e, r as t, t as n } from "./usePopup-zCvtcQsc.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 ee, onMounted as T, onScopeDispose as E, onUnmounted as te, openBlock as D, readonly as O, ref as k, render as A, renderList as j, renderSlot as M, resolveDynamicComponent as ne, shallowRef as re, toDisplayString as N, toRef as ie, toValue as P, unref as F, useId as ae, useModel as oe, useSlots as se, vModelCheckbox as ce, vModelDynamic as le, vModelText as ue, watch as I, watchEffect as de, withCtx as L, withDirectives as fe, withModifiers as pe } from "vue";
+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 ee, onMounted as T, onScopeDispose as E, onUnmounted as te, openBlock as D, readonly as O, ref as k, render as A, renderList as j, renderSlot as M, resolveDynamicComponent as ne, shallowRef as re, toDisplayString as N, toRef as ie, toValue as P, unref as F, useId as I, useModel as L, useSlots as ae, vModelCheckbox as oe, vModelDynamic as se, vModelText as ce, watch as R, watchEffect as le, withCtx as z, withDirectives as ue, withModifiers as de } from "vue";
 //#endregion
 //#region src/components/hl-icon/HLIcon.registry.ts
-var me = /* @__PURE__ */ Object.assign({
+var fe = /* @__PURE__ */ Object.assign({
 	"../../assets/icons/check.svg": "<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n  <path fill-rule=\"evenodd\" d=\"M16.704 5.29a1 1 0 010 1.414l-7.2 7.2a1 1 0 01-1.414 0l-3.6-3.6a1 1 0 011.414-1.414l2.893 2.893 6.493-6.493a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n</svg>",
 	"../../assets/icons/chevron-down.svg": "<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n  <path\n    fill-rule=\"evenodd\"\n    d=\"M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z\"\n    clip-rule=\"evenodd\"\n  />\n</svg>\n",
 	"../../assets/icons/chevron-left.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5 8.25 12l7.5-7.5\" />\n</svg>\n",
@@ -16,24 +16,24 @@ var me = /* @__PURE__ */ Object.assign({
 	"../../assets/icons/spinner.svg": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <circle\n    cx=\"12\"\n    cy=\"12\"\n    r=\"9\"\n    stroke=\"currentColor\"\n    stroke-width=\"3\"\n    opacity=\"0.2\"\n  />\n  <circle\n    cx=\"12\"\n    cy=\"12\"\n    r=\"9\"\n    stroke=\"currentColor\"\n    stroke-width=\"3\"\n    stroke-linecap=\"round\"\n    stroke-dasharray=\"42 14\"\n    transform=\"rotate(-90 12 12)\"\n  />\n</svg>\n",
 	"../../assets/icons/three-dots.svg": "<svg fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n  <circle cx=\"10\" cy=\"4\" r=\"2\" />\n  <circle cx=\"10\" cy=\"10\" r=\"2\" />\n  <circle cx=\"10\" cy=\"16\" r=\"2\" />\n</svg>",
 	"../../assets/icons/x-mark.svg": "<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n  <path\n    fill-rule=\"evenodd\"\n    d=\"M4.22 4.22a.75.75 0 011.06 0L10 8.94l4.72-4.72a.75.75 0 111.06 1.06L11.06 10l4.72 4.72a.75.75 0 11-1.06 1.06L10 11.06l-4.72 4.72a.75.75 0 11-1.06-1.06L8.94 10 4.22 5.28a.75.75 0 010-1.06z\"\n    clip-rule=\"evenodd\"\n  />\n</svg>\n"
-}), he = /\/([^/]+)\.svg$/, R = {};
-for (let [e, t] of Object.entries(me)) {
-	let n = e.match(he);
+}), pe = /\/([^/]+)\.svg$/, me = {};
+for (let [e, t] of Object.entries(fe)) {
+	let n = e.match(pe);
 	if (!n) continue;
 	let r = n[1];
-	R[r] = t;
+	me[r] = t;
 }
-var ge = Object.freeze(Object.keys(R).sort((e, t) => e.localeCompare(t)));
-function _e(e) {
-	return R[e];
+var he = Object.freeze(Object.keys(me).sort((e, t) => e.localeCompare(t)));
+function ge(e) {
+	return me[e];
 }
 //#endregion
 //#region src/components/hl-icon/HLIcon.vue?vue&type=script&setup=true&lang.ts
-var ve = [
+var _e = [
 	"role",
 	"aria-label",
 	"aria-hidden"
-], ye = ["title", "innerHTML"], z = ["title"], be = /* @__PURE__ */ h({
+], B = ["title", "innerHTML"], ve = ["title"], ye = /* @__PURE__ */ h({
 	__name: "HLIcon",
 	props: {
 		name: {},
@@ -47,15 +47,45 @@ var ve = [
 		ariaLabel: { default: "" }
 	},
 	setup(e) {
-		let t = o(() => typeof e.size == "number" ? `${e.size}px` : e.size);
-		function n(e) {
+		let t = {
+			10: "size-2.5",
+			"10px": "size-2.5",
+			12: "size-3",
+			"12px": "size-3",
+			14: "size-3.5",
+			"14px": "size-3.5",
+			16: "size-4",
+			"16px": "size-4",
+			18: "size-[18px]",
+			"18px": "size-[18px]",
+			20: "size-5",
+			"20px": "size-5",
+			24: "size-6",
+			"24px": "size-6",
+			28: "size-7",
+			"28px": "size-7",
+			32: "size-8",
+			"32px": "size-8",
+			36: "size-9",
+			"36px": "size-9",
+			40: "size-10",
+			"40px": "size-10",
+			42: "size-control-md",
+			"42px": "size-control-md",
+			48: "size-12",
+			"48px": "size-12"
+		}, n = o(() => typeof e.size == "number" ? String(e.size) : e.size.trim()), r = o(() => t[n.value]), i = o(() => r.value ? void 0 : {
+			width: typeof e.size == "number" ? `${e.size}px` : e.size,
+			height: typeof e.size == "number" ? `${e.size}px` : e.size
+		});
+		function a(e) {
 			let t = e.trim();
 			return !(!t.startsWith("<svg") || !t.endsWith("</svg>") || /<script[\s>]/i.test(t) || /\son[a-z]+\s*=/i.test(t) || /javascript:/i.test(t));
 		}
-		let r = o(() => {
-			let t = _e(e.name);
-			if (t) return n(t) ? t : void 0;
-		}), i = o(() => e.ariaLabel || e.title || e.name), a = o(() => e.decorative), s = {
+		let s = o(() => {
+			let t = ge(e.name);
+			if (t) return a(t) ? t : void 0;
+		}), c = o(() => e.ariaLabel || e.title || e.name), u = o(() => e.decorative), d = {
 			secondary: "text-secondary",
 			tertiary: "text-tertiary",
 			primary: "text-primary",
@@ -66,32 +96,29 @@ var ve = [
 			light: "text-light",
 			dark: "text-dark",
 			muted: "text-muted"
-		}, c = o(() => e.color ? s[e.color] : "");
-		return (n, o) => (D(), l("span", {
-			class: C(["hl-icon inline-flex items-center justify-center align-middle leading-none", c.value]),
-			style: w({
-				width: t.value,
-				height: t.value
-			}),
-			role: a.value ? void 0 : "img",
-			"aria-label": a.value ? void 0 : i.value,
-			"aria-hidden": a.value ? "true" : void 0
-		}, [r.value ? (D(), l("span", {
+		}, f = o(() => e.color ? d[e.color] : "");
+		return (t, n) => (D(), l("span", {
+			class: C(["hl-icon inline-flex items-center justify-center align-middle leading-none", [f.value, r.value]]),
+			style: w(i.value),
+			role: u.value ? void 0 : "img",
+			"aria-label": u.value ? void 0 : c.value,
+			"aria-hidden": u.value ? "true" : void 0
+		}, [s.value ? (D(), l("span", {
 			key: 0,
-			class: "hl-icon__svg inline-flex h-full w-full",
+			class: "hl-icon__svg inline-flex size-full",
 			title: e.title || void 0,
-			innerHTML: r.value
-		}, null, 8, ye)) : (D(), l("span", {
+			innerHTML: s.value
+		}, null, 8, B)) : (D(), l("span", {
 			key: 1,
-			class: "inline-flex h-full w-full items-center justify-center rounded border border-solid border-danger text-[10px] text-danger",
+			class: "inline-flex size-full items-center justify-center rounded border border-solid border-danger text-[10px] text-danger",
 			title: `Icon '${e.name}' is not found`
-		}, " ? ", 8, z))], 14, ve));
+		}, " ? ", 8, ve))], 14, _e));
 	}
-}), xe = (e, t) => {
+}), be = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, B = /* @__PURE__ */ xe(be, [["__scopeId", "data-v-cddb1332"]]), V = {
+}, V = /* @__PURE__ */ be(ye, [["__scopeId", "data-v-770ace0b"]]), H = {
 	dashboardLabel: "Dashboard",
 	routeNameMap: {
 		"": "Dashboard",
@@ -134,40 +161,40 @@ var ve = [
 		}
 	] },
 	uuidPattern: /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i
-}, Se = (e = {}) => ({
-	...V,
+}, xe = (e = {}) => ({
+	...H,
 	...e,
 	routeNameMap: {
-		...V.routeNameMap,
+		...H.routeNameMap,
 		...e.routeNameMap
 	},
 	routeHrefMap: {
-		...V.routeHrefMap,
+		...H.routeHrefMap,
 		...e.routeHrefMap
 	},
 	addLabelByParent: {
-		...V.addLabelByParent,
+		...H.addLabelByParent,
 		...e.addLabelByParent
 	},
 	createLabelByRootSegment: {
-		...V.createLabelByRootSegment,
+		...H.createLabelByRootSegment,
 		...e.createLabelByRootSegment
 	},
 	pathOverrides: {
-		...V.pathOverrides,
+		...H.pathOverrides,
 		...e.pathOverrides
 	}
-}), Ce = (e) => {
+}), Se = (e) => {
 	let [t = ""] = e.split(/[?#]/u);
 	return t.length === 0 ? "/" : t.startsWith("/") ? t : `/${t}`;
-}, we = (e) => e.length === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1), Te = (e, t, n, r, i) => r !== null && r.length > 0 && t ? r : e === "new" ? i.addLabelByParent[n ?? ""] ?? "Add" : i.uuidPattern.test(e) && t ? "" : i.routeNameMap[e] ?? we(e);
-function Ee(e, t = {}) {
-	let n = Se(t.staticData), r = t.dynamicLabel ?? o(() => null);
+}, Ce = (e) => e.length === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1), we = (e, t, n, r, i) => r !== null && r.length > 0 && t ? r : e === "new" ? i.addLabelByParent[n ?? ""] ?? "Add" : i.uuidPattern.test(e) && t ? "" : i.routeNameMap[e] ?? Ce(e);
+function U(e, t = {}) {
+	let n = xe(t.staticData), r = t.dynamicLabel ?? o(() => null);
 	return o(() => {
-		let t = Ce(e.value), i = t.split("/").filter(Boolean), a = i[0], o = n.pathOverrides[t];
+		let t = Se(e.value), i = t.split("/").filter(Boolean), a = i[0], o = n.pathOverrides[t];
 		if (o !== void 0) return o.map((e) => ({ ...e }));
 		if (i.length === 1 && a !== void 0 && n.createLabelByRootSegment[a] !== void 0) {
-			let e = n.routeNameMap[a] ?? we(a), t = n.routeHrefMap[a] ?? `/${a}`, r = n.createLabelByRootSegment[a];
+			let e = n.routeNameMap[a] ?? Ce(a), t = n.routeHrefMap[a] ?? `/${a}`, r = n.createLabelByRootSegment[a];
 			return [
 				{
 					label: n.dashboardLabel,
@@ -197,7 +224,7 @@ function Ee(e, t = {}) {
 		return i.forEach((e, t) => {
 			let a = t === i.length - 1, o = t > 0 ? i[t - 1] : void 0;
 			c += `/${e}`;
-			let l = Te(e, a, o, r.value, n), u = a ? void 0 : n.routeHrefMap[e] ?? c;
+			let l = we(e, a, o, r.value, n), u = a ? void 0 : n.routeHrefMap[e] ?? c;
 			s.push({
 				label: l,
 				href: u,
@@ -208,14 +235,14 @@ function Ee(e, t = {}) {
 }
 //#endregion
 //#region src/components/hl-breadcrumb/HLBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var H = {
+var Te = {
 	"aria-label": "Breadcrumb",
 	class: "hanap-labs-font"
-}, De = { class: "flex items-center text-sm" }, Oe = {
+}, Ee = { class: "flex items-center text-sm" }, De = {
 	key: 1,
 	class: "mx-1 text-muted",
 	"aria-hidden": "true"
-}, ke = ["href"], Ae = /* @__PURE__ */ h({
+}, Oe = ["href"], ke = /* @__PURE__ */ h({
 	__name: "HLBreadcrumb",
 	props: {
 		path: { default: "/" },
@@ -227,7 +254,7 @@ var H = {
 		activeColor: {}
 	},
 	setup(e) {
-		let t = e, n = o(() => t.path), i = o(() => t.dynamicLabel), a = Ee(n, {
+		let t = e, n = o(() => t.path), i = o(() => t.dynamicLabel), a = U(n, {
 			staticData: t.staticData,
 			dynamicLabel: i
 		}), d = {
@@ -242,26 +269,26 @@ var H = {
 			dark: "text-dark",
 			muted: "text-muted"
 		}, f = o(() => t.activeColor ? d[t.activeColor] : "text-dark"), p = o(() => t.activeColor ? d[t.activeColor].replace("text-", "hover:text-") : "hover:text-dark");
-		return (t, n) => (D(), l("nav", H, [u("ol", De, [(D(!0), l(r, null, j(F(a), (t, n) => (D(), l("li", {
+		return (t, n) => (D(), l("nav", Te, [u("ol", Ee, [(D(!0), l(r, null, j(F(a), (t, n) => (D(), l("li", {
 			key: `${n}-${t.label}-${t.href ?? ""}`,
 			class: "flex items-center"
-		}, [n > 0 ? (D(), l(r, { key: 0 }, [e.separatorType === "icon" ? (D(), s(B, {
+		}, [n > 0 ? (D(), l(r, { key: 0 }, [e.separatorType === "icon" ? (D(), s(V, {
 			key: 0,
 			name: e.separatorIconName,
 			size: "16px",
 			color: "muted",
 			class: "mx-1 -rotate-90",
 			decorative: ""
-		}, null, 8, ["name"])) : (D(), l("span", Oe, N(e.separator), 1))], 64)) : c("", !0), t.href ? (D(), l("a", {
+		}, null, 8, ["name"])) : (D(), l("span", De, N(e.separator), 1))], 64)) : c("", !0), t.href ? (D(), l("a", {
 			key: 1,
 			href: t.href,
 			class: C(["text-dark no-underline transition-colors hover:no-underline", p.value])
-		}, N(t.label), 11, ke)) : (D(), l("span", {
+		}, N(t.label), 11, Oe)) : (D(), l("span", {
 			key: 2,
 			class: C(["font-semibold", t.isActive ? f.value : "text-dark"])
 		}, N(t.label), 3))]))), 128))])]));
 	}
-}), je = ["src"], Me = { key: 1 }, Ne = /* @__PURE__ */ h({
+}), Ae = ["src"], je = { key: 1 }, Me = /* @__PURE__ */ h({
 	__name: "HLAvatar",
 	props: {
 		text: { default: "?" },
@@ -270,46 +297,32 @@ var H = {
 	},
 	setup(e) {
 		let t = {
+			xs: "size-6",
+			sm: "size-9",
+			md: "size-10",
+			lg: "size-12"
+		}, n = {
 			xs: "text-[10px]",
 			sm: "text-xs",
 			md: "text-sm",
 			lg: "text-base"
-		}, n = {
-			xs: 24,
-			sm: 36,
-			md: 40,
-			lg: 48
 		}, r = o(() => {
 			let t = e.image.trim();
 			return !t || t.startsWith("[") ? "" : t;
 		}), i = o(() => {
-			let { firstWord: t, lastWord: n } = d(e.text);
+			let { firstWord: t, lastWord: n } = s(e.text);
 			return t ? `${t.charAt(0).toUpperCase()}${n ? n.charAt(0).toUpperCase() : ""}` : "?";
 		}), a = o(() => {
-			let t = `${n[e.size]}px`;
-			return {
-				width: t,
-				height: t,
-				minWidth: t,
-				minHeight: t,
-				maxWidth: t,
-				maxHeight: t,
-				borderRadius: "9999px"
-			};
-		}), s = o(() => {
 			if (r.value) return {};
 			let t = e.text.trim();
 			if (!t || t === "?") return {};
-			let n = f(t);
+			let n = c(t);
 			return {
 				backgroundColor: `hsl(${n % 360} ${60 + n % 16}% ${20 + n % 12}%)`,
 				color: "#ffffff"
 			};
-		}), c = o(() => ({
-			...a.value,
-			...s.value
-		}));
-		function d(e) {
+		});
+		function s(e) {
 			let t = e.trim().split(/\s+/).filter((e) => e.length > 0);
 			return t.length === 0 ? {
 				firstWord: "",
@@ -322,29 +335,26 @@ var H = {
 				lastWord: t[t.length - 1]
 			};
 		}
-		function f(e) {
+		function c(e) {
 			let t = 0;
 			for (let n of e) t = (t << 5) - t + n.charCodeAt(0), t |= 0;
 			return Math.abs(t);
 		}
-		return (n, o) => (D(), l("div", {
-			class: "inline-flex shrink-0 items-center justify-center bg-tertiary/35 ring-1 ring-primary/20 hanap-labs-font",
+		return (o, s) => (D(), l("div", { class: C(["inline-flex shrink-0 items-center justify-center rounded-full bg-tertiary/35 ring-1 ring-primary/20 hanap-labs-font", t[e.size]]) }, [u("div", {
+			class: C(["inline-flex size-full items-center justify-center overflow-hidden rounded-full border border-solid border-gray-200 bg-primary/10 font-bold uppercase leading-none text-primary select-none", n[e.size]]),
 			style: w(a.value)
-		}, [u("div", {
-			class: C(["inline-flex size-full items-center justify-center overflow-hidden border border-solid border-gray-200 bg-primary/10 font-bold uppercase leading-none text-primary select-none", t[e.size]]),
-			style: w(c.value)
 		}, [r.value ? (D(), l("img", {
 			key: 0,
 			src: r.value,
 			alt: "Avatar image",
 			class: "size-full rounded-full object-cover"
-		}, null, 8, je)) : (D(), l("span", Me, N(i.value), 1))], 6)], 4));
+		}, null, 8, Ae)) : (D(), l("span", je, N(i.value), 1))], 6)], 2));
 	}
-}), Pe = ["type", "disabled"], Fe = {
+}), W = ["type", "disabled"], Ne = {
 	key: 1,
 	class: "inline-flex items-center justify-center",
 	"aria-hidden": "true"
-}, U = "bg-transparent border border-solid", W = /* @__PURE__ */ h({
+}, G = "bg-transparent border border-solid", K = /* @__PURE__ */ h({
 	__name: "HLButton",
 	props: {
 		color: {},
@@ -388,67 +398,61 @@ var H = {
 			dark: "border-0 bg-dark text-light hover:opacity-90",
 			muted: "border-0 bg-muted text-light hover:opacity-90"
 		}, r = {
-			secondary: `${U} text-secondary border-secondary hover:bg-secondary hover:text-primary`,
-			tertiary: `${U} text-tertiary border-tertiary hover:bg-tertiary hover:text-primary`,
-			primary: `${U} text-primary border-primary hover:bg-primary hover:text-light`,
-			success: `${U} text-success border-success hover:bg-success hover:text-light`,
-			danger: `${U} text-danger border-danger hover:bg-danger hover:text-light`,
-			warning: `${U} text-warning border-warning hover:bg-warning hover:text-dark`,
-			info: `${U} text-info border-info hover:bg-info hover:text-light`,
-			light: `${U} text-dark border-light hover:bg-light hover:text-dark`,
-			dark: `${U} text-dark border-dark hover:bg-dark hover:text-light`,
-			muted: `${U} text-muted border-muted hover:bg-muted hover:text-light`
+			secondary: `${G} text-secondary border-secondary hover:bg-secondary hover:text-primary`,
+			tertiary: `${G} text-tertiary border-tertiary hover:bg-tertiary hover:text-primary`,
+			primary: `${G} text-primary border-primary hover:bg-primary hover:text-light`,
+			success: `${G} text-success border-success hover:bg-success hover:text-light`,
+			danger: `${G} text-danger border-danger hover:bg-danger hover:text-light`,
+			warning: `${G} text-warning border-warning hover:bg-warning hover:text-dark`,
+			info: `${G} text-info border-info hover:bg-info hover:text-light`,
+			light: `${G} text-dark border-light hover:bg-light hover:text-dark`,
+			dark: `${G} text-dark border-dark hover:bg-dark hover:text-light`,
+			muted: `${G} text-muted border-muted hover:bg-muted hover:text-light`
 		}, i = {
-			xs: "var(--hanap-labs-size-xs, 24px)",
-			sm: "var(--hanap-labs-size-sm, 36px)",
-			md: "var(--hanap-labs-size-md, 42px)",
-			lg: "var(--hanap-labs-size-lg, 48px)"
+			xs: "h-6 px-2 text-xs",
+			sm: "h-9 px-2.5 text-xs",
+			md: "h-control-md px-3 text-base",
+			lg: "h-12 px-4 text-base"
 		}, a = {
-			xs: "px-2 text-xs",
-			sm: "px-2.5 text-xs",
-			md: "px-3 text-base",
-			lg: "px-4 text-base"
+			xs: "size-6 text-xs",
+			sm: "size-9 text-xs",
+			md: "size-control-md text-base",
+			lg: "size-12 text-base"
 		}, s = {
-			xs: "size-[var(--hanap-labs-size-xs)] text-xs",
-			sm: "size-[var(--hanap-labs-size-sm)] text-xs",
-			md: "size-[var(--hanap-labs-size-md)] text-base",
-			lg: "size-[var(--hanap-labs-size-lg)] text-base"
-		}, u = {
 			xs: "rounded-md",
 			sm: "rounded-md",
 			md: "rounded-lg",
 			lg: "rounded-xl"
-		}, d = t, f = o(() => e.color ? e.variant === "outline" ? r[e.color] : n[e.color] : e.variant === "outline" ? `${U} border-gray-200 text-dark hover:bg-gray-200` : "border border-solid border-gray-200 bg-transparent text-dark hover:bg-gray-200"), m = o(() => e.iconOnly ? s[e.size] : a[e.size]), h = o(() => e.iconOnly ? void 0 : { height: i[e.size] }), g = o(() => e.rounded ? "rounded-full" : u[e.size]);
+		}, u = t, d = o(() => e.color ? e.variant === "outline" ? r[e.color] : n[e.color] : e.variant === "outline" ? `${G} border-gray-200 text-dark hover:bg-gray-200` : "border border-solid border-gray-200 bg-transparent text-dark hover:bg-gray-200"), f = o(() => e.iconOnly ? a[e.size] : i[e.size]), m = o(() => e.rounded ? "rounded-full" : s[e.size]);
 		return (t, n) => (D(), l("button", x({
 			type: e.type,
-			style: h.value,
 			class: "flex w-max items-center justify-center gap-2 hanap-labs-font font-medium hl-color-transition cursor-pointer hl-no-focus-ring disabled:cursor-not-allowed disabled:opacity-60"
 		}, t.$attrs, {
 			class: [
-				f.value,
+				d.value,
 				e.noBorder && "border-0",
+				f.value,
 				m.value,
-				g.value,
 				e.iconOnly && "!gap-0 !min-w-0"
 			],
 			disabled: e.disabled || e.loading,
-			onClick: n[0] ||= pe((e) => d("click"), ["stop"])
+			onClick: n[0] ||= de((e) => u("click"), ["stop"])
 		}), [t.$slots.icon && !e.loading ? (D(), l("span", {
 			key: 0,
 			class: C(["inline-flex items-center justify-center", e.iconPosition === "right" ? "order-2" : "order-1"])
-		}, [M(t.$slots, "icon")], 2)) : c("", !0), e.loading ? (D(), l("span", Fe, [p(B, {
+		}, [M(t.$slots, "icon")], 2)) : c("", !0), e.loading ? (D(), l("span", Ne, [p(V, {
 			name: "spinner",
 			size: 16,
 			class: "animate-spin"
 		})])) : e.iconOnly ? c("", !0) : (D(), l("span", {
 			key: 2,
 			class: C(["inline-flex items-center justify-center", e.iconPosition === "right" && t.$slots.icon ? "order-1" : "order-2"])
-		}, N(e.label), 3))], 16, Pe));
+		}, N(e.label), 3))], 16, W));
 	}
-}), Ie = { class: "mb-1 hanap-labs-font" }, Le = ["for"], Re = ["id"], ze = {
+}), Pe = { class: "mb-1 hanap-labs-font" }, Fe = ["for"], Ie = ["id"], Le = {
 	key: 0,
 	class: "text-danger"
-}, Be = /* @__PURE__ */ h({
+}, Re = /* @__PURE__ */ h({
 	__name: "HLLabel",
 	props: {
 		label: { default: "" },
@@ -475,23 +479,23 @@ var H = {
 			md: "text-sm",
 			lg: "text-base"
 		})[e.size]);
-		return (r, i) => (D(), l("div", Ie, [u("label", {
+		return (r, i) => (D(), l("div", Pe, [u("label", {
 			for: e.forId || void 0,
 			class: C(["block text-dark font-medium", [t.value, e.labelClass]])
-		}, [u("span", { id: e.labelId || void 0 }, N(e.label), 9, Re), e.required ? (D(), l("span", ze, "*")) : c("", !0)], 10, Le), e.description ? (D(), l("p", {
+		}, [u("span", { id: e.labelId || void 0 }, N(e.label), 9, Ie), e.required ? (D(), l("span", Le, "*")) : c("", !0)], 10, Fe), e.description ? (D(), l("p", {
 			key: 0,
 			class: C(["text-muted", [n.value, e.descriptionClass]])
 		}, N(e.description), 3)) : c("", !0)]));
 	}
-}), Ve = { class: "w-full select-none" }, He = [
+}), ze = { class: "w-full select-none" }, Be = [
 	"aria-checked",
 	"aria-label",
 	"aria-labelledby",
 	"disabled"
-], Ue = {
+], q = {
 	key: 1,
 	class: "sr-only"
-}, We = ["id", "disabled"], G = "bg-white border-gray-300", Ge = "bg-white border-gray-300 text-dark", Ke = /* @__PURE__ */ h({
+}, Ve = ["id", "disabled"], He = "bg-white border-gray-300", Ue = "bg-white border-gray-300 text-dark", J = /* @__PURE__ */ h({
 	__name: "HLCheckbox",
 	props: /* @__PURE__ */ b({
 		id: { default: "" },
@@ -524,7 +528,7 @@ var H = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = oe(e, "modelValue"), n = ae(), r = o(() => e.id || n), i = o(() => `${r.value}-label`), a = o(() => e.label.trim().length > 0), c = () => {
+		let t = L(e, "modelValue"), n = I(), 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: "w-3.5 h-3.5",
@@ -563,8 +567,8 @@ var H = {
 			light: "bg-light border-muted",
 			dark: "bg-light border-dark",
 			muted: "bg-light border-muted"
-		}, _ = (e) => typeof e == "string" && Object.prototype.hasOwnProperty.call(h, e), v = o(() => d[e.size]), y = o(() => m[e.size]), b = o(() => e.indeterminate && !t.value), x = o(() => b.value ? "mixed" : t.value), S = o(() => b.value ? "bg-primary/20 border-primary text-primary" : _(e.color) ? t.value ? h[e.color] : g[e.color] : t.value ? Ge : G);
-		return (n, o) => (D(), l("div", Ve, [u("button", {
+		}, _ = (e) => typeof e == "string" && Object.prototype.hasOwnProperty.call(h, e), v = o(() => d[e.size]), y = o(() => m[e.size]), b = o(() => e.indeterminate && !t.value), x = o(() => b.value ? "mixed" : t.value), S = o(() => b.value ? "bg-primary/20 border-primary text-primary" : _(e.color) ? t.value ? h[e.color] : g[e.color] : t.value ? Ue : He);
+		return (n, o) => (D(), l("div", ze, [u("button", {
 			type: "button",
 			role: "checkbox",
 			"aria-checked": x.value,
@@ -578,7 +582,7 @@ var H = {
 			v.value,
 			S.value,
 			e.noBorder && "border-0"
-		]]) }, [p(B, {
+		]]) }, [p(V, {
 			name: "check",
 			size: y.value,
 			color: e.color,
@@ -587,7 +591,7 @@ var H = {
 			"size",
 			"color",
 			"class"
-		])], 2), e.label || e.description ? (D(), s(Be, {
+		])], 2), e.label || e.description ? (D(), s(Re, {
 			key: 0,
 			class: "min-w-0",
 			label: e.label,
@@ -605,18 +609,18 @@ var H = {
 			"size",
 			"label-class",
 			"description-class"
-		])) : (D(), l("span", Ue, "toggle checkbox"))], 10, He), fe(u("input", {
+		])) : (D(), l("span", q, "toggle checkbox"))], 10, Be), ue(u("input", {
 			id: r.value,
 			"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
 			type: "checkbox",
 			class: "sr-only",
 			disabled: e.disabled
-		}, null, 8, We), [[ce, t.value]])]));
+		}, null, 8, Ve), [[oe, t.value]])]));
 	}
-}), qe = { class: "w-full space-y-2 hanap-labs-font" }, K = { class: "relative" }, Je = {
+}), We = { class: "w-full space-y-2 hanap-labs-font" }, Ge = { class: "relative" }, Ke = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-muted"
-}, Ye = [
+}, qe = [
 	"id",
 	"type",
 	"placeholder",
@@ -627,16 +631,16 @@ var H = {
 	"maxlength",
 	"minlength",
 	"pattern"
-], Xe = {
+], Je = {
 	key: 1,
 	class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-muted"
-}, Ze = ["aria-label"], Qe = {
+}, Ye = ["aria-label"], Xe = {
 	key: 1,
 	class: "mt-1 space-y-1"
-}, $e = {
+}, Ze = {
 	key: 0,
 	class: "text-xs text-danger"
-}, et = /* @__PURE__ */ xe(/* @__PURE__ */ h({
+}, Qe = /* @__PURE__ */ be(/* @__PURE__ */ h({
 	__name: "HLInput",
 	props: /* @__PURE__ */ b({
 		id: { default: "" },
@@ -698,7 +702,7 @@ var H = {
 		"change"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = oe(e, "modelValue"), i = t, a = ae(), d = o(() => e.id || a), f = k(null), m = k(!1), h = o(() => e.type === "password"), g = o(() => e.type === "search"), _ = o(() => h.value && e.showPasswordToggle ? m.value ? "text" : "password" : e.type), v = () => {
+		let n = L(e, "modelValue"), i = t, a = I(), d = o(() => e.id || a), f = k(null), m = k(!1), h = o(() => e.type === "password"), g = o(() => e.type === "search"), _ = o(() => h.value && e.showPasswordToggle ? m.value ? "text" : "password" : e.type), v = () => {
 			m.value = !m.value;
 		}, y = o(() => g.value && String(n.value ?? "").length > 0), b = () => {
 			n.value = "", i("input"), i("change"), f.value?.focus();
@@ -706,22 +710,17 @@ var H = {
 			let t = [];
 			for (let n of e.errors) t.includes(n) || t.push(n);
 			return t;
-		}), ee = o(() => !!x.value || S.value.length > 0), T = {
-			xs: "var(--hanap-labs-size-xs, 24px)",
-			sm: "var(--hanap-labs-size-sm, 36px)",
-			md: "var(--hanap-labs-size-md, 42px)",
-			lg: "var(--hanap-labs-size-lg, 48px)"
-		}, E = {
-			xs: "px-2 text-xs",
-			sm: "px-2.5 text-xs",
-			md: "px-3 text-sm",
-			lg: "px-4 text-sm"
-		}, te = {
+		}), w = o(() => !!x.value || S.value.length > 0), ee = {
+			xs: "h-6 px-2 text-xs",
+			sm: "h-9 px-2.5 text-xs",
+			md: "h-control-md px-3 text-sm",
+			lg: "h-12 px-4 text-sm"
+		}, T = {
 			xs: "rounded-md",
 			sm: "rounded-md",
 			md: "rounded-md",
 			lg: "rounded-lg"
-		}, O = {
+		}, E = {
 			secondary: "border-secondary focus:border-secondary",
 			tertiary: "border-tertiary focus:border-tertiary",
 			primary: "border-primary focus:border-primary",
@@ -732,9 +731,9 @@ var H = {
 			light: "border-muted focus:border-secondary",
 			dark: "border-dark focus:border-dark",
 			muted: "border-muted focus:border-muted"
-		}, A = o(() => E[e.size]), ne = o(() => ({ height: T[e.size] })), re = o(() => e.rounded ? "rounded-full" : te[e.size]), ie = o(() => e.color ? O[e.color] : "border-gray-200 focus:border-gray-200");
-		return (t, a) => (D(), l("div", qe, [
-			e.label || e.description ? (D(), s(Be, {
+		}, te = o(() => ee[e.size]), O = o(() => e.rounded ? "rounded-full" : T[e.size]), A = o(() => e.color ? E[e.color] : "border-gray-200 focus:border-gray-200");
+		return (t, a) => (D(), l("div", We, [
+			e.label || e.description ? (D(), s(Re, {
 				key: 0,
 				label: e.label,
 				description: e.description,
@@ -750,14 +749,13 @@ var H = {
 				"size",
 				"label-class"
 			])) : c("", !0),
-			u("div", K, [
-				e.iconLeft ? (D(), l("div", Je, [M(t.$slots, "icon", {}, void 0, !0)])) : c("", !0),
-				fe(u("input", {
+			u("div", Ge, [
+				e.iconLeft ? (D(), l("div", Ke, [M(t.$slots, "icon", {}, void 0, !0)])) : c("", !0),
+				ue(u("input", {
 					ref_key: "inputRef",
 					ref: f,
 					id: d.value,
 					"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
-					style: w(ne.value),
 					type: _.value,
 					placeholder: e.placeholder,
 					required: e.required,
@@ -768,15 +766,15 @@ var H = {
 					minlength: e.minlength,
 					pattern: e.pattern,
 					class: C(["block w-full appearance-none box-border border border-solid bg-transparent text-dark placeholder:text-muted leading-tight transition-colors duration-150 hl-no-focus-ring disabled:cursor-not-allowed disabled:opacity-60 hanap-labs-font", [
+						te.value,
+						O.value,
 						A.value,
-						re.value,
-						ie.value,
 						e.inputClass,
 						{
 							"cursor-not-allowed": e.disabled || e.loading,
 							"pr-10": e.showPasswordToggle && h.value || e.loading || y.value,
 							"pl-10": e.iconLeft,
-							"border-danger focus:border-danger": ee.value,
+							"border-danger focus:border-danger": w.value,
 							"border-0 focus:border-0": e.noBorder,
 							"hl-search-input": g.value
 						}
@@ -785,8 +783,8 @@ var H = {
 					onBlur: a[2] ||= (e) => i("blur"),
 					onInput: a[3] ||= (e) => i("input"),
 					onChange: a[4] ||= (e) => i("change")
-				}, null, 46, Ye), [[le, n.value]]),
-				e.loading ? (D(), l("div", Xe, [p(B, {
+				}, null, 42, qe), [[se, n.value]]),
+				e.loading ? (D(), l("div", Je, [p(V, {
 					name: "spinner",
 					size: 20,
 					class: "animate-spin",
@@ -797,7 +795,7 @@ var H = {
 					class: "absolute inset-y-0 right-0 flex items-center pr-3 appearance-none border-0 bg-transparent p-0 text-muted hover:text-primary hl-no-focus-ring cursor-pointer",
 					"aria-label": "Clear search",
 					onClick: b
-				}, [p(B, {
+				}, [p(V, {
 					name: "x-mark",
 					size: 16,
 					decorative: !0,
@@ -808,88 +806,88 @@ var H = {
 					class: "absolute inset-y-0 right-0 flex items-center pr-3 appearance-none border-0 bg-transparent p-0 text-muted hover:text-primary hl-no-focus-ring cursor-pointer",
 					"aria-label": m.value ? "Hide password" : "Show password",
 					onClick: v
-				}, [p(B, {
+				}, [p(V, {
 					name: m.value ? "eye-off" : "eye",
 					size: 18,
 					decorative: !0,
 					color: e.color
-				}, null, 8, ["name", "color"])], 8, Ze)) : c("", !0)
+				}, null, 8, ["name", "color"])], 8, Ye)) : c("", !0)
 			]),
-			ee.value ? (D(), l("div", Qe, [x.value ? (D(), l("p", $e, N(x.value), 1)) : c("", !0), (D(!0), l(r, null, j(S.value, (e) => (D(), l("p", {
+			w.value ? (D(), l("div", Xe, [x.value ? (D(), l("p", Ze, N(x.value), 1)) : c("", !0), (D(!0), l(r, null, j(S.value, (e) => (D(), l("p", {
 				key: e,
 				class: "text-xs text-danger"
 			}, N(e), 1))), 128))])) : c("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-5110f02f"]]);
+}), [["__scopeId", "data-v-cc19f8bd"]]);
 //#endregion
 //#region node_modules/@vueuse/shared/dist/index.js
-function tt(e, t) {
+function $e(e, t) {
 	return _() ? (E(e, t), !0) : !1;
 }
-var q = typeof window < "u" && typeof document < "u";
+var et = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var nt = Object.prototype.toString, rt = (e) => nt.call(e) === "[object Object]", it = () => {};
-function at(...e) {
+var tt = Object.prototype.toString, nt = (e) => tt.call(e) === "[object Object]", rt = () => {};
+function it(...e) {
 	if (e.length !== 1) return ie(...e);
 	let t = e[0];
 	return typeof t == "function" ? O(m(() => ({
 		get: t,
-		set: it
+		set: rt
 	}))) : k(t);
 }
-function ot(e) {
+function at(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function st(e, t, n) {
-	return I(e, t, {
+function ot(e, t, n) {
+	return R(e, t, {
 		...n,
 		immediate: !0
 	});
 }
 //#endregion
 //#region node_modules/@vueuse/core/dist/index.js
-var ct = q ? window : void 0;
-q && window.document, q && window.navigator, q && window.location;
-function lt(e) {
+var st = et ? window : void 0;
+et && window.document, et && window.navigator, et && window.location;
+function ct(e) {
 	let t = P(e);
 	return t?.$el ?? t;
 }
-function ut(...e) {
+function lt(...e) {
 	let t = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), n = o(() => {
-		let t = ot(P(e[0])).filter((e) => e != null);
+		let t = at(P(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
 	});
-	return st(() => [
-		n.value?.map((e) => lt(e)) ?? [ct].filter((e) => e != null),
-		ot(P(n.value ? e[1] : e[0])),
-		ot(F(n.value ? e[2] : e[1])),
+	return ot(() => [
+		n.value?.map((e) => ct(e)) ?? [st].filter((e) => e != null),
+		at(P(n.value ? e[1] : e[0])),
+		at(F(n.value ? e[2] : e[1])),
 		P(n.value ? e[3] : e[2])
 	], ([e, n, r, i], a, o) => {
 		if (!e?.length || !n?.length || !r?.length) return;
-		let s = rt(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
+		let s = nt(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
 		o(() => {
 			c.forEach((e) => e());
 		});
 	}, { flush: "post" });
 }
-function dt() {
+function ut() {
 	let e = re(!1), t = g();
 	return t && T(() => {
 		e.value = !0;
 	}, t), e;
 }
 /* @__NO_SIDE_EFFECTS__ */
-function ft(e) {
-	let t = dt();
+function dt(e) {
+	let t = ut();
 	return o(() => (t.value, !!e()));
 }
-function pt(e, t, n = {}) {
-	let { window: r = ct, ...i } = n, a, s = /* @__PURE__ */ ft(() => r && "ResizeObserver" in r), c = () => {
+function ft(e, t, n = {}) {
+	let { window: r = st, ...i } = n, a, s = /* @__PURE__ */ dt(() => r && "ResizeObserver" in r), c = () => {
 		a &&= (a.disconnect(), void 0);
-	}, l = I(o(() => {
+	}, l = R(o(() => {
 		let t = P(e);
-		return Array.isArray(t) ? t.map((e) => lt(e)) : [lt(t)];
+		return Array.isArray(t) ? t.map((e) => ct(e)) : [ct(t)];
 	}), (e) => {
 		if (c(), s.value && r) {
 			a = new ResizeObserver(t);
@@ -901,16 +899,16 @@ function pt(e, t, n = {}) {
 	}), u = () => {
 		c(), l();
 	};
-	return tt(u), {
+	return $e(u), {
 		isSupported: s,
 		stop: u
 	};
 }
-function mt(e = ct, t) {
+function pt(e = st, t) {
 	e && typeof e.requestAnimationFrame == "function" ? e.requestAnimationFrame(t) : t();
 }
-function ht(e = {}) {
-	let { window: t = ct } = e, n = at(e?.element), r = at(e?.input ?? ""), i = e?.styleProp ?? "height", a = re(1), o = re(0);
+function mt(e = {}) {
+	let { window: t = st } = e, n = it(e?.element), r = it(e?.input ?? ""), i = e?.styleProp ?? "height", a = re(1), o = re(0);
 	function s() {
 		if (!n.value) return;
 		let t = "", r = e?.maxHeight;
@@ -918,14 +916,14 @@ function ht(e = {}) {
 		let o = P(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 I([r, n], () => S(s), { immediate: !0 }), I(a, () => {
+	return R([r, n], () => S(s), { immediate: !0 }), R(a, () => {
 		var t;
 		return e == null || (t = e.onResize) == null ? void 0 : t.call(e);
-	}), pt(n, ([{ contentRect: e }]) => {
-		o.value !== e.width && mt(t, () => {
+	}), ft(n, ([{ contentRect: e }]) => {
+		o.value !== e.width && pt(t, () => {
 			o.value = e.width, s();
 		});
-	}), e?.watch && I(e.watch, s, {
+	}), e?.watch && R(e.watch, s, {
 		immediate: !0,
 		deep: !0
 	}), {
@@ -936,7 +934,7 @@ function ht(e = {}) {
 }
 //#endregion
 //#region src/components/hl-menu-action/HLMenuAction.vue?vue&type=script&setup=true&lang.ts
-var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ */ h({
+var ht = { class: "relative inline-block hanap-labs-font" }, gt = /* @__PURE__ */ h({
 	__name: "HLMenuAction",
 	props: /* @__PURE__ */ b({
 		options: { default: () => [] },
@@ -983,7 +981,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			light: "text-slate-700",
 			dark: "text-dark",
 			muted: "text-muted"
-		}, a = oe(e, "modelValue"), u = n, { ACTION_REF: f, FLOATING_REF: m, ACTION_ID: h, FLOATING_ID: g, isVisible: _, show: v, hide: y, floatingStyles: b } = t({
+		}, a = L(e, "modelValue"), u = n, { ACTION_REF: f, FLOATING_REF: m, ACTION_ID: h, FLOATING_ID: g, isVisible: _, show: v, hide: y, floatingStyles: b } = t({
 			placement: "bottom-end",
 			strategy: "fixed",
 			offset: 4
@@ -996,19 +994,19 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 		}, te = async (t) => {
 			t.disabled || t.loading || (u("select", t), t.callback && await t.callback(), e.closeOnSelect && T());
 		};
-		return I(a, (e) => {
+		return R(a, (e) => {
 			e !== _.value && (e ? ee() : T());
-		}), I(_, (e) => {
+		}), R(_, (e) => {
 			a.value !== e && (a.value = e);
-		}), ut(window, "click", (t) => {
+		}), lt(window, "click", (t) => {
 			if (!e.closeOnClickOutside || !_.value) return;
 			let n = t.target;
 			if (!(n instanceof Node)) return;
 			let r = document.getElementById(h), i = document.getElementById(g);
 			r && i && !r.contains(n) && !i.contains(n) && T();
-		}), ut(window, "keydown", (t) => {
+		}), lt(window, "keydown", (t) => {
 			!e.closeOnEscape || !_.value || t.key === "Escape" && T();
-		}), (t, n) => (D(), l("div", gt, [p(W, {
+		}), (t, n) => (D(), l("div", ht, [p(K, {
 			ref: F(f),
 			label: "",
 			type: "button",
@@ -1021,7 +1019,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			"aria-haspopup": "menu",
 			onClick: E
 		}, {
-			icon: L(() => [p(B, {
+			icon: z(() => [p(V, {
 				name: "three-dots",
 				class: "size-5",
 				decorative: !0
@@ -1037,7 +1035,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			style: w(F(b)),
 			class: C(["z-50 min-w-40 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg divide-y-reverse divide-gray-200 divide-y", e.menuClass]),
 			role: "menu"
-		}, [(D(!0), l(r, null, j(e.options, (t) => (D(), s(W, {
+		}, [(D(!0), l(r, null, j(e.options, (t) => (D(), s(K, {
 			key: t.value,
 			label: t.label,
 			type: "button",
@@ -1050,7 +1048,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			onClick: (e) => te(t)
 		}, d({ _: 2 }, [t.icon && !t.loading ? {
 			name: "icon",
-			fn: L(() => [p(B, {
+			fn: z(() => [p(V, {
 				name: t.icon,
 				class: "size-4",
 				decorative: !0
@@ -1064,7 +1062,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			"onClick"
 		]))), 128))], 6)) : c("", !0)]));
 	}
-}), vt = { class: "relative flex w-full items-start gap-3 overflow-hidden rounded-lg border border-dark/10 bg-light/95 px-4 py-3 shadow-lg backdrop-blur-sm" }, yt = { class: "shrink-0 pt-0.5" }, bt = { class: "min-w-0 flex-1" }, xt = { class: "mt-1 break-words text-sm leading-snug text-dark" }, St = /* @__PURE__ */ h({
+}), _t = { class: "relative flex w-full items-start gap-3 overflow-hidden rounded-lg border border-dark/10 bg-light/95 px-4 py-3 shadow-lg backdrop-blur-sm" }, vt = { class: "shrink-0 pt-0.5" }, yt = { class: "min-w-0 flex-1" }, bt = { class: "mt-1 break-words text-sm leading-snug text-dark" }, xt = /* @__PURE__ */ h({
 	__name: "HLToast",
 	props: {
 		type: {},
@@ -1105,30 +1103,30 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 		}, i = o(() => r[e.type]), a = o(() => e.title.trim().length > 0 ? e.title : e.type === "success" ? "Success" : e.type === "error" ? "Error" : e.type === "info" ? "Info" : "Warning"), s = () => {
 			n("close");
 		};
-		return (t, n) => (D(), l("div", vt, [
+		return (t, n) => (D(), l("div", _t, [
 			u("span", { class: C(["absolute inset-y-0 left-0 w-1", i.value.accentClass]) }, null, 2),
-			u("div", yt, [p(B, {
+			u("div", vt, [p(V, {
 				name: i.value.iconName,
 				class: C(["size-6", i.value.iconClass]),
 				decorative: !0
 			}, null, 8, ["name", "class"])]),
-			u("div", bt, [u("p", { class: C(["truncate text-sm font-semibold leading-tight", i.value.titleClass]) }, N(a.value), 3), u("p", xt, N(e.message), 1)]),
+			u("div", yt, [u("p", { class: C(["truncate text-sm font-semibold leading-tight", i.value.titleClass]) }, N(a.value), 3), u("p", bt, N(e.message), 1)]),
 			u("button", {
 				type: "button",
 				class: C(["inline-flex size-8 shrink-0 items-center justify-center rounded-full transition-colors", i.value.closeClass]),
 				"aria-label": "close notification",
 				onClick: s
-			}, [p(B, {
+			}, [p(V, {
 				name: "x-mark",
 				class: "size-4",
 				decorative: !0
 			})], 2)
 		]));
 	}
-}), Ct = {
+}), St = {
 	key: 0,
 	class: "pointer-events-none fixed inset-x-0 top-6 z-[9999] px-3 sm:px-0"
-}, wt = { class: "mx-auto w-full max-w-xl" }, Tt = { class: "pointer-events-auto" }, Et = /* @__PURE__ */ h({
+}, Ct = { class: "mx-auto w-full max-w-xl" }, wt = { class: "pointer-events-auto" }, Tt = /* @__PURE__ */ h({
 	__name: "HLGlobalNotify",
 	setup(t) {
 		let { notification: n, hide: r } = e();
@@ -1140,7 +1138,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "translate-y-2 opacity-0"
 		}, {
-			default: L(() => [F(n).visible ? (D(), l("div", Ct, [u("div", wt, [u("div", Tt, [p(St, {
+			default: z(() => [F(n).visible ? (D(), l("div", St, [u("div", Ct, [u("div", wt, [p(xt, {
 				type: F(n).type,
 				title: F(n).title,
 				message: F(n).message,
@@ -1154,25 +1152,25 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			_: 1
 		})]));
 	}
-}), Dt = {
+}), Et = {
 	autoMount: !0,
 	mountId: "hl-notify-host",
 	componentName: "HLGlobalNotify"
-}, J = null, Ot = !1, kt = () => typeof window < "u" && typeof document < "u", At = (e, t) => {
-	if (!kt() || J !== null) return;
+}, Dt = null, Ot = !1, kt = () => typeof window < "u" && typeof document < "u", At = (e, t) => {
+	if (!kt() || Dt !== null) return;
 	let n = document.getElementById(t.mountId), r = n ?? document.createElement("div");
 	n === null ? (r.id = t.mountId, document.body.appendChild(r), Ot = !0) : Ot = !1;
-	let i = p(Et);
-	i.appContext = e._context, A(i, r), J = r;
+	let i = p(Tt);
+	i.appContext = e._context, A(i, r), Dt = r;
 }, jt = () => {
-	J !== null && (A(null, J), Ot && J.parentNode !== null && J.parentNode.removeChild(J), J = null, Ot = !1);
+	Dt !== null && (A(null, Dt), Ot && Dt.parentNode !== null && Dt.parentNode.removeChild(Dt), Dt = null, Ot = !1);
 }, Mt = (e = {}) => {
 	let t = {
-		...Dt,
+		...Et,
 		...e
 	};
 	return { install(e) {
-		e.component(t.componentName, Et), t.autoMount && At(e, t);
+		e.component(t.componentName, Tt), t.autoMount && At(e, t);
 	} };
 }, Nt = {
 	key: 0,
@@ -1215,14 +1213,14 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 		function d() {
 			typeof document > "u" || n <= 0 || (--n, n === 0 && (document.body.style.overflow = r ?? "", r = null));
 		}
-		let m = oe(e, "modelValue"), h = t, g = () => {
+		let m = L(e, "modelValue"), h = t, g = () => {
 			!e.closeOnBackdrop || e.isLoading || (m.value = !1, h("close"));
 		}, _ = () => {
 			e.isLoading || (m.value = !1, h("close"));
 		}, v = () => {
 			e.isLoading || h("confirm");
 		};
-		return I(m, (e) => {
+		return R(m, (e) => {
 			if (e) {
 				o();
 				return;
@@ -1238,7 +1236,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			"leave-from-class": "opacity-100",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: L(() => [m.value ? (D(), l("div", Nt, [u("div", {
+			default: z(() => [m.value ? (D(), l("div", Nt, [u("div", {
 				class: C(["absolute inset-0", e.backdropClass]),
 				onClick: g
 			}, null, 2), p(a, {
@@ -1249,7 +1247,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 				"leave-from-class": "scale-100 opacity-100",
 				"leave-to-class": "scale-95 opacity-0"
 			}, {
-				default: L(() => [m.value ? (D(), l("div", {
+				default: z(() => [m.value ? (D(), l("div", {
 					key: 0,
 					class: C(["relative z-10 flex w-full items-start justify-center px-4 pointer-events-none", e.containerClass])
 				}, [u("div", Pt, [e.type === "confirm" ? (D(), l("div", Ft, [
@@ -1263,7 +1261,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 						class: "flex cursor-pointer items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-70",
 						disabled: e.isLoading,
 						onClick: v
-					}, [e.isLoading ? (D(), s(B, {
+					}, [e.isLoading ? (D(), s(V, {
 						key: 0,
 						name: "spinner",
 						class: "size-4 animate-spin"
@@ -1413,17 +1411,12 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 		"close"
 	], ["update:modelValue"]),
 	setup(e, { expose: n, emit: a }) {
-		let d = oe(e, "modelValue"), f = a, m = k(null), h = k(null), g = k(null), _ = k(null), v = k(""), y = k([]), b = k(0), x = k(-1), { ACTION_REF: E, FLOATING_REF: te, isVisible: O, hide: A, show: M, toggle: ne, floatingStyles: re, updatePosition: ie } = t({ placement: "bottom-start" }), P = ae(), se = o(() => e.id || P), ce = o(() => `${se.value}-listbox`), le = o(() => `${se.value}-label`), ue = {
-			xs: "var(--hanap-labs-size-xs, 24px)",
-			sm: "var(--hanap-labs-size-sm, 36px)",
-			md: "var(--hanap-labs-size-md, 42px)",
-			lg: "var(--hanap-labs-size-lg, 48px)"
-		}, de = {
-			xs: "px-2 text-xs",
-			sm: "px-2.5 text-xs",
-			md: "px-3 text-sm",
-			lg: "px-4 text-sm"
-		}, L = {
+		let d = L(e, "modelValue"), f = a, m = k(null), h = k(null), g = k(null), _ = k(null), v = k(""), y = k([]), b = k(0), x = k(-1), { ACTION_REF: E, FLOATING_REF: te, isVisible: O, hide: A, show: M, toggle: ne, floatingStyles: re, updatePosition: ie } = t({ placement: "bottom-start" }), P = I(), ae = o(() => e.id || P), oe = o(() => `${ae.value}-listbox`), se = o(() => `${ae.value}-label`), ce = {
+			xs: "h-6 px-2 text-xs",
+			sm: "h-9 px-2.5 text-xs",
+			md: "h-control-md px-3 text-sm",
+			lg: "h-12 px-4 text-sm"
+		}, le = {
 			primary: "border-primary focus:border-primary",
 			secondary: "border-secondary focus:border-secondary",
 			tertiary: "border-tertiary focus:border-tertiary",
@@ -1434,7 +1427,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			light: "border-muted focus:border-secondary",
 			dark: "border-dark focus:border-dark",
 			muted: "border-muted focus:border-muted"
-		}, fe = {
+		}, z = {
 			primary: "text-primary",
 			secondary: "text-secondary",
 			tertiary: "text-tertiary",
@@ -1445,7 +1438,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			light: "text-dark",
 			dark: "text-dark",
 			muted: "text-muted"
-		}, me = {
+		}, ue = {
 			primary: "bg-primary border-primary text-white",
 			secondary: "bg-secondary border-secondary text-white",
 			tertiary: "bg-tertiary border-tertiary text-dark",
@@ -1456,7 +1449,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			light: "bg-light border-light text-dark",
 			dark: "bg-dark border-dark text-white",
 			muted: "bg-muted border-muted text-white"
-		}, he = {
+		}, fe = {
 			primary: "--hanap-labs-primary",
 			secondary: "--hanap-labs-muted",
 			tertiary: "--hanap-labs-tertiary",
@@ -1468,20 +1461,20 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			dark: "--hanap-labs-dark",
 			muted: "--hanap-labs-muted"
 		};
-		function R(e) {
-			return typeof e == "string" && Object.prototype.hasOwnProperty.call(L, e);
+		function pe(e) {
+			return typeof e == "string" && Object.prototype.hasOwnProperty.call(le, e);
 		}
-		function ge(e) {
+		function me(e) {
 			return e instanceof HTMLElement ? e : e && "$el" in e && e.$el instanceof HTMLElement ? e.$el : null;
 		}
-		function _e(e) {
-			h.value = ge(e), E(e);
+		function he(e) {
+			h.value = me(e), E(e);
 		}
-		function ve(e) {
-			g.value = ge(e), te(e);
+		function ge(e) {
+			g.value = me(e), te(e);
 		}
-		function ye(e) {
-			let t = ge(e);
+		function _e(e) {
+			let t = me(e);
 			if (!t) {
 				_.value = null;
 				return;
@@ -1492,166 +1485,166 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			}
 			_.value = t.querySelector("input");
 		}
-		function z(e) {
+		function B(e) {
 			return Object.prototype.toString.call(e) === "[object Object]";
 		}
-		function be(e, t) {
+		function ve(e, t) {
 			if (e === t) return !0;
-			if (Array.isArray(e) && Array.isArray(t)) return e.length === t.length ? e.every((e, n) => be(e, t[n])) : !1;
-			if (z(e) && z(t)) {
+			if (Array.isArray(e) && Array.isArray(t)) return e.length === t.length ? e.every((e, n) => ve(e, t[n])) : !1;
+			if (B(e) && B(t)) {
 				let n = Object.keys(e), r = Object.keys(t);
-				return n.length === r.length ? n.every((n) => be(e[n], t[n])) : !1;
+				return n.length === r.length ? n.every((n) => ve(e[n], t[n])) : !1;
 			}
 			return !1;
 		}
-		function xe(e, t) {
+		function ye(e, t) {
 			return Object.keys(t).every((n) => {
 				if (!(n in e)) return !1;
 				let r = e[n], i = t[n];
-				return z(r) && z(i) ? xe(r, i) : be(r, i);
+				return B(r) && B(i) ? ye(r, i) : ve(r, i);
 			});
 		}
-		function V(e, t) {
-			return be(e, t) ? !0 : z(e) && z(t) ? xe(t, e) : !1;
+		function be(e, t) {
+			return ve(e, t) ? !0 : B(e) && B(t) ? ye(t, e) : !1;
 		}
-		function Se(e) {
-			return Array.isArray(e) ? `[${e.map((e) => Se(e)).join(",")}]` : z(e) ? `{${Object.keys(e).sort().map((t) => `${t}:${Se(e[t])}`).join(",")}}` : String(e);
+		function H(e) {
+			return Array.isArray(e) ? `[${e.map((e) => H(e)).join(",")}]` : B(e) ? `{${Object.keys(e).sort().map((t) => `${t}:${H(e[t])}`).join(",")}}` : String(e);
 		}
-		function Ce(e, t) {
-			return `${e.label}-${Se(e.value)}-${t}`;
+		function xe(e, t) {
+			return `${e.label}-${H(e.value)}-${t}`;
 		}
-		function we(e) {
-			return `${ce.value}-option-${e}`;
+		function Se(e) {
+			return `${oe.value}-option-${e}`;
 		}
-		let Te = o(() => {
+		let Ce = o(() => {
 			let t = /* @__PURE__ */ new Map();
-			for (let n of [...e.options, ...y.value]) t.set(Se(n.value), n);
+			for (let n of [...e.options, ...y.value]) t.set(H(n.value), n);
 			return Array.from(t.values());
-		}), Ee = o(() => e.multiple ? Array.isArray(d.value) ? d.value : [] : d.value === null ? [] : [d.value]), H = o(() => Te.value.filter((e) => Ee.value.some((t) => V(e.value, t)))), De = o(() => Number.isFinite(e.maxVisiblePills) ? Math.max(0, Math.floor(e.maxVisiblePills)) : 1), Oe = o(() => e.multiple ? H.value.slice(0, De.value) : []), ke = o(() => e.multiple ? Math.max(0, H.value.length - Oe.value.length) : 0), Ae = o(() => Ee.value.length > 0), je = o(() => !!e.error || e.errors.length > 0), Me = o(() => e.multiple ? H.value.length === 0 ? e.placeholder : H.value.length === 1 ? H.value[0].label : `${H.value.length} selected` : H.value[0]?.label ?? e.placeholder), Ne = o(() => de[e.size]), Pe = o(() => ({ height: ue[e.size] })), Fe = o(() => {
+		}), we = o(() => e.multiple ? Array.isArray(d.value) ? d.value : [] : d.value === null ? [] : [d.value]), U = o(() => Ce.value.filter((e) => we.value.some((t) => be(e.value, t)))), Te = o(() => Number.isFinite(e.maxVisiblePills) ? Math.max(0, Math.floor(e.maxVisiblePills)) : 1), Ee = o(() => e.multiple ? U.value.slice(0, Te.value) : []), De = o(() => e.multiple ? Math.max(0, U.value.length - Ee.value.length) : 0), Oe = o(() => we.value.length > 0), ke = o(() => !!e.error || e.errors.length > 0), Ae = o(() => e.multiple ? U.value.length === 0 ? e.placeholder : U.value.length === 1 ? U.value[0].label : `${U.value.length} selected` : U.value[0]?.label ?? e.placeholder), je = o(() => ce[e.size]), Me = o(() => {
 			let e = v.value.trim().toLowerCase();
-			return e ? Te.value.filter((t) => t.label.toLowerCase().includes(e)) : Te.value;
-		}), U = o(() => {
-			if (!e.multiple) return Fe.value;
+			return e ? Ce.value.filter((t) => t.label.toLowerCase().includes(e)) : Ce.value;
+		}), W = o(() => {
+			if (!e.multiple) return Me.value;
 			let t = [], n = [];
-			for (let e of Fe.value) G(e) ? t.push(e) : n.push(e);
+			for (let e of Me.value) q(e) ? t.push(e) : n.push(e);
 			return [...t, ...n];
-		}), W = o(() => {
+		}), Ne = o(() => {
 			if (!e.multiple) return -1;
-			let t = U.value.filter((e) => G(e)).length;
-			return t > 0 && t < U.value.length ? t : -1;
-		}), Ie = o(() => ({
+			let t = W.value.filter((e) => q(e)).length;
+			return t > 0 && t < W.value.length ? t : -1;
+		}), G = o(() => ({
 			...re.value,
 			width: b.value > 0 ? `${b.value}px` : void 0,
 			maxHeight: `${e.maxMenuHeight}px`,
 			zIndex: 60
-		})), Le = o(() => {
+		})), K = o(() => {
 			let t = v.value.trim();
-			return !e.allowCreateWhenNoMatch || !t || Fe.value.length > 0 ? !1 : !Te.value.some((e) => e.label.toLowerCase() === t.toLowerCase());
-		}), Re = o(() => {
-			if (!(x.value < 0) && !(x.value >= U.value.length)) return we(x.value);
-		}), ze = o(() => R(e.color) ? L[e.color] : "border-gray-200 focus:border-gray-200"), Ve = o(() => R(e.color) ? fe[e.color] : "text-dark"), He = o(() => R(e.color) ? me[e.color] : "border-dark bg-dark text-white"), Ue = o(() => R(e.color) ? me[e.color] : "border-light bg-light text-dark"), We = o(() => {
-			if (!R(e.color)) return {
+			return !e.allowCreateWhenNoMatch || !t || Me.value.length > 0 ? !1 : !Ce.value.some((e) => e.label.toLowerCase() === t.toLowerCase());
+		}), Pe = o(() => {
+			if (!(x.value < 0) && !(x.value >= W.value.length)) return Se(x.value);
+		}), Fe = o(() => pe(e.color) ? le[e.color] : "border-gray-200 focus:border-gray-200"), Ie = o(() => pe(e.color) ? z[e.color] : "text-dark"), Le = o(() => pe(e.color) ? ue[e.color] : "border-dark bg-dark text-white"), ze = o(() => pe(e.color) ? ue[e.color] : "border-light bg-light text-dark"), Be = o(() => {
+			if (!pe(e.color)) return {
 				"--hl-select-option-hover-bg": "#f9fafb",
 				"--hl-select-option-highlight-bg": "#f3f4f6"
 			};
-			let t = he[e.color];
+			let t = fe[e.color];
 			return {
 				"--hl-select-option-hover-bg": `color-mix(in srgb, var(${t}) 10%, white)`,
 				"--hl-select-option-highlight-bg": `color-mix(in srgb, var(${t}) 16%, white)`
 			};
 		});
-		function G(e) {
-			return Ee.value.some((t) => V(e.value, t));
+		function q(e) {
+			return we.value.some((t) => be(e.value, t));
 		}
-		function Ge(e) {
+		function Ve(e) {
 			d.value = e, f("change", e);
 		}
-		function Ke() {
+		function He() {
 			let e = [];
-			return U.value.forEach((t, n) => {
+			return W.value.forEach((t, n) => {
 				t.disabled || e.push(n);
 			}), e;
 		}
-		function qe() {
+		function Ue() {
 			if (!g.value || x.value < 0) return;
 			let e = `[data-option-index="${x.value}"]`, t = g.value.querySelector(e);
 			t instanceof HTMLElement && t.scrollIntoView({ block: "nearest" });
 		}
-		function K(e) {
+		function J(e) {
 			x.value = e, S(() => {
-				qe();
+				Ue();
 			});
 		}
-		function Je() {
-			let e = Ke();
+		function We() {
+			let e = He();
 			if (e.length === 0) {
-				K(-1);
+				J(-1);
 				return;
 			}
-			let t = U.value.findIndex((e) => !e.disabled && G(e));
-			K(t >= 0 ? t : e[0]);
+			let t = W.value.findIndex((e) => !e.disabled && q(e));
+			J(t >= 0 ? t : e[0]);
 		}
-		function Ye(e) {
-			let t = Ke();
+		function Ge(e) {
+			let t = He();
 			if (t.length === 0) {
-				K(-1);
+				J(-1);
 				return;
 			}
 			if (x.value < 0) {
-				K(e === 1 ? t[0] : t[t.length - 1]);
+				J(e === 1 ? t[0] : t[t.length - 1]);
 				return;
 			}
 			let n = t.indexOf(x.value);
 			if (n < 0) {
-				K(e === 1 ? t[0] : t[t.length - 1]);
+				J(e === 1 ? t[0] : t[t.length - 1]);
 				return;
 			}
-			K(t[(n + e + t.length) % t.length]);
+			J(t[(n + e + t.length) % t.length]);
 		}
-		function Xe() {
+		function Ke() {
 			if (x.value < 0) return;
-			let e = U.value[x.value];
-			!e || e.disabled || Ze(e);
+			let e = W.value[x.value];
+			!e || e.disabled || qe(e);
 		}
-		function Ze(t) {
+		function qe(t) {
 			if (!(t.disabled || e.disabled)) {
 				if (e.multiple) {
 					let e = Array.isArray(d.value) ? [...d.value] : [];
-					Ge(e.some((e) => V(t.value, e)) ? e.filter((e) => !V(t.value, e)) : [...e, t.value]);
+					Ve(e.some((e) => be(t.value, e)) ? e.filter((e) => !be(t.value, e)) : [...e, t.value]);
 					return;
 				}
-				Ge(t.value), A();
+				Ve(t.value), A();
 			}
 		}
-		function Qe() {
-			Ge(e.multiple ? [] : null), v.value = "", A();
+		function Je() {
+			Ve(e.multiple ? [] : null), v.value = "", A();
 		}
-		function $e(e) {
+		function Ye(e) {
 			return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 		}
-		function tt() {
+		function Xe() {
 			let t = v.value.trim();
-			if (!t || !Le.value) return;
+			if (!t || !K.value) return;
 			let n = {
 				label: t,
-				value: $e(t) || t.toLowerCase()
+				value: Ye(t) || t.toLowerCase()
 			}, r = {
 				label: t,
 				value: n
 			};
 			if (y.value = [...y.value, r], f("create", n), e.multiple) {
-				Ge([...Array.isArray(d.value) ? [...d.value] : [], n]), v.value = "";
+				Ve([...Array.isArray(d.value) ? [...d.value] : [], n]), v.value = "";
 				return;
 			}
-			Ge(n), v.value = "", A();
+			Ve(n), v.value = "", A();
 		}
-		function q() {
+		function Ze() {
 			b.value = h.value?.offsetWidth ?? 0;
 		}
-		function nt() {
+		function $e() {
 			e.disabled || ne();
 		}
-		function rt(t) {
+		function et(t) {
 			if (!e.disabled) {
 				if (t.key === "Escape") {
 					A();
@@ -1662,7 +1655,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 						M();
 						return;
 					}
-					Ye(1);
+					Ge(1);
 					return;
 				}
 				if (t.key === "ArrowUp") {
@@ -1670,75 +1663,75 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 						M();
 						return;
 					}
-					Ye(-1);
+					Ge(-1);
 					return;
 				}
 				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ne());
 			}
 		}
-		function it(e) {
+		function tt(e) {
 			if (e.key === "ArrowDown") {
-				e.preventDefault(), Ye(1);
+				e.preventDefault(), Ge(1);
 				return;
 			}
 			if (e.key === "ArrowUp") {
-				e.preventDefault(), Ye(-1);
+				e.preventDefault(), Ge(-1);
 				return;
 			}
 			if (e.key === "Enter") {
 				if (e.preventDefault(), x.value >= 0) {
-					Xe();
+					Ke();
 					return;
 				}
-				Le.value && tt();
+				K.value && Xe();
 				return;
 			}
 			e.key === "Escape" && (e.preventDefault(), A());
 		}
-		function at(e) {
+		function nt(e) {
 			if (!O.value) return;
 			let t = e.target;
-			t instanceof Node && (g.value?.contains(t) ?? !1) && it(e);
+			t instanceof Node && (g.value?.contains(t) ?? !1) && tt(e);
 		}
-		function ot(e) {
-			U.value[e]?.disabled || K(e);
+		function rt(e) {
+			W.value[e]?.disabled || J(e);
 		}
-		function st(e) {
+		function it(e) {
 			let t = e.target, n = m.value?.contains(t) ?? !1, r = g.value?.contains(t) ?? !1;
 			!n && !r && A();
 		}
-		return n({ clearSelection: Qe }), I(() => e.disabled, (e) => {
+		return n({ clearSelection: Je }), R(() => e.disabled, (e) => {
 			e && A();
-		}), I(O, async (e) => {
+		}), R(O, async (e) => {
 			if (e) {
-				f("open"), await S(), q(), await ie(), Je(), _.value?.focus({ preventScroll: !0 });
+				f("open"), await S(), Ze(), await ie(), We(), _.value?.focus({ preventScroll: !0 });
 				return;
 			}
 			f("close"), v.value = "", x.value = -1;
-		}), I(U, () => {
+		}), R(W, () => {
 			if (O.value) {
-				if (x.value < 0 || x.value >= U.value.length || U.value[x.value]?.disabled) {
-					Je();
+				if (x.value < 0 || x.value >= W.value.length || W.value[x.value]?.disabled) {
+					We();
 					return;
 				}
 				S(() => {
-					qe();
+					Ue();
 				});
 			}
 		}), T(() => {
-			q(), window.addEventListener("resize", q), document.addEventListener("pointerdown", st), document.addEventListener("keydown", at, !0);
+			Ze(), window.addEventListener("resize", Ze), document.addEventListener("pointerdown", it), document.addEventListener("keydown", nt, !0);
 		}), ee(() => {
-			window.removeEventListener("resize", q), document.removeEventListener("pointerdown", st), document.removeEventListener("keydown", at, !0);
+			window.removeEventListener("resize", Ze), document.removeEventListener("pointerdown", it), document.removeEventListener("keydown", nt, !0);
 		}), (t, n) => (D(), l("div", {
 			ref_key: "rootRef",
 			ref: m,
 			class: "w-full hanap-labs-font"
 		}, [
-			e.label || e.description ? (D(), s(Be, {
+			e.label || e.description ? (D(), s(Re, {
 				key: 0,
 				label: e.label,
 				description: e.description,
-				"label-id": e.label ? le.value : "",
+				"label-id": e.label ? se.value : "",
 				required: e.required,
 				"label-class": e.labelClass
 			}, null, 8, [
@@ -1750,60 +1743,59 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 			])) : c("", !0),
 			u("div", Xt, [
 				u("button", {
-					id: se.value,
-					ref: _e,
+					id: ae.value,
+					ref: he,
 					type: "button",
-					style: w(Pe.value),
 					class: C(["flex w-full items-center gap-2 border border-solid bg-transparent text-left leading-tight transition-colors duration-150 hl-no-focus-ring disabled:cursor-not-allowed disabled:opacity-60 rounded-md cursor-pointer", [
-						Ne.value,
+						je.value,
 						e.inputClass,
-						je.value ? "border-danger focus:border-danger" : ze.value,
+						ke.value ? "border-danger focus:border-danger" : Fe.value,
 						{
-							"text-dark": Ae.value,
-							"text-muted": !Ae.value,
-							"pr-10": Ae.value,
-							"pr-8": !Ae.value,
+							"text-dark": Oe.value,
+							"text-muted": !Oe.value,
+							"pr-10": Oe.value,
+							"pr-8": !Oe.value,
 							"border-0 focus:border-0": e.noBorder
 						}
 					]]),
 					disabled: e.disabled,
 					"aria-expanded": F(O),
-					"aria-controls": ce.value,
-					"aria-labelledby": e.label ? le.value : void 0,
+					"aria-controls": oe.value,
+					"aria-labelledby": e.label ? se.value : void 0,
 					"aria-haspopup": "listbox",
-					onClick: nt,
-					onKeydown: rt
-				}, [e.multiple && H.value.length > 0 ? (D(), l("span", Qt, [(D(!0), l(r, null, j(Oe.value, (e, t) => (D(), l("span", {
-					key: Ce(e, t),
-					class: C(["inline-flex max-w-[110px] truncate rounded border border-solid px-1.5 py-0.5 text-xs", Ue.value])
-				}, N(e.label), 3))), 128)), ke.value > 0 ? (D(), l("span", $t, " +" + N(ke.value) + " more ", 1)) : c("", !0)])) : (D(), l("span", en, N(Me.value), 1))], 46, Zt),
-				Ae.value && !e.disabled ? (D(), l("button", {
+					onClick: $e,
+					onKeydown: et
+				}, [e.multiple && U.value.length > 0 ? (D(), l("span", Qt, [(D(!0), l(r, null, j(Ee.value, (e, t) => (D(), l("span", {
+					key: xe(e, t),
+					class: C(["inline-flex max-w-[110px] truncate rounded border border-solid px-1.5 py-0.5 text-xs", ze.value])
+				}, N(e.label), 3))), 128)), De.value > 0 ? (D(), l("span", $t, " +" + N(De.value) + " more ", 1)) : c("", !0)])) : (D(), l("span", en, N(Ae.value), 1))], 42, Zt),
+				Oe.value && !e.disabled ? (D(), l("button", {
 					key: 0,
 					type: "button",
 					class: "absolute inset-y-0 right-6 my-auto px-1 text-muted hover:text-dark appearance-none border-0 bg-transparent hl-no-focus-ring cursor-pointer",
 					"aria-label": "Clear selection",
-					onClick: pe(Qe, ["stop"])
-				}, [p(B, {
+					onClick: de(Je, ["stop"])
+				}, [p(V, {
 					name: "x-mark",
 					size: 14,
 					decorative: !0
 				})])) : c("", !0),
-				u("span", { class: C(["pointer-events-none absolute inset-y-0 right-2 my-auto flex items-center text-muted transition-transform duration-150", { "rotate-180": F(O) }]) }, [p(B, {
+				u("span", { class: C(["pointer-events-none absolute inset-y-0 right-2 my-auto flex items-center text-muted transition-transform duration-150", { "rotate-180": F(O) }]) }, [p(V, {
 					name: "chevron-up-down",
 					size: 20,
 					decorative: !0
 				})], 2),
 				(D(), s(i, { to: "body" }, [F(O) ? (D(), l("div", {
 					key: 0,
-					ref: ve,
+					ref: ge,
 					class: "overflow-hidden rounded-md bg-white border border-gray-200 border-solid shadow-none",
-					style: w(Ie.value),
-					id: ce.value,
+					style: w(G.value),
+					id: oe.value,
 					role: "listbox",
-					"aria-labelledby": se.value,
-					"aria-activedescendant": Re.value
-				}, [u("div", nn, [p(et, {
-					ref: ye,
+					"aria-labelledby": ae.value,
+					"aria-activedescendant": Pe.value
+				}, [u("div", nn, [p(Qe, {
+					ref: _e,
 					modelValue: v.value,
 					"onUpdate:modelValue": n[0] ||= (e) => v.value = e,
 					type: "search",
@@ -1812,53 +1804,53 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 				}, null, 8, ["modelValue", "disabled"])]), u("div", {
 					class: "overflow-y-auto py-1",
 					style: w({ maxHeight: `${e.maxMenuHeight}px` })
-				}, [U.value.length > 0 ? (D(!0), l(r, { key: 0 }, j(U.value, (t, n) => (D(), l(r, { key: Ce(t, n) }, [W.value >= 0 && n === W.value ? (D(), l("div", rn)) : c("", !0), u("button", {
+				}, [W.value.length > 0 ? (D(!0), l(r, { key: 0 }, j(W.value, (t, n) => (D(), l(r, { key: xe(t, n) }, [Ne.value >= 0 && n === Ne.value ? (D(), l("div", rn)) : c("", !0), u("button", {
 					type: "button",
-					id: we(n),
+					id: Se(n),
 					"data-option-index": n,
 					class: C(["flex w-full items-center justify-between gap-2 px-3 py-2 text-left text-sm transition-colors appearance-none border-0 bg-white hl-no-focus-ring", [
 						e.optionClass,
 						{
 							"cursor-not-allowed text-muted": t.disabled,
 							"cursor-pointer": !t.disabled,
-							"text-dark": !t.disabled && !G(t),
-							"font-medium": G(t),
+							"text-dark": !t.disabled && !q(t),
+							"font-medium": q(t),
 							"hover:bg-[var(--hl-select-option-hover-bg)]": !t.disabled
 						},
-						!t.disabled && G(t) ? Ve.value : ""
+						!t.disabled && q(t) ? Ie.value : ""
 					]]),
-					style: w([We.value, !t.disabled && x.value === n ? { backgroundColor: "var(--hl-select-option-highlight-bg)" } : void 0]),
-					"aria-selected": G(t),
+					style: w([Be.value, !t.disabled && x.value === n ? { backgroundColor: "var(--hl-select-option-highlight-bg)" } : void 0]),
+					"aria-selected": q(t),
 					disabled: t.disabled,
-					onMouseenter: (e) => ot(n),
-					onClick: (e) => Ze(t)
+					onMouseenter: (e) => rt(n),
+					onClick: (e) => qe(t)
 				}, [u("span", on, [e.multiple ? (D(), l("span", {
 					key: 0,
-					class: C(["inline-flex size-4 items-center justify-center rounded border border-solid text-[10px]", G(t) ? He.value : "border-gray-300"])
-				}, [G(t) ? (D(), s(B, {
+					class: C(["inline-flex size-4 items-center justify-center rounded border border-solid text-[10px]", q(t) ? Le.value : "border-gray-300"])
+				}, [q(t) ? (D(), s(V, {
 					key: 0,
 					name: "check",
 					size: 10,
 					decorative: !0
-				})) : c("", !0)], 2)) : c("", !0), u("span", sn, [u("span", cn, N(t.label), 1), t.description ? (D(), l("span", ln, N(t.description), 1)) : c("", !0)])]), G(t) && !e.multiple ? (D(), l("span", {
+				})) : c("", !0)], 2)) : c("", !0), u("span", sn, [u("span", cn, N(t.label), 1), t.description ? (D(), l("span", ln, N(t.description), 1)) : c("", !0)])]), q(t) && !e.multiple ? (D(), l("span", {
 					key: 0,
-					class: C(["shrink-0 text-xs", Ve.value])
-				}, [p(B, {
+					class: C(["shrink-0 text-xs", Ie.value])
+				}, [p(V, {
 					name: "check",
 					size: 14,
 					decorative: !0
-				})], 2)) : c("", !0)], 46, an)], 64))), 128)) : (D(), l("p", un, N(v.value.trim() ? "No matches found" : "No options available"), 1)), Le.value ? (D(), l("button", {
+				})], 2)) : c("", !0)], 46, an)], 64))), 128)) : (D(), l("p", un, N(v.value.trim() ? "No matches found" : "No options available"), 1)), K.value ? (D(), l("button", {
 					key: 2,
 					type: "button",
 					class: "mx-2 mb-2 flex w-[calc(100%-1rem)] items-center justify-between rounded-md border-0 bg-transparent px-3 py-2 text-left text-sm text-dark appearance-none hl-no-focus-ring",
-					onClick: tt
-				}, [u("span", null, "Add \"" + N(v.value.trim()) + "\"", 1), p(B, {
+					onClick: Xe
+				}, [u("span", null, "Add \"" + N(v.value.trim()) + "\"", 1), p(V, {
 					name: "plus",
 					size: 14,
 					decorative: !0
 				})])) : c("", !0)], 4)], 12, tn)) : c("", !0)]))
 			]),
-			je.value ? (D(), l("div", dn, [e.error ? (D(), l("p", fn, N(e.error), 1)) : c("", !0), (D(!0), l(r, null, j(e.errors, (e) => (D(), l("p", {
+			ke.value ? (D(), l("div", dn, [e.error ? (D(), l("p", fn, N(e.error), 1)) : c("", !0), (D(!0), l(r, null, j(e.errors, (e) => (D(), l("p", {
 				key: e,
 				class: "text-xs text-danger"
 			}, N(e), 1))), 128))])) : c("", !0)
@@ -1891,13 +1883,13 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 	}),
 	emits: /* @__PURE__ */ b(["tabs:change"], ["update:active"]),
 	setup(e, { emit: t }) {
-		let n = oe(e, "active"), i = t, a = o(() => e.items.filter((e) => !e.disabled)), d = o({
+		let n = L(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));
 			}
-		}), p = ae().replace(/:/g, ""), m = o(() => `hl-tabs-${p}`), h = o(() => _(d.value));
-		de(() => {
+		}), p = I().replace(/:/g, ""), m = o(() => `hl-tabs-${p}`), h = o(() => _(d.value));
+		le(() => {
 			if (!a.value.length) {
 				d.value = "";
 				return;
@@ -1928,7 +1920,7 @@ var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ *
 				onClick: (t) => g(e.value)
 			}, [
 				u("span", { class: C(["size-2 rounded-full", d.value === e.value ? "bg-light" : "bg-muted"]) }, null, 2),
-				e.icon ? (D(), s(B, {
+				e.icon ? (D(), s(V, {
 					key: 0,
 					name: e.icon,
 					class: "size-4",
@@ -3432,7 +3424,7 @@ function Gr(e) {
 	}, t ? Wr(e) : e));
 	if (t) {
 		let t = re(e.data);
-		I(t, () => {
+		R(t, () => {
 			n.setState((e) => ({
 				...e,
 				data: t.value
@@ -3440,7 +3432,7 @@ function Gr(e) {
 		}, { immediate: !0 });
 	}
 	let r = k(n.initialState);
-	return de(() => {
+	return le(() => {
 		n.setOptions((n) => {
 			let i = new Proxy({}, { get: (e, t) => r.value[t] });
 			return Hr(n, t ? Wr(e) : e, {
@@ -3526,7 +3518,7 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 		"search"
 	], ["update:selectedRows"]),
 	setup(e, { expose: t, emit: n }) {
-		let i = oe(e, "selectedRows"), a = n, d = se(), f = k([]), m = k({}), h = k(""), g = k(!1);
+		let i = L(e, "selectedRows"), a = n, d = ae(), f = k([]), m = k({}), h = k(""), g = k(!1);
 		function _(e) {
 			return Object.prototype.hasOwnProperty.call(e, "key");
 		}
@@ -3637,20 +3629,20 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 		function P(e) {
 			return e ?? {};
 		}
-		function ae(e) {
+		function I(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		function ce(e) {
+		function oe(e) {
 			return e === "center" ? "justify-center" : e === "right" ? "justify-end" : "justify-start";
 		}
-		function le(e) {
+		function se(e) {
 			return e === "center" ? "mx-auto w-3/4" : e === "right" ? "ml-auto w-3/4" : "w-full";
 		}
-		I(ee, (e, t) => {
+		R(ee, (e, t) => {
 			t && !e && g.value && (g.value = !1);
-		}), I(m, () => {
+		}), R(m, () => {
 			i.value = O.value;
-		}, { deep: !0 }), I(i, (e) => {
+		}, { deep: !0 }), R(i, (e) => {
 			let t = O.value;
 			if (e.length === t.length && e.every((e) => t.includes(e))) return;
 			let n = {};
@@ -3658,7 +3650,7 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 				n[e] = !0;
 			}), m.value = n;
 		});
-		function ue(e) {
+		function ce(e) {
 			let t = f.value.find((t) => t.id === e), n = t ? !t.desc : !1;
 			f.value = [{
 				id: e,
@@ -3668,41 +3660,41 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 				direction: n ? "desc" : "asc"
 			});
 		}
-		function de() {
+		function le() {
 			g.value = !0, a("refresh");
 		}
-		function fe() {
+		function ue() {
 			a("search", h.value);
 		}
-		function pe() {
+		function de() {
 			if (T.value) {
 				a("page:change", Math.max(1, E.value - 1));
 				return;
 			}
 			w.previousPage();
 		}
-		function me() {
+		function fe() {
 			if (T.value) {
 				a("page:change", Math.min(te.value, E.value + 1));
 				return;
 			}
 			w.nextPage();
 		}
-		function he(e) {
+		function pe(e) {
 			if (T.value) {
 				a("page:change", e);
 				return;
 			}
 			w.setPageIndex(e - 1);
 		}
-		function R() {
+		function me() {
 			if (A.value) {
 				w.resetRowSelection();
 				return;
 			}
 			w.toggleAllPageRowsSelected(!0);
 		}
-		function ge(e) {
+		function he(e) {
 			e.toggleSelected();
 		}
 		return t({
@@ -3718,7 +3710,7 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 				e.searchable && !(e.selectable && O.value.length > 0) ? (D(), l("p", Yr, N(e.total) + " result" + N(e.total === 1 ? "" : "s"), 1)) : c("", !0),
 				e.selectable && O.value.length > 0 ? (D(), l("p", Xr, N(O.value.length) + " selected ", 1)) : c("", !0),
 				e.selectable && O.value.length > 0 ? M(t.$slots, "bulk-actions", { key: 2 }) : c("", !0),
-				e.searchable ? (D(), s(et, {
+				e.searchable ? (D(), s(Qe, {
 					key: 3,
 					modelValue: h.value,
 					"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
@@ -3727,19 +3719,20 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 					size: "md",
 					class: "w-full max-w-sm sm:w-72",
 					"input-class": "rounded-md border-gray-200 bg-transparent text-dark",
-					onInput: fe
+					onInput: ue
 				}, null, 8, ["modelValue", "placeholder"])) : c("", !0),
-				e.refreshable ? (D(), s(W, {
+				e.refreshable ? (D(), s(K, {
 					key: 4,
 					label: "",
 					type: "button",
+					"icon-only": !0,
 					variant: "outline",
-					class: "shrink-0 min-w-0 !w-[var(--hanap-labs-size-md)] !h-[var(--hanap-labs-size-md)] !p-0 !gap-0 hover:text-primary",
+					class: "shrink-0 hover:text-primary",
 					disabled: g.value || ee.value,
 					"aria-label": "Refresh",
-					onClick: de
+					onClick: le
 				}, {
-					icon: L(() => [p(B, {
+					icon: z(() => [p(V, {
 						name: "refresh",
 						size: 20,
 						decorative: !0,
@@ -3749,22 +3742,22 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 					_: 1
 				}, 8, ["disabled"])) : c("", !0)
 			], 2)])) : c("", !0),
-			u("div", Zr, [u("div", Qr, [u("table", $r, [u("thead", ei, [u("tr", null, [e.selectable ? (D(), l("th", ti, [p(Ke, {
+			u("div", Zr, [u("div", Qr, [u("table", $r, [u("thead", ei, [u("tr", null, [e.selectable ? (D(), l("th", ti, [p(J, {
 				"model-value": A.value,
 				indeterminate: ne.value,
 				"aria-label": "Toggle all rows",
 				size: "md",
 				class: "mx-auto max-w-max",
-				"onUpdate:modelValue": R
+				"onUpdate:modelValue": me
 			}, null, 8, ["model-value", "indeterminate"])])) : c("", !0), (D(!0), l(r, null, j(F(w).getFlatHeaders().filter((e) => e.id !== "select"), (e) => (D(), l("th", {
 				key: e.id,
-				class: C(["whitespace-nowrap px-4 py-3", [ae(P(e.column.columnDef.meta).alignment), { "cursor-pointer select-none hover:text-primary": e.column.getCanSort() }]]),
-				onClick: (t) => e.column.getCanSort() ? ue(e.id) : void 0
-			}, [u("div", { class: C(["flex w-full items-center gap-1.5", ce(P(e.column.columnDef.meta).alignment)]) }, [e.isPlaceholder ? c("", !0) : (D(), s(F(Ur), {
+				class: C(["whitespace-nowrap px-4 py-3", [I(P(e.column.columnDef.meta).alignment), { "cursor-pointer select-none hover:text-primary": e.column.getCanSort() }]]),
+				onClick: (t) => e.column.getCanSort() ? ce(e.id) : void 0
+			}, [u("div", { class: C(["flex w-full items-center gap-1.5", oe(P(e.column.columnDef.meta).alignment)]) }, [e.isPlaceholder ? c("", !0) : (D(), s(F(Ur), {
 				key: 0,
 				render: e.column.columnDef.header,
 				props: e.getContext()
-			}, null, 8, ["render", "props"])), e.column.getCanSort() ? (D(), l("span", ri, [p(B, {
+			}, null, 8, ["render", "props"])), e.column.getCanSort() ? (D(), l("span", ri, [p(V, {
 				name: e.column.getIsSorted() === "asc" ? "chevron-up" : e.column.getIsSorted() === "desc" ? "chevron-down" : "chevron-up-down",
 				size: 14,
 				decorative: !0
@@ -3773,20 +3766,20 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 				class: "animate-pulse"
 			}, [e.selectable ? (D(), l("td", ai, [...n[1] ||= [u("div", { class: "mx-auto size-5 rounded border border-solid border-gray-200 bg-gray-100" }, null, -1)]])) : c("", !0), (D(!0), l(r, null, j(F(w).getAllColumns().filter((e) => e.id !== "select"), (e) => (D(), l("td", {
 				key: `${t}-${e.id}`,
-				class: C(["whitespace-nowrap px-4 py-3", ae(P(e.columnDef.meta).alignment)])
-			}, [u("div", { class: C(["h-4 rounded bg-gray-100", le(P(e.columnDef.meta).alignment)]) }, null, 2)], 2))), 128))])), 64)) : (D(!0), l(r, { key: 1 }, j(F(w).getRowModel().rows, (n) => (D(), l("tr", {
+				class: C(["whitespace-nowrap px-4 py-3", I(P(e.columnDef.meta).alignment)])
+			}, [u("div", { class: C(["h-4 rounded bg-gray-100", se(P(e.columnDef.meta).alignment)]) }, null, 2)], 2))), 128))])), 64)) : (D(!0), l(r, { key: 1 }, j(F(w).getRowModel().rows, (n) => (D(), l("tr", {
 				key: n.id,
 				class: C(["hover:bg-gray-50", { "bg-primary/5": n.getIsSelected() }])
-			}, [e.selectable ? (D(), l("td", oi, [p(Ke, {
+			}, [e.selectable ? (D(), l("td", oi, [p(J, {
 				"model-value": n.getIsSelected(),
 				"aria-label": "Toggle row",
 				size: "md",
 				class: "mx-auto max-w-max",
-				"onUpdate:modelValue": (e) => ge(n)
+				"onUpdate:modelValue": (e) => he(n)
 			}, null, 8, ["model-value", "onUpdate:modelValue"])])) : c("", !0), (D(!0), l(r, null, j(n.getVisibleCells().filter((e) => e.column.id !== "select"), (e) => (D(), l("td", {
 				key: e.id,
-				class: C(["whitespace-nowrap px-4 py-3 text-dark", ae(P(e.column.columnDef.meta).alignment)])
-			}, [u("div", { class: C(["flex w-full items-center gap-1.5", ce(P(e.column.columnDef.meta).alignment)]) }, [F(d)[e.column.id] ? M(t.$slots, e.column.id, {
+				class: C(["whitespace-nowrap px-4 py-3 text-dark", I(P(e.column.columnDef.meta).alignment)])
+			}, [u("div", { class: C(["flex w-full items-center gap-1.5", oe(P(e.column.columnDef.meta).alignment)]) }, [F(d)[e.column.id] ? M(t.$slots, e.column.id, {
 				key: 0,
 				row: n.original,
 				rowId: n.id,
@@ -3801,26 +3794,26 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 				class: "px-4 py-12 text-center text-muted"
 			}, [...n[2] ||= [u("div", { class: "flex flex-col items-center gap-1" }, [u("p", { class: "text-sm font-medium" }, "No results found"), u("p", { class: "text-xs" }, "Try adjusting your search terms")], -1)]], 8, ci)])) : c("", !0)])])])]),
 			e.pageCount !== void 0 || te.value > 1 ? (D(), l("div", li, [u("div", ui, [
-				p(W, {
+				p(K, {
 					label: "",
 					type: "button",
 					size: "sm",
 					variant: "outline",
 					rounded: !1,
 					"icon-only": !0,
-					class: "!size-[var(--hanap-labs-size-sm)] !min-w-0 !p-0 hover:!bg-gray-100",
+					class: "!p-0 hover:!bg-gray-100",
 					disabled: T.value ? E.value <= 1 : !F(w).getCanPreviousPage(),
 					"aria-label": "Previous page",
-					onClick: pe
+					onClick: de
 				}, {
-					icon: L(() => [p(B, {
+					icon: z(() => [p(V, {
 						name: "chevron-left",
 						size: 14,
 						decorative: !0
 					})]),
 					_: 1
 				}, 8, ["disabled"]),
-				(D(!0), l(r, null, j(ie.value, (e, t) => (D(), l(r, { key: `${e}-${t}` }, [e === "ellipsis" ? (D(), l("span", di, " ... ")) : (D(), s(W, {
+				(D(!0), l(r, null, j(ie.value, (e, t) => (D(), l(r, { key: `${e}-${t}` }, [e === "ellipsis" ? (D(), l("span", di, " ... ")) : (D(), s(K, {
 					key: 0,
 					label: String(e),
 					type: "button",
@@ -3828,8 +3821,8 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 					variant: e === E.value ? "solid" : "outline",
 					color: e === E.value ? "primary" : void 0,
 					rounded: !1,
-					class: C(["!size-[var(--hanap-labs-size-sm)] !min-w-0 !p-0 !font-medium", e === E.value ? "" : "hover:!bg-gray-100"]),
-					onClick: (t) => he(e)
+					class: C(["!size-9 !min-w-0 !p-0 !font-medium", e === E.value ? "" : "hover:!bg-gray-100"]),
+					onClick: (t) => pe(e)
 				}, null, 8, [
 					"label",
 					"variant",
@@ -3837,19 +3830,19 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 					"class",
 					"onClick"
 				]))], 64))), 128)),
-				p(W, {
+				p(K, {
 					label: "",
 					type: "button",
 					size: "sm",
 					variant: "outline",
 					rounded: !1,
 					"icon-only": !0,
-					class: "!size-[var(--hanap-labs-size-sm)] !min-w-0 !p-0 hover:!bg-gray-100",
+					class: "!p-0 hover:!bg-gray-100",
 					disabled: T.value ? E.value >= te.value : !F(w).getCanNextPage(),
 					"aria-label": "Next page",
-					onClick: me
+					onClick: fe
 				}, {
-					icon: L(() => [p(B, {
+					icon: z(() => [p(V, {
 						name: "chevron-right",
 						size: 14,
 						decorative: !0
@@ -3874,7 +3867,7 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 }, vi = {
 	key: 0,
 	class: "text-xs text-danger"
-}, yi = /* @__PURE__ */ xe(/* @__PURE__ */ h({
+}, yi = /* @__PURE__ */ be(/* @__PURE__ */ h({
 	__name: "HLTextarea",
 	props: /* @__PURE__ */ b({
 		id: { default: "" },
@@ -3914,17 +3907,17 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 		"input"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = oe(e, "modelValue"), i = ht({
+		let n = L(e, "modelValue"), i = mt({
 			input: n,
 			styleProp: "minHeight"
 		}), a = t;
 		function d(e) {
-			let t = ae();
+			let t = I();
 			return { inputId: o(() => e || t) };
 		}
 		let { inputId: f } = d(e.id), p = o(() => !!e.error || e.errors.length > 0);
 		return (t, o) => (D(), l("div", mi, [
-			e.label || e.description ? (D(), s(Be, {
+			e.label || e.description ? (D(), s(Re, {
 				key: 0,
 				label: e.label,
 				description: e.description,
@@ -3938,7 +3931,7 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 				"required",
 				"label-class"
 			])) : c("", !0),
-			u("div", hi, [fe(u("textarea", {
+			u("div", hi, [ue(u("textarea", {
 				id: F(f),
 				ref: F(i).textarea,
 				"onUpdate:modelValue": o[0] ||= (e) => n.value = e,
@@ -3957,7 +3950,7 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 				onFocus: o[1] ||= (e) => a("focus"),
 				onBlur: o[2] ||= (e) => a("blur"),
 				onInput: o[3] ||= (e) => a("input")
-			}, null, 42, gi), [[ue, n.value]])]),
+			}, null, 42, gi), [[ce, n.value]])]),
 			p.value ? (D(), l("div", _i, [e.error ? (D(), l("p", vi, N(e.error), 1)) : c("", !0), e.errors.length ? (D(!0), l(r, { key: 1 }, j(e.errors, (e) => (D(), l("p", {
 				key: e,
 				class: "text-xs text-danger"
@@ -3966,4 +3959,4 @@ var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 	}
 }), [["__scopeId", "data-v-1b28fb3f"]]);
 //#endregion
-export { _e as C, ge as S, Be as _, pn as a, Ae as b, Ht as c, jt as d, Et as f, Ke as g, et as h, mn as i, Vt as l, _t as m, pi as n, Yt as o, St as p, xn as r, Jt as s, yi as t, Mt as u, W as v, B as x, Ne as y };
+export { ge as C, he as S, Re as _, pn as a, ke as b, Ht as c, jt as d, Tt as f, J as g, Qe as h, mn as i, Vt as l, gt as m, pi as n, Yt as o, xt as p, xn as r, Jt as s, yi as t, Mt as u, K as v, V as x, Me as y };