tguikit 0.3.0 → 0.4.0

package/dist/index.js

@@ -312,109 +312,174 @@ function ae({ ref: e, author: t, className: n, children: r, ...i }) {
 	});
 }
 ae.displayName = "Blockquote";
-var oe = {
+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"
-}, se = _(oe.spinner, {
+}, le = _(ce.spinner, {
 	variants: { size: {
-		s: oe.s,
-		m: oe.m,
-		l: oe.l
+		s: ce.s,
+		m: ce.m,
+		l: ce.l
 	} },
 	defaultVariants: { size: "m" }
 });
 //#endregion
 //#region src/components/Spinner/Spinner.tsx
-function ce({ ref: e, size: t = "m", className: n, ...r }) {
+function ue({ ref: e, size: t = "m", className: n, ...r }) {
 	return /* @__PURE__ */ h("span", {
 		ref: e,
 		role: "status",
 		"aria-label": "Loading",
-		className: y(se({ size: t }), n),
+		className: y(le({ size: t }), n),
 		...r
 	});
 }
-ce.displayName = "Spinner";
-var le = {
+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"
-}, ue = _(le.typography, {
+}, fe = _(de.typography, {
 	variants: {
 		weight: {
-			1: le["weight-1"],
-			2: le["weight-2"],
-			3: le["weight-3"]
+			1: de["weight-1"],
+			2: de["weight-2"],
+			3: de["weight-3"]
 		},
-		caps: { true: le.caps }
+		caps: { true: de.caps }
 	},
 	defaultVariants: { weight: "3" }
 });
 //#endregion
 //#region src/components/Typography/Typography.tsx
-function N({ ref: e, weight: t, caps: n, Component: r = "span", className: i, ...a }) {
+function P({ ref: e, weight: t, caps: n, Component: r = "span", className: i, ...a }) {
 	return /* @__PURE__ */ h(r, {
 		ref: e,
-		className: y(ue({
+		className: y(fe({
 			weight: t,
 			caps: n
 		}), i),
 		...a
 	});
 }
-N.displayName = "Typography";
+P.displayName = "Typography";
 //#endregion
 //#region src/components/Subheadline/Subheadline.module.css
-var de = {
+var pe = {
 	"level-1": "_level-1_1azf3_1",
 	"level-2": "_level-2_1azf3_6"
-}, fe = _("", {
+}, me = _("", {
 	variants: { level: {
-		1: de["level-1"],
-		2: de["level-2"]
+		1: pe["level-1"],
+		2: pe["level-2"]
 	} },
 	defaultVariants: { level: "1" }
 });
 //#endregion
 //#region src/components/Subheadline/Subheadline.tsx
-function P({ ref: e, level: t, Component: n = "h6", className: r, ...i }) {
-	return /* @__PURE__ */ h(N, {
+function F({ ref: e, level: t, Component: n = "h6", className: r, ...i }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		Component: n,
-		className: y(fe({ level: t }), r),
+		className: y(me({ level: t }), r),
 		...i
 	});
 }
-P.displayName = "Subheadline";
+F.displayName = "Subheadline";
 //#endregion
 //#region src/components/TguiProvider/context.ts
-var pe = n(null);
-pe.displayName = "TguiContext";
+var he = n(null);
+he.displayName = "TguiContext";
 //#endregion
 //#region src/components/TguiProvider/useTgui.ts
-function F() {
-	let e = a(pe);
+function I() {
+	let e = a(he);
 	if (e === null) throw Error("useTgui must be used within a <TguiProvider>.");
 	return e;
 }
-var me = {
+var ge = {
 	ripple: "_ripple_1cc3x_1",
 	wave: "_wave_1cc3x_9",
 	"wave-rise": "_wave-rise_1cc3x_1"
 };
 //#endregion
 //#region src/components/Tappable/Ripple.tsx
-function he({ waves: e, onWaveEnd: t }) {
+function _e({ waves: e, onWaveEnd: t }) {
 	return /* @__PURE__ */ h("span", {
 		"aria-hidden": !0,
-		className: me.ripple,
+		className: ge.ripple,
 		children: e.map((e) => /* @__PURE__ */ h("span", {
-			className: me.wave,
+			className: ge.wave,
 			style: {
 				top: e.y,
 				left: e.x
@@ -423,12 +488,12 @@ function he({ waves: e, onWaveEnd: t }) {
 		}, e.id))
 	});
 }
-var ge = {
+var ve = {
 	tappable: "_tappable_10au7_1",
 	"tappable--ios": "_tappable--ios_10au7_17",
 	"tappable--opacity": "_tappable--opacity_10au7_18"
-}, _e = 70, ve = 600;
-function ye() {
+}, 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;
@@ -453,9 +518,9 @@ function ye() {
 				}]);
 				let i = setTimeout(() => {
 					a.current.delete(i), s(e);
-				}, ve);
+				}, be);
 				a.current.add(i);
-			}, _e);
+			}, ye);
 			r.current.set(u, d);
 		}, [s]),
 		onPointerCancel: i((e) => {
@@ -467,11 +532,11 @@ function ye() {
 }
 //#endregion
 //#region src/components/Tappable/Tappable.tsx
-function be({ ref: e, Component: t = "div", interactiveAnimation: n = "background", className: r, children: i, onPointerDown: a, onPointerCancel: o, ...s }) {
-	let { platform: c } = F(), l = ye(), u = !!s.disabled, d = !!s.readOnly, f = c === "base" && n === "background" && !d && !u && (t !== "div" && t !== "span" || s.onClick != null);
+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: y(ge.tappable, c === "ios" && ge["tappable--ios"], n === "opacity" && ge["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,
@@ -482,64 +547,64 @@ function be({ ref: e, Component: t = "div", interactiveAnimation: n = "backgroun
 			f && l.onPointerCancel(e), o?.(e);
 		},
 		...s,
-		children: [f && /* @__PURE__ */ h(he, {
+		children: [f && /* @__PURE__ */ h(_e, {
 			waves: l.waves,
 			onWaveEnd: l.removeWave
 		}), i]
 	});
 }
-be.displayName = "Tappable";
-var xe = { text: "_text_5v0x0_1" };
+Se.displayName = "Tappable";
+var Ce = { text: "_text_5v0x0_1" };
 //#endregion
 //#region src/components/Text/Text.tsx
-function I({ ref: e, className: t, Component: n = "span", ...r }) {
-	return /* @__PURE__ */ h(N, {
+function L({ ref: e, className: t, Component: n = "span", ...r }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		Component: n,
-		className: y(xe.text, t),
+		className: y(Ce.text, t),
 		...r
 	});
 }
-I.displayName = "Text";
+L.displayName = "Text";
 //#endregion
 //#region src/shared/lib/telegram.ts
-function Se() {
+function we() {
 	if (!(typeof window > "u")) return window.Telegram?.WebApp;
 }
 //#endregion
 //#region src/shared/lib/appearance.ts
-var Ce = "(prefers-color-scheme: dark)";
-function we() {
+var Te = "(prefers-color-scheme: dark)";
+function Ee() {
 	return typeof window < "u" && typeof window.matchMedia == "function";
 }
-function Te() {
-	let e = Se();
-	return e ? e.colorScheme === "dark" ? "dark" : "light" : we() && window.matchMedia(Ce).matches ? "dark" : "light";
+function De() {
+	let e = we();
+	return e ? e.colorScheme === "dark" ? "dark" : "light" : Ee() && window.matchMedia(Te).matches ? "dark" : "light";
 }
-function Ee(e) {
-	let t = Se();
+function Oe(e) {
+	let t = we();
 	if (t) return t.onEvent("themeChanged", e), () => t.offEvent("themeChanged", e);
-	if (!we()) return () => {};
-	let n = window.matchMedia(Ce);
+	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 De = /* @__PURE__ */ new Set(["ios", "macos"]);
-function Oe() {
-	let e = Se();
-	if (e) return De.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 ke = {
-	wrapper: "_wrapper_mqlq3_1",
-	"wrapper--ios": "_wrapper--ios_mqlq3_89",
-	"wrapper--dark": "_wrapper--dark_mqlq3_102"
-}, Ae = () => "light";
-function je({ ref: e, platform: t, appearance: n, portalContainer: r, className: a, children: o, ...s }) {
-	let c = l(() => t ?? Oe(), [t]), u = f(Ee, Te, Ae), p = n ?? u, [m, g] = d(null), _ = i((t) => {
+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,
@@ -553,16 +618,16 @@ function je({ ref: e, platform: t, appearance: n, portalContainer: r, className:
 	]);
 	return /* @__PURE__ */ h("div", {
 		ref: _,
-		className: y(ke.wrapper, c === "ios" && ke["wrapper--ios"], p === "dark" && ke["wrapper--dark"], a),
+		className: y(je.wrapper, c === "ios" && je["wrapper--ios"], p === "dark" && je["wrapper--dark"], a),
 		...s,
-		children: /* @__PURE__ */ h(pe.Provider, {
+		children: /* @__PURE__ */ h(he.Provider, {
 			value: v,
 			children: o
 		})
 	});
 }
-je.displayName = "TguiProvider";
-var L = {
+Ne.displayName = "TguiProvider";
+var R = {
 	button: "_button_6vql2_1",
 	stretched: "_stretched_6vql2_13",
 	before: "_before_6vql2_34",
@@ -581,24 +646,24 @@ var L = {
 	"mode-gray": "_mode-gray_6vql2_126",
 	"mode-outline": "_mode-outline_6vql2_133",
 	"mode-white": "_mode-white_6vql2_141"
-}, Me = _(L.button, {
+}, Pe = _(R.button, {
 	variants: {
 		mode: {
-			filled: L["mode-filled"],
-			bezeled: L["mode-bezeled"],
-			plain: L["mode-plain"],
-			gray: L["mode-gray"],
-			outline: L["mode-outline"],
-			white: L["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: L["size-s"],
-			m: L["size-m"],
-			l: L["size-l"]
+			s: R["size-s"],
+			m: R["size-m"],
+			l: R["size-l"]
 		},
-		stretched: { true: L.stretched },
+		stretched: { true: R.stretched },
 		platform: {
-			ios: L.ios,
+			ios: R.ios,
 			base: null
 		}
 	},
@@ -609,85 +674,85 @@ var L = {
 });
 //#endregion
 //#region src/components/Button/Button.tsx
-function Ne({ size: e, children: t }) {
+function Fe({ size: e, children: t }) {
 	let n = {
 		weight: "2",
-		className: L.content
+		className: R.content
 	}, r = /* @__PURE__ */ h("span", {
-		className: L.label,
+		className: R.label,
 		children: t
 	});
-	return e === "l" ? /* @__PURE__ */ h(I, {
+	return e === "l" ? /* @__PURE__ */ h(L, {
 		...n,
 		children: r
-	}) : /* @__PURE__ */ h(P, {
+	}) : /* @__PURE__ */ h(F, {
 		level: "2",
 		...n,
 		children: r
 	});
 }
-function Pe({ 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 } = F();
-	return /* @__PURE__ */ g(be, {
+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: y(Me({
+		className: y(Pe({
 			mode: n,
 			size: r,
 			stretched: i,
 			platform: f
-		}), a && L.loading, u),
+		}), a && R.loading, u),
 		...d,
 		children: [
-			a ? /* @__PURE__ */ h(ce, {
+			a ? /* @__PURE__ */ h(ue, {
 				size: "s",
-				className: L.spinner,
+				className: R.spinner,
 				"aria-hidden": !0
 			}) : null,
 			s ? /* @__PURE__ */ h("span", {
-				className: L.before,
+				className: R.before,
 				children: s
 			}) : null,
-			/* @__PURE__ */ h(Ne, {
+			/* @__PURE__ */ h(Fe, {
 				size: r,
 				children: l
 			}),
 			c ? /* @__PURE__ */ h("span", {
-				className: L.after,
+				className: R.after,
 				children: c
 			}) : null
 		]
 	});
 }
-Pe.displayName = "Button";
+Ie.displayName = "Button";
 //#endregion
 //#region src/components/Caption/Caption.module.css
-var Fe = {
+var Le = {
 	"level-1": "_level-1_1fkm7_1",
 	"level-2": "_level-2_1fkm7_6"
-}, Ie = _("", {
+}, Re = _("", {
 	variants: { level: {
-		1: Fe["level-1"],
-		2: Fe["level-2"]
+		1: Le["level-1"],
+		2: Le["level-2"]
 	} },
 	defaultVariants: { level: "1" }
 });
 //#endregion
 //#region src/components/Caption/Caption.tsx
-function R({ ref: e, level: t, Component: n = "span", className: r, ...i }) {
-	return /* @__PURE__ */ h(N, {
+function ze({ ref: e, level: t, Component: n = "span", className: r, ...i }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		Component: n,
-		className: y(Ie({ level: t }), r),
+		className: y(Re({ level: t }), r),
 		...i
 	});
 }
-R.displayName = "Caption";
+ze.displayName = "Caption";
 //#endregion
 //#region src/components/Card/Card.context.ts
-var Le = n({ type: "plain" }), Re = {
+var Be = n({ type: "plain" }), Ve = {
 	card: "_card_1maup_1",
 	cardAmbient: "_cardAmbient_1maup_17",
 	cell: "_cell_1maup_21",
@@ -709,7 +774,7 @@ var Le = n({ type: "plain" }), Re = {
 	hovered: "_hovered_1w7p5_56",
 	ios: "_ios_1w7p5_60",
 	interactive: "_interactive_1w7p5_67"
-}, ze = _(z.cell, { variants: {
+}, He = _(z.cell, { variants: {
 	platform: {
 		ios: z.ios,
 		base: null
@@ -720,32 +785,32 @@ var Le = n({ type: "plain" }), Re = {
 } });
 //#endregion
 //#region src/components/Cell/Cell.tsx
-function Be({ ios: e, children: t }) {
-	return e ? /* @__PURE__ */ h(I, {
+function Ue({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ h(L, {
 		className: z.head,
 		children: t
-	}) : /* @__PURE__ */ h(P, {
+	}) : /* @__PURE__ */ h(F, {
 		level: "1",
 		className: z.head,
 		children: t
 	});
 }
-function Ve({ ios: e, children: t }) {
-	return e ? /* @__PURE__ */ h(R, {
+function We({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ h(ze, {
 		className: z.description,
 		children: t
-	}) : /* @__PURE__ */ h(P, {
+	}) : /* @__PURE__ */ h(F, {
 		level: "2",
 		className: z.description,
 		children: t
 	});
 }
-function He({ 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 } = F(), _ = 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(be, {
+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: y(ze({
+		className: y(He({
 			platform: m,
 			hovered: u,
 			multiline: d,
@@ -760,12 +825,12 @@ function He({ ref: e, Component: t = "div", subhead: n, children: r, hint: i, ti
 			/* @__PURE__ */ g("div", {
 				className: z.middle,
 				children: [
-					n == null ? null : /* @__PURE__ */ h(P, {
+					n == null ? null : /* @__PURE__ */ h(F, {
 						level: "2",
 						className: z.subhead,
 						children: n
 					}),
-					v ? /* @__PURE__ */ g(Be, {
+					v ? /* @__PURE__ */ g(Ue, {
 						ios: _,
 						children: [
 							r == null ? null : /* @__PURE__ */ h("span", {
@@ -779,12 +844,12 @@ function He({ ref: e, Component: t = "div", subhead: n, children: r, hint: i, ti
 							a
 						]
 					}) : null,
-					o == null ? null : /* @__PURE__ */ h(P, {
+					o == null ? null : /* @__PURE__ */ h(F, {
 						level: "2",
 						className: z.subtitle,
 						children: o
 					}),
-					s == null ? null : /* @__PURE__ */ h(Ve, {
+					s == null ? null : /* @__PURE__ */ h(We, {
 						ios: _,
 						children: s
 					})
@@ -797,54 +862,54 @@ function He({ ref: e, Component: t = "div", subhead: n, children: r, hint: i, ti
 		]
 	});
 }
-He.displayName = "Cell";
+Ge.displayName = "Cell";
 //#endregion
 //#region src/components/Card/CardCell.tsx
-function Ue({ ref: e, children: t, subtitle: n, className: r, ...i }) {
-	let { type: o } = a(Le), s = o === "ambient";
-	return /* @__PURE__ */ h(He, {
+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: y(Re.cell, s && Re.cellAmbient, r),
+		className: y(Ve.cell, s && Ve.cellAmbient, r),
 		subtitle: n == null ? void 0 : /* @__PURE__ */ h("span", {
-			className: Re.cellSubtitle,
+			className: Ve.cellSubtitle,
 			children: n
 		}),
 		...i,
 		children: t == null ? null : /* @__PURE__ */ h("span", {
-			className: Re.cellHeader,
+			className: Ve.cellHeader,
 			children: t
 		})
 	});
 }
-Ue.displayName = "CardCell";
+Ke.displayName = "CardCell";
 //#endregion
 //#region src/components/Card/Card.tsx
-function We({ ref: e, type: t = "plain", className: n, children: r, ...i }) {
+function qe({ ref: e, type: t = "plain", className: n, children: r, ...i }) {
 	let a = l(() => ({ type: t }), [t]);
-	return /* @__PURE__ */ h(Le.Provider, {
+	return /* @__PURE__ */ h(Be.Provider, {
 		value: a,
 		children: /* @__PURE__ */ h("article", {
 			ref: e,
-			className: y(Re.card, t === "ambient" && Re.cardAmbient, n),
+			className: y(Ve.card, t === "ambient" && Ve.cardAmbient, n),
 			...i,
 			children: r
 		})
 	});
 }
-We.displayName = "Card", We.Cell = Ue;
-var Ge = {
+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 Ke({ ref: e, indeterminate: t = !1, disabled: n, className: r, style: i, ...a }) {
+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__ */ g("span", {
-		className: y(Ge.checkbox, r),
+		className: y(Je.checkbox, r),
 		style: i,
 		"data-disabled": n || void 0,
 		children: [/* @__PURE__ */ h("input", {
@@ -852,16 +917,16 @@ function Ke({ ref: e, indeterminate: t = !1, disabled: n, className: r, style: i
 				s.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
 			},
 			type: "checkbox",
-			className: Ge.input,
+			className: Je.input,
 			disabled: n,
 			...a
 		}), /* @__PURE__ */ h("span", {
-			className: Ge.box,
+			className: Je.box,
 			"aria-hidden": !0
 		})]
 	});
 }
-Ke.displayName = "Checkbox";
+Ye.displayName = "Checkbox";
 var B = {
 	chip: "_chip_13v10_1",
 	"mode-elevated": "_mode-elevated_13v10_16",
@@ -871,7 +936,7 @@ var B = {
 	after: "_after_13v10_38",
 	label: "_label_13v10_49",
 	remove: "_remove_13v10_56"
-}, qe = _(B.chip, {
+}, Xe = _(B.chip, {
 	variants: {
 		mode: {
 			elevated: B["mode-elevated"],
@@ -883,10 +948,10 @@ var B = {
 });
 //#endregion
 //#region src/components/Chip/Chip.tsx
-function Je({ ref: e, Component: t = "div", mode: n = "elevated", before: r, after: i, onClick: a, onRemove: o, removeLabel: s = "Remove", className: c, children: l, ...u }) {
+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(qe({
+		className: y(Xe({
 			mode: n,
 			clickable: a != null
 		}), c),
@@ -927,48 +992,48 @@ function Je({ ref: e, Component: t = "div", mode: n = "elevated", before: r, aft
 		]
 	});
 }
-Je.displayName = "Chip";
-var Ye = {
+Ze.displayName = "Chip";
+var Qe = {
 	root: "_root_hheo5_1",
 	svg: "_svg_hheo5_6",
 	track: "_track_hheo5_10",
 	indicator: "_indicator_hheo5_14"
-}, Xe = {
+}, $e = {
 	s: 20,
 	m: 28,
 	l: 36
-}, Ze = {
+}, et = {
 	s: 2,
 	m: 2.5,
 	l: 3
 };
 //#endregion
 //#region src/components/CircularProgress/CircularProgress.tsx
-function Qe({ ref: e, value: t = 0, size: n = "m", className: r, ...i }) {
-	let a = Math.max(0, Math.min(100, t)), o = Xe[n], s = Ze[n], c = (o - s) / 2, l = 2 * Math.PI * c, u = o / 2;
+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: y(Ye.root, r),
+		className: y(Qe.root, r),
 		...i,
 		children: /* @__PURE__ */ g("svg", {
-			className: Ye.svg,
+			className: Qe.svg,
 			width: o,
 			height: o,
 			viewBox: `0 0 ${o} ${o}`,
 			"aria-hidden": !0,
 			children: [/* @__PURE__ */ h("circle", {
-				className: Ye.track,
+				className: Qe.track,
 				cx: u,
 				cy: u,
 				r: c,
 				strokeWidth: s,
 				fill: "none"
 			}), /* @__PURE__ */ h("circle", {
-				className: Ye.indicator,
+				className: Qe.indicator,
 				cx: u,
 				cy: u,
 				r: c,
@@ -981,46 +1046,46 @@ function Qe({ ref: e, value: t = 0, size: n = "m", className: r, ...i }) {
 		})
 	});
 }
-Qe.displayName = "CircularProgress";
-var $e = { divider: "_divider_fq1ux_1" };
+tt.displayName = "CircularProgress";
+var nt = { divider: "_divider_fq1ux_1" };
 //#endregion
 //#region src/components/Divider/Divider.tsx
-function et({ ref: e, className: t, ...n }) {
+function rt({ ref: e, className: t, ...n }) {
 	return /* @__PURE__ */ h("hr", {
 		ref: e,
-		className: y($e.divider, t),
+		className: y(nt.divider, t),
 		...n
 	});
 }
-et.displayName = "Divider";
-var tt = {
+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 nt({ ref: e, vertical: t = "bottom", className: n, ...r }) {
+function at({ ref: e, vertical: t = "bottom", className: n, ...r }) {
 	return /* @__PURE__ */ h("div", {
 		ref: e,
-		className: y(tt.fixedLayout, tt[t], n),
+		className: y(it.fixedLayout, it[t], n),
 		...r
 	});
 }
-nt.displayName = "FixedLayout";
-var rt = { headline: "_headline_17ihj_1" };
+at.displayName = "FixedLayout";
+var ot = { headline: "_headline_17ihj_1" };
 //#endregion
 //#region src/components/Headline/Headline.tsx
-function it({ ref: e, weight: t = "2", className: n, Component: r = "h5", ...i }) {
-	return /* @__PURE__ */ h(N, {
+function st({ ref: e, weight: t = "2", className: n, Component: r = "h5", ...i }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		weight: t,
 		Component: r,
-		className: y(rt.headline, n),
+		className: y(ot.headline, n),
 		...i
 	});
 }
-it.displayName = "Headline";
+st.displayName = "Headline";
 var V = {
 	root: "_root_ykq8r_1",
 	edge: "_edge_ykq8r_9",
@@ -1029,8 +1094,8 @@ var V = {
 	"edge--end": "_edge--end_ykq8r_34",
 	scroller: "_scroller_ykq8r_39",
 	snap: "_snap_ykq8r_72"
-}, at = 4;
-function ot({ ref: e, snap: t = !1, fade: n = !0, className: r, children: a, ...s }) {
+}, 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
@@ -1071,7 +1136,7 @@ function ot({ ref: e, snap: t = !1, fade: n = !0, className: r, children: a, ...
 		if (!t.down || !n) return;
 		let r = e.clientX - t.startX;
 		if (!t.moved) {
-			if (Math.abs(r) < at) return;
+			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;
@@ -1106,7 +1171,7 @@ function ot({ ref: e, snap: t = !1, fade: n = !0, className: r, children: a, ...
 		})]
 	});
 }
-ot.displayName = "HorizontalScroll";
+lt.displayName = "HorizontalScroll";
 var H = {
 	iconButton: "_iconButton_1ifh1_1",
 	circle: "_circle_1ifh1_15",
@@ -1119,7 +1184,7 @@ var H = {
 	"mode-plain": "_mode-plain_1ifh1_72",
 	"mode-gray": "_mode-gray_1ifh1_76",
 	"mode-outline": "_mode-outline_1ifh1_81"
-}, st = _(H.iconButton, {
+}, ut = _(H.iconButton, {
 	variants: {
 		mode: {
 			bezeled: H["mode-bezeled"],
@@ -1145,13 +1210,13 @@ var H = {
 });
 //#endregion
 //#region src/components/IconButton/IconButton.tsx
-function ct({ ref: e, Component: t = "button", mode: n = "plain", size: r = "m", circle: i = !1, type: a, className: o, children: s, ...c }) {
-	let { platform: l } = F();
-	return /* @__PURE__ */ h(be, {
+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: y(st({
+		className: y(ut({
 			mode: n,
 			size: r,
 			circle: i,
@@ -1164,8 +1229,8 @@ function ct({ ref: e, Component: t = "button", mode: n = "plain", size: r = "m",
 		})
 	});
 }
-ct.displayName = "IconButton";
-var lt = {
+dt.displayName = "IconButton";
+var ft = {
 	frame: "_frame_1q5rs_1",
 	bordered: "_bordered_1q5rs_10",
 	img: "_img_1q5rs_14",
@@ -1173,7 +1238,7 @@ var lt = {
 	placeholder: "_placeholder_1q5rs_25",
 	fallback: "_fallback_1q5rs_26",
 	"tgui-image-shimmer": "_tgui-image-shimmer_1q5rs_1"
-}, ut = /* @__PURE__ */ h("svg", {
+}, pt = /* @__PURE__ */ h("svg", {
 	viewBox: "0 0 24 24",
 	fill: "none",
 	"aria-hidden": !0,
@@ -1184,7 +1249,7 @@ var lt = {
 		strokeLinejoin: "round"
 	})
 });
-function dt({ ref: e, size: t, width: n, height: r, aspectRatio: i, fit: a = "cover", radius: o, bordered: s = !1, fallback: c = ut, src: l, alt: u = "", className: f, style: p, onLoad: m, onError: _, ...v }) {
+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,
@@ -1194,12 +1259,12 @@ function dt({ ref: e, size: t, width: n, height: r, aspectRatio: i, fit: a = "co
 		"--tgui--image--fit": a
 	};
 	return /* @__PURE__ */ g("div", {
-		className: y(lt.frame, s && lt.bordered, !S && lt.loading, f),
+		className: y(ft.frame, s && ft.bordered, !S && ft.loading, f),
 		style: T,
 		children: [
 			l != null && !w ? /* @__PURE__ */ h("img", {
 				ref: e,
-				className: lt.img,
+				className: ft.img,
 				src: l,
 				alt: u,
 				draggable: !1,
@@ -1212,33 +1277,91 @@ function dt({ ref: e, size: t, width: n, height: r, aspectRatio: i, fit: a = "co
 				...v
 			}) : null,
 			!S && !w ? /* @__PURE__ */ h("div", {
-				className: lt.placeholder,
+				className: ft.placeholder,
 				"aria-hidden": !0
 			}) : null,
 			w ? /* @__PURE__ */ h("div", {
-				className: lt.fallback,
+				className: ft.fallback,
 				"aria-hidden": !0,
 				children: c
 			}) : null
 		]
 	});
 }
-dt.displayName = "Image";
+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_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"
+	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 ft({ ref: e, ios: t = !1, status: n = "default", disabled: r = !1, alignStart: i = !1, header: a, before: o, after: s, className: c, children: l }) {
+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: y(t ? U.ios : U.base, n === "error" && U.error, n === "focused" && U.focused, r && U.disabled, i && U["align-start"], c),
@@ -1262,13 +1385,13 @@ function ft({ ref: e, ios: t = !1, status: n = "default", disabled: r = !1, alig
 		}) : null]
 	});
 }
-ft.displayName = "FormField";
-var pt = { field: "_field_11zrf_1" };
+bt.displayName = "FormField";
+var xt = { field: "_field_11zrf_1" };
 //#endregion
 //#region src/components/Input/Input.tsx
-function mt({ 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 } = F(), p = f === "ios", [m, g] = d(!1);
-	return /* @__PURE__ */ h(ft, {
+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,
@@ -1276,10 +1399,10 @@ function mt({ ref: e, type: t = "text", header: n, before: r, after: i, status:
 		before: r,
 		after: i,
 		className: s,
-		children: /* @__PURE__ */ h(p ? I : P, {
+		children: /* @__PURE__ */ h(p ? L : F, {
 			ref: e,
 			Component: "input",
-			className: pt.field,
+			className: xt.field,
 			type: t,
 			disabled: o,
 			onFocus: (e) => {
@@ -1292,38 +1415,38 @@ function mt({ ref: e, type: t = "text", header: n, before: r, after: i, status:
 		})
 	});
 }
-mt.displayName = "Input";
+St.displayName = "Input";
 //#endregion
 //#region src/components/LargeTitle/LargeTitle.module.css
-var ht = { "large-title": "_large-title_15hug_1" };
+var Ct = { "large-title": "_large-title_15hug_1" };
 //#endregion
 //#region src/components/LargeTitle/LargeTitle.tsx
-function gt({ ref: e, weight: t = "1", className: n, Component: r = "h1", ...i }) {
-	return /* @__PURE__ */ h(N, {
+function wt({ ref: e, weight: t = "1", className: n, Component: r = "h1", ...i }) {
+	return /* @__PURE__ */ h(P, {
 		ref: e,
 		weight: t,
 		Component: r,
-		className: y(ht["large-title"], n),
+		className: y(Ct["large-title"], n),
 		...i
 	});
 }
-gt.displayName = "LargeTitle";
-var _t = {
+wt.displayName = "LargeTitle";
+var Tt = {
 	link: "_link_1ylyy_1",
 	icon: "_icon_1ylyy_18"
 };
 //#endregion
 //#region src/components/Link/Link.tsx
-function vt({ ref: e, target: t, rel: n, className: r, children: i, ...a }) {
+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(_t.link, r),
+		className: y(Tt.link, r),
 		...a,
 		children: [i, o ? /* @__PURE__ */ h("svg", {
-			className: _t.icon,
+			className: Tt.icon,
 			viewBox: "0 0 16 16",
 			fill: "none",
 			"aria-hidden": !0,
@@ -1337,36 +1460,152 @@ function vt({ ref: e, target: t, rel: n, className: r, children: i, ...a }) {
 		}) : null]
 	});
 }
-vt.displayName = "Link";
-var yt = {
+Et.displayName = "Link";
+var Dt = {
 	list: "_list_1rhgw_1",
 	ios: "_ios_1rhgw_5"
 };
 //#endregion
 //#region src/components/List/List.tsx
-function bt({ ref: e, Component: t = "div", className: n, children: r, ...i }) {
-	let { platform: a } = F();
+function Ot({ ref: e, Component: t = "div", className: n, children: r, ...i }) {
+	let { platform: a } = I();
 	return /* @__PURE__ */ h(t, {
 		ref: e,
-		className: y(yt.list, a === "ios" && yt.ios, n),
+		className: y(Dt.list, a === "ios" && Dt.ios, n),
 		...i,
 		children: r
 	});
 }
-bt.displayName = "List";
-var xt = {
+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"
-}, St = {
+}, It = {
 	numeric: /[0-9]/,
 	alphanumeric: /[a-z0-9]/i
 };
-function Ct({ 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 }) {
+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 = St[o], w = (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) => {
@@ -1393,7 +1632,7 @@ function Ct({ ref: e, length: t = 4, value: n, defaultValue: r = "", onChange: i
 	};
 	return /* @__PURE__ */ h("div", {
 		ref: e,
-		className: y(xt.pinInput, g),
+		className: y(Ft.pinInput, g),
 		role: "group",
 		"aria-label": m,
 		"data-invalid": f || void 0,
@@ -1401,7 +1640,7 @@ function Ct({ ref: e, length: t = 4, value: n, defaultValue: r = "", onChange: i
 			ref: (e) => {
 				S.current[t] = e;
 			},
-			className: xt.cell,
+			className: Ft.cell,
 			type: s ? "password" : "text",
 			inputMode: o === "numeric" ? "numeric" : "text",
 			autoComplete: t === 0 ? "one-time-code" : "off",
@@ -1417,63 +1656,63 @@ function Ct({ ref: e, length: t = 4, value: n, defaultValue: r = "", onChange: i
 		}, t))
 	});
 }
-Ct.displayName = "PinInput";
+Lt.displayName = "PinInput";
 //#endregion
 //#region src/components/Title/Title.module.css
-var wt = {
+var Rt = {
 	"level-1": "_level-1_rosk9_1",
 	"level-2": "_level-2_rosk9_6",
 	"level-3": "_level-3_rosk9_11"
-}, Tt = {
+}, zt = {
 	1: {
 		tag: "h2",
-		className: wt["level-1"]
+		className: Rt["level-1"]
 	},
 	2: {
 		tag: "h3",
-		className: wt["level-2"]
+		className: Rt["level-2"]
 	},
 	3: {
 		tag: "h4",
-		className: wt["level-3"]
+		className: Rt["level-3"]
 	}
 };
 //#endregion
 //#region src/components/Title/Title.tsx
-function Et({ ref: e, level: t = "2", Component: n, className: r, ...i }) {
-	let { tag: a, className: o } = Tt[t];
-	return /* @__PURE__ */ h(N, {
+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: y(o, r),
 		...i
 	});
 }
-Et.displayName = "Title";
-var Dt = {
+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 Ot({ ref: e, children: t, header: n, description: r, action: i, className: a, ...o }) {
+function Ht({ ref: e, children: t, header: n, description: r, action: i, className: a, ...o }) {
 	return /* @__PURE__ */ g("section", {
 		ref: e,
-		className: y(Dt.placeholder, a),
+		className: y(Vt.placeholder, a),
 		...o,
 		children: [
 			t,
 			n != null || r != null ? /* @__PURE__ */ g("dl", {
-				className: Dt.fields,
-				children: [n == null ? null : /* @__PURE__ */ h(Et, {
+				className: Vt.fields,
+				children: [n == null ? null : /* @__PURE__ */ h(Bt, {
 					Component: "dt",
 					level: "3",
 					weight: "2",
 					children: n
-				}), r == null ? null : /* @__PURE__ */ h(I, {
+				}), r == null ? null : /* @__PURE__ */ h(L, {
 					Component: "dd",
-					className: Dt.description,
+					className: Vt.description,
 					children: r
 				})]
 			}) : null,
@@ -1481,21 +1720,21 @@ function Ot({ ref: e, children: t, header: n, description: r, action: i, classNa
 		]
 	});
 }
-Ot.displayName = "Placeholder";
+Ht.displayName = "Placeholder";
 //#endregion
 //#region src/components/Portal/Portal.tsx
-function kt({ children: e, container: t }) {
-	let { portalContainer: n } = F(), r = t ?? n;
+function Ut({ children: e, container: t }) {
+	let { portalContainer: n } = I(), r = t ?? n;
 	return r ? v(e, r) : null;
 }
-kt.displayName = "Portal";
-var At = {
+Ut.displayName = "Portal";
+var Wt = {
 	track: "_track_5w1vs_1",
 	bar: "_bar_5w1vs_9"
 };
 //#endregion
 //#region src/components/Progress/Progress.tsx
-function jt({ 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__ */ h("div", {
 		ref: e,
@@ -1503,54 +1742,54 @@ function jt({ ref: e, value: t = 0, className: n, ...r }) {
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		"aria-valuenow": Math.round(i),
-		className: y(At.track, n),
+		className: y(Wt.track, n),
 		...r,
 		children: /* @__PURE__ */ h("div", {
-			className: At.bar,
+			className: Wt.bar,
 			style: { width: `${i}%` }
 		})
 	});
 }
-jt.displayName = "Progress";
-var Mt = {
+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 Nt({ ref: e, disabled: t, className: n, style: r, ...i }) {
+function qt({ ref: e, disabled: t, className: n, style: r, ...i }) {
 	return /* @__PURE__ */ g("span", {
-		className: y(Mt.radio, n),
+		className: y(Kt.radio, n),
 		style: r,
 		"data-disabled": t || void 0,
 		children: [/* @__PURE__ */ h("input", {
 			ref: e,
 			type: "radio",
-			className: Mt.input,
+			className: Kt.input,
 			disabled: t,
 			...i
 		}), /* @__PURE__ */ h("span", {
-			className: Mt.dot,
+			className: Kt.dot,
 			"aria-hidden": !0
 		})]
 	});
 }
-Nt.displayName = "Radio";
-var W = {
+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"
-}, Pt = /* @__PURE__ */ h("svg", {
+}, 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 Ft({ ref: e, value: t, defaultValue: n = 0, onChange: r, count: i = 5, readOnly: a = !1, disabled: o = !1, icon: s = Pt, name: c, "aria-label": l = "Rating", className: u }) {
+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) => {
@@ -1561,13 +1800,13 @@ function Ft({ ref: e, value: t, defaultValue: n = 0, onChange: r, count: i = 5,
 	} : {}, E = b ? "radiogroup" : "img", D = b ? l : `${l}: ${m} out of ${i}`;
 	return /* @__PURE__ */ g("div", {
 		ref: e,
-		className: y(W.rating, b && W.interactive, u),
+		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(W.row, W.empty),
+			className: y(G.row, G.empty),
 			"aria-hidden": !b,
 			children: w.map((e) => b ? /* @__PURE__ */ h("button", {
 				type: "button",
@@ -1576,32 +1815,122 @@ function Ft({ ref: e, value: t, defaultValue: n = 0, onChange: r, count: i = 5,
 				"aria-label": `${e}`,
 				tabIndex: e === (Math.round(m) || 1) ? 0 : -1,
 				name: c,
-				className: W.star,
+				className: G.star,
 				onClick: () => S(e),
 				onMouseEnter: () => v(e),
 				onFocus: () => v(e),
 				onBlur: () => v(null),
 				children: s
 			}, e) : /* @__PURE__ */ h("span", {
-				className: W.star,
+				className: G.star,
 				children: s
 			}, e))
 		}), /* @__PURE__ */ h("div", {
-			className: W.fill,
+			className: G.fill,
 			style: { clipPath: `inset(0 ${100 - x}% 0 0)` },
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ h("div", {
-				className: W.row,
+				className: G.row,
 				children: w.map((e) => /* @__PURE__ */ h("span", {
-					className: W.star,
+					className: G.star,
 					children: s
 				}, e))
 			})
 		})]
 	});
 }
-Ft.displayName = "Rating";
-var G = {
+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",
@@ -1616,93 +1945,93 @@ var G = {
 };
 //#endregion
 //#region src/components/Section/SectionFooter.tsx
-function It({ ios: e, children: t }) {
-	return e ? /* @__PURE__ */ h(R, {
-		className: G.footerText,
+function $t({ ios: e, children: t }) {
+	return e ? /* @__PURE__ */ h(ze, {
+		className: K.footerText,
 		children: t
-	}) : /* @__PURE__ */ h(P, {
+	}) : /* @__PURE__ */ h(F, {
 		level: "2",
-		className: G.footerText,
+		className: K.footerText,
 		children: t
 	});
 }
-function Lt({ ref: e, centered: t = !1, className: n, children: r, ...i }) {
-	let { platform: a } = F(), o = a === "ios";
+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: y(G.footer, o && G.footerIos, t && G.footerCentered, n),
+		className: y(K.footer, o && K.footerIos, t && K.footerCentered, n),
 		...i,
-		children: /* @__PURE__ */ h(It, {
+		children: /* @__PURE__ */ h($t, {
 			ios: o,
 			children: r
 		})
 	});
 }
-Lt.displayName = "SectionFooter";
+en.displayName = "SectionFooter";
 //#endregion
 //#region src/components/Section/SectionHeader.tsx
-function Rt({ ios: e, large: t, children: n }) {
-	return t ? e ? /* @__PURE__ */ h(P, {
+function tn({ ios: e, large: t, children: n }) {
+	return t ? e ? /* @__PURE__ */ h(F, {
 		Component: "h2",
 		level: "1",
 		weight: "2",
 		children: n
-	}) : /* @__PURE__ */ h(I, {
+	}) : /* @__PURE__ */ h(L, {
 		Component: "h2",
 		weight: "2",
 		children: n
-	}) : e ? /* @__PURE__ */ h(R, {
+	}) : e ? /* @__PURE__ */ h(ze, {
 		Component: "h2",
 		caps: !0,
 		children: n
-	}) : /* @__PURE__ */ h(P, {
+	}) : /* @__PURE__ */ h(F, {
 		Component: "h2",
 		level: "2",
 		weight: "2",
 		children: n
 	});
 }
-function zt({ ref: e, large: t = !1, className: n, children: r, ...i }) {
-	let { platform: a } = F(), o = a === "ios";
+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: y(G.header, o && G.headerIos, t && G.headerLarge, n),
+		className: y(K.header, o && K.headerIos, t && K.headerLarge, n),
 		...i,
-		children: /* @__PURE__ */ h(Rt, {
+		children: /* @__PURE__ */ h(tn, {
 			ios: o,
 			large: t,
 			children: r
 		})
 	});
 }
-zt.displayName = "SectionHeader";
+nn.displayName = "SectionHeader";
 //#endregion
 //#region src/components/Section/Section.tsx
-var Bt = (e) => typeof e == "string" || typeof e == "number";
-function Vt({ ref: n, header: i, footer: a, className: o, children: s, ...c }) {
-	let { platform: l } = F(), u = e.toArray(s);
+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: y(l === "ios" ? G.sectionIos : G.sectionBase, o),
+		className: y(l === "ios" ? K.sectionIos : K.sectionBase, o),
 		...c,
 		children: [/* @__PURE__ */ g("div", {
-			className: G.bodyWithHeader,
-			children: [Bt(i) ? /* @__PURE__ */ h(zt, { children: i }) : i, /* @__PURE__ */ h("div", {
-				className: G.body,
-				children: u.map((e, n) => /* @__PURE__ */ g(t, { children: [e, n < u.length - 1 ? /* @__PURE__ */ h(et, {}) : null] }, r(e) ? e.key : n))
+			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))
 			})]
-		}), Bt(a) ? /* @__PURE__ */ h(Lt, { children: a }) : a]
+		}), rn(a) ? /* @__PURE__ */ h(en, { children: a }) : a]
 	});
 }
-Vt.displayName = "Section", Vt.Header = zt, Vt.Footer = Lt;
-var Ht = {
+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 Ut({ ref: e, className: t, children: n, onKeyDown: r, ...a }) {
+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;
@@ -1724,7 +2053,7 @@ function Ut({ ref: e, className: t, children: n, onKeyDown: r, ...a }) {
 	return /* @__PURE__ */ g("div", {
 		ref: m,
 		role: "radiogroup",
-		className: y(Ht.control, t),
+		className: y(on.control, t),
 		onKeyDown: (e) => {
 			if (r?.(e), e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 			let t = s.current;
@@ -1737,7 +2066,7 @@ function Ut({ ref: e, className: t, children: n, onKeyDown: r, ...a }) {
 		},
 		...a,
 		children: [/* @__PURE__ */ h("div", {
-			className: Ht.pill,
+			className: on.pill,
 			style: l ? {
 				transform: `translateX(${l.left}px)`,
 				width: l.width
@@ -1746,10 +2075,10 @@ function Ut({ ref: e, className: t, children: n, onKeyDown: r, ...a }) {
 		}), n]
 	});
 }
-Ut.displayName = "SegmentedControl";
+sn.displayName = "SegmentedControl";
 //#endregion
 //#region src/components/SegmentedControl/SegmentedControlItem.tsx
-function Wt({ ref: e, selected: t = !1, className: n, ...r }) {
+function cn({ ref: e, selected: t = !1, className: n, ...r }) {
 	return /* @__PURE__ */ h("button", {
 		ref: e,
 		type: "button",
@@ -1757,12 +2086,12 @@ function Wt({ ref: e, selected: t = !1, className: n, ...r }) {
 		"aria-checked": t,
 		tabIndex: t ? 0 : -1,
 		"data-selected": t || void 0,
-		className: y(Ht.item, n),
+		className: y(on.item, n),
 		...r
 	});
 }
-Wt.displayName = "SegmentedControlItem";
-var K = {
+cn.displayName = "SegmentedControlItem";
+var q = {
 	base: "_base_yxki5_1",
 	row: "_row_yxki5_7",
 	ios: "_ios_yxki5_17",
@@ -1775,17 +2104,17 @@ var K = {
 };
 //#endregion
 //#region src/components/Select/Select.tsx
-function Gt({ ref: e, header: t, status: n, disabled: r, className: i, onFocus: a, onBlur: o, children: s, ...c }) {
-	let { platform: l } = F(), u = l === "ios", [f, p] = d(!1), m = n ?? (f ? "focused" : "default"), _ = u ? I : P;
+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 ? K.ios : K.base, m === "error" && K.error, m === "focused" && K.focused, r && K.disabled, i),
+		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__ */ g("div", {
-			className: K.row,
+			className: q.row,
 			children: [/* @__PURE__ */ h(_, {
 				ref: e,
 				Component: "select",
-				className: K.select,
+				className: q.select,
 				disabled: r,
 				onFocus: (e) => {
 					r || p(!0), a?.(e);
@@ -1797,30 +2126,30 @@ function Gt({ ref: e, header: t, status: n, disabled: r, className: i, onFocus:
 				children: s
 			}), /* @__PURE__ */ h("span", {
 				"aria-hidden": !0,
-				className: K.chevron
+				className: q.chevron
 			})]
 		}), t != null && !u ? /* @__PURE__ */ h("span", {
-			className: K.header,
+			className: q.header,
 			children: t
 		}) : null]
 	});
 }
-Gt.displayName = "Select";
+ln.displayName = "Select";
 //#endregion
 //#region src/shared/lib/useReducedMotion.ts
-var Kt = "(prefers-reduced-motion: reduce)";
-function qt(e) {
+var un = "(prefers-reduced-motion: reduce)";
+function dn(e) {
 	if (typeof window > "u" || !window.matchMedia) return () => {};
-	let t = window.matchMedia(Kt);
+	let t = window.matchMedia(un);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
-function Jt() {
-	return typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(Kt).matches;
+function fn() {
+	return typeof window > "u" || !window.matchMedia ? !1 : window.matchMedia(un).matches;
 }
-function Yt() {
-	return f(qt, Jt, () => !1);
+function pn() {
+	return f(dn, fn, () => !1);
 }
-var q = {
+var J = {
 	backdrop: "_backdrop_a10cl_1",
 	"backdrop--contained": "_backdrop--contained_a10cl_12",
 	"backdrop--visible": "_backdrop--visible_a10cl_16",
@@ -1832,12 +2161,12 @@ var q = {
 	title: "_title_a10cl_95",
 	close: "_close_a10cl_100",
 	body: "_body_a10cl_105"
-}, Xt = 340, Zt = 6, Qt = 96, $t = .5;
-function en(e) {
+}, 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 tn({ ref: e, open: t, onClose: n, header: r, children: a, dismissable: s = !0, closeLabel: c = "Close", className: l, container: f }) {
-	let p = Yt(), m = f != null, [_, v] = d(t), [b, x] = d(!1), S = u(null), C = u(null), w = u({
+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,
@@ -1854,7 +2183,7 @@ function tn({ ref: e, open: t, onClose: n, header: r, children: a, dismissable:
 			v(!1);
 			return;
 		}
-		let e = setTimeout(() => v(!1), Xt);
+		let e = setTimeout(() => v(!1), mn);
 		return () => clearTimeout(e);
 	}, [t, p]), o(() => {
 		if (!_ || !t) return;
@@ -1888,7 +2217,7 @@ function tn({ ref: e, open: t, onClose: n, header: r, children: a, dismissable:
 	]);
 	let T = i((e) => {
 		if (e.key !== "Tab" || !S.current) return;
-		let t = en(S.current);
+		let t = vn(S.current);
 		if (t.length === 0) {
 			e.preventDefault(), S.current.focus();
 			return;
@@ -1909,7 +2238,7 @@ function tn({ ref: e, open: t, onClose: n, header: r, children: a, dismissable:
 		if (t.id !== e.pointerId) return;
 		let n = e.clientY - t.startY;
 		if (!t.active) {
-			if (n < Zt) return;
+			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;
@@ -1926,16 +2255,16 @@ function tn({ ref: e, open: t, onClose: n, header: r, children: a, dismissable:
 			active: !1
 		}, !t.active)) return;
 		e.currentTarget.releasePointerCapture?.(e.pointerId);
-		let r = S.current, i = e.clientY - t.startY > Qt || t.velocity > $t;
+		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(kt, {
+	return /* @__PURE__ */ h(Ut, {
 		container: f,
 		children: /* @__PURE__ */ h("div", {
 			ref: e,
-			className: y(q.backdrop, m && q["backdrop--contained"], k && q["backdrop--visible"]),
+			className: y(J.backdrop, m && J["backdrop--contained"], k && J["backdrop--visible"]),
 			onPointerDown: (e) => {
 				e.target === e.currentTarget && s && n();
 			},
@@ -1944,27 +2273,27 @@ function tn({ ref: e, open: t, onClose: n, header: r, children: a, dismissable:
 				role: "dialog",
 				"aria-modal": "true",
 				tabIndex: -1,
-				className: y(q.panel, k && q["panel--visible"], l),
+				className: y(J.panel, k && J["panel--visible"], l),
 				onKeyDown: T,
 				children: [/* @__PURE__ */ g("div", {
-					className: q.grip,
+					className: J.grip,
 					onPointerDown: E,
 					onPointerMove: D,
 					onPointerUp: O,
 					onPointerCancel: O,
 					children: [s ? /* @__PURE__ */ h("span", {
-						className: q.handle,
+						className: J.handle,
 						"aria-hidden": !0
 					}) : null, r == null ? null : /* @__PURE__ */ g("div", {
-						className: q.header,
+						className: J.header,
 						children: [/* @__PURE__ */ h("div", {
-							className: q.title,
+							className: J.title,
 							children: r
-						}), s ? /* @__PURE__ */ h(ct, {
+						}), s ? /* @__PURE__ */ h(dt, {
 							mode: "gray",
 							size: "s",
 							circle: !0,
-							className: q.close,
+							className: J.close,
 							"aria-label": c,
 							onClick: n,
 							children: /* @__PURE__ */ h("svg", {
@@ -1982,32 +2311,32 @@ function tn({ ref: e, open: t, onClose: n, header: r, children: a, dismissable:
 						}) : null]
 					})]
 				}), /* @__PURE__ */ h("div", {
-					className: q.body,
+					className: J.body,
 					children: a
 				})]
 			})
 		})
 	});
 }
-tn.displayName = "Sheet";
-var nn = {
+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 rn({ ref: e, visible: t = !0, className: n, children: r, ...i }) {
+function xn({ ref: e, visible: t = !0, className: n, children: r, ...i }) {
 	return /* @__PURE__ */ h("div", {
 		ref: e,
 		"aria-hidden": t || void 0,
-		className: y(nn.skeleton, t && nn.visible, n),
+		className: y(bn.skeleton, t && bn.visible, n),
 		...i,
 		children: r
 	});
 }
-rn.displayName = "Skeleton";
-var J = {
+xn.displayName = "Skeleton";
+var Sn = {
 	slider: "_slider_avyl5_1",
 	track: "_track_avyl5_8",
 	rail: "_rail_avyl5_16",
@@ -2017,28 +2346,28 @@ var J = {
 };
 //#endregion
 //#region src/components/Slider/Slider.tsx
-function an({ 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 }) {
+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(J.slider, u),
+		className: y(Sn.slider, u),
 		"data-disabled": l || void 0,
 		children: [
 			s == null ? null : /* @__PURE__ */ h("span", {
-				className: J.side,
+				className: Sn.side,
 				children: s
 			}),
 			/* @__PURE__ */ g("span", {
-				className: J.track,
+				className: Sn.track,
 				children: [
-					/* @__PURE__ */ h("span", { className: J.rail }),
+					/* @__PURE__ */ h("span", { className: Sn.rail }),
 					/* @__PURE__ */ h("span", {
-						className: J.fill,
+						className: Sn.fill,
 						style: { width: `${Math.max(0, Math.min(100, v))}%` }
 					}),
 					/* @__PURE__ */ h("input", {
 						ref: e,
 						type: "range",
-						className: J.input,
+						className: Sn.input,
 						min: i,
 						max: a,
 						step: o,
@@ -2053,17 +2382,17 @@ function an({ ref: e, value: t, defaultValue: n, onChange: r, min: i = 0, max: a
 				]
 			}),
 			c == null ? null : /* @__PURE__ */ h("span", {
-				className: J.side,
+				className: Sn.side,
 				children: c
 			})
 		]
 	});
 }
-an.displayName = "Slider";
+Cn.displayName = "Slider";
 //#endregion
 //#region src/components/Snackbar/context.ts
-var on = n(null);
-on.displayName = "SnackbarContext";
+var wn = n(null);
+wn.displayName = "SnackbarContext";
 var Y = {
 	viewport: "_viewport_1rbuf_1",
 	snackbar: "_snackbar_1rbuf_19",
@@ -2074,8 +2403,8 @@ var Y = {
 	message: "_message_1rbuf_69",
 	description: "_description_1rbuf_74",
 	action: "_action_1rbuf_80"
-}, sn = 240, cn = 80;
-function ln({ children: e, duration: t = 4e3, max: n = 3 }) {
+}, 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) => {
@@ -2088,11 +2417,11 @@ function ln({ children: e, duration: t = 4e3, max: n = 3 }) {
 		show: c,
 		dismiss: s
 	}), [c, s]);
-	return /* @__PURE__ */ g(on.Provider, {
+	return /* @__PURE__ */ g(wn.Provider, {
 		value: f,
-		children: [e, r.length > 0 ? /* @__PURE__ */ h(kt, { children: /* @__PURE__ */ h("div", {
+		children: [e, r.length > 0 ? /* @__PURE__ */ h(Ut, { children: /* @__PURE__ */ h("div", {
 			className: Y.viewport,
-			children: r.map((e) => /* @__PURE__ */ h(un, {
+			children: r.map((e) => /* @__PURE__ */ h(On, {
 				item: e,
 				defaultDuration: t,
 				onDismiss: () => s(e.id)
@@ -2100,9 +2429,9 @@ function ln({ children: e, duration: t = 4e3, max: n = 3 }) {
 		}) }) : null]
 	});
 }
-ln.displayName = "SnackbarProvider";
-function un({ item: e, defaultDuration: t, onDismiss: n }) {
-	let r = Yt(), [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({
+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
@@ -2116,7 +2445,7 @@ function un({ item: e, defaultDuration: t, onDismiss: n }) {
 			n();
 			return;
 		}
-		let e = setTimeout(n, sn);
+		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);
@@ -2155,7 +2484,7 @@ function un({ item: e, defaultDuration: t, onDismiss: n }) {
 		if (!i) return;
 		i.classList.remove(Y["snackbar--dragging"]);
 		let a = e.clientX - t.startX;
-		if (t.active && Math.abs(a) > cn) {
+		if (t.active && Math.abs(a) > En) {
 			if (r) {
 				n();
 				return;
@@ -2205,22 +2534,22 @@ function un({ item: e, defaultDuration: t, onDismiss: n }) {
 }
 //#endregion
 //#region src/components/Snackbar/useSnackbar.ts
-function dn() {
-	let e = a(on);
+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 fn = Math.PI * 2, pn = (e) => Math.max(0, Math.min(1, e)), mn = (e) => 1 - (1 - e) ** 3;
-function hn(e, t, n, r) {
+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 gn(e, t, n) {
+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() * fn, a = .3 + Math.random() * 1.2, o = Math.random();
+		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,
@@ -2235,7 +2564,7 @@ function gn(e, t, n) {
 	}
 	return i;
 }
-function _n(e, t, n, r, i, a, o, s, c) {
+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) {
@@ -2247,23 +2576,23 @@ function _n(e, t, n, r, i, a, o, s, c) {
 		g < 0 && (g += l);
 		let _ = (n.y0 + n.vy * h) % u;
 		_ < 0 && (_ += u);
-		let v = hn(n.life, .15, .3, h), y = v * (.45 + .55 * (1 - h / n.life));
+		let v = Nn(n.life, .15, .3, h), y = v * (.45 + .55 * (1 - h / n.life));
 		if (s != null && c > 0) {
-			let e = pn((o - (s + 2 / 3 * c * t / m)) / (1 / 3 * c));
-			y *= mn(1 - e);
+			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, fn), e.fill();
+		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 vn = {
+var In = {
 	spoiler: "_spoiler_15ysm_1",
 	revealed: "_revealed_15ysm_15",
 	canvas: "_canvas_15ysm_20",
 	content: "_content_15ysm_67"
-}, yn = .5;
-function bn(e) {
+}, Ln = .5;
+function Rn(e) {
 	let t = e.match(/-?\d*\.?\d+/g);
 	return !t || t.length < 3 ? [
 		128,
@@ -2275,8 +2604,8 @@ function bn(e) {
 		Number(t[2])
 	];
 }
-function xn({ 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 = Yt(), D = i === "click", O = u(null), k = u(null), A = u([]), j = u([
+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
@@ -2289,10 +2618,10 @@ function xn({ ref: e, revealed: t, defaultRevealed: n = !1, onRevealedChange: r,
 		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 = gn(i / r, o / r, s)), j.current = bn(a ?? getComputedStyle(e).color);
+			(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) {
-			_n(n, t.width, t.height, r, A.current, j.current, .6, null, 0);
+			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) => {
@@ -2300,11 +2629,11 @@ function xn({ ref: e, revealed: t, defaultRevealed: n = !1, onRevealedChange: r,
 			let i = (e - l) / 1e3;
 			M.current = i;
 			let a = te.current;
-			if (a != null && i > a + yn + .06) {
+			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, _n(n, t.width, t.height, r, A.current, j.current, i, a, yn));
+			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;
@@ -2327,7 +2656,7 @@ function xn({ ref: e, revealed: t, defaultRevealed: n = !1, onRevealedChange: r,
 		ref: (t) => {
 			O.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
 		},
-		className: y(vn.spoiler, T && vn.revealed, f),
+		className: y(In.spoiler, T && In.revealed, f),
 		role: "button",
 		tabIndex: 0,
 		"aria-pressed": T,
@@ -2350,18 +2679,121 @@ function xn({ ref: e, revealed: t, defaultRevealed: n = !1, onRevealedChange: r,
 		},
 		...S,
 		children: [/* @__PURE__ */ h("span", {
-			className: vn.content,
+			className: In.content,
 			"aria-hidden": !T,
 			children: m
 		}), ne ? /* @__PURE__ */ h("canvas", {
 			ref: k,
-			className: vn.canvas,
+			className: In.canvas,
 			"aria-hidden": !0
 		}) : null]
 	});
 }
-xn.displayName = "Spoiler";
-var Sn = {
+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",
@@ -2370,26 +2802,26 @@ var Sn = {
 };
 //#endregion
 //#region src/components/Switch/Switch.tsx
-function Cn({ ref: e, disabled: t, className: n, style: r, ...i }) {
-	let { platform: a } = F();
+function Yn({ ref: e, disabled: t, className: n, style: r, ...i }) {
+	let { platform: a } = I();
 	return /* @__PURE__ */ g("label", {
-		className: y(Sn.switch, a === "ios" ? Sn.ios : Sn.base, n),
+		className: y(Jn.switch, a === "ios" ? Jn.ios : Jn.base, n),
 		style: r,
 		"data-disabled": t || void 0,
 		children: [/* @__PURE__ */ h("input", {
 			ref: e,
 			type: "checkbox",
-			className: Sn.input,
+			className: Jn.input,
 			disabled: t,
 			...i
 		}), /* @__PURE__ */ h("span", {
 			"aria-hidden": !0,
-			className: Sn.control
+			className: Jn.control
 		})]
 	});
 }
-Cn.displayName = "Switch";
-var X = {
+Yn.displayName = "Switch";
+var Xn = {
 	bar: "_bar_muj3n_1",
 	barIos: "_barIos_muj3n_10",
 	item: "_item_muj3n_15",
@@ -2400,44 +2832,44 @@ var X = {
 };
 //#endregion
 //#region src/components/TabBar/TabBarItem.tsx
-function wn({ ref: e, selected: t, text: n, children: r, className: i, ...a }) {
-	let { platform: o } = F(), s = o === "ios";
-	return /* @__PURE__ */ g(be, {
+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: y(X.item, s && X.itemIos, t && X.itemSelected, i),
+		className: y(Xn.item, s && Xn.itemIos, t && Xn.itemSelected, i),
 		...a,
 		children: [r == null ? null : /* @__PURE__ */ h("span", {
-			className: X.icon,
+			className: Xn.icon,
 			children: r
-		}), n == null ? null : /* @__PURE__ */ h(R, {
-			className: X.text,
+		}), n == null ? null : /* @__PURE__ */ h(ze, {
+			className: Xn.text,
 			weight: "2",
 			level: s ? "2" : "1",
 			children: n
 		})]
 	});
 }
-wn.displayName = "TabBarItem";
+Zn.displayName = "TabBarItem";
 //#endregion
 //#region src/components/TabBar/TabBar.tsx
-function Tn({ ref: e, className: t, children: n, ...r }) {
-	let { platform: i } = F();
+function Qn({ ref: e, className: t, children: n, ...r }) {
+	let { platform: i } = I();
 	return /* @__PURE__ */ h("nav", {
 		ref: e,
-		className: y(X.bar, i === "ios" && X.barIos, t),
+		className: y(Xn.bar, i === "ios" && Xn.barIos, t),
 		...r,
 		children: n
 	});
 }
-Tn.displayName = "TabBar", Tn.Item = wn;
-var En = { field: "_field_1crg0_1" };
+Qn.displayName = "TabBar", Qn.Item = Zn;
+var $n = { field: "_field_1crg0_1" };
 //#endregion
 //#region src/components/Textarea/Textarea.tsx
-function Dn({ 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 } = F(), b = y === "ios", [x, S] = d(!1), C = n ?? (x ? "focused" : "default"), w = b ? I : P, T = u(null), E = i((t) => {
+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;
@@ -2450,7 +2882,7 @@ function Dn({ ref: e, header: t, status: n, autoGrow: r = !1, maxRows: a, rows:
 		D,
 		f,
 		p
-	]), /* @__PURE__ */ h(ft, {
+	]), /* @__PURE__ */ h(bt, {
 		ios: b,
 		status: C,
 		disabled: c,
@@ -2460,7 +2892,7 @@ function Dn({ ref: e, header: t, status: n, autoGrow: r = !1, maxRows: a, rows:
 		children: /* @__PURE__ */ h(w, {
 			ref: E,
 			Component: "textarea",
-			className: En.field,
+			className: $n.field,
 			rows: s,
 			disabled: c,
 			value: f,
@@ -2478,14 +2910,68 @@ function Dn({ ref: e, header: t, status: n, autoGrow: r = !1, maxRows: a, rows:
 		})
 	});
 }
-Dn.displayName = "Textarea";
-var On = {
+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 kn(e, t, n) {
+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;
@@ -2500,12 +2986,12 @@ function kn(e, t, n) {
 		arrow: u
 	};
 }
-function An({ ref: e, children: t, content: n, placement: r = "top", open: a, onOpenChange: l, className: f }) {
+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(kn(e.getBoundingClientRect(), t.getBoundingClientRect(), r));
+		!e || !t || w(ir(e.getBoundingClientRect(), t.getBoundingClientRect(), r));
 	}, [r]);
 	c(() => {
 		if (!v) {
@@ -2538,7 +3024,7 @@ function An({ ref: e, children: t, content: n, placement: r = "top", open: a, on
 		ref: (t) => {
 			b.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
 		},
-		className: y(On.trigger, f),
+		className: y(rr.trigger, f),
 		"aria-describedby": v ? D : void 0,
 		onPointerEnter: (e) => {
 			e.pointerType !== "touch" && O(!0);
@@ -2554,11 +3040,11 @@ function An({ ref: e, children: t, content: n, placement: r = "top", open: a, on
 		onFocus: () => O(!0),
 		onBlur: () => O(!1),
 		children: t
-	}), v ? /* @__PURE__ */ h(kt, { children: /* @__PURE__ */ g("div", {
+	}), v ? /* @__PURE__ */ h(Ut, { children: /* @__PURE__ */ g("div", {
 		ref: x,
 		id: D,
 		role: "tooltip",
-		className: y(On.tooltip, T && On["tooltip--visible"]),
+		className: y(rr.tooltip, T && rr["tooltip--visible"]),
 		style: C ? {
 			top: C.top,
 			left: C.left,
@@ -2567,14 +3053,14 @@ function An({ ref: e, children: t, content: n, placement: r = "top", open: a, on
 		} : void 0,
 		"data-placement": C?.placement,
 		children: [n, C ? /* @__PURE__ */ h("span", {
-			className: On.arrow,
+			className: rr.arrow,
 			style: C.arrow,
 			"aria-hidden": !0
 		}) : null]
 	}) }) : null] });
 }
-An.displayName = "Tooltip";
+ar.displayName = "Tooltip";
 //#endregion
-export { C as Accordion, w as AccordionItem, O as Avatar, A as AvatarStack, te as Badge, re as Banner, ae as Blockquote, Pe as Button, R as Caption, We as Card, Ue as CardCell, He as Cell, Ke as Checkbox, Je as Chip, Qe as CircularProgress, et as Divider, nt as FixedLayout, it as Headline, ot as HorizontalScroll, ct as IconButton, dt as Image, mt as Input, gt as LargeTitle, vt as Link, bt as List, Ct as PinInput, Ot as Placeholder, kt as Portal, jt as Progress, Nt as Radio, Ft as Rating, Vt as Section, Lt as SectionFooter, zt as SectionHeader, Ut as SegmentedControl, Wt as SegmentedControlItem, Gt as Select, tn as Sheet, rn as Skeleton, an as Slider, ln as SnackbarProvider, ce as Spinner, xn as Spoiler, P as Subheadline, Cn as Switch, Tn as TabBar, wn as TabBarItem, be as Tappable, I as Text, Dn as Textarea, je as TguiProvider, Et as Title, An as Tooltip, N as Typography, dn as useSnackbar, F 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