hanap-labs 0.1.0

package/dist/chunks/components-BlNF7xT6.js

@@ -0,0 +1,3951 @@
+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";
+//#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>",
+	"../../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/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/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);
+	if (!n) continue;
+	let r = n[1];
+	me[r] = t;
+}
+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 _e = [
+	"role",
+	"aria-label",
+	"aria-hidden"
+], B = ["title", "innerHTML"], ve = ["title"], ye = /* @__PURE__ */ h({
+	__name: "HLIcon",
+	props: {
+		name: {},
+		size: { default: 20 },
+		color: {},
+		title: { default: "" },
+		decorative: {
+			type: Boolean,
+			default: !0
+		},
+		ariaLabel: { default: "" }
+	},
+	setup(e) {
+		let t = o(() => typeof e.size == "number" ? `${e.size}px` : e.size);
+		function n(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 = ge(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",
+			tertiary: "text-tertiary",
+			primary: "text-primary",
+			success: "text-success",
+			danger: "text-danger",
+			warning: "text-warning",
+			info: "text-info",
+			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", {
+			key: 0,
+			class: "hl-icon__svg inline-flex h-full w-full",
+			title: e.title || void 0,
+			innerHTML: r.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",
+			title: `Icon '${e.name}' is not found`
+		}, " ? ", 8, ve))], 14, _e));
+	}
+}), be = (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 = {
+	dashboardLabel: "Dashboard",
+	routeNameMap: {
+		"": "Dashboard",
+		user: "Users",
+		users: "Users",
+		business: "Businesses",
+		businesses: "Businesses",
+		reviews: "Reviews",
+		reports: "Reports",
+		settings: "Settings"
+	},
+	routeHrefMap: {
+		user: "/users",
+		business: "/businesses"
+	},
+	addLabelByParent: {
+		business: "Add Business",
+		businesses: "Add Business",
+		user: "Add User",
+		users: "Add User"
+	},
+	createLabelByRootSegment: {
+		user: "Add User",
+		business: "Add Business"
+	},
+	pathOverrides: { "/businesses/category": [
+		{
+			label: "Dashboard",
+			href: "/",
+			isActive: !1
+		},
+		{
+			label: "Categories",
+			href: "/businesses/categories",
+			isActive: !1
+		},
+		{
+			label: "Add Category",
+			isActive: !0
+		}
+	] },
+	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,
+	...e,
+	routeNameMap: {
+		...H.routeNameMap,
+		...e.routeNameMap
+	},
+	routeHrefMap: {
+		...H.routeHrefMap,
+		...e.routeHrefMap
+	},
+	addLabelByParent: {
+		...H.addLabelByParent,
+		...e.addLabelByParent
+	},
+	createLabelByRootSegment: {
+		...H.createLabelByRootSegment,
+		...e.createLabelByRootSegment
+	},
+	pathOverrides: {
+		...H.pathOverrides,
+		...e.pathOverrides
+	}
+}), Se = (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);
+	return o(() => {
+		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] ?? Ce(a), t = n.routeHrefMap[a] ?? `/${a}`, r = n.createLabelByRootSegment[a];
+			return [
+				{
+					label: n.dashboardLabel,
+					href: "/",
+					isActive: !1
+				},
+				{
+					label: e,
+					href: t,
+					isActive: !1
+				},
+				{
+					label: r,
+					isActive: !0
+				}
+			];
+		}
+		if (i.length === 0) return [{
+			label: n.dashboardLabel,
+			isActive: !0
+		}];
+		let s = [{
+			label: n.dashboardLabel,
+			href: "/",
+			isActive: !1
+		}], c = "";
+		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;
+			s.push({
+				label: l,
+				href: u,
+				isActive: a
+			});
+		}), s;
+	});
+}
+//#endregion
+//#region src/components/hl-breadcrumb/HLBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var Te = {
+	"aria-label": "Breadcrumb",
+	class: "hanaplabstoolkit-font"
+}, Ee = { class: "flex items-center text-sm" }, De = {
+	key: 1,
+	class: "mx-1 text-muted",
+	"aria-hidden": "true"
+}, Oe = ["href"], ke = /* @__PURE__ */ h({
+	__name: "HLBreadcrumb",
+	props: {
+		path: { default: "/" },
+		dynamicLabel: { default: null },
+		staticData: { default: () => ({}) },
+		separator: { default: "/" },
+		separatorType: { default: "text" },
+		separatorIconName: { default: "chevron-down" },
+		activeColor: {}
+	},
+	setup(e) {
+		let t = e, n = o(() => t.path), i = o(() => t.dynamicLabel), a = U(n, {
+			staticData: t.staticData,
+			dynamicLabel: i
+		}), d = {
+			secondary: "text-secondary",
+			tertiary: "text-tertiary",
+			primary: "text-primary",
+			success: "text-success",
+			danger: "text-danger",
+			warning: "text-warning",
+			info: "text-info",
+			light: "text-light",
+			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", {
+			key: `${n}-${t.label}-${t.href ?? ""}`,
+			class: "flex items-center"
+		}, [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", 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, Oe)) : (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({
+	__name: "HLAvatar",
+	props: {
+		text: { default: "?" },
+		image: { default: "" },
+		size: { default: "md" }
+	},
+	setup(e) {
+		let t = {
+			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);
+			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);
+			return {
+				backgroundColor: `hsl(${n % 360} ${60 + n % 16}% ${20 + n % 12}%)`,
+				color: "#ffffff"
+			};
+		}), c = o(() => ({
+			...a.value,
+			...s.value
+		}));
+		function d(e) {
+			let t = e.trim().split(/\s+/).filter((e) => e.length > 0);
+			return t.length === 0 ? {
+				firstWord: "",
+				lastWord: ""
+			} : t.length === 1 ? {
+				firstWord: t[0],
+				lastWord: ""
+			} : {
+				firstWord: t[0],
+				lastWord: t[t.length - 1]
+			};
+		}
+		function f(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 hanaplabstoolkit-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]]),
+			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, Ae)) : (D(), l("span", je, N(i.value), 1))], 6)], 4));
+	}
+}), W = ["type", "disabled"], Ne = {
+	key: 1,
+	class: "inline-flex items-center justify-center",
+	"aria-hidden": "true"
+}, G = "bg-transparent border border-solid", K = /* @__PURE__ */ h({
+	__name: "HLButton",
+	props: {
+		color: {},
+		size: { default: "md" },
+		variant: { default: "solid" },
+		rounded: {
+			type: Boolean,
+			default: !1
+		},
+		iconOnly: {
+			type: Boolean,
+			default: !1
+		},
+		label: {},
+		iconPosition: { default: "left" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "button" },
+		noBorder: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = {
+			secondary: "border-0 bg-secondary text-primary hover:bg-tertiary",
+			tertiary: "border-0 bg-tertiary text-primary hover:opacity-90",
+			primary: "border-0 bg-primary text-light hover:opacity-90",
+			success: "border-0 bg-success text-light hover:opacity-90",
+			danger: "border-0 bg-danger text-light hover:opacity-90",
+			warning: "border-0 bg-warning text-dark hover:opacity-90",
+			info: "border-0 bg-info text-light hover:opacity-90",
+			light: "border-0 bg-light text-dark hover:bg-secondary",
+			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`
+		}, 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"
+		}, 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"
+		}, s = {
+			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]);
+		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"
+		}, t.$attrs, {
+			class: [
+				d.value,
+				e.noBorder && "border-0",
+				f.value,
+				m.value,
+				e.iconOnly && "!gap-0 !min-w-0"
+			],
+			disabled: e.disabled || e.loading,
+			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", 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, W));
+	}
+}), Pe = { class: "mb-1 hanaplabstoolkit-font" }, Fe = ["for"], Ie = ["id"], Le = {
+	key: 0,
+	class: "text-danger"
+}, Re = /* @__PURE__ */ h({
+	__name: "HLLabel",
+	props: {
+		label: { default: "" },
+		description: { default: "" },
+		forId: { default: "" },
+		labelId: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		labelClass: { default: "" },
+		descriptionClass: { default: "" }
+	},
+	setup(e) {
+		let t = o(() => ({
+			xs: "text-xs",
+			sm: "text-sm",
+			md: "text-base",
+			lg: "text-lg"
+		})[e.size]), n = o(() => ({
+			xs: "text-[10px]",
+			sm: "text-xs",
+			md: "text-sm",
+			lg: "text-base"
+		})[e.size]);
+		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, 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)]));
+	}
+}), ze = { class: "w-full select-none" }, Be = [
+	"aria-checked",
+	"aria-label",
+	"aria-labelledby",
+	"disabled"
+], q = {
+	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({
+	__name: "HLCheckbox",
+	props: /* @__PURE__ */ b({
+		id: { default: "" },
+		label: { default: "" },
+		description: { default: "" },
+		labelClass: { default: "" },
+		descriptionClass: { default: "" },
+		ariaLabel: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		labelSize: { default: "md" },
+		color: {},
+		noBorder: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	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 = () => {
+			e.disabled || (t.value = !t.value);
+		}, d = {
+			xs: "w-3.5 h-3.5",
+			sm: "w-4 h-4",
+			md: "w-5 h-5",
+			lg: "w-6 h-6"
+		}, f = {
+			xs: "w-2.5 h-2.5",
+			sm: "w-3 h-3",
+			md: "w-3.5 h-3.5",
+			lg: "w-4 h-4"
+		}, m = {
+			xs: 10,
+			sm: 12,
+			md: 14,
+			lg: 16
+		}, h = {
+			primary: "bg-primary border-primary text-white",
+			secondary: "bg-secondary border-secondary text-white",
+			tertiary: "bg-tertiary border-tertiary text-dark",
+			success: "bg-success border-success text-white",
+			danger: "bg-danger border-danger text-white",
+			warning: "bg-warning border-warning text-dark",
+			info: "bg-info border-info text-white",
+			light: "bg-light border-light text-dark",
+			dark: "bg-dark border-dark text-white",
+			muted: "bg-muted border-muted text-white"
+		}, g = {
+			primary: "bg-light border-primary",
+			secondary: "bg-light border-secondary",
+			tertiary: "bg-light border-tertiary",
+			success: "bg-light border-success",
+			danger: "bg-light border-danger",
+			warning: "bg-light border-warning",
+			info: "bg-light border-info",
+			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", {
+			type: "button",
+			role: "checkbox",
+			"aria-checked": x.value,
+			"aria-label": e.ariaLabel || void 0,
+			"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"]),
+			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, {
+			name: "check",
+			size: y.value,
+			color: e.color,
+			class: C(["transition-opacity duration-200", [f[e.size], t.value || b.value ? "opacity-100" : "opacity-0"]])
+		}, null, 8, [
+			"size",
+			"color",
+			"class"
+		])], 2), e.label || e.description ? (D(), s(Re, {
+			key: 0,
+			class: "min-w-0",
+			label: e.label,
+			description: e.description,
+			"for-id": r.value,
+			"label-id": i.value,
+			size: e.labelSize,
+			"label-class": e.labelClass,
+			"description-class": e.descriptionClass
+		}, null, 8, [
+			"label",
+			"description",
+			"for-id",
+			"label-id",
+			"size",
+			"label-class",
+			"description-class"
+		])) : (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, Ve), [[oe, t.value]])]));
+	}
+}), We = { class: "w-full space-y-2 hanaplabstoolkit-font" }, Ge = { class: "relative" }, Ke = {
+	key: 0,
+	class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-muted"
+}, qe = [
+	"id",
+	"type",
+	"placeholder",
+	"required",
+	"disabled",
+	"readonly",
+	"autocomplete",
+	"maxlength",
+	"minlength",
+	"pattern"
+], Je = {
+	key: 1,
+	class: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-muted"
+}, Ye = ["aria-label"], Xe = {
+	key: 1,
+	class: "mt-1 space-y-1"
+}, Ze = {
+	key: 0,
+	class: "text-xs text-danger"
+}, Qe = /* @__PURE__ */ be(/* @__PURE__ */ h({
+	__name: "HLInput",
+	props: /* @__PURE__ */ b({
+		id: { default: "" },
+		type: { default: "text" },
+		placeholder: { default: "" },
+		label: { default: "" },
+		description: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		error: { default: "" },
+		errors: { default: () => [] },
+		autocomplete: { default: "off" },
+		maxlength: {},
+		minlength: {},
+		pattern: {},
+		showPasswordToggle: {
+			type: Boolean,
+			default: !1
+		},
+		labelClass: { default: "" },
+		labelSize: { default: "md" },
+		iconLeft: {
+			type: Boolean,
+			default: !1
+		},
+		inputClass: { default: "" },
+		size: { default: "md" },
+		color: {},
+		rounded: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		noBorder: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ b([
+		"focus",
+		"blur",
+		"input",
+		"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 = () => {
+			m.value = !m.value;
+		}, y = o(() => g.value && String(n.value ?? "").length > 0), b = () => {
+			n.value = "", i("input"), i("change"), f.value?.focus();
+		}, x = o(() => e.error), S = o(() => {
+			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 = {
+			xs: "rounded-md",
+			sm: "rounded-md",
+			md: "rounded-md",
+			lg: "rounded-lg"
+		}, E = {
+			secondary: "border-secondary focus:border-secondary",
+			tertiary: "border-tertiary focus:border-tertiary",
+			primary: "border-primary focus:border-primary",
+			success: "border-success focus:border-success",
+			danger: "border-danger focus:border-danger",
+			warning: "border-warning focus:border-warning",
+			info: "border-info focus:border-info",
+			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, {
+				key: 0,
+				label: e.label,
+				description: e.description,
+				"for-id": d.value,
+				required: e.required,
+				size: e.labelSize,
+				"label-class": e.labelClass
+			}, null, 8, [
+				"label",
+				"description",
+				"for-id",
+				"required",
+				"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", {
+					ref_key: "inputRef",
+					ref: f,
+					id: d.value,
+					"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
+					type: _.value,
+					placeholder: e.placeholder,
+					required: e.required,
+					disabled: e.disabled || e.loading,
+					readonly: e.readonly,
+					autocomplete: e.autocomplete,
+					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,
+						A.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-0 focus:border-0": e.noBorder,
+							"hl-search-input": g.value
+						}
+					]]),
+					onFocus: a[1] ||= (e) => i("focus"),
+					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, {
+					name: "spinner",
+					size: 20,
+					class: "animate-spin",
+					color: e.color
+				}, null, 8, ["color"])])) : y.value ? (D(), l("button", {
+					key: 2,
+					type: "button",
+					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, {
+					name: "x-mark",
+					size: 16,
+					decorative: !0,
+					color: e.color
+				}, null, 8, ["color"])])) : e.showPasswordToggle && h.value ? (D(), l("button", {
+					key: 3,
+					type: "button",
+					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, {
+					name: m.value ? "eye-off" : "eye",
+					size: 18,
+					decorative: !0,
+					color: e.color
+				}, null, 8, ["name", "color"])], 8, Ye)) : 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", {
+				key: e,
+				class: "text-xs text-danger"
+			}, N(e), 1))), 128))])) : c("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-5186dc0e"]]);
+//#endregion
+//#region node_modules/@vueuse/shared/dist/index.js
+function $e(e, t) {
+	return _() ? (E(e, t), !0) : !1;
+}
+var et = 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) {
+	if (e.length !== 1) return ie(...e);
+	let t = e[0];
+	return typeof t == "function" ? O(m(() => ({
+		get: t,
+		set: rt
+	}))) : k(t);
+}
+function at(e) {
+	return Array.isArray(e) ? e : [e];
+}
+function ot(e, t, n) {
+	return R(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) {
+	let t = P(e);
+	return t?.$el ?? t;
+}
+function lt(...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);
+		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])),
+		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))));
+		o(() => {
+			c.forEach((e) => e());
+		});
+	}, { flush: "post" });
+}
+function ut() {
+	let e = re(!1), t = g();
+	return t && T(() => {
+		e.value = !0;
+	}, t), e;
+}
+/* @__NO_SIDE_EFFECTS__ */
+function dt(e) {
+	let t = ut();
+	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 = () => {
+		a &&= (a.disconnect(), void 0);
+	}, l = R(o(() => {
+		let t = P(e);
+		return Array.isArray(t) ? t.map((e) => ct(e)) : [ct(t)];
+	}), (e) => {
+		if (c(), s.value && r) {
+			a = new ResizeObserver(t);
+			for (let t of e) t && a.observe(t, i);
+		}
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), u = () => {
+		c(), l();
+	};
+	return $e(u), {
+		isSupported: s,
+		stop: u
+	};
+}
+function pt(e = st, 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 s() {
+		if (!n.value) return;
+		let t = "", r = e?.maxHeight;
+		n.value.style[i] = "1px", a.value = n.value?.scrollHeight;
+		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, () => {
+		var t;
+		return e == null || (t = e.onResize) == null ? void 0 : t.call(e);
+	}), ft(n, ([{ contentRect: e }]) => {
+		o.value !== e.width && pt(t, () => {
+			o.value = e.width, s();
+		});
+	}), e?.watch && R(e.watch, s, {
+		immediate: !0,
+		deep: !0
+	}), {
+		textarea: n,
+		input: r,
+		triggerResize: s
+	};
+}
+//#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({
+	__name: "HLMenuAction",
+	props: /* @__PURE__ */ b({
+		options: { default: () => [] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		triggerAriaLabel: { default: "Open actions menu" },
+		closeOnSelect: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnClickOutside: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnEscape: {
+			type: Boolean,
+			default: !0
+		},
+		menuClass: { default: "" },
+		optionClass: { default: "" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ b([
+		"select",
+		"open",
+		"close"
+	], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let i = {
+			primary: "text-primary",
+			secondary: "text-secondary",
+			tertiary: "text-tertiary",
+			success: "text-success",
+			danger: "text-danger",
+			warning: "text-warning",
+			info: "text-info",
+			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({
+			placement: "bottom-end",
+			strategy: "fixed",
+			offset: 4
+		}), x = o(() => _.value ? "Close actions menu" : e.triggerAriaLabel), S = (e) => e ? i[e] : void 0, ee = () => {
+			_.value || (v(), u("open"));
+		}, T = () => {
+			_.value && (y(), u("close"));
+		}, E = () => {
+			e.disabled || (_.value ? T() : ee());
+		}, te = async (t) => {
+			t.disabled || t.loading || (u("select", t), t.callback && await t.callback(), e.closeOnSelect && T());
+		};
+		return R(a, (e) => {
+			e !== _.value && (e ? ee() : T());
+		}), R(_, (e) => {
+			a.value !== e && (a.value = e);
+		}), 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();
+		}), lt(window, "keydown", (t) => {
+			!e.closeOnEscape || !_.value || t.key === "Escape" && T();
+		}), (t, n) => (D(), l("div", ht, [p(K, {
+			ref: F(f),
+			label: "",
+			type: "button",
+			"icon-only": !0,
+			"no-border": !0,
+			class: "!size-8 !rounded-md !bg-transparent !text-slate-600 hover:!bg-gray-100 hover:!text-slate-800",
+			disabled: e.disabled,
+			"aria-label": x.value,
+			"aria-expanded": F(_),
+			"aria-haspopup": "menu",
+			onClick: E
+		}, {
+			icon: z(() => [p(V, {
+				name: "three-dots",
+				class: "size-5",
+				decorative: !0
+			})]),
+			_: 1
+		}, 8, [
+			"disabled",
+			"aria-label",
+			"aria-expanded"
+		]), F(_) ? (D(), l("div", {
+			key: 0,
+			ref: F(m),
+			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, {
+			key: t.value,
+			label: t.label,
+			type: "button",
+			size: "xs",
+			loading: !!t.loading,
+			"no-border": !0,
+			class: C(["!h-auto !w-full !min-h-0 !justify-start !rounded-none !border-b !border-gray-200 last:!border-b-0 !bg-transparent !px-4 !py-2 !text-left !text-sm !font-normal !text-slate-700 hover:!bg-gray-100", [S(t.color), e.optionClass]]),
+			disabled: t.disabled || t.loading,
+			role: "menuitem",
+			onClick: (e) => te(t)
+		}, d({ _: 2 }, [t.icon && !t.loading ? {
+			name: "icon",
+			fn: z(() => [p(V, {
+				name: t.icon,
+				class: "size-4",
+				decorative: !0
+			}, null, 8, ["name"])]),
+			key: "0"
+		} : void 0]), 1032, [
+			"label",
+			"loading",
+			"class",
+			"disabled",
+			"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({
+	__name: "HLToast",
+	props: {
+		type: {},
+		title: { default: "" },
+		message: {}
+	},
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = t, r = {
+			success: {
+				iconName: "check",
+				accentClass: "bg-success",
+				iconClass: "text-success",
+				titleClass: "text-success",
+				closeClass: "text-success hover:bg-success/10"
+			},
+			error: {
+				iconName: "x-mark",
+				accentClass: "bg-danger",
+				iconClass: "text-danger",
+				titleClass: "text-danger",
+				closeClass: "text-danger hover:bg-danger/10"
+			},
+			info: {
+				iconName: "eye",
+				accentClass: "bg-info",
+				iconClass: "text-info",
+				titleClass: "text-info",
+				closeClass: "text-info hover:bg-info/10"
+			},
+			warning: {
+				iconName: "eye-off",
+				accentClass: "bg-warning",
+				iconClass: "text-warning",
+				titleClass: "text-warning",
+				closeClass: "text-warning hover:bg-warning/10"
+			}
+		}, 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, [
+			u("span", { class: C(["absolute inset-y-0 left-0 w-1", i.value.accentClass]) }, null, 2),
+			u("div", vt, [p(V, {
+				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("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, {
+				name: "x-mark",
+				class: "size-4",
+				decorative: !0
+			})], 2)
+		]));
+	}
+}), St = {
+	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({
+	__name: "HLGlobalNotify",
+	setup(t) {
+		let { notification: n, hide: r } = e();
+		return (e, t) => (D(), s(i, { to: "body" }, [p(a, {
+			"enter-active-class": "transition ease-out duration-200",
+			"enter-from-class": "translate-y-2 opacity-0",
+			"enter-to-class": "translate-y-0 opacity-100",
+			"leave-active-class": "transition ease-in duration-150",
+			"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, {
+				type: F(n).type,
+				title: F(n).title,
+				message: F(n).message,
+				onClose: F(r)
+			}, null, 8, [
+				"type",
+				"title",
+				"message",
+				"onClose"
+			])])])])) : c("", !0)]),
+			_: 1
+		})]));
+	}
+}), Et = {
+	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;
+	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;
+}, jt = () => {
+	Dt !== null && (A(null, Dt), Ot && Dt.parentNode !== null && Dt.parentNode.removeChild(Dt), Dt = null, Ot = !1);
+}, Mt = (e = {}) => {
+	let t = {
+		...Et,
+		...e
+	};
+	return { install(e) {
+		e.component(t.componentName, Tt), t.autoMount && At(e, t);
+	} };
+}, Nt = {
+	key: 0,
+	class: "fixed inset-0 z-50 flex items-center justify-center"
+}, Pt = { class: "relative max-w-full pointer-events-auto" }, Ft = {
+	key: 0,
+	class: "w-full max-w-md rounded-lg bg-white p-6 shadow-xl ring-1 ring-black/5"
+}, It = {
+	key: 0,
+	class: "mb-2 text-lg font-semibold text-slate-900"
+}, Lt = { class: "mb-6 text-slate-600" }, Rt = { class: "flex justify-end gap-3" }, zt = ["disabled"], Bt = ["disabled"], Vt = /* @__PURE__ */ h({
+	__name: "HLPopup",
+	props: /* @__PURE__ */ b({
+		backdropClass: { default: "bg-black/50 backdrop-blur-sm" },
+		containerClass: { default: "" },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		type: { default: "confirm" },
+		component: {},
+		componentProps: {},
+		isLoading: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ b(["close", "confirm"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = 0, r = null;
+		function o() {
+			typeof document > "u" || (n === 0 && (r = document.body.style.overflow, document.body.style.overflow = "hidden"), n += 1);
+		}
+		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 = () => {
+			!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) => {
+			if (e) {
+				o();
+				return;
+			}
+			d();
+		}), te(() => {
+			d();
+		}), (t, n) => (D(), s(i, { to: "body" }, [p(a, {
+			"enter-active-class": "transition duration-300 ease-out",
+			"enter-from-class": "opacity-0",
+			"enter-to-class": "opacity-100",
+			"leave-active-class": "transition duration-200 ease-in",
+			"leave-from-class": "opacity-100",
+			"leave-to-class": "opacity-0"
+		}, {
+			default: z(() => [m.value ? (D(), l("div", Nt, [u("div", {
+				class: C(["absolute inset-0", e.backdropClass]),
+				onClick: g
+			}, null, 2), p(a, {
+				"enter-active-class": "transition duration-300 ease-out",
+				"enter-from-class": "scale-95 opacity-0",
+				"enter-to-class": "scale-100 opacity-100",
+				"leave-active-class": "transition duration-200 ease-in",
+				"leave-from-class": "scale-100 opacity-100",
+				"leave-to-class": "scale-95 opacity-0"
+			}, {
+				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, [
+					e.componentProps?.title ? (D(), l("h3", It, N(e.componentProps.title), 1)) : c("", !0),
+					u("p", Lt, N(e.componentProps?.message || "Are you sure?"), 1),
+					u("div", Rt, [u("button", {
+						class: "cursor-pointer text-sm font-medium text-slate-600 transition-colors hover:text-slate-900 disabled:cursor-not-allowed disabled:opacity-50",
+						disabled: e.isLoading,
+						onClick: _
+					}, N(e.componentProps?.cancelText || "Cancel"), 9, zt), u("button", {
+						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, {
+						key: 0,
+						name: "spinner",
+						class: "size-4 animate-spin"
+					})) : c("", !0), f(" " + N(e.componentProps?.confirmText || "OK"), 1)], 8, Bt)])
+				])) : e.component ? (D(), s(ne(e.component), x({
+					key: 1,
+					class: "inline-block",
+					style: {
+						margin: "0",
+						width: "auto",
+						"max-width": "100%"
+					}
+				}, e.componentProps, { onClose: _ }), null, 16)) : M(t.$slots, "default", { key: 2 })])], 2)) : c("", !0)]),
+				_: 3
+			})])) : c("", !0)]),
+			_: 3
+		})]));
+	}
+}), Ht = /* @__PURE__ */ h({
+	__name: "HLGlobalPopup",
+	setup(e) {
+		let { isVisible: t, type: r, component: i, props: a, isLoading: o, close: c, confirm: l } = n();
+		return (e, n) => (D(), s(Vt, {
+			"model-value": F(t),
+			type: F(r),
+			component: F(i) || void 0,
+			"component-props": F(a),
+			"is-loading": F(o),
+			onClose: F(c),
+			onConfirm: F(l)
+		}, null, 8, [
+			"model-value",
+			"type",
+			"component",
+			"component-props",
+			"is-loading",
+			"onClose",
+			"onConfirm"
+		]));
+	}
+}), Ut = {
+	autoMount: !0,
+	mountId: "hl-popup-host",
+	componentName: "HLGlobalPopup"
+}, Wt = null, Gt = !1, Kt = () => typeof window < "u" && typeof document < "u", qt = (e, t) => {
+	if (!Kt() || Wt !== null) return;
+	let n = document.getElementById(t.mountId), r = n ?? document.createElement("div");
+	n === null ? (r.id = t.mountId, document.body.appendChild(r), Gt = !0) : Gt = !1;
+	let i = p(Ht);
+	i.appContext = e._context, A(i, r), Wt = r;
+}, Jt = () => {
+	Wt !== null && (A(null, Wt), Gt && Wt.parentNode !== null && Wt.parentNode.removeChild(Wt), Wt = null, Gt = !1);
+}, Yt = (e = {}) => {
+	let t = {
+		...Ut,
+		...e
+	};
+	return { install(e) {
+		e.component(t.componentName, Ht), t.autoMount && qt(e, t);
+	} };
+}, Xt = { class: "relative" }, Zt = [
+	"id",
+	"disabled",
+	"aria-expanded",
+	"aria-controls",
+	"aria-labelledby"
+], Qt = {
+	key: 0,
+	class: "inline-flex min-w-0 items-center gap-1 truncate"
+}, $t = {
+	key: 0,
+	class: "text-xs text-muted"
+}, en = {
+	key: 1,
+	class: "truncate"
+}, tn = [
+	"id",
+	"aria-labelledby",
+	"aria-activedescendant"
+], nn = { class: "border-0 p-2" }, rn = {
+	key: 0,
+	class: "my-1 border-t border-solid border-gray-100"
+}, an = [
+	"id",
+	"data-option-index",
+	"aria-selected",
+	"disabled",
+	"onMouseenter",
+	"onClick"
+], on = { class: "inline-flex items-center gap-2" }, sn = { class: "min-w-0" }, cn = { class: "block truncate leading-5" }, ln = {
+	key: 0,
+	class: "block truncate text-xs text-muted"
+}, un = {
+	key: 1,
+	class: "px-3 py-2 text-sm text-muted"
+}, dn = {
+	key: 1,
+	class: "mt-1 space-y-1"
+}, fn = {
+	key: 0,
+	class: "text-xs text-danger"
+}, pn = /* @__PURE__ */ h({
+	__name: "HLSelect",
+	props: /* @__PURE__ */ b({
+		id: { default: "" },
+		label: { default: "" },
+		description: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		error: { default: "" },
+		errors: { default: () => [] },
+		placeholder: { default: "Select an option" },
+		options: { default: () => [] },
+		labelClass: { default: "" },
+		inputClass: { default: "" },
+		optionClass: { default: "" },
+		size: { default: "md" },
+		color: {},
+		maxMenuHeight: { default: 280 },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		maxVisiblePills: { default: 1 },
+		allowCreateWhenNoMatch: {
+			type: Boolean,
+			default: !1
+		},
+		noBorder: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ b([
+		"change",
+		"create",
+		"open",
+		"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 = {
+			primary: "border-primary focus:border-primary",
+			secondary: "border-secondary focus:border-secondary",
+			tertiary: "border-tertiary focus:border-tertiary",
+			success: "border-success focus:border-success",
+			danger: "border-danger focus:border-danger",
+			warning: "border-warning focus:border-warning",
+			info: "border-info focus:border-info",
+			light: "border-muted focus:border-secondary",
+			dark: "border-dark focus:border-dark",
+			muted: "border-muted focus:border-muted"
+		}, z = {
+			primary: "text-primary",
+			secondary: "text-secondary",
+			tertiary: "text-tertiary",
+			success: "text-success",
+			danger: "text-danger",
+			warning: "text-warning",
+			info: "text-info",
+			light: "text-dark",
+			dark: "text-dark",
+			muted: "text-muted"
+		}, ue = {
+			primary: "bg-primary border-primary text-white",
+			secondary: "bg-secondary border-secondary text-white",
+			tertiary: "bg-tertiary border-tertiary text-dark",
+			success: "bg-success border-success text-white",
+			danger: "bg-danger border-danger text-white",
+			warning: "bg-warning border-warning text-dark",
+			info: "bg-info border-info text-white",
+			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"
+		};
+		function pe(e) {
+			return typeof e == "string" && Object.prototype.hasOwnProperty.call(le, e);
+		}
+		function me(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 ge(e) {
+			g.value = me(e), te(e);
+		}
+		function _e(e) {
+			let t = me(e);
+			if (!t) {
+				_.value = null;
+				return;
+			}
+			if (t instanceof HTMLInputElement) {
+				_.value = t;
+				return;
+			}
+			_.value = t.querySelector("input");
+		}
+		function B(e) {
+			return Object.prototype.toString.call(e) === "[object Object]";
+		}
+		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) => 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) => ve(e[n], t[n])) : !1;
+			}
+			return !1;
+		}
+		function ye(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);
+			});
+		}
+		function be(e, t) {
+			return ve(e, t) ? !0 : B(e) && B(t) ? ye(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 xe(e, t) {
+			return `${e.label}-${H(e.value)}-${t}`;
+		}
+		function Se(e) {
+			return `${oe.value}-option-${e}`;
+		}
+		let Ce = o(() => {
+			let t = /* @__PURE__ */ new Map();
+			for (let n of [...e.options, ...y.value]) t.set(H(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(() => {
+			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;
+			let t = [], n = [];
+			for (let e of Me.value) q(e) ? t.push(e) : n.push(e);
+			return [...t, ...n];
+		}), Ne = 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(() => ({
+			...re.value,
+			width: b.value > 0 ? `${b.value}px` : void 0,
+			maxHeight: `${e.maxMenuHeight}px`,
+			zIndex: 60
+		})), K = 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 {
+				"--hl-select-option-hover-bg": "#f9fafb",
+				"--hl-select-option-highlight-bg": "#f3f4f6"
+			};
+			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 q(e) {
+			return we.value.some((t) => be(e.value, t));
+		}
+		function Ve(e) {
+			d.value = e, f("change", e);
+		}
+		function He() {
+			let e = [];
+			return W.value.forEach((t, n) => {
+				t.disabled || e.push(n);
+			}), e;
+		}
+		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 J(e) {
+			x.value = e, S(() => {
+				Ue();
+			});
+		}
+		function We() {
+			let e = He();
+			if (e.length === 0) {
+				J(-1);
+				return;
+			}
+			let t = W.value.findIndex((e) => !e.disabled && q(e));
+			J(t >= 0 ? t : e[0]);
+		}
+		function Ge(e) {
+			let t = He();
+			if (t.length === 0) {
+				J(-1);
+				return;
+			}
+			if (x.value < 0) {
+				J(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]);
+				return;
+			}
+			J(t[(n + e + t.length) % t.length]);
+		}
+		function Ke() {
+			if (x.value < 0) return;
+			let e = W.value[x.value];
+			!e || e.disabled || qe(e);
+		}
+		function qe(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]);
+					return;
+				}
+				Ve(t.value), A();
+			}
+		}
+		function Je() {
+			Ve(e.multiple ? [] : null), v.value = "", A();
+		}
+		function Ye(e) {
+			return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+		}
+		function Xe() {
+			let t = v.value.trim();
+			if (!t || !K.value) return;
+			let n = {
+				label: t,
+				value: Ye(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 = "";
+				return;
+			}
+			Ve(n), v.value = "", A();
+		}
+		function Ze() {
+			b.value = h.value?.offsetWidth ?? 0;
+		}
+		function $e() {
+			e.disabled || ne();
+		}
+		function et(t) {
+			if (!e.disabled) {
+				if (t.key === "Escape") {
+					A();
+					return;
+				}
+				if (t.key === "ArrowDown") {
+					if (t.preventDefault(), !O.value) {
+						M();
+						return;
+					}
+					Ge(1);
+					return;
+				}
+				if (t.key === "ArrowUp") {
+					if (t.preventDefault(), !O.value) {
+						M();
+						return;
+					}
+					Ge(-1);
+					return;
+				}
+				(t.key === "Enter" || t.key === " ") && (t.preventDefault(), ne());
+			}
+		}
+		function tt(e) {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), Ge(1);
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), Ge(-1);
+				return;
+			}
+			if (e.key === "Enter") {
+				if (e.preventDefault(), x.value >= 0) {
+					Ke();
+					return;
+				}
+				K.value && Xe();
+				return;
+			}
+			e.key === "Escape" && (e.preventDefault(), A());
+		}
+		function nt(e) {
+			if (!O.value) return;
+			let t = e.target;
+			t instanceof Node && (g.value?.contains(t) ?? !1) && tt(e);
+		}
+		function rt(e) {
+			W.value[e]?.disabled || J(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: Je }), R(() => e.disabled, (e) => {
+			e && A();
+		}), R(O, async (e) => {
+			if (e) {
+				f("open"), await S(), Ze(), await ie(), We(), _.value?.focus({ preventScroll: !0 });
+				return;
+			}
+			f("close"), v.value = "", x.value = -1;
+		}), R(W, () => {
+			if (O.value) {
+				if (x.value < 0 || x.value >= W.value.length || W.value[x.value]?.disabled) {
+					We();
+					return;
+				}
+				S(() => {
+					Ue();
+				});
+			}
+		}), T(() => {
+			Ze(), window.addEventListener("resize", Ze), document.addEventListener("pointerdown", it), document.addEventListener("keydown", nt, !0);
+		}), ee(() => {
+			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 hanaplabstoolkit-font"
+		}, [
+			e.label || e.description ? (D(), s(Re, {
+				key: 0,
+				label: e.label,
+				description: e.description,
+				"label-id": e.label ? se.value : "",
+				required: e.required,
+				"label-class": e.labelClass
+			}, null, 8, [
+				"label",
+				"description",
+				"label-id",
+				"required",
+				"label-class"
+			])) : c("", !0),
+			u("div", Xt, [
+				u("button", {
+					id: ae.value,
+					ref: he,
+					type: "button",
+					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,
+						e.inputClass,
+						ke.value ? "border-danger focus:border-danger" : Fe.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": oe.value,
+					"aria-labelledby": e.label ? se.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", {
+					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, {
+					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, {
+					name: "chevron-up-down",
+					size: 20,
+					decorative: !0
+				})], 2),
+				(D(), s(i, { to: "body" }, [F(O) ? (D(), l("div", {
+					key: 0,
+					ref: ge,
+					class: "overflow-hidden rounded-md bg-white border border-gray-200 border-solid shadow-none",
+					style: w(G.value),
+					id: oe.value,
+					role: "listbox",
+					"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",
+					placeholder: "Search...",
+					disabled: e.disabled
+				}, 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", {
+					type: "button",
+					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 && !q(t),
+							"font-medium": q(t),
+							"hover:bg-[var(--hl-select-option-hover-bg)]": !t.disabled
+						},
+						!t.disabled && q(t) ? Ie.value : ""
+					]]),
+					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) => 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]", 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)])]), q(t) && !e.multiple ? (D(), l("span", {
+					key: 0,
+					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)), 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: 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)]))
+			]),
+			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)
+		], 512));
+	}
+}), mn = /* @__PURE__ */ h({
+	__name: "HLSkeleton",
+	props: { class: { default: "" } },
+	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 = {
+	key: 0,
+	class: "flex flex-wrap items-center justify-between gap-3"
+}, _n = { class: "relative overflow-x-auto" }, vn = {
+	class: "inline-flex min-w-full justify-start gap-2 rounded-xl border border-solid border-tertiary bg-secondary p-1",
+	role: "tablist",
+	"aria-label": "Tabs"
+}, yn = [
+	"id",
+	"aria-selected",
+	"aria-controls",
+	"disabled",
+	"onClick"
+], bn = ["id", "aria-labelledby"], xn = /* @__PURE__ */ h({
+	__name: "HLTabs",
+	props: /* @__PURE__ */ b({ items: { default: () => [] } }, {
+		active: { default: "" },
+		activeModifiers: {}
+	}),
+	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({
+			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(() => {
+			if (!a.value.length) {
+				d.value = "";
+				return;
+			}
+			a.value.some((e) => e.value === d.value) || (d.value = a.value[0].value);
+		});
+		function g(t) {
+			let n = e.items.find((e) => e.value === t);
+			!n || n.disabled || (d.value = t);
+		}
+		function _(e) {
+			return `${m.value}-tab-${e}`;
+		}
+		function v(e) {
+			return `${m.value}-panel-${e}`;
+		}
+		return (t, n) => (D(), l("div", hn, [
+			t.$slots.header ? (D(), l("div", gn, [M(t.$slots, "header")])) : c("", !0),
+			u("div", _n, [u("div", vn, [(D(!0), l(r, null, j(e.items, (e) => (D(), l("button", {
+				id: _(e.value),
+				key: e.value,
+				type: "button",
+				role: "tab",
+				class: C(["relative inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm font-semibold hl-color-transition hl-no-focus-ring", e.disabled ? "cursor-not-allowed opacity-50" : d.value === e.value ? "bg-primary text-light" : "cursor-pointer text-muted hover:bg-tertiary hover:text-dark"]),
+				"aria-selected": d.value === e.value,
+				"aria-controls": v(e.value),
+				disabled: e.disabled,
+				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, {
+					key: 0,
+					name: e.icon,
+					class: "size-4",
+					decorative: !0
+				}, null, 8, ["name"])) : c("", !0),
+				f(" " + N(e.label), 1)
+			], 10, yn))), 128))])]),
+			d.value ? (D(), l("div", {
+				key: 1,
+				id: v(d.value),
+				role: "tabpanel",
+				"aria-labelledby": h.value,
+				class: "px-1"
+			}, [M(t.$slots, "default", { active: d.value })], 8, bn)) : c("", !0)
+		]));
+	}
+});
+//#endregion
+//#region node_modules/@tanstack/table-core/build/lib/index.mjs
+function Sn() {
+	return {
+		accessor: (e, t) => typeof e == "function" ? {
+			...t,
+			accessorFn: e
+		} : {
+			...t,
+			accessorKey: e
+		},
+		display: (e) => e,
+		group: (e) => e
+	};
+}
+function Cn(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Y(e, t) {
+	return (n) => {
+		t.setState((t) => ({
+			...t,
+			[e]: Cn(n, t[e])
+		}));
+	};
+}
+function wn(e) {
+	return e instanceof Function;
+}
+function Tn(e) {
+	return Array.isArray(e) && e.every((e) => typeof e == "number");
+}
+function En(e, t) {
+	let n = [], r = (e) => {
+		e.forEach((e) => {
+			n.push(e);
+			let i = t(e);
+			i != null && i.length && r(i);
+		});
+	};
+	return r(e), n;
+}
+function X(e, t, n) {
+	let r = [], i;
+	return (a) => {
+		let o;
+		n.key && n.debug && (o = Date.now());
+		let s = e(a);
+		if (!(s.length !== r.length || s.some((e, t) => r[t] !== e))) return i;
+		r = s;
+		let c;
+		if (n.key && n.debug && (c = Date.now()), i = t(...s), n == null || n.onChange == null || n.onChange(i), n.key && n.debug && n != null && n.debug()) {
+			let e = Math.round((Date.now() - o) * 100) / 100, t = Math.round((Date.now() - c) * 100) / 100, r = t / 16, i = (e, t) => {
+				for (e = String(e); e.length < t;) e = " " + e;
+				return e;
+			};
+			console.info(`%c⏱ ${i(t, 5)} /${i(e, 5)} ms`, `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(0, Math.min(120 - 120 * r, 120))}deg 100% 31%);`, n?.key);
+		}
+		return i;
+	};
+}
+function Z(e, t, n, r) {
+	return {
+		debug: () => e?.debugAll ?? e[t],
+		key: process.env.NODE_ENV === "development" && n,
+		onChange: r
+	};
+}
+function Dn(e, t, n, r) {
+	let i = {
+		id: `${t.id}_${n.id}`,
+		row: t,
+		column: n,
+		getValue: () => t.getValue(r),
+		renderValue: () => i.getValue() ?? e.options.renderFallbackValue,
+		getContext: X(() => [
+			e,
+			n,
+			t,
+			i
+		], (e, t, n, r) => ({
+			table: e,
+			column: t,
+			row: n,
+			cell: r,
+			getValue: r.getValue,
+			renderValue: r.renderValue
+		}), Z(e.options, "debugCells", "cell.getContext"))
+	};
+	return e._features.forEach((r) => {
+		r.createCell == null || r.createCell(i, n, t, e);
+	}, {}), i;
+}
+function On(e, t, n, r) {
+	let i = {
+		...e._getDefaultColumnDef(),
+		...t
+	}, a = i.accessorKey, o = i.id ?? (a ? typeof String.prototype.replaceAll == "function" ? a.replaceAll(".", "_") : a.replace(/\./g, "_") : void 0) ?? (typeof i.header == "string" ? i.header : void 0), s;
+	if (i.accessorFn ? s = i.accessorFn : a && (s = a.includes(".") ? (e) => {
+		let t = e;
+		for (let e of a.split(".")) t = t?.[e], process.env.NODE_ENV !== "production" && t === void 0 && console.warn(`"${e}" in deeply nested key "${a}" returned undefined.`);
+		return t;
+	} : (e) => e[i.accessorKey]), !o) throw process.env.NODE_ENV === "production" ? Error() : Error(i.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header");
+	let c = {
+		id: `${String(o)}`,
+		accessorFn: s,
+		parent: r,
+		depth: n,
+		columnDef: i,
+		columns: [],
+		getFlatColumns: X(() => [!0], () => [c, ...c.columns?.flatMap((e) => e.getFlatColumns())], Z(e.options, "debugColumns", "column.getFlatColumns")),
+		getLeafColumns: X(() => [e._getOrderColumnsFn()], (e) => {
+			var t;
+			return (t = c.columns) != null && t.length ? e(c.columns.flatMap((e) => e.getLeafColumns())) : [c];
+		}, Z(e.options, "debugColumns", "column.getLeafColumns"))
+	};
+	for (let t of e._features) t.createColumn == null || t.createColumn(c, e);
+	return c;
+}
+var Q = "debugHeaders";
+function kn(e, t, n) {
+	let r = {
+		id: n.id ?? t.id,
+		column: t,
+		index: n.index,
+		isPlaceholder: !!n.isPlaceholder,
+		placeholderId: n.placeholderId,
+		depth: n.depth,
+		subHeaders: [],
+		colSpan: 0,
+		rowSpan: 0,
+		headerGroup: null,
+		getLeafHeaders: () => {
+			let e = [], t = (n) => {
+				n.subHeaders && n.subHeaders.length && n.subHeaders.map(t), e.push(n);
+			};
+			return t(r), e;
+		},
+		getContext: () => ({
+			table: e,
+			header: r,
+			column: t
+		})
+	};
+	return e._features.forEach((t) => {
+		t.createHeader == null || t.createHeader(r, e);
+	}), r;
+}
+var An = { createTable: (e) => {
+	e.getHeaderGroups = X(() => [
+		e.getAllColumns(),
+		e.getVisibleLeafColumns(),
+		e.getState().columnPinning.left,
+		e.getState().columnPinning.right
+	], (t, n, r, i) => {
+		let a = r?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], o = i?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], s = n.filter((e) => !(r != null && r.includes(e.id)) && !(i != null && i.includes(e.id)));
+		return jn(t, [
+			...a,
+			...s,
+			...o
+		], e);
+	}, Z(e.options, Q, "getHeaderGroups")), e.getCenterHeaderGroups = X(() => [
+		e.getAllColumns(),
+		e.getVisibleLeafColumns(),
+		e.getState().columnPinning.left,
+		e.getState().columnPinning.right
+	], (t, n, r, i) => (n = n.filter((e) => !(r != null && r.includes(e.id)) && !(i != null && i.includes(e.id))), jn(t, n, e, "center")), Z(e.options, Q, "getCenterHeaderGroups")), e.getLeftHeaderGroups = X(() => [
+		e.getAllColumns(),
+		e.getVisibleLeafColumns(),
+		e.getState().columnPinning.left
+	], (t, n, r) => jn(t, r?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], e, "left"), Z(e.options, Q, "getLeftHeaderGroups")), e.getRightHeaderGroups = X(() => [
+		e.getAllColumns(),
+		e.getVisibleLeafColumns(),
+		e.getState().columnPinning.right
+	], (t, n, r) => jn(t, r?.map((e) => n.find((t) => t.id === e)).filter(Boolean) ?? [], e, "right"), Z(e.options, Q, "getRightHeaderGroups")), e.getFooterGroups = X(() => [e.getHeaderGroups()], (e) => [...e].reverse(), Z(e.options, Q, "getFooterGroups")), e.getLeftFooterGroups = X(() => [e.getLeftHeaderGroups()], (e) => [...e].reverse(), Z(e.options, Q, "getLeftFooterGroups")), e.getCenterFooterGroups = X(() => [e.getCenterHeaderGroups()], (e) => [...e].reverse(), Z(e.options, Q, "getCenterFooterGroups")), e.getRightFooterGroups = X(() => [e.getRightHeaderGroups()], (e) => [...e].reverse(), Z(e.options, Q, "getRightFooterGroups")), e.getFlatHeaders = X(() => [e.getHeaderGroups()], (e) => e.map((e) => e.headers).flat(), Z(e.options, Q, "getFlatHeaders")), e.getLeftFlatHeaders = X(() => [e.getLeftHeaderGroups()], (e) => e.map((e) => e.headers).flat(), Z(e.options, Q, "getLeftFlatHeaders")), e.getCenterFlatHeaders = X(() => [e.getCenterHeaderGroups()], (e) => e.map((e) => e.headers).flat(), Z(e.options, Q, "getCenterFlatHeaders")), e.getRightFlatHeaders = X(() => [e.getRightHeaderGroups()], (e) => e.map((e) => e.headers).flat(), Z(e.options, Q, "getRightFlatHeaders")), e.getCenterLeafHeaders = X(() => [e.getCenterFlatHeaders()], (e) => e.filter((e) => {
+		var t;
+		return !((t = e.subHeaders) != null && t.length);
+	}), Z(e.options, Q, "getCenterLeafHeaders")), e.getLeftLeafHeaders = X(() => [e.getLeftFlatHeaders()], (e) => e.filter((e) => {
+		var t;
+		return !((t = e.subHeaders) != null && t.length);
+	}), Z(e.options, Q, "getLeftLeafHeaders")), e.getRightLeafHeaders = X(() => [e.getRightFlatHeaders()], (e) => e.filter((e) => {
+		var t;
+		return !((t = e.subHeaders) != null && t.length);
+	}), Z(e.options, Q, "getRightLeafHeaders")), e.getLeafHeaders = X(() => [
+		e.getLeftHeaderGroups(),
+		e.getCenterHeaderGroups(),
+		e.getRightHeaderGroups()
+	], (e, t, n) => [
+		...e[0]?.headers ?? [],
+		...t[0]?.headers ?? [],
+		...n[0]?.headers ?? []
+	].map((e) => e.getLeafHeaders()).flat(), Z(e.options, Q, "getLeafHeaders"));
+} };
+function jn(e, t, n, r) {
+	let i = 0, a = function(e, t) {
+		t === void 0 && (t = 1), i = Math.max(i, t), e.filter((e) => e.getIsVisible()).forEach((e) => {
+			var n;
+			(n = e.columns) != null && n.length && a(e.columns, t + 1);
+		}, 0);
+	};
+	a(e);
+	let o = [], s = (e, t) => {
+		let i = {
+			depth: t,
+			id: [r, `${t}`].filter(Boolean).join("_"),
+			headers: []
+		}, a = [];
+		e.forEach((e) => {
+			let o = [...a].reverse()[0], s = e.column.depth === i.depth, c, l = !1;
+			if (s && e.column.parent ? c = e.column.parent : (c = e.column, l = !0), o && o?.column === c) o.subHeaders.push(e);
+			else {
+				let i = kn(n, c, {
+					id: [
+						r,
+						t,
+						c.id,
+						e?.id
+					].filter(Boolean).join("_"),
+					isPlaceholder: l,
+					placeholderId: l ? `${a.filter((e) => e.column === c).length}` : void 0,
+					depth: t,
+					index: a.length
+				});
+				i.subHeaders.push(e), a.push(i);
+			}
+			i.headers.push(e), e.headerGroup = i;
+		}), o.push(i), t > 0 && s(a, t - 1);
+	};
+	s(t.map((e, t) => kn(n, e, {
+		depth: i,
+		index: t
+	})), i - 1), o.reverse();
+	let c = (e) => e.filter((e) => e.column.getIsVisible()).map((e) => {
+		let t = 0, n = 0, r = [0];
+		e.subHeaders && e.subHeaders.length ? (r = [], c(e.subHeaders).forEach((e) => {
+			let { colSpan: n, rowSpan: i } = e;
+			t += n, r.push(i);
+		})) : t = 1;
+		let i = Math.min(...r);
+		return n += i, e.colSpan = t, e.rowSpan = n, {
+			colSpan: t,
+			rowSpan: n
+		};
+	});
+	return c(o[0]?.headers ?? []), o;
+}
+var Mn = (e, t, n, r, i, a, o) => {
+	let s = {
+		id: t,
+		index: r,
+		original: n,
+		depth: i,
+		parentId: o,
+		_valuesCache: {},
+		_uniqueValuesCache: {},
+		getValue: (t) => {
+			if (s._valuesCache.hasOwnProperty(t)) return s._valuesCache[t];
+			let n = e.getColumn(t);
+			if (n != null && n.accessorFn) return s._valuesCache[t] = n.accessorFn(s.original, r), s._valuesCache[t];
+		},
+		getUniqueValues: (t) => {
+			if (s._uniqueValuesCache.hasOwnProperty(t)) return s._uniqueValuesCache[t];
+			let n = e.getColumn(t);
+			if (n != null && n.accessorFn) return n.columnDef.getUniqueValues ? (s._uniqueValuesCache[t] = n.columnDef.getUniqueValues(s.original, r), s._uniqueValuesCache[t]) : (s._uniqueValuesCache[t] = [s.getValue(t)], s._uniqueValuesCache[t]);
+		},
+		renderValue: (t) => s.getValue(t) ?? e.options.renderFallbackValue,
+		subRows: a ?? [],
+		getLeafRows: () => En(s.subRows, (e) => e.subRows),
+		getParentRow: () => s.parentId ? e.getRow(s.parentId, !0) : void 0,
+		getParentRows: () => {
+			let e = [], t = s;
+			for (;;) {
+				let n = t.getParentRow();
+				if (!n) break;
+				e.push(n), t = n;
+			}
+			return e.reverse();
+		},
+		getAllCells: X(() => [e.getAllLeafColumns()], (t) => t.map((t) => Dn(e, s, t, t.id)), Z(e.options, "debugRows", "getAllCells")),
+		_getAllCellsByColumnId: X(() => [s.getAllCells()], (e) => e.reduce((e, t) => (e[t.column.id] = t, e), {}), Z(e.options, "debugRows", "getAllCellsByColumnId"))
+	};
+	for (let t = 0; t < e._features.length; t++) {
+		let n = e._features[t];
+		n == null || n.createRow == null || n.createRow(s, e);
+	}
+	return s;
+}, Nn = { createColumn: (e, t) => {
+	e._getFacetedRowModel = t.options.getFacetedRowModel && t.options.getFacetedRowModel(t, e.id), e.getFacetedRowModel = () => e._getFacetedRowModel ? e._getFacetedRowModel() : t.getPreFilteredRowModel(), e._getFacetedUniqueValues = t.options.getFacetedUniqueValues && t.options.getFacetedUniqueValues(t, e.id), e.getFacetedUniqueValues = () => e._getFacetedUniqueValues ? e._getFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getFacetedMinMaxValues = t.options.getFacetedMinMaxValues && t.options.getFacetedMinMaxValues(t, e.id), e.getFacetedMinMaxValues = () => {
+		if (e._getFacetedMinMaxValues) return e._getFacetedMinMaxValues();
+	};
+} }, Pn = (e, t, n) => {
+	var r, i;
+	let a = n == null || (r = n.toString()) == null ? void 0 : r.toLowerCase();
+	return !!(!((i = e.getValue(t)) == null || (i = i.toString()) == null || (i = i.toLowerCase()) == null) && i.includes(a));
+};
+Pn.autoRemove = (e) => $(e);
+var Fn = (e, t, n) => {
+	var r;
+	return !!(!((r = e.getValue(t)) == null || (r = r.toString()) == null) && r.includes(n));
+};
+Fn.autoRemove = (e) => $(e);
+var In = (e, t, n) => {
+	var r;
+	return ((r = e.getValue(t)) == null || (r = r.toString()) == null ? void 0 : r.toLowerCase()) === n?.toLowerCase();
+};
+In.autoRemove = (e) => $(e);
+var Ln = (e, t, n) => e.getValue(t)?.includes(n);
+Ln.autoRemove = (e) => $(e);
+var Rn = (e, t, n) => !n.some((n) => {
+	var r;
+	return !((r = e.getValue(t)) != null && r.includes(n));
+});
+Rn.autoRemove = (e) => $(e) || !(e != null && e.length);
+var zn = (e, t, n) => n.some((n) => e.getValue(t)?.includes(n));
+zn.autoRemove = (e) => $(e) || !(e != null && e.length);
+var Bn = (e, t, n) => e.getValue(t) === n;
+Bn.autoRemove = (e) => $(e);
+var Vn = (e, t, n) => e.getValue(t) == n;
+Vn.autoRemove = (e) => $(e);
+var Hn = (e, t, n) => {
+	let [r, i] = n, a = e.getValue(t);
+	return a >= r && a <= i;
+};
+Hn.resolveFilterValue = (e) => {
+	let [t, n] = e, r = typeof t == "number" ? t : parseFloat(t), i = typeof n == "number" ? n : parseFloat(n), a = t === null || Number.isNaN(r) ? -Infinity : r, o = n === null || Number.isNaN(i) ? Infinity : i;
+	if (a > o) {
+		let e = a;
+		a = o, o = e;
+	}
+	return [a, o];
+}, Hn.autoRemove = (e) => $(e) || $(e[0]) && $(e[1]);
+var Un = {
+	includesString: Pn,
+	includesStringSensitive: Fn,
+	equalsString: In,
+	arrIncludes: Ln,
+	arrIncludesAll: Rn,
+	arrIncludesSome: zn,
+	equals: Bn,
+	weakEquals: Vn,
+	inNumberRange: Hn
+};
+function $(e) {
+	return e == null || e === "";
+}
+var Wn = {
+	getDefaultColumnDef: () => ({ filterFn: "auto" }),
+	getInitialState: (e) => ({
+		columnFilters: [],
+		...e
+	}),
+	getDefaultOptions: (e) => ({
+		onColumnFiltersChange: Y("columnFilters", e),
+		filterFromLeafRows: !1,
+		maxLeafRowFilterDepth: 100
+	}),
+	createColumn: (e, t) => {
+		e.getAutoFilterFn = () => {
+			let n = t.getCoreRowModel().flatRows[0]?.getValue(e.id);
+			return typeof n == "string" ? Un.includesString : typeof n == "number" ? Un.inNumberRange : typeof n == "boolean" || typeof n == "object" && n ? Un.equals : Array.isArray(n) ? Un.arrIncludes : Un.weakEquals;
+		}, e.getFilterFn = () => wn(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : t.options.filterFns?.[e.columnDef.filterFn] ?? Un[e.columnDef.filterFn], e.getCanFilter = () => (e.columnDef.enableColumnFilter ?? !0) && (t.options.enableColumnFilters ?? !0) && (t.options.enableFilters ?? !0) && !!e.accessorFn, e.getIsFiltered = () => e.getFilterIndex() > -1, e.getFilterValue = () => {
+			var n;
+			return (n = t.getState().columnFilters) == null || (n = n.find((t) => t.id === e.id)) == null ? void 0 : n.value;
+		}, e.getFilterIndex = () => t.getState().columnFilters?.findIndex((t) => t.id === e.id) ?? -1, e.setFilterValue = (n) => {
+			t.setColumnFilters((t) => {
+				let r = e.getFilterFn(), i = t?.find((t) => t.id === e.id), a = Cn(n, i ? i.value : void 0);
+				if (Gn(r, a, e)) return t?.filter((t) => t.id !== e.id) ?? [];
+				let o = {
+					id: e.id,
+					value: a
+				};
+				return i ? t?.map((t) => t.id === e.id ? o : t) ?? [] : t != null && t.length ? [...t, o] : [o];
+			});
+		};
+	},
+	createRow: (e, t) => {
+		e.columnFilters = {}, e.columnFiltersMeta = {};
+	},
+	createTable: (e) => {
+		e.setColumnFilters = (t) => {
+			let n = e.getAllLeafColumns();
+			e.options.onColumnFiltersChange == null || e.options.onColumnFiltersChange((e) => Cn(t, e)?.filter((e) => {
+				let t = n.find((t) => t.id === e.id);
+				return !(t && Gn(t.getFilterFn(), e.value, t));
+			}));
+		}, e.resetColumnFilters = (t) => {
+			e.setColumnFilters(t ? [] : e.initialState?.columnFilters ?? []);
+		}, e.getPreFilteredRowModel = () => e.getCoreRowModel(), e.getFilteredRowModel = () => (!e._getFilteredRowModel && e.options.getFilteredRowModel && (e._getFilteredRowModel = e.options.getFilteredRowModel(e)), e.options.manualFiltering || !e._getFilteredRowModel ? e.getPreFilteredRowModel() : e._getFilteredRowModel());
+	}
+};
+function Gn(e, t, n) {
+	return (e && e.autoRemove ? e.autoRemove(t, n) : !1) || t === void 0 || typeof t == "string" && !t;
+}
+var Kn = {
+	sum: (e, t, n) => n.reduce((t, n) => {
+		let r = n.getValue(e);
+		return t + (typeof r == "number" ? r : 0);
+	}, 0),
+	min: (e, t, n) => {
+		let r;
+		return n.forEach((t) => {
+			let n = t.getValue(e);
+			n != null && (r > n || r === void 0 && n >= n) && (r = n);
+		}), r;
+	},
+	max: (e, t, n) => {
+		let r;
+		return n.forEach((t) => {
+			let n = t.getValue(e);
+			n != null && (r < n || r === void 0 && n >= n) && (r = n);
+		}), r;
+	},
+	extent: (e, t, n) => {
+		let r, i;
+		return n.forEach((t) => {
+			let n = t.getValue(e);
+			n != null && (r === void 0 ? n >= n && (r = i = n) : (r > n && (r = n), i < n && (i = n)));
+		}), [r, i];
+	},
+	mean: (e, t) => {
+		let n = 0, r = 0;
+		if (t.forEach((t) => {
+			let i = t.getValue(e);
+			i != null && (i = +i) >= i && (++n, r += i);
+		}), n) return r / n;
+	},
+	median: (e, t) => {
+		if (!t.length) return;
+		let n = t.map((t) => t.getValue(e));
+		if (!Tn(n)) return;
+		if (n.length === 1) return n[0];
+		let r = Math.floor(n.length / 2), i = n.sort((e, t) => e - t);
+		return n.length % 2 == 0 ? (i[r - 1] + i[r]) / 2 : i[r];
+	},
+	unique: (e, t) => Array.from(new Set(t.map((t) => t.getValue(e))).values()),
+	uniqueCount: (e, t) => new Set(t.map((t) => t.getValue(e))).size,
+	count: (e, t) => t.length
+}, qn = {
+	getDefaultColumnDef: () => ({
+		aggregatedCell: (e) => {
+			var t;
+			return ((t = e.getValue()) == null || t.toString == null ? void 0 : t.toString()) ?? null;
+		},
+		aggregationFn: "auto"
+	}),
+	getInitialState: (e) => ({
+		grouping: [],
+		...e
+	}),
+	getDefaultOptions: (e) => ({
+		onGroupingChange: Y("grouping", e),
+		groupedColumnMode: "reorder"
+	}),
+	createColumn: (e, t) => {
+		e.toggleGrouping = () => {
+			t.setGrouping((t) => t != null && t.includes(e.id) ? t.filter((t) => t !== e.id) : [...t ?? [], e.id]);
+		}, e.getCanGroup = () => (e.columnDef.enableGrouping ?? !0) && (t.options.enableGrouping ?? !0) && (!!e.accessorFn || !!e.columnDef.getGroupingValue), e.getIsGrouped = () => t.getState().grouping?.includes(e.id), e.getGroupedIndex = () => t.getState().grouping?.indexOf(e.id), e.getToggleGroupingHandler = () => {
+			let t = e.getCanGroup();
+			return () => {
+				t && e.toggleGrouping();
+			};
+		}, e.getAutoAggregationFn = () => {
+			let n = t.getCoreRowModel().flatRows[0]?.getValue(e.id);
+			if (typeof n == "number") return Kn.sum;
+			if (Object.prototype.toString.call(n) === "[object Date]") return Kn.extent;
+		}, e.getAggregationFn = () => {
+			if (!e) throw Error();
+			return wn(e.columnDef.aggregationFn) ? e.columnDef.aggregationFn : e.columnDef.aggregationFn === "auto" ? e.getAutoAggregationFn() : t.options.aggregationFns?.[e.columnDef.aggregationFn] ?? Kn[e.columnDef.aggregationFn];
+		};
+	},
+	createTable: (e) => {
+		e.setGrouping = (t) => e.options.onGroupingChange == null ? void 0 : e.options.onGroupingChange(t), e.resetGrouping = (t) => {
+			e.setGrouping(t ? [] : e.initialState?.grouping ?? []);
+		}, e.getPreGroupedRowModel = () => e.getFilteredRowModel(), e.getGroupedRowModel = () => (!e._getGroupedRowModel && e.options.getGroupedRowModel && (e._getGroupedRowModel = e.options.getGroupedRowModel(e)), e.options.manualGrouping || !e._getGroupedRowModel ? e.getPreGroupedRowModel() : e._getGroupedRowModel());
+	},
+	createRow: (e, t) => {
+		e.getIsGrouped = () => !!e.groupingColumnId, e.getGroupingValue = (n) => {
+			if (e._groupingValuesCache.hasOwnProperty(n)) return e._groupingValuesCache[n];
+			let r = t.getColumn(n);
+			return r != null && r.columnDef.getGroupingValue ? (e._groupingValuesCache[n] = r.columnDef.getGroupingValue(e.original), e._groupingValuesCache[n]) : e.getValue(n);
+		}, e._groupingValuesCache = {};
+	},
+	createCell: (e, t, n, r) => {
+		e.getIsGrouped = () => t.getIsGrouped() && t.id === n.groupingColumnId, e.getIsPlaceholder = () => !e.getIsGrouped() && t.getIsGrouped(), e.getIsAggregated = () => {
+			var t;
+			return !e.getIsGrouped() && !e.getIsPlaceholder() && !!((t = n.subRows) != null && t.length);
+		};
+	}
+};
+function Jn(e, t, n) {
+	if (!(t != null && t.length) || !n) return e;
+	let r = e.filter((e) => !t.includes(e.id));
+	return n === "remove" ? r : [...t.map((t) => e.find((e) => e.id === t)).filter(Boolean), ...r];
+}
+var Yn = {
+	getInitialState: (e) => ({
+		columnOrder: [],
+		...e
+	}),
+	getDefaultOptions: (e) => ({ onColumnOrderChange: Y("columnOrder", e) }),
+	createColumn: (e, t) => {
+		e.getIndex = X((e) => [or(t, e)], (t) => t.findIndex((t) => t.id === e.id), Z(t.options, "debugColumns", "getIndex")), e.getIsFirstColumn = (n) => or(t, n)[0]?.id === e.id, e.getIsLastColumn = (n) => {
+			let r = or(t, n);
+			return r[r.length - 1]?.id === e.id;
+		};
+	},
+	createTable: (e) => {
+		e.setColumnOrder = (t) => e.options.onColumnOrderChange == null ? void 0 : e.options.onColumnOrderChange(t), e.resetColumnOrder = (t) => {
+			e.setColumnOrder(t ? [] : e.initialState.columnOrder ?? []);
+		}, e._getOrderColumnsFn = X(() => [
+			e.getState().columnOrder,
+			e.getState().grouping,
+			e.options.groupedColumnMode
+		], (e, t, n) => (r) => {
+			let i = [];
+			if (!(e != null && e.length)) i = r;
+			else {
+				let t = [...e], n = [...r];
+				for (; n.length && t.length;) {
+					let e = t.shift(), r = n.findIndex((t) => t.id === e);
+					r > -1 && i.push(n.splice(r, 1)[0]);
+				}
+				i = [...i, ...n];
+			}
+			return Jn(i, t, n);
+		}, Z(e.options, "debugTable", "_getOrderColumnsFn"));
+	}
+}, Xn = () => ({
+	left: [],
+	right: []
+}), Zn = {
+	getInitialState: (e) => ({
+		columnPinning: Xn(),
+		...e
+	}),
+	getDefaultOptions: (e) => ({ onColumnPinningChange: Y("columnPinning", e) }),
+	createColumn: (e, t) => {
+		e.pin = (n) => {
+			let r = e.getLeafColumns().map((e) => e.id).filter(Boolean);
+			t.setColumnPinning((e) => n === "right" ? {
+				left: (e?.left ?? []).filter((e) => !(r != null && r.includes(e))),
+				right: [...(e?.right ?? []).filter((e) => !(r != null && r.includes(e))), ...r]
+			} : n === "left" ? {
+				left: [...(e?.left ?? []).filter((e) => !(r != null && r.includes(e))), ...r],
+				right: (e?.right ?? []).filter((e) => !(r != null && r.includes(e)))
+			} : {
+				left: (e?.left ?? []).filter((e) => !(r != null && r.includes(e))),
+				right: (e?.right ?? []).filter((e) => !(r != null && r.includes(e)))
+			});
+		}, e.getCanPin = () => e.getLeafColumns().some((e) => (e.columnDef.enablePinning ?? !0) && (t.options.enableColumnPinning ?? t.options.enablePinning ?? !0)), e.getIsPinned = () => {
+			let n = e.getLeafColumns().map((e) => e.id), { left: r, right: i } = t.getState().columnPinning, a = n.some((e) => r?.includes(e)), o = n.some((e) => i?.includes(e));
+			return a ? "left" : o ? "right" : !1;
+		}, e.getPinnedIndex = () => {
+			var n;
+			let r = e.getIsPinned();
+			return r ? ((n = t.getState().columnPinning) == null || (n = n[r]) == null ? void 0 : n.indexOf(e.id)) ?? -1 : 0;
+		};
+	},
+	createRow: (e, t) => {
+		e.getCenterVisibleCells = X(() => [
+			e._getAllVisibleCells(),
+			t.getState().columnPinning.left,
+			t.getState().columnPinning.right
+		], (e, t, n) => {
+			let r = [...t ?? [], ...n ?? []];
+			return e.filter((e) => !r.includes(e.column.id));
+		}, Z(t.options, "debugRows", "getCenterVisibleCells")), e.getLeftVisibleCells = X(() => [e._getAllVisibleCells(), t.getState().columnPinning.left], (e, t) => (t ?? []).map((t) => e.find((e) => e.column.id === t)).filter(Boolean).map((e) => ({
+			...e,
+			position: "left"
+		})), Z(t.options, "debugRows", "getLeftVisibleCells")), e.getRightVisibleCells = X(() => [e._getAllVisibleCells(), t.getState().columnPinning.right], (e, t) => (t ?? []).map((t) => e.find((e) => e.column.id === t)).filter(Boolean).map((e) => ({
+			...e,
+			position: "right"
+		})), Z(t.options, "debugRows", "getRightVisibleCells"));
+	},
+	createTable: (e) => {
+		e.setColumnPinning = (t) => e.options.onColumnPinningChange == null ? void 0 : e.options.onColumnPinningChange(t), e.resetColumnPinning = (t) => e.setColumnPinning(t ? Xn() : e.initialState?.columnPinning ?? Xn()), e.getIsSomeColumnsPinned = (t) => {
+			let n = e.getState().columnPinning;
+			return t ? !!n[t]?.length : !!(n.left?.length || n.right?.length);
+		}, e.getLeftLeafColumns = X(() => [e.getAllLeafColumns(), e.getState().columnPinning.left], (e, t) => (t ?? []).map((t) => e.find((e) => e.id === t)).filter(Boolean), Z(e.options, "debugColumns", "getLeftLeafColumns")), e.getRightLeafColumns = X(() => [e.getAllLeafColumns(), e.getState().columnPinning.right], (e, t) => (t ?? []).map((t) => e.find((e) => e.id === t)).filter(Boolean), Z(e.options, "debugColumns", "getRightLeafColumns")), e.getCenterLeafColumns = X(() => [
+			e.getAllLeafColumns(),
+			e.getState().columnPinning.left,
+			e.getState().columnPinning.right
+		], (e, t, n) => {
+			let r = [...t ?? [], ...n ?? []];
+			return e.filter((e) => !r.includes(e.id));
+		}, Z(e.options, "debugColumns", "getCenterLeafColumns"));
+	}
+};
+function Qn(e) {
+	return e || (typeof document < "u" ? document : null);
+}
+var $n = {
+	size: 150,
+	minSize: 20,
+	maxSize: 2 ** 53 - 1
+}, er = () => ({
+	startOffset: null,
+	startSize: null,
+	deltaOffset: null,
+	deltaPercentage: null,
+	isResizingColumn: !1,
+	columnSizingStart: []
+}), tr = {
+	getDefaultColumnDef: () => $n,
+	getInitialState: (e) => ({
+		columnSizing: {},
+		columnSizingInfo: er(),
+		...e
+	}),
+	getDefaultOptions: (e) => ({
+		columnResizeMode: "onEnd",
+		columnResizeDirection: "ltr",
+		onColumnSizingChange: Y("columnSizing", e),
+		onColumnSizingInfoChange: Y("columnSizingInfo", e)
+	}),
+	createColumn: (e, t) => {
+		e.getSize = () => {
+			let n = t.getState().columnSizing[e.id];
+			return Math.min(Math.max(e.columnDef.minSize ?? $n.minSize, n ?? e.columnDef.size ?? $n.size), e.columnDef.maxSize ?? $n.maxSize);
+		}, e.getStart = X((e) => [
+			e,
+			or(t, e),
+			t.getState().columnSizing
+		], (t, n) => n.slice(0, e.getIndex(t)).reduce((e, t) => e + t.getSize(), 0), Z(t.options, "debugColumns", "getStart")), e.getAfter = X((e) => [
+			e,
+			or(t, e),
+			t.getState().columnSizing
+		], (t, n) => n.slice(e.getIndex(t) + 1).reduce((e, t) => e + t.getSize(), 0), Z(t.options, "debugColumns", "getAfter")), e.resetSize = () => {
+			t.setColumnSizing((t) => {
+				let { [e.id]: n, ...r } = t;
+				return r;
+			});
+		}, e.getCanResize = () => (e.columnDef.enableResizing ?? !0) && (t.options.enableColumnResizing ?? !0), e.getIsResizing = () => t.getState().columnSizingInfo.isResizingColumn === e.id;
+	},
+	createHeader: (e, t) => {
+		e.getSize = () => {
+			let t = 0, n = (e) => {
+				e.subHeaders.length ? e.subHeaders.forEach(n) : t += e.column.getSize() ?? 0;
+			};
+			return n(e), t;
+		}, e.getStart = () => {
+			if (e.index > 0) {
+				let t = e.headerGroup.headers[e.index - 1];
+				return t.getStart() + t.getSize();
+			}
+			return 0;
+		}, e.getResizeHandler = (n) => {
+			let r = t.getColumn(e.column.id), i = r?.getCanResize();
+			return (a) => {
+				if (!r || !i || (a.persist == null || a.persist(), ir(a) && a.touches && a.touches.length > 1)) return;
+				let o = e.getSize(), s = e ? e.getLeafHeaders().map((e) => [e.column.id, e.column.getSize()]) : [[r.id, r.getSize()]], c = ir(a) ? Math.round(a.touches[0].clientX) : a.clientX, l = {}, u = (e, n) => {
+					typeof n == "number" && (t.setColumnSizingInfo((e) => {
+						let r = t.options.columnResizeDirection === "rtl" ? -1 : 1, i = (n - (e?.startOffset ?? 0)) * r, a = Math.max(i / (e?.startSize ?? 0), -.999999);
+						return e.columnSizingStart.forEach((e) => {
+							let [t, n] = e;
+							l[t] = Math.round(Math.max(n + n * a, 0) * 100) / 100;
+						}), {
+							...e,
+							deltaOffset: i,
+							deltaPercentage: a
+						};
+					}), (t.options.columnResizeMode === "onChange" || e === "end") && t.setColumnSizing((e) => ({
+						...e,
+						...l
+					})));
+				}, d = (e) => u("move", e), f = (e) => {
+					u("end", e), t.setColumnSizingInfo((e) => ({
+						...e,
+						isResizingColumn: !1,
+						startOffset: null,
+						startSize: null,
+						deltaOffset: null,
+						deltaPercentage: null,
+						columnSizingStart: []
+					}));
+				}, p = Qn(n), m = {
+					moveHandler: (e) => d(e.clientX),
+					upHandler: (e) => {
+						p?.removeEventListener("mousemove", m.moveHandler), p?.removeEventListener("mouseup", m.upHandler), f(e.clientX);
+					}
+				}, h = {
+					moveHandler: (e) => (e.cancelable && (e.preventDefault(), e.stopPropagation()), d(e.touches[0].clientX), !1),
+					upHandler: (e) => {
+						p?.removeEventListener("touchmove", h.moveHandler), p?.removeEventListener("touchend", h.upHandler), e.cancelable && (e.preventDefault(), e.stopPropagation()), f(e.touches[0]?.clientX);
+					}
+				}, g = rr() ? { passive: !1 } : !1;
+				ir(a) ? (p?.addEventListener("touchmove", h.moveHandler, g), p?.addEventListener("touchend", h.upHandler, g)) : (p?.addEventListener("mousemove", m.moveHandler, g), p?.addEventListener("mouseup", m.upHandler, g)), t.setColumnSizingInfo((e) => ({
+					...e,
+					startOffset: c,
+					startSize: o,
+					deltaOffset: 0,
+					deltaPercentage: 0,
+					columnSizingStart: s,
+					isResizingColumn: r.id
+				}));
+			};
+		};
+	},
+	createTable: (e) => {
+		e.setColumnSizing = (t) => e.options.onColumnSizingChange == null ? void 0 : e.options.onColumnSizingChange(t), e.setColumnSizingInfo = (t) => e.options.onColumnSizingInfoChange == null ? void 0 : e.options.onColumnSizingInfoChange(t), e.resetColumnSizing = (t) => {
+			e.setColumnSizing(t ? {} : e.initialState.columnSizing ?? {});
+		}, e.resetHeaderSizeInfo = (t) => {
+			e.setColumnSizingInfo(t ? er() : e.initialState.columnSizingInfo ?? er());
+		}, e.getTotalSize = () => e.getHeaderGroups()[0]?.headers.reduce((e, t) => e + t.getSize(), 0) ?? 0, e.getLeftTotalSize = () => e.getLeftHeaderGroups()[0]?.headers.reduce((e, t) => e + t.getSize(), 0) ?? 0, e.getCenterTotalSize = () => e.getCenterHeaderGroups()[0]?.headers.reduce((e, t) => e + t.getSize(), 0) ?? 0, e.getRightTotalSize = () => e.getRightHeaderGroups()[0]?.headers.reduce((e, t) => e + t.getSize(), 0) ?? 0;
+	}
+}, nr = null;
+function rr() {
+	if (typeof nr == "boolean") return nr;
+	let e = !1;
+	try {
+		let t = { get passive() {
+			return e = !0, !1;
+		} }, n = () => {};
+		window.addEventListener("test", n, t), window.removeEventListener("test", n);
+	} catch {
+		e = !1;
+	}
+	return nr = e, nr;
+}
+function ir(e) {
+	return e.type === "touchstart";
+}
+var ar = {
+	getInitialState: (e) => ({
+		columnVisibility: {},
+		...e
+	}),
+	getDefaultOptions: (e) => ({ onColumnVisibilityChange: Y("columnVisibility", e) }),
+	createColumn: (e, t) => {
+		e.toggleVisibility = (n) => {
+			e.getCanHide() && t.setColumnVisibility((t) => ({
+				...t,
+				[e.id]: n ?? !e.getIsVisible()
+			}));
+		}, e.getIsVisible = () => {
+			let n = e.columns;
+			return (n.length ? n.some((e) => e.getIsVisible()) : t.getState().columnVisibility?.[e.id]) ?? !0;
+		}, e.getCanHide = () => (e.columnDef.enableHiding ?? !0) && (t.options.enableHiding ?? !0), e.getToggleVisibilityHandler = () => (t) => {
+			e.toggleVisibility == null || e.toggleVisibility(t.target.checked);
+		};
+	},
+	createRow: (e, t) => {
+		e._getAllVisibleCells = X(() => [e.getAllCells(), t.getState().columnVisibility], (e) => e.filter((e) => e.column.getIsVisible()), Z(t.options, "debugRows", "_getAllVisibleCells")), e.getVisibleCells = X(() => [
+			e.getLeftVisibleCells(),
+			e.getCenterVisibleCells(),
+			e.getRightVisibleCells()
+		], (e, t, n) => [
+			...e,
+			...t,
+			...n
+		], Z(t.options, "debugRows", "getVisibleCells"));
+	},
+	createTable: (e) => {
+		let t = (t, n) => X(() => [n(), n().filter((e) => e.getIsVisible()).map((e) => e.id).join("_")], (e) => e.filter((e) => e.getIsVisible == null ? void 0 : e.getIsVisible()), Z(e.options, "debugColumns", t));
+		e.getVisibleFlatColumns = t("getVisibleFlatColumns", () => e.getAllFlatColumns()), e.getVisibleLeafColumns = t("getVisibleLeafColumns", () => e.getAllLeafColumns()), e.getLeftVisibleLeafColumns = t("getLeftVisibleLeafColumns", () => e.getLeftLeafColumns()), e.getRightVisibleLeafColumns = t("getRightVisibleLeafColumns", () => e.getRightLeafColumns()), e.getCenterVisibleLeafColumns = t("getCenterVisibleLeafColumns", () => e.getCenterLeafColumns()), e.setColumnVisibility = (t) => e.options.onColumnVisibilityChange == null ? void 0 : e.options.onColumnVisibilityChange(t), e.resetColumnVisibility = (t) => {
+			e.setColumnVisibility(t ? {} : e.initialState.columnVisibility ?? {});
+		}, e.toggleAllColumnsVisible = (t) => {
+			t ??= !e.getIsAllColumnsVisible(), e.setColumnVisibility(e.getAllLeafColumns().reduce((e, n) => ({
+				...e,
+				[n.id]: t || !(n.getCanHide != null && n.getCanHide())
+			}), {}));
+		}, e.getIsAllColumnsVisible = () => !e.getAllLeafColumns().some((e) => !(e.getIsVisible != null && e.getIsVisible())), e.getIsSomeColumnsVisible = () => e.getAllLeafColumns().some((e) => e.getIsVisible == null ? void 0 : e.getIsVisible()), e.getToggleAllColumnsVisibilityHandler = () => (t) => {
+			e.toggleAllColumnsVisible(t.target?.checked);
+		};
+	}
+};
+function or(e, t) {
+	return t ? t === "center" ? e.getCenterVisibleLeafColumns() : t === "left" ? e.getLeftVisibleLeafColumns() : e.getRightVisibleLeafColumns() : e.getVisibleLeafColumns();
+}
+var sr = { createTable: (e) => {
+	e._getGlobalFacetedRowModel = e.options.getFacetedRowModel && e.options.getFacetedRowModel(e, "__global__"), e.getGlobalFacetedRowModel = () => e.options.manualFiltering || !e._getGlobalFacetedRowModel ? e.getPreFilteredRowModel() : e._getGlobalFacetedRowModel(), e._getGlobalFacetedUniqueValues = e.options.getFacetedUniqueValues && e.options.getFacetedUniqueValues(e, "__global__"), e.getGlobalFacetedUniqueValues = () => e._getGlobalFacetedUniqueValues ? e._getGlobalFacetedUniqueValues() : /* @__PURE__ */ new Map(), e._getGlobalFacetedMinMaxValues = e.options.getFacetedMinMaxValues && e.options.getFacetedMinMaxValues(e, "__global__"), e.getGlobalFacetedMinMaxValues = () => {
+		if (e._getGlobalFacetedMinMaxValues) return e._getGlobalFacetedMinMaxValues();
+	};
+} }, cr = {
+	getInitialState: (e) => ({
+		globalFilter: void 0,
+		...e
+	}),
+	getDefaultOptions: (e) => ({
+		onGlobalFilterChange: Y("globalFilter", e),
+		globalFilterFn: "auto",
+		getColumnCanGlobalFilter: (t) => {
+			var n;
+			let r = (n = e.getCoreRowModel().flatRows[0]) == null || (n = n._getAllCellsByColumnId()[t.id]) == null ? void 0 : n.getValue();
+			return typeof r == "string" || typeof r == "number";
+		}
+	}),
+	createColumn: (e, t) => {
+		e.getCanGlobalFilter = () => (e.columnDef.enableGlobalFilter ?? !0) && (t.options.enableGlobalFilter ?? !0) && (t.options.enableFilters ?? !0) && ((t.options.getColumnCanGlobalFilter == null ? void 0 : t.options.getColumnCanGlobalFilter(e)) ?? !0) && !!e.accessorFn;
+	},
+	createTable: (e) => {
+		e.getGlobalAutoFilterFn = () => Un.includesString, e.getGlobalFilterFn = () => {
+			let { globalFilterFn: t } = e.options;
+			return wn(t) ? t : t === "auto" ? e.getGlobalAutoFilterFn() : e.options.filterFns?.[t] ?? Un[t];
+		}, e.setGlobalFilter = (t) => {
+			e.options.onGlobalFilterChange == null || e.options.onGlobalFilterChange(t);
+		}, e.resetGlobalFilter = (t) => {
+			e.setGlobalFilter(t ? void 0 : e.initialState.globalFilter);
+		};
+	}
+}, lr = {
+	getInitialState: (e) => ({
+		expanded: {},
+		...e
+	}),
+	getDefaultOptions: (e) => ({
+		onExpandedChange: Y("expanded", e),
+		paginateExpandedRows: !0
+	}),
+	createTable: (e) => {
+		let t = !1, n = !1;
+		e._autoResetExpanded = () => {
+			if (!t) {
+				e._queue(() => {
+					t = !0;
+				});
+				return;
+			}
+			if (e.options.autoResetAll ?? e.options.autoResetExpanded ?? !e.options.manualExpanding) {
+				if (n) return;
+				n = !0, e._queue(() => {
+					e.resetExpanded(), n = !1;
+				});
+			}
+		}, e.setExpanded = (t) => e.options.onExpandedChange == null ? void 0 : e.options.onExpandedChange(t), e.toggleAllRowsExpanded = (t) => {
+			t ?? !e.getIsAllRowsExpanded() ? e.setExpanded(!0) : e.setExpanded({});
+		}, e.resetExpanded = (t) => {
+			e.setExpanded(t ? {} : e.initialState?.expanded ?? {});
+		}, e.getCanSomeRowsExpand = () => e.getPrePaginationRowModel().flatRows.some((e) => e.getCanExpand()), e.getToggleAllRowsExpandedHandler = () => (t) => {
+			t.persist == null || t.persist(), e.toggleAllRowsExpanded();
+		}, e.getIsSomeRowsExpanded = () => {
+			let t = e.getState().expanded;
+			return t === !0 || Object.values(t).some(Boolean);
+		}, e.getIsAllRowsExpanded = () => {
+			let t = e.getState().expanded;
+			return typeof t == "boolean" ? t === !0 : !(!Object.keys(t).length || e.getRowModel().flatRows.some((e) => !e.getIsExpanded()));
+		}, e.getExpandedDepth = () => {
+			let t = 0;
+			return (e.getState().expanded === !0 ? Object.keys(e.getRowModel().rowsById) : Object.keys(e.getState().expanded)).forEach((e) => {
+				let n = e.split(".");
+				t = Math.max(t, n.length);
+			}), t;
+		}, e.getPreExpandedRowModel = () => e.getSortedRowModel(), e.getExpandedRowModel = () => (!e._getExpandedRowModel && e.options.getExpandedRowModel && (e._getExpandedRowModel = e.options.getExpandedRowModel(e)), e.options.manualExpanding || !e._getExpandedRowModel ? e.getPreExpandedRowModel() : e._getExpandedRowModel());
+	},
+	createRow: (e, t) => {
+		e.toggleExpanded = (n) => {
+			t.setExpanded((r) => {
+				let i = r === !0 ? !0 : !!(r != null && r[e.id]), a = {};
+				if (r === !0 ? Object.keys(t.getRowModel().rowsById).forEach((e) => {
+					a[e] = !0;
+				}) : a = r, n ??= !i, !i && n) return {
+					...a,
+					[e.id]: !0
+				};
+				if (i && !n) {
+					let { [e.id]: t, ...n } = a;
+					return n;
+				}
+				return r;
+			});
+		}, e.getIsExpanded = () => {
+			let n = t.getState().expanded;
+			return !!((t.options.getIsRowExpanded == null ? void 0 : t.options.getIsRowExpanded(e)) ?? (n === !0 || n?.[e.id]));
+		}, e.getCanExpand = () => {
+			var n;
+			return (t.options.getRowCanExpand == null ? void 0 : t.options.getRowCanExpand(e)) ?? ((t.options.enableExpanding ?? !0) && !!((n = e.subRows) != null && n.length));
+		}, e.getIsAllParentsExpanded = () => {
+			let n = !0, r = e;
+			for (; n && r.parentId;) r = t.getRow(r.parentId, !0), n = r.getIsExpanded();
+			return n;
+		}, e.getToggleExpandedHandler = () => {
+			let t = e.getCanExpand();
+			return () => {
+				t && e.toggleExpanded();
+			};
+		};
+	}
+}, ur = 0, dr = 10, fr = () => ({
+	pageIndex: ur,
+	pageSize: dr
+}), pr = {
+	getInitialState: (e) => ({
+		...e,
+		pagination: {
+			...fr(),
+			...e?.pagination
+		}
+	}),
+	getDefaultOptions: (e) => ({ onPaginationChange: Y("pagination", e) }),
+	createTable: (e) => {
+		let t = !1, n = !1;
+		e._autoResetPageIndex = () => {
+			if (!t) {
+				e._queue(() => {
+					t = !0;
+				});
+				return;
+			}
+			if (e.options.autoResetAll ?? e.options.autoResetPageIndex ?? !e.options.manualPagination) {
+				if (n) return;
+				n = !0, e._queue(() => {
+					e.resetPageIndex(), n = !1;
+				});
+			}
+		}, e.setPagination = (t) => e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange((e) => Cn(t, e)), e.resetPagination = (t) => {
+			e.setPagination(t ? fr() : e.initialState.pagination ?? fr());
+		}, e.setPageIndex = (t) => {
+			e.setPagination((n) => {
+				let r = Cn(t, n.pageIndex), i = e.options.pageCount === void 0 || e.options.pageCount === -1 ? 2 ** 53 - 1 : e.options.pageCount - 1;
+				return r = Math.max(0, Math.min(r, i)), {
+					...n,
+					pageIndex: r
+				};
+			});
+		}, e.resetPageIndex = (t) => {
+			var n;
+			e.setPageIndex(t ? ur : ((n = e.initialState) == null || (n = n.pagination) == null ? void 0 : n.pageIndex) ?? ur);
+		}, e.resetPageSize = (t) => {
+			var n;
+			e.setPageSize(t ? dr : ((n = e.initialState) == null || (n = n.pagination) == null ? void 0 : n.pageSize) ?? dr);
+		}, e.setPageSize = (t) => {
+			e.setPagination((e) => {
+				let n = Math.max(1, Cn(t, e.pageSize)), r = e.pageSize * e.pageIndex, i = Math.floor(r / n);
+				return {
+					...e,
+					pageIndex: i,
+					pageSize: n
+				};
+			});
+		}, e.setPageCount = (t) => e.setPagination((n) => {
+			let r = Cn(t, e.options.pageCount ?? -1);
+			return typeof r == "number" && (r = Math.max(-1, r)), {
+				...n,
+				pageCount: r
+			};
+		}), e.getPageOptions = X(() => [e.getPageCount()], (e) => {
+			let t = [];
+			return e && e > 0 && (t = [...Array(e)].fill(null).map((e, t) => t)), t;
+		}, Z(e.options, "debugTable", "getPageOptions")), e.getCanPreviousPage = () => e.getState().pagination.pageIndex > 0, e.getCanNextPage = () => {
+			let { pageIndex: t } = e.getState().pagination, n = e.getPageCount();
+			return n === -1 ? !0 : n === 0 ? !1 : t < n - 1;
+		}, e.previousPage = () => e.setPageIndex((e) => e - 1), e.nextPage = () => e.setPageIndex((e) => e + 1), e.firstPage = () => e.setPageIndex(0), e.lastPage = () => e.setPageIndex(e.getPageCount() - 1), e.getPrePaginationRowModel = () => e.getExpandedRowModel(), e.getPaginationRowModel = () => (!e._getPaginationRowModel && e.options.getPaginationRowModel && (e._getPaginationRowModel = e.options.getPaginationRowModel(e)), e.options.manualPagination || !e._getPaginationRowModel ? e.getPrePaginationRowModel() : e._getPaginationRowModel()), e.getPageCount = () => e.options.pageCount ?? Math.ceil(e.getRowCount() / e.getState().pagination.pageSize), e.getRowCount = () => e.options.rowCount ?? e.getPrePaginationRowModel().rows.length;
+	}
+}, mr = () => ({
+	top: [],
+	bottom: []
+}), hr = {
+	getInitialState: (e) => ({
+		rowPinning: mr(),
+		...e
+	}),
+	getDefaultOptions: (e) => ({ onRowPinningChange: Y("rowPinning", e) }),
+	createRow: (e, t) => {
+		e.pin = (n, r, i) => {
+			let a = r ? e.getLeafRows().map((e) => {
+				let { id: t } = e;
+				return t;
+			}) : [], o = i ? e.getParentRows().map((e) => {
+				let { id: t } = e;
+				return t;
+			}) : [], s = new Set([
+				...o,
+				e.id,
+				...a
+			]);
+			t.setRowPinning((e) => n === "bottom" ? {
+				top: (e?.top ?? []).filter((e) => !(s != null && s.has(e))),
+				bottom: [...(e?.bottom ?? []).filter((e) => !(s != null && s.has(e))), ...Array.from(s)]
+			} : n === "top" ? {
+				top: [...(e?.top ?? []).filter((e) => !(s != null && s.has(e))), ...Array.from(s)],
+				bottom: (e?.bottom ?? []).filter((e) => !(s != null && s.has(e)))
+			} : {
+				top: (e?.top ?? []).filter((e) => !(s != null && s.has(e))),
+				bottom: (e?.bottom ?? []).filter((e) => !(s != null && s.has(e)))
+			});
+		}, e.getCanPin = () => {
+			let { enableRowPinning: n, enablePinning: r } = t.options;
+			return typeof n == "function" ? n(e) : n ?? r ?? !0;
+		}, e.getIsPinned = () => {
+			let n = [e.id], { top: r, bottom: i } = t.getState().rowPinning, a = n.some((e) => r?.includes(e)), o = n.some((e) => i?.includes(e));
+			return a ? "top" : o ? "bottom" : !1;
+		}, e.getPinnedIndex = () => {
+			let n = e.getIsPinned();
+			return n ? ((n === "top" ? t.getTopRows() : t.getBottomRows())?.map((e) => {
+				let { id: t } = e;
+				return t;
+			}))?.indexOf(e.id) ?? -1 : -1;
+		};
+	},
+	createTable: (e) => {
+		e.setRowPinning = (t) => e.options.onRowPinningChange == null ? void 0 : e.options.onRowPinningChange(t), e.resetRowPinning = (t) => e.setRowPinning(t ? mr() : e.initialState?.rowPinning ?? mr()), e.getIsSomeRowsPinned = (t) => {
+			let n = e.getState().rowPinning;
+			return t ? !!n[t]?.length : !!(n.top?.length || n.bottom?.length);
+		}, e._getPinnedRows = (t, n, r) => (e.options.keepPinnedRows ?? !0 ? (n ?? []).map((t) => {
+			let n = e.getRow(t, !0);
+			return n.getIsAllParentsExpanded() ? n : null;
+		}) : (n ?? []).map((e) => t.find((t) => t.id === e))).filter(Boolean).map((e) => ({
+			...e,
+			position: r
+		})), e.getTopRows = X(() => [e.getRowModel().rows, e.getState().rowPinning.top], (t, n) => e._getPinnedRows(t, n, "top"), Z(e.options, "debugRows", "getTopRows")), e.getBottomRows = X(() => [e.getRowModel().rows, e.getState().rowPinning.bottom], (t, n) => e._getPinnedRows(t, n, "bottom"), Z(e.options, "debugRows", "getBottomRows")), e.getCenterRows = X(() => [
+			e.getRowModel().rows,
+			e.getState().rowPinning.top,
+			e.getState().rowPinning.bottom
+		], (e, t, n) => {
+			let r = new Set([...t ?? [], ...n ?? []]);
+			return e.filter((e) => !r.has(e.id));
+		}, Z(e.options, "debugRows", "getCenterRows"));
+	}
+}, gr = {
+	getInitialState: (e) => ({
+		rowSelection: {},
+		...e
+	}),
+	getDefaultOptions: (e) => ({
+		onRowSelectionChange: Y("rowSelection", e),
+		enableRowSelection: !0,
+		enableMultiRowSelection: !0,
+		enableSubRowSelection: !0
+	}),
+	createTable: (e) => {
+		e.setRowSelection = (t) => e.options.onRowSelectionChange == null ? void 0 : e.options.onRowSelectionChange(t), e.resetRowSelection = (t) => e.setRowSelection(t ? {} : e.initialState.rowSelection ?? {}), e.toggleAllRowsSelected = (t) => {
+			e.setRowSelection((n) => {
+				t = t === void 0 ? !e.getIsAllRowsSelected() : t;
+				let r = { ...n }, i = e.getPreGroupedRowModel().flatRows;
+				return t ? i.forEach((e) => {
+					e.getCanSelect() && (r[e.id] = !0);
+				}) : i.forEach((e) => {
+					delete r[e.id];
+				}), r;
+			});
+		}, e.toggleAllPageRowsSelected = (t) => e.setRowSelection((n) => {
+			let r = t === void 0 ? !e.getIsAllPageRowsSelected() : t, i = { ...n };
+			return e.getRowModel().rows.forEach((t) => {
+				_r(i, t.id, r, !0, e);
+			}), i;
+		}), e.getPreSelectedRowModel = () => e.getCoreRowModel(), e.getSelectedRowModel = X(() => [e.getState().rowSelection, e.getCoreRowModel()], (t, n) => Object.keys(t).length ? vr(e, n) : {
+			rows: [],
+			flatRows: [],
+			rowsById: {}
+		}, Z(e.options, "debugTable", "getSelectedRowModel")), e.getFilteredSelectedRowModel = X(() => [e.getState().rowSelection, e.getFilteredRowModel()], (t, n) => Object.keys(t).length ? vr(e, n) : {
+			rows: [],
+			flatRows: [],
+			rowsById: {}
+		}, Z(e.options, "debugTable", "getFilteredSelectedRowModel")), e.getGroupedSelectedRowModel = X(() => [e.getState().rowSelection, e.getSortedRowModel()], (t, n) => Object.keys(t).length ? vr(e, n) : {
+			rows: [],
+			flatRows: [],
+			rowsById: {}
+		}, Z(e.options, "debugTable", "getGroupedSelectedRowModel")), e.getIsAllRowsSelected = () => {
+			let t = e.getFilteredRowModel().flatRows, { rowSelection: n } = e.getState(), r = !!(t.length && Object.keys(n).length);
+			return r && t.some((e) => e.getCanSelect() && !n[e.id]) && (r = !1), r;
+		}, e.getIsAllPageRowsSelected = () => {
+			let t = e.getPaginationRowModel().flatRows.filter((e) => e.getCanSelect()), { rowSelection: n } = e.getState(), r = !!t.length;
+			return r && t.some((e) => !n[e.id]) && (r = !1), r;
+		}, e.getIsSomeRowsSelected = () => {
+			let t = Object.keys(e.getState().rowSelection ?? {}).length;
+			return t > 0 && t < e.getFilteredRowModel().flatRows.length;
+		}, e.getIsSomePageRowsSelected = () => {
+			let t = e.getPaginationRowModel().flatRows;
+			return e.getIsAllPageRowsSelected() ? !1 : t.filter((e) => e.getCanSelect()).some((e) => e.getIsSelected() || e.getIsSomeSelected());
+		}, e.getToggleAllRowsSelectedHandler = () => (t) => {
+			e.toggleAllRowsSelected(t.target.checked);
+		}, e.getToggleAllPageRowsSelectedHandler = () => (t) => {
+			e.toggleAllPageRowsSelected(t.target.checked);
+		};
+	},
+	createRow: (e, t) => {
+		e.toggleSelected = (n, r) => {
+			let i = e.getIsSelected();
+			t.setRowSelection((a) => {
+				if (n = n === void 0 ? !i : n, e.getCanSelect() && i === n) return a;
+				let o = { ...a };
+				return _r(o, e.id, n, r?.selectChildren ?? !0, t), o;
+			});
+		}, e.getIsSelected = () => {
+			let { rowSelection: n } = t.getState();
+			return yr(e, n);
+		}, e.getIsSomeSelected = () => {
+			let { rowSelection: n } = t.getState();
+			return br(e, n) === "some";
+		}, e.getIsAllSubRowsSelected = () => {
+			let { rowSelection: n } = t.getState();
+			return br(e, n) === "all";
+		}, e.getCanSelect = () => typeof t.options.enableRowSelection == "function" ? t.options.enableRowSelection(e) : t.options.enableRowSelection ?? !0, e.getCanSelectSubRows = () => typeof t.options.enableSubRowSelection == "function" ? t.options.enableSubRowSelection(e) : t.options.enableSubRowSelection ?? !0, e.getCanMultiSelect = () => typeof t.options.enableMultiRowSelection == "function" ? t.options.enableMultiRowSelection(e) : t.options.enableMultiRowSelection ?? !0, e.getToggleSelectedHandler = () => {
+			let t = e.getCanSelect();
+			return (n) => {
+				t && e.toggleSelected(n.target?.checked);
+			};
+		};
+	}
+}, _r = (e, t, n, r, i) => {
+	var a;
+	let o = i.getRow(t, !0);
+	n ? (o.getCanMultiSelect() || Object.keys(e).forEach((t) => delete e[t]), o.getCanSelect() && (e[t] = !0)) : delete e[t], r && (a = o.subRows) != null && a.length && o.getCanSelectSubRows() && o.subRows.forEach((t) => _r(e, t.id, n, r, i));
+};
+function vr(e, t) {
+	let n = e.getState().rowSelection, r = [], i = {}, a = function(e, t) {
+		return e.map((e) => {
+			var t;
+			let o = yr(e, n);
+			if (o && (r.push(e), i[e.id] = e), (t = e.subRows) != null && t.length && (e = {
+				...e,
+				subRows: a(e.subRows)
+			}), o) return e;
+		}).filter(Boolean);
+	};
+	return {
+		rows: a(t.rows),
+		flatRows: r,
+		rowsById: i
+	};
+}
+function yr(e, t) {
+	return t[e.id] ?? !1;
+}
+function br(e, t, n) {
+	var r;
+	if (!((r = e.subRows) != null && r.length)) return !1;
+	let i = !0, a = !1;
+	return e.subRows.forEach((e) => {
+		if (!(a && !i) && (e.getCanSelect() && (yr(e, t) ? a = !0 : i = !1), e.subRows && e.subRows.length)) {
+			let n = br(e, t);
+			n === "all" ? a = !0 : (n === "some" && (a = !0), i = !1);
+		}
+	}), i ? "all" : a ? "some" : !1;
+}
+var xr = /([0-9]+)/gm, Sr = (e, t, n) => Ar(kr(e.getValue(n)).toLowerCase(), kr(t.getValue(n)).toLowerCase()), Cr = (e, t, n) => Ar(kr(e.getValue(n)), kr(t.getValue(n))), wr = (e, t, n) => Or(kr(e.getValue(n)).toLowerCase(), kr(t.getValue(n)).toLowerCase()), Tr = (e, t, n) => Or(kr(e.getValue(n)), kr(t.getValue(n))), Er = (e, t, n) => {
+	let r = e.getValue(n), i = t.getValue(n);
+	return r > i ? 1 : r < i ? -1 : 0;
+}, Dr = (e, t, n) => Or(e.getValue(n), t.getValue(n));
+function Or(e, t) {
+	return e === t ? 0 : e > t ? 1 : -1;
+}
+function kr(e) {
+	return typeof e == "number" ? isNaN(e) || e === Infinity || e === -Infinity ? "" : String(e) : typeof e == "string" ? e : "";
+}
+function Ar(e, t) {
+	let n = e.split(xr).filter(Boolean), r = t.split(xr).filter(Boolean);
+	for (; n.length && r.length;) {
+		let e = n.shift(), t = r.shift(), i = parseInt(e, 10), a = parseInt(t, 10), o = [i, a].sort();
+		if (isNaN(o[0])) {
+			if (e > t) return 1;
+			if (t > e) return -1;
+			continue;
+		}
+		if (isNaN(o[1])) return isNaN(i) ? -1 : 1;
+		if (i > a) return 1;
+		if (a > i) return -1;
+	}
+	return n.length - r.length;
+}
+var jr = {
+	alphanumeric: Sr,
+	alphanumericCaseSensitive: Cr,
+	text: wr,
+	textCaseSensitive: Tr,
+	datetime: Er,
+	basic: Dr
+}, Mr = [
+	An,
+	ar,
+	Yn,
+	Zn,
+	Nn,
+	Wn,
+	sr,
+	cr,
+	{
+		getInitialState: (e) => ({
+			sorting: [],
+			...e
+		}),
+		getDefaultColumnDef: () => ({
+			sortingFn: "auto",
+			sortUndefined: 1
+		}),
+		getDefaultOptions: (e) => ({
+			onSortingChange: Y("sorting", e),
+			isMultiSortEvent: (e) => e.shiftKey
+		}),
+		createColumn: (e, t) => {
+			e.getAutoSortingFn = () => {
+				let n = t.getFilteredRowModel().flatRows.slice(10), r = !1;
+				for (let t of n) {
+					let n = t?.getValue(e.id);
+					if (Object.prototype.toString.call(n) === "[object Date]") return jr.datetime;
+					if (typeof n == "string" && (r = !0, n.split(xr).length > 1)) return jr.alphanumeric;
+				}
+				return r ? jr.text : jr.basic;
+			}, e.getAutoSortDir = () => typeof t.getFilteredRowModel().flatRows[0]?.getValue(e.id) == "string" ? "asc" : "desc", e.getSortingFn = () => {
+				if (!e) throw Error();
+				return wn(e.columnDef.sortingFn) ? e.columnDef.sortingFn : e.columnDef.sortingFn === "auto" ? e.getAutoSortingFn() : t.options.sortingFns?.[e.columnDef.sortingFn] ?? jr[e.columnDef.sortingFn];
+			}, e.toggleSorting = (n, r) => {
+				let i = e.getNextSortingOrder(), a = n != null;
+				t.setSorting((o) => {
+					let s = o?.find((t) => t.id === e.id), c = o?.findIndex((t) => t.id === e.id), l = [], u, d = a ? n : i === "desc";
+					return u = o != null && o.length && e.getCanMultiSort() && r ? s ? "toggle" : "add" : o != null && o.length && c !== o.length - 1 ? "replace" : s ? "toggle" : "replace", u === "toggle" && (a || i || (u = "remove")), u === "add" ? (l = [...o, {
+						id: e.id,
+						desc: d
+					}], l.splice(0, l.length - (t.options.maxMultiSortColCount ?? 2 ** 53 - 1))) : l = u === "toggle" ? o.map((t) => t.id === e.id ? {
+						...t,
+						desc: d
+					} : t) : u === "remove" ? o.filter((t) => t.id !== e.id) : [{
+						id: e.id,
+						desc: d
+					}], l;
+				});
+			}, e.getFirstSortDir = () => e.columnDef.sortDescFirst ?? t.options.sortDescFirst ?? e.getAutoSortDir() === "desc" ? "desc" : "asc", e.getNextSortingOrder = (n) => {
+				let r = e.getFirstSortDir(), i = e.getIsSorted();
+				return i ? i !== r && (t.options.enableSortingRemoval ?? !0) && (!n || (t.options.enableMultiRemove ?? !0)) ? !1 : i === "desc" ? "asc" : "desc" : r;
+			}, e.getCanSort = () => (e.columnDef.enableSorting ?? !0) && (t.options.enableSorting ?? !0) && !!e.accessorFn, e.getCanMultiSort = () => e.columnDef.enableMultiSort ?? t.options.enableMultiSort ?? !!e.accessorFn, e.getIsSorted = () => {
+				let n = t.getState().sorting?.find((t) => t.id === e.id);
+				return n ? n.desc ? "desc" : "asc" : !1;
+			}, e.getSortIndex = () => t.getState().sorting?.findIndex((t) => t.id === e.id) ?? -1, e.clearSorting = () => {
+				t.setSorting((t) => t != null && t.length ? t.filter((t) => t.id !== e.id) : []);
+			}, e.getToggleSortingHandler = () => {
+				let n = e.getCanSort();
+				return (r) => {
+					n && (r.persist == null || r.persist(), e.toggleSorting == null || e.toggleSorting(void 0, e.getCanMultiSort() ? t.options.isMultiSortEvent == null ? void 0 : t.options.isMultiSortEvent(r) : !1));
+				};
+			};
+		},
+		createTable: (e) => {
+			e.setSorting = (t) => e.options.onSortingChange == null ? void 0 : e.options.onSortingChange(t), e.resetSorting = (t) => {
+				e.setSorting(t ? [] : e.initialState?.sorting ?? []);
+			}, e.getPreSortedRowModel = () => e.getGroupedRowModel(), e.getSortedRowModel = () => (!e._getSortedRowModel && e.options.getSortedRowModel && (e._getSortedRowModel = e.options.getSortedRowModel(e)), e.options.manualSorting || !e._getSortedRowModel ? e.getPreSortedRowModel() : e._getSortedRowModel());
+		}
+	},
+	qn,
+	lr,
+	pr,
+	hr,
+	gr,
+	tr
+];
+function Nr(e) {
+	process.env.NODE_ENV !== "production" && (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
+	let t = [...Mr, ...e._features ?? []], n = { _features: t }, r = n._features.reduce((e, t) => Object.assign(e, t.getDefaultOptions == null ? void 0 : t.getDefaultOptions(n)), {}), i = (e) => n.options.mergeOptions ? n.options.mergeOptions(r, e) : {
+		...r,
+		...e
+	}, a = { ...e.initialState ?? {} };
+	n._features.forEach((e) => {
+		a = (e.getInitialState == null ? void 0 : e.getInitialState(a)) ?? a;
+	});
+	let o = [], s = !1, c = {
+		_features: t,
+		options: {
+			...r,
+			...e
+		},
+		initialState: a,
+		_queue: (e) => {
+			o.push(e), s || (s = !0, Promise.resolve().then(() => {
+				for (; o.length;) o.shift()();
+				s = !1;
+			}).catch((e) => setTimeout(() => {
+				throw e;
+			})));
+		},
+		reset: () => {
+			n.setState(n.initialState);
+		},
+		setOptions: (e) => {
+			n.options = i(Cn(e, n.options));
+		},
+		getState: () => n.options.state,
+		setState: (e) => {
+			n.options.onStateChange == null || n.options.onStateChange(e);
+		},
+		_getRowId: (e, t, r) => (n.options.getRowId == null ? void 0 : n.options.getRowId(e, t, r)) ?? `${r ? [r.id, t].join(".") : t}`,
+		getCoreRowModel: () => (n._getCoreRowModel ||= n.options.getCoreRowModel(n), n._getCoreRowModel()),
+		getRowModel: () => n.getPaginationRowModel(),
+		getRow: (e, t) => {
+			let r = (t ? n.getPrePaginationRowModel() : n.getRowModel()).rowsById[e];
+			if (!r && (r = n.getCoreRowModel().rowsById[e], !r)) throw process.env.NODE_ENV === "production" ? Error() : Error(`getRow could not find row with ID: ${e}`);
+			return r;
+		},
+		_getDefaultColumnDef: X(() => [n.options.defaultColumn], (e) => (e ??= {}, {
+			header: (e) => {
+				let t = e.header.column.columnDef;
+				return t.accessorKey ? t.accessorKey : t.accessorFn ? t.id : null;
+			},
+			cell: (e) => {
+				var t;
+				return ((t = e.renderValue()) == null || t.toString == null ? void 0 : t.toString()) ?? null;
+			},
+			...n._features.reduce((e, t) => Object.assign(e, t.getDefaultColumnDef == null ? void 0 : t.getDefaultColumnDef()), {}),
+			...e
+		}), Z(e, "debugColumns", "_getDefaultColumnDef")),
+		_getColumnDefs: () => n.options.columns,
+		getAllColumns: X(() => [n._getColumnDefs()], (e) => {
+			let t = function(e, r, i) {
+				return i === void 0 && (i = 0), e.map((e) => {
+					let a = On(n, e, i, r), o = e;
+					return a.columns = o.columns ? t(o.columns, a, i + 1) : [], a;
+				});
+			};
+			return t(e);
+		}, Z(e, "debugColumns", "getAllColumns")),
+		getAllFlatColumns: X(() => [n.getAllColumns()], (e) => e.flatMap((e) => e.getFlatColumns()), Z(e, "debugColumns", "getAllFlatColumns")),
+		_getAllFlatColumnsById: X(() => [n.getAllFlatColumns()], (e) => e.reduce((e, t) => (e[t.id] = t, e), {}), Z(e, "debugColumns", "getAllFlatColumnsById")),
+		getAllLeafColumns: X(() => [n.getAllColumns(), n._getOrderColumnsFn()], (e, t) => t(e.flatMap((e) => e.getLeafColumns())), Z(e, "debugColumns", "getAllLeafColumns")),
+		getColumn: (e) => {
+			let t = n._getAllFlatColumnsById()[e];
+			return process.env.NODE_ENV !== "production" && !t && console.error(`[Table] Column with id '${e}' does not exist.`), t;
+		}
+	};
+	Object.assign(n, c);
+	for (let e = 0; e < n._features.length; e++) {
+		let t = n._features[e];
+		t == null || t.createTable == null || t.createTable(n);
+	}
+	return n;
+}
+function Pr() {
+	return (e) => X(() => [e.options.data], (t) => {
+		let n = {
+			rows: [],
+			flatRows: [],
+			rowsById: {}
+		}, r = function(t, i, a) {
+			i === void 0 && (i = 0);
+			let o = [];
+			for (let c = 0; c < t.length; c++) {
+				let l = Mn(e, e._getRowId(t[c], c, a), t[c], c, i, void 0, a?.id);
+				if (n.flatRows.push(l), n.rowsById[l.id] = l, o.push(l), e.options.getSubRows) {
+					var s;
+					l.originalSubRows = e.options.getSubRows(t[c], c), (s = l.originalSubRows) != null && s.length && (l.subRows = r(l.originalSubRows, i + 1, l));
+				}
+			}
+			return o;
+		};
+		return n.rows = r(t), n;
+	}, Z(e.options, "debugTable", "getRowModel", () => e._autoResetPageIndex()));
+}
+function Fr(e) {
+	let t = [], n = (e) => {
+		var r;
+		t.push(e), (r = e.subRows) != null && r.length && e.getIsExpanded() && e.subRows.forEach(n);
+	};
+	return e.rows.forEach(n), {
+		rows: t,
+		flatRows: e.flatRows,
+		rowsById: e.rowsById
+	};
+}
+function Ir(e) {
+	return (e) => X(() => [
+		e.getState().pagination,
+		e.getPrePaginationRowModel(),
+		e.options.paginateExpandedRows ? void 0 : e.getState().expanded
+	], (t, n) => {
+		if (!n.rows.length) return n;
+		let { pageSize: r, pageIndex: i } = t, { rows: a, flatRows: o, rowsById: s } = n, c = r * i, l = c + r;
+		a = a.slice(c, l);
+		let u;
+		u = e.options.paginateExpandedRows ? {
+			rows: a,
+			flatRows: o,
+			rowsById: s
+		} : Fr({
+			rows: a,
+			flatRows: o,
+			rowsById: s
+		}), u.flatRows = [];
+		let d = (e) => {
+			u.flatRows.push(e), e.subRows.length && e.subRows.forEach(d);
+		};
+		return u.rows.forEach(d), u;
+	}, Z(e.options, "debugTable", "getPaginationRowModel"));
+}
+function Lr() {
+	return (e) => X(() => [e.getState().sorting, e.getPreSortedRowModel()], (t, n) => {
+		if (!n.rows.length || !(t != null && t.length)) return n;
+		let r = e.getState().sorting, i = [], a = r.filter((t) => e.getColumn(t.id)?.getCanSort()), o = {};
+		a.forEach((t) => {
+			let n = e.getColumn(t.id);
+			n && (o[t.id] = {
+				sortUndefined: n.columnDef.sortUndefined,
+				invertSorting: n.columnDef.invertSorting,
+				sortingFn: n.getSortingFn()
+			});
+		});
+		let s = (e) => {
+			let t = e.map((e) => ({ ...e }));
+			return t.sort((e, t) => {
+				for (let n = 0; n < a.length; n += 1) {
+					let r = a[n], i = o[r.id], s = i.sortUndefined, c = r?.desc ?? !1, l = 0;
+					if (s) {
+						let n = e.getValue(r.id), i = t.getValue(r.id), a = n === void 0, o = i === void 0;
+						if (a || o) {
+							if (s === "first") return a ? -1 : 1;
+							if (s === "last") return a ? 1 : -1;
+							l = a && o ? 0 : a ? s : -s;
+						}
+					}
+					if (l === 0 && (l = i.sortingFn(e, t, r.id)), l !== 0) return c && (l *= -1), i.invertSorting && (l *= -1), l;
+				}
+				return e.index - t.index;
+			}), t.forEach((e) => {
+				var t;
+				i.push(e), (t = e.subRows) != null && t.length && (e.subRows = s(e.subRows));
+			}), t;
+		};
+		return {
+			rows: s(n.rows),
+			flatRows: i,
+			rowsById: n.rowsById
+		};
+	}, Z(e.options, "debugTable", "getSortedRowModel", () => e._autoResetPageIndex()));
+}
+//#endregion
+//#region node_modules/@tanstack/vue-table/build/lib/index.mjs
+function Rr() {
+	return !0;
+}
+var zr = Symbol("merge-proxy"), Br = {
+	get(e, t, n) {
+		return t === zr ? n : e.get(t);
+	},
+	has(e, t) {
+		return e.has(t);
+	},
+	set: Rr,
+	deleteProperty: Rr,
+	getOwnPropertyDescriptor(e, t) {
+		return {
+			configurable: !0,
+			enumerable: !0,
+			get() {
+				return e.get(t);
+			},
+			set: Rr,
+			deleteProperty: Rr
+		};
+	},
+	ownKeys(e) {
+		return e.keys();
+	}
+};
+function Vr(e) {
+	return "value" in e ? e.value : e;
+}
+function Hr() {
+	var e = [...arguments];
+	return new Proxy({
+		get(t) {
+			for (let n = e.length - 1; n >= 0; n--) {
+				let r = Vr(e[n])[t];
+				if (r !== void 0) return r;
+			}
+		},
+		has(t) {
+			for (let n = e.length - 1; n >= 0; n--) if (t in Vr(e[n])) return !0;
+			return !1;
+		},
+		keys() {
+			let t = [];
+			for (let n = 0; n < e.length; n++) t.push(...Object.keys(Vr(e[n])));
+			return [...Array.from(new Set(t))];
+		}
+	}, Br);
+}
+var Ur = h({
+	props: ["render", "props"],
+	setup: (e) => () => typeof e.render == "function" || typeof e.render == "object" ? v(e.render, e.props) : e.render
+});
+function Wr(e) {
+	return Hr(e, { data: F(e.data) });
+}
+function Gr(e) {
+	let t = y(e.data), n = Nr(Hr({
+		state: {},
+		onStateChange: () => {},
+		renderFallbackValue: null,
+		mergeOptions(e, n) {
+			return t ? {
+				...e,
+				...n
+			} : Hr(e, n);
+		}
+	}, t ? Wr(e) : e));
+	if (t) {
+		let t = re(e.data);
+		R(t, () => {
+			n.setState((e) => ({
+				...e,
+				data: t.value
+			}));
+		}, { immediate: !0 });
+	}
+	let r = k(n.initialState);
+	return le(() => {
+		n.setOptions((n) => {
+			let i = new Proxy({}, { get: (e, t) => r.value[t] });
+			return Hr(n, t ? Wr(e) : e, {
+				state: Hr(i, e.state ?? {}),
+				onStateChange: (t) => {
+					t instanceof Function ? r.value = t(r.value) : r.value = t, e.onStateChange == null || e.onStateChange(t);
+				}
+			});
+		});
+	}), n;
+}
+//#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 = {
+	key: 0,
+	class: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"
+}, Jr = {
+	key: 0,
+	class: "flex flex-1 flex-wrap items-center gap-2"
+}, Yr = {
+	key: 0,
+	class: "hidden flex-none text-sm text-muted sm:block"
+}, Xr = {
+	key: 1,
+	class: "hidden flex-none text-sm text-primary sm:block"
+}, Zr = { class: "overflow-hidden rounded-md border border-solid border-gray-200 bg-white" }, Qr = { class: "overflow-x-auto" }, $r = { class: "w-full table-auto text-left text-sm" }, ei = { class: "border-b border-solid border-gray-200 bg-gray-50 text-xs font-medium uppercase tracking-wider text-muted" }, ti = {
+	key: 0,
+	class: "w-10 whitespace-nowrap px-3 py-3 text-center"
+}, ni = ["onClick"], ri = {
+	key: 1,
+	class: "inline-flex min-w-4 justify-center"
+}, ii = { class: "divide-y divide-gray-200" }, ai = {
+	key: 0,
+	class: "w-10 whitespace-nowrap px-3 py-3 text-center"
+}, oi = {
+	key: 0,
+	class: "w-10 whitespace-nowrap px-3 py-3 text-center"
+}, si = { key: 2 }, ci = ["colspan"], li = {
+	key: 1,
+	class: "flex flex-col items-center justify-end gap-2 sm:flex-row"
+}, ui = { class: "flex items-center gap-1.5" }, di = {
+	key: 1,
+	class: "inline-flex size-9 items-center justify-center text-sm text-muted"
+}, fi = 5, pi = /* @__PURE__ */ h({
+	__name: "HLTable",
+	props: /* @__PURE__ */ b({
+		columns: {},
+		data: {},
+		total: {},
+		initializing: {
+			type: Boolean,
+			default: !1
+		},
+		fetching: {
+			type: Boolean,
+			default: !1
+		},
+		searchable: {
+			type: Boolean,
+			default: !0
+		},
+		refreshable: {
+			type: Boolean,
+			default: !0
+		},
+		selectable: {
+			type: Boolean,
+			default: !0
+		},
+		rowKey: { default: "id" },
+		pageSize: { default: 10 },
+		pageCount: {},
+		currentPage: {},
+		searchPlaceholder: { default: "Search..." }
+	}, {
+		selectedRows: { default: () => [] },
+		selectedRowsModifiers: {}
+	}),
+	emits: /* @__PURE__ */ b([
+		"page:change",
+		"sort:change",
+		"refresh",
+		"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);
+		function _(e) {
+			return Object.prototype.hasOwnProperty.call(e, "key");
+		}
+		function v(e) {
+			return typeof e == "boolean" ? e ? "Yes" : "No" : e == null || e === "" ? "-" : String(e);
+		}
+		function y(e) {
+			let t = Sn();
+			return e.map((e) => {
+				if (!_(e)) return e;
+				let n = { alignment: e.alignment };
+				return e.key === "actions" ? t.display({
+					id: "actions",
+					header: e.label,
+					meta: n,
+					enableSorting: !1
+				}) : t.accessor((t) => t[e.key], {
+					id: String(e.key),
+					header: e.label,
+					cell: (e) => v(e.getValue()),
+					meta: n,
+					enableSorting: e.sortable === !0
+				});
+			});
+		}
+		let b = o(() => y(e.columns)), x = o(() => e.selectable ? [Sn().display({
+			id: "select",
+			header: () => "",
+			cell: () => "",
+			enableSorting: !1
+		}), ...b.value] : b.value), S = o(() => {
+			let t = e.columns.filter(_).find((e) => e.key !== "actions" && e.sortable === !0);
+			return t ? String(t.key) : null;
+		});
+		S.value && f.value.length === 0 && (f.value = [{
+			id: S.value,
+			desc: !0
+		}]);
+		let w = Gr({
+			get data() {
+				return e.data;
+			},
+			get columns() {
+				return x.value;
+			},
+			state: {
+				get sorting() {
+					return f.value;
+				},
+				get rowSelection() {
+					return m.value;
+				}
+			},
+			onSortingChange: (e) => {
+				f.value = typeof e == "function" ? e(f.value) : e;
+			},
+			onRowSelectionChange: (e) => {
+				m.value = typeof e == "function" ? e(m.value) : e;
+			},
+			getRowId: (t, n) => {
+				let r = t[e.rowKey];
+				return String(typeof r == "string" || typeof r == "number" ? r : n);
+			},
+			getCoreRowModel: Pr(),
+			getSortedRowModel: Lr(),
+			getPaginationRowModel: Ir(),
+			manualPagination: e.pageCount !== void 0,
+			pageCount: e.pageCount,
+			enableRowSelection: e.selectable,
+			initialState: {
+				sorting: f.value,
+				pagination: { pageSize: e.pageSize }
+			}
+		}), ee = o(() => e.initializing || e.fetching), T = o(() => e.pageCount !== void 0), E = o(() => e.currentPage === void 0 ? w.getState().pagination.pageIndex + 1 : e.currentPage), te = o(() => e.pageCount === void 0 ? w.getPageCount() : e.pageCount), O = o(() => Object.keys(m.value).filter((e) => m.value[e] === !0)), A = o(() => {
+			let e = w.getRowModel().rows;
+			return e.length > 0 && e.every((e) => e.getIsSelected());
+		}), ne = o(() => {
+			let e = w.getRowModel().rows;
+			return e.length === 0 ? !1 : e.some((e) => e.getIsSelected()) && !A.value;
+		}), re = o(() => w.getFlatHeaders().filter((e) => e.id !== "select").length + +!!e.selectable), ie = o(() => {
+			let e = te.value, t = E.value;
+			return e <= 7 ? Array.from({ length: e }, (e, t) => t + 1) : t <= 4 ? [
+				1,
+				2,
+				3,
+				4,
+				5,
+				"ellipsis",
+				e
+			] : t >= e - 3 ? [
+				1,
+				"ellipsis",
+				e - 4,
+				e - 3,
+				e - 2,
+				e - 1,
+				e
+			] : [
+				1,
+				"ellipsis",
+				t - 1,
+				t,
+				t + 1,
+				"ellipsis",
+				e
+			];
+		});
+		function P(e) {
+			return e ?? {};
+		}
+		function I(e) {
+			return e === "center" ? "text-center" : e === "right" ? "text-right" : "text-left";
+		}
+		function oe(e) {
+			return e === "center" ? "justify-center" : e === "right" ? "justify-end" : "justify-start";
+		}
+		function se(e) {
+			return e === "center" ? "mx-auto w-3/4" : e === "right" ? "ml-auto w-3/4" : "w-full";
+		}
+		R(ee, (e, t) => {
+			t && !e && g.value && (g.value = !1);
+		}), R(m, () => {
+			i.value = O.value;
+		}, { deep: !0 }), R(i, (e) => {
+			let t = O.value;
+			if (e.length === t.length && e.every((e) => t.includes(e))) return;
+			let n = {};
+			e.forEach((e) => {
+				n[e] = !0;
+			}), m.value = n;
+		});
+		function ce(e) {
+			let t = f.value.find((t) => t.id === e), n = t ? !t.desc : !1;
+			f.value = [{
+				id: e,
+				desc: n
+			}], a("sort:change", {
+				columnKey: e,
+				direction: n ? "desc" : "asc"
+			});
+		}
+		function le() {
+			g.value = !0, a("refresh");
+		}
+		function ue() {
+			a("search", h.value);
+		}
+		function de() {
+			if (T.value) {
+				a("page:change", Math.max(1, E.value - 1));
+				return;
+			}
+			w.previousPage();
+		}
+		function fe() {
+			if (T.value) {
+				a("page:change", Math.min(te.value, E.value + 1));
+				return;
+			}
+			w.nextPage();
+		}
+		function pe(e) {
+			if (T.value) {
+				a("page:change", e);
+				return;
+			}
+			w.setPageIndex(e - 1);
+		}
+		function me() {
+			if (A.value) {
+				w.resetRowSelection();
+				return;
+			}
+			w.toggleAllPageRowsSelected(!0);
+		}
+		function he(e) {
+			e.toggleSelected();
+		}
+		return t({
+			clearSelection: () => {
+				w.resetRowSelection();
+			},
+			getSelectedRows: () => O.value,
+			stopRefreshing: () => {
+				g.value = !1;
+			}
+		}), (t, n) => (D(), l("div", Kr, [
+			e.searchable || e.refreshable || F(d).filters ? (D(), l("div", qr, [F(d).filters ? (D(), l("div", Jr, [M(t.$slots, "filters")])) : c("", !0), u("div", { class: C(["flex items-center gap-2", { "w-full sm:w-auto": !F(d).filters }]) }, [
+				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, {
+					key: 3,
+					modelValue: h.value,
+					"onUpdate:modelValue": n[0] ||= (e) => h.value = e,
+					type: "search",
+					placeholder: e.searchPlaceholder,
+					size: "md",
+					class: "w-full max-w-sm sm:w-72",
+					"input-class": "rounded-md border-gray-200 bg-transparent text-dark",
+					onInput: ue
+				}, null, 8, ["modelValue", "placeholder"])) : c("", !0),
+				e.refreshable ? (D(), s(K, {
+					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",
+					disabled: g.value || ee.value,
+					"aria-label": "Refresh",
+					onClick: le
+				}, {
+					icon: z(() => [p(V, {
+						name: "refresh",
+						size: 20,
+						decorative: !0,
+						color: "muted",
+						class: C({ "animate-spin": g.value })
+					}, null, 8, ["class"])]),
+					_: 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, {
+				"model-value": A.value,
+				indeterminate: ne.value,
+				"aria-label": "Toggle all rows",
+				size: "md",
+				class: "mx-auto max-w-max",
+				"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", [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(V, {
+				name: e.column.getIsSorted() === "asc" ? "chevron-up" : e.column.getIsSorted() === "desc" ? "chevron-down" : "chevron-up-down",
+				size: 14,
+				decorative: !0
+			}, null, 8, ["name"])])) : c("", !0)], 2)], 10, ni))), 128))])]), u("tbody", ii, [e.initializing ? (D(), l(r, { key: 0 }, j(fi, (t) => u("tr", {
+				key: `skeleton-row-${t}`,
+				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", {
+				key: n.id,
+				class: C(["hover:bg-gray-50", { "bg-primary/5": n.getIsSelected() }])
+			}, [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) => 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", 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,
+				columnId: e.column.id,
+				value: e.getValue()
+			}) : (D(), l(r, { key: 1 }, [e.column.columnDef.cell ? (D(), s(F(Ur), {
+				key: 0,
+				render: e.column.columnDef.cell,
+				props: e.getContext()
+			}, null, 8, ["render", "props"])) : c("", !0)], 64))], 2)], 2))), 128))], 2))), 128)), !e.initializing && F(w).getRowModel().rows.length === 0 ? (D(), l("tr", si, [u("td", {
+				colspan: re.value,
+				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, {
+					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",
+					disabled: T.value ? E.value <= 1 : !F(w).getCanPreviousPage(),
+					"aria-label": "Previous page",
+					onClick: de
+				}, {
+					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(K, {
+					key: 0,
+					label: String(e),
+					type: "button",
+					size: "sm",
+					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)
+				}, null, 8, [
+					"label",
+					"variant",
+					"color",
+					"class",
+					"onClick"
+				]))], 64))), 128)),
+				p(K, {
+					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",
+					disabled: T.value ? E.value >= te.value : !F(w).getCanNextPage(),
+					"aria-label": "Next page",
+					onClick: fe
+				}, {
+					icon: z(() => [p(V, {
+						name: "chevron-right",
+						size: 14,
+						decorative: !0
+					})]),
+					_: 1
+				}, 8, ["disabled"])
+			])])) : c("", !0)
+		]));
+	}
+}), mi = { class: "w-full" }, hi = { class: "relative" }, gi = [
+	"id",
+	"placeholder",
+	"required",
+	"disabled",
+	"readonly",
+	"rows",
+	"maxlength",
+	"minlength"
+], _i = {
+	key: 1,
+	class: "mt-1 space-y-1"
+}, vi = {
+	key: 0,
+	class: "text-xs text-danger"
+}, yi = /* @__PURE__ */ be(/* @__PURE__ */ h({
+	__name: "HLTextarea",
+	props: /* @__PURE__ */ b({
+		id: { default: "" },
+		placeholder: { default: "" },
+		label: { default: "" },
+		description: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		error: { default: "" },
+		errors: { default: () => [] },
+		rows: { default: 4 },
+		maxlength: {},
+		minlength: {},
+		labelClass: { default: "" },
+		inputClass: { default: "" },
+		noBorder: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ b([
+		"focus",
+		"blur",
+		"input"
+	], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = L(e, "modelValue"), i = mt({
+			input: n,
+			styleProp: "minHeight"
+		}), a = t;
+		function d(e) {
+			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(Re, {
+				key: 0,
+				label: e.label,
+				description: e.description,
+				"for-id": F(f),
+				required: e.required,
+				"label-class": e.labelClass
+			}, null, 8, [
+				"label",
+				"description",
+				"for-id",
+				"required",
+				"label-class"
+			])) : c("", !0),
+			u("div", hi, [ue(u("textarea", {
+				id: F(f),
+				ref: F(i).textarea,
+				"onUpdate:modelValue": o[0] ||= (e) => n.value = e,
+				placeholder: e.placeholder,
+				required: e.required,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				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, {
+					"cursor-not-allowed": e.disabled,
+					"border-danger focus:border-danger": p.value,
+					"border-0 focus:border-0": e.noBorder
+				}]]),
+				onFocus: o[1] ||= (e) => a("focus"),
+				onBlur: o[2] ||= (e) => a("blur"),
+				onInput: o[3] ||= (e) => a("input")
+			}, 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"
+			}, N(e), 1))), 128)) : c("", !0)])) : c("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-a5005dfc"]]);
+//#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 };