@febkosq8/arc 0.3.0 → 0.6.7

package/dist/arc.js

@@ -0,0 +1,1115 @@
+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";
+//#region components/button-group.tsx
+var O = ({ className: e, orientation: r = "horizontal", selectedVariant: o, children: s, ...c }) => /* @__PURE__ */ d("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", {
+	variants: {
+		variant: {
+			primary: "bg-primary text-primary-foreground hover:bg-primary/90",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			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-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",
+			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"
+	}
+}), A = Object.assign(({ className: e, variant: n, size: r, ...i }) => /* @__PURE__ */ d("button", {
+	className: t("arc-button", k({
+		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 = {
+		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__ */ f("span", {
+		className: "grid",
+		children: [/* @__PURE__ */ d("span", {
+			className: t("col-start-1 row-start-1", g ? "invisible" : "visible"),
+			"aria-hidden": g,
+			children: a
+		}), /* @__PURE__ */ d("span", {
+			className: t("col-start-1 row-start-1", g ? "visible" : "invisible"),
+			"aria-hidden": !g,
+			children: w
+		})]
+	}), E = /* @__PURE__ */ d(A, {
+		...h,
+		children: T,
+		className: t(p),
+		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);
+			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__ */ f("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", {
+			"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"
+			}
+		})]
+	});
+}, 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 = () => {
+		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: u,
+		feedbackVariant: a
+	}) : s, E = T === void 0 ? p : /* @__PURE__ */ f("span", {
+		className: "grid",
+		children: [/* @__PURE__ */ d("span", {
+			className: t("col-start-1 row-start-1", y ? "invisible" : "visible"),
+			"aria-hidden": y,
+			children: p
+		}), /* @__PURE__ */ d("span", {
+			className: t("col-start-1 row-start-1", y ? "visible" : "invisible"),
+			"aria-hidden": !y,
+			children: T
+		})]
+	});
+	return /* @__PURE__ */ f("span", {
+		className: "arc-long-press-button relative inline-flex",
+		"data-long-press-state": y ? "pressing" : void 0,
+		children: [/* @__PURE__ */ d(A, {
+			...m,
+			children: E,
+			variant: u,
+			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__ */ d("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 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", {
+	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" }
+}), 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]);
+	return o(() => {
+		u(!1);
+	}, [f]), /* @__PURE__ */ d("span", {
+		className: t(I({
+			size: r,
+			className: i
+		})),
+		...a,
+		children: p ? /* @__PURE__ */ d("img", {
+			src: f,
+			alt: e ?? "User avatar",
+			title: e ?? "User",
+			className: "h-full w-full object-cover",
+			onError: () => u(!0)
+		}) : /* @__PURE__ */ d("span", {
+			className: "font-medium leading-none text-foreground",
+			title: e ?? "User",
+			children: m
+		})
+	});
+}, R = ({ className: e, ...n }) => /* @__PURE__ */ d("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, {
+		items: e,
+		value: g,
+		onValueChange: (e) => {
+			if (c && e === null) return;
+			let t = e !== null && g !== null && String(e.key) === String(g.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__ */ f("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, {
+					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, {
+					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, {
+						className: "h-5 w-5 text-foreground",
+						"aria-hidden": "true"
+					})
+				})]
+			}), /* @__PURE__ */ d(p.Portal, { children: /* @__PURE__ */ d(p.Positioner, {
+				className: "z-50",
+				sideOffset: 8,
+				children: /* @__PURE__ */ f(p.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, {
+						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, {
+						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, {
+							className: "flex items-center",
+							children: /* @__PURE__ */ d(m, {
+								className: "h-3 w-3",
+								"aria-hidden": "true"
+							})
+						}), /* @__PURE__ */ d("span", {
+							title: e.label,
+							className: "block truncate",
+							children: e.label
+						})]
+					}, e.key) })]
+				})
+			}) })]
+		})
+	});
+}, B = ({ data: e, className: n, ...r }) => {
+	let i = Array.isArray(e) ? e.join(", ") : typeof e == "string" ? e : null;
+	return /* @__PURE__ */ d("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", {
+	variants: {
+		variant: {
+			default: "border-border bg-background",
+			ghost: "border-transparent bg-transparent"
+		},
+		as: {
+			input: "h-10 pointer-coarse:h-11 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"
+	}
+}), H = ({ as: e = "input", className: n, variant: r, ...i }) => {
+	let a = t(V({
+		as: e,
+		variant: r
+	}), n);
+	return d(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", {
+	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" }
+}), 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),
+		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
+	});
+};
+U.Header = (e) => {
+	let { className: n, ...r } = e;
+	return /* @__PURE__ */ d("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) => {
+	let { className: n, ...r } = e;
+	return /* @__PURE__ */ d("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) => {
+	let { className: n, ...r } = e;
+	return /* @__PURE__ */ d("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 {
+	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 (typeof e == "string") {
+			let t = e.trim();
+			if (t === "") return g.invalid("missing date");
+			if (/^-?\d+$/.test(t)) {
+				let e = Number(t.length === 10 ? Number(t) * 1e3 : t);
+				return g.fromMillis(e);
+			}
+			return g.fromISO(t);
+		}
+		return g.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 ? g.now().plus(e) : g.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, {
+		type: "text",
+		disabled: !0,
+		readOnly: !0,
+		value: r,
+		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", {
+	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"
+	}
+}), re = ({ active: e = !1, className: n, size: r = "md", variant: i = "pill", ...a }) => /* @__PURE__ */ d("a", {
+	className: t(ne({
+		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
+}), G = ({ active: e = !1, className: n, ...r }) => /* @__PURE__ */ d("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, {
+	loopFocus: !0,
+	children: [/* @__PURE__ */ f(_.Trigger, {
+		render: /* @__PURE__ */ d(G, {
+			active: r,
+			className: t("w-fit", r && i, e)
+		}),
+		children: [a, /* @__PURE__ */ d(v, {
+			className: "-mr-1 ml-2 h-4 w-4",
+			"aria-hidden": "true"
+		})]
+	}), /* @__PURE__ */ d(_.Portal, { children: /* @__PURE__ */ d(_.Positioner, {
+		className: "z-50",
+		sideOffset: 8,
+		collisionPadding: 8,
+		children: /* @__PURE__ */ d(_.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 })
+		})
+	}) })]
+}), {
+	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__ */ d(_.Item, {
+				...c,
+				className: l,
+				nativeButton: o ?? !0,
+				render: e
+			});
+		}
+		return /* @__PURE__ */ d(_.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__ */ f(_.SubmenuRoot, {
+			loopFocus: !0,
+			children: [/* @__PURE__ */ f(_.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, {
+					className: "-mr-1 ml-2 h-4 w-4",
+					"aria-hidden": "true"
+				})]
+			}), /* @__PURE__ */ d(_.Portal, { children: /* @__PURE__ */ d(_.Positioner, {
+				className: "z-50",
+				side: "right",
+				align: "start",
+				sideOffset: 8,
+				collisionPadding: 8,
+				children: /* @__PURE__ */ d(_.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 })
+				})
+			}) })]
+		});
+	}
+}), ie = ({ open: e = !1, setOpen: n, children: r, initialFocus: i, headerContent: a, footerContent: s, width: c, height: l, className: u, customKeyHandler: p }) => (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));
+	};
+	return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+}, [
+	e,
+	n,
+	p
+]), /* @__PURE__ */ d(C.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, {
+		className: "fixed inset-0 z-10 flex min-h-dvh items-center justify-center p-4",
+		children: /* @__PURE__ */ f(C.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__ */ d(C.Title, {
+					className: "mb-4 border-b border-border pb-2 text-lg font-bold leading-6 text-foreground",
+					children: a
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "grow",
+					children: r
+				}),
+				s && /* @__PURE__ */ d("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, {
+		multiple: !0,
+		items: n,
+		value: _,
+		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__ */ f("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", {
+					className: "flex min-w-0 grow flex-wrap items-center gap-1.5",
+					children: [/* @__PURE__ */ d(p.Chips, {
+						className: "flex flex-wrap gap-1.5",
+						children: n.map((e) => /* @__PURE__ */ f(p.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", {
+								className: "max-w-32 truncate",
+								children: e.label
+							}), !s && (!l || n.length > 1) && /* @__PURE__ */ d(p.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, {
+									className: "h-3 w-3",
+									"aria-hidden": "true"
+								})
+							})]
+						}, e.key))
+					}), /* @__PURE__ */ d(p.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-disabled": s
+					})]
+				}) }), /* @__PURE__ */ d(p.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, {
+						className: "h-5 w-5 text-foreground",
+						"aria-hidden": "true"
+					})
+				})]
+			}), /* @__PURE__ */ d(p.Portal, { children: /* @__PURE__ */ d(p.Positioner, {
+				className: "z-50",
+				sideOffset: 8,
+				children: /* @__PURE__ */ f(p.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, {
+						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, {
+						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, {
+							className: "flex items-center",
+							children: /* @__PURE__ */ d(m, {
+								className: "h-3 w-3",
+								"aria-hidden": "true"
+							})
+						}), /* @__PURE__ */ d("span", {
+							title: e.label,
+							className: "block truncate",
+							children: e.label
+						})]
+					}, e.key) })]
+				})
+			}) })]
+		})
+	});
+}, 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, {
+	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__ */ f(E.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, {
+			placeholder: s,
+			className: "min-w-0 flex-1 truncate text-left"
+		}), /* @__PURE__ */ d(E.Icon, {
+			className: "shrink-0",
+			children: /* @__PURE__ */ d(h, {
+				className: "h-3.5 w-3.5 text-muted-foreground",
+				"aria-hidden": "true"
+			})
+		})]
+	}), /* @__PURE__ */ d(E.Portal, { children: /* @__PURE__ */ d(E.Positioner, {
+		className: "z-50 outline-none",
+		sideOffset: 8,
+		alignItemWithTrigger: !1,
+		side: "bottom",
+		align: "start",
+		children: /* @__PURE__ */ d(E.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, {
+				className: "max-h-60 overflow-auto outline-none",
+				children: i.map((e) => /* @__PURE__ */ f(E.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, {
+						className: "flex items-center",
+						children: /* @__PURE__ */ d(m, {
+							className: "h-3 w-3",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ d(E.ItemText, {
+						className: "block truncate",
+						children: e.label
+					})]
+				}, e.key))
+			})
+		})
+	}) })]
+}), 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", {
+	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" }
+}), le = ({ className: e, variant: n, ...r }) => /* @__PURE__ */ d("div", {
+	className: t(ce({
+		variant: n,
+		className: e
+	})),
+	...r
+}), ue = ({ className: e, href: n, text: r, target: i = "_blank", rel: a, ...o }) => /* @__PURE__ */ d("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, {
+	checked: e,
+	disabled: r,
+	onCheckedChange: n,
+	className: t("arc-switch", fe({
+		variant: i,
+		disabled: r
+	})),
+	...o,
+	children: a ? a(e) : /* @__PURE__ */ d(D.Thumb, {
+		"aria-hidden": "true",
+		className: pe({
+			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: {
+	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: ""
+	}
+} }), 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", {
+	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"
+		}
+	]
+}), J = {
+	light: S,
+	dark: x,
+	system: b
+}, Y = {
+	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 = () => {
+	if (typeof window > "u") return "system";
+	let e = window.localStorage.getItem(X);
+	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);
+	o(() => {
+		typeof window < "u" && (document.documentElement.classList.toggle("dark", Z(r)), window.localStorage.setItem(X, r));
+	}, [r]);
+	let a = () => {
+		i(Q(r));
+	};
+	if (e === "toggle") {
+		let e = J[r], t = Q(r);
+		return /* @__PURE__ */ d("div", {
+			className: "arc-theme-switcher",
+			children: /* @__PURE__ */ f(G, {
+				active: Z(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]]
+			})
+		});
+	}
+	let s = J[r];
+	return /* @__PURE__ */ d("div", {
+		className: "arc-theme-switcher",
+		children: /* @__PURE__ */ f(q, {
+			className: "gap-3",
+			contentClassName: "min-w-(--anchor-width)",
+			buttonText: /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(s, { "aria-hidden": "true" }), n && Y[r]] }),
+			children: [
+				/* @__PURE__ */ d(q.Item, {
+					asChild: !0,
+					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
+					children: /* @__PURE__ */ f(G, {
+						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, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), n && Y.system]
+					})
+				}),
+				/* @__PURE__ */ d(q.Item, {
+					asChild: !0,
+					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
+					children: /* @__PURE__ */ f(G, {
+						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, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), n && Y.light]
+					})
+				}),
+				/* @__PURE__ */ d(q.Item, {
+					asChild: !0,
+					className: t("border-0! focus-visible:outline-none", n ? "px-3!" : "justify-center! p-0!"),
+					children: /* @__PURE__ */ f(G, {
+						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, {
+							className: "size-4",
+							"aria-hidden": "true"
+						}), n && Y.dark]
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region components/typing-animation.tsx
+function ge(e) {
+	return e === "newline" ? "\n" : e === "comma" ? ", " : "";
+}
+function $(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 = {
+	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: 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);
+	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, u)) / 100
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [
+		a,
+		i,
+		u
+	]), o(() => {
+		if (!E || e.length === 0) return;
+		let t, n = p !== "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 = $(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) {
+					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,
+		_,
+		p,
+		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 = p !== "clear", B = ge(p), V = w.reduce((e, t) => e + t.split("\n").length, 0);
+	return z ? /* @__PURE__ */ d("div", {
+		ref: (e) => {
+			M.current = e;
+		},
+		className: "arc-typing-animation overflow-hidden",
+		style: { "--typing-roll-offset": V },
+		children: /* @__PURE__ */ f("div", {
+			className: "whitespace-pre-line",
+			children: [
+				w.join(B),
+				S && `${w.length > 0 ? B : ""}${S}`,
+				R
+			]
+		})
+	}) : /* @__PURE__ */ f("span", {
+		ref: (e) => {
+			M.current = e;
+		},
+		className: "arc-typing-animation inline-grid align-top",
+		children: [/* @__PURE__ */ f("span", {
+			"aria-hidden": "true",
+			className: "invisible col-start-1 row-start-1 whitespace-pre-line",
+			children: [t ?? e[0], m && "."]
+		}), /* @__PURE__ */ f("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 };