hanap-labs 0.1.0 → 0.1.6

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

@@ -1,39 +1,39 @@
 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 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";
+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";
 //#endregion
 //#region src/components/hl-icon/HLIcon.registry.ts
-var fe = /* @__PURE__ */ Object.assign({
-	"../../assets/icons/check.svg": "<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\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\" />\r\n</svg>",
+var me = /* @__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\">\r\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.75 19.5 8.25 12l7.5-7.5\" />\r\n</svg>\r\n",
-	"../../assets/icons/chevron-right.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m8.25 4.5 7.5 7.5-7.5 7.5\" />\r\n</svg>\r\n",
-	"../../assets/icons/chevron-up-down.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9\" />\r\n</svg>\r\n",
-	"../../assets/icons/chevron-up.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 15.75 7.5-7.5 7.5 7.5\" />\r\n</svg>\r\n",
-	"../../assets/icons/eye-off.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88\" />\r\n</svg>\r\n",
-	"../../assets/icons/eye.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\r\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\" />\r\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\r\n</svg>\r\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",
+	"../../assets/icons/chevron-right.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=\"m8.25 4.5 7.5 7.5-7.5 7.5\" />\n</svg>\n",
+	"../../assets/icons/chevron-up-down.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=\"M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9\" />\n</svg>\n",
+	"../../assets/icons/chevron-up.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=\"m4.5 15.75 7.5-7.5 7.5 7.5\" />\n</svg>\n",
+	"../../assets/icons/eye-off.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=\"M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88\" />\n</svg>\n",
+	"../../assets/icons/eye.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=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\" />\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\" />\n</svg>\n",
 	"../../assets/icons/plus.svg": "<svg viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n  <path\n    fill-rule=\"evenodd\"\n    d=\"M10 4.25a.75.75 0 01.75.75v4.25H15a.75.75 0 010 1.5h-4.25V15a.75.75 0 01-1.5 0v-4.25H5a.75.75 0 010-1.5h4.25V5a.75.75 0 01.75-.75z\"\n    clip-rule=\"evenodd\"\n  />\n</svg>\n",
-	"../../assets/icons/refresh.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\r\n  <path d=\"M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z\" />\r\n</svg>",
-	"../../assets/icons/spinner.svg": "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n  <circle\r\n    cx=\"12\"\r\n    cy=\"12\"\r\n    r=\"9\"\r\n    stroke=\"currentColor\"\r\n    stroke-width=\"3\"\r\n    opacity=\"0.2\"\r\n  />\r\n  <circle\r\n    cx=\"12\"\r\n    cy=\"12\"\r\n    r=\"9\"\r\n    stroke=\"currentColor\"\r\n    stroke-width=\"3\"\r\n    stroke-linecap=\"round\"\r\n    stroke-dasharray=\"42 14\"\r\n    transform=\"rotate(-90 12 12)\"\r\n  />\r\n</svg>\r\n",
-	"../../assets/icons/three-dots.svg": "<svg fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n  <circle cx=\"10\" cy=\"4\" r=\"2\" />\r\n  <circle cx=\"10\" cy=\"10\" r=\"2\" />\r\n  <circle cx=\"10\" cy=\"16\" r=\"2\" />\r\n</svg>",
+	"../../assets/icons/refresh.svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" fill=\"currentColor\">\n  <path d=\"M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z\" />\n</svg>",
+	"../../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"
-}), pe = /\/([^/]+)\.svg$/, me = {};
-for (let [e, t] of Object.entries(fe)) {
-	let n = e.match(pe);
+}), he = /\/([^/]+)\.svg$/, R = {};
+for (let [e, t] of Object.entries(me)) {
+	let n = e.match(he);
 	if (!n) continue;
 	let r = n[1];
-	me[r] = t;
+	R[r] = t;
 }
-var he = Object.freeze(Object.keys(me).sort((e, t) => e.localeCompare(t)));
-function ge(e) {
-	return me[e];
+var ge = Object.freeze(Object.keys(R).sort((e, t) => e.localeCompare(t)));
+function _e(e) {
+	return R[e];
 }
 //#endregion
 //#region src/components/hl-icon/HLIcon.vue?vue&type=script&setup=true&lang.ts
-var _e = [
+var ve = [
 	"role",
 	"aria-label",
 	"aria-hidden"
-], B = ["title", "innerHTML"], ve = ["title"], ye = /* @__PURE__ */ h({
+], ye = ["title", "innerHTML"], z = ["title"], be = /* @__PURE__ */ h({
 	__name: "HLIcon",
 	props: {
 		name: {},
@@ -53,7 +53,7 @@ var _e = [
 			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 = ge(e.name);
+			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 = {
 			secondary: "text-secondary",
@@ -81,17 +81,17 @@ var _e = [
 			class: "hl-icon__svg inline-flex h-full w-full",
 			title: e.title || void 0,
 			innerHTML: r.value
-		}, null, 8, B)) : (D(), l("span", {
+		}, null, 8, ye)) : (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",
 			title: `Icon '${e.name}' is not found`
-		}, " ? ", 8, ve))], 14, _e));
+		}, " ? ", 8, z))], 14, ve));
 	}
-}), be = (e, t) => {
+}), xe = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, V = /* @__PURE__ */ be(ye, [["__scopeId", "data-v-cddb1332"]]), H = {
+}, B = /* @__PURE__ */ xe(be, [["__scopeId", "data-v-cddb1332"]]), V = {
 	dashboardLabel: "Dashboard",
 	routeNameMap: {
 		"": "Dashboard",
@@ -134,40 +134,40 @@ var _e = [
 		}
 	] },
 	uuidPattern: /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i
-}, xe = (e = {}) => ({
-	...H,
+}, Se = (e = {}) => ({
+	...V,
 	...e,
 	routeNameMap: {
-		...H.routeNameMap,
+		...V.routeNameMap,
 		...e.routeNameMap
 	},
 	routeHrefMap: {
-		...H.routeHrefMap,
+		...V.routeHrefMap,
 		...e.routeHrefMap
 	},
 	addLabelByParent: {
-		...H.addLabelByParent,
+		...V.addLabelByParent,
 		...e.addLabelByParent
 	},
 	createLabelByRootSegment: {
-		...H.createLabelByRootSegment,
+		...V.createLabelByRootSegment,
 		...e.createLabelByRootSegment
 	},
 	pathOverrides: {
-		...H.pathOverrides,
+		...V.pathOverrides,
 		...e.pathOverrides
 	}
-}), Se = (e) => {
+}), Ce = (e) => {
 	let [t = ""] = e.split(/[?#]/u);
 	return t.length === 0 ? "/" : t.startsWith("/") ? t : `/${t}`;
-}, 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);
+}, 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);
 	return o(() => {
-		let t = Se(e.value), i = t.split("/").filter(Boolean), a = i[0], o = n.pathOverrides[t];
+		let t = Ce(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] ?? Ce(a), t = n.routeHrefMap[a] ?? `/${a}`, r = n.createLabelByRootSegment[a];
+			let e = n.routeNameMap[a] ?? we(a), t = n.routeHrefMap[a] ?? `/${a}`, r = n.createLabelByRootSegment[a];
 			return [
 				{
 					label: n.dashboardLabel,
@@ -197,7 +197,7 @@ function U(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 = we(e, a, o, r.value, n), u = a ? void 0 : n.routeHrefMap[e] ?? c;
+			let l = Te(e, a, o, r.value, n), u = a ? void 0 : n.routeHrefMap[e] ?? c;
 			s.push({
 				label: l,
 				href: u,
@@ -208,14 +208,14 @@ function U(e, t = {}) {
 }
 //#endregion
 //#region src/components/hl-breadcrumb/HLBreadcrumb.vue?vue&type=script&setup=true&lang.ts
-var Te = {
+var H = {
 	"aria-label": "Breadcrumb",
-	class: "hanaplabstoolkit-font"
-}, Ee = { class: "flex items-center text-sm" }, De = {
+	class: "hanap-labs-font"
+}, De = { class: "flex items-center text-sm" }, Oe = {
 	key: 1,
 	class: "mx-1 text-muted",
 	"aria-hidden": "true"
-}, Oe = ["href"], ke = /* @__PURE__ */ h({
+}, ke = ["href"], Ae = /* @__PURE__ */ h({
 	__name: "HLBreadcrumb",
 	props: {
 		path: { default: "/" },
@@ -227,7 +227,7 @@ var Te = {
 		activeColor: {}
 	},
 	setup(e) {
-		let t = e, n = o(() => t.path), i = o(() => t.dynamicLabel), a = U(n, {
+		let t = e, n = o(() => t.path), i = o(() => t.dynamicLabel), a = Ee(n, {
 			staticData: t.staticData,
 			dynamicLabel: i
 		}), d = {
@@ -242,26 +242,26 @@ var Te = {
 			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", Te, [u("ol", Ee, [(D(!0), l(r, null, j(F(a), (t, n) => (D(), l("li", {
+		return (t, n) => (D(), l("nav", H, [u("ol", De, [(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(V, {
+		}, [n > 0 ? (D(), l(r, { key: 0 }, [e.separatorType === "icon" ? (D(), s(B, {
 			key: 0,
 			name: e.separatorIconName,
 			size: "16px",
 			color: "muted",
 			class: "mx-1 -rotate-90",
 			decorative: ""
-		}, null, 8, ["name"])) : (D(), l("span", De, N(e.separator), 1))], 64)) : c("", !0), t.href ? (D(), l("a", {
+		}, null, 8, ["name"])) : (D(), l("span", Oe, 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, Oe)) : (D(), l("span", {
+		}, N(t.label), 11, ke)) : (D(), l("span", {
 			key: 2,
 			class: C(["font-semibold", t.isActive ? f.value : "text-dark"])
 		}, N(t.label), 3))]))), 128))])]));
 	}
-}), Ae = ["src"], je = { key: 1 }, Me = /* @__PURE__ */ h({
+}), je = ["src"], Me = { key: 1 }, Ne = /* @__PURE__ */ h({
 	__name: "HLAvatar",
 	props: {
 		text: { default: "?" },
@@ -328,7 +328,7 @@ var Te = {
 			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 hanaplabstoolkit-font",
+			class: "inline-flex shrink-0 items-center justify-center bg-tertiary/35 ring-1 ring-primary/20 hanap-labs-font",
 			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]]),
@@ -338,13 +338,13 @@ var Te = {
 			src: r.value,
 			alt: "Avatar image",
 			class: "size-full rounded-full object-cover"
-		}, null, 8, Ae)) : (D(), l("span", je, N(i.value), 1))], 6)], 4));
+		}, null, 8, je)) : (D(), l("span", Me, N(i.value), 1))], 6)], 4));
 	}
