@febkosq8/arc 0.3.0 → 0.7.0

package/dist/arc.js

@@ -0,0 +1,1758 @@
+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, 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 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)
+}), 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-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",
+			xl: "h-12 rounded-md px-10",
+			"icon-xs": "h-7 w-7",
+			"icon-sm": "h-8 w-8",
+			"icon-md": "h-10 w-10 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+			"icon-lg": "h-12 w-12",
+			"icon-xl": "h-14 w-14"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "md"
+	}
+}), 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: 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)",
+		warning: "var(--color-warning)"
+	}[n ?? "warning"];
+	o(() => () => {
+		b.current && clearTimeout(b.current), x.current && clearInterval(x.current);
+	}, []);
+	let w = typeof r == "function" ? r({
+		isWaiting: g,
+		isActive: !1,
+		doubleClickMsDuration: e,
+		remainingTime: v,
+		variant: i,
+		feedbackVariant: n
+	}) : r, T = w === void 0 ? a : /* @__PURE__ */ p("span", {
+		className: "grid",
+		children: [/* @__PURE__ */ f("span", {
+			className: t("col-start-1 row-start-1", g ? "invisible" : "visible"),
+			"aria-hidden": g,
+			children: a
+		}), /* @__PURE__ */ f("span", {
+			className: t("col-start-1 row-start-1", g ? "visible" : "invisible"),
+			"aria-hidden": !g,
+			children: w
+		})]
+	}), E = /* @__PURE__ */ f(V, {
+		...h,
+		children: T,
+		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), 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(() => {
+					y(Math.max(0, S.current - Date.now()));
+				}, 50), b.current = setTimeout(() => {
+					_(!1), y(0), x.current && clearInterval(x.current);
+				}, e);
+			}
+			s?.(t);
+		}
+	});
+	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__ */ f("span", {
+			"aria-hidden": "true",
+			className: "arc-double-click-progress-ring pointer-events-none absolute inset-0 rounded-md p-px",
+			style: {
+				background: g ? `conic-gradient(from 90deg, color-mix(in srgb, ${C} 90%, white) calc(var(--double-click-progress) * 1%), transparent 0)` : "transparent",
+				"--double-click-progress": 100,
+				"--double-click-timeout": `${e}ms`,
+				animation: g ? "double-click-countdown var(--double-click-timeout) linear forwards" : "none"
+			}
+		})]
+	});
+}, 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, []);
+	let w = {
+		primary: "var(--color-primary)",
+		secondary: "var(--color-secondary-foreground)",
+		destructive: "var(--color-destructive)",
+		warning: "var(--color-warning)"
+	}[a], T = typeof s == "function" ? s({
+		isPressing: y,
+		isActive: v.current,
+		longPressMsDuration: e,
+		remainingTime: x,
+		variant: c,
+		feedbackVariant: a
+	}) : s, E = T === void 0 ? d : /* @__PURE__ */ p("span", {
+		className: "grid",
+		children: [/* @__PURE__ */ f("span", {
+			className: t("col-start-1 row-start-1", y ? "invisible" : "visible"),
+			"aria-hidden": y,
+			children: d
+		}), /* @__PURE__ */ f("span", {
+			className: t("col-start-1 row-start-1", y ? "visible" : "invisible"),
+			"aria-hidden": !y,
+			children: T
+		})]
+	});
+	return /* @__PURE__ */ p("span", {
+		className: "arc-long-press-button relative inline-flex",
+		"data-long-press-state": y ? "pressing" : void 0,
+		children: [/* @__PURE__ */ f(V, {
+			...m,
+			children: E,
+			variant: c,
+			className: t(m.className),
+			"data-long-press-state": y ? "pressing" : void 0,
+			onPointerDown: (t) => {
+				m.onPointerDown?.(t), v.current = !1, C();
+				let r = Date.now() + e;
+				_.current = r, b(!0), S(e), g.current = setInterval(() => {
+					S(Math.max(0, _.current - Date.now()));
+				}, 50), h.current = setTimeout(() => {
+					v.current = !0, b(!1), S(0), C(), n?.(t);
+				}, e);
+			},
+			onPointerUp: (e) => {
+				m.onPointerUp?.(e), b(!1), S(0), C();
+			},
+			onPointerLeave: (e) => {
+				m.onPointerLeave?.(e), b(!1), S(0), C();
+			},
+			onClick: (e) => {
+				v.current && i ? (e.preventDefault(), e.stopPropagation(), v.current = !1) : r?.(e);
+			}
+		}), /* @__PURE__ */ f("span", {
+			"aria-hidden": "true",
+			className: "arc-double-click-progress-ring pointer-events-none absolute inset-0 rounded-md p-px",
+			style: {
+				background: y ? `conic-gradient(from 90deg, color-mix(in srgb, ${w} 90%, white) calc(var(--double-click-progress) * 1%), transparent 0)` : "transparent",
+				"--double-click-progress": 100,
+				"--double-click-timeout": `${e}ms`,
+				animation: y ? "double-click-countdown var(--double-click-timeout) linear forwards" : "none"
+			}
+		})]
+	});
+};
+//#endregion
+//#region components/hash-navigation.ts
+function Ee({ 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 De(e) {
+	o(() => Ee(e), []);
+}
+function Oe({ 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 ke = 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",
+		md: "size-8 text-base",
+		lg: "size-10 text-lg",
+		xl: "size-12 text-xl"
+	} },
+	defaultVariants: { size: "md" }
+}), Ae = ({ 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(() => {
+		l(!1);
+	}, [d]), /* @__PURE__ */ f("span", {
+		className: t(ke({
+			size: r,
+			className: i
+		})),
+		...a,
+		children: p ? /* @__PURE__ */ f("img", {
+			src: d,
+			alt: e ?? "User avatar",
+			title: e ?? "User",
+			className: "h-full w-full object-cover",
+			onError: () => l(!0)
+		}) : /* @__PURE__ */ f("span", {
+			className: "font-medium leading-none text-foreground",
+			title: e ?? "User",
+			children: m
+		})
+	});
+}, je = ({ className: e, ...n }) => /* @__PURE__ */ f("div", {
+	role: "separator",
+	className: t("arc-divider w-full border-b border-border", e),
+	...n
+}), Me = ({ 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: d,
+		onValueChange: (e) => {
+			if (c && e === null) return;
+			let t = e !== null && d !== null && String(e.key) === String(d.key);
+			r?.(!c && t ? null : e);
+		},
+		itemToStringLabel: (e) => e?.label ?? "",
+		itemToStringValue: (e) => String(e?.key ?? ""),
+		isItemEqualToValue: (e, t) => String(e.key) === String(t.key),
+		name: s,
+		disabled: o,
+		children: /* @__PURE__ */ p("div", {
+			className: t("arc-dropdown relative", i),
+			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__ */ 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__ */ f(x, {
+						className: "h-5 w-5 text-foreground",
+						"aria-hidden": "true"
+					})
+				})]
+			}), /* @__PURE__ */ f(m.Portal, { children: /* @__PURE__ */ f(m.Positioner, {
+				className: "z-50",
+				sideOffset: 8,
+				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__ */ f(m.Empty, {
+						className: "relative cursor-default select-none px-4 py-2 text-muted-foreground empty:hidden",
+						children: "No values to show."
+					}), /* @__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__ */ f(m.ItemIndicator, {
+							className: "flex items-center",
+							children: /* @__PURE__ */ f(b, {
+								className: "h-3 w-3",
+								"aria-hidden": "true"
+							})
+						}), /* @__PURE__ */ f("span", {
+							title: e.label,
+							className: "block truncate",
+							children: e.label
+						})]
+					}, e.key) })]
+				})
+			}) })]
+		})
+	});
+}, H = ({ data: e, className: n, ...r }) => {
+	let i = Array.isArray(e) ? e.join(", ") : typeof e == "string" ? e : null;
+	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
+	});
+}, Ne = [
+	"(,,> ᴗ <,,)",
+	"≽^•⩊•^≼",
+	"(╥﹏╥)",
+	"(˶ᵔ ᵕ ᵔ˶)",
+	"•⩊•",
+	"˚₊‧꒰ა ₍ᐢ.  ̫.ᐢ₎ ໒꒱ ‧₊˚",
+	"٩(ˊᗜˋ )و",
+	"(≧◡≦)",
+	"⸜(｡˃ ᵕ ˂ )⸝♡",
+	"(˶˃⤙˂˶)",
+	"（˶′◡‵˶）",
+	"(＾▽＾)",
+	"˚₊‧꒰ა.  .໒꒱ ‧₊˚",
+	"( ˶ˆᗜˆ˵ )",
+	"⊹ ₊  ⁺‧₊˚ ♡ ପ(๑•ᴗ•๑)ଓ ♡˚₊‧⁺ ₊ ⊹",
+	"(つ﹏⊂)",
+	"ʕ•̫͡•ʕ•̫͡•ʔ•̫͡•ʔ•̫͡•ʕ•̫͡•ʔ•̫͡ʕ•̫͡•ʕ•̫͡•ʔ•̫͡ʔ•̫͡•",
+	"（´・｀ ）♡",
+	"(╥_╥)",
+	"(♡ˊ͈ ꒳ ˋ͈)",
+	"(⸝⸝๑  ̫ ๑⸝⸝⸝)",
+	"(˶º⤙º˶)",
+	"૮₍｡´ᴖ ˔ ᴖ`｡₎ა",
+	"(•̀ᴗ•́)و ̑̑",
+	"(─‿‿─)"
+];
+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"
+], Pe = 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" }
+}), Fe = ({ className: e, rows: n = 3, columns: r = 3, size: i = 120, maxSize: a = 24, shape: s = "circle", colors: c = [], label: l = "Loading", symbols: d = Ne, style: p, ...m }) => {
+	let [h, g] = u([]), [_, v] = u([]), [y, b] = u([]), [x, S] = u(() => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+	if (o(() => {
+		s === "mixed" && v(Array.from({ length: n * r }, () => W[Math.floor(Math.random() * W.length)]));
+	}, [
+		r,
+		n,
+		s
+	]), o(() => {
+		s === "mixed" && c.length !== 0 && b(Array.from({ length: n * r }, () => Math.floor(Math.random() * c.length)));
+	}, [
+		r,
+		c.length,
+		n,
+		s
+	]), o(() => {
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => S(e.matches);
+		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), o(() => {
+		if (x) return;
+		let e = () => {
+			let e = Array.from({ length: d.length }, (e, t) => t);
+			for (let t = e.length - 1; t > 0; --t) {
+				let n = Math.floor(Math.random() * (t + 1));
+				[e[t], e[n]] = [e[n], e[t]];
+			}
+			g(Array.from({ length: n * r }, (t, n) => e[n % e.length]));
+		};
+		if (e(), d.length < 2) return;
+		let t = window.setInterval(() => {
+			e();
+		}, 900);
+		return () => window.clearInterval(t);
+	}, [
+		r,
+		x,
+		n,
+		d
+	]), !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.");
+	if (d.length === 0) throw RangeError("GridLoader symbols must contain at least one item.");
+	return /* @__PURE__ */ f("span", {
+		...m,
+		role: "status",
+		"aria-live": "polite",
+		"aria-label": l,
+		className: t("arc-grid-loader inline-flex shrink-0 items-center justify-center align-middle", e),
+		style: {
+			width: i,
+			height: i,
+			...p
+		},
+		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(Pe({ shape: s === "mixed" ? _[o] ?? W[Math.floor(U(o, n, r) * W.length)] : s })),
+				onAnimationIteration: () => {
+					s === "mixed" && (v((e) => {
+						let t = [...e], i = t[o] ?? W[Math.floor(U(o, n, r) * W.length)], a = W.filter((e) => e !== i);
+						return t[o] = a[Math.floor(Math.random() * a.length)], t;
+					}), c.length > 1 && b((e) => {
+						let t = [...e];
+						return t[o] = ((t[o] ?? o % c.length) + (1 + Math.floor(Math.random() * (c.length - 1)))) % c.length, t;
+					}));
+				},
+				style: {
+					animationDelay: `${-U(o, n, r) * 1200}ms`,
+					animationDuration: `${900 + U(o, n, r) * 600}ms`,
+					backgroundColor: c.length > 0 ? c[s === "mixed" ? y[o] ?? o % c.length : o % c.length] : void 0,
+					fontSize: `${Math.min(i / Math.max(n, r), a) * .3}px`,
+					maxWidth: a,
+					maxHeight: a
+				},
+				children: d[h[o] ?? o % d.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]
+		})
+	}) })]
+}), Ie = ({ 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 }))
+		]
+	});
+}, Le = 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-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"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		as: "input"
+	}
+}), K = ({ as: e = "input", className: n, variant: r, ...i }) => {
+	let a = t(Le({
+		as: e,
+		variant: r
+	}), n);
+	return f(e === "textarea" ? "textarea" : "input", {
+		...i,
+		autoComplete: "off",
+		className: a
+	});
+}, Re = 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",
+		destructive: "border-destructive bg-destructive text-destructive-foreground",
+		warning: "border-warning bg-warning text-warning-foreground",
+		"outline-primary": "border-primary bg-background text-primary",
+		"outline-secondary": "border-secondary-foreground bg-background text-secondary-foreground",
+		"outline-destructive": "border-destructive bg-background text-destructive",
+		"outline-warning": "border-warning bg-background text-warning"
+	} },
+	defaultVariants: { variant: "outline-secondary" }
+}), 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(Re({ 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,
+		...d
+	});
+};
+q.Header = (e) => {
+	let { className: n, ...r } = e;
+	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
+	});
+}, q.Content = (e) => {
+	let { className: n, ...r } = e;
+	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
+	});
+}, q.Footer = (e) => {
+	let { className: n, ...r } = e;
+	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 ze = class e {
+	static toDateTime(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 j.invalid("missing date");
+			if (/^-?\d+$/.test(t)) {
+				let e = Number(t.length === 10 ? Number(t) * 1e3 : t);
+				return j.fromMillis(e);
+			}
+			return j.fromISO(t);
+		}
+		return j.fromJSDate(new Date(String(e)));
+	}
+	static getDateTime(t, n = "dd/MM/yyyy hh:mm:ss a") {
+		let r = e.toDateTime(t);
+		return r.isValid ? r.toFormat(n) : "";
+	}
+	static getRelativeTime(t, n) {
+		let r = e.toDateTime(t);
+		return r.isValid ? r.toRelative(n) ?? "" : "";
+	}
+	static getTimeDiff(t) {
+		let n = e.toDateTime(t);
+		if (!n.isValid) return null;
+		let r = n.diffNow([
+			"years",
+			"quarters",
+			"months",
+			"weeks",
+			"days",
+			"hours",
+			"minutes",
+			"seconds"
+		]).toObject(), i = [];
+		for (let e of [
+			"years",
+			"quarters",
+			"months",
+			"weeks",
+			"days",
+			"hours",
+			"minutes",
+			"seconds"
+		]) r[e] && Math.abs(r[e]) >= 1 && i.push(`${Math.abs(Math.floor(r[e]))} ${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 ? 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);
+	}
+}, Be = ({ value: e, format: t = "$ISO$ ($RELATIVE$)", ...n }) => {
+	let r = c(() => e ? ze.getFormattedTime(e, t) : "", [e, t]);
+	return /* @__PURE__ */ f(K, {
+		type: "text",
+		disabled: !0,
+		readOnly: !0,
+		value: r,
+		size: Math.max(r.length, 1),
+		...n
+	});
+}, Ve = 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",
+			primary: "bg-primary text-primary-foreground! hover:bg-primary/90",
+			outline: "border border-foreground/40 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			sm: "h-9 px-3",
+			md: "h-10 px-4 py-2"
+		}
+	},
+	compoundVariants: [{
+		variant: "pill",
+		size: "md",
+		class: "h-10 pointer-coarse:h-11 px-3 py-2"
+	}],
+	defaultVariants: {
+		variant: "pill",
+		size: "md"
+	}
+}), He = ({ active: e = !1, className: n, size: r = "md", variant: i = "pill", ...a }) => /* @__PURE__ */ f("a", {
+	className: t(Ve({
+		variant: i,
+		size: r
+	}), e && {
+		pill: "text-primary!",
+		primary: "bg-primary/80 ring-2 ring-ring ring-offset-2",
+		outline: "border-primary bg-accent text-primary"
+	}[i], n),
+	"aria-current": e ? "page" : void 0,
+	...a
+}), J = ({ 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
+}), Ue = ({ 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)), Y = Object.assign(({ className: e, contentClassName: n, active: r, activeClassName: i, buttonText: a, children: o }) => /* @__PURE__ */ p(M.Root, {
+	loopFocus: !0,
+	children: [/* @__PURE__ */ p(M.Trigger, {
+		render: /* @__PURE__ */ f(J, {
+			active: r,
+			className: t("w-fit", r && i, e)
+		}),
+		children: [a, /* @__PURE__ */ f(N, {
+			className: "-mr-1 ml-2 h-4 w-4",
+			"aria-hidden": "true"
+		})]
+	}), /* @__PURE__ */ f(M.Portal, { children: /* @__PURE__ */ f(M.Positioner, {
+		className: "z-50",
+		sideOffset: 8,
+		collisionPadding: 8,
+		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__ */ f(Ue, { children: o })
+		})
+	}) })]
+}), {
+	Item: ({ active: e, asChild: r = !1, className: i, nativeButton: o, children: s, ...c }) => {
+		let l = t("flex min-h-10 pointer-coarse:min-h-11 w-full cursor-default items-center justify-start rounded-md border border-transparent px-3 py-2 text-base font-medium text-foreground outline-none select-none", "data-highlighted:bg-accent data-highlighted:text-primary", "focus-visible:ring-0", e && "text-primary!", i);
+		if (r) {
+			let e = n.only(s);
+			if (!a(e)) throw Error("Menu.Item with asChild requires a single React element child.");
+			return /* @__PURE__ */ f(M.Item, {
+				...c,
+				className: l,
+				nativeButton: o ?? !0,
+				render: e
+			});
+		}
+		return /* @__PURE__ */ f(M.Item, {
+			...c,
+			className: l,
+			nativeButton: o,
+			children: s
+		});
+	},
+	Sub: ({ active: e, buttonText: r, children: i }) => {
+		let o = n.toArray(i).some((e) => a(e) && e.props.active), s = e || o;
+		return /* @__PURE__ */ p(M.SubmenuRoot, {
+			loopFocus: !0,
+			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__ */ f(P, {
+					className: "-mr-1 ml-2 h-4 w-4",
+					"aria-hidden": "true"
+				})]
+			}), /* @__PURE__ */ f(M.Portal, { children: /* @__PURE__ */ f(M.Positioner, {
+				className: "z-50",
+				side: "right",
+				align: "start",
+				sideOffset: 8,
+				collisionPadding: 8,
+				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__ */ f(Ue, { children: i })
+				})
+			}) })]
+		});
+	}
+}), We = ({ 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), d?.(t, e));
+	};
+	return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+}, [
+	e,
+	n,
+	d
+]), /* @__PURE__ */ f(R.Root, {
+	open: e,
+	onOpenChange: n,
+	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__ */ 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: {
+				width: c,
+				height: l
+			},
+			children: [
+				/* @__PURE__ */ f(R.Title, {
+					className: "mb-4 border-b border-border pb-2 text-lg font-bold leading-6 text-foreground",
+					children: a
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "grow",
+					children: r
+				}),
+				s && /* @__PURE__ */ f("div", {
+					className: "mt-auto border-t border-border pt-2",
+					children: s
+				})
+			]
+		})
+	})] })
+})), Ge = ({ 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: h,
+		onValueChange: (e) => {
+			l && e.length === 0 || i?.(e);
+		},
+		itemToStringLabel: (e) => e?.label ?? "",
+		itemToStringValue: (e) => String(e?.key ?? ""),
+		isItemEqualToValue: (e, t) => String(e.key) === String(t.key),
+		name: c,
+		disabled: s,
+		children: /* @__PURE__ */ p("div", {
+			className: t("arc-dropdown-multi relative", a),
+			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__ */ f(m.Chips, {
+						className: "flex flex-wrap gap-1.5",
+						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__ */ f("span", {
+								className: "max-w-32 truncate",
+								children: e.label
+							}), !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__ */ f(z, {
+									className: "h-3 w-3",
+									"aria-hidden": "true"
+								})
+							})]
+						}, e.key))
+					}), /* @__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": d,
+						"data-disabled": s
+					})]
+				}) }), /* @__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__ */ f(x, {
+						className: "h-5 w-5 text-foreground",
+						"aria-hidden": "true"
+					})
+				})]
+			}), /* @__PURE__ */ f(m.Portal, { children: /* @__PURE__ */ f(m.Positioner, {
+				className: "z-50",
+				sideOffset: 8,
+				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__ */ f(m.Empty, {
+						className: "relative cursor-default select-none px-4 py-2 text-muted-foreground empty:hidden",
+						children: "No values to show."
+					}), /* @__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__ */ f(m.ItemIndicator, {
+							className: "flex items-center",
+							children: /* @__PURE__ */ f(b, {
+								className: "h-3 w-3",
+								"aria-hidden": "true"
+							})
+						}), /* @__PURE__ */ f("span", {
+							title: e.label,
+							className: "block truncate",
+							children: e.label
+						})]
+					}, e.key) })]
+				})
+			}) })]
+		})
+	});
+}, X = ({ 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);
+	},
+	disabled: o,
+	items: i.map((e) => ({
+		value: e.key,
+		label: typeof e.label == "string" ? e.label : e.key
+	})),
+	...c,
+	children: [/* @__PURE__ */ p(B.Trigger, {
+		id: e,
+		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__ */ f(B.Icon, {
+			className: "shrink-0",
+			children: /* @__PURE__ */ f(x, {
+				className: "h-3.5 w-3.5 text-muted-foreground",
+				"aria-hidden": "true"
+			})
+		})]
+	}), /* @__PURE__ */ f(B.Portal, { children: /* @__PURE__ */ f(B.Positioner, {
+		className: "z-50 outline-none",
+		sideOffset: 8,
+		alignItemWithTrigger: !1,
+		side: "bottom",
+		align: "start",
+		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__ */ f(B.List, {
+				className: "max-h-60 overflow-auto outline-none",
+				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__ */ f(B.ItemIndicator, {
+						className: "flex items-center",
+						children: /* @__PURE__ */ f(b, {
+							className: "h-3 w-3",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ f(B.ItemText, {
+						className: "block truncate",
+						children: e.label
+					})]
+				}, e.key))
+			})
+		})
+	}) })]
+}), Ke = 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",
+		success: "bg-success text-success-foreground",
+		warning: "bg-warning text-warning-foreground",
+		destructive: "bg-destructive text-destructive-foreground",
+		outline: "border-border bg-transparent text-foreground"
+	} },
+	defaultVariants: { variant: "primary" }
+}), qe = ({ className: e, variant: n, ...r }) => /* @__PURE__ */ f("div", {
+	className: t(Ke({
+		variant: n,
+		className: e
+	})),
+	...r
+}), Je = (e, t, n, r) => {
+	let i = e.getValue(t), a = ee(i, n);
+	return r({ itemRank: a }), a.passed;
+}, Z = {
+	fuzzy: Je,
+	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);
+	}
+}, Ye = 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: Z
+});
+function Xe(e) {
+	return Object.prototype.hasOwnProperty.call(Z, e);
+}
+function Ze(e, t) {
+	if (e !== !1) {
+		if (e === void 0) return t ? "select" : void 0;
+		if (typeof e == "function" || e === "auto" || Xe(e)) return e;
+		throw Error(`Unsupported table filterFn "${e}". Use "auto" or one of: ${Object.keys(Z).join(", ")}.`);
+	}
+}
+var Qe = ae(), $e = ({ 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) => Qe.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: Ze(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: Je,
+		features: Ye,
+		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(nt, { 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(X, {
+							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(X, {
+								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(tt, {
+								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 et({ 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 tt({ 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(X, {
+		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(et, {
+		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 nt({ 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 rt = ({ 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
+}), it = ({ 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", at({
+		variant: i,
+		disabled: r
+	})),
+	...o,
+	children: a ? a(e) : /* @__PURE__ */ f(xe.Thumb, {
+		"aria-hidden": "true",
+		className: ot({
+			variant: i,
+			checked: e,
+			disabled: r
+		})
+	})
+}), at = 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",
+		primary: "data-checked:bg-primary",
+		secondary: "data-checked:bg-secondary"
+	},
+	disabled: {
+		true: "ring-2 ring-border",
+		false: ""
+	}
+} }), ot = 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: "",
+			secondary: "",
+			danger: "",
+			success: ""
+		},
+		checked: {
+			true: "left-6",
+			false: "left-1 border-foreground/60 bg-background"
+		},
+		disabled: {
+			true: "border-muted-foreground bg-muted-foreground",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "primary",
+			checked: !0,
+			className: "border-primary-foreground bg-primary-foreground"
+		},
+		{
+			variant: "secondary",
+			checked: !0,
+			className: "border-secondary-foreground bg-secondary-foreground"
+		},
+		{
+			variant: "danger",
+			checked: !0,
+			className: "border-destructive-foreground bg-destructive-foreground"
+		},
+		{
+			variant: "success",
+			checked: !0,
+			className: "border-success-foreground bg-success-foreground"
+		},
+		{
+			variant: "primary",
+			checked: !1,
+			disabled: !1,
+			className: "bg-primary/70"
+		},
+		{
+			variant: "secondary",
+			checked: !1,
+			disabled: !1,
+			className: "bg-secondary/70"
+		},
+		{
+			variant: "danger",
+			checked: !1,
+			disabled: !1,
+			className: "bg-destructive/70"
+		},
+		{
+			variant: "success",
+			checked: !1,
+			disabled: !1,
+			className: "bg-success/70"
+		},
+		{
+			variant: "primary",
+			checked: !1,
+			disabled: !0,
+			className: "border-primary bg-primary/70"
+		},
+		{
+			variant: "secondary",
+			checked: !1,
+			disabled: !0,
+			className: "border-secondary bg-secondary/70"
+		},
+		{
+			variant: "secondary",
+			checked: !1,
+			disabled: !0,
+			className: "border-secondary-foreground/70 bg-secondary-foreground/40"
+		},
+		{
+			variant: "danger",
+			checked: !1,
+			disabled: !0,
+			className: "border-destructive bg-destructive/70"
+		},
+		{
+			variant: "success",
+			checked: !1,
+			disabled: !0,
+			className: "border-success bg-success/70"
+		}
+	]
+}), Q = {
+	light: L,
+	dark: I,
+	system: F
+}, $ = {
+	light: "Light",
+	dark: "Dark",
+	system: "System"
+}, st = "theme", ct = (e) => e === "dark" || e === "system" && typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches, lt = () => {
+	if (typeof window > "u") return "system";
+	let e = window.localStorage.getItem(st);
+	return e === "light" || e === "dark" || e === "system" ? e : "system";
+}, ut = (e) => e === "system" ? "light" : e === "light" ? "dark" : "system";
+function dt({ variant: e = "dropdown", showLabel: n = !1 }) {
+	let [r, i] = u(lt);
+	o(() => {
+		typeof window < "u" && (document.documentElement.classList.toggle("dark", ct(r)), window.localStorage.setItem(st, r));
+	}, [r]);
+	let a = () => {
+		i(ut(r));
+	};
+	if (e === "toggle") {
+		let e = Q[r], t = ut(r);
+		return /* @__PURE__ */ f("div", {
+			className: "arc-theme-switcher",
+			children: /* @__PURE__ */ p(J, {
+				active: ct(r),
+				"aria-label": `Switch to ${t} theme`,
+				title: `Switch to ${t} theme`,
+				onClick: a,
+				className: "w-fit gap-3",
+				children: [/* @__PURE__ */ f(e, { "aria-hidden": "true" }), n && $[r]]
+			})
+		});
+	}
+	let s = Q[r];
+	return /* @__PURE__ */ f("div", {
+		className: "arc-theme-switcher",
+		children: /* @__PURE__ */ p(Y, {
+			className: "gap-3",
+			contentClassName: "min-w-(--anchor-width)",
+			buttonText: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(s, { "aria-hidden": "true" }), n && $[r]] }),
+			children: [
+				/* @__PURE__ */ f(Y.Item, {
+					asChild: !0,
+					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
+					children: /* @__PURE__ */ p(J, {
+						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__ */ f(F, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), n && $.system]
+					})
+				}),
+				/* @__PURE__ */ f(Y.Item, {
+					asChild: !0,
+					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
+					children: /* @__PURE__ */ p(J, {
+						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__ */ f(L, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), n && $.light]
+					})
+				}),
+				/* @__PURE__ */ f(Y.Item, {
+					asChild: !0,
+					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
+					children: /* @__PURE__ */ p(J, {
+						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__ */ f(I, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), n && $.dark]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region components/typing-animation.tsx
+function ft(e) {
+	return e === "newline" ? "\n" : e === "comma" ? ", " : "";
+}
+function pt(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 mt({ strings: e, placeholder: t, perTick: n = {
+	amount: 1,
+	unit: "character"
+}, msDelay: r = {
+	typing: 110,
+	deleting: 55,
+	hold: 1800,
+	dot: 500
+}, 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;
+		if (!e) return;
+		let t = new IntersectionObserver(([e]) => {
+			e.isIntersecting ? D(!0) : a && D(!1);
+		}, {
+			root: e.closest("main"),
+			threshold: Math.min(100, Math.max(0, c)) / 100
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [
+		a,
+		i,
+		c
+	]), o(() => {
+		if (!E || e.length === 0) return;
+		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;
+			k(!1);
+			let i = e[N.current], a = i.match(/^<--delay-(\d+)-->$/);
+			if (a) {
+				if (F.current === 0 && (F.current = Number(a[1]), I.current = ""), F.current <= 0) {
+					N.current += 1, t = setTimeout(r, h);
+					return;
+				}
+				I.current += `${I.current ? " " : ""}.`, C(I.current), --F.current, F.current === 0 && (N.current += 1), t = setTimeout(r, 1e3);
+				return;
+			}
+			if (n && i === "<--clearAll-->") {
+				T([]), C(""), N.current += 1, P.current = 0, t = setTimeout(r, _);
+				return;
+			}
+			if (L.current) P.current = pt(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 = pt(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;
+				}
+				n && P.current === i.length && (T((e) => [...e, i]), C(""), N.current += 1, P.current = 0);
+			}
+			let o = P.current >= i.length || n && P.current === 0 ? _ : L.current ? g : h;
+			k(o === _), t = setTimeout(r, o);
+		};
+		return r(), () => clearTimeout(t);
+	}, [
+		g,
+		E,
+		s,
+		_,
+		d,
+		e,
+		b,
+		x,
+		h
+	]), o(() => {
+		if (!m || !O) {
+			j(!1);
+			return;
+		}
+		j(!0);
+		let e = setInterval(() => j((e) => !e), v);
+		return () => clearInterval(e);
+	}, [
+		m,
+		O,
+		v
+	]);
+	let R = A ? "." : "", z = d !== "clear", B = ft(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": ee },
+		children: /* @__PURE__ */ p("div", {
+			className: "whitespace-pre-line",
+			children: [
+				w.join(B),
+				S && `${w.length > 0 ? B : ""}${S}`,
+				R
+			]
+		})
+	}) : /* @__PURE__ */ p("span", {
+		ref: (e) => {
+			M.current = e;
+		},
+		className: "arc-typing-animation inline-grid align-top",
+		children: [/* @__PURE__ */ p("span", {
+			"aria-hidden": "true",
+			className: "invisible col-start-1 row-start-1 whitespace-pre-line",
+			children: [t ?? e[0], m && "."]
+		}), /* @__PURE__ */ p("span", {
+			className: "col-start-1 row-start-1 whitespace-pre-line",
+			children: [S, R]
+		})]
+	});
+}
+//#endregion
+export { Ae as Avatar, V as Button, Se as ButtonGroup, q as Card, ze as DateHandler, je as Divider, we as DoubleClickButton, Me as Dropdown, H as ErrorText, Fe as GridLoader, K as Input, Be as InputTimestamp, Ie as LabelField, Te as LongPressButton, Y as Menu, We as Modal, Ge as MultiDropdown, J as Pill, He as PillLink, G as PreviewCard, X as Select, it as Switch, $e as Table, qe as Tag, rt as TextLink, dt as ThemeSwitcher, mt as TypingAnimation, Ee as navigateToHashOnLoad, Oe as updateHashOnScroll, De as useHashNavigationOnLoad };