@febkosq8/arc 0.6.7 → 0.8.0

package/dist/arc.js

@@ -1,38 +1,43 @@
 import { cva as e, cx as t } from "@rinzai/zen";
-import { Children as n, Fragment as r, cloneElement as i, isValidElement as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Combobox as p } from "@base-ui/react/combobox";
-import { FaCheck as m, FaChevronDown as h } from "react-icons/fa6";
-import { DateTime as g } from "luxon";
-import { Menu as _ } from "@base-ui/react/menu";
-import { FiChevronDown as v, FiChevronRight as y, FiMonitor as b, FiMoon as x, FiSun as S } from "react-icons/fi";
-import { Dialog as C } from "@base-ui/react/dialog";
-import { RxCross1 as w } from "react-icons/rx";
-import { Popover as T } from "@base-ui/react/popover";
-import { Select as E } from "@base-ui/react/select";
-import { Switch as D } from "@base-ui/react/switch";
+import { Children as n, Fragment as r, cloneElement as i, isValidElement as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Combobox as m } from "@base-ui/react/combobox";
+import { FaAnglesLeft as h, FaAnglesRight as g, FaArrowDownWideShort as _, FaArrowUpWideShort as v, FaArrowsUpDown as y, FaCheck as b, FaChevronDown as x, FaChevronLeft as S, FaChevronRight as C, FaEye as w, FaEyeSlash as T, FaFilterCircleXmark as E, FaLock as D, FaTableColumns as O } from "react-icons/fa6";
+import { RiInfoCardLine as k } from "react-icons/ri";
+import { Popover as A } from "@base-ui/react/popover";
+import { DateTime as j } from "luxon";
+import { Menu as M } from "@base-ui/react/menu";
+import { FiChevronDown as N, FiChevronRight as P, FiMonitor as F, FiMoon as I, FiSun as L } from "react-icons/fi";
+import { Dialog as R } from "@base-ui/react/dialog";
+import { RxCross1 as z } from "react-icons/rx";
+import { Select as B } from "@base-ui/react/select";
+import { rankItem as ee } from "@tanstack/match-sorter-utils";
+import { columnFilteringFeature as te, columnResizingFeature as ne, columnSizingFeature as re, columnVisibilityFeature as ie, createColumnHelper as ae, createFilteredRowModel as oe, createPaginatedRowModel as se, createSortedRowModel as ce, filterFn_includesString as le, globalFilteringFeature as ue, rowPaginationFeature as de, rowSortingFeature as fe, sortFn_alphanumeric as pe, sortFn_alphanumericCaseSensitive as me, sortFn_basic as he, sortFn_datetime as ge, sortFn_text as _e, sortFn_textCaseSensitive as ve, tableFeatures as ye, useTable as be } from "@tanstack/react-table";
+import { Switch as xe } from "@base-ui/react/switch";
 //#region components/button-group.tsx