-}), W = ["type", "disabled"], Ne = {
+}), Pe = ["type", "disabled"], Fe = {
 	key: 1,
 	class: "inline-flex items-center justify-center",
 	"aria-hidden": "true"
-}, G = "bg-transparent border border-solid", K = /* @__PURE__ */ h({
+}, U = "bg-transparent border border-solid", W = /* @__PURE__ */ h({
 	__name: "HLButton",
 	props: {
 		color: {},
@@ -388,61 +388,67 @@ var Te = {
 			dark: "border-0 bg-dark text-light hover:opacity-90",
 			muted: "border-0 bg-muted text-light hover:opacity-90"
 		}, r = {
-			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`
+			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`
 		}, i = {
-			xs: "h-[var(--hanaplabstoolkit-size-xs)] px-2 text-xs",
-			sm: "h-[var(--hanaplabstoolkit-size-sm)] px-2.5 text-xs",
-			md: "h-[var(--hanaplabstoolkit-size-md)] px-3 text-base",
-			lg: "h-[var(--hanaplabstoolkit-size-lg)] px-4 text-base"
+			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)"
 		}, a = {
-			xs: "size-[var(--hanaplabstoolkit-size-xs)] text-xs",
-			sm: "size-[var(--hanaplabstoolkit-size-sm)] text-xs",
-			md: "size-[var(--hanaplabstoolkit-size-md)] text-base",
-			lg: "size-[var(--hanaplabstoolkit-size-lg)] text-base"
+			xs: "px-2 text-xs",
+			sm: "px-2.5 text-xs",
+			md: "px-3 text-base",
+			lg: "px-4 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"
-		}, 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]);
+		}, 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]);
 		return (t, n) => (D(), l("button", x({
 			type: e.type,
-			class: "flex w-max items-center justify-center gap-2 hanaplabstoolkit-font font-medium hl-color-transition cursor-pointer hl-no-focus-ring disabled:cursor-not-allowed disabled:opacity-60"
+			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: [
-				d.value,
-				e.noBorder && "border-0",
 				f.value,
+				e.noBorder && "border-0",
 				m.value,
+				g.value,
 				e.iconOnly && "!gap-0 !min-w-0"
 			],
 			disabled: e.disabled || e.loading,
-			onClick: n[0] ||= de((e) => u("click"), ["stop"])
+			onClick: n[0] ||= pe((e) => d("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", Ne, [p(V, {
+		}, [M(t.$slots, "icon")], 2)) : c("", !0), e.loading ? (D(), l("span", Fe, [p(B, {
 			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, W));
+		}, N(e.label), 3))], 16, Pe));
 	}
-}), Pe = { class: "mb-1 hanaplabstoolkit-font" }, Fe = ["for"], Ie = ["id"], Le = {
+}), Ie = { class: "mb-1 hanap-labs-font" }, Le = ["for"], Re = ["id"], ze = {
 	key: 0,
 	class: "text-danger"
-}, Re = /* @__PURE__ */ h({
+}, Be = /* @__PURE__ */ h({
 	__name: "HLLabel",
 	props: {
 		label: { default: "" },
@@ -469,23 +475,23 @@ var Te = {
 			md: "text-sm",
 			lg: "text-base"
 		})[e.size]);
-		return (r, i) => (D(), l("div", Pe, [u("label", {
+		return (r, i) => (D(), l("div", Ie, [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, Ie), e.required ? (D(), l("span", Le, "*")) : c("", !0)], 10, Fe), e.description ? (D(), l("p", {
+		}, [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", {
 			key: 0,
 			class: C(["text-muted", [n.value, e.descriptionClass]])
 		}, N(e.description), 3)) : c("", !0)]));
 	}
-}), ze = { class: "w-full select-none" }, Be = [
+}), Ve = { class: "w-full select-none" }, He = [
 	"aria-checked",
 	"aria-label",
 	"aria-labelledby",
 	"disabled"
-], q = {
+], Ue = {
 	key: 1,
 	class: "sr-only"
-}, Ve = ["id", "disabled"], He = "bg-white border-gray-300", Ue = "bg-white border-gray-300 text-dark", J = /* @__PURE__ */ h({
+}, We = ["id", "disabled"], G = "bg-white border-gray-300", Ge = "bg-white border-gray-300 text-dark", Ke = /* @__PURE__ */ h({
 	__name: "HLCheckbox",
 	props: /* @__PURE__ */ b({
 		id: { default: "" },
@@ -518,7 +524,7 @@ var Te = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		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 = () => {
+		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 = () => {
 			e.disabled || (t.value = !t.value);
 		}, d = {
 			xs: "w-3.5 h-3.5",
@@ -557,8 +563,8 @@ var Te = {
 			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 ? Ue : He);
-		return (n, o) => (D(), l("div", ze, [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 ? Ge : G);
+		return (n, o) => (D(), l("div", Ve, [u("button", {
 			type: "button",
 			role: "checkbox",
 			"aria-checked": x.value,
@@ -566,13 +572,13 @@ var Te = {
 			"aria-labelledby": a.value ? i.value : void 0,
 			disabled: e.disabled,
 			style: { "box-shadow": "none" },
-			class: C(["inline-flex w-full appearance-none border-0 !shadow-none items-start gap-3 rounded-md bg-transparent text-left hanaplabstoolkit-font transition-all duration-200 hl-no-focus-ring", e.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"]),
+			class: C(["inline-flex w-full appearance-none border-0 !shadow-none items-start gap-3 rounded-md bg-transparent text-left hanap-labs-font transition-all duration-200 hl-no-focus-ring", e.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"]),
 			onClick: c
 		}, [u("span", { class: C(["mt-0.5 inline-flex shrink-0 items-center justify-center overflow-hidden rounded border border-solid border-gray-200 bg-white leading-none transition-colors duration-200", [
 			v.value,
 			S.value,
 			e.noBorder && "border-0"
-		]]) }, [p(V, {
+		]]) }, [p(B, {
 			name: "check",
 			size: y.value,
 			color: e.color,
@@ -581,7 +587,7 @@ var Te = {
 			"size",
 			"color",
 			"class"
-		])], 2), e.label || e.description ? (D(), s(Re, {
+		])], 2), e.label || e.description ? (D(), s(Be, {
 			key: 0,
 			class: "min-w-0",
 			label: e.label,
@@ -599,18 +605,18 @@ var Te = {
 			"size",
 			"label-class",
 			"description-class"
-		])) : (D(), l("span", q, "toggle checkbox"))], 10, Be), ue(u("input", {
+		])) : (D(), l("span", Ue, "toggle checkbox"))], 10, He), fe(u("input", {
 			id: r.value,
 			"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
 			type: "checkbox",
 			class: "sr-only",
 			disabled: e.disabled
-		}, null, 8, Ve), [[oe, t.value]])]));
+		}, null, 8, We), [[ce, t.value]])]));
 	}
-}), We = { class: "w-full space-y-2 hanaplabstoolkit-font" }, Ge = { class: "relative" }, Ke = {
+}), qe = { class: "w-full space-y-2 hanap-labs-font" }, K = { class: "relative" }, Je = {
 	key: 0,
 	class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-muted"
-}, qe = [
+}, Ye = [
 	"id",
 	"type",
 	"placeholder",
@@ -621,16 +627,16 @@ var Te = {
 	"maxlength",
 	"minlength",
 	"pattern"
-], Je = {
+], Xe = {
 	key: 1,
 	class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-muted"
-}, Ye = ["aria-label"], Xe = {
+}, Ze = ["aria-label"], Qe = {
 	key: 1,
 	class: "mt-1 space-y-1"
-}, Ze = {
+}, $e = {
 	key: 0,
 	class: "text-xs text-danger"
-}, Qe = /* @__PURE__ */ be(/* @__PURE__ */ h({
+}, et = /* @__PURE__ */ xe(/* @__PURE__ */ h({
 	__name: "HLInput",
 	props: /* @__PURE__ */ b({
 		id: { default: "" },
@@ -692,7 +698,7 @@ var Te = {
 		"change"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		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 = () => {
+		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 = () => {
 			m.value = !m.value;
 		}, y = o(() => g.value && String(n.value ?? "").length > 0), b = () => {
 			n.value = "", i("input"), i("change"), f.value?.focus();
@@ -700,17 +706,22 @@ var Te = {
 			let t = [];
 			for (let n of e.errors) t.includes(n) || t.push(n);
 			return t;
-		}), w = o(() => !!x.value || S.value.length > 0), ee = {
-			xs: "h-[var(--hanaplabstoolkit-size-xs)] px-2 text-xs",
-			sm: "h-[var(--hanaplabstoolkit-size-sm)] px-2.5 text-xs",
-			md: "h-[var(--hanaplabstoolkit-size-md)] px-3 text-sm",
-			lg: "h-[var(--hanaplabstoolkit-size-lg)] px-4 text-sm"
-		}, 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 = {
 			xs: "rounded-md",
 			sm: "rounded-md",
 			md: "rounded-md",
 			lg: "rounded-lg"
-		}, E = {
+		}, O = {
 			secondary: "border-secondary focus:border-secondary",
 			tertiary: "border-tertiary focus:border-tertiary",
 			primary: "border-primary focus:border-primary",
@@ -721,9 +732,9 @@ var Te = {
 			light: "border-muted focus:border-secondary",
 			dark: "border-dark focus:border-dark",
 			muted: "border-muted focus:border-muted"
-		}, 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, {
+		}, 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, {
 				key: 0,
 				label: e.label,
 				description: e.description,
@@ -739,13 +750,14 @@ var Te = {
 				"size",
 				"label-class"
 			])) : c("", !0),
-			u("div", Ge, [
-				e.iconLeft ? (D(), l("div", Ke, [M(t.$slots, "icon", {}, void 0, !0)])) : c("", !0),
-				ue(u("input", {
+			u("div", K, [
+				e.iconLeft ? (D(), l("div", Je, [M(t.$slots, "icon", {}, void 0, !0)])) : c("", !0),
+				fe(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,
@@ -755,16 +767,16 @@ var Te = {
 					maxlength: e.maxlength,
 					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 hanaplabstoolkit-font", [
-						te.value,
-						O.value,
+					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", [
 						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": w.value,
+							"border-danger focus:border-danger": ee.value,
 							"border-0 focus:border-0": e.noBorder,
 							"hl-search-input": g.value
 						}
@@ -773,8 +785,8 @@ var Te = {
 					onBlur: a[2] ||= (e) => i("blur"),
 					onInput: a[3] ||= (e) => i("input"),
 					onChange: a[4] ||= (e) => i("change")
-				}, null, 42, qe), [[se, n.value]]),
-				e.loading ? (D(), l("div", Je, [p(V, {
+				}, null, 46, Ye), [[le, n.value]]),
+				e.loading ? (D(), l("div", Xe, [p(B, {
 					name: "spinner",
 					size: 20,
 					class: "animate-spin",
@@ -785,7 +797,7 @@ var Te = {
 					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(V, {
+				}, [p(B, {
 					name: "x-mark",
 					size: 16,
 					decorative: !0,
@@ -796,88 +808,88 @@ var Te = {
 					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(V, {
+				}, [p(B, {
 					name: m.value ? "eye-off" : "eye",
 					size: 18,
 					decorative: !0,
 					color: e.color
-				}, null, 8, ["name", "color"])], 8, Ye)) : c("", !0)
+				}, null, 8, ["name", "color"])], 8, Ze)) : c("", !0)
 			]),
-			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", {
+			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", {
 				key: e,
 				class: "text-xs text-danger"
 			}, N(e), 1))), 128))])) : c("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-5186dc0e"]]);
+}), [["__scopeId", "data-v-5110f02f"]]);
 //#endregion
 //#region node_modules/@vueuse/shared/dist/index.js
-function $e(e, t) {
+function tt(e, t) {
 	return _() ? (E(e, t), !0) : !1;
 }
-var et = typeof window < "u" && typeof document < "u";
+var q = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var tt = Object.prototype.toString, nt = (e) => tt.call(e) === "[object Object]", rt = () => {};
-function it(...e) {
+var nt = Object.prototype.toString, rt = (e) => nt.call(e) === "[object Object]", it = () => {};
+function at(...e) {
 	if (e.length !== 1) return ie(...e);
 	let t = e[0];
 	return typeof t == "function" ? O(m(() => ({
 		get: t,
-		set: rt
+		set: it
 	}))) : k(t);
 }
-function at(e) {
+function ot(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function ot(e, t, n) {
-	return R(e, t, {
+function st(e, t, n) {
+	return I(e, t, {
 		...n,
 		immediate: !0
 	});
 }
 //#endregion
 //#region node_modules/@vueuse/core/dist/index.js
-var st = et ? window : void 0;
-et && window.document, et && window.navigator, et && window.location;
-function ct(e) {
+var ct = q ? window : void 0;
+q && window.document, q && window.navigator, q && window.location;
+function lt(e) {
 	let t = P(e);
 	return t?.$el ?? t;
 }
-function lt(...e) {
+function ut(...e) {
 	let t = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), n = o(() => {
-		let t = at(P(e[0])).filter((e) => e != null);
+		let t = ot(P(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
 	});
-	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])),
+	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])),
 		P(n.value ? e[3] : e[2])
 	], ([e, n, r, i], a, o) => {
 		if (!e?.length || !n?.length || !r?.length) return;
-		let s = nt(i) ? { ...i } : i, c = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, s))));
+		let s = rt(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 ut() {
+function dt() {
 	let e = re(!1), t = g();
 	return t && T(() => {
 		e.value = !0;
 	}, t), e;
 }
 /* @__NO_SIDE_EFFECTS__ */
-function dt(e) {
-	let t = ut();
+function ft(e) {
+	let t = dt();
 	return o(() => (t.value, !!e()));
 }
-function ft(e, t, n = {}) {
-	let { window: r = st, ...i } = n, a, s = /* @__PURE__ */ dt(() => r && "ResizeObserver" in r), c = () => {
+function pt(e, t, n = {}) {
+	let { window: r = ct, ...i } = n, a, s = /* @__PURE__ */ ft(() => r && "ResizeObserver" in r), c = () => {
 		a &&= (a.disconnect(), void 0);
-	}, l = R(o(() => {
+	}, l = I(o(() => {
 		let t = P(e);
-		return Array.isArray(t) ? t.map((e) => ct(e)) : [ct(t)];
+		return Array.isArray(t) ? t.map((e) => lt(e)) : [lt(t)];
 	}), (e) => {
 		if (c(), s.value && r) {
 			a = new ResizeObserver(t);
@@ -889,16 +901,16 @@ function ft(e, t, n = {}) {
 	}), u = () => {
 		c(), l();
 	};
-	return $e(u), {
+	return tt(u), {
 		isSupported: s,
 		stop: u
 	};
 }
-function pt(e = st, t) {
+function mt(e = ct, t) {
 	e && typeof e.requestAnimationFrame == "function" ? e.requestAnimationFrame(t) : t();
 }
-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 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 s() {
 		if (!n.value) return;
 		let t = "", r = e?.maxHeight;
@@ -906,14 +918,14 @@ function mt(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 R([r, n], () => S(s), { immediate: !0 }), R(a, () => {
+	return I([r, n], () => S(s), { immediate: !0 }), I(a, () => {
 		var t;
 		return e == null || (t = e.onResize) == null ? void 0 : t.call(e);
-	}), ft(n, ([{ contentRect: e }]) => {
-		o.value !== e.width && pt(t, () => {
+	}), pt(n, ([{ contentRect: e }]) => {
+		o.value !== e.width && mt(t, () => {
 			o.value = e.width, s();
 		});
-	}), e?.watch && R(e.watch, s, {
+	}), e?.watch && I(e.watch, s, {
 		immediate: !0,
 		deep: !0
 	}), {
@@ -924,7 +936,7 @@ function mt(e = {}) {
 }
 //#endregion
 //#region src/components/hl-menu-action/HLMenuAction.vue?vue&type=script&setup=true&lang.ts
-var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PURE__ */ h({
+var gt = { class: "relative inline-block hanap-labs-font" }, _t = /* @__PURE__ */ h({
 	__name: "HLMenuAction",
 	props: /* @__PURE__ */ b({
 		options: { default: () => [] },
@@ -971,7 +983,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			light: "text-slate-700",
 			dark: "text-dark",
 			muted: "text-muted"
-		}, 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({
+		}, 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({
 			placement: "bottom-end",
 			strategy: "fixed",
 			offset: 4
@@ -984,19 +996,19 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 		}, te = async (t) => {
 			t.disabled || t.loading || (u("select", t), t.callback && await t.callback(), e.closeOnSelect && T());
 		};
-		return R(a, (e) => {
+		return I(a, (e) => {
 			e !== _.value && (e ? ee() : T());
-		}), R(_, (e) => {
+		}), I(_, (e) => {
 			a.value !== e && (a.value = e);
-		}), lt(window, "click", (t) => {
+		}), ut(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();
-		}), lt(window, "keydown", (t) => {
+		}), ut(window, "keydown", (t) => {
 			!e.closeOnEscape || !_.value || t.key === "Escape" && T();
-		}), (t, n) => (D(), l("div", ht, [p(K, {
+		}), (t, n) => (D(), l("div", gt, [p(W, {
 			ref: F(f),
 			label: "",
 			type: "button",
@@ -1009,7 +1021,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			"aria-haspopup": "menu",
 			onClick: E
 		}, {
-			icon: z(() => [p(V, {
+			icon: L(() => [p(B, {
 				name: "three-dots",
 				class: "size-5",
 				decorative: !0
@@ -1025,7 +1037,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			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(K, {
+		}, [(D(!0), l(r, null, j(e.options, (t) => (D(), s(W, {
 			key: t.value,
 			label: t.label,
 			type: "button",
@@ -1038,7 +1050,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			onClick: (e) => te(t)
 		}, d({ _: 2 }, [t.icon && !t.loading ? {
 			name: "icon",
-			fn: z(() => [p(V, {
+			fn: L(() => [p(B, {
 				name: t.icon,
 				class: "size-4",
 				decorative: !0
@@ -1052,7 +1064,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			"onClick"
 		]))), 128))], 6)) : c("", !0)]));
 	}
-}), _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({
+}), 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({
 	__name: "HLToast",
 	props: {
 		type: {},
@@ -1093,30 +1105,30 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 		}, 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", _t, [
+		return (t, n) => (D(), l("div", vt, [
 			u("span", { class: C(["absolute inset-y-0 left-0 w-1", i.value.accentClass]) }, null, 2),
-			u("div", vt, [p(V, {
+			u("div", yt, [p(B, {
 				name: i.value.iconName,
 				class: C(["size-6", i.value.iconClass]),
 				decorative: !0
 			}, null, 8, ["name", "class"])]),
-			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("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("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(V, {
+			}, [p(B, {
 				name: "x-mark",
 				class: "size-4",
 				decorative: !0
 			})], 2)
 		]));
 	}
-}), St = {
+}), Ct = {
 	key: 0,
 	class: "pointer-events-none fixed inset-x-0 top-6 z-[9999] px-3 sm:px-0"
-}, Ct = { class: "mx-auto w-full max-w-xl" }, wt = { class: "pointer-events-auto" }, Tt = /* @__PURE__ */ h({
+}, wt = { class: "mx-auto w-full max-w-xl" }, Tt = { class: "pointer-events-auto" }, Et = /* @__PURE__ */ h({
 	__name: "HLGlobalNotify",
 	setup(t) {
 		let { notification: n, hide: r } = e();
@@ -1128,7 +1140,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			"leave-from-class": "translate-y-0 opacity-100",
 			"leave-to-class": "translate-y-2 opacity-0"
 		}, {
-			default: z(() => [F(n).visible ? (D(), l("div", St, [u("div", Ct, [u("div", wt, [p(xt, {
+			default: L(() => [F(n).visible ? (D(), l("div", Ct, [u("div", wt, [u("div", Tt, [p(St, {
 				type: F(n).type,
 				title: F(n).title,
 				message: F(n).message,
@@ -1142,25 +1154,25 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			_: 1
 		})]));
 	}
-}), Et = {
+}), Dt = {
 	autoMount: !0,
 	mountId: "hl-notify-host",
 	componentName: "HLGlobalNotify"
-}, Dt = null, Ot = !1, kt = () => typeof window < "u" && typeof document < "u", At = (e, t) => {
-	if (!kt() || Dt !== null) return;
+}, J = null, Ot = !1, kt = () => typeof window < "u" && typeof document < "u", At = (e, t) => {
+	if (!kt() || J !== 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(Tt);
-	i.appContext = e._context, A(i, r), Dt = r;
+	let i = p(Et);
+	i.appContext = e._context, A(i, r), J = r;
 }, jt = () => {
-	Dt !== null && (A(null, Dt), Ot && Dt.parentNode !== null && Dt.parentNode.removeChild(Dt), Dt = null, Ot = !1);
+	J !== null && (A(null, J), Ot && J.parentNode !== null && J.parentNode.removeChild(J), J = null, Ot = !1);
 }, Mt = (e = {}) => {
 	let t = {
-		...Et,
+		...Dt,
 		...e
 	};
 	return { install(e) {
-		e.component(t.componentName, Tt), t.autoMount && At(e, t);
+		e.component(t.componentName, Et), t.autoMount && At(e, t);
 	} };
 }, Nt = {
 	key: 0,
@@ -1203,14 +1215,14 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 		function d() {
 			typeof document > "u" || n <= 0 || (--n, n === 0 && (document.body.style.overflow = r ?? "", r = null));
 		}
-		let m = L(e, "modelValue"), h = t, g = () => {
+		let m = oe(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 R(m, (e) => {
+		return I(m, (e) => {
 			if (e) {
 				o();
 				return;
@@ -1226,7 +1238,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			"leave-from-class": "opacity-100",
 			"leave-to-class": "opacity-0"
 		}, {
-			default: z(() => [m.value ? (D(), l("div", Nt, [u("div", {
+			default: L(() => [m.value ? (D(), l("div", Nt, [u("div", {
 				class: C(["absolute inset-0", e.backdropClass]),
 				onClick: g
 			}, null, 2), p(a, {
@@ -1237,7 +1249,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 				"leave-from-class": "scale-100 opacity-100",
 				"leave-to-class": "scale-95 opacity-0"
 			}, {
-				default: z(() => [m.value ? (D(), l("div", {
+				default: L(() => [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, [
@@ -1251,7 +1263,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 						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(V, {
+					}, [e.isLoading ? (D(), s(B, {
 						key: 0,
 						name: "spinner",
 						class: "size-4 animate-spin"
@@ -1401,12 +1413,17 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 		"close"
 	], ["update:modelValue"]),
 	setup(e, { expose: n, emit: a }) {
-		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-[var(--hanaplabstoolkit-size-xs)] px-2 text-xs",
-			sm: "h-[var(--hanaplabstoolkit-size-sm)] px-2.5 text-xs",
-			md: "h-[var(--hanaplabstoolkit-size-md)] px-3 text-sm",
-			lg: "h-[var(--hanaplabstoolkit-size-lg)] px-4 text-sm"
-		}, le = {
+		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 = {
 			primary: "border-primary focus:border-primary",
 			secondary: "border-secondary focus:border-secondary",
 			tertiary: "border-tertiary focus:border-tertiary",
@@ -1417,7 +1434,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			light: "border-muted focus:border-secondary",
 			dark: "border-dark focus:border-dark",
 			muted: "border-muted focus:border-muted"
-		}, z = {
+		}, fe = {
 			primary: "text-primary",
 			secondary: "text-secondary",
 			tertiary: "text-tertiary",
@@ -1428,7 +1445,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			light: "text-dark",
 			dark: "text-dark",
 			muted: "text-muted"
-		}, ue = {
+		}, me = {
 			primary: "bg-primary border-primary text-white",
 			secondary: "bg-secondary border-secondary text-white",
 			tertiary: "bg-tertiary border-tertiary text-dark",
@@ -1439,32 +1456,32 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			light: "bg-light border-light text-dark",
 			dark: "bg-dark border-dark text-white",
 			muted: "bg-muted border-muted text-white"
-		}, fe = {
-			primary: "--hanaplabstoolkit-primary",
-			secondary: "--hanaplabstoolkit-muted",
-			tertiary: "--hanaplabstoolkit-tertiary",
-			success: "--hanaplabstoolkit-success",
-			danger: "--hanaplabstoolkit-danger",
-			warning: "--hanaplabstoolkit-warning",
-			info: "--hanaplabstoolkit-info",
-			light: "--hanaplabstoolkit-muted",
-			dark: "--hanaplabstoolkit-dark",
-			muted: "--hanaplabstoolkit-muted"
+		}, he = {
+			primary: "--hanap-labs-primary",
+			secondary: "--hanap-labs-muted",
+			tertiary: "--hanap-labs-tertiary",
+			success: "--hanap-labs-success",
+			danger: "--hanap-labs-danger",
+			warning: "--hanap-labs-warning",
+			info: "--hanap-labs-info",
+			light: "--hanap-labs-muted",
+			dark: "--hanap-labs-dark",
+			muted: "--hanap-labs-muted"
 		};
-		function pe(e) {
-			return typeof e == "string" && Object.prototype.hasOwnProperty.call(le, e);
+		function R(e) {
+			return typeof e == "string" && Object.prototype.hasOwnProperty.call(L, e);
 		}
-		function me(e) {
+		function ge(e) {
 			return e instanceof HTMLElement ? e : e && "$el" in e && e.$el instanceof HTMLElement ? e.$el : null;
 		}
-		function he(e) {
-			h.value = me(e), E(e);
+		function _e(e) {
+			h.value = ge(e), E(e);
 		}
-		function ge(e) {
-			g.value = me(e), te(e);
+		function ve(e) {
+			g.value = ge(e), te(e);
 		}
-		function _e(e) {
-			let t = me(e);
+		function ye(e) {
+			let t = ge(e);
 			if (!t) {
 				_.value = null;
 				return;
@@ -1475,166 +1492,166 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			}
 			_.value = t.querySelector("input");
 		}
-		function B(e) {
+		function z(e) {
 			return Object.prototype.toString.call(e) === "[object Object]";
 		}
-		function ve(e, t) {
+		function be(e, t) {
 			if (e === t) return !0;
-			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)) {
+			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)) {
 				let n = Object.keys(e), r = Object.keys(t);
-				return n.length === r.length ? n.every((n) => ve(e[n], t[n])) : !1;
+				return n.length === r.length ? n.every((n) => be(e[n], t[n])) : !1;
 			}
 			return !1;
 		}
-		function ye(e, t) {
+		function xe(e, t) {
 			return Object.keys(t).every((n) => {
 				if (!(n in e)) return !1;
 				let r = e[n], i = t[n];
-				return B(r) && B(i) ? ye(r, i) : ve(r, i);
+				return z(r) && z(i) ? xe(r, i) : be(r, i);
 			});
 		}
-		function be(e, t) {
-			return ve(e, t) ? !0 : B(e) && B(t) ? ye(t, e) : !1;
+		function V(e, t) {
+			return be(e, t) ? !0 : z(e) && z(t) ? xe(t, e) : !1;
 		}
-		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 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 xe(e, t) {
-			return `${e.label}-${H(e.value)}-${t}`;
+		function Ce(e, t) {
+			return `${e.label}-${Se(e.value)}-${t}`;
 		}
-		function Se(e) {
-			return `${oe.value}-option-${e}`;
+		function we(e) {
+			return `${ce.value}-option-${e}`;
 		}
-		let Ce = o(() => {
+		let Te = o(() => {
 			let t = /* @__PURE__ */ new Map();
-			for (let n of [...e.options, ...y.value]) t.set(H(n.value), n);
+			for (let n of [...e.options, ...y.value]) t.set(Se(n.value), n);
 			return Array.from(t.values());
-		}), 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(() => {
+		}), 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(() => {
 			let e = v.value.trim().toLowerCase();
-			return e ? Ce.value.filter((t) => t.label.toLowerCase().includes(e)) : Ce.value;
-		}), W = o(() => {
-			if (!e.multiple) return Me.value;
+			return e ? Te.value.filter((t) => t.label.toLowerCase().includes(e)) : Te.value;
+		}), U = o(() => {
+			if (!e.multiple) return Fe.value;
 			let t = [], n = [];
-			for (let e of Me.value) q(e) ? t.push(e) : n.push(e);
+			for (let e of Fe.value) G(e) ? t.push(e) : n.push(e);
 			return [...t, ...n];
-		}), Ne = o(() => {
+		}), W = o(() => {
 			if (!e.multiple) return -1;
-			let t = W.value.filter((e) => q(e)).length;
-			return t > 0 && t < W.value.length ? t : -1;
-		}), G = o(() => ({
+			let t = U.value.filter((e) => G(e)).length;
+			return t > 0 && t < U.value.length ? t : -1;
+		}), Ie = o(() => ({
 			...re.value,
 			width: b.value > 0 ? `${b.value}px` : void 0,
 			maxHeight: `${e.maxMenuHeight}px`,
 			zIndex: 60
-		})), K = o(() => {
+		})), Le = o(() => {
 			let t = v.value.trim();
-			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 {
+			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 {
 				"--hl-select-option-hover-bg": "#f9fafb",
 				"--hl-select-option-highlight-bg": "#f3f4f6"
 			};
-			let t = fe[e.color];
+			let t = he[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 q(e) {
-			return we.value.some((t) => be(e.value, t));
+		function G(e) {
+			return Ee.value.some((t) => V(e.value, t));
 		}
-		function Ve(e) {
+		function Ge(e) {
 			d.value = e, f("change", e);
 		}
-		function He() {
+		function Ke() {
 			let e = [];
-			return W.value.forEach((t, n) => {
+			return U.value.forEach((t, n) => {
 				t.disabled || e.push(n);
 			}), e;
 		}
-		function Ue() {
+		function qe() {
 			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 J(e) {
+		function K(e) {
 			x.value = e, S(() => {
-				Ue();
+				qe();
 			});
 		}
-		function We() {
-			let e = He();
+		function Je() {
+			let e = Ke();
 			if (e.length === 0) {
-				J(-1);
+				K(-1);
 				return;
 			}
-			let t = W.value.findIndex((e) => !e.disabled && q(e));
-			J(t >= 0 ? t : e[0]);
+			let t = U.value.findIndex((e) => !e.disabled && G(e));
+			K(t >= 0 ? t : e[0]);
 		}
-		function Ge(e) {
-			let t = He();
+		function Ye(e) {
+			let t = Ke();
 			if (t.length === 0) {
-				J(-1);
+				K(-1);
 				return;
 			}
 			if (x.value < 0) {
-				J(e === 1 ? t[0] : t[t.length - 1]);
+				K(e === 1 ? t[0] : t[t.length - 1]);
 				return;
 			}
 			let n = t.indexOf(x.value);
 			if (n < 0) {
-				J(e === 1 ? t[0] : t[t.length - 1]);
+				K(e === 1 ? t[0] : t[t.length - 1]);
 				return;
 			}
-			J(t[(n + e + t.length) % t.length]);
+			K(t[(n + e + t.length) % t.length]);
 		}
-		function Ke() {
+		function Xe() {
 			if (x.value < 0) return;
-			let e = W.value[x.value];
-			!e || e.disabled || qe(e);
+			let e = U.value[x.value];
+			!e || e.disabled || Ze(e);
 		}
-		function qe(t) {
+		function Ze(t) {
 			if (!(t.disabled || e.disabled)) {
 				if (e.multiple) {
 					let e = Array.isArray(d.value) ? [...d.value] : [];
-					Ve(e.some((e) => be(t.value, e)) ? e.filter((e) => !be(t.value, e)) : [...e, t.value]);
+					Ge(e.some((e) => V(t.value, e)) ? e.filter((e) => !V(t.value, e)) : [...e, t.value]);
 					return;
 				}
-				Ve(t.value), A();
+				Ge(t.value), A();
 			}
 		}
-		function Je() {
-			Ve(e.multiple ? [] : null), v.value = "", A();
+		function Qe() {
+			Ge(e.multiple ? [] : null), v.value = "", A();
 		}
-		function Ye(e) {
+		function $e(e) {
 			return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 		}
-		function Xe() {
+		function tt() {
 			let t = v.value.trim();
-			if (!t || !K.value) return;
+			if (!t || !Le.value) return;
 			let n = {
 				label: t,
-				value: Ye(t) || t.toLowerCase()
+				value: $e(t) || t.toLowerCase()
 			}, r = {
 				label: t,
 				value: n
 			};
 			if (y.value = [...y.value, r], f("create", n), e.multiple) {
-				Ve([...Array.isArray(d.value) ? [...d.value] : [], n]), v.value = "";
+				Ge([...Array.isArray(d.value) ? [...d.value] : [], n]), v.value = "";
 				return;
 			}
-			Ve(n), v.value = "", A();
+			Ge(n), v.value = "", A();
 		}
-		function Ze() {
+		function q() {
 			b.value = h.value?.offsetWidth ?? 0;
 		}
-		function $e() {
+		function nt() {
 			e.disabled || ne();
 		}
-		function et(t) {
+		function rt(t) {
 			if (!e.disabled) {
 				if (t.key === "Escape") {
 					A();
@@ -1645,7 +1662,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 						M();
 						return;
 					}
-					Ge(1);
+					Ye(1);
 					return;
 				}
 				if (t.key === "ArrowUp") {
@@ -1653,75 +1670,75 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 						M();
 						return;
 					}
-					Ge(-1);
+					Ye(-1);
 					return;
 				}
 				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ne());
 			}
 		}
-		function tt(e) {
+		function it(e) {
 			if (e.key === "ArrowDown") {
-				e.preventDefault(), Ge(1);
+				e.preventDefault(), Ye(1);
 				return;
 			}
 			if (e.key === "ArrowUp") {
-				e.preventDefault(), Ge(-1);
+				e.preventDefault(), Ye(-1);
 				return;
 			}
 			if (e.key === "Enter") {
 				if (e.preventDefault(), x.value >= 0) {
-					Ke();
+					Xe();
 					return;
 				}
-				K.value && Xe();
+				Le.value && tt();
 				return;
 			}
 			e.key === "Escape" && (e.preventDefault(), A());
 		}
-		function nt(e) {
+		function at(e) {
 			if (!O.value) return;
 			let t = e.target;
-			t instanceof Node && (g.value?.contains(t) ?? !1) && tt(e);
+			t instanceof Node && (g.value?.contains(t) ?? !1) && it(e);
 		}
-		function rt(e) {
-			W.value[e]?.disabled || J(e);
+		function ot(e) {
+			U.value[e]?.disabled || K(e);
 		}
-		function it(e) {
+		function st(e) {
 			let t = e.target, n = m.value?.contains(t) ?? !1, r = g.value?.contains(t) ?? !1;
 			!n && !r && A();
 		}
-		return n({ clearSelection: Je }), R(() => e.disabled, (e) => {
+		return n({ clearSelection: Qe }), I(() => e.disabled, (e) => {
 			e && A();
-		}), R(O, async (e) => {
+		}), I(O, async (e) => {
 			if (e) {
-				f("open"), await S(), Ze(), await ie(), We(), _.value?.focus({ preventScroll: !0 });
+				f("open"), await S(), q(), await ie(), Je(), _.value?.focus({ preventScroll: !0 });
 				return;
 			}
 			f("close"), v.value = "", x.value = -1;
-		}), R(W, () => {
+		}), I(U, () => {
 			if (O.value) {
-				if (x.value < 0 || x.value >= W.value.length || W.value[x.value]?.disabled) {
-					We();
+				if (x.value < 0 || x.value >= U.value.length || U.value[x.value]?.disabled) {
+					Je();
 					return;
 				}
 				S(() => {
-					Ue();
+					qe();
 				});
 			}
 		}), T(() => {
-			Ze(), window.addEventListener("resize", Ze), document.addEventListener("pointerdown", it), document.addEventListener("keydown", nt, !0);
+			q(), window.addEventListener("resize", q), document.addEventListener("pointerdown", st), document.addEventListener("keydown", at, !0);
 		}), ee(() => {
-			window.removeEventListener("resize", Ze), document.removeEventListener("pointerdown", it), document.removeEventListener("keydown", nt, !0);
+			window.removeEventListener("resize", q), document.removeEventListener("pointerdown", st), document.removeEventListener("keydown", at, !0);
 		}), (t, n) => (D(), l("div", {
 			ref_key: "rootRef",
 			ref: m,
-			class: "w-full hanaplabstoolkit-font"
+			class: "w-full hanap-labs-font"
 		}, [
-			e.label || e.description ? (D(), s(Re, {
+			e.label || e.description ? (D(), s(Be, {
 				key: 0,
 				label: e.label,
 				description: e.description,
-				"label-id": e.label ? se.value : "",
+				"label-id": e.label ? le.value : "",
 				required: e.required,
 				"label-class": e.labelClass
 			}, null, 8, [
@@ -1733,59 +1750,60 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 			])) : c("", !0),
 			u("div", Xt, [
 				u("button", {
-					id: ae.value,
-					ref: he,
+					id: se.value,
+					ref: _e,
 					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", [
-						je.value,
+						Ne.value,
 						e.inputClass,
-						ke.value ? "border-danger focus:border-danger" : Fe.value,
+						je.value ? "border-danger focus:border-danger" : ze.value,
 						{
-							"text-dark": Oe.value,
-							"text-muted": !Oe.value,
-							"pr-10": Oe.value,
-							"pr-8": !Oe.value,
+							"text-dark": Ae.value,
+							"text-muted": !Ae.value,
+							"pr-10": Ae.value,
+							"pr-8": !Ae.value,
 							"border-0 focus:border-0": e.noBorder
 						}
 					]]),
 					disabled: e.disabled,
 					"aria-expanded": F(O),
-					"aria-controls": oe.value,
-					"aria-labelledby": e.label ? se.value : void 0,
+					"aria-controls": ce.value,
+					"aria-labelledby": e.label ? le.value : void 0,
 					"aria-haspopup": "listbox",
-					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", {
+					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", {
 					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: de(Je, ["stop"])
-				}, [p(V, {
+					onClick: pe(Qe, ["stop"])
+				}, [p(B, {
 					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(V, {
+				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, {
 					name: "chevron-up-down",
 					size: 20,
 					decorative: !0
 				})], 2),
 				(D(), s(i, { to: "body" }, [F(O) ? (D(), l("div", {
 					key: 0,
-					ref: ge,
+					ref: ve,
 					class: "overflow-hidden rounded-md bg-white border border-gray-200 border-solid shadow-none",
-					style: w(G.value),
-					id: oe.value,
+					style: w(Ie.value),
+					id: ce.value,
 					role: "listbox",
-					"aria-labelledby": ae.value,
-					"aria-activedescendant": Pe.value
-				}, [u("div", nn, [p(Qe, {
-					ref: _e,
+					"aria-labelledby": se.value,
+					"aria-activedescendant": Re.value
+				}, [u("div", nn, [p(et, {
+					ref: ye,
 					modelValue: v.value,
 					"onUpdate:modelValue": n[0] ||= (e) => v.value = e,
 					type: "search",
@@ -1794,53 +1812,53 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 				}, null, 8, ["modelValue", "disabled"])]), u("div", {
 					class: "overflow-y-auto py-1",
 					style: w({ maxHeight: `${e.maxMenuHeight}px` })
-				}, [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", {
+				}, [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", {
 					type: "button",
-					id: Se(n),
+					id: we(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 && !q(t),
-							"font-medium": q(t),
+							"text-dark": !t.disabled && !G(t),
+							"font-medium": G(t),
 							"hover:bg-[var(--hl-select-option-hover-bg)]": !t.disabled
 						},
-						!t.disabled && q(t) ? Ie.value : ""
+						!t.disabled && G(t) ? Ve.value : ""
 					]]),
-					style: w([Be.value, !t.disabled && x.value === n ? { backgroundColor: "var(--hl-select-option-highlight-bg)" } : void 0]),
-					"aria-selected": q(t),
+					style: w([We.value, !t.disabled && x.value === n ? { backgroundColor: "var(--hl-select-option-highlight-bg)" } : void 0]),
+					"aria-selected": G(t),
 					disabled: t.disabled,
-					onMouseenter: (e) => rt(n),
-					onClick: (e) => qe(t)
+					onMouseenter: (e) => ot(n),
+					onClick: (e) => Ze(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]", q(t) ? Le.value : "border-gray-300"])
-				}, [q(t) ? (D(), s(V, {
+					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, {
 					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)])]), q(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)])]), G(t) && !e.multiple ? (D(), l("span", {
 					key: 0,
-					class: C(["shrink-0 text-xs", Ie.value])
-				}, [p(V, {
+					class: C(["shrink-0 text-xs", Ve.value])
+				}, [p(B, {
 					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)), K.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)), Le.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: Xe
-				}, [u("span", null, "Add \"" + N(v.value.trim()) + "\"", 1), p(V, {
+					onClick: tt
+				}, [u("span", null, "Add \"" + N(v.value.trim()) + "\"", 1), p(B, {
 					name: "plus",
 					size: 14,
 					decorative: !0
 				})])) : c("", !0)], 4)], 12, tn)) : c("", !0)]))
 			]),
-			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", {
+			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", {
 				key: e,
 				class: "text-xs text-danger"
 			}, N(e), 1))), 128))])) : c("", !0)
@@ -1852,7 +1870,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 	setup(e) {
 		return (t, n) => (D(), l("div", { class: C(["animate-pulse rounded-lg bg-tertiary", e.class]) }, null, 2));
 	}
-}), hn = { class: "space-y-3 rounded-xl border border-solid border-tertiary bg-light p-3 hanaplabstoolkit-font" }, gn = {
+}), hn = { class: "space-y-3 rounded-xl border border-solid border-tertiary bg-light p-3 hanap-labs-font" }, gn = {
 	key: 0,
 	class: "flex flex-wrap items-center justify-between gap-3"
 }, _n = { class: "relative overflow-x-auto" }, vn = {
@@ -1873,13 +1891,13 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 	}),
 	emits: /* @__PURE__ */ b(["tabs:change"], ["update:active"]),
 	setup(e, { emit: t }) {
-		let n = L(e, "active"), i = t, a = o(() => e.items.filter((e) => !e.disabled)), d = o({
+		let n = oe(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 = I().replace(/:/g, ""), m = o(() => `hl-tabs-${p}`), h = o(() => _(d.value));
-		le(() => {
+		}), p = ae().replace(/:/g, ""), m = o(() => `hl-tabs-${p}`), h = o(() => _(d.value));
+		de(() => {
 			if (!a.value.length) {
 				d.value = "";
 				return;
@@ -1910,7 +1928,7 @@ var ht = { class: "relative inline-block hanaplabstoolkit-font" }, gt = /* @__PU
 				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(V, {
+				e.icon ? (D(), s(B, {
 					key: 0,
 					name: e.icon,
 					class: "size-4",
@@ -3414,7 +3432,7 @@ function Gr(e) {
 	}, t ? Wr(e) : e));
 	if (t) {
 		let t = re(e.data);
-		R(t, () => {
+		I(t, () => {
 			n.setState((e) => ({
 				...e,
 				data: t.value
@@ -3422,7 +3440,7 @@ function Gr(e) {
 		}, { immediate: !0 });
 	}
 	let r = k(n.initialState);
-	return le(() => {
+	return de(() => {
 		n.setOptions((n) => {
 			let i = new Proxy({}, { get: (e, t) => r.value[t] });
 			return Hr(n, t ? Wr(e) : e, {
@@ -3436,7 +3454,7 @@ function Gr(e) {
 }
 //#endregion
 //#region src/components/hl-table/HLTable.vue?vue&type=script&setup=true&lang.ts
-var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
+var Kr = { class: "flex flex-col gap-4 hanap-labs-font" }, qr = {
 	key: 0,
 	class: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"
 }, Jr = {
@@ -3508,7 +3526,7 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 		"search"
 	], ["update:selectedRows"]),
 	setup(e, { expose: t, emit: n }) {
-		let i = L(e, "selectedRows"), a = n, d = ae(), f = k([]), m = k({}), h = k(""), g = k(!1);
+		let i = oe(e, "selectedRows"), a = n, d = se(), f = k([]), m = k({}), h = k(""), g = k(!1);
 		function _(e) {
 			return Object.prototype.hasOwnProperty.call(e, "key");
 		}
@@ -3619,20 +3637,20 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 		function P(e) {
 			return e ?? {};
 		}
-		function I(e) {
+		function ae(e) {
 			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
 		}
-		function oe(e) {
+		function ce(e) {
 			return e === "center" ? "justify-center" : e === "right" ? "justify-end" : "justify-start";
 		}
-		function se(e) {
+		function le(e) {
 			return e === "center" ? "mx-auto w-3/4" : e === "right" ? "ml-auto w-3/4" : "w-full";
 		}
-		R(ee, (e, t) => {
+		I(ee, (e, t) => {
 			t && !e && g.value && (g.value = !1);
-		}), R(m, () => {
+		}), I(m, () => {
 			i.value = O.value;
-		}, { deep: !0 }), R(i, (e) => {
+		}, { deep: !0 }), I(i, (e) => {
 			let t = O.value;
 			if (e.length === t.length && e.every((e) => t.includes(e))) return;
 			let n = {};
@@ -3640,7 +3658,7 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 				n[e] = !0;
 			}), m.value = n;
 		});
-		function ce(e) {
+		function ue(e) {
 			let t = f.value.find((t) => t.id === e), n = t ? !t.desc : !1;
 			f.value = [{
 				id: e,
@@ -3650,41 +3668,41 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 				direction: n ? "desc" : "asc"
 			});
 		}
-		function le() {
+		function de() {
 			g.value = !0, a("refresh");
 		}
-		function ue() {
+		function fe() {
 			a("search", h.value);
 		}
-		function de() {
+		function pe() {
 			if (T.value) {
 				a("page:change", Math.max(1, E.value - 1));
 				return;
 			}
 			w.previousPage();
 		}
-		function fe() {
+		function me() {
 			if (T.value) {
 				a("page:change", Math.min(te.value, E.value + 1));
 				return;
 			}
 			w.nextPage();
 		}
-		function pe(e) {
+		function he(e) {
 			if (T.value) {
 				a("page:change", e);
 				return;
 			}
 			w.setPageIndex(e - 1);
 		}
-		function me() {
+		function R() {
 			if (A.value) {
 				w.resetRowSelection();
 				return;
 			}
 			w.toggleAllPageRowsSelected(!0);
 		}
-		function he(e) {
+		function ge(e) {
 			e.toggleSelected();
 		}
 		return t({
@@ -3700,7 +3718,7 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-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(Qe, {
+				e.searchable ? (D(), s(et, {
 					key: 3,
 					modelValue: h.value,
 					"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
@@ -3709,19 +3727,19 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-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: ue
+					onInput: fe
 				}, null, 8, ["modelValue", "placeholder"])) : c("", !0),
-				e.refreshable ? (D(), s(K, {
+				e.refreshable ? (D(), s(W, {
 					key: 4,
 					label: "",
 					type: "button",
 					variant: "outline",
-					class: "shrink-0 min-w-0 !w-[var(--hanaplabstoolkit-size-md)] !h-[var(--hanaplabstoolkit-size-md)] !p-0 !gap-0 hover:text-primary",
+					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",
 					disabled: g.value || ee.value,
 					"aria-label": "Refresh",
-					onClick: le
+					onClick: de
 				}, {
-					icon: z(() => [p(V, {
+					icon: L(() => [p(B, {
 						name: "refresh",
 						size: 20,
 						decorative: !0,
@@ -3731,22 +3749,22 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-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(J, {
+			u("div", Zr, [u("div", Qr, [u("table", $r, [u("thead", ei, [u("tr", null, [e.selectable ? (D(), l("th", ti, [p(Ke, {
 				"model-value": A.value,
 				indeterminate: ne.value,
 				"aria-label": "Toggle all rows",
 				size: "md",
 				class: "mx-auto max-w-max",
-				"onUpdate:modelValue": me
+				"onUpdate:modelValue": R
 			}, 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", [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), {
+				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), {
 				key: 0,
 				render: e.column.columnDef.header,
 				props: e.getContext()
-			}, null, 8, ["render", "props"])), e.column.getCanSort() ? (D(), l("span", ri, [p(V, {
+			}, null, 8, ["render", "props"])), e.column.getCanSort() ? (D(), l("span", ri, [p(B, {
 				name: e.column.getIsSorted() === "asc" ? "chevron-up" : e.column.getIsSorted() === "desc" ? "chevron-down" : "chevron-up-down",
 				size: 14,
 				decorative: !0
@@ -3755,20 +3773,20 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-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", 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", {
+				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", {
 				key: n.id,
 				class: C(["hover:bg-gray-50", { "bg-primary/5": n.getIsSelected() }])
-			}, [e.selectable ? (D(), l("td", oi, [p(J, {
+			}, [e.selectable ? (D(), l("td", oi, [p(Ke, {
 				"model-value": n.getIsSelected(),
 				"aria-label": "Toggle row",
 				size: "md",
 				class: "mx-auto max-w-max",
-				"onUpdate:modelValue": (e) => he(n)
+				"onUpdate:modelValue": (e) => ge(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", 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, {
+				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, {
 				key: 0,
 				row: n.original,
 				rowId: n.id,
@@ -3783,26 +3801,26 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-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(K, {
+				p(W, {
 					label: "",
 					type: "button",
 					size: "sm",
 					variant: "outline",
 					rounded: !1,
 					"icon-only": !0,
-					class: "!size-[var(--hanaplabstoolkit-size-sm)] !min-w-0 !p-0 hover:!bg-gray-100",
+					class: "!size-[var(--hanap-labs-size-sm)] !min-w-0 !p-0 hover:!bg-gray-100",
 					disabled: T.value ? E.value <= 1 : !F(w).getCanPreviousPage(),
 					"aria-label": "Previous page",
-					onClick: de
+					onClick: pe
 				}, {
-					icon: z(() => [p(V, {
+					icon: L(() => [p(B, {
 						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(K, {
+				(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, {
 					key: 0,
 					label: String(e),
 					type: "button",
@@ -3810,8 +3828,8 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 					variant: e === E.value ? "solid" : "outline",
 					color: e === E.value ? "primary" : void 0,
 					rounded: !1,
-					class: C(["!size-[var(--hanaplabstoolkit-size-sm)] !min-w-0 !p-0 !font-medium", e === E.value ? "" : "hover:!bg-gray-100"]),
-					onClick: (t) => pe(e)
+					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)
 				}, null, 8, [
 					"label",
 					"variant",
@@ -3819,19 +3837,19 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 					"class",
 					"onClick"
 				]))], 64))), 128)),
-				p(K, {
+				p(W, {
 					label: "",
 					type: "button",
 					size: "sm",
 					variant: "outline",
 					rounded: !1,
 					"icon-only": !0,
-					class: "!size-[var(--hanaplabstoolkit-size-sm)] !min-w-0 !p-0 hover:!bg-gray-100",
+					class: "!size-[var(--hanap-labs-size-sm)] !min-w-0 !p-0 hover:!bg-gray-100",
 					disabled: T.value ? E.value >= te.value : !F(w).getCanNextPage(),
 					"aria-label": "Next page",
-					onClick: fe
+					onClick: me
 				}, {
-					icon: z(() => [p(V, {
+					icon: L(() => [p(B, {
 						name: "chevron-right",
 						size: 14,
 						decorative: !0
@@ -3856,7 +3874,7 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 }, vi = {
 	key: 0,
 	class: "text-xs text-danger"
-}, yi = /* @__PURE__ */ be(/* @__PURE__ */ h({
+}, yi = /* @__PURE__ */ xe(/* @__PURE__ */ h({
 	__name: "HLTextarea",
 	props: /* @__PURE__ */ b({
 		id: { default: "" },
@@ -3896,17 +3914,17 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 		"input"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = L(e, "modelValue"), i = mt({
+		let n = oe(e, "modelValue"), i = ht({
 			input: n,
 			styleProp: "minHeight"
 		}), a = t;
 		function d(e) {
-			let t = I();
+			let t = ae();
 			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(Re, {
+			e.label || e.description ? (D(), s(Be, {
 				key: 0,
 				label: e.label,
 				description: e.description,
@@ -3920,7 +3938,7 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 				"required",
 				"label-class"
 			])) : c("", !0),
-			u("div", hi, [ue(u("textarea", {
+			u("div", hi, [fe(u("textarea", {
 				id: F(f),
 				ref: F(i).textarea,
 				"onUpdate:modelValue": o[0] ||= (e) => n.value = e,
@@ -3931,7 +3949,7 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 				rows: e.rows,
 				maxlength: e.maxlength,
 				minlength: e.minlength,
-				class: C(["block w-full appearance-none box-border border border-solid border-gray-200 bg-transparent text-dark placeholder:text-muted leading-tight transition-colors duration-150 hl-no-focus-ring disabled:cursor-not-allowed disabled:opacity-60 py-2.5 px-3 text-sm rounded-md resize-none hanaplabstoolkit-font", [e.inputClass, {
+				class: C(["block w-full appearance-none box-border border border-solid border-gray-200 bg-transparent text-dark placeholder:text-muted leading-tight transition-colors duration-150 hl-no-focus-ring disabled:cursor-not-allowed disabled:opacity-60 py-2.5 px-3 text-sm rounded-md resize-none hanap-labs-font", [e.inputClass, {
 					"cursor-not-allowed": e.disabled,
 					"border-danger focus:border-danger": p.value,
 					"border-0 focus:border-0": e.noBorder
@@ -3939,13 +3957,13 @@ var Kr = { class: "flex flex-col gap-4 hanaplabstoolkit-font" }, qr = {
 				onFocus: o[1] ||= (e) => a("focus"),
 				onBlur: o[2] ||= (e) => a("blur"),
 				onInput: o[3] ||= (e) => a("input")
-			}, null, 42, gi), [[ce, n.value]])]),
+			}, null, 42, gi), [[ue, 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"
 			}, N(e), 1))), 128)) : c("", !0)])) : c("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-a5005dfc"]]);
+}), [["__scopeId", "data-v-1b28fb3f"]]);
 //#endregion
-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 };
+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 };