tguikit 0.2.0 → 0.4.0

package/dist/index.js

@@ -1,13 +1,101 @@
 "use client";
-import { Children as e, Fragment as t, createContext as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useMemo as s, useRef as c, useState as l, useSyncExternalStore as u } from "react";
-import { clsx as d } from "clsx";
-import { cva as f } from "class-variance-authority";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Children as e, Fragment as t, createContext as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d, useSyncExternalStore as f } from "react";
+import { clsx as p } from "clsx";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { cva as _ } from "class-variance-authority";
+import { createPortal as v } from "react-dom";
 //#region src/shared/lib/cn.ts
-function h(...e) {
-	return d(e);
+function y(...e) {
+	return p(e);
 }
-var g = {
+var b = {
+	accordion: "_accordion_1bhfn_1",
+	item: "_item_1bhfn_6",
+	header: "_header_1bhfn_14",
+	title: "_title_1bhfn_31",
+	chevron: "_chevron_1bhfn_36",
+	panel: "_panel_1bhfn_59",
+	"panel--open": "_panel--open_1bhfn_70",
+	panelInner: "_panelInner_1bhfn_74",
+	panelContent: "_panelContent_1bhfn_78"
+}, x = n(null);
+x.displayName = "AccordionContext";
+//#endregion
+//#region src/components/Accordion/Accordion.tsx
+var S = (e) => e == null ? [] : Array.isArray(e) ? e : [e];
+function C({ ref: e, multiple: t = !1, value: n, defaultValue: r, onChange: a, className: o, children: s, ...c }) {
+	let [u, f] = d(() => S(r)), p = n == null ? u : S(n), m = i((e) => {
+		let r = p.includes(e) ? p.filter((t) => t !== e) : t ? [...p, e] : [e];
+		n ?? f(r), a?.(r);
+	}, [
+		p,
+		t,
+		n,
+		a
+	]), g = l(() => ({
+		open: p,
+		toggle: m
+	}), [p, m]);
+	return /* @__PURE__ */ h(x.Provider, {
+		value: g,
+		children: /* @__PURE__ */ h("div", {
+			ref: e,
+			className: y(b.accordion, o),
+			...c,
+			children: s
+		})
+	});
+}
+C.displayName = "Accordion";
+//#endregion
+//#region src/components/Accordion/AccordionItem.tsx
+function w({ ref: e, value: t, header: n, className: r, children: i, ...o }) {
+	let c = a(x);
+	if (!c) throw Error("AccordionItem must be used within an <Accordion>.");
+	let l = s(), u = c.open.includes(t);
+	return /* @__PURE__ */ g("div", {
+		ref: e,
+		className: y(b.item, r),
+		...o,
+		children: [/* @__PURE__ */ g("button", {
+			type: "button",
+			className: b.header,
+			"aria-expanded": u,
+			"aria-controls": l,
+			onClick: () => c.toggle(t),
+			children: [/* @__PURE__ */ h("span", {
+				className: b.title,
+				children: n
+			}), /* @__PURE__ */ h("svg", {
+				className: b.chevron,
+				viewBox: "0 0 18 18",
+				fill: "none",
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ h("path", {
+					d: "M4.5 7l4.5 4.5L13.5 7",
+					stroke: "currentColor",
+					strokeWidth: "1.8",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})]
+		}), /* @__PURE__ */ h("div", {
+			className: y(b.panel, u && b["panel--open"]),
+			children: /* @__PURE__ */ h("div", {
+				className: b.panelInner,
+				children: /* @__PURE__ */ h("div", {
+					id: l,
+					className: b.panelContent,
+					inert: !u,
+					"aria-hidden": !u,
+					children: i
+				})
+			})
+		})]
+	});
+}
+w.displayName = "AccordionItem";
+var T = {
 	avatar: "_avatar_lii18_1",
 	s20: "_s20_lii18_18",
 	s24: "_s24_lii18_24",
@@ -18,50 +106,65 @@ var g = {
 	img: "_img_lii18_54",
 	acronym: "_acronym_lii18_61",
 	icon: "_icon_lii18_65"
-}, _ = f(g.avatar, {
+}, E = _(T.avatar, {
 	variants: { size: {
-		20: g.s20,
-		24: g.s24,
-		28: g.s28,
-		40: g.s40,
-		48: g.s48,
-		96: g.s96
+		20: T.s20,
+		24: T.s24,
+		28: T.s28,
+		40: T.s40,
+		48: T.s48,
+		96: T.s96
 	} },
 	defaultVariants: { size: 40 }
 });
 //#endregion
 //#region src/components/Avatar/Avatar.tsx
-function v() {
-	return /* @__PURE__ */ p("svg", {
+function D() {
+	return /* @__PURE__ */ h("svg", {
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		"aria-hidden": !0,
-		children: /* @__PURE__ */ p("path", { d: "M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.2 0-7 2.4-7 4.5V20h14v-1.5c0-2.1-2.8-4.5-7-4.5Z" })
+		children: /* @__PURE__ */ h("path", { d: "M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.2 0-7 2.4-7 4.5V20h14v-1.5c0-2.1-2.8-4.5-7-4.5Z" })
 	});
 }
-function y({ ref: e, size: t = 40, src: n, alt: r = "", acronym: i, fallbackIcon: a, className: o, children: s, ...c }) {
-	let [u, d] = l(null), f = n != null && n !== "" && n !== u;
-	return /* @__PURE__ */ m("span", {
+function O({ ref: e, size: t = 40, src: n, alt: r = "", acronym: i, fallbackIcon: a, className: o, children: s, ...c }) {
+	let [l, u] = d(null), f = n != null && n !== "" && n !== l;
+	return /* @__PURE__ */ g("span", {
 		ref: e,
-		className: h(_({ size: t }), o),
+		className: y(E({ size: t }), o),
 		...c,
-		children: [f ? /* @__PURE__ */ p("img", {
-			className: g.img,
+		children: [f ? /* @__PURE__ */ h("img", {
+			className: T.img,
 			src: n,
 			alt: r,
 			loading: "lazy",
-			onError: () => d(n)
-		}) : i ? /* @__PURE__ */ p("span", {
-			className: g.acronym,
+			onError: () => u(n)
+		}) : i ? /* @__PURE__ */ h("span", {
+			className: T.acronym,
 			children: i
-		}) : /* @__PURE__ */ p("span", {
-			className: g.icon,
-			children: a ?? /* @__PURE__ */ p(v, {})
+		}) : /* @__PURE__ */ h("span", {
+			className: T.icon,
+			children: a ?? /* @__PURE__ */ h(D, {})
 		}), s]
 	});
 }
-y.displayName = "Avatar";
-var b = {
+O.displayName = "Avatar";
+var k = { stack: "_stack_gi9bj_1" };
+//#endregion
+//#region src/components/AvatarStack/AvatarStack.tsx
+function A({ ref: e, overlap: t, className: n, style: r, ...i }) {
+	return /* @__PURE__ */ h("div", {
+		ref: e,
+		className: y(k.stack, n),
+		style: t == null ? r : {
+			...r,
+			"--tgui--avatar-stack--overlap": `${t}px`
+		},
+		...i
+	});
+}
+A.displayName = "AvatarStack";
+var j = {
 	badge: "_badge_76m5w_1",
 	number: "_number_76m5w_11",
 	large: "_large_76m5w_20",
@@ -71,20 +174,20 @@ var b = {
 	"mode-secondary": "_mode-secondary_76m5w_49",
 	"mode-gray": "_mode-gray_76m5w_54",
 	"mode-white": "_mode-white_76m5w_59"
-}, ee = f(b.badge, {
+}, ee = _(j.badge, {
 	variants: {
 		type: {
-			number: b.number,
-			dot: b.dot
+			number: j.number,
+			dot: j.dot
 		},
 		mode: {
-			primary: b["mode-primary"],
-			critical: b["mode-critical"],
-			secondary: b["mode-secondary"],
-			gray: b["mode-gray"],
-			white: b["mode-white"]
+			primary: j["mode-primary"],
+			critical: j["mode-critical"],
+			secondary: j["mode-secondary"],
+			gray: j["mode-gray"],
+			white: j["mode-white"]
 		},
-		large: { true: b.large }
+		large: { true: j.large }
 	},
 	defaultVariants: {
 		type: "number",
@@ -93,10 +196,10 @@ var b = {
 });
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function x({ ref: e, type: t = "number", mode: n = "primary", large: r = !1, className: i, children: a, ...o }) {
-	return /* @__PURE__ */ p("span", {
+function te({ ref: e, type: t = "number", mode: n = "primary", large: r = !1, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ h("span", {
 		ref: e,
-		className: h(ee({
+		className: y(ee({
 			type: t,
 			mode: n,
 			large: r
@@ -105,110 +208,278 @@ function x({ ref: e, type: t = "number", mode: n = "primary", large: r = !1, cla
 		children: t === "number" ? a : null
 	});
 }
-x.displayName = "Badge";
-var S = {
+te.displayName = "Badge";
+var M = {
+	banner: "_banner_1sxll_1",
+	"type-section": "_type-section_1sxll_12",
+	"type-image": "_type-image_1sxll_17",
+	background: "_background_1sxll_21",
+	before: "_before_1sxll_41",
+	body: "_body_1sxll_47",
+	callout: "_callout_1sxll_57",
+	header: "_header_1sxll_66",
+	subheader: "_subheader_1sxll_72",
+	description: "_description_1sxll_78",
+	actions: "_actions_1sxll_84",
+	close: "_close_1sxll_91"
+}, ne = _(M.banner, {
+	variants: { type: {
+		section: M["type-section"],
+		image: M["type-image"]
+	} },
+	defaultVariants: { type: "section" }
+});
+//#endregion
+//#region src/components/Banner/Banner.tsx
+function re({ ref: e, type: t = "section", before: n, callout: r, header: i, subheader: a, description: o, actions: s, background: c, onClose: l, closeLabel: u = "Close", className: d, children: f, ...p }) {
+	return /* @__PURE__ */ g("section", {
+		ref: e,
+		className: y(ne({ type: t }), d),
+		...p,
+		children: [
+			t === "image" && c != null ? /* @__PURE__ */ h("div", {
+				className: M.background,
+				"aria-hidden": !0,
+				children: c
+			}) : null,
+			n == null ? null : /* @__PURE__ */ h("div", {
+				className: M.before,
+				children: n
+			}),
+			/* @__PURE__ */ g("div", {
+				className: M.body,
+				children: [
+					r == null ? null : /* @__PURE__ */ h("span", {
+						className: M.callout,
+						children: r
+					}),
+					i == null ? null : /* @__PURE__ */ h("span", {
+						className: M.header,
+						children: i
+					}),
+					a == null ? null : /* @__PURE__ */ h("span", {
+						className: M.subheader,
+						children: a
+					}),
+					o == null ? null : /* @__PURE__ */ h("p", {
+						className: M.description,
+						children: o
+					}),
+					f,
+					s == null ? null : /* @__PURE__ */ h("div", {
+						className: M.actions,
+						children: s
+					})
+				]
+			}),
+			l == null ? null : /* @__PURE__ */ h("button", {
+				type: "button",
+				className: M.close,
+				"aria-label": u,
+				onClick: l,
+				children: /* @__PURE__ */ h("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 14 14",
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ h("path", {
+						d: "M3.5 3.5l7 7M10.5 3.5l-7 7",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round"
+					})
+				})
+			})
+		]
+	});
+}
+re.displayName = "Banner";
+var ie = {
+	blockquote: "_blockquote_mub25_1",
+	cite: "_cite_mub25_13"
+};
+//#endregion
+//#region src/components/Blockquote/Blockquote.tsx
+function ae({ ref: e, author: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ g("blockquote", {
+		ref: e,
+		className: y(ie.blockquote, n),
+		...i,
+		children: [r, t == null ? null : /* @__PURE__ */ h("cite", {
+			className: ie.cite,
+			children: t
+		})]
+	});
+}
+ae.displayName = "Blockquote";
+var N = {
+	nav: "_nav_12mkz_1",
+	list: "_list_12mkz_8",
+	item: "_item_12mkz_18",
+	link: "_link_12mkz_25",
+	current: "_current_12mkz_48",
+	ellipsis: "_ellipsis_12mkz_57",
+	chevron: "_chevron_12mkz_61"
+}, oe = () => /* @__PURE__ */ h("svg", {
+	className: N.chevron,
+	width: "14",
+	height: "14",
+	viewBox: "0 0 18 18",
+	fill: "none",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ h("path", {
+		d: "M6.75 4.5L11.25 9l-4.5 4.5",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+function se({ ref: e, items: t, maxItems: n = 4, className: r, ...i }) {
+	let a = t.length > n ? [
+		t[0],
+		"ellipsis",
+		...t.slice(t.length - (n - 1))
+	] : t;
+	return /* @__PURE__ */ h("nav", {
+		ref: e,
+		"aria-label": "Breadcrumbs",
+		className: y(N.nav, r),
+		...i,
+		children: /* @__PURE__ */ h("ol", {
+			className: N.list,
+			children: a.map((e, t) => {
+				let n = t === a.length - 1;
+				return /* @__PURE__ */ g("li", {
+					className: N.item,
+					children: [e === "ellipsis" ? /* @__PURE__ */ h("span", {
+						className: N.ellipsis,
+						"aria-hidden": !0,
+						children: "…"
+					}) : n ? /* @__PURE__ */ h("span", {
+						className: N.current,
+						"aria-current": "page",
+						children: e.label
+					}) : e.href == null ? /* @__PURE__ */ h("button", {
+						type: "button",
+						className: N.link,
+						onClick: e.onClick,
+						children: e.label
+					}) : /* @__PURE__ */ h("a", {
+						href: e.href,
+						className: N.link,
+						onClick: e.onClick,
+						children: e.label
+					}), n ? null : /* @__PURE__ */ h(oe, {})]
+				}, t);
+			})
+		})
+	});
+}
+se.displayName = "Breadcrumbs";
+var ce = {
 	spinner: "_spinner_1kqa4_1",
 	"tgui-spinner": "_tgui-spinner_1kqa4_1",
 	s: "_s_1kqa4_1",
 	m: "_m_1kqa4_17",
 	l: "_l_1kqa4_23"
-}, te = f(S.spinner, {
+}, le = _(ce.spinner, {
 	variants: { size: {
-		s: S.s,
-		m: S.m,
-		l: S.l
+		s: ce.s,
+		m: ce.m,
+		l: ce.l
 	} },
 	defaultVariants: { size: "m" }
 });
 //#endregion
 //#region src/components/Spinner/Spinner.tsx
-function C({ ref: e, size: t = "m", className: n, ...r }) {
-	return /* @__PURE__ */ p("span", {
+function ue({ ref: e, size: t = "m", className: n, ...r }) {
+	return /* @__PURE__ */ h("span", {
 		ref: e,
 		role: "status",
 		"aria-label": "Loading",
-		className: h(te({ size: t }), n),
+		className: y(le({ size: t }), n),
 		...r
 	});
 }
-C.displayName = "Spinner";
-var w = {
+ue.displayName = "Spinner";
+var de = {
 	typography: "_typography_1uxpm_1",
 	"weight-1": "_weight-1_1uxpm_6",
 	"weight-2": "_weight-2_1uxpm_10",
 	"weight-3": "_weight-3_1uxpm_14",
 	caps: "_caps_1uxpm_18"
-}, T = f(w.typography, {
+}, fe = _(de.typography, {
 	variants: {
 		weight: {
-			1: w["weight-1"],
-			2: w["weight-2"],
-			3: w["weight-3"]
+			1: de["weight-1"],
+			2: de["weight-2"],
+			3: de["weight-3"]
 		},
-		caps: { true: w.caps }
+		caps: { true: de.caps }
 	},
 	defaultVariants: { weight: "3" }
 });
 //#endregion
 //#region src/components/Typography/Typography.tsx
-function E({ ref: e, weight: t, caps: n, Component: r = "span", className: i, ...a }) {
-	return /* @__PURE__ */ p(r, {
+function P({ ref: e, weight: t, caps: n, Component: r = "span", className: i, ...a }) {
+	return /* @__PURE__ */ h(r, {
 		ref: e,
-		className: h(T({
+		className: y(fe({
 			weight: t,
 			caps: n
 		}), i),
 		...a
 	});
 }
-E.displayName = "Typography";
+P.displayName = "Typography";
 //#endregion
 //#region src/components/Subheadline/Subheadline.module.css
-var ne = {
+var pe = {
 	"level-1": "_level-1_1azf3_1",
 	"level-2": "_level-2_1azf3_6"
-}, re = f("", {
+}, me = _("", {
 	variants: { level: {
-		1: ne["level-1"],
-		2: ne["level-2"]
+		1: pe["level-1"],
+		2: pe["level-2"]
 	} },
 	defaultVariants: { level: "1" }
 });
 //#endregion
 //#region src/components/Subheadline/Subheadline.tsx
-function D({ ref: e, level: t, Component: n = "h6", className: r, ...i }) {
-	return /* @__PURE__ */ p(E, {
+function F({ ref: e, level: t, Component: n = "h6", className: r, ...i }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		Component: n,
-		className: h(re({ level: t }), r),
+		className: y(me({ level: t }), r),
 		...i
 	});
 }
-D.displayName = "Subheadline";
+F.displayName = "Subheadline";
 //#endregion
 //#region src/components/TguiProvider/context.ts
-var ie = n(null);
-ie.displayName = "TguiContext";
+var he = n(null);
+he.displayName = "TguiContext";
 //#endregion
 //#region src/components/TguiProvider/useTgui.ts
-function O() {
-	let e = a(ie);
+function I() {
+	let e = a(he);
 	if (e === null) throw Error("useTgui must be used within a <TguiProvider>.");
 	return e;
 }
-var ae = {
+var ge = {
 	ripple: "_ripple_1cc3x_1",
 	wave: "_wave_1cc3x_9",
 	"wave-rise": "_wave-rise_1cc3x_1"
 };
 //#endregion
 //#region src/components/Tappable/Ripple.tsx
-function oe({ waves: e, onWaveEnd: t }) {
-	return /* @__PURE__ */ p("span", {
+function _e({ waves: e, onWaveEnd: t }) {
+	return /* @__PURE__ */ h("span", {
 		"aria-hidden": !0,
-		className: ae.ripple,
-		children: e.map((e) => /* @__PURE__ */ p("span", {
-			className: ae.wave,
+		className: ge.ripple,
+		children: e.map((e) => /* @__PURE__ */ h("span", {
+			className: ge.wave,
 			style: {
 				top: e.y,
 				left: e.x
@@ -217,13 +488,13 @@ function oe({ waves: e, onWaveEnd: t }) {
 		}, e.id))
 	});
 }
-var k = {
+var ve = {
 	tappable: "_tappable_10au7_1",
 	"tappable--ios": "_tappable--ios_10au7_17",
 	"tappable--opacity": "_tappable--opacity_10au7_18"
-}, se = 70, ce = 600;
-function le() {
-	let [e, t] = l([]), n = c(0), r = c(/* @__PURE__ */ new Map()), a = c(/* @__PURE__ */ new Set());
+}, ye = 70, be = 600;
+function xe() {
+	let [e, t] = d([]), n = u(0), r = u(/* @__PURE__ */ new Map()), a = u(/* @__PURE__ */ new Set());
 	o(() => {
 		let e = r.current, t = a.current;
 		return () => {
@@ -247,9 +518,9 @@ function le() {
 				}]);
 				let i = setTimeout(() => {
 					a.current.delete(i), s(e);
-				}, ce);
+				}, be);
 				a.current.add(i);
-			}, se);
+			}, ye);
 			r.current.set(u, d);
 		}, [s]),
 		onPointerCancel: i((e) => {
@@ -261,11 +532,11 @@ function le() {
 }
 //#endregion
 //#region src/components/Tappable/Tappable.tsx
-function A({ ref: e, Component: t = "div", interactiveAnimation: n = "background", className: r, children: i, onPointerDown: a, onPointerCancel: o, ...s }) {
-	let { platform: c } = O(), l = le(), u = !!s.disabled, d = !!s.readOnly, f = c === "base" && n === "background" && !d && !u && (t !== "div" && t !== "span" || s.onClick != null);
-	return /* @__PURE__ */ m(t, {
+function Se({ ref: e, Component: t = "div", interactiveAnimation: n = "background", className: r, children: i, onPointerDown: a, onPointerCancel: o, ...s }) {
+	let { platform: c } = I(), l = xe(), u = !!s.disabled, d = !!s.readOnly, f = c === "base" && n === "background" && !d && !u && (t !== "div" && t !== "span" || s.onClick != null);
+	return /* @__PURE__ */ g(t, {
 		ref: e,
-		className: h(k.tappable, c === "ios" && k["tappable--ios"], n === "opacity" && k["tappable--opacity"], r),
+		className: y(ve.tappable, c === "ios" && ve["tappable--ios"], n === "opacity" && ve["tappable--opacity"], r),
 		"data-readonly": d || void 0,
 		"data-disabled": u || void 0,
 		"aria-disabled": u || void 0,
@@ -276,123 +547,123 @@ function A({ ref: e, Component: t = "div", interactiveAnimation: n = "background
 			f && l.onPointerCancel(e), o?.(e);
 		},
 		...s,
-		children: [f && /* @__PURE__ */ p(oe, {
+		children: [f && /* @__PURE__ */ h(_e, {
 			waves: l.waves,
 			onWaveEnd: l.removeWave
 		}), i]
 	});
 }
-A.displayName = "Tappable";
-var ue = { text: "_text_5v0x0_1" };
+Se.displayName = "Tappable";
+var Ce = { text: "_text_5v0x0_1" };
 //#endregion
 //#region src/components/Text/Text.tsx
-function j({ ref: e, className: t, Component: n = "span", ...r }) {
-	return /* @__PURE__ */ p(E, {
+function L({ ref: e, className: t, Component: n = "span", ...r }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		Component: n,
-		className: h(ue.text, t),
+		className: y(Ce.text, t),
 		...r
 	});
 }
-j.displayName = "Text";
+L.displayName = "Text";
 //#endregion
 //#region src/shared/lib/telegram.ts
-function de() {
+function we() {
 	if (!(typeof window > "u")) return window.Telegram?.WebApp;
 }
 //#endregion
 //#region src/shared/lib/appearance.ts
-var fe = "(prefers-color-scheme: dark)";
-function pe() {
+var Te = "(prefers-color-scheme: dark)";
+function Ee() {
 	return typeof window < "u" && typeof window.matchMedia == "function";
 }
-function me() {
-	let e = de();
-	return e ? e.colorScheme === "dark" ? "dark" : "light" : pe() && window.matchMedia(fe).matches ? "dark" : "light";
+function De() {
+	let e = we();
+	return e ? e.colorScheme === "dark" ? "dark" : "light" : Ee() && window.matchMedia(Te).matches ? "dark" : "light";
 }
-function he(e) {
-	let t = de();
+function Oe(e) {
+	let t = we();
 	if (t) return t.onEvent("themeChanged", e), () => t.offEvent("themeChanged", e);
-	if (!pe()) return () => {};
-	let n = window.matchMedia(fe);
+	if (!Ee()) return () => {};
+	let n = window.matchMedia(Te);
 	return n.addEventListener("change", e), () => n.removeEventListener("change", e);
 }
 //#endregion
 //#region src/shared/lib/platform.ts
-var ge = /* @__PURE__ */ new Set(["ios", "macos"]);
-function _e() {
-	let e = de();
-	if (e) return ge.has(e.platform) ? "ios" : "base";
+var ke = /* @__PURE__ */ new Set(["ios", "macos"]);
+function Ae() {
+	let e = we();
+	if (e) return ke.has(e.platform) ? "ios" : "base";
 	if (typeof navigator > "u") return "base";
 	let t = navigator.userAgent, n = t.includes("Macintosh") && navigator.maxTouchPoints > 1;
 	return /iphone|ipad|ipod/i.test(t) || n ? "ios" : "base";
 }
-var M = {
-	wrapper: "_wrapper_zs68y_1",
-	"wrapper--ios": "_wrapper--ios_zs68y_89",
-	"wrapper--dark": "_wrapper--dark_zs68y_102"
-}, ve = () => "light";
-function ye({ ref: e, platform: t, appearance: n, portalContainer: r, className: a, children: o, ...c }) {
-	let d = s(() => t ?? _e(), [t]), f = u(he, me, ve), m = n ?? f, [g, _] = l(null), v = i((t) => {
-		_(t), typeof e == "function" ? e(t) : e && (e.current = t);
-	}, [e]), y = s(() => ({
-		platform: d,
-		appearance: m,
-		portalContainer: r ?? g
+var je = {
+	wrapper: "_wrapper_qycbb_1",
+	"wrapper--ios": "_wrapper--ios_qycbb_95",
+	"wrapper--dark": "_wrapper--dark_qycbb_108"
+}, Me = () => "light";
+function Ne({ ref: e, platform: t, appearance: n, portalContainer: r, className: a, children: o, ...s }) {
+	let c = l(() => t ?? Ae(), [t]), u = f(Oe, De, Me), p = n ?? u, [m, g] = d(null), _ = i((t) => {
+		g(t), typeof e == "function" ? e(t) : e && (e.current = t);
+	}, [e]), v = l(() => ({
+		platform: c,
+		appearance: p,
+		portalContainer: r ?? m
 	}), [
-		d,
-		m,
+		c,
+		p,
 		r,
-		g
+		m
 	]);
-	return /* @__PURE__ */ p("div", {
-		ref: v,
-		className: h(M.wrapper, d === "ios" && M["wrapper--ios"], m === "dark" && M["wrapper--dark"], a),
-		...c,
-		children: /* @__PURE__ */ p(ie.Provider, {
-			value: y,
+	return /* @__PURE__ */ h("div", {
+		ref: _,
+		className: y(je.wrapper, c === "ios" && je["wrapper--ios"], p === "dark" && je["wrapper--dark"], a),
+		...s,
+		children: /* @__PURE__ */ h(he.Provider, {
+			value: v,
 			children: o
 		})
 	});
 }
-ye.displayName = "TguiProvider";
-var N = {
-	button: "_button_1fqnm_1",
-	stretched: "_stretched_1fqnm_13",
-	before: "_before_1fqnm_33",
-	after: "_after_1fqnm_34",
-	content: "_content_1fqnm_40",
-	label: "_label_1fqnm_49",
-	loading: "_loading_1fqnm_60",
-	spinner: "_spinner_1fqnm_70",
-	"size-s": "_size-s_1fqnm_75",
-	"size-m": "_size-m_1fqnm_83",
-	"size-l": "_size-l_1fqnm_90",
-	ios: "_ios_1fqnm_96",
-	"mode-filled": "_mode-filled_1fqnm_104",
-	"mode-bezeled": "_mode-bezeled_1fqnm_111",
-	"mode-plain": "_mode-plain_1fqnm_118",
-	"mode-gray": "_mode-gray_1fqnm_125",
-	"mode-outline": "_mode-outline_1fqnm_132",
-	"mode-white": "_mode-white_1fqnm_140"
-}, be = f(N.button, {
+Ne.displayName = "TguiProvider";
+var R = {
+	button: "_button_6vql2_1",
+	stretched: "_stretched_6vql2_13",
+	before: "_before_6vql2_34",
+	after: "_after_6vql2_35",
+	content: "_content_6vql2_41",
+	label: "_label_6vql2_50",
+	loading: "_loading_6vql2_61",
+	spinner: "_spinner_6vql2_71",
+	"size-s": "_size-s_6vql2_76",
+	"size-m": "_size-m_6vql2_84",
+	"size-l": "_size-l_6vql2_91",
+	ios: "_ios_6vql2_97",
+	"mode-filled": "_mode-filled_6vql2_105",
+	"mode-bezeled": "_mode-bezeled_6vql2_112",
+	"mode-plain": "_mode-plain_6vql2_119",
+	"mode-gray": "_mode-gray_6vql2_126",
+	"mode-outline": "_mode-outline_6vql2_133",
+	"mode-white": "_mode-white_6vql2_141"
+}, Pe = _(R.button, {
 	variants: {
 		mode: {
-			filled: N["mode-filled"],
-			bezeled: N["mode-bezeled"],
-			plain: N["mode-plain"],
-			gray: N["mode-gray"],
-			outline: N["mode-outline"],
-			white: N["mode-white"]
+			filled: R["mode-filled"],
+			bezeled: R["mode-bezeled"],
+			plain: R["mode-plain"],
+			gray: R["mode-gray"],
+			outline: R["mode-outline"],
+			white: R["mode-white"]
 		},
 		size: {
-			s: N["size-s"],
-			m: N["size-m"],
-			l: N["size-l"]
+			s: R["size-s"],
+			m: R["size-m"],
+			l: R["size-l"]
 		},
-		stretched: { true: N.stretched },
+		stretched: { true: R.stretched },
 		platform: {
-			ios: N.ios,
+			ios: R.ios,
 			base: null
 		}
 	},
@@ -403,92 +674,92 @@ var N = {
 });
 //#endregion
 //#region src/components/Button/Button.tsx
-function xe({ size: e, children: t }) {
+function Fe({ size: e, children: t }) {
 	let n = {
 		weight: "2",
-		className: N.content
-	}, r = /* @__PURE__ */ p("span", {
-		className: N.label,
+		className: R.content
+	}, r = /* @__PURE__ */ h("span", {
+		className: R.label,
 		children: t
 	});
-	return e === "l" ? /* @__PURE__ */ p(j, {
+	return e === "l" ? /* @__PURE__ */ h(L, {
 		...n,
 		children: r
-	}) : /* @__PURE__ */ p(D, {
+	}) : /* @__PURE__ */ h(F, {
 		level: "2",
 		...n,
 		children: r
 	});
 }
-function Se({ ref: e, Component: t = "button", mode: n = "filled", size: r = "m", stretched: i = !1, loading: a = !1, type: o, before: s, after: c, children: l, className: u, ...d }) {
-	let { platform: f } = O();
-	return /* @__PURE__ */ m(A, {
+function Ie({ ref: e, Component: t = "button", mode: n = "filled", size: r = "m", stretched: i = !1, loading: a = !1, type: o, before: s, after: c, children: l, className: u, ...d }) {
+	let { platform: f } = I();
+	return /* @__PURE__ */ g(Se, {
 		ref: e,
 		Component: t,
 		type: t === "button" ? o ?? "button" : o,
 		"aria-busy": a || void 0,
-		className: h(be({
+		className: y(Pe({
 			mode: n,
 			size: r,
 			stretched: i,
 			platform: f
-		}), a && N.loading, u),
+		}), a && R.loading, u),
 		...d,
 		children: [
-			a ? /* @__PURE__ */ p(C, {
+			a ? /* @__PURE__ */ h(ue, {
 				size: "s",
-				className: N.spinner,
+				className: R.spinner,
 				"aria-hidden": !0
 			}) : null,
-			s ? /* @__PURE__ */ p("span", {
-				className: N.before,
+			s ? /* @__PURE__ */ h("span", {
+				className: R.before,
 				children: s
 			}) : null,
-			/* @__PURE__ */ p(xe, {
+			/* @__PURE__ */ h(Fe, {
 				size: r,
 				children: l
 			}),
-			c ? /* @__PURE__ */ p("span", {
-				className: N.after,
+			c ? /* @__PURE__ */ h("span", {
+				className: R.after,
 				children: c
 			}) : null
 		]
 	});
 }
-Se.displayName = "Button";
+Ie.displayName = "Button";
 //#endregion
 //#region src/components/Caption/Caption.module.css
-var Ce = {
+var Le = {
 	"level-1": "_level-1_1fkm7_1",
 	"level-2": "_level-2_1fkm7_6"
-}, we = f("", {
+}, Re = _("", {
 	variants: { level: {
-		1: Ce["level-1"],
-		2: Ce["level-2"]
+		1: Le["level-1"],
+		2: Le["level-2"]
 	} },
 	defaultVariants: { level: "1" }
 });
 //#endregion
 //#region src/components/Caption/Caption.tsx
-function P({ ref: e, level: t, Component: n = "span", className: r, ...i }) {
-	return /* @__PURE__ */ p(E, {
+function ze({ ref: e, level: t, Component: n = "span", className: r, ...i }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		Component: n,
-		className: h(we({ level: t }), r),
+		className: y(Re({ level: t }), r),
 		...i
 	});
 }
-P.displayName = "Caption";
+ze.displayName = "Caption";
 //#endregion
 //#region src/components/Card/Card.context.ts
-var Te = n({ type: "plain" }), F = {
+var Be = n({ type: "plain" }), Ve = {
 	card: "_card_1maup_1",
 	cardAmbient: "_cardAmbient_1maup_17",
 	cell: "_cell_1maup_21",
 	cellAmbient: "_cellAmbient_1maup_26",
 	cellHeader: "_cellHeader_1maup_43",
 	cellSubtitle: "_cellSubtitle_1maup_47"
-}, I = {
+}, z = {
 	cell: "_cell_1w7p5_1",
 	before: "_before_1w7p5_10",
 	after: "_after_1w7p5_11",
@@ -503,200 +774,266 @@ var Te = n({ type: "plain" }), F = {
 	hovered: "_hovered_1w7p5_56",
 	ios: "_ios_1w7p5_60",
 	interactive: "_interactive_1w7p5_67"
-}, Ee = f(I.cell, { variants: {
+}, He = _(z.cell, { variants: {
 	platform: {
-		ios: I.ios,
+		ios: z.ios,
 		base: null
 	},
-	hovered: { true: I.hovered },
-	interactive: { true: I.interactive },
-	multiline: { true: I.multiline }
+	hovered: { true: z.hovered },
+	interactive: { true: z.interactive },
+	multiline: { true: z.multiline }
 } });
 //#endregion
 //#region src/components/Cell/Cell.tsx
-function De({ ios: e, children: t }) {
-	return e ? /* @__PURE__ */ p(j, {
-		className: I.head,
+function Ue({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ h(L, {
+		className: z.head,
 		children: t
-	}) : /* @__PURE__ */ p(D, {
+	}) : /* @__PURE__ */ h(F, {
 		level: "1",
-		className: I.head,
+		className: z.head,
 		children: t
 	});
 }
-function Oe({ ios: e, children: t }) {
-	return e ? /* @__PURE__ */ p(P, {
-		className: I.description,
+function We({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ h(ze, {
+		className: z.description,
 		children: t
-	}) : /* @__PURE__ */ p(D, {
+	}) : /* @__PURE__ */ h(F, {
 		level: "2",
-		className: I.description,
+		className: z.description,
 		children: t
 	});
 }
-function ke({ ref: e, Component: t = "div", subhead: n, children: r, hint: i, titleBadge: a, subtitle: o, description: s, before: c, after: l, hovered: u, multiline: d, className: f, ...g }) {
-	let { platform: _ } = O(), v = _ === "ios", y = r != null || i != null || a != null, b = g.onClick != null || g.href != null || t === "a" || t === "button" || t === "label";
-	return /* @__PURE__ */ m(A, {
+function Ge({ ref: e, Component: t = "div", subhead: n, children: r, hint: i, titleBadge: a, subtitle: o, description: s, before: c, after: l, hovered: u, multiline: d, className: f, ...p }) {
+	let { platform: m } = I(), _ = m === "ios", v = r != null || i != null || a != null, b = p.onClick != null || p.href != null || t === "a" || t === "button" || t === "label";
+	return /* @__PURE__ */ g(Se, {
 		ref: e,
 		Component: t,
-		className: h(Ee({
-			platform: _,
+		className: y(He({
+			platform: m,
 			hovered: u,
 			multiline: d,
 			interactive: b
 		}), f),
-		...g,
+		...p,
 		children: [
-			c == null ? null : /* @__PURE__ */ p("div", {
-				className: I.before,
+			c == null ? null : /* @__PURE__ */ h("div", {
+				className: z.before,
 				children: c
 			}),
-			/* @__PURE__ */ m("div", {
-				className: I.middle,
+			/* @__PURE__ */ g("div", {
+				className: z.middle,
 				children: [
-					n == null ? null : /* @__PURE__ */ p(D, {
+					n == null ? null : /* @__PURE__ */ h(F, {
 						level: "2",
-						className: I.subhead,
+						className: z.subhead,
 						children: n
 					}),
-					y ? /* @__PURE__ */ m(De, {
-						ios: v,
+					v ? /* @__PURE__ */ g(Ue, {
+						ios: _,
 						children: [
-							r == null ? null : /* @__PURE__ */ p("span", {
-								className: I.title,
+							r == null ? null : /* @__PURE__ */ h("span", {
+								className: z.title,
 								children: r
 							}),
-							i == null ? null : /* @__PURE__ */ p("span", {
-								className: I.hint,
+							i == null ? null : /* @__PURE__ */ h("span", {
+								className: z.hint,
 								children: i
 							}),
 							a
 						]
 					}) : null,
-					o == null ? null : /* @__PURE__ */ p(D, {
+					o == null ? null : /* @__PURE__ */ h(F, {
 						level: "2",
-						className: I.subtitle,
+						className: z.subtitle,
 						children: o
 					}),
-					s == null ? null : /* @__PURE__ */ p(Oe, {
-						ios: v,
+					s == null ? null : /* @__PURE__ */ h(We, {
+						ios: _,
 						children: s
 					})
 				]
 			}),
-			l == null ? null : /* @__PURE__ */ p("div", {
-				className: I.after,
+			l == null ? null : /* @__PURE__ */ h("div", {
+				className: z.after,
 				children: l
 			})
 		]
 	});
 }
-ke.displayName = "Cell";
+Ge.displayName = "Cell";
 //#endregion
 //#region src/components/Card/CardCell.tsx
-function Ae({ ref: e, children: t, subtitle: n, className: r, ...i }) {
-	let { type: o } = a(Te), s = o === "ambient";
-	return /* @__PURE__ */ p(ke, {
+function Ke({ ref: e, children: t, subtitle: n, className: r, ...i }) {
+	let { type: o } = a(Be), s = o === "ambient";
+	return /* @__PURE__ */ h(Ge, {
 		ref: e,
-		className: h(F.cell, s && F.cellAmbient, r),
-		subtitle: n == null ? void 0 : /* @__PURE__ */ p("span", {
-			className: F.cellSubtitle,
+		className: y(Ve.cell, s && Ve.cellAmbient, r),
+		subtitle: n == null ? void 0 : /* @__PURE__ */ h("span", {
+			className: Ve.cellSubtitle,
 			children: n
 		}),
 		...i,
-		children: t == null ? null : /* @__PURE__ */ p("span", {
-			className: F.cellHeader,
+		children: t == null ? null : /* @__PURE__ */ h("span", {
+			className: Ve.cellHeader,
 			children: t
 		})
 	});
 }
-Ae.displayName = "CardCell";
+Ke.displayName = "CardCell";
 //#endregion
 //#region src/components/Card/Card.tsx
-function je({ ref: e, type: t = "plain", className: n, children: r, ...i }) {
-	let a = s(() => ({ type: t }), [t]);
-	return /* @__PURE__ */ p(Te.Provider, {
+function qe({ ref: e, type: t = "plain", className: n, children: r, ...i }) {
+	let a = l(() => ({ type: t }), [t]);
+	return /* @__PURE__ */ h(Be.Provider, {
 		value: a,
-		children: /* @__PURE__ */ p("article", {
+		children: /* @__PURE__ */ h("article", {
 			ref: e,
-			className: h(F.card, t === "ambient" && F.cardAmbient, n),
+			className: y(Ve.card, t === "ambient" && Ve.cardAmbient, n),
 			...i,
 			children: r
 		})
 	});
 }
-je.displayName = "Card", je.Cell = Ae;
-var L = {
+qe.displayName = "Card", qe.Cell = Ke;
+var Je = {
 	checkbox: "_checkbox_yjw6v_1",
 	input: "_input_yjw6v_12",
 	box: "_box_yjw6v_22"
 };
 //#endregion
 //#region src/components/Checkbox/Checkbox.tsx
-function Me({ ref: e, indeterminate: t = !1, disabled: n, className: r, style: i, ...a }) {
-	let s = c(null);
+function Ye({ ref: e, indeterminate: t = !1, disabled: n, className: r, style: i, ...a }) {
+	let s = u(null);
 	return o(() => {
 		s.current && (s.current.indeterminate = t);
-	}, [t]), /* @__PURE__ */ m("span", {
-		className: h(L.checkbox, r),
+	}, [t]), /* @__PURE__ */ g("span", {
+		className: y(Je.checkbox, r),
 		style: i,
 		"data-disabled": n || void 0,
-		children: [/* @__PURE__ */ p("input", {
+		children: [/* @__PURE__ */ h("input", {
 			ref: (t) => {
 				s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
 			},
 			type: "checkbox",
-			className: L.input,
+			className: Je.input,
 			disabled: n,
 			...a
-		}), /* @__PURE__ */ p("span", {
-			className: L.box,
+		}), /* @__PURE__ */ h("span", {
+			className: Je.box,
 			"aria-hidden": !0
 		})]
 	});
 }
-Me.displayName = "Checkbox";
-var R = {
+Ye.displayName = "Checkbox";
+var B = {
+	chip: "_chip_13v10_1",
+	"mode-elevated": "_mode-elevated_13v10_16",
+	"mode-outline": "_mode-outline_13v10_21",
+	clickable: "_clickable_13v10_26",
+	before: "_before_13v10_37",
+	after: "_after_13v10_38",
+	label: "_label_13v10_49",
+	remove: "_remove_13v10_56"
+}, Xe = _(B.chip, {
+	variants: {
+		mode: {
+			elevated: B["mode-elevated"],
+			outline: B["mode-outline"]
+		},
+		clickable: { true: B.clickable }
+	},
+	defaultVariants: { mode: "elevated" }
+});
+//#endregion
+//#region src/components/Chip/Chip.tsx
+function Ze({ ref: e, Component: t = "div", mode: n = "elevated", before: r, after: i, onClick: a, onRemove: o, removeLabel: s = "Remove", className: c, children: l, ...u }) {
+	return /* @__PURE__ */ g(t, {
+		ref: e,
+		className: y(Xe({
+			mode: n,
+			clickable: a != null
+		}), c),
+		onClick: a,
+		...u,
+		children: [
+			r == null ? null : /* @__PURE__ */ h("span", {
+				className: B.before,
+				children: r
+			}),
+			/* @__PURE__ */ h("span", {
+				className: B.label,
+				children: l
+			}),
+			o == null ? i == null ? null : /* @__PURE__ */ h("span", {
+				className: B.after,
+				children: i
+			}) : /* @__PURE__ */ h("button", {
+				type: "button",
+				className: B.remove,
+				"aria-label": s,
+				onClick: (e) => {
+					e.stopPropagation(), o();
+				},
+				children: /* @__PURE__ */ h("svg", {
+					width: "12",
+					height: "12",
+					viewBox: "0 0 12 12",
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ h("path", {
+						d: "M3 3l6 6M9 3l-6 6",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round"
+					})
+				})
+			})
+		]
+	});
+}
+Ze.displayName = "Chip";
+var Qe = {
 	root: "_root_hheo5_1",
 	svg: "_svg_hheo5_6",
 	track: "_track_hheo5_10",
 	indicator: "_indicator_hheo5_14"
-}, Ne = {
+}, $e = {
 	s: 20,
 	m: 28,
 	l: 36
-}, Pe = {
+}, et = {
 	s: 2,
 	m: 2.5,
 	l: 3
 };
 //#endregion
 //#region src/components/CircularProgress/CircularProgress.tsx
-function Fe({ ref: e, value: t = 0, size: n = "m", className: r, ...i }) {
-	let a = Math.max(0, Math.min(100, t)), o = Ne[n], s = Pe[n], c = (o - s) / 2, l = 2 * Math.PI * c, u = o / 2;
-	return /* @__PURE__ */ p("span", {
+function tt({ ref: e, value: t = 0, size: n = "m", className: r, ...i }) {
+	let a = Math.max(0, Math.min(100, t)), o = $e[n], s = et[n], c = (o - s) / 2, l = 2 * Math.PI * c, u = o / 2;
+	return /* @__PURE__ */ h("span", {
 		ref: e,
 		role: "progressbar",
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-valuenow": Math.round(a),
-		className: h(R.root, r),
+		className: y(Qe.root, r),
 		...i,
-		children: /* @__PURE__ */ m("svg", {
-			className: R.svg,
+		children: /* @__PURE__ */ g("svg", {
+			className: Qe.svg,
 			width: o,
 			height: o,
 			viewBox: `0 0 ${o} ${o}`,
 			"aria-hidden": !0,
-			children: [/* @__PURE__ */ p("circle", {
-				className: R.track,
+			children: [/* @__PURE__ */ h("circle", {
+				className: Qe.track,
 				cx: u,
 				cy: u,
 				r: c,
 				strokeWidth: s,
 				fill: "none"
-			}), /* @__PURE__ */ p("circle", {
-				className: R.indicator,
+			}), /* @__PURE__ */ h("circle", {
+				className: Qe.indicator,
 				cx: u,
 				cy: u,
 				r: c,
@@ -709,32 +1046,133 @@ function Fe({ ref: e, value: t = 0, size: n = "m", className: r, ...i }) {
 		})
 	});
 }
-Fe.displayName = "CircularProgress";
-var Ie = { divider: "_divider_fq1ux_1" };
+tt.displayName = "CircularProgress";
+var nt = { divider: "_divider_fq1ux_1" };
 //#endregion
 //#region src/components/Divider/Divider.tsx
-function z({ ref: e, className: t, ...n }) {
-	return /* @__PURE__ */ p("hr", {
+function rt({ ref: e, className: t, ...n }) {
+	return /* @__PURE__ */ h("hr", {
 		ref: e,
-		className: h(Ie.divider, t),
+		className: y(nt.divider, t),
 		...n
 	});
 }
-z.displayName = "Divider";
-var Le = { headline: "_headline_17ihj_1" };
+rt.displayName = "Divider";
+var it = {
+	fixedLayout: "_fixedLayout_1b5hq_1",
+	top: "_top_1b5hq_9",
+	bottom: "_bottom_1b5hq_14"
+};
+//#endregion
+//#region src/components/FixedLayout/FixedLayout.tsx
+function at({ ref: e, vertical: t = "bottom", className: n, ...r }) {
+	return /* @__PURE__ */ h("div", {
+		ref: e,
+		className: y(it.fixedLayout, it[t], n),
+		...r
+	});
+}
+at.displayName = "FixedLayout";
+var ot = { headline: "_headline_17ihj_1" };
 //#endregion
 //#region src/components/Headline/Headline.tsx
-function Re({ ref: e, weight: t = "2", className: n, Component: r = "h5", ...i }) {
-	return /* @__PURE__ */ p(E, {
+function st({ ref: e, weight: t = "2", className: n, Component: r = "h5", ...i }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		weight: t,
 		Component: r,
-		className: h(Le.headline, n),
+		className: y(ot.headline, n),
 		...i
 	});
 }
-Re.displayName = "Headline";
-var B = {
+st.displayName = "Headline";
+var V = {
+	root: "_root_ykq8r_1",
+	edge: "_edge_ykq8r_9",
+	visible: "_visible_ykq8r_25",
+	"edge--start": "_edge--start_ykq8r_29",
+	"edge--end": "_edge--end_ykq8r_34",
+	scroller: "_scroller_ykq8r_39",
+	snap: "_snap_ykq8r_72"
+}, ct = 4;
+function lt({ ref: e, snap: t = !1, fade: n = !0, className: r, children: a, ...s }) {
+	let c = u(null), [l, f] = d({
+		start: !1,
+		end: !1
+	}), p = u({
+		down: !1,
+		moved: !1,
+		startX: 0,
+		startScroll: 0
+	}), _ = i(() => {
+		let e = c.current;
+		if (!e) return;
+		let t = e.scrollLeft > 1, n = e.scrollLeft < e.scrollWidth - e.clientWidth - 1;
+		f((e) => e.start === t && e.end === n ? e : {
+			start: t,
+			end: n
+		});
+	}, []);
+	o(() => {
+		let e = c.current;
+		if (!e) return;
+		_(), e.addEventListener("scroll", _, { passive: !0 });
+		let t = typeof ResizeObserver < "u" ? new ResizeObserver(_) : null;
+		return t?.observe(e), () => {
+			e.removeEventListener("scroll", _), t?.disconnect();
+		};
+	}, [_]);
+	let v = (e) => {
+		if (e.pointerType !== "mouse" || e.button !== 0) return;
+		let t = c.current;
+		t && (p.current = {
+			down: !0,
+			moved: !1,
+			startX: e.clientX,
+			startScroll: t.scrollLeft
+		});
+	}, b = (e) => {
+		let t = p.current, n = c.current;
+		if (!t.down || !n) return;
+		let r = e.clientX - t.startX;
+		if (!t.moved) {
+			if (Math.abs(r) < ct) return;
+			t.moved = !0, n.setPointerCapture(e.pointerId), n.dataset.grabbing = "true", n.style.scrollBehavior = "auto";
+		}
+		e.preventDefault(), n.scrollLeft = t.startScroll - r;
+	}, x = (e) => {
+		let t = c.current;
+		t && p.current.moved && (t.releasePointerCapture?.(e.pointerId), delete t.dataset.grabbing, t.style.scrollBehavior = ""), p.current.down = !1;
+	};
+	return /* @__PURE__ */ g("div", {
+		ref: e,
+		className: y(V.root, r),
+		"data-start": n ? String(l.start) : void 0,
+		"data-end": n ? String(l.end) : void 0,
+		...s,
+		children: [n ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+			className: y(V.edge, V["edge--start"], l.start && V.visible),
+			"aria-hidden": !0
+		}), /* @__PURE__ */ h("span", {
+			className: y(V.edge, V["edge--end"], l.end && V.visible),
+			"aria-hidden": !0
+		})] }) : null, /* @__PURE__ */ h("div", {
+			ref: c,
+			className: y(V.scroller, t && V.snap),
+			onPointerDown: v,
+			onPointerMove: b,
+			onPointerUp: x,
+			onPointerCancel: x,
+			onDragStart: (e) => e.preventDefault(),
+			onClickCapture: (e) => {
+				p.current.moved && (e.stopPropagation(), p.current.moved = !1);
+			},
+			children: a
+		})]
+	});
+}
+lt.displayName = "HorizontalScroll";
+var H = {
 	iconButton: "_iconButton_1ifh1_1",
 	circle: "_circle_1ifh1_15",
 	s: "_s_1ifh1_19",
@@ -746,22 +1184,22 @@ var B = {
 	"mode-plain": "_mode-plain_1ifh1_72",
 	"mode-gray": "_mode-gray_1ifh1_76",
 	"mode-outline": "_mode-outline_1ifh1_81"
-}, ze = f(B.iconButton, {
+}, ut = _(H.iconButton, {
 	variants: {
 		mode: {
-			bezeled: B["mode-bezeled"],
-			plain: B["mode-plain"],
-			gray: B["mode-gray"],
-			outline: B["mode-outline"]
+			bezeled: H["mode-bezeled"],
+			plain: H["mode-plain"],
+			gray: H["mode-gray"],
+			outline: H["mode-outline"]
 		},
 		size: {
-			s: B.s,
-			m: B.m,
-			l: B.l
+			s: H.s,
+			m: H.m,
+			l: H.l
 		},
-		circle: { true: B.circle },
+		circle: { true: H.circle },
 		platform: {
-			ios: B.ios,
+			ios: H.ios,
 			base: null
 		}
 	},
@@ -772,182 +1210,509 @@ var B = {
 });
 //#endregion
 //#region src/components/IconButton/IconButton.tsx
-function Be({ ref: e, Component: t = "button", mode: n = "plain", size: r = "m", circle: i = !1, type: a, className: o, children: s, ...c }) {
-	let { platform: l } = O();
-	return /* @__PURE__ */ p(A, {
+function dt({ ref: e, Component: t = "button", mode: n = "plain", size: r = "m", circle: i = !1, type: a, className: o, children: s, ...c }) {
+	let { platform: l } = I();
+	return /* @__PURE__ */ h(Se, {
 		ref: e,
 		Component: t,
 		type: t === "button" ? a ?? "button" : a,
-		className: h(ze({
+		className: y(ut({
 			mode: n,
 			size: r,
 			circle: i,
 			platform: l
 		}), o),
 		...c,
-		children: /* @__PURE__ */ p("span", {
-			className: B.icon,
+		children: /* @__PURE__ */ h("span", {
+			className: H.icon,
 			children: s
 		})
 	});
 }
-Be.displayName = "IconButton";
-var V = {
-	base: "_base_1k0ze_1",
-	body: "_body_1k0ze_7",
-	ios: "_ios_1k0ze_23",
-	"align-start": "_align-start_1k0ze_29",
-	before: "_before_1k0ze_33",
-	after: "_after_1k0ze_34",
-	header: "_header_1k0ze_39",
-	focused: "_focused_1k0ze_53",
-	error: "_error_1k0ze_61",
-	disabled: "_disabled_1k0ze_73"
+dt.displayName = "IconButton";
+var ft = {
+	frame: "_frame_1q5rs_1",
+	bordered: "_bordered_1q5rs_10",
+	img: "_img_1q5rs_14",
+	loading: "_loading_1q5rs_21",
+	placeholder: "_placeholder_1q5rs_25",
+	fallback: "_fallback_1q5rs_26",
+	"tgui-image-shimmer": "_tgui-image-shimmer_1q5rs_1"
+}, pt = /* @__PURE__ */ h("svg", {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ h("path", {
+		d: "M3 5h18v14H3zM3 15l5-5 4 4 3-3 6 6",
+		stroke: "currentColor",
+		strokeWidth: "1.6",
+		strokeLinejoin: "round"
+	})
+});
+function mt({ ref: e, size: t, width: n, height: r, aspectRatio: i, fit: a = "cover", radius: o, bordered: s = !1, fallback: c = pt, src: l, alt: u = "", className: f, style: p, onLoad: m, onError: _, ...v }) {
+	let [b, x] = d(null), [S, C] = d(!1), w = l != null && l === b, T = {
+		...p,
+		width: t ?? n,
+		height: t ?? r,
+		aspectRatio: i,
+		borderRadius: o === "full" ? "50%" : o,
+		"--tgui--image--fit": a
+	};
+	return /* @__PURE__ */ g("div", {
+		className: y(ft.frame, s && ft.bordered, !S && ft.loading, f),
+		style: T,
+		children: [
+			l != null && !w ? /* @__PURE__ */ h("img", {
+				ref: e,
+				className: ft.img,
+				src: l,
+				alt: u,
+				draggable: !1,
+				onLoad: (e) => {
+					C(!0), m?.(e);
+				},
+				onError: (e) => {
+					x(l), _?.(e);
+				},
+				...v
+			}) : null,
+			!S && !w ? /* @__PURE__ */ h("div", {
+				className: ft.placeholder,
+				"aria-hidden": !0
+			}) : null,
+			w ? /* @__PURE__ */ h("div", {
+				className: ft.fallback,
+				"aria-hidden": !0,
+				children: c
+			}) : null
+		]
+	});
+}
+mt.displayName = "Image";
+//#endregion
+//#region src/components/InlineButtons/context.ts
+var ht = n({ mode: "bezeled" });
+ht.displayName = "InlineButtonsContext";
+var gt = {
+	group: "_group_ezipj_1",
+	item: "_item_ezipj_15",
+	"mode-bezeled": "_mode-bezeled_ezipj_35",
+	"mode-plain": "_mode-plain_ezipj_39",
+	"mode-gray": "_mode-gray_ezipj_43",
+	icon: "_icon_ezipj_48",
+	label: "_label_ezipj_62"
+}, _t = _(gt.item, {
+	variants: { mode: {
+		bezeled: gt["mode-bezeled"],
+		plain: gt["mode-plain"],
+		gray: gt["mode-gray"]
+	} },
+	defaultVariants: { mode: "bezeled" }
+});
+//#endregion
+//#region src/components/InlineButtons/InlineButtonsItem.tsx
+function vt({ ref: e, icon: t, children: n, className: r, ...i }) {
+	let { mode: o } = a(ht);
+	return /* @__PURE__ */ g(Se, {
+		ref: e,
+		Component: "button",
+		type: "button",
+		interactiveAnimation: "opacity",
+		className: y(_t({ mode: o }), r),
+		...i,
+		children: [/* @__PURE__ */ h("span", {
+			className: gt.icon,
+			children: t
+		}), /* @__PURE__ */ h(ze, {
+			className: gt.label,
+			level: "2",
+			weight: "2",
+			children: n
+		})]
+	});
+}
+vt.displayName = "InlineButtonsItem";
+//#endregion
+//#region src/components/InlineButtons/InlineButtons.tsx
+function yt({ ref: e, mode: t = "bezeled", className: n, children: r, ...i }) {
+	return /* @__PURE__ */ h(ht.Provider, {
+		value: { mode: t },
+		children: /* @__PURE__ */ h("div", {
+			ref: e,
+			role: "group",
+			className: y(gt.group, n),
+			...i,
+			children: r
+		})
+	});
+}
+yt.displayName = "InlineButtons", yt.Item = vt;
+var U = {
+	base: "_base_1jyfl_1",
+	body: "_body_1jyfl_7",
+	ios: "_ios_1jyfl_23",
+	"align-start": "_align-start_1jyfl_29",
+	before: "_before_1jyfl_33",
+	after: "_after_1jyfl_34",
+	header: "_header_1jyfl_39",
+	focused: "_focused_1jyfl_53",
+	error: "_error_1jyfl_61",
+	disabled: "_disabled_1jyfl_73"
 };
 //#endregion
 //#region src/components/FormField/FormField.tsx
-function H({ ref: e, ios: t = !1, status: n = "default", disabled: r = !1, alignStart: i = !1, header: a, before: o, after: s, className: c, children: l }) {
-	return /* @__PURE__ */ m("div", {
+function bt({ ref: e, ios: t = !1, status: n = "default", disabled: r = !1, alignStart: i = !1, header: a, before: o, after: s, className: c, children: l }) {
+	return /* @__PURE__ */ g("div", {
 		ref: e,
-		className: h(t ? V.ios : V.base, n === "error" && V.error, n === "focused" && V.focused, r && V.disabled, i && V["align-start"], c),
+		className: y(t ? U.ios : U.base, n === "error" && U.error, n === "focused" && U.focused, r && U.disabled, i && U["align-start"], c),
 		"aria-disabled": r || void 0,
-		children: [/* @__PURE__ */ m("label", {
-			className: V.body,
+		children: [/* @__PURE__ */ g("label", {
+			className: U.body,
 			children: [
-				o == null ? null : /* @__PURE__ */ p("span", {
-					className: V.before,
+				o == null ? null : /* @__PURE__ */ h("span", {
+					className: U.before,
 					children: o
 				}),
 				l,
-				s == null ? null : /* @__PURE__ */ p("span", {
-					className: V.after,
+				s == null ? null : /* @__PURE__ */ h("span", {
+					className: U.after,
 					children: s
 				})
 			]
-		}), a != null && !t ? /* @__PURE__ */ p("span", {
-			className: V.header,
+		}), a != null && !t ? /* @__PURE__ */ h("span", {
+			className: U.header,
 			children: a
 		}) : null]
 	});
 }
-H.displayName = "FormField";
-var Ve = { field: "_field_11zrf_1" };
+bt.displayName = "FormField";
+var xt = { field: "_field_11zrf_1" };
 //#endregion
 //#region src/components/Input/Input.tsx
-function He({ ref: e, type: t = "text", header: n, before: r, after: i, status: a, disabled: o, className: s, onFocus: c, onBlur: u, ...d }) {
-	let { platform: f } = O(), m = f === "ios", [h, g] = l(!1);
-	return /* @__PURE__ */ p(H, {
-		ios: m,
-		status: a ?? (h ? "focused" : "default"),
+function St({ ref: e, type: t = "text", header: n, before: r, after: i, status: a, disabled: o, className: s, onFocus: c, onBlur: l, ...u }) {
+	let { platform: f } = I(), p = f === "ios", [m, g] = d(!1);
+	return /* @__PURE__ */ h(bt, {
+		ios: p,
+		status: a ?? (m ? "focused" : "default"),
 		disabled: o,
 		header: n,
 		before: r,
 		after: i,
 		className: s,
-		children: /* @__PURE__ */ p(m ? j : D, {
+		children: /* @__PURE__ */ h(p ? L : F, {
 			ref: e,
 			Component: "input",
-			className: Ve.field,
+			className: xt.field,
 			type: t,
 			disabled: o,
 			onFocus: (e) => {
 				o || g(!0), c?.(e);
 			},
 			onBlur: (e) => {
-				g(!1), u?.(e);
+				g(!1), l?.(e);
 			},
-			...d
+			...u
 		})
 	});
 }
-He.displayName = "Input";
+St.displayName = "Input";
 //#endregion
 //#region src/components/LargeTitle/LargeTitle.module.css
-var Ue = { "large-title": "_large-title_15hug_1" };
+var Ct = { "large-title": "_large-title_15hug_1" };
 //#endregion
 //#region src/components/LargeTitle/LargeTitle.tsx
-function We({ ref: e, weight: t = "1", className: n, Component: r = "h1", ...i }) {
-	return /* @__PURE__ */ p(E, {
+function wt({ ref: e, weight: t = "1", className: n, Component: r = "h1", ...i }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		weight: t,
 		Component: r,
-		className: h(Ue["large-title"], n),
+		className: y(Ct["large-title"], n),
 		...i
 	});
 }
-We.displayName = "LargeTitle";
-var Ge = {
+wt.displayName = "LargeTitle";
+var Tt = {
+	link: "_link_1ylyy_1",
+	icon: "_icon_1ylyy_18"
+};
+//#endregion
+//#region src/components/Link/Link.tsx
+function Et({ ref: e, target: t, rel: n, className: r, children: i, ...a }) {
+	let o = t === "_blank";
+	return /* @__PURE__ */ g("a", {
+		ref: e,
+		target: t,
+		rel: o ? n ?? "noopener noreferrer" : n,
+		className: y(Tt.link, r),
+		...a,
+		children: [i, o ? /* @__PURE__ */ h("svg", {
+			className: Tt.icon,
+			viewBox: "0 0 16 16",
+			fill: "none",
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ h("path", {
+				d: "M6 3h7v7M13 3l-8 8",
+				stroke: "currentColor",
+				strokeWidth: "1.6",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}) : null]
+	});
+}
+Et.displayName = "Link";
+var Dt = {
 	list: "_list_1rhgw_1",
 	ios: "_ios_1rhgw_5"
 };
 //#endregion
 //#region src/components/List/List.tsx
-function Ke({ ref: e, Component: t = "div", className: n, children: r, ...i }) {
-	let { platform: a } = O();
-	return /* @__PURE__ */ p(t, {
+function Ot({ ref: e, Component: t = "div", className: n, children: r, ...i }) {
+	let { platform: a } = I();
+	return /* @__PURE__ */ h(t, {
 		ref: e,
-		className: h(Ge.list, a === "ios" && Ge.ios, n),
+		className: y(Dt.list, a === "ios" && Dt.ios, n),
 		...i,
 		children: r
 	});
 }
-Ke.displayName = "List";
+Ot.displayName = "List";
+var W = {
+	nav: "_nav_4ys7l_1",
+	list: "_list_4ys7l_5",
+	page: "_page_4ys7l_14",
+	"page--active": "_page--active_4ys7l_27",
+	dots: "_dots_4ys7l_44",
+	dotList: "_dotList_4ys7l_53",
+	dot: "_dot_4ys7l_44",
+	dotGap: "_dotGap_4ys7l_87"
+}, kt = "dots";
+function At(e, t) {
+	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
+}
+function jt(e, t, n) {
+	if (n * 2 + 5 >= t) return At(1, t);
+	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
+	return !a && o ? [
+		...At(1, 3 + n * 2),
+		kt,
+		t
+	] : a && !o ? [
+		1,
+		kt,
+		...At(t - (3 + n * 2) + 1, t)
+	] : [
+		1,
+		kt,
+		...At(r, i),
+		kt,
+		t
+	];
+}
+//#endregion
+//#region src/components/Pagination/CompactPagination.tsx
+function Mt({ ref: e, page: t, count: n, onChange: r, siblingCount: i = 1, className: a, ...o }) {
+	let s = jt(t, n, i);
+	return /* @__PURE__ */ h("nav", {
+		ref: e,
+		"aria-label": "Pagination",
+		className: y(W.nav, a),
+		...o,
+		children: /* @__PURE__ */ h("ul", {
+			className: W.dotList,
+			children: s.map((e, n) => e === "dots" ? /* @__PURE__ */ h("li", {
+				className: W.dotGap,
+				"aria-hidden": !0
+			}, `dots-${n}`) : /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("button", {
+				type: "button",
+				className: W.dot,
+				"data-active": e === t || void 0,
+				"aria-label": `Page ${e}`,
+				"aria-current": e === t ? "page" : void 0,
+				onClick: () => r(e)
+			}) }, e))
+		})
+	});
+}
+Mt.displayName = "CompactPagination";
+//#endregion
+//#region src/components/Pagination/Pagination.tsx
+var Nt = ({ direction: e }) => /* @__PURE__ */ h("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 18 18",
+	fill: "none",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ h("path", {
+		d: e === "prev" ? "M11.25 4.5L6.75 9l4.5 4.5" : "M6.75 4.5L11.25 9l-4.5 4.5",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round"
+	})
+});
+function Pt({ ref: e, page: t, count: n, onChange: r, siblingCount: i = 1, className: a, ...o }) {
+	let s = jt(t, n, i);
+	return /* @__PURE__ */ h("nav", {
+		ref: e,
+		"aria-label": "Pagination",
+		className: y(W.nav, a),
+		...o,
+		children: /* @__PURE__ */ g("ul", {
+			className: W.list,
+			children: [
+				/* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(dt, {
+					mode: "gray",
+					size: "s",
+					"aria-label": "Previous page",
+					disabled: t <= 1,
+					onClick: () => r(t - 1),
+					children: /* @__PURE__ */ h(Nt, { direction: "prev" })
+				}) }),
+				s.map((e, n) => e === "dots" ? /* @__PURE__ */ h("li", {
+					className: W.dots,
+					"aria-hidden": !0,
+					children: "…"
+				}, `dots-${n}`) : /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("button", {
+					type: "button",
+					className: y(W.page, e === t && W["page--active"]),
+					"aria-current": e === t ? "page" : void 0,
+					onClick: () => r(e),
+					children: e
+				}) }, e)),
+				/* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(dt, {
+					mode: "gray",
+					size: "s",
+					"aria-label": "Next page",
+					disabled: t >= n,
+					onClick: () => r(t + 1),
+					children: /* @__PURE__ */ h(Nt, { direction: "next" })
+				}) })
+			]
+		})
+	});
+}
+Pt.displayName = "Pagination";
+var Ft = {
+	pinInput: "_pinInput_fn21m_1",
+	cell: "_cell_fn21m_6"
+}, It = {
+	numeric: /[0-9]/,
+	alphanumeric: /[a-z0-9]/i
+};
+function Lt({ ref: e, length: t = 4, value: n, defaultValue: r = "", onChange: i, onComplete: a, type: o = "numeric", mask: s = !1, disabled: c = !1, invalid: f = !1, name: p, "aria-label": m = "Verification code", className: g }) {
+	let [_, v] = d(r.slice(0, t)), b = n ?? _, x = l(() => {
+		let e = b.split("").slice(0, t);
+		for (; e.length < t;) e.push("");
+		return e;
+	}, [b, t]), S = u([]), C = It[o], w = (e) => {
+		let r = e.join("");
+		n ?? v(r), i?.(r), r.length === t && e.every(Boolean) && a?.(r);
+	}, T = (e) => {
+		let n = Math.max(0, Math.min(t - 1, e));
+		S.current[n]?.focus(), S.current[n]?.select();
+	}, E = (e, t) => {
+		let n = t.split("").reverse().find((e) => C.test(e));
+		if (!n) return;
+		let r = [...x];
+		r[e] = n, w(r), T(e + 1);
+	}, D = (e, t) => {
+		if (t.key === "Backspace") {
+			t.preventDefault();
+			let n = [...x];
+			n[e] ? (n[e] = "", w(n)) : e > 0 && (n[e - 1] = "", w(n), T(e - 1));
+		} else t.key === "ArrowLeft" ? (t.preventDefault(), T(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), T(e + 1));
+	}, O = (e, n) => {
+		n.preventDefault();
+		let r = n.clipboardData.getData("text").split("").filter((e) => C.test(e));
+		if (r.length === 0) return;
+		let i = [...x];
+		for (let n = 0; n < r.length && e + n < t; n += 1) i[e + n] = r[n];
+		w(i), T(e + r.length);
+	};
+	return /* @__PURE__ */ h("div", {
+		ref: e,
+		className: y(Ft.pinInput, g),
+		role: "group",
+		"aria-label": m,
+		"data-invalid": f || void 0,
+		children: x.map((e, t) => /* @__PURE__ */ h("input", {
+			ref: (e) => {
+				S.current[t] = e;
+			},
+			className: Ft.cell,
+			type: s ? "password" : "text",
+			inputMode: o === "numeric" ? "numeric" : "text",
+			autoComplete: t === 0 ? "one-time-code" : "off",
+			name: p ? `${p}-${t}` : void 0,
+			"aria-label": `${m}, digit ${t + 1}`,
+			maxLength: 1,
+			value: e,
+			disabled: c,
+			onChange: (e) => E(t, e.target.value),
+			onKeyDown: (e) => D(t, e),
+			onPaste: (e) => O(t, e),
+			onFocus: (e) => e.target.select()
+		}, t))
+	});
+}
+Lt.displayName = "PinInput";
 //#endregion
 //#region src/components/Title/Title.module.css
-var U = {
+var Rt = {
 	"level-1": "_level-1_rosk9_1",
 	"level-2": "_level-2_rosk9_6",
 	"level-3": "_level-3_rosk9_11"
-}, qe = {
+}, zt = {
 	1: {
 		tag: "h2",
-		className: U["level-1"]
+		className: Rt["level-1"]
 	},
 	2: {
 		tag: "h3",
-		className: U["level-2"]
+		className: Rt["level-2"]
 	},
 	3: {
 		tag: "h4",
-		className: U["level-3"]
+		className: Rt["level-3"]
 	}
 };
 //#endregion
 //#region src/components/Title/Title.tsx
-function W({ ref: e, level: t = "2", Component: n, className: r, ...i }) {
-	let { tag: a, className: o } = qe[t];
-	return /* @__PURE__ */ p(E, {
+function Bt({ ref: e, level: t = "2", Component: n, className: r, ...i }) {
+	let { tag: a, className: o } = zt[t];
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		Component: n ?? a,
-		className: h(o, r),
+		className: y(o, r),
 		...i
 	});
 }
-W.displayName = "Title";
-var G = {
+Bt.displayName = "Title";
+var Vt = {
 	placeholder: "_placeholder_4t5fq_1",
 	fields: "_fields_4t5fq_13",
 	description: "_description_4t5fq_19"
 };
 //#endregion
 //#region src/components/Placeholder/Placeholder.tsx
-function Je({ ref: e, children: t, header: n, description: r, action: i, className: a, ...o }) {
-	return /* @__PURE__ */ m("section", {
+function Ht({ ref: e, children: t, header: n, description: r, action: i, className: a, ...o }) {
+	return /* @__PURE__ */ g("section", {
 		ref: e,
-		className: h(G.placeholder, a),
+		className: y(Vt.placeholder, a),
 		...o,
 		children: [
 			t,
-			n != null || r != null ? /* @__PURE__ */ m("dl", {
-				className: G.fields,
-				children: [n == null ? null : /* @__PURE__ */ p(W, {
+			n != null || r != null ? /* @__PURE__ */ g("dl", {
+				className: Vt.fields,
+				children: [n == null ? null : /* @__PURE__ */ h(Bt, {
 					Component: "dt",
 					level: "3",
 					weight: "2",
 					children: n
-				}), r == null ? null : /* @__PURE__ */ p(j, {
+				}), r == null ? null : /* @__PURE__ */ h(L, {
 					Component: "dd",
-					className: G.description,
+					className: Vt.description,
 					children: r
 				})]
 			}) : null,
@@ -955,56 +1720,217 @@ function Je({ ref: e, children: t, header: n, description: r, action: i, classNa
 		]
 	});
 }
-Je.displayName = "Placeholder";
-var Ye = {
+Ht.displayName = "Placeholder";
+//#endregion
+//#region src/components/Portal/Portal.tsx
+function Ut({ children: e, container: t }) {
+	let { portalContainer: n } = I(), r = t ?? n;
+	return r ? v(e, r) : null;
+}
+Ut.displayName = "Portal";
+var Wt = {
 	track: "_track_5w1vs_1",
 	bar: "_bar_5w1vs_9"
 };
 //#endregion
 //#region src/components/Progress/Progress.tsx
-function Xe({ ref: e, value: t = 0, className: n, ...r }) {
+function Gt({ ref: e, value: t = 0, className: n, ...r }) {
 	let i = Math.max(0, Math.min(100, t));
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ h("div", {
 		ref: e,
 		role: "progressbar",
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-valuenow": Math.round(i),
-		className: h(Ye.track, n),
+		className: y(Wt.track, n),
 		...r,
-		children: /* @__PURE__ */ p("div", {
-			className: Ye.bar,
+		children: /* @__PURE__ */ h("div", {
+			className: Wt.bar,
 			style: { width: `${i}%` }
 		})
 	});
 }
-Xe.displayName = "Progress";
-var K = {
+Gt.displayName = "Progress";
+var Kt = {
 	radio: "_radio_czv9z_1",
 	input: "_input_czv9z_12",
 	dot: "_dot_czv9z_22"
 };
 //#endregion
 //#region src/components/Radio/Radio.tsx
-function Ze({ ref: e, disabled: t, className: n, style: r, ...i }) {
-	return /* @__PURE__ */ m("span", {
-		className: h(K.radio, n),
+function qt({ ref: e, disabled: t, className: n, style: r, ...i }) {
+	return /* @__PURE__ */ g("span", {
+		className: y(Kt.radio, n),
 		style: r,
 		"data-disabled": t || void 0,
-		children: [/* @__PURE__ */ p("input", {
+		children: [/* @__PURE__ */ h("input", {
 			ref: e,
 			type: "radio",
-			className: K.input,
+			className: Kt.input,
 			disabled: t,
 			...i
-		}), /* @__PURE__ */ p("span", {
-			className: K.dot,
+		}), /* @__PURE__ */ h("span", {
+			className: Kt.dot,
 			"aria-hidden": !0
 		})]
 	});
 }
-Ze.displayName = "Radio";
-var q = {
+qt.displayName = "Radio";
+var G = {
+	rating: "_rating_pfqty_1",
+	row: "_row_pfqty_7",
+	empty: "_empty_pfqty_12",
+	fill: "_fill_pfqty_16",
+	star: "_star_pfqty_29",
+	interactive: "_interactive_pfqty_41"
+}, Jt = /* @__PURE__ */ h("svg", {
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ h("path", { d: "M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.8 5.9 20.4l1.4-6.8L2.2 9.1l6.9-.8z" })
+});
+function Yt({ ref: e, value: t, defaultValue: n = 0, onChange: r, count: i = 5, readOnly: a = !1, disabled: o = !1, icon: s = Jt, name: c, "aria-label": l = "Rating", className: u }) {
+	let [f, p] = d(n), m = t ?? f, [_, v] = d(null), b = !a && !o, x = Math.max(0, Math.min(1, (_ ?? m) / i)) * 100, S = (e) => {
+		b && (t ?? p(e), r?.(e));
+	}, C = (e) => {
+		b && (e.key === "ArrowRight" || e.key === "ArrowUp" ? (e.preventDefault(), S(Math.min(i, Math.round(m) + 1))) : (e.key === "ArrowLeft" || e.key === "ArrowDown") && (e.preventDefault(), S(Math.max(0, Math.round(m) - 1))));
+	}, w = Array.from({ length: i }, (e, t) => t + 1), T = b ? {
+		onKeyDown: C,
+		onMouseLeave: () => v(null)
+	} : {}, E = b ? "radiogroup" : "img", D = b ? l : `${l}: ${m} out of ${i}`;
+	return /* @__PURE__ */ g("div", {
+		ref: e,
+		className: y(G.rating, b && G.interactive, u),
+		"data-disabled": o || void 0,
+		role: E,
+		"aria-label": D,
+		...T,
+		children: [/* @__PURE__ */ h("div", {
+			className: y(G.row, G.empty),
+			"aria-hidden": !b,
+			children: w.map((e) => b ? /* @__PURE__ */ h("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": Math.round(m) === e,
+				"aria-label": `${e}`,
+				tabIndex: e === (Math.round(m) || 1) ? 0 : -1,
+				name: c,
+				className: G.star,
+				onClick: () => S(e),
+				onMouseEnter: () => v(e),
+				onFocus: () => v(e),
+				onBlur: () => v(null),
+				children: s
+			}, e) : /* @__PURE__ */ h("span", {
+				className: G.star,
+				children: s
+			}, e))
+		}), /* @__PURE__ */ h("div", {
+			className: G.fill,
+			style: { clipPath: `inset(0 ${100 - x}% 0 0)` },
+			"aria-hidden": !0,
+			children: /* @__PURE__ */ h("div", {
+				className: G.row,
+				children: w.map((e) => /* @__PURE__ */ h("span", {
+					className: G.star,
+					children: s
+				}, e))
+			})
+		})]
+	});
+}
+Yt.displayName = "Rating";
+var Xt = {
+	bar: "_bar_4mkob_1",
+	field: "_field_4mkob_8",
+	icon: "_icon_4mkob_20",
+	input: "_input_4mkob_26",
+	clear: "_clear_4mkob_49",
+	cancel: "_cancel_4mkob_70",
+	"cancel--visible": "_cancel--visible_4mkob_86"
+}, Zt = (e) => e.preventDefault();
+function Qt({ ref: e, value: t, onChange: n, placeholder: r = "Search", onCancel: i, label: a = "Search", className: o, ...s }) {
+	let c = u(null), [l, f] = d(!1), p = () => {
+		n(""), c.current?.focus();
+	}, m = () => {
+		i?.(), c.current?.blur();
+	};
+	return /* @__PURE__ */ g("div", {
+		ref: e,
+		className: y(Xt.bar, o),
+		...s,
+		children: [/* @__PURE__ */ g("div", {
+			className: Xt.field,
+			children: [
+				/* @__PURE__ */ g("svg", {
+					className: Xt.icon,
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					"aria-hidden": !0,
+					children: [/* @__PURE__ */ h("circle", {
+						cx: "7",
+						cy: "7",
+						r: "5.25",
+						stroke: "currentColor",
+						strokeWidth: "1.5"
+					}), /* @__PURE__ */ h("path", {
+						d: "M11.5 11.5L14.5 14.5",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round"
+					})]
+				}),
+				/* @__PURE__ */ h("input", {
+					ref: c,
+					type: "search",
+					className: Xt.input,
+					value: t,
+					placeholder: r,
+					"aria-label": a,
+					onChange: (e) => n(e.target.value),
+					onFocus: () => f(!0),
+					onBlur: () => f(!1)
+				}),
+				t.length > 0 ? /* @__PURE__ */ h("button", {
+					type: "button",
+					className: Xt.clear,
+					"aria-label": "Clear",
+					onMouseDown: Zt,
+					onClick: p,
+					children: /* @__PURE__ */ g("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 14 14",
+						"aria-hidden": !0,
+						children: [/* @__PURE__ */ h("circle", {
+							cx: "7",
+							cy: "7",
+							r: "7",
+							fill: "currentColor",
+							opacity: "0.15"
+						}), /* @__PURE__ */ h("path", {
+							d: "M4.5 4.5l5 5M9.5 4.5l-5 5",
+							stroke: "currentColor",
+							strokeWidth: "1.4",
+							strokeLinecap: "round"
+						})]
+					})
+				}) : null
+			]
+		}), i == null ? null : /* @__PURE__ */ h("button", {
+			type: "button",
+			className: y(Xt.cancel, l && Xt["cancel--visible"]),
+			tabIndex: l ? 0 : -1,
+			onMouseDown: Zt,
+			onClick: m,
+			children: "Cancel"
+		})]
+	});
+}
+Qt.displayName = "SearchBar";
+var K = {
 	body: "_body_1o4ef_1",
 	sectionBase: "_sectionBase_1o4ef_6",
 	bodyWithHeader: "_bodyWithHeader_1o4ef_6",
@@ -1019,86 +1945,153 @@ var q = {
 };
 //#endregion
 //#region src/components/Section/SectionFooter.tsx
-function Qe({ ios: e, children: t }) {
-	return e ? /* @__PURE__ */ p(P, {
-		className: q.footerText,
+function $t({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ h(ze, {
+		className: K.footerText,
 		children: t
-	}) : /* @__PURE__ */ p(D, {
+	}) : /* @__PURE__ */ h(F, {
 		level: "2",
-		className: q.footerText,
+		className: K.footerText,
 		children: t
 	});
 }
-function J({ ref: e, centered: t = !1, className: n, children: r, ...i }) {
-	let { platform: a } = O(), o = a === "ios";
-	return /* @__PURE__ */ p("footer", {
+function en({ ref: e, centered: t = !1, className: n, children: r, ...i }) {
+	let { platform: a } = I(), o = a === "ios";
+	return /* @__PURE__ */ h("footer", {
 		ref: e,
-		className: h(q.footer, o && q.footerIos, t && q.footerCentered, n),
+		className: y(K.footer, o && K.footerIos, t && K.footerCentered, n),
 		...i,
-		children: /* @__PURE__ */ p(Qe, {
+		children: /* @__PURE__ */ h($t, {
 			ios: o,
 			children: r
 		})
 	});
 }
-J.displayName = "SectionFooter";
+en.displayName = "SectionFooter";
 //#endregion
 //#region src/components/Section/SectionHeader.tsx
-function $e({ ios: e, large: t, children: n }) {
-	return t ? e ? /* @__PURE__ */ p(D, {
+function tn({ ios: e, large: t, children: n }) {
+	return t ? e ? /* @__PURE__ */ h(F, {
 		Component: "h2",
 		level: "1",
 		weight: "2",
 		children: n
-	}) : /* @__PURE__ */ p(j, {
+	}) : /* @__PURE__ */ h(L, {
 		Component: "h2",
 		weight: "2",
 		children: n
-	}) : e ? /* @__PURE__ */ p(P, {
+	}) : e ? /* @__PURE__ */ h(ze, {
 		Component: "h2",
 		caps: !0,
 		children: n
-	}) : /* @__PURE__ */ p(D, {
+	}) : /* @__PURE__ */ h(F, {
 		Component: "h2",
 		level: "2",
 		weight: "2",
 		children: n
 	});
 }
-function Y({ ref: e, large: t = !1, className: n, children: r, ...i }) {
-	let { platform: a } = O(), o = a === "ios";
-	return /* @__PURE__ */ p("header", {
+function nn({ ref: e, large: t = !1, className: n, children: r, ...i }) {
+	let { platform: a } = I(), o = a === "ios";
+	return /* @__PURE__ */ h("header", {
 		ref: e,
-		className: h(q.header, o && q.headerIos, t && q.headerLarge, n),
+		className: y(K.header, o && K.headerIos, t && K.headerLarge, n),
 		...i,
-		children: /* @__PURE__ */ p($e, {
+		children: /* @__PURE__ */ h(tn, {
 			ios: o,
 			large: t,
 			children: r
 		})
 	});
 }
-Y.displayName = "SectionHeader";
+nn.displayName = "SectionHeader";
 //#endregion
 //#region src/components/Section/Section.tsx
-var et = (e) => typeof e == "string" || typeof e == "number";
-function X({ ref: n, header: i, footer: a, className: o, children: s, ...c }) {
-	let { platform: l } = O(), u = e.toArray(s);
-	return /* @__PURE__ */ m("section", {
+var rn = (e) => typeof e == "string" || typeof e == "number";
+function an({ ref: n, header: i, footer: a, className: o, children: s, ...c }) {
+	let { platform: l } = I(), u = e.toArray(s);
+	return /* @__PURE__ */ g("section", {
 		ref: n,
-		className: h(l === "ios" ? q.sectionIos : q.sectionBase, o),
+		className: y(l === "ios" ? K.sectionIos : K.sectionBase, o),
 		...c,
-		children: [/* @__PURE__ */ m("div", {
-			className: q.bodyWithHeader,
-			children: [et(i) ? /* @__PURE__ */ p(Y, { children: i }) : i, /* @__PURE__ */ p("div", {
-				className: q.body,
-				children: u.map((e, n) => /* @__PURE__ */ m(t, { children: [e, n < u.length - 1 ? /* @__PURE__ */ p(z, {}) : null] }, r(e) ? e.key : n))
+		children: [/* @__PURE__ */ g("div", {
+			className: K.bodyWithHeader,
+			children: [rn(i) ? /* @__PURE__ */ h(nn, { children: i }) : i, /* @__PURE__ */ h("div", {
+				className: K.body,
+				children: u.map((e, n) => /* @__PURE__ */ g(t, { children: [e, n < u.length - 1 ? /* @__PURE__ */ h(rt, {}) : null] }, r(e) ? e.key : n))
 			})]
-		}), et(a) ? /* @__PURE__ */ p(J, { children: a }) : a]
+		}), rn(a) ? /* @__PURE__ */ h(en, { children: a }) : a]
+	});
+}
+an.displayName = "Section", an.Header = nn, an.Footer = en;
+var on = {
+	control: "_control_1uo8p_1",
+	pill: "_pill_1uo8p_10",
+	item: "_item_1uo8p_28"
+};
+//#endregion
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+function sn({ ref: e, className: t, children: n, onKeyDown: r, ...a }) {
+	let s = u(null), [l, f] = d(null), p = i(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = e.querySelector("[role=\"radio\"][data-selected]"), n = t ? {
+			left: t.offsetLeft,
+			width: t.offsetWidth
+		} : null;
+		f((e) => e === n || e && n && e.left === n.left && e.width === n.width ? e : n);
+	}, []);
+	c(p), o(() => {
+		let e = s.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(p);
+		return t.observe(e), () => t.disconnect();
+	}, [p]);
+	let m = i((t) => {
+		s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+	}, [e]);
+	return /* @__PURE__ */ g("div", {
+		ref: m,
+		role: "radiogroup",
+		className: y(on.control, t),
+		onKeyDown: (e) => {
+			if (r?.(e), e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+			let t = s.current;
+			if (!t) return;
+			let n = Array.from(t.querySelectorAll("[role=\"radio\"]:not(:disabled)")), i = n.indexOf(document.activeElement);
+			if (i < 0) return;
+			e.preventDefault();
+			let a = n[(i + (e.key === "ArrowRight" ? 1 : -1) + n.length) % n.length];
+			a.focus(), a.click();
+		},
+		...a,
+		children: [/* @__PURE__ */ h("div", {
+			className: on.pill,
+			style: l ? {
+				transform: `translateX(${l.left}px)`,
+				width: l.width
+			} : { opacity: 0 },
+			"aria-hidden": !0
+		}), n]
+	});
+}
+sn.displayName = "SegmentedControl";
+//#endregion
+//#region src/components/SegmentedControl/SegmentedControlItem.tsx
+function cn({ ref: e, selected: t = !1, className: n, ...r }) {
+	return /* @__PURE__ */ h("button", {
+		ref: e,
+		type: "button",
+		role: "radio",
+		"aria-checked": t,
+		tabIndex: t ? 0 : -1,
+		"data-selected": t || void 0,
+		className: y(on.item, n),
+		...r
 	});
 }
-X.displayName = "Section", X.Header = Y, X.Footer = J;
-var Z = {
+cn.displayName = "SegmentedControlItem";
+var q = {
 	base: "_base_yxki5_1",
 	row: "_row_yxki5_7",
 	ios: "_ios_yxki5_17",
@@ -1111,55 +2104,696 @@ var Z = {
 };
 //#endregion
 //#region src/components/Select/Select.tsx
-function tt({ ref: e, header: t, status: n, disabled: r, className: i, onFocus: a, onBlur: o, children: s, ...c }) {
-	let { platform: u } = O(), d = u === "ios", [f, g] = l(!1), _ = n ?? (f ? "focused" : "default"), v = d ? j : D;
-	return /* @__PURE__ */ m("div", {
-		className: h(d ? Z.ios : Z.base, _ === "error" && Z.error, _ === "focused" && Z.focused, r && Z.disabled, i),
+function ln({ ref: e, header: t, status: n, disabled: r, className: i, onFocus: a, onBlur: o, children: s, ...c }) {
+	let { platform: l } = I(), u = l === "ios", [f, p] = d(!1), m = n ?? (f ? "focused" : "default"), _ = u ? L : F;
+	return /* @__PURE__ */ g("div", {
+		className: y(u ? q.ios : q.base, m === "error" && q.error, m === "focused" && q.focused, r && q.disabled, i),
 		"aria-disabled": r || void 0,
-		children: [/* @__PURE__ */ m("div", {
-			className: Z.row,
-			children: [/* @__PURE__ */ p(v, {
+		children: [/* @__PURE__ */ g("div", {
+			className: q.row,
+			children: [/* @__PURE__ */ h(_, {
 				ref: e,
 				Component: "select",
-				className: Z.select,
+				className: q.select,
 				disabled: r,
 				onFocus: (e) => {
-					r || g(!0), a?.(e);
+					r || p(!0), a?.(e);
 				},
 				onBlur: (e) => {
-					g(!1), o?.(e);
+					p(!1), o?.(e);
 				},
 				...c,
 				children: s
-			}), /* @__PURE__ */ p("span", {
+			}), /* @__PURE__ */ h("span", {
 				"aria-hidden": !0,
-				className: Z.chevron
+				className: q.chevron
 			})]
-		}), t != null && !d ? /* @__PURE__ */ p("span", {
-			className: Z.header,
+		}), t != null && !u ? /* @__PURE__ */ h("span", {
+			className: q.header,
 			children: t
 		}) : null]
 	});
 }
-tt.displayName = "Select";
-var nt = {
+ln.displayName = "Select";
+//#endregion
+//#region src/shared/lib/useReducedMotion.ts
+var un = "(prefers-reduced-motion: reduce)";
+function dn(e) {
+	if (typeof window > "u" || !window.matchMedia) return () => {};
+	let t = window.matchMedia(un);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function fn() {
+	return typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(un).matches;
+}
+function pn() {
+	return f(dn, fn, () => !1);
+}
+var J = {
+	backdrop: "_backdrop_a10cl_1",
+	"backdrop--contained": "_backdrop--contained_a10cl_12",
+	"backdrop--visible": "_backdrop--visible_a10cl_16",
+	panel: "_panel_a10cl_20",
+	"panel--visible": "_panel--visible_a10cl_37",
+	grip: "_grip_a10cl_67",
+	handle: "_handle_a10cl_76",
+	header: "_header_a10cl_84",
+	title: "_title_a10cl_95",
+	close: "_close_a10cl_100",
+	body: "_body_a10cl_105"
+}, mn = 340, hn = 6, gn = 96, _n = .5;
+function vn(e) {
+	return Array.from(e.querySelectorAll("a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex=\"-1\"])")).filter((e) => e.offsetParent !== null || e === document.activeElement);
+}
+function yn({ ref: e, open: t, onClose: n, header: r, children: a, dismissable: s = !0, closeLabel: c = "Close", className: l, container: f }) {
+	let p = pn(), m = f != null, [_, v] = d(t), [b, x] = d(!1), S = u(null), C = u(null), w = u({
+		id: -1,
+		active: !1,
+		startY: 0,
+		lastY: 0,
+		lastT: 0,
+		velocity: 0
+	});
+	o(() => {
+		if (t) {
+			v(!0);
+			return;
+		}
+		if (x(!1), p) {
+			v(!1);
+			return;
+		}
+		let e = setTimeout(() => v(!1), mn);
+		return () => clearTimeout(e);
+	}, [t, p]), o(() => {
+		if (!_ || !t) return;
+		let e = S.current;
+		e && (e.offsetHeight, x(!0));
+	}, [_, t]), o(() => {
+		if (!_) return;
+		C.current = document.activeElement;
+		let { body: e, documentElement: t } = document, n = {
+			overflow: e.style.overflow,
+			paddingRight: e.style.paddingRight
+		};
+		if (!m) {
+			let n = window.innerWidth - t.clientWidth;
+			e.style.overflow = "hidden", n > 0 && (e.style.paddingRight = `${n}px`);
+		}
+		let r = requestAnimationFrame(() => S.current?.focus({ preventScroll: !0 }));
+		return () => {
+			cancelAnimationFrame(r), e.style.overflow = n.overflow, e.style.paddingRight = n.paddingRight, C.current?.focus?.({ preventScroll: !0 });
+		};
+	}, [_, m]), o(() => {
+		if (!_) return;
+		let e = (e) => {
+			e.key === "Escape" && s && (e.stopPropagation(), n());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		_,
+		s,
+		n
+	]);
+	let T = i((e) => {
+		if (e.key !== "Tab" || !S.current) return;
+		let t = vn(S.current);
+		if (t.length === 0) {
+			e.preventDefault(), S.current.focus();
+			return;
+		}
+		let n = t[0], r = t[t.length - 1], i = document.activeElement;
+		e.shiftKey && (i === n || i === S.current) ? (e.preventDefault(), r.focus()) : !e.shiftKey && i === r && (e.preventDefault(), n.focus());
+	}, []), E = (e) => {
+		!s || e.button !== 0 || p || e.target.closest("button") || (w.current = {
+			id: e.pointerId,
+			active: !1,
+			startY: e.clientY,
+			lastY: e.clientY,
+			lastT: e.timeStamp,
+			velocity: 0
+		});
+	}, D = (e) => {
+		let t = w.current;
+		if (t.id !== e.pointerId) return;
+		let n = e.clientY - t.startY;
+		if (!t.active) {
+			if (n < hn) return;
+			t.active = !0, e.currentTarget.setPointerCapture(e.pointerId), S.current && (S.current.style.transition = "none");
+		}
+		let r = e.timeStamp - t.lastT;
+		if (r >= 1) {
+			let n = (e.clientY - t.lastY) / r;
+			t.velocity = t.velocity * .6 + n * .4, t.lastY = e.clientY, t.lastT = e.timeStamp;
+		}
+		S.current && (S.current.style.transform = `translateY(${Math.max(0, n)}px)`);
+	}, O = (e) => {
+		let t = w.current;
+		if (t.id !== e.pointerId || (w.current = {
+			...t,
+			id: -1,
+			active: !1
+		}, !t.active)) return;
+		e.currentTarget.releasePointerCapture?.(e.pointerId);
+		let r = S.current, i = e.clientY - t.startY > gn || t.velocity > _n;
+		r && (r.style.transition = "", r.getBoundingClientRect(), r.style.transform = ""), i && (x(!1), n());
+	};
+	if (!_) return null;
+	let k = b && t;
+	return /* @__PURE__ */ h(Ut, {
+		container: f,
+		children: /* @__PURE__ */ h("div", {
+			ref: e,
+			className: y(J.backdrop, m && J["backdrop--contained"], k && J["backdrop--visible"]),
+			onPointerDown: (e) => {
+				e.target === e.currentTarget && s && n();
+			},
+			children: /* @__PURE__ */ g("div", {
+				ref: S,
+				role: "dialog",
+				"aria-modal": "true",
+				tabIndex: -1,
+				className: y(J.panel, k && J["panel--visible"], l),
+				onKeyDown: T,
+				children: [/* @__PURE__ */ g("div", {
+					className: J.grip,
+					onPointerDown: E,
+					onPointerMove: D,
+					onPointerUp: O,
+					onPointerCancel: O,
+					children: [s ? /* @__PURE__ */ h("span", {
+						className: J.handle,
+						"aria-hidden": !0
+					}) : null, r == null ? null : /* @__PURE__ */ g("div", {
+						className: J.header,
+						children: [/* @__PURE__ */ h("div", {
+							className: J.title,
+							children: r
+						}), s ? /* @__PURE__ */ h(dt, {
+							mode: "gray",
+							size: "s",
+							circle: !0,
+							className: J.close,
+							"aria-label": c,
+							onClick: n,
+							children: /* @__PURE__ */ h("svg", {
+								width: "16",
+								height: "16",
+								viewBox: "0 0 16 16",
+								"aria-hidden": !0,
+								children: /* @__PURE__ */ h("path", {
+									d: "M4 4l8 8M12 4l-8 8",
+									stroke: "currentColor",
+									strokeWidth: "1.6",
+									strokeLinecap: "round"
+								})
+							})
+						}) : null]
+					})]
+				}), /* @__PURE__ */ h("div", {
+					className: J.body,
+					children: a
+				})]
+			})
+		})
+	});
+}
+yn.displayName = "Sheet";
+var bn = {
 	skeleton: "_skeleton_197j4_1",
 	visible: "_visible_197j4_5",
 	"tgui-skeleton": "_tgui-skeleton_197j4_1"
 };
 //#endregion
 //#region src/components/Skeleton/Skeleton.tsx
-function rt({ ref: e, visible: t = !0, className: n, children: r, ...i }) {
-	return /* @__PURE__ */ p("div", {
+function xn({ ref: e, visible: t = !0, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ h("div", {
 		ref: e,
 		"aria-hidden": t || void 0,
-		className: h(nt.skeleton, t && nt.visible, n),
+		className: y(bn.skeleton, t && bn.visible, n),
 		...i,
 		children: r
 	});
 }
-rt.displayName = "Skeleton";
-var Q = {
+xn.displayName = "Skeleton";
+var Sn = {
+	slider: "_slider_avyl5_1",
+	track: "_track_avyl5_8",
+	rail: "_rail_avyl5_16",
+	fill: "_fill_avyl5_25",
+	input: "_input_avyl5_39",
+	side: "_side_avyl5_98"
+};
+//#endregion
+//#region src/components/Slider/Slider.tsx
+function Cn({ ref: e, value: t, defaultValue: n, onChange: r, min: i = 0, max: a = 100, step: o = 1, before: s, after: c, disabled: l, className: u, ...f }) {
+	let [p, m] = d(n ?? i), _ = t ?? p, v = a > i ? (_ - i) / (a - i) * 100 : 0;
+	return /* @__PURE__ */ g("div", {
+		className: y(Sn.slider, u),
+		"data-disabled": l || void 0,
+		children: [
+			s == null ? null : /* @__PURE__ */ h("span", {
+				className: Sn.side,
+				children: s
+			}),
+			/* @__PURE__ */ g("span", {
+				className: Sn.track,
+				children: [
+					/* @__PURE__ */ h("span", { className: Sn.rail }),
+					/* @__PURE__ */ h("span", {
+						className: Sn.fill,
+						style: { width: `${Math.max(0, Math.min(100, v))}%` }
+					}),
+					/* @__PURE__ */ h("input", {
+						ref: e,
+						type: "range",
+						className: Sn.input,
+						min: i,
+						max: a,
+						step: o,
+						value: _,
+						disabled: l,
+						onChange: (e) => {
+							let n = Number(e.target.value);
+							t ?? m(n), r?.(n);
+						},
+						...f
+					})
+				]
+			}),
+			c == null ? null : /* @__PURE__ */ h("span", {
+				className: Sn.side,
+				children: c
+			})
+		]
+	});
+}
+Cn.displayName = "Slider";
+//#endregion
+//#region src/components/Snackbar/context.ts
+var wn = n(null);
+wn.displayName = "SnackbarContext";
+var Y = {
+	viewport: "_viewport_1rbuf_1",
+	snackbar: "_snackbar_1rbuf_19",
+	"snackbar--visible": "_snackbar--visible_1rbuf_37",
+	"snackbar--dragging": "_snackbar--dragging_1rbuf_50",
+	before: "_before_1rbuf_54",
+	body: "_body_1rbuf_60",
+	message: "_message_1rbuf_69",
+	description: "_description_1rbuf_74",
+	action: "_action_1rbuf_80"
+}, Tn = 240, En = 80;
+function Dn({ children: e, duration: t = 4e3, max: n = 3 }) {
+	let [r, a] = d([]), o = u(0), s = i((e) => {
+		a((t) => t.filter((t) => t.id !== e));
+	}, []), c = i((e) => {
+		let t = `snackbar-${o.current++}`;
+		return a((r) => [...r, {
+			...e,
+			id: t
+		}].slice(-n)), t;
+	}, [n]), f = l(() => ({
+		show: c,
+		dismiss: s
+	}), [c, s]);
+	return /* @__PURE__ */ g(wn.Provider, {
+		value: f,
+		children: [e, r.length > 0 ? /* @__PURE__ */ h(Ut, { children: /* @__PURE__ */ h("div", {
+			className: Y.viewport,
+			children: r.map((e) => /* @__PURE__ */ h(On, {
+				item: e,
+				defaultDuration: t,
+				onDismiss: () => s(e.id)
+			}, e.id))
+		}) }) : null]
+	});
+}
+Dn.displayName = "SnackbarProvider";
+function On({ item: e, defaultDuration: t, onDismiss: n }) {
+	let r = pn(), [a, s] = d(!1), [l, f] = d(!1), p = u(null), m = e.duration ?? t, _ = u(m), v = u(0), b = u(null), x = u({
+		id: -1,
+		startX: 0,
+		active: !1
+	});
+	c(() => {
+		let e = p.current;
+		e && e.offsetHeight, s(!0);
+	}, []);
+	let S = i(() => {
+		if (f(!0), s(!1), r) {
+			n();
+			return;
+		}
+		let e = setTimeout(n, Tn);
+		return () => clearTimeout(e);
+	}, [r, n]), C = i(() => {
+		b.current && (clearTimeout(b.current), b.current = null, _.current -= Date.now() - v.current);
+	}, []), w = i(() => {
+		m <= 0 || l || b.current || (v.current = Date.now(), b.current = setTimeout(() => S(), Math.max(0, _.current)));
+	}, [
+		m,
+		l,
+		S
+	]);
+	o(() => (w(), C), [w, C]);
+	let T = (e) => {
+		e.button === 0 && (x.current = {
+			id: e.pointerId,
+			startX: e.clientX,
+			active: !1
+		}, C());
+	}, E = (e) => {
+		let t = x.current;
+		if (t.id !== e.pointerId) return;
+		let n = e.clientX - t.startX;
+		if (!t.active) {
+			if (Math.abs(n) < 6) return;
+			t.active = !0, e.currentTarget.setPointerCapture(e.pointerId), p.current?.classList.add(Y["snackbar--dragging"]);
+		}
+		p.current && (p.current.style.transform = `translateX(${n}px)`, p.current.style.opacity = `${Math.max(0, 1 - Math.abs(n) / 240)}`);
+	}, D = (e) => {
+		let t = x.current;
+		if (t.id !== e.pointerId) return;
+		x.current = {
+			id: -1,
+			startX: 0,
+			active: !1
+		};
+		let i = p.current;
+		if (!i) return;
+		i.classList.remove(Y["snackbar--dragging"]);
+		let a = e.clientX - t.startX;
+		if (t.active && Math.abs(a) > En) {
+			if (r) {
+				n();
+				return;
+			}
+			i.style.transition = "transform 0.2s ease-out, opacity 0.2s ease-out", i.style.transform = `translateX(${Math.sign(a) * (window.innerWidth || 400)}px)`, i.style.opacity = "0", setTimeout(n, 190);
+			return;
+		}
+		i.style.transform = "", i.style.opacity = "", w();
+	};
+	return /* @__PURE__ */ g("div", {
+		ref: p,
+		className: y(Y.snackbar, a && !l && Y["snackbar--visible"]),
+		role: "status",
+		onMouseEnter: C,
+		onMouseLeave: w,
+		onFocus: C,
+		onBlur: w,
+		onPointerDown: T,
+		onPointerMove: E,
+		onPointerUp: D,
+		onPointerCancel: D,
+		children: [
+			e.before == null ? null : /* @__PURE__ */ h("span", {
+				className: Y.before,
+				children: e.before
+			}),
+			/* @__PURE__ */ g("div", {
+				className: Y.body,
+				children: [/* @__PURE__ */ h("span", {
+					className: Y.message,
+					children: e.message
+				}), e.description == null ? null : /* @__PURE__ */ h("span", {
+					className: Y.description,
+					children: e.description
+				})]
+			}),
+			e.action == null ? null : /* @__PURE__ */ h("button", {
+				type: "button",
+				className: Y.action,
+				onClick: () => {
+					e.action?.onClick(), S();
+				},
+				children: e.action.label
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Snackbar/useSnackbar.ts
+function kn() {
+	let e = a(wn);
+	if (!e) throw Error("useSnackbar must be used within a <SnackbarProvider>.");
+	return e;
+}
+//#endregion
+//#region src/components/Spoiler/particles.ts
+var An = Math.PI * 2, jn = (e) => Math.max(0, Math.min(1, e)), Mn = (e) => 1 - (1 - e) ** 3;
+function Nn(e, t, n, r) {
+	let i = Math.max(t, e - n);
+	return r < t ? Math.max(0, r / t) : r > i ? Math.max(0, 1 - (r - i) / (e - i)) : 1;
+}
+function Pn(e, t, n) {
+	let r = Math.round(Math.min(1800, Math.max(12, n * e * t))), i = [];
+	for (let n = 0; n < r; n += 1) {
+		let n = 2 + Math.random() * 10, r = Math.random() * An, a = .3 + Math.random() * 1.2, o = Math.random();
+		i.push({
+			x0: Math.random() * e,
+			y0: Math.random() * t,
+			vx: n * Math.cos(r),
+			vy: n * Math.sin(r),
+			life: a,
+			respawn: o,
+			phase: Math.random() * (a + o),
+			size: 1 + Math.random() * .7,
+			square: Math.random() > .5
+		});
+	}
+	return i;
+}
+function Fn(e, t, n, r, i, a, o, s, c) {
+	e.clearRect(0, 0, t, n);
+	let l = t / r, u = n / r, [d, f, p] = a, m = i.length;
+	for (let t = 0; t < m; t += 1) {
+		let n = i[t], a = n.life + n.respawn;
+		if (s != null && Math.floor((o + n.phase) / a) > Math.floor((s + n.phase) / a)) continue;
+		let h = (o + n.phase) % a;
+		if (h >= n.life) continue;
+		let g = (n.x0 + n.vx * h) % l;
+		g < 0 && (g += l);
+		let _ = (n.y0 + n.vy * h) % u;
+		_ < 0 && (_ += u);
+		let v = Nn(n.life, .15, .3, h), y = v * (.45 + .55 * (1 - h / n.life));
+		if (s != null && c > 0) {
+			let e = jn((o - (s + 2 / 3 * c * t / m)) / (1 / 3 * c));
+			y *= Mn(1 - e);
+		}
+		if (y <= .01) continue;
+		let b = Math.max(.5, n.size * v) * r;
+		e.fillStyle = `rgba(${d}, ${f}, ${p}, ${y.toFixed(3)})`, e.beginPath(), n.square ? e.rect(g * r, _ * r, b, b) : e.arc(g * r, _ * r, b / 2, 0, An), e.fill();
+	}
+}
+var In = {
+	spoiler: "_spoiler_15ysm_1",
+	revealed: "_revealed_15ysm_15",
+	canvas: "_canvas_15ysm_20",
+	content: "_content_15ysm_67"
+}, Ln = .5;
+function Rn(e) {
+	let t = e.match(/-?\d*\.?\d+/g);
+	return !t || t.length < 3 ? [
+		128,
+		128,
+		128
+	] : [
+		Number(t[0]),
+		Number(t[1]),
+		Number(t[2])
+	];
+}
+function zn({ ref: e, revealed: t, defaultRevealed: n = !1, onRevealedChange: r, revealOn: i = "click", accentColor: a, density: s = .1, fps: c = 40, revealLabel: l = "Reveal hidden text", className: f, style: p, children: m, onClick: _, onKeyDown: v, onMouseEnter: b, onMouseLeave: x, ...S }) {
+	let [C, w] = d(n), T = t ?? C, E = pn(), D = i === "click", O = u(null), k = u(null), A = u([]), j = u([
+		128,
+		128,
+		128
+	]), ee = u(!0), te = u(T ? 0 : null), M = u(0), [ne, re] = d(!T), ie = (e) => {
+		e ? te.current = M.current : (te.current = null, re(!0)), t ?? w(e), r?.(e);
+	};
+	o(() => {
+		if (!ne) return;
+		let e = O.current, t = k.current, n = t?.getContext("2d");
+		if (!e || !t || !n) return;
+		let r = Math.min(2, window.devicePixelRatio || 1), i = () => {
+			let n = t.getBoundingClientRect(), i = Math.max(1, Math.round(n.width * r)), o = Math.max(1, Math.round(n.height * r));
+			(t.width !== i || t.height !== o) && (t.width = i, t.height = o, A.current = Pn(i / r, o / r, s)), j.current = Rn(a ?? getComputedStyle(e).color);
+		};
+		if (i(), E) {
+			Fn(n, t.width, t.height, r, A.current, j.current, .6, null, 0);
+			return;
+		}
+		let o = 0, l = 0, u = -1, d = 1e3 / Math.max(8, c), f = (e) => {
+			l ||= e;
+			let i = (e - l) / 1e3;
+			M.current = i;
+			let a = te.current;
+			if (a != null && i > a + Ln + .06) {
+				n.clearRect(0, 0, t.width, t.height), re(!1);
+				return;
+			}
+			o = requestAnimationFrame(f), !(!ee.current || e - u < d) && (u = e, Fn(n, t.width, t.height, r, A.current, j.current, i, a, Ln));
+		};
+		o = requestAnimationFrame(f);
+		let p = typeof ResizeObserver < "u" ? new ResizeObserver(i) : null;
+		p?.observe(e);
+		let m = typeof IntersectionObserver < "u" ? new IntersectionObserver(([e]) => {
+			ee.current = e.isIntersecting;
+		}) : null;
+		return m?.observe(e), () => {
+			cancelAnimationFrame(o), p?.disconnect(), m?.disconnect();
+		};
+	}, [
+		ne,
+		E,
+		s,
+		c,
+		a
+	]);
+	let ae = () => ie(!T);
+	return /* @__PURE__ */ g("span", {
+		ref: (t) => {
+			O.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+		},
+		className: y(In.spoiler, T && In.revealed, f),
+		role: "button",
+		tabIndex: 0,
+		"aria-pressed": T,
+		"aria-label": T ? void 0 : l,
+		style: {
+			...p,
+			"--tgui--spoiler--p": +!!T
+		},
+		onClick: (e) => {
+			_?.(e), D && ae();
+		},
+		onKeyDown: (e) => {
+			v?.(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ae());
+		},
+		onMouseEnter: (e) => {
+			b?.(e), !D && !T && ie(!0);
+		},
+		onMouseLeave: (e) => {
+			x?.(e), !D && T && ie(!1);
+		},
+		...S,
+		children: [/* @__PURE__ */ h("span", {
+			className: In.content,
+			"aria-hidden": !T,
+			children: m
+		}), ne ? /* @__PURE__ */ h("canvas", {
+			ref: k,
+			className: In.canvas,
+			"aria-hidden": !0
+		}) : null]
+	});
+}
+zn.displayName = "Spoiler";
+var Bn = {
+	stepper: "_stepper_j2yr8_1",
+	value: "_value_j2yr8_7",
+	"pulse-up": "_pulse-up_j2yr8_1",
+	"pulse-down": "_pulse-down_j2yr8_1"
+}, Vn = (e, t, n) => Math.min(n, Math.max(t, e)), Hn = () => /* @__PURE__ */ h("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ h("path", {
+		d: "M2.5 7h9",
+		stroke: "currentColor",
+		strokeWidth: "1.6",
+		strokeLinecap: "round"
+	})
+}), Un = () => /* @__PURE__ */ h("svg", {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 14 14",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ h("path", {
+		d: "M7 2.5v9M2.5 7h9",
+		stroke: "currentColor",
+		strokeWidth: "1.6",
+		strokeLinecap: "round"
+	})
+});
+function Wn({ ref: e, value: t, onChange: n, min: r = 0, max: i = Infinity, step: a = 1, disabled: s = !1, className: c, ...l }) {
+	let f = pn(), [p, m] = d(String(t)), [_, v] = d(null), b = u(t);
+	o(() => {
+		m(String(t)), t !== b.current && (f || v(t > b.current ? "up" : "down"), b.current = t);
+	}, [t, f]);
+	let x = () => {
+		let e = Number.parseFloat(p), a = Vn(Number.isNaN(e) ? t : e, r, i);
+		n(a), m(String(a));
+	}, S = (e) => {
+		e.key === "Enter" && (x(), e.currentTarget.blur());
+	};
+	return /* @__PURE__ */ g("div", {
+		ref: e,
+		className: y(Bn.stepper, c),
+		...l,
+		children: [
+			/* @__PURE__ */ h(dt, {
+				mode: "gray",
+				size: "s",
+				circle: !0,
+				"aria-label": "Decrease",
+				disabled: s || t <= r,
+				onClick: () => n(Vn(t - a, r, i)),
+				children: /* @__PURE__ */ h(Hn, {})
+			}),
+			/* @__PURE__ */ h("input", {
+				className: Bn.value,
+				type: "number",
+				inputMode: "numeric",
+				"aria-label": "Value",
+				value: p,
+				disabled: s,
+				"data-pulse": _ ?? void 0,
+				onChange: (e) => m(e.target.value),
+				onBlur: x,
+				onKeyDown: S,
+				onAnimationEnd: () => v(null)
+			}),
+			/* @__PURE__ */ h(dt, {
+				mode: "gray",
+				size: "s",
+				circle: !0,
+				"aria-label": "Increase",
+				disabled: s || t >= i,
+				onClick: () => n(Vn(t + a, r, i)),
+				children: /* @__PURE__ */ h(Un, {})
+			})
+		]
+	});
+}
+Wn.displayName = "Stepper";
+var Gn = {
+	steps: "_steps_u50on_1",
+	segment: "_segment_u50on_8",
+	fill: "_fill_u50on_16"
+}, Kn = (e) => Math.max(0, Math.min(1, e));
+function qn({ ref: e, count: t, progress: n, className: r, ...i }) {
+	return /* @__PURE__ */ h("div", {
+		ref: e,
+		role: "progressbar",
+		"aria-valuemin": 0,
+		"aria-valuemax": t,
+		"aria-valuenow": Math.max(0, Math.min(t, n)),
+		className: y(Gn.steps, r),
+		...i,
+		children: Array.from({ length: t }, (e, t) => /* @__PURE__ */ h("div", {
+			className: Gn.segment,
+			children: /* @__PURE__ */ h("div", {
+				className: Gn.fill,
+				style: { width: `${Kn(n - t) * 100}%` }
+			})
+		}, t))
+	});
+}
+qn.displayName = "Steps";
+var Jn = {
 	switch: "_switch_s4zd1_1",
 	input: "_input_s4zd1_18",
 	control: "_control_s4zd1_28",
@@ -1168,26 +2802,26 @@ var Q = {
 };
 //#endregion
 //#region src/components/Switch/Switch.tsx
-function it({ ref: e, disabled: t, className: n, style: r, ...i }) {
-	let { platform: a } = O();
-	return /* @__PURE__ */ m("label", {
-		className: h(Q.switch, a === "ios" ? Q.ios : Q.base, n),
+function Yn({ ref: e, disabled: t, className: n, style: r, ...i }) {
+	let { platform: a } = I();
+	return /* @__PURE__ */ g("label", {
+		className: y(Jn.switch, a === "ios" ? Jn.ios : Jn.base, n),
 		style: r,
 		"data-disabled": t || void 0,
-		children: [/* @__PURE__ */ p("input", {
+		children: [/* @__PURE__ */ h("input", {
 			ref: e,
 			type: "checkbox",
-			className: Q.input,
+			className: Jn.input,
 			disabled: t,
 			...i
-		}), /* @__PURE__ */ p("span", {
+		}), /* @__PURE__ */ h("span", {
 			"aria-hidden": !0,
-			className: Q.control
+			className: Jn.control
 		})]
 	});
 }
-it.displayName = "Switch";
-var $ = {
+Yn.displayName = "Switch";
+var Xn = {
 	bar: "_bar_muj3n_1",
 	barIos: "_barIos_muj3n_10",
 	item: "_item_muj3n_15",
@@ -1198,86 +2832,235 @@ var $ = {
 };
 //#endregion
 //#region src/components/TabBar/TabBarItem.tsx
-function at({ ref: e, selected: t, text: n, children: r, className: i, ...a }) {
-	let { platform: o } = O(), s = o === "ios";
-	return /* @__PURE__ */ m(A, {
+function Zn({ ref: e, selected: t, text: n, children: r, className: i, ...a }) {
+	let { platform: o } = I(), s = o === "ios";
+	return /* @__PURE__ */ g(Se, {
 		ref: e,
 		Component: "button",
 		interactiveAnimation: "opacity",
 		"aria-current": t ? "page" : void 0,
-		className: h($.item, s && $.itemIos, t && $.itemSelected, i),
+		className: y(Xn.item, s && Xn.itemIos, t && Xn.itemSelected, i),
 		...a,
-		children: [r == null ? null : /* @__PURE__ */ p("span", {
-			className: $.icon,
+		children: [r == null ? null : /* @__PURE__ */ h("span", {
+			className: Xn.icon,
 			children: r
-		}), n == null ? null : /* @__PURE__ */ p(P, {
-			className: $.text,
+		}), n == null ? null : /* @__PURE__ */ h(ze, {
+			className: Xn.text,
 			weight: "2",
 			level: s ? "2" : "1",
 			children: n
 		})]
 	});
 }
-at.displayName = "TabBarItem";
+Zn.displayName = "TabBarItem";
 //#endregion
 //#region src/components/TabBar/TabBar.tsx
-function ot({ ref: e, className: t, children: n, ...r }) {
-	let { platform: i } = O();
-	return /* @__PURE__ */ p("nav", {
+function Qn({ ref: e, className: t, children: n, ...r }) {
+	let { platform: i } = I();
+	return /* @__PURE__ */ h("nav", {
 		ref: e,
-		className: h($.bar, i === "ios" && $.barIos, t),
+		className: y(Xn.bar, i === "ios" && Xn.barIos, t),
 		...r,
 		children: n
 	});
 }
-ot.displayName = "TabBar", ot.Item = at;
-var st = { field: "_field_1crg0_1" };
+Qn.displayName = "TabBar", Qn.Item = Zn;
+var $n = { field: "_field_1crg0_1" };
 //#endregion
 //#region src/components/Textarea/Textarea.tsx
-function ct({ ref: e, header: t, status: n, autoGrow: r = !1, maxRows: a, rows: s = 3, disabled: u, className: d, value: f, defaultValue: m, onFocus: h, onBlur: g, onChange: _, ...v }) {
-	let { platform: y } = O(), b = y === "ios", [ee, x] = l(!1), S = n ?? (ee ? "focused" : "default"), te = b ? j : D, C = c(null), w = i((t) => {
-		C.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
-	}, [e]), T = i(() => {
-		let e = C.current;
+function er({ ref: e, header: t, status: n, autoGrow: r = !1, maxRows: a, rows: s = 3, disabled: c, className: l, value: f, defaultValue: p, onFocus: m, onBlur: g, onChange: _, ...v }) {
+	let { platform: y } = I(), b = y === "ios", [x, S] = d(!1), C = n ?? (x ? "focused" : "default"), w = b ? L : F, T = u(null), E = i((t) => {
+		T.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+	}, [e]), D = i(() => {
+		let e = T.current;
 		if (!e || !r) return;
 		e.style.height = "auto";
 		let t = getComputedStyle(e), n = Number.parseFloat(t.lineHeight) || 20, i = a ? n * a : Infinity;
 		e.style.height = `${Math.min(e.scrollHeight, i)}px`, e.style.overflowY = e.scrollHeight > i ? "auto" : "hidden";
 	}, [r, a]);
-	return o(T, [
-		T,
+	return o(D, [
+		D,
 		f,
-		m
-	]), /* @__PURE__ */ p(H, {
+		p
+	]), /* @__PURE__ */ h(bt, {
 		ios: b,
-		status: S,
-		disabled: u,
+		status: C,
+		disabled: c,
 		alignStart: !0,
 		header: t,
-		className: d,
-		children: /* @__PURE__ */ p(te, {
-			ref: w,
+		className: l,
+		children: /* @__PURE__ */ h(w, {
+			ref: E,
 			Component: "textarea",
-			className: st.field,
+			className: $n.field,
 			rows: s,
-			disabled: u,
+			disabled: c,
 			value: f,
-			defaultValue: m,
+			defaultValue: p,
 			onFocus: (e) => {
-				u || x(!0), h?.(e);
+				c || S(!0), m?.(e);
 			},
 			onBlur: (e) => {
-				x(!1), g?.(e);
+				S(!1), g?.(e);
 			},
 			onChange: (e) => {
-				T(), _?.(e);
+				D(), _?.(e);
 			},
 			...v
 		})
 	});
 }
-ct.displayName = "Textarea";
+er.displayName = "Textarea";
+var X = {
+	timeline: "_timeline_1usgg_1",
+	item: "_item_1usgg_9",
+	rail: "_rail_1usgg_20",
+	connector: "_connector_1usgg_29",
+	dot: "_dot_1usgg_47",
+	content: "_content_1usgg_74",
+	heading: "_heading_1usgg_80",
+	title: "_title_1usgg_87",
+	time: "_time_1usgg_1",
+	description: "_description_1usgg_101"
+};
+//#endregion
+//#region src/components/Timeline/Timeline.tsx
+function tr({ ref: e, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ h("ol", {
+		ref: e,
+		className: y(X.timeline, t),
+		...r,
+		children: n
+	});
+}
+tr.displayName = "Timeline";
+//#endregion
+//#region src/components/Timeline/TimelineItem.tsx
+function nr({ ref: e, title: t, description: n, time: r, active: i = !1, className: a, ...o }) {
+	return /* @__PURE__ */ g("li", {
+		ref: e,
+		className: y(X.item, a),
+		"data-active": i || void 0,
+		...o,
+		children: [/* @__PURE__ */ g("span", {
+			className: X.rail,
+			"aria-hidden": !0,
+			children: [/* @__PURE__ */ h("span", { className: X.connector }), /* @__PURE__ */ h("span", { className: X.dot })]
+		}), /* @__PURE__ */ g("div", {
+			className: X.content,
+			children: [/* @__PURE__ */ g("div", {
+				className: X.heading,
+				children: [/* @__PURE__ */ h("span", {
+					className: X.title,
+					children: t
+				}), r == null ? null : /* @__PURE__ */ h("span", {
+					className: X.time,
+					children: r
+				})]
+			}), n == null ? null : /* @__PURE__ */ h("div", {
+				className: X.description,
+				children: n
+			})]
+		})]
+	});
+}
+nr.displayName = "TimelineItem";
+var rr = {
+	trigger: "_trigger_83ipz_1",
+	tooltip: "_tooltip_83ipz_5",
+	"tooltip--visible": "_tooltip--visible_83ipz_25",
+	arrow: "_arrow_83ipz_44"
+}, Z = 8, Q = 8, $ = (e, t, n) => Math.max(t, Math.min(n, e));
+function ir(e, t, n) {
+	let r = window.innerWidth, i = window.innerHeight, a = n;
+	a === "top" && e.top - t.height - Z < Q ? a = "bottom" : a === "bottom" && e.bottom + t.height + Z > i - Q ? a = "top" : a === "left" && e.left - t.width - Z < Q ? a = "right" : a === "right" && e.right + t.width + Z > r - Q && (a = "left");
+	let o = 0, s = 0;
+	a === "top" || a === "bottom" ? (s = e.left + e.width / 2 - t.width / 2, o = a === "top" ? e.top - t.height - Z : e.bottom + Z) : (o = e.top + e.height / 2 - t.height / 2, s = a === "left" ? e.left - t.width - Z : e.right + Z), s = $(s, Q, r - t.width - Q), o = $(o, Q, i - t.height - Q);
+	let c = e.left + e.width / 2 - s, l = e.top + e.height / 2 - o, u = {};
+	return a === "top" ? (u.left = $(c, 10, t.width - 10) - 4, u.bottom = -4) : a === "bottom" ? (u.left = $(c, 10, t.width - 10) - 4, u.top = -4) : a === "left" ? (u.top = $(l, 10, t.height - 10) - 4, u.right = -4) : (u.top = $(l, 10, t.height - 10) - 4, u.left = -4), {
+		top: o,
+		left: s,
+		placement: a,
+		originX: $(c, 0, t.width),
+		originY: $(l, 0, t.height),
+		arrow: u
+	};
+}
+function ar({ ref: e, children: t, content: n, placement: r = "top", open: a, onOpenChange: l, className: f }) {
+	let [p, _] = d(!1), v = a ?? p, b = u(null), x = u(null), S = u(null), [C, w] = d(null), [T, E] = d(!1), D = s(), O = i((e) => {
+		a ?? _(e), l?.(e);
+	}, [a, l]), k = i(() => {
+		let e = b.current, t = x.current;
+		!e || !t || w(ir(e.getBoundingClientRect(), t.getBoundingClientRect(), r));
+	}, [r]);
+	c(() => {
+		if (!v) {
+			E(!1), w(null);
+			return;
+		}
+		k();
+	}, [v, k]), o(() => {
+		if (!v || !C) return;
+		let e = requestAnimationFrame(() => E(!0)), t = () => O(!1);
+		return window.addEventListener("scroll", t, !0), window.addEventListener("resize", k), () => {
+			cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", k);
+		};
+	}, [
+		v,
+		C,
+		k,
+		O
+	]), o(() => {
+		if (!v) return;
+		let e = (e) => {
+			e.key === "Escape" && O(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [v, O]);
+	let A = i(() => {
+		S.current &&= (clearTimeout(S.current), null);
+	}, []);
+	return o(() => A, [A]), /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+		ref: (t) => {
+			b.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+		},
+		className: y(rr.trigger, f),
+		"aria-describedby": v ? D : void 0,
+		onPointerEnter: (e) => {
+			e.pointerType !== "touch" && O(!0);
+		},
+		onPointerLeave: (e) => {
+			e.pointerType !== "touch" && O(!1), A();
+		},
+		onPointerDown: (e) => {
+			e.pointerType === "touch" && (S.current = setTimeout(() => O(!0), 450));
+		},
+		onPointerUp: A,
+		onPointerCancel: A,
+		onFocus: () => O(!0),
+		onBlur: () => O(!1),
+		children: t
+	}), v ? /* @__PURE__ */ h(Ut, { children: /* @__PURE__ */ g("div", {
+		ref: x,
+		id: D,
+		role: "tooltip",
+		className: y(rr.tooltip, T && rr["tooltip--visible"]),
+		style: C ? {
+			top: C.top,
+			left: C.left,
+			"--tgui--tooltip--origin-x": `${C.originX}px`,
+			"--tgui--tooltip--origin-y": `${C.originY}px`
+		} : void 0,
+		"data-placement": C?.placement,
+		children: [n, C ? /* @__PURE__ */ h("span", {
+			className: rr.arrow,
+			style: C.arrow,
+			"aria-hidden": !0
+		}) : null]
+	}) }) : null] });
+}
+ar.displayName = "Tooltip";
 //#endregion
-export { y as Avatar, x as Badge, Se as Button, P as Caption, je as Card, Ae as CardCell, ke as Cell, Me as Checkbox, Fe as CircularProgress, z as Divider, Re as Headline, Be as IconButton, He as Input, We as LargeTitle, Ke as List, Je as Placeholder, Xe as Progress, Ze as Radio, X as Section, J as SectionFooter, Y as SectionHeader, tt as Select, rt as Skeleton, C as Spinner, D as Subheadline, it as Switch, ot as TabBar, at as TabBarItem, A as Tappable, j as Text, ct as Textarea, ye as TguiProvider, W as Title, E as Typography, O as useTgui };
+export { C as Accordion, w as AccordionItem, O as Avatar, A as AvatarStack, te as Badge, re as Banner, ae as Blockquote, se as Breadcrumbs, Ie as Button, ze as Caption, qe as Card, Ke as CardCell, Ge as Cell, Ye as Checkbox, Ze as Chip, tt as CircularProgress, Mt as CompactPagination, rt as Divider, at as FixedLayout, st as Headline, lt as HorizontalScroll, dt as IconButton, mt as Image, yt as InlineButtons, vt as InlineButtonsItem, St as Input, wt as LargeTitle, Et as Link, Ot as List, Pt as Pagination, Lt as PinInput, Ht as Placeholder, Ut as Portal, Gt as Progress, qt as Radio, Yt as Rating, Qt as SearchBar, an as Section, en as SectionFooter, nn as SectionHeader, sn as SegmentedControl, cn as SegmentedControlItem, ln as Select, yn as Sheet, xn as Skeleton, Cn as Slider, Dn as SnackbarProvider, ue as Spinner, zn as Spoiler, Wn as Stepper, qn as Steps, F as Subheadline, Yn as Switch, Qn as TabBar, Zn as TabBarItem, Se as Tappable, L as Text, er as Textarea, Ne as TguiProvider, tr as Timeline, nr as TimelineItem, Bt as Title, ar as Tooltip, P as Typography, kn as useSnackbar, I as useTgui };
 
 //# sourceMappingURL=index.js.map