-var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, children: s, ...c }) => /* @__PURE__ */ d("div", {
+var Se = ({ className: e, orientation: r = "horizontal", selectedVariant: o, children: s, ...c }) => /* @__PURE__ */ f("div", {
 	role: "group",
 	className: t("arc-button-group inline-flex w-fit gap-0 overflow-hidden rounded-md border border-border", "[&>.arc-button]:rounded-none! [&>.arc-button:not(:first-child)]:border-l [&>.arc-button:not(:first-child)]:border-border", "[&>.arc-double-click-button]:z-1 [&>.arc-double-click-button]:m-0 [&>.arc-double-click-button]:rounded-none! [&>.arc-double-click-button]:p-0", "[&>.arc-double-click-button>.arc-button]:rounded-none! [&>.arc-double-click-button>.arc-double-click-progress-ring]:inset-0 [&>.arc-double-click-button>.arc-double-click-progress-ring]:z-2 [&>.arc-double-click-button>.arc-double-click-progress-ring]:rounded-[inherit]", "[&>.arc-long-press-button]:z-1 [&>.arc-long-press-button]:m-0 [&>.arc-long-press-button]:rounded-none! [&>.arc-long-press-button]:p-0", "[&>.arc-long-press-button>.arc-button]:rounded-none! [&>.arc-long-press-button>.arc-double-click-progress-ring]:inset-0 [&>.arc-long-press-button>.arc-double-click-progress-ring]:z-2 [&>.arc-long-press-button>.arc-double-click-progress-ring]:rounded-[inherit]", r === "vertical" && "flex-col items-stretch [&>.arc-button]:w-full [&>.arc-double-click-button]:w-full [&>.arc-long-press-button]:w-full [&>.arc-button:not(:first-child)]:border-t [&>.arc-button:not(:first-child)]:border-l-0 [&>.arc-double-click-button:not(:first-child)]:border-t [&>.arc-double-click-button:not(:first-child)]:border-l-0 [&>.arc-long-press-button:not(:first-child)]:border-t [&>.arc-long-press-button:not(:first-child)]:border-l-0 [&>.arc-double-click-button:first-child]:rounded-t-md [&>.arc-double-click-button:last-child]:rounded-b-md [&>.arc-long-press-button:first-child]:rounded-t-md [&>.arc-long-press-button:last-child]:rounded-b-md", r === "horizontal" && "[&>.arc-double-click-button:not(:first-child)]:border-l [&>.arc-double-click-button:not(:first-child)]:border-border [&>.arc-long-press-button:not(:first-child)]:border-l [&>.arc-long-press-button:not(:first-child)]:border-border [&>.arc-double-click-button:first-child]:rounded-l-md [&>.arc-double-click-button:last-child]:rounded-r-md [&>.arc-long-press-button:first-child]:rounded-l-md [&>.arc-long-press-button:last-child]:rounded-r-md", e),
 	...c,
 	children: n.map(s, (e) => !o || !a(e) ? e : e.props["aria-pressed"] === !0 ? i(e, { variant: o }) : e)
-}), k = e("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 truncate", {
+}), Ce = e("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 truncate", {
 	variants: {
 		variant: {
 			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			success: "bg-success text-success-foreground hover:bg-success/90",
 			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 			ghost: "text-foreground hover:bg-accent hover:text-accent-foreground [&>svg]:text-inherit",
 			warning: "bg-warning text-warning-foreground hover:bg-warning/90",
 			"outline-primary": "border border-primary bg-background text-primary hover:bg-primary hover:text-primary-foreground",
 			"outline-secondary": "border border-secondary-foreground bg-background text-secondary-foreground hover:bg-secondary",
+			"outline-success": "border border-success bg-background text-success hover:bg-success hover:text-success-foreground",
 			"outline-destructive": "border border-destructive bg-background text-destructive hover:bg-destructive hover:text-destructive-foreground",
 			"outline-ghost": "border border-transparent bg-background text-foreground hover:bg-accent hover:text-accent-foreground [&>svg]:text-inherit",
 			"outline-warning": "border border-warning bg-background text-warning hover:bg-warning hover:text-warning-foreground"
 		},
 		size: {
-			xs: "h-7 rounded-md px-2 text-xs",
+			xs: "h-6 rounded-md px-2 text-xs",
 			sm: "h-8 pointer-coarse:min-h-10 rounded-md px-3 text-xs",
 			md: "h-10 pointer-coarse:min-h-11 px-4 py-2",
 			lg: "h-11 rounded-md px-8",
@@ -48,15 +53,15 @@ var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, chil
 		variant: "primary",
 		size: "md"
 	}
-}), A = Object.assign(({ className: e, variant: n, size: r, ...i }) => /* @__PURE__ */ d("button", {
-	className: t("arc-button", k({
+}), V = Object.assign(({ className: e, variant: n, size: r, ...i }) => /* @__PURE__ */ f("button", {
+	className: t("arc-button", Ce({
 		variant: n,
 		size: r,
 		className: e
 	})),
 	...i
-}), { Group: O }), j = ({ doubleClickMsDuration: e = 2e3, feedbackVariant: n = "warning", feedbackContent: r, variant: i = "primary", children: a, onClick: s, onDoubleClick: u, className: p, style: m, ...h }) => {
-	let [g, _] = l(!1), [v, y] = l(0), b = c(void 0), x = c(void 0), S = c(0), C = {
+}), { Group: Se }), we = ({ doubleClickMsDuration: e = 2e3, feedbackVariant: n = "warning", feedbackContent: r, variant: i = "primary", children: a, onClick: s, onDoubleClick: c, className: d, style: m, ...h }) => {
+	let [g, _] = u(!1), [v, y] = u(0), b = l(void 0), x = l(void 0), S = l(0), C = {
 		primary: "var(--color-primary)",
 		secondary: "var(--color-secondary-foreground)",
 		destructive: "var(--color-destructive)",
@@ -72,26 +77,26 @@ var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, chil
 		remainingTime: v,
 		variant: i,
 		feedbackVariant: n
-	}) : r, T = w === void 0 ? a : /* @__PURE__ */ f("span", {
+	}) : r, T = w === void 0 ? a : /* @__PURE__ */ p("span", {
 		className: "grid",
-		children: [/* @__PURE__ */ d("span", {
+		children: [/* @__PURE__ */ f("span", {
 			className: t("col-start-1 row-start-1", g ? "invisible" : "visible"),
 			"aria-hidden": g,
 			children: a
-		}), /* @__PURE__ */ d("span", {
+		}), /* @__PURE__ */ f("span", {
 			className: t("col-start-1 row-start-1", g ? "visible" : "invisible"),
 			"aria-hidden": !g,
 			children: w
 		})]
-	}), E = /* @__PURE__ */ d(A, {
+	}), E = /* @__PURE__ */ f(V, {
 		...h,
 		children: T,
-		className: t(p),
+		className: t(d),
 		style: { ...m },
 		variant: i,
 		"data-double-click-state": g ? "waiting" : void 0,
 		onClick: (t) => {
-			if (g && Date.now() <= S.current) _(!1), y(0), b.current && clearTimeout(b.current), x.current && clearInterval(x.current), u?.(t);
+			if (g && Date.now() <= S.current) _(!1), y(0), b.current && clearTimeout(b.current), x.current && clearInterval(x.current), c?.(t);
 			else {
 				let t = Date.now() + e;
 				S.current = t, _(!0), y(e), b.current && clearTimeout(b.current), x.current && clearInterval(x.current), x.current = setInterval(() => {
@@ -103,11 +108,11 @@ var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, chil
 			s?.(t);
 		}
 	});
-	return /* @__PURE__ */ f("span", {
+	return /* @__PURE__ */ p("span", {
 		"aria-label": g ? "Waiting for second click" : void 0,
 		className: "arc-double-click-button relative inline-flex",
 		"data-double-click-state": g ? "waiting" : void 0,
-		children: [E, /* @__PURE__ */ d("span", {
+		children: [E, /* @__PURE__ */ f("span", {
 			"aria-hidden": "true",
 			className: "arc-double-click-progress-ring pointer-events-none absolute inset-0 rounded-md p-px",
 			style: {
@@ -118,8 +123,8 @@ var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, chil
 			}
 		})]
 	});
-}, M = ({ longPressMsDuration: e = 2500, onLongPress: n, onClick: r, preventClick: i = !0, feedbackVariant: a = "warning", feedbackContent: s, variant: u = "primary", children: p, ...m }) => {
-	let h = c(void 0), g = c(void 0), _ = c(0), v = c(!1), [y, b] = l(!1), [x, S] = l(0), C = () => {
+}, Te = ({ longPressMsDuration: e = 2500, onLongPress: n, onClick: r, preventClick: i = !0, feedbackVariant: a = "warning", feedbackContent: s, variant: c = "primary", children: d, ...m }) => {
+	let h = l(void 0), g = l(void 0), _ = l(0), v = l(!1), [y, b] = u(!1), [x, S] = u(0), C = () => {
 		h.current && clearTimeout(h.current), g.current && clearInterval(g.current), h.current = void 0, g.current = void 0;
 	};
 	o(() => C, []);
@@ -133,27 +138,27 @@ var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, chil
 		isActive: v.current,
 		longPressMsDuration: e,
 		remainingTime: x,
-		variant: u,
+		variant: c,
 		feedbackVariant: a
-	}) : s, E = T === void 0 ? p : /* @__PURE__ */ f("span", {
+	}) : s, E = T === void 0 ? d : /* @__PURE__ */ p("span", {
 		className: "grid",
-		children: [/* @__PURE__ */ d("span", {
+		children: [/* @__PURE__ */ f("span", {
 			className: t("col-start-1 row-start-1", y ? "invisible" : "visible"),
 			"aria-hidden": y,
-			children: p
-		}), /* @__PURE__ */ d("span", {
+			children: d
+		}), /* @__PURE__ */ f("span", {
 			className: t("col-start-1 row-start-1", y ? "visible" : "invisible"),
 			"aria-hidden": !y,
 			children: T
 		})]
 	});
-	return /* @__PURE__ */ f("span", {
+	return /* @__PURE__ */ p("span", {
 		className: "arc-long-press-button relative inline-flex",
 		"data-long-press-state": y ? "pressing" : void 0,
-		children: [/* @__PURE__ */ d(A, {
+		children: [/* @__PURE__ */ f(V, {
 			...m,
 			children: E,
-			variant: u,
+			variant: c,
 			className: t(m.className),
 			"data-long-press-state": y ? "pressing" : void 0,
 			onPointerDown: (t) => {
@@ -174,7 +179,7 @@ var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, chil
 			onClick: (e) => {
 				v.current && i ? (e.preventDefault(), e.stopPropagation(), v.current = !1) : r?.(e);
 			}
-		}), /* @__PURE__ */ d("span", {
+		}), /* @__PURE__ */ f("span", {
 			"aria-hidden": "true",
 			className: "arc-double-click-progress-ring pointer-events-none absolute inset-0 rounded-md p-px",
 			style: {
@@ -185,45 +190,7 @@ var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, chil
 			}
 		})]
 	});
-};
-//#endregion
-//#region components/hash-navigation.ts
-function N({ intervalMs: e = 500, maxAttempts: t = 20, behavior: n = "smooth", block: r } = {}) {
-	if (typeof window > "u") return () => {};
-	let i = 0, a = setInterval(() => {
-		i += 1;
-		let { hash: e } = window.location;
-		if (!e || i > t) clearInterval(a);
-		else try {
-			let t = document.querySelector(e);
-			t && (t.scrollIntoView({
-				behavior: n,
-				block: r
-			}), clearInterval(a));
-		} catch (t) {
-			console.error(`Invalid hash in URL: ${e}`, t), clearInterval(a);
-		}
-	}, e);
-	return () => clearInterval(a);
-}
-function P(e) {
-	o(() => N(e), []);
-}
-function F({ container: e, sectionIds: t, hashFirstSection: n = !0, onActiveChange: r }) {
-	let i = t.map((e) => document.getElementById(e)).filter((e) => e !== null), a = window.location.hash.toLowerCase().slice(1) || null, o = () => {
-		let t = e.getBoundingClientRect(), o = t.top + t.height / 2, s = i.find((e) => {
-			let t = e.getBoundingClientRect();
-			return t.top <= o && t.bottom > o;
-		}), c = s ? i.indexOf(s) : -1;
-		if (r?.(c, i), !s || (a === s.id.toLowerCase() && (a = null), c === 0 && a)) return;
-		let l = c === 0 && !n ? "" : `#${s.id}`;
-		window.location.hash !== l && (window.history.replaceState(window.history.state, "", `${window.location.pathname}${window.location.search}${l}`), window.dispatchEvent(new HashChangeEvent("hashchange")));
-	};
-	return o(), e.addEventListener("scroll", o, { passive: !0 }), () => e.removeEventListener("scroll", o);
-}
-//#endregion
-//#region components/avatar.tsx
-var I = e("arc-avatar inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted ring-1 ring-border transition-all", {
+}, Ee = e("arc-avatar inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted ring-1 ring-border transition-all", {
 	variants: { size: {
 		xs: "size-6 text-xs",
 		sm: "size-7 text-sm",
@@ -232,40 +199,40 @@ var I = e("arc-avatar inline-flex shrink-0 items-center justify-center overflow-
 		xl: "size-12 text-xl"
 	} },
 	defaultVariants: { size: "md" }
-}), L = ({ name: e, image: n, size: r, className: i, ...a }) => {
-	let [c, u] = l(!1), f = n?.trim(), p = !!f && !c, m = s(() => e?.split(" ", 3)?.map((e) => e[0])?.filter((e) => /[A-Za-z]/.test(e))?.join("") || "U", [e]);
+}), De = ({ name: e, image: n, size: r, className: i, ...a }) => {
+	let [s, l] = u(!1), d = n?.trim(), p = !!d && !s, m = c(() => e?.split(" ", 3)?.map((e) => e[0])?.filter((e) => /[A-Za-z]/.test(e))?.join("") || "U", [e]);
 	return o(() => {
-		u(!1);
-	}, [f]), /* @__PURE__ */ d("span", {
-		className: t(I({
+		l(!1);
+	}, [d]), /* @__PURE__ */ f("span", {
+		className: t(Ee({
 			size: r,
 			className: i
 		})),
 		...a,
-		children: p ? /* @__PURE__ */ d("img", {
-			src: f,
+		children: p ? /* @__PURE__ */ f("img", {
+			src: d,
 			alt: e ?? "User avatar",
 			title: e ?? "User",
 			className: "h-full w-full object-cover",
-			onError: () => u(!0)
-		}) : /* @__PURE__ */ d("span", {
+			onError: () => l(!0)
+		}) : /* @__PURE__ */ f("span", {
 			className: "font-medium leading-none text-foreground",
 			title: e ?? "User",
 			children: m
 		})
 	});
-}, R = ({ className: e, ...n }) => /* @__PURE__ */ d("div", {
+}, Oe = ({ className: e, ...n }) => /* @__PURE__ */ f("div", {
 	role: "separator",
 	className: t("arc-divider w-full border-b border-border", e),
 	...n
-}), z = ({ items: e, value: n, onChange: r, className: i, placeholder: a = "Select an option", disabled: o, name: s, preventEmpty: c = !1, "data-name": l, "data-required": u }) => {
-	let g = e.find((e) => String(e.key) === String(n)) ?? null;
-	return /* @__PURE__ */ d(p.Root, {
+}), ke = ({ items: e, value: n, onChange: r, className: i, placeholder: a = "Select an option", disabled: o, name: s, preventEmpty: c = !1, "data-name": l, "data-required": u }) => {
+	let d = e.find((e) => String(e.key) === String(n)) ?? null;
+	return /* @__PURE__ */ f(m.Root, {
 		items: e,
-		value: g,
+		value: d,
 		onValueChange: (e) => {
 			if (c && e === null) return;
-			let t = e !== null && g !== null && String(e.key) === String(g.key);
+			let t = e !== null && d !== null && String(e.key) === String(d.key);
 			r?.(!c && t ? null : e);
 		},
 		itemToStringLabel: (e) => e?.label ?? "",
@@ -273,43 +240,43 @@ var I = e("arc-avatar inline-flex shrink-0 items-center justify-center overflow-
 		isItemEqualToValue: (e, t) => String(e.key) === String(t.key),
 		name: s,
 		disabled: o,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: t("arc-dropdown relative", i),
-			children: [/* @__PURE__ */ f(p.InputGroup, {
-				className: t("relative flex min-h-10 w-full items-center justify-between gap-5 rounded-md border border-border bg-background pr-2 text-foreground shadow-xs", "focus-within:border-transparent focus-within:outline-hidden focus-within:ring-2 focus-within:ring-ring", "data-disabled:cursor-not-allowed data-disabled:bg-muted data-disabled:text-muted-foreground"),
-				children: [/* @__PURE__ */ d(p.Input, {
+			children: [/* @__PURE__ */ p(m.InputGroup, {
+				className: t("relative flex h-8 w-full items-center justify-between gap-5 rounded border border-border bg-background pr-2 text-foreground shadow-xs pointer-coarse:h-9", "focus-within:border-transparent focus-within:outline-hidden focus-within:ring-2 focus-within:ring-ring", "data-disabled:cursor-not-allowed data-disabled:bg-muted data-disabled:text-muted-foreground"),
+				children: [/* @__PURE__ */ f(m.Input, {
 					className: "h-full grow border-none bg-transparent py-2 pl-3 outline-hidden placeholder:text-muted-foreground focus:ring-0 focus:outline-hidden disabled:cursor-not-allowed",
 					placeholder: a,
 					"data-name": l,
 					"data-required": u,
 					"data-disabled": o
-				}), /* @__PURE__ */ d(p.Trigger, {
+				}), /* @__PURE__ */ f(m.Trigger, {
 					className: "shrink-0 self-center rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
 					"aria-label": "Toggle options",
-					children: /* @__PURE__ */ d(h, {
+					children: /* @__PURE__ */ f(x, {
 						className: "h-5 w-5 text-foreground",
 						"aria-hidden": "true"
 					})
 				})]
-			}), /* @__PURE__ */ d(p.Portal, { children: /* @__PURE__ */ d(p.Positioner, {
+			}), /* @__PURE__ */ f(m.Portal, { children: /* @__PURE__ */ f(m.Positioner, {
 				className: "z-50",
 				sideOffset: 8,
-				children: /* @__PURE__ */ f(p.Popup, {
+				children: /* @__PURE__ */ p(m.Popup, {
 					className: "max-h-60 min-w-(--anchor-width) overflow-auto rounded-md border border-border bg-popover text-foreground shadow-lg outline-0",
-					children: [/* @__PURE__ */ d(p.Empty, {
+					children: [/* @__PURE__ */ f(m.Empty, {
 						className: "relative cursor-default select-none px-4 py-2 text-muted-foreground empty:hidden",
 						children: "No values to show."
-					}), /* @__PURE__ */ d(p.List, { children: (e) => /* @__PURE__ */ f(p.Item, {
+					}), /* @__PURE__ */ f(m.List, { children: (e) => /* @__PURE__ */ p(m.Item, {
 						value: e,
 						disabled: e.disabled,
 						className: t("relative flex h-8 w-full cursor-default select-none items-center gap-2 border-b border-border px-4 py-1 last:border-b-0", "data-selected:font-medium data-selected:text-primary", "data-highlighted:bg-accent data-highlighted:text-primary", "data-disabled:cursor-not-allowed data-disabled:opacity-50"),
-						children: [/* @__PURE__ */ d(p.ItemIndicator, {
+						children: [/* @__PURE__ */ f(m.ItemIndicator, {
 							className: "flex items-center",
-							children: /* @__PURE__ */ d(m, {
+							children: /* @__PURE__ */ f(b, {
 								className: "h-3 w-3",
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ d("span", {
+						}), /* @__PURE__ */ f("span", {
 							title: e.label,
 							className: "block truncate",
 							children: e.label
@@ -319,23 +286,165 @@ var I = e("arc-avatar inline-flex shrink-0 items-center justify-center overflow-
 			}) })]
 		})
 	});
-}, B = ({ data: e, className: n, ...r }) => {
+}, H = ({ data: e, className: n, ...r }) => {
 	let i = Array.isArray(e) ? e.join(", ") : typeof e == "string" ? e : null;
-	return /* @__PURE__ */ d("em", {
+	return /* @__PURE__ */ f("em", {
 		role: "alert",
 		className: t("arc-error-text animate-pulse whitespace-nowrap text-base font-semibold text-destructive", n),
 		title: i ?? void 0,
 		...r,
 		children: i
 	});
-}, V = e("arc-input rounded border text-foreground placeholder:text-muted-foreground focus:border-transparent focus:outline-hidden focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:border-muted disabled:bg-muted", {
+}, Ae = /* @__PURE__ */ "*.+.×.÷.=.~.!.?.@.#.%.&.§.¶.※.◇.◆.○.●.△.▽.□.■.♠.♣.♦.♤.♧.♢.♪.♫.∴.∵".split(".");
+function U(e, t, n) {
+	let r = Math.sin((e + 1) * 12.9898 + t * 78.233 + n * 37.719) * 43758.5453;
+	return r - Math.floor(r);
+}
+var W = [
+	"circle",
+	"square",
+	"diamond",
+	"star",
+	"heart",
+	"hexagon"
+], je = e("arc-grid-loader__cell grid aspect-square w-full place-items-center overflow-hidden text-center leading-none break-all", {
+	variants: { shape: {
+		circle: "rounded-full",
+		square: "rounded-md",
+		diamond: "arc-grid-loader__cell--diamond",
+		star: "arc-grid-loader__cell--star",
+		heart: "arc-grid-loader__cell--heart",
+		hexagon: "arc-grid-loader__cell--hexagon"
+	} },
+	defaultVariants: { shape: "circle" }
+}), Me = ({ className: e, rows: n = 3, columns: r = 3, size: i = 120, maxSize: a = 24, shape: s = "circle", shapes: c = W, colors: l = [], label: d = "Loading", symbols: p = Ae, style: m, ...h }) => {
+	let [g, _] = u([]), [v, y] = u([]), [b, x] = u([]), S = c.length > 0 ? c : W, [C, w] = u(() => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+	if (o(() => {
+		s === "mixed" && y(Array.from({ length: n * r }, () => S[Math.floor(Math.random() * S.length)]));
+	}, [
+		S,
+		r,
+		n,
+		s
+	]), o(() => {
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => w(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), o(() => {
+		C || p.length === 0 || _(Array.from({ length: n * r }, () => Math.floor(Math.random() * p.length)));
+	}, [
+		r,
+		C,
+		n,
+		p
+	]), !Number.isInteger(n) || n < 1) throw RangeError("GridLoader rows must be a positive integer.");
+	if (!Number.isInteger(r) || r < 1) throw RangeError("GridLoader columns must be a positive integer.");
+	if (!Number.isFinite(i) || i <= 0) throw RangeError("GridLoader size must be a positive number.");
+	if (!Number.isFinite(a) || a <= 0) throw RangeError("GridLoader maxSize must be a positive number.");
+	return /* @__PURE__ */ f("span", {
+		...h,
+		role: "status",
+		"aria-live": "polite",
+		"aria-label": d,
+		className: t("arc-grid-loader inline-flex shrink-0 items-center justify-center align-middle", e),
+		style: {
+			width: i,
+			height: i,
+			...m
+		},
+		children: /* @__PURE__ */ f("span", {
+			"aria-hidden": "true",
+			className: "grid h-full w-full place-items-center",
+			style: {
+				gap: "8%",
+				gridTemplateColumns: `repeat(${r}, minmax(0, 1fr))`,
+				gridTemplateRows: `repeat(${n}, minmax(0, 1fr))`
+			},
+			children: Array.from({ length: n * r }, (e, o) => /* @__PURE__ */ f("span", {
+				className: t(je({ shape: s === "mixed" ? v[o] ?? S[Math.floor(U(o, n, r) * S.length)] : s })),
+				onAnimationIteration: () => {
+					s === "mixed" && y((e) => {
+						let t = [...e], i = t[o] ?? S[Math.floor(U(o, n, r) * S.length)], a = S.filter((e) => e !== i);
+						return t[o] = a.length > 0 ? a[Math.floor(Math.random() * a.length)] : i, t;
+					}), l.length > 1 && x((e) => {
+						let t = [...e];
+						return t[o] = (t[o] ?? 0) + 1, t;
+					}), p.length > 1 && _((e) => {
+						let t = [...e];
+						return t[o] = ((t[o] ?? o % p.length) + (1 + Math.floor(Math.random() * (p.length - 1)))) % p.length, t;
+					});
+				},
+				style: {
+					animationDelay: l.length > 1 ? `${o / (n * r) * 1200}ms` : `${-U(o, n, r) * 1200}ms`,
+					animationDuration: l.length > 1 ? "1200ms" : `${900 + U(o, n, r) * 600}ms`,
+					backgroundColor: l.length > 0 ? l[(o + (b[o] ?? 0)) % l.length] : void 0,
+					fontSize: `${Math.min(i / Math.max(n, r), a) * .4}px`,
+					maxWidth: a,
+					maxHeight: a
+				},
+				children: p.length > 0 && /* @__PURE__ */ f("span", {
+					className: "grid h-full w-full place-items-center text-center leading-none",
+					children: p[g[o] ?? o % p.length]
+				})
+			}, o))
+		})
+	});
+}, G = ({ cardContent: e, children: n, trigger: r = "hover", triggerRender: i, side: a = "bottom", align: o = "center", className: s, open: c, onOpenChange: l }) => /* @__PURE__ */ p(A.Root, {
+	open: c,
+	onOpenChange: l,
+	children: [/* @__PURE__ */ f(A.Trigger, {
+		nativeButton: !!i,
+		openOnHover: r === "hover",
+		render: i ?? /* @__PURE__ */ f("span", {}),
+		children: n
+	}), /* @__PURE__ */ f(A.Portal, { children: /* @__PURE__ */ f(A.Positioner, {
+		className: "z-50",
+		side: a,
+		align: o,
+		sideOffset: 8,
+		children: /* @__PURE__ */ p(A.Popup, {
+			className: t("arc-preview-card relative w-fit max-w-[calc(100vw-1rem)] rounded-md border border-border bg-popover px-2 py-3 text-foreground shadow-lg ring-1 ring-border/60", s),
+			children: [/* @__PURE__ */ f(A.Arrow, { className: t("border-border bg-popover h-3 w-3 rotate-45", "data-[side=bottom]:-top-1.5 data-[side=bottom]:border-t data-[side=bottom]:border-l", "data-[side=top]:-bottom-1.5 data-[side=top]:border-r data-[side=top]:border-b", "data-[side=left]:-right-1.5 data-[side=left]:border-t data-[side=left]:border-r", "data-[side=right]:-left-1.5 data-[side=right]:border-b data-[side=right]:border-l") }), e]
+		})
+	}) })]
+}), Ne = ({ id: e, label: n, help: r, errors: i, className: a, ...o }) => {
+	let s = Array.isArray(i) ? i.map((e) => e == null ? "" : String(e)) : typeof i == "string" ? i : null;
+	return /* @__PURE__ */ p("div", {
+		...o,
+		className: t("flex h-7 w-full items-center justify-start gap-2 overflow-hidden", a),
+		children: [
+			/* @__PURE__ */ f("label", {
+				className: "w-fit text-xl leading-none font-bold whitespace-nowrap",
+				title: n,
+				htmlFor: e,
+				children: n
+			}),
+			r != null && r !== !1 && /* @__PURE__ */ f(G, {
+				trigger: "hover",
+				triggerRender: /* @__PURE__ */ f("button", {
+					type: "button",
+					"aria-label": `Help for ${n}`,
+					className: "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground transition hover:bg-accent hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-opacity-75"
+				}),
+				cardContent: /* @__PURE__ */ f("div", {
+					className: "max-w-100 wrap-break-word text-sm leading-5",
+					children: r
+				}),
+				children: /* @__PURE__ */ f(k, {
+					className: "h-4 w-4",
+					"aria-hidden": "true"
+				})
+			}),
+			s && (Array.isArray(s) ? s.length > 0 && /* @__PURE__ */ f(H, { data: s }) : /* @__PURE__ */ f(H, { data: s }))
+		]
+	});
+}, Pe = e("arc-input rounded border text-foreground placeholder:text-muted-foreground focus:border-transparent focus:outline-hidden focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:border-muted disabled:bg-muted", {
 	variants: {
 		variant: {
 			default: "border-border bg-background",
 			ghost: "border-transparent bg-transparent"
 		},
 		as: {
-			input: "h-10 pointer-coarse:h-11 p-1 pl-2",
+			input: "h-8 pointer-coarse:h-9 p-1 pl-2",
 			textarea: "min-h-50 max-h-250 resize-y overflow-auto! p-2 whitespace-pre-wrap"
 		}
 	},
@@ -343,17 +452,17 @@ var I = e("arc-avatar inline-flex shrink-0 items-center justify-center overflow-
 		variant: "default",
 		as: "input"
 	}
-}), H = ({ as: e = "input", className: n, variant: r, ...i }) => {
-	let a = t(V({
+}), K = ({ as: e = "input", className: n, variant: r, ...i }) => {
+	let a = t(Pe({
 		as: e,
 		variant: r
 	}), n);
-	return d(e === "textarea" ? "textarea" : "input", {
+	return f(e === "textarea" ? "textarea" : "input", {
 		...i,
 		autoComplete: "off",
 		className: a
 	});
-}, ee = e("arc-card group relative rounded-lg border border-foreground/40 bg-card/90 p-3 shadow-xs", {
+}, Fe = e("arc-card group relative rounded-lg border border-foreground/40 bg-card/90 p-3 shadow-xs", {
 	variants: { variant: {
 		primary: "border-primary bg-primary text-primary-foreground",
 		secondary: "border-secondary bg-secondary text-secondary-foreground",
@@ -365,57 +474,57 @@ var I = e("arc-avatar inline-flex shrink-0 items-center justify-center overflow-
 		"outline-warning": "border-warning bg-background text-warning"
 	} },
 	defaultVariants: { variant: "outline-secondary" }
-}), U = (e) => {
-	let { className: n, variant: r, hoverable: i = !0, hoverLift: a = !0, hoverBorder: o = !0, hoverGradient: s = !0, postHeaderBorder: c = !0, preFooterBorder: l = !0, onPointerMove: u, ...f } = e, p = i && a, m = i && o, h = i && s;
-	return /* @__PURE__ */ d("div", {
-		className: t(ee({ variant: r }), h && "arc-card-cursor-border", c && "[&_.arc-card-header]:border-b", !c && "[&_.arc-card-header]:border-b-0", l && "[&_.arc-card-footer]:border-t", !l && "[&_.arc-card-footer]:border-t-0", (p || m) && "transition-[border-color,transform] duration-300 ease-out", p && "hover:-translate-y-1", m && "hover:border-primary", n),
+}), q = (e) => {
+	let { className: n, variant: r, hoverable: i = !0, hoverLift: a = !0, hoverBorder: o = !0, hoverGradient: s = !0, postHeaderBorder: c = !0, preFooterBorder: l = !0, onPointerMove: u, ...d } = e, p = i && a, m = i && o, h = i && s;
+	return /* @__PURE__ */ f("div", {
+		className: t(Fe({ variant: r }), h && "arc-card-cursor-border", c && "[&_.arc-card-header]:border-b", !c && "[&_.arc-card-header]:border-b-0", l && "[&_.arc-card-footer]:border-t", !l && "[&_.arc-card-footer]:border-t-0", (p || m) && "transition-[border-color,transform] duration-300 ease-out", p && "hover:-translate-y-1", m && "hover:border-primary", n),
 		onPointerMove: h ? (e) => {
 			if (u?.(e), !h) return;
 			let t = e.currentTarget.getBoundingClientRect();
 			e.currentTarget.style.setProperty("--card-pointer-x", `${e.clientX - t.left}px`), e.currentTarget.style.setProperty("--card-pointer-y", `${e.clientY - t.top}px`);
 		} : u,
-		...f
+		...d
 	});
 };
-U.Header = (e) => {
+q.Header = (e) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ d("h2", {
+	return /* @__PURE__ */ f("h2", {
 		className: t("arc-card-header flex w-full typography-heading-3 flex-col border-foreground/40 px-0 pb-1", n),
 		...r
 	});
-}, U.Content = (e) => {
+}, q.Content = (e) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: t("arc-card-content typography-paragraph mt-0! w-full justify-between px-0 py-1 whitespace-pre-wrap", n),
 		...r
 	});
-}, U.Footer = (e) => {
+}, q.Footer = (e) => {
 	let { className: n, ...r } = e;
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		className: t("arc-card-footer typography-muted mt-auto mb-0 flex w-full items-end justify-start border-foreground/40 px-0 pt-1", n),
 		...r
 	});
 };
 //#endregion
-//#region components/date-handler.ts
-var W = class e {
+//#region utilities/date-handler.ts
+var J = class e {
 	static toDateTime(e) {
-		if (e == null || e === "") return g.invalid("missing date");
-		if (e instanceof Date) return g.fromJSDate(e);
-		if (typeof e == "number") return g.fromMillis(e);
-		if (typeof e == "bigint") return g.fromMillis(Number(e));
+		if (e == null || e === "") return j.invalid("missing date");
+		if (e instanceof Date) return j.fromJSDate(e);
+		if (typeof e == "number") return j.fromMillis(e);
+		if (typeof e == "bigint") return j.fromMillis(Number(e));
 		if (typeof e == "string") {
 			let t = e.trim();
-			if (t === "") return g.invalid("missing date");
+			if (t === "") return j.invalid("missing date");
 			if (/^-?\d+$/.test(t)) {
 				let e = Number(t.length === 10 ? Number(t) * 1e3 : t);
-				return g.fromMillis(e);
+				return j.fromMillis(e);
 			}
-			return g.fromISO(t);
+			return j.fromISO(t);
 		}
-		return g.fromJSDate(new Date(String(e)));
+		return j.fromJSDate(new Date(String(e)));
 	}
-	static getDateTime(t, n = "dd/MM/yyyy hh:mm:ss a") {
+	static getDateTime(t, n = "dd/MMM/yyyy hh:mm:ss a") {
 		let r = e.toDateTime(t);
 		return r.isValid ? r.toFormat(n) : "";
 	}
@@ -449,16 +558,16 @@ var W = class e {
 		return i.length > 0 ? i.join(", ") : null;
 	}
 	static generateOffsetDateTime({ offset: e, future: t = !0, format: n = "dd/MM/yyyy hh:mm:ss a" }) {
-		let r = t ? g.now().plus(e) : g.now().minus(e);
+		let r = t ? j.now().plus(e) : j.now().minus(e);
 		return n ? r.toFormat(n) : r.toISO();
 	}
 	static getFormattedTime(t, n = "$ISO$ ($RELATIVE$)") {
 		let r = e.getDateTime(t), i = e.getRelativeTime(t);
 		return n.replace("$ISO$", r).replace("$RELATIVE$", i);
 	}
-}, te = ({ value: e, format: t = "$ISO$ ($RELATIVE$)", ...n }) => {
-	let r = s(() => e ? W.getFormattedTime(e, t) : "", [e, t]);
-	return /* @__PURE__ */ d(H, {
+}, Ie = ({ value: e, format: t = "$ISO$ ($RELATIVE$)", ...n }) => {
+	let r = c(() => e ? J.getFormattedTime(e, t) : "", [e, t]);
+	return /* @__PURE__ */ f(K, {
 		type: "text",
 		disabled: !0,
 		readOnly: !0,
@@ -466,7 +575,7 @@ var W = class e {
 		size: Math.max(r.length, 1),
 		...n
 	});
-}, ne = e("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", {
+}, Le = e("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", {
 	variants: {
 		variant: {
 			pill: "arc-pill-link min-w-fit border border-transparent text-base text-muted-foreground transition hover:text-primary hover:outline-none hover:ring-0 focus:outline-none focus-visible:ring-opacity-75",
@@ -487,8 +596,8 @@ var W = class e {
 		variant: "pill",
 		size: "md"
 	}
-}), re = ({ active: e = !1, className: n, size: r = "md", variant: i = "pill", ...a }) => /* @__PURE__ */ d("a", {
-	className: t(ne({
+}), Re = ({ active: e = !1, className: n, size: r = "md", variant: i = "pill", ...a }) => /* @__PURE__ */ f("a", {
+	className: t(Le({
 		variant: i,
 		size: r
 	}), e && {
@@ -498,29 +607,29 @@ var W = class e {
 	}[i], n),
 	"aria-current": e ? "page" : void 0,
 	...a
-}), G = ({ active: e = !1, className: n, ...r }) => /* @__PURE__ */ d("button", {
+}), Y = ({ active: e = !1, className: n, ...r }) => /* @__PURE__ */ f("button", {
 	type: "button",
 	className: t("arc-pill", "inline-flex h-10 pointer-coarse:h-11 w-full items-center justify-center whitespace-nowrap rounded-md border border-transparent px-3 py-2 text-base font-medium text-foreground transition hover:text-primary hover:outline-none hover:ring-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-opacity-75", e ? "text-primary!" : "text-muted-foreground", n),
 	"aria-pressed": e,
 	...r
-}), K = ({ children: e }) => n.toArray(e).map((e, t) => /* @__PURE__ */ f(r, { children: [t > 0 && /* @__PURE__ */ d(_.Separator, { className: "mx-2 h-px bg-border" }), e] }, t)), q = Object.assign(({ className: e, contentClassName: n, active: r, activeClassName: i, buttonText: a, children: o }) => /* @__PURE__ */ f(_.Root, {
+}), ze = ({ children: e }) => n.toArray(e).map((e, t) => /* @__PURE__ */ p(r, { children: [t > 0 && /* @__PURE__ */ f(M.Separator, { className: "mx-2 h-px bg-border" }), e] }, t)), X = Object.assign(({ className: e, contentClassName: n, active: r, activeClassName: i, buttonText: a, children: o }) => /* @__PURE__ */ p(M.Root, {
 	loopFocus: !0,
-	children: [/* @__PURE__ */ f(_.Trigger, {
-		render: /* @__PURE__ */ d(G, {
+	children: [/* @__PURE__ */ p(M.Trigger, {
+		render: /* @__PURE__ */ f(Y, {
 			active: r,
 			className: t("w-fit", r && i, e)
 		}),
-		children: [a, /* @__PURE__ */ d(v, {
+		children: [a, /* @__PURE__ */ f(N, {
 			className: "-mr-1 ml-2 h-4 w-4",
 			"aria-hidden": "true"
 		})]
-	}), /* @__PURE__ */ d(_.Portal, { children: /* @__PURE__ */ d(_.Positioner, {
+	}), /* @__PURE__ */ f(M.Portal, { children: /* @__PURE__ */ f(M.Positioner, {
 		className: "z-50",
 		sideOffset: 8,
 		collisionPadding: 8,
-		children: /* @__PURE__ */ d(_.Popup, {
+		children: /* @__PURE__ */ f(M.Popup, {
 			className: t("arc-menu-content z-50 flex bg-popover w-fit min-w-40 max-w-[calc(100vw-1rem)] origin-top-right flex-col overflow-hidden rounded-md border border-border text-foreground shadow-lg ring-1 ring-foreground/10 focus:outline-none", n),
-			children: /* @__PURE__ */ d(K, { children: o })
+			children: /* @__PURE__ */ f(ze, { children: o })
 		})
 	}) })]
 }), {
@@ -529,14 +638,14 @@ var W = class e {
 		if (r) {
 			let e = n.only(s);
 			if (!a(e)) throw Error("Menu.Item with asChild requires a single React element child.");
-			return /* @__PURE__ */ d(_.Item, {
+			return /* @__PURE__ */ f(M.Item, {
 				...c,
 				className: l,
 				nativeButton: o ?? !0,
 				render: e
 			});
 		}
-		return /* @__PURE__ */ d(_.Item, {
+		return /* @__PURE__ */ f(M.Item, {
 			...c,
 			className: l,
 			nativeButton: o,
@@ -545,44 +654,44 @@ var W = class e {
 	},
 	Sub: ({ active: e, buttonText: r, children: i }) => {
 		let o = n.toArray(i).some((e) => a(e) && e.props.active), s = e || o;
-		return /* @__PURE__ */ f(_.SubmenuRoot, {
+		return /* @__PURE__ */ p(M.SubmenuRoot, {
 			loopFocus: !0,
-			children: [/* @__PURE__ */ f(_.SubmenuTrigger, {
+			children: [/* @__PURE__ */ p(M.SubmenuTrigger, {
 				className: t("arc-pill arc-menu-sub-trigger inline-flex h-10 pointer-coarse:h-11 w-full items-center justify-between whitespace-nowrap rounded-md border border-transparent px-3 py-2 text-base font-medium text-foreground transition focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-opacity-75", "data-highlighted:bg-accent data-highlighted:text-primary", s && "text-primary!"),
-				children: [r, /* @__PURE__ */ d(y, {
+				children: [r, /* @__PURE__ */ f(P, {
 					className: "-mr-1 ml-2 h-4 w-4",
 					"aria-hidden": "true"
 				})]
-			}), /* @__PURE__ */ d(_.Portal, { children: /* @__PURE__ */ d(_.Positioner, {
+			}), /* @__PURE__ */ f(M.Portal, { children: /* @__PURE__ */ f(M.Positioner, {
 				className: "z-50",
 				side: "right",
 				align: "start",
 				sideOffset: 8,
 				collisionPadding: 8,
-				children: /* @__PURE__ */ d(_.Popup, {
+				children: /* @__PURE__ */ f(M.Popup, {
 					className: "arc-menu-content z-50 flex bg-popover w-fit min-w-40 max-w-[calc(100vw-1rem)] origin-top-right flex-col overflow-hidden rounded-md border border-border text-foreground shadow-lg ring-1 ring-foreground/10 focus:outline-none",
-					children: /* @__PURE__ */ d(K, { children: i })
+					children: /* @__PURE__ */ f(ze, { children: i })
 				})
 			}) })]
 		});
 	}
-}), ie = ({ open: e = !1, setOpen: n, children: r, initialFocus: i, headerContent: a, footerContent: s, width: c, height: l, className: u, customKeyHandler: p }) => (o(() => {
+}), Be = ({ open: e = !1, setOpen: n, children: r, initialFocus: i, headerContent: a, footerContent: s, width: c, height: l, className: u, customKeyHandler: d }) => (o(() => {
 	if (!e) return;
 	let t = (e) => {
 		let t = e.key === "Escape" ? "esc" : (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "s" ? "ctrl+s" : null;
-		t && (e.preventDefault(), t === "esc" && n(!1), p?.(t, e));
+		t && (e.preventDefault(), t === "esc" && n(!1), d?.(t, e));
 	};
 	return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
 }, [
 	e,
 	n,
-	p
-]), /* @__PURE__ */ d(C.Root, {
+	d
+]), /* @__PURE__ */ f(R.Root, {
 	open: e,
 	onOpenChange: n,
-	children: /* @__PURE__ */ f(C.Portal, { children: [/* @__PURE__ */ d(C.Backdrop, { className: t("fixed inset-0 z-10 bg-black/80 transition-opacity duration-300", "data-ending-style:opacity-0 data-starting-style:opacity-0") }), /* @__PURE__ */ d(C.Viewport, {
+	children: /* @__PURE__ */ p(R.Portal, { children: [/* @__PURE__ */ f(R.Backdrop, { className: t("fixed inset-0 z-10 bg-black/80 transition-opacity duration-300", "data-ending-style:opacity-0 data-starting-style:opacity-0") }), /* @__PURE__ */ f(R.Viewport, {
 		className: "fixed inset-0 z-10 flex min-h-dvh items-center justify-center p-4",
-		children: /* @__PURE__ */ f(C.Popup, {
+		children: /* @__PURE__ */ p(R.Popup, {
 			initialFocus: i,
 			className: t("arc-modal flex max-h-full w-fit max-w-full flex-col overflow-auto rounded-md border border-border bg-card p-6 text-left align-middle text-foreground shadow-xl", "transition-all duration-300", "data-starting-style:scale-95 data-starting-style:opacity-0", "data-ending-style:scale-95 data-ending-style:opacity-0", u),
 			style: {
@@ -590,27 +699,27 @@ var W = class e {
 				height: l
 			},
 			children: [
-				/* @__PURE__ */ d(C.Title, {
+				/* @__PURE__ */ f(R.Title, {
 					className: "mb-4 border-b border-border pb-2 text-lg font-bold leading-6 text-foreground",
 					children: a
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					className: "grow",
 					children: r
 				}),
-				s && /* @__PURE__ */ d("div", {
+				s && /* @__PURE__ */ f("div", {
 					className: "mt-auto border-t border-border pt-2",
 					children: s
 				})
 			]
 		})
 	})] })
-})), ae = ({ id: e, items: n, value: r, onChange: i, className: a, placeholder: o = "Select options", disabled: s, name: c, preventEmpty: l = !1, "data-name": u, "data-required": g }) => {
-	let _ = n.filter((e) => r?.includes(String(e.key)));
-	return /* @__PURE__ */ d(p.Root, {
+})), Ve = ({ id: e, items: n, value: r, onChange: i, className: a, placeholder: o = "Select options", disabled: s, name: c, preventEmpty: l = !1, "data-name": u, "data-required": d }) => {
+	let h = n.filter((e) => r?.includes(String(e.key)));
+	return /* @__PURE__ */ f(m.Root, {
 		multiple: !0,
 		items: n,
-		value: _,
+		value: h,
 		onValueChange: (e) => {
 			l && e.length === 0 || i?.(e);
 		},
@@ -619,63 +728,63 @@ var W = class e {
 		isItemEqualToValue: (e, t) => String(e.key) === String(t.key),
 		name: c,
 		disabled: s,
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: t("arc-dropdown-multi relative", a),
-			children: [/* @__PURE__ */ f(p.InputGroup, {
-				className: t("relative flex min-h-10 w-full items-center justify-between gap-1.5 rounded-md border border-border bg-background py-1 pr-2 pl-2 text-foreground shadow-xs", "focus-within:border-transparent focus-within:outline-hidden focus-within:ring-2 focus-within:ring-ring", "data-disabled:cursor-not-allowed data-disabled:bg-muted data-disabled:text-muted-foreground"),
-				children: [/* @__PURE__ */ d(p.Value, { children: (n) => /* @__PURE__ */ f("div", {
+			children: [/* @__PURE__ */ p(m.InputGroup, {
+				className: t("relative flex min-h-8 w-full items-center justify-between gap-1.5 rounded border border-border bg-background py-1 pr-2 pl-2 text-foreground shadow-xs pointer-coarse:min-h-9", "focus-within:border-transparent focus-within:outline-hidden focus-within:ring-2 focus-within:ring-ring", "data-disabled:cursor-not-allowed data-disabled:bg-muted data-disabled:text-muted-foreground"),
+				children: [/* @__PURE__ */ f(m.Value, { children: (n) => /* @__PURE__ */ p("div", {
 					className: "flex min-w-0 grow flex-wrap items-center gap-1.5",
-					children: [/* @__PURE__ */ d(p.Chips, {
+					children: [/* @__PURE__ */ f(m.Chips, {
 						className: "flex flex-wrap gap-1.5",
-						children: n.map((e) => /* @__PURE__ */ f(p.Chip, {
+						children: n.map((e) => /* @__PURE__ */ p(m.Chip, {
 							className: "inline-flex items-center gap-1 rounded-md border border-border bg-muted px-2 py-0.5 text-sm text-foreground",
-							children: [/* @__PURE__ */ d("span", {
+							children: [/* @__PURE__ */ f("span", {
 								className: "max-w-32 truncate",
 								children: e.label
-							}), !s && (!l || n.length > 1) && /* @__PURE__ */ d(p.ChipRemove, {
+							}), !s && (!l || n.length > 1) && /* @__PURE__ */ f(m.ChipRemove, {
 								className: "ml-0.5 cursor-pointer rounded-md hover:text-destructive focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
 								"aria-label": `Remove ${e.label}`,
-								children: /* @__PURE__ */ d(w, {
+								children: /* @__PURE__ */ f(z, {
 									className: "h-3 w-3",
 									"aria-hidden": "true"
 								})
 							})]
 						}, e.key))
-					}), /* @__PURE__ */ d(p.Input, {
+					}), /* @__PURE__ */ f(m.Input, {
 						id: e,
 						className: t("h-full min-w-20 grow border-none bg-transparent py-0.5 pl-1 outline-hidden placeholder:text-muted-foreground focus:ring-0 focus:outline-hidden disabled:cursor-not-allowed", n.length > 0 && "placeholder-transparent"),
 						placeholder: o,
 						"data-name": u,
-						"data-required": g,
+						"data-required": d,
 						"data-disabled": s
 					})]
-				}) }), /* @__PURE__ */ d(p.Trigger, {
+				}) }), /* @__PURE__ */ f(m.Trigger, {
 					className: "shrink-0 self-center rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
 					"aria-label": "Toggle options",
-					children: /* @__PURE__ */ d(h, {
+					children: /* @__PURE__ */ f(x, {
 						className: "h-5 w-5 text-foreground",
 						"aria-hidden": "true"
 					})
 				})]
-			}), /* @__PURE__ */ d(p.Portal, { children: /* @__PURE__ */ d(p.Positioner, {
+			}), /* @__PURE__ */ f(m.Portal, { children: /* @__PURE__ */ f(m.Positioner, {
 				className: "z-50",
 				sideOffset: 8,
-				children: /* @__PURE__ */ f(p.Popup, {
+				children: /* @__PURE__ */ p(m.Popup, {
 					className: "max-h-60 min-w-(--anchor-width) overflow-auto rounded-md border border-border bg-popover text-foreground shadow-lg outline-0",
-					children: [/* @__PURE__ */ d(p.Empty, {
+					children: [/* @__PURE__ */ f(m.Empty, {
 						className: "relative cursor-default select-none px-4 py-2 text-muted-foreground empty:hidden",
 						children: "No values to show."
-					}), /* @__PURE__ */ d(p.List, { children: (e) => /* @__PURE__ */ f(p.Item, {
+					}), /* @__PURE__ */ f(m.List, { children: (e) => /* @__PURE__ */ p(m.Item, {
 						value: e,
 						disabled: e.disabled,
 						className: t("relative flex h-8 w-full cursor-default select-none items-center gap-2 border-b border-border px-4 py-1 last:border-b-0", "data-selected:font-medium data-selected:text-primary", "data-highlighted:bg-accent data-highlighted:text-primary", "data-disabled:cursor-not-allowed data-disabled:opacity-50"),
-						children: [/* @__PURE__ */ d(p.ItemIndicator, {
+						children: [/* @__PURE__ */ f(m.ItemIndicator, {
 							className: "flex items-center",
-							children: /* @__PURE__ */ d(m, {
+							children: /* @__PURE__ */ f(b, {
 								className: "h-3 w-3",
 								"aria-hidden": "true"
 							})
-						}), /* @__PURE__ */ d("span", {
+						}), /* @__PURE__ */ f("span", {
 							title: e.label,
 							className: "block truncate",
 							children: e.label
@@ -685,21 +794,7 @@ var W = class e {
 			}) })]
 		})
 	});
-}, oe = ({ cardContent: e, children: n, trigger: r = "hover", triggerRender: i, side: a = "bottom", align: o = "center", className: s }) => /* @__PURE__ */ f(T.Root, { children: [/* @__PURE__ */ d(T.Trigger, {
-	nativeButton: !!i,
-	openOnHover: r === "hover",
-	render: i ?? /* @__PURE__ */ d("span", {}),
-	children: n
-}), /* @__PURE__ */ d(T.Portal, { children: /* @__PURE__ */ d(T.Positioner, {
-	className: "z-50",
-	side: a,
-	align: o,
-	sideOffset: 8,
-	children: /* @__PURE__ */ d(T.Popup, {
-		className: t("arc-preview-card relative w-fit max-w-[calc(100vw-1rem)] rounded-md border border-border bg-popover px-2 py-3 text-foreground shadow-lg ring-1 ring-border/60", "data-[side=bottom]:before:absolute data-[side=bottom]:before:top-0 data-[side=bottom]:before:left-1/2 data-[side=bottom]:before:h-3 data-[side=bottom]:before:w-3 data-[side=bottom]:before:-translate-x-1/2 data-[side=bottom]:before:-translate-y-1/2 data-[side=bottom]:before:rotate-45", "data-[side=bottom]:before:border-t data-[side=bottom]:before:border-l data-[side=bottom]:before:border-border data-[side=bottom]:before:bg-popover", s),
-		children: e
-	})
-}) })] }), se = ({ id: e, value: n, onChange: r, data: i, className: a, disabled: o, placeholder: s, ...c }) => /* @__PURE__ */ f(E.Root, {
+}, Z = ({ id: e, value: n, onChange: r, data: i, className: a, disabled: o, placeholder: s, ...c }) => /* @__PURE__ */ p(B.Root, {
 	value: n,
 	onValueChange: (e) => {
 		e !== null && r(e);
@@ -710,40 +805,40 @@ var W = class e {
 		label: typeof e.label == "string" ? e.label : e.key
 	})),
 	...c,
-	children: [/* @__PURE__ */ f(E.Trigger, {
+	children: [/* @__PURE__ */ p(B.Trigger, {
 		id: e,
-		className: t("arc-select flex w-full items-center gap-2 overflow-hidden rounded-md border border-border bg-background px-2 py-1 text-foreground shadow-xs focus:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground", a),
-		children: [/* @__PURE__ */ d(E.Value, {
+		className: t("arc-select flex h-8 w-full items-center gap-2 overflow-hidden rounded border border-border bg-background px-2 py-1 text-foreground shadow-xs focus:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-9", "disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted-foreground", a),
+		children: [/* @__PURE__ */ f(B.Value, {
 			placeholder: s,
 			className: "min-w-0 flex-1 truncate text-left"
-		}), /* @__PURE__ */ d(E.Icon, {
+		}), /* @__PURE__ */ f(B.Icon, {
 			className: "shrink-0",
-			children: /* @__PURE__ */ d(h, {
+			children: /* @__PURE__ */ f(x, {
 				className: "h-3.5 w-3.5 text-muted-foreground",
 				"aria-hidden": "true"
 			})
 		})]
-	}), /* @__PURE__ */ d(E.Portal, { children: /* @__PURE__ */ d(E.Positioner, {
+	}), /* @__PURE__ */ f(B.Portal, { children: /* @__PURE__ */ f(B.Positioner, {
 		className: "z-50 outline-none",
 		sideOffset: 8,
 		alignItemWithTrigger: !1,
 		side: "bottom",
 		align: "start",
-		children: /* @__PURE__ */ d(E.Popup, {
+		children: /* @__PURE__ */ f(B.Popup, {
 			className: "min-w-(--anchor-width) overflow-hidden rounded-md border border-border bg-popover text-foreground shadow-lg outline-none",
-			children: /* @__PURE__ */ d(E.List, {
+			children: /* @__PURE__ */ f(B.List, {
 				className: "max-h-60 overflow-auto outline-none",
-				children: i.map((e) => /* @__PURE__ */ f(E.Item, {
+				children: i.map((e) => /* @__PURE__ */ p(B.Item, {
 					value: e.key,
 					disabled: e.disabled ?? !1,
 					className: t("relative flex w-full cursor-default select-none items-center gap-2 px-2 py-1 outline-none", "data-highlighted:bg-accent data-highlighted:text-primary", "data-selected:font-medium data-selected:text-primary", "data-disabled:cursor-not-allowed data-disabled:opacity-50"),
-					children: [/* @__PURE__ */ d(E.ItemIndicator, {
+					children: [/* @__PURE__ */ f(B.ItemIndicator, {
 						className: "flex items-center",
-						children: /* @__PURE__ */ d(m, {
+						children: /* @__PURE__ */ f(b, {
 							className: "h-3 w-3",
 							"aria-hidden": "true"
 						})
-					}), /* @__PURE__ */ d(E.ItemText, {
+					}), /* @__PURE__ */ f(B.ItemText, {
 						className: "block truncate",
 						children: e.label
 					})]
@@ -751,7 +846,7 @@ var W = class e {
 			})
 		})
 	}) })]
-}), ce = e("arc-tag inline-flex w-fit items-center rounded-full border border-transparent px-1.5 py-0.5 text-xs font-bold", {
+}), He = e("arc-tag inline-flex w-fit items-center rounded-full border border-transparent px-1.5 py-0.5 text-xs font-bold", {
 	variants: { variant: {
 		primary: "bg-primary text-primary-foreground",
 		secondary: "border-border bg-secondary text-secondary-foreground",
@@ -761,37 +856,507 @@ var W = class e {
 		outline: "border-border bg-transparent text-foreground"
 	} },
 	defaultVariants: { variant: "primary" }
-}), le = ({ className: e, variant: n, ...r }) => /* @__PURE__ */ d("div", {
-	className: t(ce({
+}), Ue = ({ className: e, variant: n, ...r }) => /* @__PURE__ */ f("div", {
+	className: t(He({
 		variant: n,
 		className: e
 	})),
 	...r
-}), ue = ({ className: e, href: n, text: r, target: i = "_blank", rel: a, ...o }) => /* @__PURE__ */ d("a", {
+}), We = (e, t, n, r) => {
+	let i = e.getValue(t), a = ee(i, n);
+	return r({ itemRank: a }), a.passed;
+}, Q = {
+	fuzzy: We,
+	includesString: le,
+	select: (e, t, n) => {
+		let r = e.getValue(t);
+		return Array.isArray(r) ? r.some((e) => String(e) === String(n)) : typeof r == "string" && r.includes(",") ? r.split(",").map((e) => e.trim()).includes(String(n)) : String(r) === String(n);
+	}
+}, Ge = ye({
+	columnMeta: {},
+	columnFilteringFeature: te,
+	columnResizingFeature: ne,
+	columnSizingFeature: re,
+	columnVisibilityFeature: ie,
+	globalFilteringFeature: ue,
+	rowPaginationFeature: de,
+	rowSortingFeature: fe,
+	filteredRowModel: oe(),
+	paginatedRowModel: se(),
+	sortedRowModel: ce(),
+	sortFns: {
+		alphanumeric: pe,
+		alphanumericCaseSensitive: me,
+		basic: he,
+		datetime: ge,
+		text: _e,
+		textCaseSensitive: ve
+	},
+	filterFns: Q
+});
+function Ke(e) {
+	return Object.prototype.hasOwnProperty.call(Q, e);
+}
+function qe(e, t) {
+	if (e !== !1) {
+		if (e === void 0) return t ? "select" : void 0;
+		if (typeof e == "function" || e === "auto" || Ke(e)) return e;
+		throw Error(`Unsupported table filterFn "${e}". Use "auto" or one of: ${Object.keys(Q).join(", ")}.`);
+	}
+}
+var Je = ae(), Ye = ({ data: e, columnDef: n, pageSize: r = 10, className: i, showHeader: a = !0, showFilters: o = !0, showSorting: l = !0 }) => {
+	let d = s(), [m, b] = u({
+		pageIndex: 0,
+		pageSize: r
+	}), [x, w] = u([]), [T, D] = u(""), [O, k] = u([]), [A, j] = u({}), M = x.length > 0 || T !== "", N = c(() => n?.map((e) => Je.accessor(e.accessorKey, {
+		id: e.id,
+		enableResizing: e.enableResizing,
+		enableColumnFilter: e.filterFn !== !1 && e.enableColumnFilter,
+		enableSorting: e.enableSorting,
+		enableHiding: e.enableHiding ?? !0,
+		size: e.size,
+		minSize: e.minSize ?? 50,
+		maxSize: e.maxSize ?? 1e3,
+		filterFn: qe(e.filterFn, e.filterSelectOptions),
+		meta: {
+			headerLabel: e.header,
+			filterSelectOptions: e.filterSelectOptions,
+			mobileFullWidth: e.mobileFullWidth
+		},
+		header: (n) => {
+			let r = n.column.getIsSorted(), i = n.column.getCanSort();
+			return /* @__PURE__ */ f("div", {
+				className: "flex flex-col gap-1.5",
+				children: /* @__PURE__ */ p("div", {
+					className: t("flex items-center gap-1.5", l && i && "cursor-pointer select-none"),
+					onClick: l && i ? n.column.getToggleSortingHandler() : void 0,
+					children: [/* @__PURE__ */ f("span", {
+						className: "min-w-0 truncate text-sm font-semibold tracking-wide",
+						children: e.header
+					}), l && i && /* @__PURE__ */ p("span", {
+						className: "text-muted-foreground ml-auto shrink-0 text-xs",
+						children: [
+							r === "asc" && /* @__PURE__ */ f(v, { className: "text-primary h-3.5 w-3.5" }),
+							r === "desc" && /* @__PURE__ */ f(_, { className: "text-primary h-3.5 w-3.5" }),
+							r === !1 && /* @__PURE__ */ f(y, { className: "h-3 w-3 opacity-60" })
+						]
+					})]
+				})
+			});
+		},
+		cell: e.cell ?? ((e) => e.getValue())
+	})), [n]), P = be({
+		data: e,
+		columns: N,
+		state: {
+			columnFilters: x,
+			globalFilter: T,
+			sorting: O,
+			pagination: m,
+			columnVisibility: A
+		},
+		enableColumnResizing: !0,
+		columnResizeMode: "onChange",
+		onColumnVisibilityChange: j,
+		onSortingChange: k,
+		onColumnFiltersChange: w,
+		onGlobalFilterChange: D,
+		globalFilterFn: We,
+		features: Ge,
+		defaultColumn: {
+			size: 200,
+			minSize: 50,
+			maxSize: 1e3
+		}
+	}), F = P.getFilteredRowModel().rows.length, I = P.getVisibleLeafColumns(), L = o && I.some((e) => e.getCanFilter()), R = l && I.some((e) => e.getCanSort()), z = (e) => n.find((t) => (t.id ?? t.accessorKey) === e)?.header ?? e;
+	return /* @__PURE__ */ p("div", {
+		className: t("flex w-full min-w-0 flex-col", i),
+		children: [
+			a && /* @__PURE__ */ p("div", {
+				className: "border-muted-foreground bg-card relative z-10 flex flex-col gap-3 rounded-t-lg border p-3 md:flex-row md:items-center md:gap-4",
+				children: [
+					/* @__PURE__ */ p("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ p(V, {
+							variant: "outline-secondary",
+							size: "sm",
+							disabled: !M && O.length === 0,
+							onClick: () => {
+								w([]), D(""), k([]);
+							},
+							title: "Clear filters and sorting",
+							type: "button",
+							children: [/* @__PURE__ */ f(E, { className: "mr-1.5 h-3 w-3" }), "Clear filters and sorting"]
+						}), /* @__PURE__ */ f(Qe, { table: P })]
+					}),
+					/* @__PURE__ */ p("nav", {
+						"aria-label": "Table pagination",
+						className: "flex w-full items-center justify-between gap-1 md:flex-1 md:justify-center",
+						children: [
+							/* @__PURE__ */ p("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ f(V, {
+									variant: "outline-secondary",
+									size: "icon-md",
+									className: "h-10 w-10 sm:h-8 sm:w-8",
+									onClick: () => b((e) => ({
+										...e,
+										pageIndex: 0
+									})),
+									disabled: !P.getCanPreviousPage(),
+									title: "First page",
+									"aria-label": "First page",
+									type: "button",
+									children: /* @__PURE__ */ f(h, {
+										"aria-hidden": "true",
+										className: "h-3.5 w-3.5"
+									})
+								}), /* @__PURE__ */ f(V, {
+									variant: "outline-secondary",
+									size: "icon-md",
+									className: "h-10 w-10 sm:h-8 sm:w-8",
+									onClick: () => b((e) => ({
+										...e,
+										pageIndex: e.pageIndex - 1
+									})),
+									disabled: !P.getCanPreviousPage(),
+									title: "Previous page",
+									"aria-label": "Previous page",
+									type: "button",
+									children: /* @__PURE__ */ f(S, {
+										"aria-hidden": "true",
+										className: "h-3.5 w-3.5"
+									})
+								})]
+							}),
+							/* @__PURE__ */ f("span", {
+								"aria-hidden": "true",
+								className: "text-muted-foreground px-1",
+								children: "·"
+							}),
+							/* @__PURE__ */ p("span", {
+								className: "text-center text-xs font-medium",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-foreground",
+									children: F > 0 ? `${F} ${F === 1 ? "row" : "rows"}` : "No rows"
+								}), F > 0 && /* @__PURE__ */ p("span", {
+									className: "text-muted-foreground block",
+									children: [
+										"Page ",
+										P.state.pagination.pageIndex + 1,
+										" of ",
+										P.getPageCount(),
+										M && " · filtered"
+									]
+								})]
+							}),
+							/* @__PURE__ */ f("span", {
+								"aria-hidden": "true",
+								className: "text-muted-foreground px-1",
+								children: "·"
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ f(V, {
+									variant: "outline-secondary",
+									size: "icon-md",
+									className: "h-10 w-10 sm:h-8 sm:w-8",
+									onClick: () => b((e) => ({
+										...e,
+										pageIndex: e.pageIndex + 1
+									})),
+									disabled: !P.getCanNextPage(),
+									title: "Next page",
+									"aria-label": "Next page",
+									type: "button",
+									children: /* @__PURE__ */ f(C, {
+										"aria-hidden": "true",
+										className: "h-3.5 w-3.5"
+									})
+								}), /* @__PURE__ */ f(V, {
+									variant: "outline-secondary",
+									size: "icon-md",
+									className: "h-10 w-10 sm:h-8 sm:w-8",
+									onClick: () => b((e) => ({
+										...e,
+										pageIndex: P.getPageCount() - 1
+									})),
+									disabled: !P.getCanNextPage(),
+									title: "Last page",
+									"aria-label": "Last page",
+									type: "button",
+									children: /* @__PURE__ */ f(g, {
+										"aria-hidden": "true",
+										className: "h-3.5 w-3.5"
+									})
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ p("label", {
+						htmlFor: `${d}-page-size`,
+						className: "text-muted-foreground flex w-full items-center justify-between gap-2 text-xs md:w-auto",
+						children: ["Rows per page", /* @__PURE__ */ f(Z, {
+							id: `${d}-page-size`,
+							value: P.state.pagination.pageSize.toString(),
+							onChange: (e) => {
+								b({
+									...m,
+									pageSize: Number(e)
+								});
+							},
+							className: "w-16",
+							data: [
+								10,
+								20,
+								30,
+								40,
+								50
+							].map((e) => ({
+								key: e.toString(),
+								label: e.toString()
+							}))
+						})]
+					})
+				]
+			}),
+			(L || R) && /* @__PURE__ */ p("details", {
+				className: "border-muted-foreground border-x border-b px-3 py-2",
+				children: [/* @__PURE__ */ f("summary", {
+					className: "cursor-pointer text-sm font-medium",
+					children: L && R ? "Filters and sorting" : L ? "Filters" : "Sorting"
+				}), /* @__PURE__ */ p("div", {
+					className: "grid gap-3 pt-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+					children: [R && /* @__PURE__ */ p("div", {
+						className: "flex min-w-0 items-end gap-2",
+						children: [/* @__PURE__ */ p("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ f("label", {
+								htmlFor: `${d}-sort`,
+								className: "text-muted-foreground mb-1 block text-xs font-medium",
+								children: "Sort by"
+							}), /* @__PURE__ */ f(Z, {
+								id: `${d}-sort`,
+								value: O[0]?.id ?? "__none__",
+								onChange: (e) => {
+									k((t) => e === "__none__" ? [] : [{
+										id: e,
+										desc: t.find((t) => t.id === e)?.desc ?? !1
+									}]);
+								},
+								data: [{
+									key: "__none__",
+									label: "No sorting"
+								}, ...P.getVisibleLeafColumns().filter((e) => e.getCanSort()).map((e) => ({
+									key: e.id,
+									label: e.columnDef.meta?.headerLabel ?? e.id
+								}))]
+							})]
+						}), /* @__PURE__ */ f(V, {
+							variant: "outline-secondary",
+							size: "icon-sm",
+							disabled: O.length === 0,
+							title: O[0]?.desc ? "Sort ascending" : "Sort descending",
+							"aria-label": O[0]?.desc ? "Sort ascending" : "Sort descending",
+							onClick: () => k((e) => e.map((e, t) => t === 0 ? {
+								...e,
+								desc: !e.desc
+							} : e)),
+							type: "button",
+							children: O[0]?.desc ? /* @__PURE__ */ f(_, {
+								"aria-hidden": "true",
+								className: "h-3.5 w-3.5"
+							}) : /* @__PURE__ */ f(v, {
+								"aria-hidden": "true",
+								className: "h-3.5 w-3.5"
+							})
+						})]
+					}), L && I.filter((e) => e.getCanFilter()).map((e) => {
+						let t = e.columnDef.meta?.headerLabel ?? e.id, n = `${d}-${e.id}-filter`;
+						return /* @__PURE__ */ p("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ f("label", {
+								htmlFor: n,
+								className: "text-muted-foreground mb-1 block text-xs font-medium",
+								children: t
+							}), /* @__PURE__ */ f(Ze, {
+								column: e,
+								idPrefix: `${d}-`
+							})]
+						}, e.id);
+					})]
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: t("border-muted-foreground w-full min-w-0 overflow-hidden border-x border-b last:rounded-b-lg", !a && "rounded-t-lg border-t"),
+				children: [/* @__PURE__ */ f("div", {
+					className: "hidden w-full min-w-0 overflow-x-auto md:block",
+					children: /* @__PURE__ */ p("table", {
+						className: "w-full table-fixed border-collapse",
+						style: { minWidth: P.getVisibleLeafColumns().reduce((e, t) => e + t.getSize(), 0) },
+						children: [/* @__PURE__ */ f("thead", { children: P.getHeaderGroups().map((e) => /* @__PURE__ */ f("tr", {
+							className: "bg-muted/50",
+							children: e.headers.map((e) => /* @__PURE__ */ p("th", {
+								className: "border-border relative border-r border-b px-3 py-2.5 text-left last:border-r-0",
+								style: { width: e.getSize() },
+								colSpan: e.colSpan,
+								children: [e.isPlaceholder ? null : /* @__PURE__ */ f(P.FlexRender, { header: e }), /* @__PURE__ */ f("div", {
+									onDoubleClick: () => e.column.resetSize(),
+									onMouseDown: e.getResizeHandler(),
+									onTouchStart: e.getResizeHandler(),
+									className: t("absolute top-0 right-0 h-full w-1 cursor-col-resize", "hover:bg-primary/50 active:bg-primary", e.column.getIsResizing() && "bg-primary"),
+									children: e.column.getIsResizing() && /* @__PURE__ */ p("span", {
+										className: "bg-primary text-primary-foreground pointer-events-none absolute top-1/2 right-2 -translate-y-1/2 rounded px-1.5 py-0.5 text-[10px] font-medium whitespace-nowrap shadow",
+										children: [Math.round(e.getSize()), "px"]
+									})
+								})]
+							}, e.id))
+						}, e.id)) }), /* @__PURE__ */ p("tbody", { children: [P.getRowModel().rows.length === 0 && /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
+							colSpan: N.length,
+							className: "text-muted-foreground px-3 py-4 text-center text-sm",
+							children: "No results found."
+						}) }), P.getRowModel().rows.map((e, n) => /* @__PURE__ */ f("tr", {
+							className: t("h-8 transition-colors", "hover:bg-accent/50", n % 2 == 1 && "bg-muted/20", n < P.getRowModel().rows.length - 1 && "border-border border-b"),
+							children: e.getVisibleCells().map((e) => /* @__PURE__ */ f("td", {
+								className: "border-border max-w-0 truncate border-r px-2 text-sm last:border-r-0",
+								children: /* @__PURE__ */ f(P.FlexRender, { cell: e })
+							}, e.id))
+						}, e.id))] })]
+					})
+				}), /* @__PURE__ */ f("div", {
+					className: "flex flex-col gap-3 p-3 md:hidden",
+					children: P.getRowModel().rows.length === 0 ? /* @__PURE__ */ f("div", {
+						className: "text-muted-foreground px-3 py-4 text-center text-sm",
+						children: "No results found."
+					}) : P.getRowModel().rows.map((e, n) => /* @__PURE__ */ f("article", {
+						className: t("border-border bg-background min-w-0 rounded-md border p-4", n % 2 == 1 && "bg-muted/20"),
+						children: /* @__PURE__ */ f("dl", {
+							className: "flex min-w-0 flex-col gap-2",
+							children: e.getVisibleCells().map((e, n) => /* @__PURE__ */ p("div", {
+								className: t("border-border min-w-0 border-b pb-2 last:border-b-0 last:pb-0", n === 0 || e.column.columnDef.meta?.mobileFullWidth ? "flex flex-col gap-1" : "grid grid-cols-[minmax(5rem,1fr)_minmax(0,2fr)] items-start gap-2"),
+								children: [/* @__PURE__ */ f("dt", {
+									className: "text-muted-foreground shrink-0 text-xs font-medium",
+									children: z(e.column.id)
+								}), /* @__PURE__ */ f("dd", {
+									className: t("max-w-full min-w-0 overflow-hidden text-sm break-all *:max-w-full", n === 0 && "font-medium", e.column.columnDef.meta?.mobileFullWidth && "w-full"),
+									children: /* @__PURE__ */ f(P.FlexRender, { cell: e })
+								})]
+							}, e.id))
+						})
+					}, e.id))
+				})]
+			})
+		]
+	});
+};
+function Xe({ value: e, onChange: t, debounce: n = 500, ...r }) {
+	let [i, a] = u(e);
+	return o(() => {
+		a(e);
+	}, [e]), o(() => {
+		let e = setTimeout(() => {
+			t(i);
+		}, n);
+		return () => clearTimeout(e);
+	}, [
+		i,
+		n,
+		t
+	]), /* @__PURE__ */ f(K, {
+		...r,
+		value: i,
+		onChange: (e) => a(e.target.value),
+		autoComplete: "off"
+	});
+}
+function Ze({ column: e, idPrefix: t = "" }) {
+	let n = `${t}${e.id}-filter`, r = {
+		includesString: "Includes string",
+		equalsString: "Equals string",
+		arrIncludes: "Included in list",
+		equals: "Equals",
+		fuzzy: "Fuzzy"
+	}, i = e.getFilterValue(), a = e.columnDef.meta?.filterSelectOptions;
+	return a ? /* @__PURE__ */ f(Z, {
+		id: n,
+		value: i ?? "__all__",
+		onChange: (t) => e.setFilterValue(t === "__all__" ? void 0 : t),
+		className: "w-full text-xs",
+		data: [{
+			key: "__all__",
+			label: "All"
+		}, ...a.map((e) => ({
+			key: e.value,
+			label: e.label
+		}))]
+	}) : /* @__PURE__ */ f(Xe, {
+		id: n,
+		type: "text",
+		name: e.id,
+		value: i ?? "",
+		onChange: (t) => e.setFilterValue(t),
+		title: `Search (${r[e.columnDef.filterFn]})`,
+		placeholder: "Filter...",
+		className: "border-border text-foreground placeholder:text-muted-foreground focus:ring-ring w-full rounded border bg-transparent px-2 py-1 text-xs shadow-sm focus:border-transparent focus:ring-1 focus:outline-hidden"
+	});
+}
+function Qe({ table: e }) {
+	return /* @__PURE__ */ p(G, {
+		trigger: "click",
+		triggerRender: /* @__PURE__ */ f(V, {
+			variant: "outline-secondary",
+			size: "sm",
+			title: "Toggle columns",
+			type: "button"
+		}),
+		side: "bottom",
+		align: "start",
+		className: "p-1",
+		cardContent: /* @__PURE__ */ f("div", {
+			className: "flex flex-col",
+			children: e.getAllLeafColumns().map((e) => {
+				let n = e.columnDef.meta?.headerLabel ?? e.id, r = e.getCanHide(), i = e.getIsVisible();
+				return /* @__PURE__ */ p(V, {
+					variant: "ghost",
+					size: "sm",
+					disabled: !r,
+					className: t("border-border flex w-full items-center justify-start gap-2 rounded-none border-x-0 border-t-0 text-xs shadow-none last:border-b-0", !r && "cursor-not-allowed opacity-50"),
+					onClick: () => r && e.toggleVisibility(!i),
+					type: "button",
+					children: [r ? i ? /* @__PURE__ */ f(w, { className: "text-primary h-3 w-3" }) : /* @__PURE__ */ f(T, { className: "text-muted-foreground h-3 w-3" }) : /* @__PURE__ */ f(D, { className: "h-3 w-3" }), n]
+				}, e.id);
+			})
+		}),
+		children: [/* @__PURE__ */ f(O, { className: "mr-1.5 h-3 w-3" }), "Columns"]
+	});
+}
+//#endregion
+//#region components/text-link.tsx
+var $e = ({ className: e, href: n, text: r, target: i = "_blank", rel: a, ...o }) => /* @__PURE__ */ f("a", {
 	className: t("arc-text-link rounded-md text-primary underline transition hover:text-primary/80 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-opacity-75", e),
 	href: n,
 	target: i,
 	rel: a ?? (i === "_blank" ? "noopener noreferrer" : void 0),
 	...o,
 	children: r
-}), de = ({ checked: e = !1, onChange: n, disabled: r = !1, variant: i = "primary", children: a, ...o }) => /* @__PURE__ */ d(D.Root, {
+}), et = ({ checked: e = !1, onChange: n, disabled: r = !1, variant: i = "primary", children: a, ...o }) => /* @__PURE__ */ f(xe.Root, {
 	checked: e,
 	disabled: r,
 	onCheckedChange: n,
-	className: t("arc-switch", fe({
+	className: t("arc-switch", tt({
 		variant: i,
 		disabled: r
 	})),
 	...o,
-	children: a ? a(e) : /* @__PURE__ */ d(D.Thumb, {
+	children: a ? a(e) : /* @__PURE__ */ f(xe.Thumb, {
 		"aria-hidden": "true",
-		className: pe({
+		className: nt({
 			variant: i,
 			checked: e,
 			disabled: r
 		})
 	})
-}), fe = e("relative inline-flex h-7 w-12 items-center rounded-full border border-border bg-muted transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:not-data-disabled:ring-2 hover:not-data-disabled:ring-ring/60 data-disabled:cursor-not-allowed data-disabled:opacity-60", { variants: {
+}), tt = e("relative inline-flex h-7 w-12 items-center rounded-full border border-border bg-muted transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hover:not-data-disabled:ring-2 hover:not-data-disabled:ring-ring/60 data-disabled:cursor-not-allowed data-disabled:opacity-60", { variants: {
 	variant: {
 		danger: "data-checked:bg-destructive",
 		success: "data-checked:bg-success",
@@ -802,7 +1367,7 @@ var W = class e {
 		true: "ring-2 ring-border",
 		false: ""
 	}
-} }), pe = e("absolute top-1/2 inline-block h-5 w-5 -translate-y-1/2 transform rounded-full border shadow-sm transition-[left,background-color,border-color] duration-300 ease-out", {
+} }), nt = e("absolute top-1/2 inline-block h-5 w-5 -translate-y-1/2 transform rounded-full border shadow-sm transition-[left,background-color,border-color] duration-300 ease-out", {
 	variants: {
 		variant: {
 			primary: "",
@@ -895,95 +1460,95 @@ var W = class e {
 			className: "border-success bg-success/70"
 		}
 	]
-}), J = {
-	light: S,
-	dark: x,
-	system: b
-}, Y = {
+}), rt = {
+	light: L,
+	dark: I,
+	system: F
+}, $ = {
 	light: "Light",
 	dark: "Dark",
 	system: "System"
-}, X = "theme", Z = (e) => e === "dark" || e === "system" && typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches, me = () => {
+}, it = "theme", at = (e) => e === "dark" || e === "system" && typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches, ot = () => {
 	if (typeof window > "u") return "system";
-	let e = window.localStorage.getItem(X);
+	let e = window.localStorage.getItem(it);
 	return e === "light" || e === "dark" || e === "system" ? e : "system";
-}, Q = (e) => e === "system" ? "light" : e === "light" ? "dark" : "system";
-function he({ variant: e = "dropdown", showLabel: n = !1 }) {
-	let [r, i] = l(me);
+}, st = (e) => e === "system" ? "light" : e === "light" ? "dark" : "system";
+function ct({ variant: e = "dropdown", showLabel: n = !1 }) {
+	let [r, i] = u(ot);
 	o(() => {
-		typeof window < "u" && (document.documentElement.classList.toggle("dark", Z(r)), window.localStorage.setItem(X, r));
+		typeof window < "u" && (document.documentElement.classList.toggle("dark", at(r)), window.localStorage.setItem(it, r));
 	}, [r]);
 	let a = () => {
-		i(Q(r));
+		i(st(r));
 	};
 	if (e === "toggle") {
-		let e = J[r], t = Q(r);
-		return /* @__PURE__ */ d("div", {
+		let e = rt[r], t = st(r);
+		return /* @__PURE__ */ f("div", {
 			className: "arc-theme-switcher",
-			children: /* @__PURE__ */ f(G, {
-				active: Z(r),
+			children: /* @__PURE__ */ p(Y, {
+				active: at(r),
 				"aria-label": `Switch to ${t} theme`,
 				title: `Switch to ${t} theme`,
 				onClick: a,
 				className: "w-fit gap-3",
-				children: [/* @__PURE__ */ d(e, { "aria-hidden": "true" }), n && Y[r]]
+				children: [/* @__PURE__ */ f(e, { "aria-hidden": "true" }), n && $[r]]
 			})
 		});
 	}
-	let s = J[r];
-	return /* @__PURE__ */ d("div", {
+	let s = rt[r];
+	return /* @__PURE__ */ f("div", {
 		className: "arc-theme-switcher",
-		children: /* @__PURE__ */ f(q, {
+		children: /* @__PURE__ */ p(X, {
 			className: "gap-3",
 			contentClassName: "min-w-(--anchor-width)",
-			buttonText: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(s, { "aria-hidden": "true" }), n && Y[r]] }),
+			buttonText: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(s, { "aria-hidden": "true" }), n && $[r]] }),
 			children: [
-				/* @__PURE__ */ d(q.Item, {
+				/* @__PURE__ */ f(X.Item, {
 					asChild: !0,
 					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
-					children: /* @__PURE__ */ f(G, {
+					children: /* @__PURE__ */ p(Y, {
 						active: r === "system",
 						title: "System Theme",
 						onClick: () => {
 							i("system");
 						},
 						className: t("flex w-full gap-3 whitespace-nowrap rounded-t-md rounded-b-none p-2", n ? "justify-start" : "justify-center"),
-						children: [/* @__PURE__ */ d(b, {
+						children: [/* @__PURE__ */ f(F, {
 							className: "size-4",
 							"aria-hidden": "true"
-						}), n && Y.system]
+						}), n && $.system]
 					})
 				}),
-				/* @__PURE__ */ d(q.Item, {
+				/* @__PURE__ */ f(X.Item, {
 					asChild: !0,
 					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
-					children: /* @__PURE__ */ f(G, {
+					children: /* @__PURE__ */ p(Y, {
 						active: r === "light",
 						title: "Light Theme",
 						onClick: () => {
 							i("light");
 						},
 						className: t("flex w-full gap-3 whitespace-nowrap rounded-none p-2", n ? "justify-start" : "justify-center"),
-						children: [/* @__PURE__ */ d(S, {
+						children: [/* @__PURE__ */ f(L, {
 							className: "size-4",
 							"aria-hidden": "true"
-						}), n && Y.light]
+						}), n && $.light]
 					})
 				}),
-				/* @__PURE__ */ d(q.Item, {
+				/* @__PURE__ */ f(X.Item, {
 					asChild: !0,
 					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
-					children: /* @__PURE__ */ f(G, {
+					children: /* @__PURE__ */ p(Y, {
 						active: r === "dark",
 						title: "Dark Theme",
 						onClick: () => {
 							i("dark");
 						},
 						className: t("flex w-full gap-3 whitespace-nowrap rounded-b-md rounded-t-none p-2", n ? "justify-start" : "justify-center"),
-						children: [/* @__PURE__ */ d(x, {
+						children: [/* @__PURE__ */ f(I, {
 							className: "size-4",
 							"aria-hidden": "true"
-						}), n && Y.dark]
+						}), n && $.dark]
 					})
 				})
 			]
@@ -992,16 +1557,16 @@ function he({ variant: e = "dropdown", showLabel: n = !1 }) {
 }
 //#endregion
 //#region components/typing-animation.tsx
-function ge(e) {
+function lt(e) {
 	return e === "newline" ? "\n" : e === "comma" ? ", " : "";
 }
-function $(e, t, n, r, i) {
+function ut(e, t, n, r, i) {
 	if (r === "character") return Math.max(0, Math.min(e.length, t + n * i));
 	let a = [...e.matchAll(/\S+\s*/g)].map((e) => e.index + e[0].length), o = t;
 	for (let t = 0; t < n; t += 1) o = i === 1 ? a.find((e) => e > o) ?? e.length : [...a].reverse().find((e) => e < o) ?? 0;
 	return o;
 }
-function _e({ strings: e, placeholder: t, perTick: n = {
+function dt({ strings: e, placeholder: t, perTick: n = {
 	amount: 1,
 	unit: "character"
 }, msDelay: r = {
@@ -1009,8 +1574,8 @@ function _e({ strings: e, placeholder: t, perTick: n = {
 	deleting: 55,
 	hold: 1800,
 	dot: 500
-}, waitTillVisible: i = !0, pauseWhenHidden: a = !0, loop: s = e.length > 1, minVisiblePercent: u = 0, afterString: p = "clear", trailingDot: m = !1 }) {
-	let h = r?.typing ?? 110, g = r?.deleting ?? 55, _ = r?.hold ?? 1800, v = r?.dot ?? 500, y = n?.amount ?? 1, b = Number.isFinite(y) ? Math.max(1, Math.floor(y)) : 1, x = n?.unit ?? "character", [S, C] = l(""), [w, T] = l([]), [E, D] = l(!i), [O, k] = l(!1), [A, j] = l(!1), M = c(null), N = c(0), P = c(0), F = c(0), I = c(""), L = c(!1);
+}, waitTillVisible: i = !0, pauseWhenHidden: a = !0, loop: s = e.length > 1, minVisiblePercent: c = 0, afterString: d = "clear", trailingDot: m = !1 }) {
+	let h = r?.typing ?? 110, g = r?.deleting ?? 55, _ = r?.hold ?? 1800, v = r?.dot ?? 500, y = n?.amount ?? 1, b = Number.isFinite(y) ? Math.max(1, Math.floor(y)) : 1, x = n?.unit ?? "character", [S, C] = u(""), [w, T] = u([]), [E, D] = u(!i), [O, k] = u(!1), [A, j] = u(!1), M = l(null), N = l(0), P = l(0), F = l(0), I = l(""), L = l(!1);
 	o(() => {
 		if (!i) return;
 		let e = M.current;
@@ -1019,16 +1584,16 @@ function _e({ strings: e, placeholder: t, perTick: n = {
 			e.isIntersecting ? D(!0) : a && D(!1);
 		}, {
 			root: e.closest("main"),
-			threshold: Math.min(100, Math.max(0, u)) / 100
+			threshold: Math.min(100, Math.max(0, c)) / 100
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [
 		a,
 		i,
-		u
+		c
 	]), o(() => {
 		if (!E || e.length === 0) return;
-		let t, n = p !== "clear";
+		let t, n = d !== "clear";
 		N.current = 0, P.current = 0, F.current = 0, I.current = "", L.current = !1, C(""), T([]), k(!1);
 		let r = () => {
 			if (!s && N.current >= e.length) return;
@@ -1046,9 +1611,9 @@ function _e({ strings: e, placeholder: t, perTick: n = {
 				T([]), C(""), N.current += 1, P.current = 0, t = setTimeout(r, _);
 				return;
 			}
-			if (L.current) P.current = $(i, P.current, b, x, -1), C(i.slice(0, P.current)), P.current === 0 && (L.current = !1, N.current = (N.current + 1) % e.length);
+			if (L.current) P.current = ut(i, P.current, b, x, -1), C(i.slice(0, P.current)), P.current === 0 && (L.current = !1, N.current = (N.current + 1) % e.length);
 			else {
-				if (P.current = $(i, P.current, b, x, 1), C(i.slice(0, P.current)), L.current = !n && P.current === i.length && (s || N.current < e.length - 1), !n && P.current === i.length && !L.current && !s) {
+				if (P.current = ut(i, P.current, b, x, 1), C(i.slice(0, P.current)), L.current = !n && P.current === i.length && (s || N.current < e.length - 1), !n && P.current === i.length && !L.current && !s) {
 					k(!0);
 					return;
 				}
@@ -1063,7 +1628,7 @@ function _e({ strings: e, placeholder: t, perTick: n = {
 		E,
 		s,
 		_,
-		p,
+		d,
 		e,
 		b,
 		x,
@@ -1081,14 +1646,14 @@ function _e({ strings: e, placeholder: t, perTick: n = {
 		O,
 		v
 	]);
-	let R = A ? "." : "", z = p !== "clear", B = ge(p), V = w.reduce((e, t) => e + t.split("\n").length, 0);
-	return z ? /* @__PURE__ */ d("div", {
+	let R = A ? "." : "", z = d !== "clear", B = lt(d), ee = w.reduce((e, t) => e + t.split("\n").length, 0);
+	return z ? /* @__PURE__ */ f("div", {
 		ref: (e) => {
 			M.current = e;
 		},
 		className: "arc-typing-animation overflow-hidden",
-		style: { "--typing-roll-offset": V },
-		children: /* @__PURE__ */ f("div", {
+		style: { "--typing-roll-offset": ee },
+		children: /* @__PURE__ */ p("div", {
 			className: "whitespace-pre-line",
 			children: [
 				w.join(B),
@@ -1096,20 +1661,55 @@ function _e({ strings: e, placeholder: t, perTick: n = {
 				R
 			]
 		})
-	}) : /* @__PURE__ */ f("span", {
+	}) : /* @__PURE__ */ p("span", {
 		ref: (e) => {
 			M.current = e;
 		},
 		className: "arc-typing-animation inline-grid align-top",
-		children: [/* @__PURE__ */ f("span", {
+		children: [/* @__PURE__ */ p("span", {
 			"aria-hidden": "true",
 			className: "invisible col-start-1 row-start-1 whitespace-pre-line",
 			children: [t ?? e[0], m && "."]
-		}), /* @__PURE__ */ f("span", {
+		}), /* @__PURE__ */ p("span", {
 			className: "col-start-1 row-start-1 whitespace-pre-line",
 			children: [S, R]
 		})]
 	});
 }
 //#endregion
-export { L as Avatar, A as Button, O as ButtonGroup, U as Card, W as DateHandler, R as Divider, j as DoubleClickButton, z as Dropdown, B as ErrorText, H as Input, te as InputTimestamp, M as LongPressButton, q as Menu, ie as Modal, ae as MultiDropdown, G as Pill, re as PillLink, oe as PreviewCard, se as Select, de as Switch, le as Tag, ue as TextLink, he as ThemeSwitcher, _e as TypingAnimation, N as navigateToHashOnLoad, F as updateHashOnScroll, P as useHashNavigationOnLoad };
+//#region utilities/hash-navigation.ts
+function ft({ intervalMs: e = 500, maxAttempts: t = 20, behavior: n = "smooth", block: r } = {}) {
+	if (typeof window > "u") return () => {};
+	let i = 0, a = setInterval(() => {
+		i += 1;
+		let { hash: e } = window.location;
+		if (!e || i > t) clearInterval(a);
+		else try {
+			let t = document.querySelector(e);
+			t && (t.scrollIntoView({
+				behavior: n,
+				block: r
+			}), clearInterval(a));
+		} catch (t) {
+			console.error(`Invalid hash in URL: ${e}`, t), clearInterval(a);
+		}
+	}, e);
+	return () => clearInterval(a);
+}
+function pt(e) {
+	o(() => ft(e), []);
+}
+function mt({ container: e, sectionIds: t, hashFirstSection: n = !0, onActiveChange: r }) {
+	let i = t.map((e) => document.getElementById(e)).filter((e) => e !== null), a = window.location.hash.toLowerCase().slice(1) || null, o = () => {
+		let t = e.getBoundingClientRect(), o = t.top + t.height / 2, s = i.find((e) => {
+			let t = e.getBoundingClientRect();
+			return t.top <= o && t.bottom > o;
+		}), c = s ? i.indexOf(s) : -1;
+		if (r?.(c, i), !s || (a === s.id.toLowerCase() && (a = null), c === 0 && a)) return;
+		let l = c === 0 && !n ? "" : `#${s.id}`;
+		window.location.hash !== l && (window.history.replaceState(window.history.state, "", `${window.location.pathname}${window.location.search}${l}`), window.dispatchEvent(new HashChangeEvent("hashchange")));
+	};
+	return o(), e.addEventListener("scroll", o, { passive: !0 }), () => e.removeEventListener("scroll", o);
+}
+//#endregion
+export { De as Avatar, V as Button, Se as ButtonGroup, q as Card, J as DateHandler, Oe as Divider, we as DoubleClickButton, ke as Dropdown, H as ErrorText, Me as GridLoader, K as Input, Ie as InputTimestamp, Ne as LabelField, Te as LongPressButton, X as Menu, Be as Modal, Ve as MultiDropdown, Y as Pill, Re as PillLink, G as PreviewCard, Z as Select, et as Switch, Ye as Table, Ue as Tag, $e as TextLink, ct as ThemeSwitcher, dt as TypingAnimation, ft as navigateToHashOnLoad, mt as updateHashOnScroll, pt as useHashNavigationOnLoad };