@gnome-ui/react-native 1.5.0 → 1.7.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import { Children as e, Fragment as t, cloneElement as n, createContext as r, forwardRef as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useImperativeHandle as l, useMemo as u, useRef as d, useState as f } from "react";
 import { AccessibilityInfo as p, Animated as m, BackHandler as h, Dimensions as g, Easing as _, I18nManager as v, Image as y, Linking as b, Modal as x, PanResponder as S, Platform as C, Pressable as w, ScrollView as T, StyleSheet as E, Text as D, TextInput as O, View as k, useColorScheme as A } from "react-native";
 import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import { ApplicationXExecutable as P, AudioXGeneric as F, Check as I, Close as L, Connecting as R, Document as z, Downloading as ee, Folder as te, FontXGeneric as ne, ImageXGeneric as re, PackageXGeneric as ie, PanDown as ae, PanEnd as oe, Recording as se, Syncing as ce, TextXGeneric as le, VideoXGeneric as ue, XOfficeDocument as de, XOfficePresentation as fe, XOfficeSpreadsheet as pe } from "@gnome-ui/icons";
-import { Circle as me, G as he, Path as B, Svg as ge, SvgXml as _e } from "react-native-svg";
+import { Add as P, ApplicationXExecutable as F, AudioXGeneric as I, Check as L, Close as R, Connecting as z, Document as B, Downloading as V, Folder as H, FontXGeneric as ee, ImageXGeneric as te, PackageXGeneric as ne, PanDown as re, PanEnd as U, Recording as ie, Syncing as ae, TextXGeneric as oe, VideoXGeneric as se, ViewConceal as ce, ViewReveal as le, XOfficeDocument as ue, XOfficePresentation as de, XOfficeSpreadsheet as fe } from "@gnome-ui/icons";
+import pe, { Circle as me, G as he, Path as W, Svg as ge, SvgXml as _e } from "react-native-svg";
 //#region src/theme/tokens.generated.ts
 var ve = {
 	accentBgColor: "#3584e4",
@@ -1132,7 +1132,7 @@ var ve = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, V = r({
+}, G = r({
 	locale: void 0,
 	dir: "ltr",
 	numberFormat: void 0,
@@ -1145,13 +1145,13 @@ var ve = {
 	theme: ve
 });
 function Ee() {
-	return s(V).locale;
+	return s(G).locale;
 }
 function De() {
-	return s(V).dir;
+	return s(G).dir;
 }
 function Oe(e) {
-	let { locale: t, numberFormat: n } = s(V);
+	let { locale: t, numberFormat: n } = s(G);
 	return u(() => new Intl.NumberFormat(t, {
 		...n,
 		...e
@@ -1162,7 +1162,7 @@ function Oe(e) {
 	]);
 }
 function ke(e) {
-	let { locale: t, dateTimeFormat: n } = s(V);
+	let { locale: t, dateTimeFormat: n } = s(G);
 	return u(() => new Intl.DateTimeFormat(t, {
 		...n,
 		...e
@@ -1173,31 +1173,31 @@ function ke(e) {
 	]);
 }
 function Ae() {
-	return s(V).colorScheme;
+	return s(G).colorScheme;
 }
-function H() {
-	return s(V).resolvedColorScheme;
+function K() {
+	return s(G).resolvedColorScheme;
 }
 function je() {
-	return s(V).contrast;
-}
-function U() {
-	return s(V).resolvedContrast;
+	return s(G).contrast;
 }
 function Me() {
-	return s(V).accentColor;
+	return s(G).resolvedContrast;
+}
+function Ne() {
+	return s(G).accentColor;
 }
-function W() {
-	return s(V).theme;
+function q() {
+	return s(G).theme;
 }
 //#endregion
 //#region src/theme/resolveTheme.ts
-function Ne({ colorScheme: e, contrast: t = "normal" }) {
+function Pe({ colorScheme: e, contrast: t = "normal" }) {
 	return t === "more" ? e === "dark" ? xe : be : e === "dark" ? ye : ve;
 }
 //#endregion
 //#region src/GnomeProvider/resolveContext.ts
-var Pe = new Set([
+var Fe = new Set([
 	"blue",
 	"green",
 	"yellow",
@@ -1206,15 +1206,15 @@ var Pe = new Set([
 	"purple",
 	"brown"
 ]);
-function Fe(e, t) {
+function Ie(e, t) {
 	return e === "system" ? t === "dark" ? "dark" : "light" : e;
 }
-function Ie(e, t) {
+function Le(e, t) {
 	return e === "system" ? t ? "more" : "normal" : e;
 }
-function Le(e, t, n, r) {
+function Re(e, t, n, r) {
 	if (t === "blue") return e;
-	let i = Pe.has(t), a = i ? e[`${t}${n === "dark" ? 2 : 3}`] : t, o = i ? e[`${t}3`] : t;
+	let i = Fe.has(t), a = i ? e[`${t}${n === "dark" ? 2 : 3}`] : t, o = i ? e[`${t}3`] : t;
 	return {
 		...e,
 		accentColor: a,
@@ -1224,7 +1224,7 @@ function Le(e, t, n, r) {
 }
 //#endregion
 //#region src/GnomeProvider/GnomeProvider.tsx
-function Re() {
+function ze() {
 	let [e, t] = f(!1);
 	return c(() => {
 		let e = C.OS === "android" ? p.isHighTextContrastEnabled : C.OS === "ios" ? p.isDarkerSystemColorsEnabled : void 0;
@@ -1240,7 +1240,7 @@ function Re() {
 		};
 	}, []), e;
 }
-function G() {
+function J() {
 	let [e, t] = f(!1);
 	return c(() => {
 		let e = !0;
@@ -1254,8 +1254,8 @@ function G() {
 		};
 	}, []), e;
 }
-var ze = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme: i = "system", contrast: a = "system", accentColor: o = "blue", children: s }) => {
-	let c = A(), l = Re(), d = Fe(i, c), f = Ie(a, l), p = t ?? (v.isRTL ? "rtl" : "ltr"), m = u(() => ({
+var Be = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme: i = "system", contrast: a = "system", accentColor: o = "blue", children: s }) => {
+	let c = A(), l = ze(), d = Ie(i, c), f = Le(a, l), p = t ?? (v.isRTL ? "rtl" : "ltr"), m = u(() => ({
 		locale: e,
 		dir: p,
 		numberFormat: n,
@@ -1265,7 +1265,7 @@ var ze = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 		contrast: a,
 		resolvedContrast: f,
 		accentColor: o,
-		theme: Le(Ne({
+		theme: Re(Pe({
 			colorScheme: d,
 			contrast: f
 		}), o, d, f)
@@ -1280,11 +1280,11 @@ var ze = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 		f,
 		o
 	]);
-	return /* @__PURE__ */ M(V.Provider, {
+	return /* @__PURE__ */ M(G.Provider, {
 		value: m,
 		children: s
 	});
-}, Be = new Set([
+}, Ve = new Set([
 	"large-title",
 	"title-1",
 	"title-2",
@@ -1292,7 +1292,7 @@ var ze = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 	"title-4",
 	"heading"
 ]);
-function Ve(e, t) {
+function He(e, t) {
 	let n = (e) => String(e);
 	switch (t) {
 		case "large-title": return {
@@ -1361,7 +1361,7 @@ function Ve(e, t) {
 		};
 	}
 }
-function He(e, t) {
+function Ue(e, t) {
 	switch (t) {
 		case "dim": return {
 			color: e.windowFgColor,
@@ -1375,22 +1375,22 @@ function He(e, t) {
 		default: return { color: e.windowFgColor };
 	}
 }
-var K = i(function({ variant: e = "body", color: t = "default", style: n, children: r, accessibilityRole: i, ...a }, o) {
-	let s = W();
+var Y = i(function({ variant: e = "body", color: t = "default", style: n, children: r, accessibilityRole: i, ...a }, o) {
+	let s = q();
 	return /* @__PURE__ */ M(D, {
 		ref: o,
-		accessibilityRole: i ?? (Be.has(e) ? "header" : void 0),
+		accessibilityRole: i ?? (Ve.has(e) ? "header" : void 0),
 		style: [
 			{ fontFamily: s.fontFamily },
-			Ve(s, e),
-			He(s, t),
+			He(s, e),
+			Ue(s, t),
 			n
 		],
 		...a,
 		children: r
 	});
-}), Ue = i(function({ title: e, subtitle: t, leading: n, trailing: r, interactive: i = !1, variant: a = "default", style: o, disabled: s, ...c }, l) {
-	let u = W(), d = a === "property", f = {
+}), We = i(function({ title: e, subtitle: t, leading: n, trailing: r, interactive: i = !1, variant: a = "default", style: o, disabled: s, ...c }, l) {
+	let u = q(), d = a === "property", f = {
 		flexDirection: "row",
 		alignItems: "center",
 		gap: u.space2,
@@ -1408,13 +1408,13 @@ var K = i(function({ variant: e = "body", color: t = "default", style: n, childr
 				flex: 1,
 				gap: 2
 			},
-			children: [/* @__PURE__ */ M(K, {
+			children: [/* @__PURE__ */ M(Y, {
 				variant: d ? "caption" : "body",
 				color: d ? "dim" : "default",
 				numberOfLines: 1,
 				ellipsizeMode: "tail",
 				children: e
-			}), t && /* @__PURE__ */ M(K, {
+			}), t && /* @__PURE__ */ M(Y, {
 				variant: d ? "body" : "caption",
 				color: d ? "default" : "dim",
 				numberOfLines: 1,
@@ -1456,12 +1456,12 @@ var K = i(function({ variant: e = "body", color: t = "default", style: n, childr
 		...c,
 		children: p
 	});
-}), We = {
+}), Ge = {
 	sm: 12,
 	md: 16,
 	lg: 20
 };
-function Ge(e, t) {
+function Ke(e, t) {
 	switch (t) {
 		case "blue": return e.blue3;
 		case "green": return e.green4;
@@ -1473,7 +1473,7 @@ function Ge(e, t) {
 		default: return e.windowFgColor;
 	}
 }
-function Ke(e) {
+function qe(e) {
 	return e ? {
 		accessible: !0,
 		accessibilityLabel: e,
@@ -1485,19 +1485,19 @@ function Ke(e) {
 }
 //#endregion
 //#region src/components/Icon/Icon.tsx
-function qe(e) {
+function Je(e) {
 	return "paths" in e && Array.isArray(e.paths) ? !0 : typeof e.svg == "string" && !("path" in e);
 }
-function Je(e) {
+function Ye(e) {
 	return e === "nonzero" || e === "evenodd" ? e : void 0;
 }
-var q = ({ icon: e, size: t = "md", width: n, height: r, label: i, color: a, style: o }) => {
-	let s = W(), c = We[t], l = Ge(s, a), u = qe(e) ? e.viewBox : e.viewBox ?? "0 0 24 24", d = qe(e) ? e.svg : void 0, f = qe(e) ? e.svg ? void 0 : e.paths?.map((e, t) => /* @__PURE__ */ M(B, {
+var X = ({ icon: e, size: t = "md", width: n, height: r, label: i, color: a, style: o }) => {
+	let s = q(), c = Ge[t], l = Ke(s, a), u = Je(e) ? e.viewBox : e.viewBox ?? "0 0 24 24", d = Je(e) ? e.svg : void 0, f = Je(e) ? e.svg ? void 0 : e.paths?.map((e, t) => /* @__PURE__ */ M(W, {
 		d: e.d,
-		fillRule: Je(e.fillRule),
-		clipRule: Je(e.clipRule),
+		fillRule: Ye(e.fillRule),
+		clipRule: Ye(e.clipRule),
 		transform: e.transform
-	}, t)) : [/* @__PURE__ */ M(B, { d: e.path }, 0)], p = Ke(i);
+	}, t)) : [/* @__PURE__ */ M(W, { d: e.path }, 0)], p = qe(i);
 	return d ? /* @__PURE__ */ M(_e, {
 		xml: `<svg viewBox="${u}">${d}</svg>`,
 		width: n ?? c,
@@ -1514,8 +1514,8 @@ var q = ({ icon: e, size: t = "md", width: n, height: r, label: i, color: a, sty
 		...p,
 		children: f
 	});
-}, Ye = m.createAnimatedComponent(he), Xe = m.createAnimatedComponent(B), Ze = m.createAnimatedComponent(me);
-function Qe(e) {
+}, Xe = m.createAnimatedComponent(he), Ze = m.createAnimatedComponent(W), Qe = m.createAnimatedComponent(me);
+function $e(e) {
 	let t = d(new m.Value(0)).current;
 	return c(() => {
 		let n = m.loop(m.timing(t, {
@@ -1527,7 +1527,7 @@ function Qe(e) {
 		return n.start(), () => n.stop();
 	}, [t, e]), t;
 }
-function $e(e, t) {
+function et(e, t) {
 	let n = d(new m.Value(0)).current;
 	return c(() => {
 		let r = m.sequence([m.delay(t), m.loop(m.timing(n, {
@@ -1543,17 +1543,17 @@ function $e(e, t) {
 		t
 	]), n;
 }
-var et = ({ fill: e }) => /* @__PURE__ */ M(Ye, {
-	transform: Qe(1500).interpolate({
+var tt = ({ fill: e }) => /* @__PURE__ */ M(Xe, {
+	transform: $e(1500).interpolate({
 		inputRange: [0, 1],
 		outputRange: ["rotate(0, 8, 8)", "rotate(360, 8, 8)"]
 	}),
-	children: /* @__PURE__ */ M(B, {
+	children: /* @__PURE__ */ M(W, {
 		fill: e,
 		fillRule: "evenodd",
 		d: "M8 2a6 6 0 0 0-6 6h2a4 4 0 0 1 4-4 4 4 0 0 1 4 4 4 4 0 0 1-4 4v-2L5 13l3 3v-2a6 6 0 0 0 6-6 6 6 0 0 0-6-6z"
 	})
-}), tt = ({ fill: e }) => {
+}), nt = ({ fill: e }) => {
 	let t = d(new m.Value(1)).current;
 	return c(() => {
 		let e = _.inOut(_.ease), n = m.loop(m.sequence([m.timing(t, {
@@ -1568,13 +1568,13 @@ var et = ({ fill: e }) => /* @__PURE__ */ M(Ye, {
 			useNativeDriver: !1
 		})]));
 		return n.start(), () => n.stop();
-	}, [t]), /* @__PURE__ */ M(Xe, {
+	}, [t]), /* @__PURE__ */ M(Ze, {
 		fill: e,
 		opacity: t,
 		d: "m 15 8 c 0 3.867188 -3.132812 7 -7 7 s -7 -3.132812 -7 -7 s 3.132812 -7 7 -7 s 7 3.132812 7 7 z m 0 0"
 	});
-}, nt = ({ fill: e }) => {
-	let t = Qe(1400), n = [
+}, rt = ({ fill: e }) => {
+	let t = $e(1400), n = [
 		0,
 		.2,
 		.5,
@@ -1602,30 +1602,30 @@ var et = ({ fill: e }) => /* @__PURE__ */ M(Ye, {
 			1
 		]
 	});
-	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(B, {
+	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(W, {
 		fill: e,
 		d: "M2 13h12v2H2z"
-	}), /* @__PURE__ */ M(Ye, {
+	}), /* @__PURE__ */ M(Xe, {
 		transform: r,
 		opacity: i,
-		children: /* @__PURE__ */ M(B, {
+		children: /* @__PURE__ */ M(W, {
 			fill: e,
 			fillRule: "evenodd",
 			d: "m2.5 5 5.5 6 5.5-6z"
 		})
 	})] });
 };
-function J(e, t, n) {
+function it(e, t, n) {
 	return `translate(${e}, ${t}) scale(${n}) translate(${-e}, ${-t})`;
 }
-var rt = ({ cx: e, cy: t, fill: n, delay: r }) => {
-	let i = $e(1200, r), a = [
+var at = ({ cx: e, cy: t, fill: n, delay: r }) => {
+	let i = et(1200, r), a = [
 		0,
 		.2,
 		.4,
 		1
 	];
-	return /* @__PURE__ */ M(Ze, {
+	return /* @__PURE__ */ M(Qe, {
 		cx: e,
 		cy: t,
 		r: 2,
@@ -1642,44 +1642,44 @@ var rt = ({ cx: e, cy: t, fill: n, delay: r }) => {
 		transform: i.interpolate({
 			inputRange: a,
 			outputRange: [
-				J(e, t, 1),
-				J(e, t, .7),
-				J(e, t, 1),
-				J(e, t, 1)
+				it(e, t, 1),
+				it(e, t, .7),
+				it(e, t, 1),
+				it(e, t, 1)
 			]
 		})
 	});
-}, it = new Map([
-	[ce, et],
-	[se, tt],
-	[ee, nt],
-	[R, ({ fill: e }) => /* @__PURE__ */ N(j, { children: [
-		/* @__PURE__ */ M(B, {
+}, ot = new Map([
+	[ae, tt],
+	[ie, nt],
+	[V, rt],
+	[z, ({ fill: e }) => /* @__PURE__ */ N(j, { children: [
+		/* @__PURE__ */ M(W, {
 			fill: e,
 			d: "m 8 1.992188 c -2.617188 0 -5.238281 0.933593 -7.195312 2.808593 l -0.496094 0.480469 c -0.3984378 0.378906 -0.410156 1.011719 -0.03125 1.410156 c 0.003906 0.007813 0.011718 0.011719 0.019531 0.015625 c 0.480469 -1.011719 1.503906 -1.707031 2.703125 -1.707031 h 0.9375 c 2.480469 -1.292969 5.644531 -1.292969 8.125 0 h 0.9375 c 1.199219 0 2.222656 0.695312 2.707031 1.707031 c 0.003907 -0.007812 0.011719 -0.011719 0.015625 -0.015625 c 0.378906 -0.398437 0.367188 -1.03125 -0.03125 -1.410156 l -0.496094 -0.480469 c -1.957031 -1.875 -4.578124 -2.808593 -7.195312 -2.808593 z m -1.730469 9.007812 c -0.441406 0.765625 -0.339843 1.757812 0.316407 2.414062 c 0.78125 0.78125 2.046874 0.78125 2.828124 0 c 0.65625 -0.65625 0.757813 -1.648437 0.316407 -2.414062 z m 0 0"
 		}),
-		/* @__PURE__ */ M(rt, {
+		/* @__PURE__ */ M(at, {
 			cx: 3,
 			cy: 8,
 			fill: e,
 			delay: 0
 		}),
-		/* @__PURE__ */ M(rt, {
+		/* @__PURE__ */ M(at, {
 			cx: 8,
 			cy: 8,
 			fill: e,
 			delay: 150
 		}),
-		/* @__PURE__ */ M(rt, {
+		/* @__PURE__ */ M(at, {
 			cx: 13,
 			cy: 8,
 			fill: e,
 			delay: 300
 		})
 	] })]
-]), at = ({ icon: e, playing: t = !0, size: n = "md", width: r, height: i, label: a, color: o }) => {
-	let s = W(), c = G(), l = t && !c ? it.get(e) : void 0;
-	if (!l) return /* @__PURE__ */ M(q, {
+]), st = ({ icon: e, playing: t = !0, size: n = "md", width: r, height: i, label: a, color: o }) => {
+	let s = q(), c = J(), l = t && !c ? ot.get(e) : void 0;
+	if (!l) return /* @__PURE__ */ M(X, {
 		icon: e,
 		size: n,
 		width: r,
@@ -1687,7 +1687,7 @@ var rt = ({ cx: e, cy: t, fill: n, delay: r }) => {
 		label: a,
 		color: o
 	});
-	let u = We[n], d = Ge(s, o), f = Ke(a);
+	let u = Ge[n], d = Ke(s, o), f = qe(a);
 	return /* @__PURE__ */ M(ge, {
 		viewBox: e.viewBox,
 		width: r ?? u,
@@ -1695,7 +1695,7 @@ var rt = ({ cx: e, cy: t, fill: n, delay: r }) => {
 		...f,
 		children: /* @__PURE__ */ M(l, { fill: d })
 	});
-}, ot = [
+}, ct = [
 	"blue",
 	"green",
 	"yellow",
@@ -1705,27 +1705,27 @@ var rt = ({ cx: e, cy: t, fill: n, delay: r }) => {
 	"brown",
 	"teal",
 	"slate"
-], st = {
+], lt = {
 	sm: 24,
 	md: 32,
 	lg: 48,
 	xl: 64
-}, ct = {
+}, ut = {
 	sm: .5,
 	md: .6,
 	lg: 1,
 	xl: 1.4
 };
-function lt(e) {
+function dt(e) {
 	let t = 0;
 	for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) >>> 0;
-	return ot[t % ot.length];
+	return ct[t % ct.length];
 }
-function ut(e) {
+function ft(e) {
 	let t = e.trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "" : t.length === 1 ? t[0].charAt(0).toUpperCase() : t[0].charAt(0).toUpperCase() + t[t.length - 1].charAt(0).toUpperCase();
 }
-function dt(e, t) {
+function pt(e, t) {
 	switch (t) {
 		case "blue": return {
 			backgroundColor: e.blue3,
@@ -1765,8 +1765,8 @@ function dt(e, t) {
 		};
 	}
 }
-var ft = ({ name: e = "", src: t, alt: n, size: r = "md", color: i, style: a }) => {
-	let o = W(), s = H(), c = i ?? (e ? lt(e) : "blue"), l = ut(e), u = st[r], { backgroundColor: d, initialsColor: f } = dt(o, c), p = s === "dark" ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.08)";
+var mt = ({ name: e = "", src: t, alt: n, size: r = "md", color: i, style: a }) => {
+	let o = q(), s = K(), c = i ?? (e ? dt(e) : "blue"), l = ft(e), u = lt[r], { backgroundColor: d, initialsColor: f } = pt(o, c), p = s === "dark" ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.08)";
 	return /* @__PURE__ */ M(k, {
 		accessible: !0,
 		role: "img",
@@ -1798,17 +1798,164 @@ var ft = ({ name: e = "", src: t, alt: n, size: r = "md", color: i, style: a })
 			style: {
 				fontFamily: o.fontFamily,
 				fontWeight: String(o.fontWeightSemibold),
-				fontSize: o.fontSizeBody * ct[r],
-				lineHeight: o.fontSizeBody * ct[r],
+				fontSize: o.fontSizeBody * ut[r],
+				lineHeight: o.fontSizeBody * ut[r],
 				color: f
 			},
 			children: l
 		})
 	});
+}, ht = {
+	sm: 6,
+	md: 8,
+	lg: 12,
+	xl: 16
+}, gt = {
+	sm: 24,
+	md: 32,
+	lg: 48,
+	xl: 64
+}, _t = {
+	sm: 8,
+	md: 9.6,
+	lg: 14,
+	xl: 17.6
+}, vt = ({ avatars: e, max: t = 5, size: n = "md", accessibilityLabel: r, style: i, testID: a }) => {
+	let o = q(), s = e.length > t ? e.slice(0, t) : e, c = e.length > t ? e.length - t : 0, l = e.map((e) => e.name).filter(Boolean).join(", "), u = r ?? (l ? c > 0 ? `${l} and ${c} more` : l : "Avatar group"), d = ht[n];
+	return /* @__PURE__ */ N(k, {
+		testID: a,
+		accessible: !0,
+		role: "group",
+		accessibilityLabel: u,
+		style: [{
+			flexDirection: "row",
+			alignItems: "center"
+		}, i],
+		children: [s.map((e, t) => /* @__PURE__ */ M(mt, {
+			name: e.name,
+			src: e.src,
+			alt: e.alt ?? e.name,
+			color: e.color,
+			size: n,
+			style: {
+				marginStart: t === 0 ? 0 : -d,
+				borderWidth: 2,
+				borderColor: o.windowBgColor
+			}
+		}, `${e.name ?? ""}-${e.src ?? ""}-${t}`)), c > 0 && /* @__PURE__ */ M(k, {
+			accessible: !0,
+			accessibilityLabel: `+${c} more`,
+			style: {
+				width: gt[n],
+				height: gt[n],
+				marginStart: -d,
+				borderRadius: o.radiusPill,
+				borderWidth: 2,
+				borderColor: o.windowBgColor,
+				backgroundColor: o.dark2,
+				alignItems: "center",
+				justifyContent: "center"
+			},
+			children: /* @__PURE__ */ M(D, {
+				accessibilityElementsHidden: !0,
+				importantForAccessibility: "no",
+				style: {
+					fontFamily: o.fontFamily,
+					fontWeight: String(o.fontWeightSemibold),
+					fontSize: _t[n],
+					color: "#fff"
+				},
+				children: `+${c}`
+			})
+		})]
+	});
+};
+//#endregion
+//#region src/components/AvatarRotator/AvatarRotator.tsx
+function yt(e, t) {
+	return t <= 0 ? 0 : (e % t + t) % t;
+}
+var bt = {
+	sm: 24,
+	md: 32,
+	lg: 48,
+	xl: 64
+}, xt = ({ active: e, duration: t, reducedMotion: n, children: r }) => {
+	let i = d(new m.Value(+!!e)).current;
+	return c(() => {
+		if (n) {
+			i.setValue(+!!e);
+			return;
+		}
+		m.timing(i, {
+			toValue: +!!e,
+			duration: t,
+			useNativeDriver: !0
+		}).start();
+	}, [
+		e,
+		t,
+		n,
+		i
+	]), /* @__PURE__ */ M(m.View, {
+		accessibilityElementsHidden: !0,
+		importantForAccessibility: "no",
+		style: [E.absoluteFill, { opacity: i }],
+		children: r
+	});
+}, St = ({ name: e = "", avatars: t = [], alt: n, size: r = "md", color: i, interval: a = 3e3, transitionDuration: o = 240, pauseOnPress: s = !0, activeIndex: l, defaultActiveIndex: u = 0, onIndexChange: d, style: p, testID: m }) => {
+	let h = J(), g = t.map((e) => e.trim()).filter(Boolean), _ = l !== void 0, [v, y] = f(u), [b, x] = f(!1), S = yt(_ ? l : v, g.length);
+	if (c(() => {
+		if (g.length <= 1 || a <= 0 || b || h) return;
+		let e = setInterval(() => {
+			let e = yt(S + 1, g.length);
+			_ || y(e), d?.(e);
+		}, a);
+		return () => clearInterval(e);
+	}, [
+		S,
+		a,
+		_,
+		b,
+		d,
+		h,
+		g.length
+	]), g.length === 0) return /* @__PURE__ */ M(mt, {
+		name: e,
+		alt: n,
+		size: r,
+		color: i,
+		style: p
+	});
+	let C = n ?? (e || void 0) ?? "Avatar", T = bt[r];
+	return /* @__PURE__ */ M(w, {
+		testID: m,
+		accessible: !0,
+		role: "img",
+		accessibilityLabel: C,
+		onPressIn: () => s && x(!0),
+		onPressOut: () => s && x(!1),
+		style: [{
+			width: T,
+			height: T,
+			borderRadius: T / 2,
+			overflow: "hidden"
+		}, p],
+		children: g.map((t, n) => /* @__PURE__ */ M(xt, {
+			active: n === S,
+			duration: Math.max(0, o),
+			reducedMotion: h,
+			children: /* @__PURE__ */ M(mt, {
+				name: e,
+				src: t,
+				size: r
+			})
+		}, `${t}-${n}`))
+	});
 };
 //#endregion
 //#region src/components/Badge/Badge.tsx
-function pt(e, t, n) {
+function Ct(e, t, n) {
 	switch (n) {
 		case "accent": return {
 			backgroundColor: e.accentBgColor,
@@ -1832,8 +1979,8 @@ function pt(e, t, n) {
 		};
 	}
 }
-var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i }) => {
-	let a = W(), { backgroundColor: o, color: s } = pt(a, H(), e), c = /* @__PURE__ */ M(k, {
+var wt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i }) => {
+	let a = q(), { backgroundColor: o, color: s } = Ct(a, K(), e), c = /* @__PURE__ */ M(k, {
 		testID: "badge-ring",
 		style: [{
 			padding: 2,
@@ -1872,8 +2019,8 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 		style: { alignSelf: "flex-start" },
 		children: [r, c]
 	}) : c;
-}, ht = ({ variant: e = "info", children: t, actionLabel: n, onAction: r, dismissible: i = !1, onDismiss: a, style: o, ...s }) => {
-	let c = W(), l = {
+}, Tt = ({ variant: e = "info", children: t, actionLabel: n, onAction: r, dismissible: i = !1, onDismiss: a, style: o, ...s }) => {
+	let c = q(), l = {
 		info: {
 			bg: c.accentBgColor,
 			fg: c.accentFgColor
@@ -1906,7 +2053,7 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 			backgroundColor: l.bg
 		}, o],
 		...s,
-		children: [/* @__PURE__ */ M(K, {
+		children: [/* @__PURE__ */ M(Y, {
 			variant: "body",
 			style: {
 				flex: 1,
@@ -1964,8 +2111,13 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 			})]
 		})]
 	});
-}, gt = m.createAnimatedComponent(w), _t = 150, vt = ({ open: e, title: t, children: n, onClose: r, closeOnBackdrop: i = !0, style: a, testID: o }) => {
-	let s = W(), l = G(), [p, _] = f(e), [v, y] = f(0), b = d(new m.Value(g.get("window").height)).current, C = d(new m.Value(0)).current, T = d(!1);
+}, Et = i(function(e, t) {
+	return /* @__PURE__ */ M(k, {
+		ref: t,
+		...e
+	});
+}), Dt = m.createAnimatedComponent(w), Ot = 150, kt = ({ open: e, title: t, children: n, onClose: r, closeOnBackdrop: i = !0, style: a, testID: o }) => {
+	let s = q(), l = J(), [p, _] = f(e), [v, y] = f(0), b = d(new m.Value(g.get("window").height)).current, C = d(new m.Value(0)).current, T = d(!1);
 	c(() => {
 		e && _(!0);
 	}, [e]), c(() => {
@@ -2022,7 +2174,7 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 			b.setValue(Math.max(0, t.dy));
 		},
 		onPanResponderRelease: (e, t) => {
-			T.current = !1, Math.max(0, t.dy) >= _t ? r?.() : m.timing(b, {
+			T.current = !1, Math.max(0, t.dy) >= Ot ? r?.() : m.timing(b, {
 				toValue: 0,
 				duration: s.durationNormal,
 				useNativeDriver: !0
@@ -2039,7 +2191,7 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 		animationType: "none",
 		statusBarTranslucent: !0,
 		onRequestClose: r,
-		children: /* @__PURE__ */ M(gt, {
+		children: /* @__PURE__ */ M(Dt, {
 			testID: o,
 			onPress: i ? r : void 0,
 			accessible: !1,
@@ -2095,7 +2247,7 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 								opacity: .2
 							} })
 						}),
-						t && /* @__PURE__ */ M(K, {
+						t && /* @__PURE__ */ M(Y, {
 							variant: "title-4",
 							style: {
 								paddingHorizontal: s.space4,
@@ -2110,7 +2262,7 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 								paddingHorizontal: s.space4,
 								paddingBottom: s.space4
 							},
-							children: typeof n == "string" ? /* @__PURE__ */ M(K, {
+							children: typeof n == "string" ? /* @__PURE__ */ M(Y, {
 								variant: "body",
 								children: n
 							}) : n
@@ -2120,13 +2272,42 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 			})
 		})
 	}) : null;
-}, yt = i(function({ orientation: e = "horizontal", style: t, ...n }, r) {
+}, At = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	stretch: "stretch",
+	baseline: "baseline"
+}, jt = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	"space-between": "space-between",
+	"space-around": "space-around",
+	"space-evenly": "space-evenly"
+}, Mt = i(function({ orientation: e = "vertical", spacing: t = 6, align: n, justify: r = "start", padding: i, children: a, style: o, ...s }, c) {
+	return /* @__PURE__ */ M(k, {
+		ref: c,
+		style: [
+			{
+				flexDirection: e === "horizontal" ? "row" : "column",
+				gap: t,
+				alignItems: At[n ?? (e === "horizontal" ? "center" : "stretch")],
+				justifyContent: jt[r]
+			},
+			i !== void 0 && { padding: i },
+			o
+		],
+		...s,
+		children: a
+	});
+}), Nt = i(function({ orientation: e = "horizontal", style: t, ...n }, r) {
 	return /* @__PURE__ */ M(k, {
 		ref: r,
 		accessible: !1,
 		style: [
 			{
-				backgroundColor: W().cardShadeColor,
+				backgroundColor: q().cardShadeColor,
 				flexShrink: 0
 			},
 			e === "vertical" ? {
@@ -2141,8 +2322,8 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 		],
 		...n
 	});
-}), bt = i(function({ children: t, variant: n = "default", style: r, ...i }, a) {
-	let o = W(), s = e.toArray(t).filter(Boolean);
+}), Pt = i(function({ children: t, variant: n = "default", style: r, ...i }, a) {
+	let o = q(), s = e.toArray(t).filter(Boolean);
 	return n === "separate" ? /* @__PURE__ */ M(k, {
 		ref: a,
 		accessible: !0,
@@ -2171,12 +2352,12 @@ var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
 			overflow: "hidden"
 		}, r],
 		...i,
-		children: s.map((e, t) => /* @__PURE__ */ N(k, { children: [t > 0 && /* @__PURE__ */ M(yt, { testID: "boxed-list-separator" }), e] }, t))
+		children: s.map((e, t) => /* @__PURE__ */ N(k, { children: [t > 0 && /* @__PURE__ */ M(Nt, { testID: "boxed-list-separator" }), e] }, t))
 	});
 });
 //#endregion
 //#region src/components/Button/Button.tsx
-function xt(e, t) {
+function Ft(e, t) {
 	switch (t) {
 		case "sm": return {
 			minHeight: 28,
@@ -2201,14 +2382,14 @@ function xt(e, t) {
 		};
 	}
 }
-function St(e) {
+function It(e) {
 	switch (e) {
 		case "sm": return 28;
 		case "lg": return 42;
 		default: return 34;
 	}
 }
-function Ct(e, t, n, r) {
+function Lt(e, t, n, r) {
 	if (r) return {
 		backgroundColor: n ? "rgba(0, 0, 0, 0.85)" : "rgba(0, 0, 0, 0.65)",
 		borderColor: "rgba(255, 255, 255, 0.12)",
@@ -2237,15 +2418,15 @@ function Ct(e, t, n, r) {
 		};
 	}
 }
-var wt = i(function({ variant: e = "default", size: t = "md", shape: n = "default", osd: r = !1, leadingIcon: i, trailingIcon: a, children: o, style: s, textStyle: c, disabled: l, ...u }, d) {
-	let f = W(), p = U();
+var Rt = i(function({ variant: e = "default", size: t = "md", shape: n = "default", osd: r = !1, leadingIcon: i, trailingIcon: a, children: o, style: s, textStyle: c, disabled: l, ...u }, d) {
+	let f = q(), p = Me();
 	return /* @__PURE__ */ M(w, {
 		ref: d,
 		disabled: l,
 		accessibilityRole: "button",
 		accessibilityState: { disabled: !!l },
 		style: ({ pressed: i }) => {
-			let { backgroundColor: a, borderColor: o } = Ct(f, e, i, r), c = !r && (e === "suggested" || e === "destructive"), u = n === "circular" ? St(t) : void 0, { minHeight: d, minWidth: m, paddingVertical: h, paddingHorizontal: g } = xt(f, t);
+			let { backgroundColor: a, borderColor: o } = Lt(f, e, i, r), c = !r && (e === "suggested" || e === "destructive"), u = n === "circular" ? It(t) : void 0, { minHeight: d, minWidth: m, paddingVertical: h, paddingHorizontal: g } = Ft(f, t);
 			return [{
 				flexDirection: "row",
 				alignItems: "center",
@@ -2266,7 +2447,7 @@ var wt = i(function({ variant: e = "default", size: t = "md", shape: n = "defaul
 		},
 		...u,
 		children: ({ pressed: n }) => {
-			let { fontSize: s } = xt(f, t), { color: l } = Ct(f, e, n, r);
+			let { fontSize: s } = Ft(f, t), { color: l } = Lt(f, e, n, r);
 			return /* @__PURE__ */ N(j, { children: [
 				i,
 				typeof o == "string" ? /* @__PURE__ */ M(D, {
@@ -2285,7 +2466,7 @@ var wt = i(function({ variant: e = "default", size: t = "md", shape: n = "defaul
 });
 //#endregion
 //#region src/components/Card/Card.tsx
-function Tt(e, t) {
+function zt(e, t) {
 	switch (t) {
 		case "none": return 0;
 		case "sm": return e.space2;
@@ -2293,14 +2474,14 @@ function Tt(e, t) {
 		default: return e.space4;
 	}
 }
-var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children: r, disabled: i, ...a }, o) {
-	let s = W(), c = {
+var Bt = i(function({ interactive: e = !1, padding: t = "md", style: n, children: r, disabled: i, ...a }, o) {
+	let s = q(), c = {
 		backgroundColor: s.cardBgColor,
 		borderWidth: 1,
 		borderColor: s.cardShadeColor,
 		borderRadius: s.radiusLg,
 		overflow: "hidden",
-		padding: Tt(s, t)
+		padding: zt(s, t)
 	};
 	return e ? /* @__PURE__ */ M(w, {
 		ref: o,
@@ -2329,8 +2510,8 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 		...a,
 		children: r
 	});
-}), Dt = 18, Ot = i(function({ value: e, indeterminate: t = !1, onValueChange: n, disabled: r, style: i, ...a }, o) {
-	let s = W(), l = H(), u = U(), f = e || t, p = d(new m.Value(+!!f)).current, h = d(!0);
+}), Vt = 18, Ht = i(function({ value: e, indeterminate: t = !1, onValueChange: n, disabled: r, style: i, ...a }, o) {
+	let s = q(), l = K(), u = Me(), f = e || t, p = d(new m.Value(+!!f)).current, h = d(!0);
 	c(() => {
 		if (h.current) {
 			h.current = !1;
@@ -2369,8 +2550,8 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 		...a,
 		children: /* @__PURE__ */ M(m.View, {
 			style: {
-				width: Dt,
-				height: Dt,
+				width: Vt,
+				height: Vt,
 				alignItems: "center",
 				justifyContent: "center",
 				borderRadius: s.radiusSm,
@@ -2396,8 +2577,8 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 			})
 		})
 	});
-}), kt = ({ label: e, icon: t, onRemove: n, selectable: r = !1, selected: i = !1, onToggle: a, disabled: o = !1, style: s, testID: c }) => {
-	let l = W(), u = r && !n, d = {
+}), Ut = ({ label: e, icon: t, onRemove: n, selectable: r = !1, selected: i = !1, onToggle: a, disabled: o = !1, style: s, testID: c }) => {
+	let l = q(), u = r && !n, d = {
 		flexDirection: "row",
 		alignItems: "center",
 		gap: l.space1,
@@ -2414,12 +2595,12 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 	}, p = /* @__PURE__ */ N(j, { children: [
 		t && /* @__PURE__ */ M(k, {
 			style: { marginStart: -2 },
-			children: /* @__PURE__ */ M(q, {
+			children: /* @__PURE__ */ M(X, {
 				icon: t,
 				size: "sm"
 			})
 		}),
-		/* @__PURE__ */ M(K, {
+		/* @__PURE__ */ M(Y, {
 			variant: "caption",
 			style: f,
 			children: e
@@ -2434,8 +2615,8 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 				marginEnd: -4,
 				opacity: o ? l.opacityDisabled : 1
 			},
-			children: /* @__PURE__ */ M(q, {
-				icon: L,
+			children: /* @__PURE__ */ M(X, {
+				icon: R,
 				size: "sm"
 			})
 		})
@@ -2468,127 +2649,890 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 		],
 		children: p
 	});
-}, At = m.createAnimatedComponent(w), jt = ({ open: e, title: t, children: n, buttons: r = [], onClose: i, closeOnBackdrop: a = !0, role: o = "dialog", responses: s, onResponse: l, style: u, testID: f }) => {
-	let p = W(), g = H(), v = G(), y = d(new m.Value(+!!v)).current, b = !!s, S = () => {
-		let e = s?.find((e) => e.variant !== "destructive" && !e.disabled);
-		e && l?.(e.id);
-	}, C = () => {
-		b ? S() : i?.();
-	}, T = b ? S : a ? i : void 0;
+}, Wt = (e) => Math.min(Math.max(e, 0), 1), Gt = i(function({ maximumSize: e = 600, tighteningThreshold: t = 1, children: n, style: r, ...i }, a) {
+	return /* @__PURE__ */ M(k, {
+		ref: a,
+		style: [{
+			width: `${Wt(t) * 100}%`,
+			maxWidth: e,
+			alignSelf: "center"
+		}, r],
+		...i,
+		children: n
+	});
+}), Kt = 12, Z = 12, qt = 7, Jt = (e, t) => ({
+	top: e.top - t,
+	left: e.left - t,
+	width: e.width + t * 2,
+	height: e.height + t * 2
+}), Yt = (e, t, n, r) => {
+	let i = e.left + e.width, a = e.top + e.height, o = e.left + e.width / 2, s = e.top + e.height / 2, c = [...new Set([
+		r,
+		{
+			top: "bottom",
+			bottom: "top",
+			left: "right",
+			right: "left"
+		}[r],
+		"bottom",
+		"top",
+		"right",
+		"left"
+	])], l = (n) => {
+		switch (n) {
+			case "bottom": return {
+				top: a + Kt,
+				left: o - t.width / 2
+			};
+			case "top": return {
+				top: e.top - t.height - Kt,
+				left: o - t.width / 2
+			};
+			case "left": return {
+				top: s - t.height / 2,
+				left: e.left - t.width - Kt
+			};
+			default: return {
+				top: s - t.height / 2,
+				left: i + Kt
+			};
+		}
+	};
+	for (let e of c) {
+		let { top: r, left: i } = l(e), a = i >= Z && i + t.width <= n.width - Z, c = r >= Z && r + t.height <= n.height - Z;
+		if (a && c) return {
+			top: r,
+			left: i,
+			placement: e,
+			arrowOffset: e === "top" || e === "bottom" ? o - i : s - r
+		};
+	}
+	for (let e of c) {
+		let { top: r, left: i } = l(e);
+		if (e === "top" || e === "bottom") {
+			if (!(r >= Z && r + t.height <= n.height - Z)) continue;
+			let a = Math.max(Z, Math.min(i, n.width - t.width - Z)), s = o - a;
+			return {
+				top: r,
+				left: a,
+				placement: e,
+				arrowOffset: Math.max(11, Math.min(s, t.width - qt - 4))
+			};
+		}
+		if (!(i >= Z && i + t.width <= n.width - Z)) continue;
+		let a = Math.max(Z, Math.min(r, n.height - t.height - Z)), c = s - a;
+		return {
+			top: a,
+			left: i,
+			placement: e,
+			arrowOffset: Math.max(11, Math.min(c, t.height - qt - 4))
+		};
+	}
+	let u = a + Kt, d = o - t.width / 2, f = Math.max(Z, Math.min(u, n.height - t.height - Z)), p = Math.max(Z, Math.min(d, n.width - t.width - Z)), m = o - p;
+	return {
+		top: f,
+		left: p,
+		placement: "bottom",
+		arrowOffset: Math.max(11, Math.min(m, t.width - qt - 4))
+	};
+}, Xt = 7, Zt = "rgba(0, 0, 0, 0.55)", Qt = ({ open: e, targetRef: t, title: n, description: r, placement: i = "bottom", spotlight: a = !0, spotlightPadding: o = 8, dismissOnBackdrop: s = !1, step: l, stepCount: u, primaryAction: p, secondaryAction: _, onDismiss: v, style: y, testID: b }) => {
+	let S = q(), C = J(), [T, D] = f(null), [O, A] = f(null), [P, F] = f(null), I = d(new m.Value(0)).current;
 	c(() => {
-		if (!e) return;
-		if (v) {
-			y.setValue(1);
+		if (!e) {
+			D(null), A(null), F(null), I.setValue(0);
 			return;
 		}
-		y.setValue(0);
-		let [t, n, r, i] = p.easingDefault;
-		m.timing(y, {
-			toValue: 1,
-			duration: p.durationNormal,
-			easing: _.bezier(t, n, r, i),
-			useNativeDriver: !0
-		}).start();
+		let n = setTimeout(() => {
+			t.current?.measureInWindow((e, t, n, r) => {
+				D({
+					top: t,
+					left: e,
+					width: n,
+					height: r
+				});
+			});
+		}, 50);
+		return () => clearTimeout(n);
 	}, [
 		e,
-		v,
-		y,
-		p.durationNormal,
-		p.easingDefault
+		t,
+		I
 	]), c(() => {
-		if (!e) return;
-		let t = h.addEventListener("hardwareBackPress", () => (C(), !0));
-		return () => t.remove();
+		if (!T || !O) return;
+		let { width: e, height: t } = g.get("window");
+		F(Yt(T, O, {
+			width: e,
+			height: t
+		}, i));
 	}, [
-		e,
-		b,
-		s,
-		l,
+		T,
+		O,
 		i
-	]);
-	let E = () => {
-		let e = b && s ? s : r;
-		return e.length === 0 ? null : /* @__PURE__ */ M(k, {
-			style: {
-				borderTopWidth: 1,
-				borderTopColor: p.cardShadeColor
-			},
-			children: e.map((t, n) => {
-				let r = t.variant ?? "default", i = r === "destructive" ? p.destructiveColor : p.accentColor, a = b ? () => l?.(t.id) : t.onPress;
-				return /* @__PURE__ */ M(w, {
-					accessibilityRole: "button",
-					accessibilityState: { disabled: t.disabled },
-					disabled: t.disabled,
-					onPress: a,
-					style: ({ pressed: r }) => ({
-						paddingVertical: 14,
-						paddingHorizontal: p.space4,
-						borderBottomWidth: +(n < e.length - 1),
-						borderBottomColor: p.cardShadeColor,
-						backgroundColor: r ? p.activeOverlay : "transparent",
-						opacity: t.disabled ? p.opacityDisabled : 1
-					}),
-					children: /* @__PURE__ */ M(K, {
-						variant: "body",
-						style: {
-							textAlign: "center",
-							color: i,
-							fontWeight: r === "suggested" ? String(p.fontWeightSemibold) : void 0
-						},
-						children: t.label
-					})
-				}, b ? t.id : t.label);
-			})
+	]), c(() => {
+		if (P) {
+			if (C) {
+				I.setValue(1);
+				return;
+			}
+			m.timing(I, {
+				toValue: 1,
+				duration: S.durationFast,
+				useNativeDriver: !0
+			}).start();
+		}
+	}, [
+		P,
+		C,
+		I,
+		S.durationFast
+	]), c(() => {
+		if (!e) return;
+		let t = h.addEventListener("hardwareBackPress", () => (v?.(), !0));
+		return () => t.remove();
+	}, [e, v]);
+	let L = (e) => {
+		let { width: t, height: n } = e.nativeEvent.layout;
+		A({
+			width: t,
+			height: n
 		});
-	}, D = g === "dark" ? {
-		shadowOpacity: .5,
-		shadowRadius: 32,
-		elevation: 12
-	} : {
-		shadowOpacity: .25,
-		shadowRadius: 32,
-		elevation: 8
 	};
+	if (!e) return null;
+	let R = T ? Jt(T, o) : null, { width: z } = g.get("window"), B = {
+		position: "absolute",
+		width: 0,
+		height: 0,
+		borderWidth: Xt,
+		borderColor: "transparent"
+	}, V = (() => {
+		if (!P) return null;
+		switch (P.placement) {
+			case "top": return {
+				...B,
+				bottom: -14,
+				left: P.arrowOffset - Xt,
+				borderTopColor: S.cardBgColor
+			};
+			case "bottom": return {
+				...B,
+				top: -14,
+				left: P.arrowOffset - Xt,
+				borderBottomColor: S.cardBgColor
+			};
+			case "left": return {
+				...B,
+				right: -14,
+				top: P.arrowOffset - Xt,
+				borderLeftColor: S.cardBgColor
+			};
+			default: return {
+				...B,
+				left: -14,
+				top: P.arrowOffset - Xt,
+				borderRightColor: S.cardBgColor
+			};
+		}
+	})();
 	return /* @__PURE__ */ M(x, {
 		visible: e,
 		transparent: !0,
 		animationType: "none",
 		statusBarTranslucent: !0,
-		onRequestClose: C,
-		children: /* @__PURE__ */ M(At, {
-			testID: f,
-			onPress: T,
-			style: {
-				flex: 1,
-				alignItems: "center",
-				justifyContent: "center",
-				paddingHorizontal: 24,
-				backgroundColor: p.dialogBackdropColor,
-				opacity: y
-			},
-			children: /* @__PURE__ */ M(w, {
-				onPress: () => {},
+		onRequestClose: v,
+		children: /* @__PURE__ */ N(m.View, {
+			pointerEvents: "box-none",
+			style: E.absoluteFill,
+			children: [a && /* @__PURE__ */ M(w, {
+				testID: b,
+				onPress: s ? v : void 0,
 				accessible: !1,
-				style: {
-					width: "100%",
-					maxWidth: 480
-				},
-				children: /* @__PURE__ */ N(m.View, {
-					accessible: !0,
-					role: o,
-					accessibilityViewIsModal: !0,
-					style: [{
-						backgroundColor: p.dialogBgColor,
-						borderRadius: p.radiusXl,
-						overflow: "hidden",
+				style: E.absoluteFill,
+				children: /* @__PURE__ */ M(m.View, {
+					pointerEvents: "none",
+					style: [E.absoluteFill, { opacity: I }],
+					children: R && /* @__PURE__ */ N(j, { children: [
+						/* @__PURE__ */ M(k, { style: {
+							position: "absolute",
+							top: 0,
+							left: 0,
+							right: 0,
+							height: Math.max(0, R.top),
+							backgroundColor: Zt
+						} }),
+						/* @__PURE__ */ M(k, { style: {
+							position: "absolute",
+							top: Math.max(0, R.top + R.height),
+							left: 0,
+							right: 0,
+							bottom: 0,
+							backgroundColor: Zt
+						} }),
+						/* @__PURE__ */ M(k, { style: {
+							position: "absolute",
+							top: Math.max(0, R.top),
+							left: 0,
+							width: Math.max(0, R.left),
+							height: R.height,
+							backgroundColor: Zt
+						} }),
+						/* @__PURE__ */ M(k, { style: {
+							position: "absolute",
+							top: Math.max(0, R.top),
+							left: Math.max(0, R.left + R.width),
+							right: 0,
+							height: R.height,
+							backgroundColor: Zt
+						} }),
+						/* @__PURE__ */ M(k, {
+							pointerEvents: "none",
+							style: {
+								position: "absolute",
+								top: R.top,
+								left: R.left,
+								width: R.width,
+								height: R.height,
+								borderRadius: S.radiusMd,
+								borderWidth: 2,
+								borderColor: S.accentColor
+							}
+						})
+					] })
+				})
+			}), /* @__PURE__ */ N(m.View, {
+				onLayout: L,
+				accessible: !0,
+				role: "dialog",
+				accessibilityViewIsModal: !0,
+				style: [
+					{
+						position: "absolute",
+						maxWidth: Math.min(320, z - 24),
+						padding: S.space3,
+						backgroundColor: S.cardBgColor,
+						borderRadius: S.radiusLg,
 						shadowColor: "#000",
 						shadowOffset: {
 							width: 0,
-							height: 8
+							height: 4
 						},
-						...D,
-						opacity: y,
-						transform: [{ translateY: y.interpolate({
+						shadowOpacity: .2,
+						shadowRadius: 16,
+						elevation: 8
+					},
+					P ? {
+						top: P.top,
+						left: P.left,
+						opacity: I,
+						transform: [{ scale: I.interpolate({
+							inputRange: [0, 1],
+							outputRange: [.96, 1]
+						}) }]
+					} : {
+						top: -9999,
+						left: -9999,
+						opacity: 0
+					},
+					y
+				],
+				children: [
+					V && /* @__PURE__ */ M(k, { style: V }),
+					l !== void 0 && u !== void 0 && /* @__PURE__ */ M(Y, {
+						variant: "caption",
+						style: {
+							marginBottom: S.space1,
+							color: S.accentColor,
+							fontWeight: String(S.fontWeightBold)
+						},
+						children: `${l} of ${u}`
+					}),
+					n && /* @__PURE__ */ M(Y, {
+						variant: "title-4",
+						style: {
+							marginBottom: S.space1,
+							fontWeight: String(S.fontWeightBold)
+						},
+						children: n
+					}),
+					r && /* @__PURE__ */ M(Y, {
+						variant: "body",
+						color: "dim",
+						children: r
+					}),
+					(p || _) && /* @__PURE__ */ N(k, {
+						style: {
+							flexDirection: "row",
+							justifyContent: "flex-end",
+							gap: S.space2,
+							marginTop: S.space3
+						},
+						children: [_ && /* @__PURE__ */ M(Rt, {
+							variant: "flat",
+							size: "sm",
+							onPress: _.onPress,
+							children: _.label
+						}), p && /* @__PURE__ */ M(Rt, {
+							variant: "suggested",
+							size: "sm",
+							onPress: p.onPress,
+							children: p.label
+						})]
+					})
+				]
+			})]
+		})
+	});
+}, $t = {
+	next: "Next",
+	back: "Back",
+	skip: "Skip",
+	finish: "Done"
+}, en = ({ steps: e, open: t, startIndex: n = 0, onFinish: r, onSkip: i, onStepChange: a, placement: o = "bottom", spotlight: s = !0, dismissOnBackdrop: l = !1, labels: u, testID: d }) => {
+	let [p, m] = f(n);
+	if (c(() => {
+		t && m(n);
+	}, [t, n]), !t || e.length === 0) return null;
+	let h = Math.min(p, e.length - 1), g = e[h], _ = h === 0, v = h === e.length - 1, y = {
+		...$t,
+		...u
+	}, b = (e) => {
+		m(e), a?.(e);
+	}, x = {
+		label: v ? y.finish : y.next,
+		onPress: () => v ? r?.() : b(h + 1)
+	}, S = _ ? {
+		label: y.skip,
+		onPress: () => i?.()
+	} : {
+		label: y.back,
+		onPress: () => b(h - 1)
+	};
+	return /* @__PURE__ */ M(Qt, {
+		open: t,
+		targetRef: g.targetRef,
+		title: g.title,
+		description: g.description,
+		placement: g.placement ?? o,
+		spotlight: s,
+		dismissOnBackdrop: l,
+		step: h + 1,
+		stepCount: e.length,
+		primaryAction: x,
+		secondaryAction: S,
+		onDismiss: () => i?.(),
+		testID: d
+	});
+}, tn = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	stretch: "stretch"
+}, nn = {
+	start: "flex-start",
+	center: "center",
+	end: "flex-end",
+	"space-between": "space-between",
+	"space-around": "space-around",
+	"space-evenly": "space-evenly"
+}, rn = i(function({ childSpacing: e = 6, lineSpacing: t, justify: n = "start", align: r = "center", wrapReverse: i = !1, children: a, style: o, ...s }, c) {
+	return /* @__PURE__ */ M(k, {
+		ref: c,
+		style: [{
+			flexDirection: "row",
+			flexWrap: i ? "wrap-reverse" : "wrap",
+			columnGap: e,
+			rowGap: t ?? e,
+			justifyContent: nn[n],
+			alignItems: tn[r],
+			alignContent: "stretch"
+		}, o],
+		...s,
+		children: a
+	});
+}), an = {
+	sm: 22,
+	md: 30,
+	lg: 38
+}, on = i(function({ color: e, selected: t = !1, size: n = "md", onSelect: r, accessibilityLabel: i, disabled: a = !1, style: o, ...s }, c) {
+	let l = q(), u = K() === "dark", d = an[n], f = u ? "rgba(255, 255, 255, 0.12)" : "rgba(0, 0, 0, 0.15)", p = Math.round(d * .55);
+	return /* @__PURE__ */ M(k, {
+		style: [
+			{
+				padding: 2,
+				borderRadius: l.radiusPill,
+				backgroundColor: t ? e : "transparent",
+				alignSelf: "flex-start",
+				opacity: a ? l.opacityDisabled : 1
+			},
+			t ? { transform: [{ scale: 1.05 }] } : null,
+			o
+		],
+		children: /* @__PURE__ */ M(w, {
+			ref: c,
+			disabled: a,
+			onPress: () => r?.(e),
+			accessibilityRole: "radio",
+			accessibilityState: {
+				checked: t,
+				disabled: a
+			},
+			accessibilityLabel: i ?? e,
+			style: {
+				width: d,
+				height: d,
+				borderRadius: l.radiusPill,
+				alignItems: "center",
+				justifyContent: "center",
+				backgroundColor: e,
+				borderWidth: t ? 2 : 1,
+				borderColor: t ? "rgba(255, 255, 255, 0.9)" : f
+			},
+			...s,
+			children: t ? /* @__PURE__ */ N(pe, {
+				width: p,
+				height: p,
+				viewBox: "0 0 16 16",
+				children: [/* @__PURE__ */ M(W, {
+					d: "M3 8l3.5 3.5L13 5",
+					stroke: "rgba(0, 0, 0, 0.35)",
+					strokeWidth: 2,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					fill: "none",
+					translateY: 1
+				}), /* @__PURE__ */ M(W, {
+					d: "M3 8l3.5 3.5L13 5",
+					stroke: "white",
+					strokeWidth: 2,
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					fill: "none"
+				})]
+			}) : null
+		})
+	});
+}), sn = [
+	{
+		value: "#3584e4",
+		label: "Blue"
+	},
+	{
+		value: "#2ec27e",
+		label: "Green"
+	},
+	{
+		value: "#f6d32d",
+		label: "Yellow"
+	},
+	{
+		value: "#ff7800",
+		label: "Orange"
+	},
+	{
+		value: "#e01b24",
+		label: "Red"
+	},
+	{
+		value: "#9141ac",
+		label: "Purple"
+	},
+	{
+		value: "#986a44",
+		label: "Brown"
+	},
+	{
+		value: "#2190a4",
+		label: "Teal"
+	},
+	{
+		value: "#5e5c64",
+		label: "Slate"
+	}
+], cn = ({ value: e, onChange: t, colors: n = sn, allowCustom: r = !1, onRequestCustom: i, size: a = "md", accessibilityLabel: o = "Color", disabled: s = !1, style: c, testID: l }) => {
+	let u = q(), d = K() === "dark", f = an[a], p = e !== void 0 && !n.some((t) => t.value === e);
+	return /* @__PURE__ */ N(rn, {
+		testID: l,
+		accessibilityRole: "radiogroup",
+		accessibilityLabel: o,
+		childSpacing: 8,
+		align: "center",
+		style: c,
+		children: [n.map((n) => /* @__PURE__ */ M(on, {
+			color: n.value,
+			size: a,
+			selected: n.value === e,
+			disabled: s,
+			onSelect: t,
+			accessibilityLabel: n.label ?? n.value
+		}, n.value)), r ? /* @__PURE__ */ N(j, { children: [p && e ? /* @__PURE__ */ M(on, {
+			color: e,
+			size: a,
+			selected: !0,
+			disabled: s,
+			onSelect: i,
+			accessibilityLabel: "Custom color"
+		}) : null, /* @__PURE__ */ M(k, {
+			style: {
+				padding: 2,
+				alignSelf: "flex-start"
+			},
+			children: /* @__PURE__ */ M(w, {
+				disabled: s,
+				onPress: i,
+				accessibilityRole: "button",
+				accessibilityLabel: "Choose custom color",
+				accessibilityState: { disabled: s },
+				style: ({ pressed: e }) => ({
+					width: f,
+					height: f,
+					borderRadius: u.radiusPill,
+					alignItems: "center",
+					justifyContent: "center",
+					borderWidth: 1.5,
+					borderStyle: "dashed",
+					borderColor: d ? "rgba(255, 255, 255, 0.25)" : u.cardShadeColor,
+					backgroundColor: e && !s ? u.activeOverlay : u.cardBgColor,
+					opacity: s ? u.opacityDisabled : 1
+				}),
+				children: /* @__PURE__ */ M(X, {
+					icon: P,
+					width: Math.round(f * .5),
+					height: Math.round(f * .5)
+				})
+			})
+		})] }) : null]
+	});
+}, ln = 4, un = 8, dn = 280;
+function fn(e, t) {
+	let { height: n } = g.get("window"), r = n - (e.y + e.height) < t && e.y > t, i = r ? e.y - t - ln : e.y + e.height + ln;
+	return {
+		top: Math.max(un, Math.min(i, n - t - un)),
+		left: e.x,
+		width: e.width,
+		flipUp: r
+	};
+}
+var pn = ({ options: e, value: t, onChange: n, placeholder: r = "Select an option", accessibilityLabel: i, disabled: a, style: o, testID: s }) => {
+	let l = q(), u = J(), [p, h] = f(!1), [g, _] = f(null), [v, y] = f(null), [b, S] = f(null), C = d(null), E = d(new m.Value(0)).current, D = e.find((e) => e.value === t), O = () => {
+		a || h(!0);
+	}, A = () => h(!1), j = (e) => {
+		e.disabled || (n?.(e.value), A());
+	};
+	return c(() => {
+		if (!p) {
+			_(null), y(null), S(null);
+			return;
+		}
+		C.current?.measureInWindow((e, t, n, r) => {
+			_({
+				x: e,
+				y: t,
+				width: n,
+				height: r
+			});
+		});
+	}, [p]), c(() => {
+		g === null || v === null || S(fn(g, v));
+	}, [g, v]), c(() => {
+		if (b) {
+			if (u) {
+				E.setValue(1);
+				return;
+			}
+			E.setValue(0), m.timing(E, {
+				toValue: 1,
+				duration: l.durationFast,
+				useNativeDriver: !0
+			}).start();
+		}
+	}, [
+		b,
+		u,
+		E,
+		l.durationFast
+	]), /* @__PURE__ */ N(k, {
+		style: o,
+		children: [/* @__PURE__ */ N(w, {
+			ref: C,
+			testID: s,
+			role: "combobox",
+			accessibilityLabel: i,
+			accessibilityState: {
+				expanded: p,
+				disabled: !!a
+			},
+			disabled: a,
+			onPress: () => p ? A() : O(),
+			style: ({ pressed: e }) => ({
+				flexDirection: "row",
+				alignItems: "center",
+				justifyContent: "space-between",
+				gap: l.space1,
+				minHeight: 36,
+				minWidth: 160,
+				paddingVertical: 7,
+				paddingHorizontal: l.space2,
+				backgroundColor: e ? l.activeOverlay : l.cardBgColor,
+				borderWidth: 1,
+				borderColor: p ? l.accentColor : l.cardShadeColor,
+				borderRadius: l.radiusMd,
+				opacity: a ? l.opacityDisabled : 1
+			}),
+			children: [/* @__PURE__ */ M(Y, {
+				numberOfLines: 1,
+				style: {
+					flex: 1,
+					fontSize: l.fontSizeBody,
+					color: l.windowFgColor,
+					opacity: D ? 1 : l.opacityDim
+				},
+				children: D?.label ?? r
+			}), /* @__PURE__ */ M(X, {
+				icon: re,
+				size: "md",
+				color: "default",
+				style: { transform: [{ rotate: p ? "180deg" : "0deg" }] }
+			})]
+		}), /* @__PURE__ */ M(x, {
+			visible: p,
+			transparent: !0,
+			animationType: "none",
+			statusBarTranslucent: !0,
+			children: /* @__PURE__ */ M(w, {
+				onPress: A,
+				accessible: !1,
+				style: { flex: 1 },
+				testID: s ? `${s}-backdrop` : void 0,
+				children: /* @__PURE__ */ M(m.View, {
+					onLayout: (e) => {
+						y(Math.min(e.nativeEvent.layout.height, dn));
+					},
+					role: "list",
+					accessible: !0,
+					style: [{
+						position: "absolute",
+						maxHeight: dn,
+						backgroundColor: l.popoverBgColor,
+						borderWidth: 1,
+						borderColor: l.cardShadeColor,
+						borderRadius: l.radiusMd,
+						paddingVertical: 4,
+						shadowColor: "#000",
+						shadowOffset: {
+							width: 0,
+							height: 4
+						},
+						shadowOpacity: .15,
+						shadowRadius: 12,
+						elevation: 6
+					}, b ? {
+						top: b.top,
+						left: b.left,
+						width: b.width,
+						opacity: E
+					} : {
+						top: -9999,
+						left: -9999,
+						width: 200,
+						opacity: 0
+					}],
+					children: /* @__PURE__ */ M(T, {
+						bounces: !1,
+						children: e.map((e) => {
+							let n = e.value === t;
+							return /* @__PURE__ */ N(w, {
+								role: "option",
+								accessibilityState: {
+									selected: n,
+									disabled: !!e.disabled
+								},
+								disabled: e.disabled,
+								onPress: () => j(e),
+								style: ({ pressed: t }) => ({
+									flexDirection: "row",
+									alignItems: "center",
+									gap: l.space2,
+									minHeight: 40,
+									paddingVertical: 8,
+									paddingHorizontal: l.space2,
+									backgroundColor: t ? l.activeOverlay : "transparent",
+									opacity: e.disabled ? l.opacityDisabled : 1
+								}),
+								children: [/* @__PURE__ */ N(k, {
+									style: {
+										flex: 1,
+										gap: 1
+									},
+									children: [/* @__PURE__ */ M(Y, {
+										numberOfLines: 1,
+										style: {
+											fontSize: l.fontSizeBody,
+											color: l.windowFgColor,
+											fontWeight: n ? String(l.fontWeightSemibold) : void 0
+										},
+										children: e.label
+									}), e.description && /* @__PURE__ */ M(Y, {
+										numberOfLines: 1,
+										style: {
+											fontSize: l.fontSizeCaption,
+											color: l.windowFgColor,
+											opacity: l.opacityDim
+										},
+										children: e.description
+									})]
+								}), n && /* @__PURE__ */ M(X, {
+									icon: L,
+									size: "md",
+									color: "blue"
+								})]
+							}, e.value);
+						})
+					})
+				})
+			})
+		})]
+	});
+}, mn = 120, hn = ({ title: e, subtitle: t, leading: n, options: r, value: i, defaultValue: a, onValueChange: o, placeholder: s = "—", accessibilityLabel: c, disabled: l = !1, style: u, testID: d }) => {
+	let p = q(), m = i !== void 0, [h, g] = f(a), _ = m ? i : h;
+	return /* @__PURE__ */ M(We, {
+		testID: d,
+		title: e,
+		subtitle: t,
+		leading: n,
+		disabled: l,
+		style: [l ? { opacity: p.opacityDisabled } : null, u],
+		trailing: /* @__PURE__ */ M(pn, {
+			options: r,
+			value: _,
+			placeholder: s,
+			accessibilityLabel: c ?? e,
+			disabled: l,
+			onChange: (e) => {
+				m || g(e), o?.(e);
+			},
+			style: { minWidth: mn }
+		})
+	});
+}, gn = m.createAnimatedComponent(w), _n = ({ open: e, title: t, children: n, buttons: r = [], onClose: i, closeOnBackdrop: a = !0, role: o = "dialog", responses: s, onResponse: l, style: u, testID: f }) => {
+	let p = q(), g = K(), v = J(), y = d(new m.Value(+!!v)).current, b = !!s, S = () => {
+		let e = s?.find((e) => e.variant !== "destructive" && !e.disabled);
+		e && l?.(e.id);
+	}, C = () => {
+		b ? S() : i?.();
+	}, T = b ? S : a ? i : void 0;
+	c(() => {
+		if (!e) return;
+		if (v) {
+			y.setValue(1);
+			return;
+		}
+		y.setValue(0);
+		let [t, n, r, i] = p.easingDefault;
+		m.timing(y, {
+			toValue: 1,
+			duration: p.durationNormal,
+			easing: _.bezier(t, n, r, i),
+			useNativeDriver: !0
+		}).start();
+	}, [
+		e,
+		v,
+		y,
+		p.durationNormal,
+		p.easingDefault
+	]), c(() => {
+		if (!e) return;
+		let t = h.addEventListener("hardwareBackPress", () => (C(), !0));
+		return () => t.remove();
+	}, [
+		e,
+		b,
+		s,
+		l,
+		i
+	]);
+	let E = () => {
+		let e = b && s ? s : r;
+		return e.length === 0 ? null : /* @__PURE__ */ M(k, {
+			style: {
+				borderTopWidth: 1,
+				borderTopColor: p.cardShadeColor
+			},
+			children: e.map((t, n) => {
+				let r = t.variant ?? "default", i = r === "destructive" ? p.destructiveColor : p.accentColor, a = b ? () => l?.(t.id) : t.onPress;
+				return /* @__PURE__ */ M(w, {
+					accessibilityRole: "button",
+					accessibilityState: { disabled: t.disabled },
+					disabled: t.disabled,
+					onPress: a,
+					style: ({ pressed: r }) => ({
+						paddingVertical: 14,
+						paddingHorizontal: p.space4,
+						borderBottomWidth: +(n < e.length - 1),
+						borderBottomColor: p.cardShadeColor,
+						backgroundColor: r ? p.activeOverlay : "transparent",
+						opacity: t.disabled ? p.opacityDisabled : 1
+					}),
+					children: /* @__PURE__ */ M(Y, {
+						variant: "body",
+						style: {
+							textAlign: "center",
+							color: i,
+							fontWeight: r === "suggested" ? String(p.fontWeightSemibold) : void 0
+						},
+						children: t.label
+					})
+				}, b ? t.id : t.label);
+			})
+		});
+	}, D = g === "dark" ? {
+		shadowOpacity: .5,
+		shadowRadius: 32,
+		elevation: 12
+	} : {
+		shadowOpacity: .25,
+		shadowRadius: 32,
+		elevation: 8
+	};
+	return /* @__PURE__ */ M(x, {
+		visible: e,
+		transparent: !0,
+		animationType: "none",
+		statusBarTranslucent: !0,
+		onRequestClose: C,
+		children: /* @__PURE__ */ M(gn, {
+			testID: f,
+			onPress: T,
+			style: {
+				flex: 1,
+				alignItems: "center",
+				justifyContent: "center",
+				paddingHorizontal: 24,
+				backgroundColor: p.dialogBackdropColor,
+				opacity: y
+			},
+			children: /* @__PURE__ */ M(w, {
+				onPress: () => {},
+				accessible: !1,
+				style: {
+					width: "100%",
+					maxWidth: 480
+				},
+				children: /* @__PURE__ */ N(m.View, {
+					accessible: !0,
+					role: o,
+					accessibilityViewIsModal: !0,
+					style: [{
+						backgroundColor: p.dialogBgColor,
+						borderRadius: p.radiusXl,
+						overflow: "hidden",
+						shadowColor: "#000",
+						shadowOffset: {
+							width: 0,
+							height: 8
+						},
+						...D,
+						opacity: y,
+						transform: [{ translateY: y.interpolate({
 							inputRange: [0, 1],
 							outputRange: [-8, 0]
 						}) }, { scale: y.interpolate({
@@ -2597,7 +3541,7 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 						}) }]
 					}, u],
 					children: [
-						t && /* @__PURE__ */ M(K, {
+						t && /* @__PURE__ */ M(Y, {
 							variant: "title-4",
 							style: {
 								padding: p.space4,
@@ -2612,7 +3556,7 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 								paddingVertical: p.space2,
 								paddingHorizontal: p.space4
 							},
-							children: typeof n == "string" ? /* @__PURE__ */ M(K, {
+							children: typeof n == "string" ? /* @__PURE__ */ M(Y, {
 								variant: "body",
 								style: {
 									textAlign: "center",
@@ -2627,8 +3571,8 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 			})
 		})
 	});
-}, Mt = ({ children: e, accessibilityLabel: t, style: n, testID: r }) => {
-	let i = W(), a = !!e;
+}, vn = ({ children: e, accessibilityLabel: t, style: n, testID: r }) => {
+	let i = q(), a = !!e;
 	return /* @__PURE__ */ N(k, {
 		testID: r,
 		accessible: !0,
@@ -2644,7 +3588,7 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 			flex: 1,
 			height: 1,
 			backgroundColor: i.cardShadeColor
-		} }), a && /* @__PURE__ */ N(j, { children: [typeof e == "string" ? /* @__PURE__ */ M(K, {
+		} }), a && /* @__PURE__ */ N(j, { children: [typeof e == "string" ? /* @__PURE__ */ M(Y, {
 			variant: "caption",
 			color: "dim",
 			children: e
@@ -2654,8 +3598,8 @@ var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 			backgroundColor: i.cardShadeColor
 		} })] })]
 	});
-}, Y = 6, X = 8, Nt = 5;
-function Pt(e, t) {
+}, yn = 6, Q = 8, bn = 5;
+function xn(e, t) {
 	if (e) {
 		if (typeof e == "function") {
 			e(t);
@@ -2664,27 +3608,27 @@ function Pt(e, t) {
 		e.current = t;
 	}
 }
-function Ft(e, t, n) {
+function Sn(e, t, n) {
 	switch (n) {
 		case "top": return {
-			top: e.y - t.height - Y,
+			top: e.y - t.height - yn,
 			left: e.x + e.width / 2 - t.width / 2
 		};
 		case "bottom": return {
-			top: e.y + e.height + Y,
+			top: e.y + e.height + yn,
 			left: e.x + e.width / 2 - t.width / 2
 		};
 		case "left": return {
 			top: e.y + e.height / 2 - t.height / 2,
-			left: e.x - t.width - Y
+			left: e.x - t.width - yn
 		};
 		case "right": return {
 			top: e.y + e.height / 2 - t.height / 2,
-			left: e.x + e.width + Y
+			left: e.x + e.width + yn
 		};
 	}
 }
-function It(e, t, n) {
+function Cn(e, t, n) {
 	let { width: r, height: i } = g.get("window"), a = [
 		n,
 		n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
@@ -2694,22 +3638,22 @@ function It(e, t, n) {
 		"right"
 	];
 	for (let n of a) {
-		let { top: a, left: o } = Ft(e, t, n), s = o >= X && o + t.width <= r - X, c = a >= X && a + t.height <= i - X;
+		let { top: a, left: o } = Sn(e, t, n), s = o >= Q && o + t.width <= r - Q, c = a >= Q && a + t.height <= i - Q;
 		if (s && c) return {
-			top: Math.max(X, Math.min(a, i - t.height - X)),
-			left: Math.max(X, Math.min(o, r - t.width - X)),
+			top: Math.max(Q, Math.min(a, i - t.height - Q)),
+			left: Math.max(Q, Math.min(o, r - t.width - Q)),
 			placement: n
 		};
 	}
-	let { top: o, left: s } = Ft(e, t, n);
+	let { top: o, left: s } = Sn(e, t, n);
 	return {
-		top: Math.max(X, Math.min(o, i - t.height - X)),
-		left: Math.max(X, Math.min(s, r - t.width - X)),
+		top: Math.max(Q, Math.min(o, i - t.height - Q)),
+		left: Math.max(Q, Math.min(s, r - t.width - Q)),
 		placement: n
 	};
 }
-var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
-	let a = W(), s = H(), l = G(), [u, p] = f(!1), [h, g] = f(null), [_, v] = f(null), [y, b] = f(null), S = d(null), C = d(null), w = d(new m.Value(0)).current, T = o(() => {
+var wn = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
+	let a = q(), s = K(), l = J(), [u, p] = f(!1), [h, g] = f(null), [_, v] = f(null), [y, b] = f(null), S = d(null), C = d(null), w = d(new m.Value(0)).current, T = o(() => {
 		C.current &&= (clearTimeout(C.current), null);
 	}, []), D = o(() => {
 		T(), p(!0);
@@ -2736,7 +3680,7 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			});
 		});
 	}, [u]), c(() => {
-		!h || !_ || b(It(h, _, t));
+		!h || !_ || b(Cn(h, _, t));
 	}, [
 		h,
 		_,
@@ -2777,7 +3721,7 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 		position: "absolute",
 		width: 0,
 		height: 0,
-		borderWidth: Nt,
+		borderWidth: bn,
 		borderColor: "transparent"
 	}, z = (() => {
 		switch (y?.placement) {
@@ -2811,10 +3755,10 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			};
 			default: return null;
 		}
-	})(), ee = i.props.ref;
+	})(), B = i.props.ref;
 	return /* @__PURE__ */ N(j, { children: [n(i, {
 		ref: (e) => {
-			S.current = e, Pt(ee, e);
+			S.current = e, xn(B, e);
 		},
 		delayLongPress: r,
 		accessibilityHint: i.props.accessibilityHint ?? e,
@@ -2870,7 +3814,7 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 					left: -9999,
 					opacity: 0
 				}],
-				children: [/* @__PURE__ */ M(K, {
+				children: [/* @__PURE__ */ M(Y, {
 					style: {
 						color: I,
 						fontSize: a.fontSizeCaption,
@@ -2883,12 +3827,12 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			})
 		})
 	})] });
-}, Rt = {
+}, Tn = {
 	sm: "sm",
 	md: "md",
 	lg: "lg"
-}, zt = i(function({ icon: e, label: t, variant: n = "default", size: r = "md", iconSize: i, tooltip: a, tooltipPlacement: o, tooltipDelay: s, ...c }, l) {
-	let u = /* @__PURE__ */ M(wt, {
+}, En = i(function({ icon: e, label: t, variant: n = "default", size: r = "md", iconSize: i, tooltip: a, tooltipPlacement: o, tooltipDelay: s, ...c }, l) {
+	let u = /* @__PURE__ */ M(Rt, {
 		ref: l,
 		accessibilityLabel: t,
 		shape: "circular",
@@ -2896,22 +3840,22 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 		variant: n === "osd" ? "flat" : n,
 		osd: n === "osd",
 		...c,
-		children: /* @__PURE__ */ M(q, {
+		children: /* @__PURE__ */ M(X, {
 			icon: e,
-			size: i ?? Rt[r]
+			size: i ?? Tn[r]
 		})
 	});
-	return a ? /* @__PURE__ */ M(Lt, {
+	return a ? /* @__PURE__ */ M(wn, {
 		label: a,
 		placement: o,
 		delay: s,
 		children: u
 	}) : u;
-}), Bt = m.createAnimatedComponent(w), Vt = r(0), Ht = {
+}), Dn = m.createAnimatedComponent(w), On = r(0), kn = {
 	classic: 420,
 	wide: 640
-}, Ut = .85, Wt = 240, Gt = ({ open: e, side: t = "right", size: n = "classic", title: r, content: i, children: a, onClose: o, closeOnBackdrop: l = !0, rail: u, style: f, testID: p }) => {
-	let v = W(), y = H(), b = G(), S = s(Vt), C = i === void 0 ? a : i, T = Ht[n], E = S > 0 ? Math.max(Wt, Math.round(T * Ut ** S)) : T, D = g.get("window").width - v.space3 * 2, O = Math.min(E, D), A = d(new m.Value(+!!b)).current;
+}, An = .85, jn = 240, Mn = ({ open: e, side: t = "right", size: n = "classic", title: r, content: i, children: a, onClose: o, closeOnBackdrop: l = !0, rail: u, style: f, testID: p }) => {
+	let v = q(), y = K(), b = J(), S = s(On), C = i === void 0 ? a : i, T = kn[n], E = S > 0 ? Math.max(jn, Math.round(T * An ** S)) : T, D = g.get("window").width - v.space3 * 2, O = Math.min(E, D), A = d(new m.Value(+!!b)).current;
 	c(() => {
 		if (!e) return;
 		if (b) {
@@ -2958,7 +3902,7 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			[t === "right" ? "borderRightWidth" : "borderLeftWidth"]: 1,
 			borderColor: v.cardShadeColor
 		},
-		children: u.map((e) => /* @__PURE__ */ M(zt, {
+		children: u.map((e) => /* @__PURE__ */ M(En, {
 			icon: e.icon,
 			label: e.label,
 			tooltip: e.label,
@@ -2979,7 +3923,7 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 		animationType: "none",
 		statusBarTranslucent: !0,
 		onRequestClose: o,
-		children: /* @__PURE__ */ M(Bt, {
+		children: /* @__PURE__ */ M(Dn, {
 			testID: p,
 			onPress: l ? o : void 0,
 			accessible: !1,
@@ -3028,21 +3972,21 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 									padding: v.space4,
 									paddingBottom: v.space2
 								},
-								children: [/* @__PURE__ */ M(K, {
+								children: [/* @__PURE__ */ M(Y, {
 									variant: "title-4",
 									style: {
 										flex: 1,
 										fontWeight: String(v.fontWeightBold)
 									},
 									children: r
-								}), o && /* @__PURE__ */ M(wt, {
+								}), o && /* @__PURE__ */ M(Rt, {
 									variant: "flat",
 									shape: "circular",
 									size: "sm",
 									accessibilityLabel: "Close",
 									onPress: o,
-									children: /* @__PURE__ */ M(q, {
-										icon: L,
+									children: /* @__PURE__ */ M(X, {
+										icon: R,
 										size: "sm"
 									})
 								})]
@@ -3052,9 +3996,9 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 									padding: v.space4,
 									paddingTop: r ? 0 : v.space4
 								},
-								children: /* @__PURE__ */ M(Vt.Provider, {
+								children: /* @__PURE__ */ M(On.Provider, {
 									value: S + 1,
-									children: typeof C == "string" ? /* @__PURE__ */ M(K, {
+									children: typeof C == "string" ? /* @__PURE__ */ M(Y, {
 										variant: "body",
 										children: C
 									}) : C
@@ -3067,198 +4011,127 @@ var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			})
 		})
 	});
-}, Kt = 4, qt = 8, Jt = 280;
-function Yt(e, t) {
-	let { height: n } = g.get("window"), r = n - (e.y + e.height) < t && e.y > t, i = r ? e.y - t - Kt : e.y + e.height + Kt;
-	return {
-		top: Math.max(qt, Math.min(i, n - t - qt)),
-		left: e.x,
-		width: e.width,
-		flipUp: r
-	};
-}
-var Xt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an option", accessibilityLabel: i, disabled: a, style: o, testID: s }) => {
-	let l = W(), u = G(), [p, h] = f(!1), [g, _] = f(null), [v, y] = f(null), [b, S] = f(null), C = d(null), E = d(new m.Value(0)).current, D = e.find((e) => e.value === t), O = () => {
-		a || h(!0);
-	}, A = () => h(!1), j = (e) => {
-		e.disabled || (n?.(e.value), A());
-	};
-	return c(() => {
-		if (!p) {
-			_(null), y(null), S(null);
+}, Nn = 6, Pn = i(function({ title: e, value: t, defaultValue: n = "", onValueChange: r, onChangeText: i, leading: a, trailing: o, disabled: s = !1, onFocus: l, onBlur: u, accessibilityLabel: p, testID: h, style: g, ..._ }, v) {
+	let y = q(), b = J(), x = t !== void 0, [S, C] = f(n), T = x ? t : S, [E, D] = f(!1), [A, j] = f(56), P = d(null), F = E || T.length > 0, I = d(new m.Value(+!!F)).current;
+	c(() => {
+		if (b) {
+			I.setValue(+!!F);
 			return;
 		}
-		C.current?.measureInWindow((e, t, n, r) => {
-			_({
-				x: e,
-				y: t,
-				width: n,
-				height: r
-			});
+		let e = m.timing(I, {
+			toValue: +!!F,
+			duration: y.durationFast,
+			useNativeDriver: !1
 		});
-	}, [p]), c(() => {
-		g === null || v === null || S(Yt(g, v));
-	}, [g, v]), c(() => {
-		if (b) {
-			if (u) {
-				E.setValue(1);
-				return;
-			}
-			E.setValue(0), m.timing(E, {
-				toValue: 1,
-				duration: l.durationFast,
-				useNativeDriver: !0
-			}).start();
-		}
+		return e.start(), () => e.stop();
 	}, [
+		F,
 		b,
-		u,
-		E,
-		l.durationFast
-	]), /* @__PURE__ */ N(k, {
-		style: o,
-		children: [/* @__PURE__ */ N(w, {
-			ref: C,
-			testID: s,
-			role: "combobox",
-			accessibilityLabel: i,
-			accessibilityState: {
-				expanded: p,
-				disabled: !!a
-			},
-			disabled: a,
-			onPress: () => p ? A() : O(),
-			style: ({ pressed: e }) => ({
-				flexDirection: "row",
-				alignItems: "center",
-				justifyContent: "space-between",
-				gap: l.space1,
-				minHeight: 36,
-				minWidth: 160,
-				paddingVertical: 7,
-				paddingHorizontal: l.space2,
-				backgroundColor: e ? l.activeOverlay : l.cardBgColor,
-				borderWidth: 1,
-				borderColor: p ? l.accentColor : l.cardShadeColor,
-				borderRadius: l.radiusMd,
-				opacity: a ? l.opacityDisabled : 1
-			}),
-			children: [/* @__PURE__ */ M(K, {
-				numberOfLines: 1,
-				style: {
-					flex: 1,
-					fontSize: l.fontSizeBody,
-					color: l.windowFgColor,
-					opacity: D ? 1 : l.opacityDim
-				},
-				children: D?.label ?? r
-			}), /* @__PURE__ */ M(q, {
-				icon: ae,
-				size: "md",
-				color: "default",
-				style: { transform: [{ rotate: p ? "180deg" : "0deg" }] }
-			})]
-		}), /* @__PURE__ */ M(x, {
-			visible: p,
-			transparent: !0,
-			animationType: "none",
-			statusBarTranslucent: !0,
-			children: /* @__PURE__ */ M(w, {
-				onPress: A,
-				accessible: !1,
-				style: { flex: 1 },
-				testID: s ? `${s}-backdrop` : void 0,
-				children: /* @__PURE__ */ M(m.View, {
-					onLayout: (e) => {
-						y(Math.min(e.nativeEvent.layout.height, Jt));
-					},
-					role: "list",
-					accessible: !0,
-					style: [{
-						position: "absolute",
-						maxHeight: Jt,
-						backgroundColor: l.popoverBgColor,
-						borderWidth: 1,
-						borderColor: l.cardShadeColor,
-						borderRadius: l.radiusMd,
-						paddingVertical: 4,
-						shadowColor: "#000",
-						shadowOffset: {
-							width: 0,
-							height: 4
-						},
-						shadowOpacity: .15,
-						shadowRadius: 12,
-						elevation: 6
-					}, b ? {
-						top: b.top,
-						left: b.left,
-						width: b.width,
-						opacity: E
-					} : {
-						top: -9999,
-						left: -9999,
-						width: 200,
-						opacity: 0
-					}],
-					children: /* @__PURE__ */ M(T, {
-						bounces: !1,
-						children: e.map((e) => {
-							let n = e.value === t;
-							return /* @__PURE__ */ N(w, {
-								role: "option",
-								accessibilityState: {
-									selected: n,
-									disabled: !!e.disabled
-								},
-								disabled: e.disabled,
-								onPress: () => j(e),
-								style: ({ pressed: t }) => ({
-									flexDirection: "row",
-									alignItems: "center",
-									gap: l.space2,
-									minHeight: 40,
-									paddingVertical: 8,
-									paddingHorizontal: l.space2,
-									backgroundColor: t ? l.activeOverlay : "transparent",
-									opacity: e.disabled ? l.opacityDisabled : 1
-								}),
-								children: [/* @__PURE__ */ N(k, {
-									style: {
-										flex: 1,
-										gap: 1
-									},
-									children: [/* @__PURE__ */ M(K, {
-										numberOfLines: 1,
-										style: {
-											fontSize: l.fontSizeBody,
-											color: l.windowFgColor,
-											fontWeight: n ? String(l.fontWeightSemibold) : void 0
-										},
-										children: e.label
-									}), e.description && /* @__PURE__ */ M(K, {
-										numberOfLines: 1,
-										style: {
-											fontSize: l.fontSizeCaption,
-											color: l.windowFgColor,
-											opacity: l.opacityDim
-										},
-										children: e.description
-									})]
-								}), n && /* @__PURE__ */ M(q, {
-									icon: I,
-									size: "md",
-									color: "blue"
-								})]
-							}, e.value);
-						})
+		I,
+		y.durationFast
+	]);
+	let L = Math.round(y.fontSizeBody * y.lineHeightBody), R = Math.round(y.fontSizeCaption * y.lineHeightBody), z = (A - L) / 2;
+	return /* @__PURE__ */ N(w, {
+		accessible: !1,
+		testID: h,
+		disabled: s,
+		onPress: () => P.current?.focus(),
+		style: [{
+			flexDirection: "row",
+			alignItems: "center",
+			gap: y.space2,
+			paddingHorizontal: y.space4,
+			minHeight: 56,
+			width: "100%",
+			opacity: s ? y.opacityDisabled : 1
+		}, g],
+		children: [
+			a ? /* @__PURE__ */ M(k, {
+				style: { flexShrink: 0 },
+				children: a
+			}) : null,
+			/* @__PURE__ */ N(k, {
+				onLayout: (e) => j(e.nativeEvent.layout.height),
+				style: {
+					flex: 1,
+					justifyContent: "center",
+					minHeight: 56
+				},
+				children: [/* @__PURE__ */ M(m.Text, {
+					pointerEvents: "none",
+					accessibilityElementsHidden: !0,
+					importantForAccessibility: "no",
+					numberOfLines: 1,
+					style: {
+						position: "absolute",
+						left: 0,
+						right: 0,
+						top: z,
+						fontFamily: y.fontFamily,
+						color: y.windowFgColor,
+						fontSize: I.interpolate({
+							inputRange: [0, 1],
+							outputRange: [y.fontSizeBody, y.fontSizeCaption]
+						}),
+						lineHeight: I.interpolate({
+							inputRange: [0, 1],
+							outputRange: [L, R]
+						}),
+						opacity: I.interpolate({
+							inputRange: [0, 1],
+							outputRange: [y.opacityDim, .7]
+						}),
+						transform: [{ translateY: I.interpolate({
+							inputRange: [0, 1],
+							outputRange: [0, Nn - z]
+						}) }]
+					},
+					children: e
+				}), /* @__PURE__ */ M(m.View, {
+					style: { opacity: I },
+					children: /* @__PURE__ */ M(O, {
+						ref: (e) => {
+							P.current = e, typeof v == "function" ? v(e) : v && (v.current = e);
+						},
+						value: T,
+						editable: !s,
+						accessibilityLabel: p ?? e,
+						onFocus: (e) => {
+							D(!0), l?.(e);
+						},
+						onBlur: (e) => {
+							D(!1), u?.(e);
+						},
+						onChangeText: (e) => {
+							x || C(e), r?.(e), i?.(e);
+						},
+						style: {
+							padding: 0,
+							margin: 0,
+							width: "100%",
+							fontFamily: y.fontFamily,
+							fontSize: y.fontSizeBody,
+							lineHeight: L,
+							color: y.cardFgColor,
+							paddingTop: y.space4,
+							paddingBottom: 4
+						},
+						..._
 					})
-				})
-			})
-		})]
+				})]
+			}),
+			o ? /* @__PURE__ */ M(k, {
+				style: {
+					flexDirection: "row",
+					alignItems: "center",
+					gap: y.space1
+				},
+				children: o
+			}) : null
+		]
 	});
-}, Zt = ({ label: e, children: t, expanded: n, defaultExpanded: r = !1, onExpandedChange: i, disabled: a = !1, style: o, testID: s }) => {
-	let l = W(), u = G(), p = n !== void 0, [h, g] = f(r), v = p ? n : h, [y, b] = f(0), x = d(!1), S = d(new m.Value(0)).current, C = d(new m.Value(+!!r)).current, T = () => {
+}), Fn = ({ label: e, children: t, expanded: n, defaultExpanded: r = !1, onExpandedChange: i, disabled: a = !1, style: o, testID: s }) => {
+	let l = q(), u = J(), p = n !== void 0, [h, g] = f(r), v = p ? n : h, [y, b] = f(0), x = d(!1), S = d(new m.Value(0)).current, C = d(new m.Value(+!!r)).current, T = () => {
 		if (a) return;
 		let e = !v;
 		p || g(e), i?.(e);
@@ -3328,11 +4201,11 @@ var Xt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 					opacity: .55,
 					transform: [{ rotate: O }]
 				},
-				children: /* @__PURE__ */ M(q, {
-					icon: oe,
+				children: /* @__PURE__ */ M(X, {
+					icon: U,
 					size: "md"
 				})
-			}), typeof e == "string" ? /* @__PURE__ */ M(K, {
+			}), typeof e == "string" ? /* @__PURE__ */ M(Y, {
 				style: { color: l.windowFgColor },
 				children: e
 			}) : e]
@@ -3352,21 +4225,21 @@ var Xt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			})
 		})]
 	});
-}, Qt = {
-	folder: te,
-	image: re,
-	audio: F,
-	video: ue,
-	text: le,
-	pdf: z,
-	archive: ie,
-	document: de,
-	spreadsheet: pe,
-	presentation: fe,
-	font: ne,
-	executable: P,
-	unknown: le
-}, $t = {
+}, In = {
+	folder: H,
+	image: te,
+	audio: I,
+	video: se,
+	text: oe,
+	pdf: B,
+	archive: ne,
+	document: ue,
+	spreadsheet: fe,
+	presentation: de,
+	font: ee,
+	executable: F,
+	unknown: oe
+}, Ln = {
 	folder: "Folder",
 	image: "Image file",
 	audio: "Audio file",
@@ -3380,7 +4253,7 @@ var Xt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 	font: "Font file",
 	executable: "Executable",
 	unknown: "File"
-}, en = {
+}, Rn = {
 	png: "image",
 	jpg: "image",
 	jpeg: "image",
@@ -3452,13 +4325,13 @@ var Xt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 	h: "text",
 	java: "text",
 	sql: "text"
-}, tn = {
+}, zn = {
 	image: "image",
 	audio: "audio",
 	video: "video",
 	text: "text",
 	font: "font"
-}, nn = {
+}, Bn = {
 	pdf: "pdf",
 	zip: "archive",
 	gzip: "archive",
@@ -3478,31 +4351,31 @@ var Xt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 	"x-sh": "executable",
 	"x-executable": "executable"
 };
-function rn(e) {
+function Vn(e) {
 	let t = e.trim().toLowerCase();
 	if (t === "inode/directory") return "folder";
 	let [n, r] = t.split("/");
-	return r && nn[r] ? nn[r] : tn[n] ?? null;
+	return r && Bn[r] ? Bn[r] : zn[n] ?? null;
 }
-function an(e) {
+function Hn(e) {
 	let t = e.trim().replace(/^\.+/, ""), n = t.lastIndexOf(".");
-	return n <= 0 ? null : en[t.slice(n + 1).toLowerCase()] ?? null;
+	return n <= 0 ? null : Rn[t.slice(n + 1).toLowerCase()] ?? null;
 }
-function on(e) {
-	return Qt[e];
+function Un(e) {
+	return In[e];
 }
-function sn(e) {
-	return $t[e];
+function Wn(e) {
+	return Ln[e];
 }
 //#endregion
 //#region src/components/FileTypeIcon/FileTypeIcon.tsx
-var cn = ({ name: e, mimeType: t, isFolder: n = !1, thumbnail: r, label: i, size: a = "md", style: o, testID: s }) => {
-	let c = W(), l = We[a], u = n ? "folder" : t && rn(t) || e && an(e) || "unknown";
+var Gn = ({ name: e, mimeType: t, isFolder: n = !1, thumbnail: r, label: i, size: a = "md", style: o, testID: s }) => {
+	let c = q(), l = Ge[a], u = n ? "folder" : t && Vn(t) || e && Hn(e) || "unknown";
 	return /* @__PURE__ */ M(k, {
 		testID: s,
 		accessible: !0,
 		role: "img",
-		accessibilityLabel: i ?? sn(u),
+		accessibilityLabel: i ?? Wn(u),
 		style: [{
 			width: l,
 			height: l,
@@ -3518,13 +4391,13 @@ var cn = ({ name: e, mimeType: t, isFolder: n = !1, thumbnail: r, label: i, size
 				height: l,
 				borderRadius: c.radiusSm
 			}
-		}) : /* @__PURE__ */ M(q, {
-			icon: on(u),
+		}) : /* @__PURE__ */ M(X, {
+			icon: Un(u),
 			size: a
 		})
 	});
-}, ln = i(function({ title: e, start: t, end: n, flat: r = !1, style: i, ...a }, o) {
-	let s = W();
+}, Kn = i(function({ title: e, start: t, end: n, flat: r = !1, style: i, ...a }, o) {
+	let s = q();
 	return /* @__PURE__ */ N(k, {
 		ref: o,
 		style: [{
@@ -3583,23 +4456,23 @@ var cn = ({ name: e, mimeType: t, isFolder: n = !1, thumbnail: r, label: i, size
 });
 //#endregion
 //#region src/components/Highlight/Highlight.tsx
-function un(e) {
+function qn(e) {
 	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-var dn = ({ text: e, query: t, caseSensitive: n = !1, ...r }) => {
-	let i = W(), a = U(), o = (Array.isArray(t) ? t : [t]).map((e) => e.trim()).filter(Boolean);
-	if (o.length === 0) return /* @__PURE__ */ M(K, {
+var Jn = ({ text: e, query: t, caseSensitive: n = !1, ...r }) => {
+	let i = q(), a = Me(), o = (Array.isArray(t) ? t : [t]).map((e) => e.trim()).filter(Boolean);
+	if (o.length === 0) return /* @__PURE__ */ M(Y, {
 		...r,
 		children: e
 	});
-	let s = RegExp(`(${o.map(un).join("|")})`, n ? "g" : "gi"), c = e.split(s), l = {
+	let s = RegExp(`(${o.map(qn).join("|")})`, n ? "g" : "gi"), c = e.split(s), l = {
 		fontWeight: String(i.fontWeightSemibold),
 		...a === "more" ? {
 			backgroundColor: i.accentBgColor,
 			color: "#fff"
 		} : { backgroundColor: `${i.accentBgColor}4D` }
 	};
-	return /* @__PURE__ */ M(K, {
+	return /* @__PURE__ */ M(Y, {
 		...r,
 		children: c.map((e, t) => t % 2 == 1 ? /* @__PURE__ */ M(D, {
 			style: l,
@@ -3608,11 +4481,369 @@ var dn = ({ text: e, query: t, caseSensitive: n = !1, ...r }) => {
 	});
 };
 //#endregion
+//#region src/components/InlineViewSwitcher/variants.ts
+function Yn(e, t, n) {
+	let r = n ? "rgba(255, 255, 255, 0.12)" : e.light3, i = `${e.accentBgColor}${n ? "40" : "26"}`, a = `${e.accentBgColor}${n ? "80" : "66"}`;
+	switch (t) {
+		case "flat": return {
+			container: {
+				backgroundColor: "transparent",
+				borderRadius: e.radiusMd,
+				padding: 2,
+				gap: 2
+			},
+			gap: 2,
+			padding: 2,
+			item: {
+				borderRadius: e.radiusMd - 2,
+				paddingHorizontal: e.space2
+			},
+			iconOnlyItem: {
+				paddingHorizontal: 4,
+				minWidth: 28
+			},
+			indicator: {
+				backgroundColor: i,
+				borderRadius: e.radiusMd - 2
+			},
+			indicatorInset: 2,
+			activeTextColor: e.accentColor,
+			idleTextColor: e.windowFgColor
+		};
+		case "round": return {
+			container: {
+				backgroundColor: e.cardBgColor,
+				borderWidth: 1,
+				borderColor: r,
+				borderRadius: e.radiusPill,
+				padding: 2,
+				gap: 2
+			},
+			gap: 2,
+			padding: 2,
+			item: {
+				borderRadius: e.radiusPill,
+				paddingHorizontal: e.space2
+			},
+			iconOnlyItem: {
+				paddingHorizontal: 4,
+				minWidth: 28
+			},
+			indicator: {
+				backgroundColor: e.accentBgColor,
+				borderRadius: e.radiusPill
+			},
+			indicatorInset: 2,
+			activeTextColor: e.accentFgColor,
+			idleTextColor: e.windowFgColor
+		};
+		case "pill": return {
+			container: {
+				backgroundColor: e.hoverOverlay,
+				borderRadius: e.radiusPill,
+				padding: 3,
+				gap: 2
+			},
+			gap: 2,
+			padding: 3,
+			item: {
+				borderRadius: e.radiusPill,
+				paddingVertical: 5,
+				paddingHorizontal: e.space2
+			},
+			iconOnlyItem: {
+				paddingHorizontal: 5,
+				minWidth: 28
+			},
+			indicator: {
+				backgroundColor: e.cardBgColor,
+				borderRadius: e.radiusPill
+			},
+			indicatorInset: 3,
+			activeTextColor: e.windowFgColor,
+			idleTextColor: e.windowFgColor
+		};
+		default: return {
+			container: {
+				backgroundColor: e.cardBgColor,
+				borderWidth: 1,
+				borderColor: r,
+				borderRadius: e.radiusMd,
+				padding: 2,
+				gap: 2
+			},
+			gap: 2,
+			padding: 2,
+			item: {
+				borderRadius: e.radiusMd - 2,
+				paddingHorizontal: e.space2
+			},
+			iconOnlyItem: {
+				paddingHorizontal: 4,
+				minWidth: 28
+			},
+			indicator: {
+				backgroundColor: i,
+				borderRadius: e.radiusMd - 2,
+				borderWidth: 1,
+				borderColor: a
+			},
+			indicatorInset: 2,
+			activeTextColor: e.accentColor,
+			idleTextColor: e.windowFgColor
+		};
+	}
+}
+function Xn(e, t, n) {
+	return {
+		fontFamily: e.fontFamily,
+		fontSize: e.fontSizeBody,
+		fontWeight: String(t ? e.fontWeightSemibold : e.fontWeightNormal),
+		color: n
+	};
+}
+//#endregion
+//#region src/components/InlineViewSwitcher/InlineViewSwitcher.tsx
+var Zn = r(null);
+function Qn() {
+	let e = s(Zn);
+	if (!e) throw Error("InlineViewSwitcherItem must be used inside InlineViewSwitcher");
+	return e;
+}
+var $n = 160, er = 30, tr = i(function({ value: t, onValueChange: n, variant: r = "default", overflow: i = "wrap", accessibilityLabel: s = "View switcher", children: l, style: p, ...h }, g) {
+	let _ = q(), v = K() === "dark", y = J(), b = u(() => Yn(_, r, v), [
+		_,
+		r,
+		v
+	]), [x, S] = f({}), [C, E] = f(0), [O, A] = f(!1), [P, F] = f(!1), I = d(0), R = d(new m.Value(0)).current, z = d(new m.Value(0)).current, B = o((e, t) => {
+		S((n) => {
+			let r = n[e];
+			return r && r.x === t.x && r.width === t.width ? n : {
+				...n,
+				[e]: t
+			};
+		});
+	}, []), V = i === "compact" || i === "menu", H = u(() => e.toArray(l).filter(a).filter((e) => e.type.displayName === "InlineViewSwitcherItem").map((e) => e.props), [l]), ee = u(() => {
+		let e = H.map((e) => x[e.name]?.width ?? 0);
+		if (e.some((e) => e === 0)) return 0;
+		let t = Math.max(H.length - 1, 0) * b.gap;
+		return e.reduce((e, t) => e + t, 0) + t + 2 * b.padding;
+	}, [
+		H,
+		x,
+		b.gap,
+		b.padding
+	]);
+	c(() => {
+		if (!V || C === 0 || ee === 0) {
+			V || A(!1);
+			return;
+		}
+		A((e) => e ? I.current > C + er : ee > C ? (I.current = ee, !0) : !1);
+	}, [
+		V,
+		C,
+		ee
+	]);
+	let te = i === "compact" && O, ne = i === "menu" && O, U = H.find((e) => e.name === t) ?? H[0], ie = x[t];
+	c(() => {
+		if (ne || !ie) return;
+		if (y) {
+			R.setValue(ie.x), z.setValue(ie.width);
+			return;
+		}
+		let e = m.parallel([m.timing(R, {
+			toValue: ie.x,
+			duration: $n,
+			useNativeDriver: !1
+		}), m.timing(z, {
+			toValue: ie.width,
+			duration: $n,
+			useNativeDriver: !1
+		})]);
+		return e.start(), () => e.stop();
+	}, [
+		ie,
+		ne,
+		y,
+		R,
+		z
+	]);
+	let ae = u(() => ({
+		value: t,
+		onValueChange: n,
+		compact: te,
+		styles: b,
+		onItemLayout: B
+	}), [
+		t,
+		n,
+		te,
+		b,
+		B
+	]), oe = o((e) => {
+		V && E(e.nativeEvent.layout.width);
+	}, [V]), se = u(() => i === "scroll" ? H.map((e) => x[e.name]?.x ?? 0).filter((e, t) => t === 0 || e > 0) : void 0, [
+		i,
+		H,
+		x
+	]), ce = /* @__PURE__ */ M(k, {
+		ref: g,
+		accessibilityRole: ne ? void 0 : "radiogroup",
+		accessibilityLabel: s,
+		onLayout: oe,
+		style: [
+			{
+				flexDirection: "row",
+				alignItems: "stretch"
+			},
+			b.container,
+			V ? { width: "100%" } : { alignSelf: "flex-start" },
+			p
+		],
+		...h,
+		children: ne ? /* @__PURE__ */ N(w, {
+			accessibilityRole: "button",
+			accessibilityLabel: `${s}: ${U?.label ?? U?.name}`,
+			onPress: () => F(!0),
+			style: [{
+				flexDirection: "row",
+				alignItems: "center",
+				justifyContent: "center",
+				gap: _.space1,
+				minHeight: 28,
+				paddingVertical: 4
+			}, b.item],
+			children: [
+				U?.icon ? /* @__PURE__ */ M(X, {
+					icon: U.icon,
+					size: "md"
+				}) : null,
+				U?.label ? /* @__PURE__ */ M(D, {
+					style: Xn(_, !0, b.idleTextColor),
+					children: U.label
+				}) : null,
+				/* @__PURE__ */ M(X, {
+					icon: re,
+					size: "sm"
+				})
+			]
+		}) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(m.View, {
+			pointerEvents: "none",
+			style: [{
+				position: "absolute",
+				left: 0,
+				top: b.indicatorInset,
+				bottom: b.indicatorInset,
+				width: z,
+				transform: [{ translateX: R }]
+			}, b.indicator]
+		}), l] })
+	});
+	return /* @__PURE__ */ N(Zn.Provider, {
+		value: ae,
+		children: [i === "scroll" ? /* @__PURE__ */ M(T, {
+			horizontal: !0,
+			showsHorizontalScrollIndicator: !1,
+			snapToOffsets: se,
+			decelerationRate: "fast",
+			contentContainerStyle: { flexGrow: 0 },
+			style: { flexGrow: 0 },
+			children: ce
+		}) : ce, i === "menu" ? /* @__PURE__ */ M(kt, {
+			open: P,
+			title: s,
+			onClose: () => F(!1),
+			children: /* @__PURE__ */ M(k, {
+				accessibilityRole: "radiogroup",
+				accessibilityLabel: s,
+				children: H.map((e) => {
+					let r = e.name === t;
+					return /* @__PURE__ */ N(w, {
+						accessibilityRole: "radio",
+						accessibilityState: { checked: r },
+						accessibilityLabel: e.label ?? e.name,
+						onPress: () => {
+							n(e.name), F(!1);
+						},
+						style: ({ pressed: e }) => ({
+							flexDirection: "row",
+							alignItems: "center",
+							gap: _.space2,
+							paddingVertical: _.space2,
+							paddingHorizontal: _.space3,
+							borderRadius: _.radiusMd,
+							backgroundColor: e ? _.activeOverlay : "transparent"
+						}),
+						children: [
+							e.icon ? /* @__PURE__ */ M(X, {
+								icon: e.icon,
+								size: "md"
+							}) : null,
+							/* @__PURE__ */ M(D, {
+								style: [Xn(_, r, r ? _.accentColor : _.windowFgColor), { flex: 1 }],
+								children: e.label ?? e.name
+							}),
+							r ? /* @__PURE__ */ M(X, {
+								icon: L,
+								size: "md"
+							}) : null
+						]
+					}, e.name);
+				})
+			})
+		}) : null]
+	});
+}), nr = i(function({ name: e, label: t, icon: n, accessibilityLabel: r, disabled: i = !1, ...a }, s) {
+	let c = q(), { value: l, onValueChange: u, compact: d, styles: f, onItemLayout: p } = Qn(), m = l === e, h = !!t && !(d && n), g = !!n && !h;
+	return /* @__PURE__ */ N(w, {
+		ref: s,
+		disabled: i,
+		onPress: () => u(e),
+		onLayout: o((t) => {
+			let { x: n, width: r } = t.nativeEvent.layout;
+			p(e, {
+				x: n,
+				width: r
+			});
+		}, [e, p]),
+		accessibilityRole: "radio",
+		accessibilityState: {
+			checked: m,
+			disabled: i
+		},
+		accessibilityLabel: r ?? t,
+		style: [
+			{
+				flexDirection: "row",
+				alignItems: "center",
+				justifyContent: "center",
+				gap: c.space1,
+				minHeight: 28,
+				paddingVertical: 4,
+				opacity: i ? c.opacityDisabled : 1
+			},
+			f.item,
+			g ? f.iconOnlyItem : null
+		],
+		...a,
+		children: [n ? /* @__PURE__ */ M(X, {
+			icon: n,
+			size: "md"
+		}) : null, h ? /* @__PURE__ */ M(D, {
+			numberOfLines: 1,
+			style: Xn(c, m, m ? f.activeTextColor : f.idleTextColor),
+			children: t
+		}) : null]
+	});
+});
+nr.displayName = "InlineViewSwitcherItem";
+//#endregion
 //#region src/components/LevelBar/LevelBar.tsx
-function fn(e, t, n, r, i, a) {
+function rr(e, t, n, r, i, a) {
 	return t !== void 0 && e <= t ? n : r !== void 0 && e >= r ? i : a;
 }
-function pn(e, t) {
+function ir(e, t) {
 	switch (t) {
 		case "accent": return e.accentBgColor;
 		case "success": return e.successBgColor;
@@ -3620,8 +4851,8 @@ function pn(e, t) {
 		case "error": return e.errorBgColor;
 	}
 }
-var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning", high: a, highVariant: o = "error", variant: s = "accent", discrete: l = !1, numBlocks: u = 10, accessibilityLabel: f, style: p, testID: h }) => {
-	let g = W(), v = H(), y = G(), b = n - t, x = Math.min(n, Math.max(t, e)), S = b > 0 ? (x - t) / b : 0, C = fn(x, r, i, a, o, s), w = d(new m.Value(S)).current;
+var ar = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning", high: a, highVariant: o = "error", variant: s = "accent", discrete: l = !1, numBlocks: u = 10, accessibilityLabel: f, style: p, testID: h }) => {
+	let g = q(), v = K(), y = J(), b = n - t, x = Math.min(n, Math.max(t, e)), S = b > 0 ? (x - t) / b : 0, C = rr(x, r, i, a, o, s), w = d(new m.Value(S)).current;
 	c(() => {
 		if (l) return;
 		let [e, t, n, r] = g.easingDefault;
@@ -3668,7 +4899,7 @@ var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
 				height: "100%",
 				minWidth: 2,
 				borderRadius: 1,
-				backgroundColor: (t + 1) / u <= S ? pn(g, C) : T
+				backgroundColor: (t + 1) / u <= S ? ir(g, C) : T
 			}
 		}, t)) : /* @__PURE__ */ M(m.View, {
 			testID: h ? `${h}-fill` : void 0,
@@ -3676,14 +4907,14 @@ var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
 				width: "100%",
 				height: "100%",
 				borderRadius: g.radiusPill,
-				backgroundColor: pn(g, C),
+				backgroundColor: ir(g, C),
 				transformOrigin: "left",
 				transform: [{ scaleX: w }]
 			}
 		})
 	});
-}, hn = i(function({ href: e, external: t = !1, children: n, style: r, textStyle: i, onPress: a, ...o }, s) {
-	let c = W();
+}, or = i(function({ href: e, external: t = !1, children: n, style: r, textStyle: i, onPress: a, ...o }, s) {
+	let c = q();
 	return /* @__PURE__ */ M(w, {
 		ref: s,
 		accessibilityRole: "link",
@@ -3691,7 +4922,7 @@ var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
 		onPress: a ?? (() => b.openURL(e)),
 		style: r,
 		...o,
-		children: ({ pressed: e }) => /* @__PURE__ */ N(K, {
+		children: ({ pressed: e }) => /* @__PURE__ */ N(Y, {
 			style: [{
 				color: c.accentColor,
 				textDecorationLine: e ? "underline" : "none",
@@ -3705,8 +4936,8 @@ var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
 			})]
 		})
 	});
-}), gn = m.createAnimatedComponent(w), _n = ({ open: e, onDismiss: t, children: n, style: r, testID: i }) => {
-	let a = W(), o = G(), [s, l] = f(e), u = d(new m.Value(+!!e)).current;
+}), sr = m.createAnimatedComponent(w), cr = ({ open: e, onDismiss: t, children: n, style: r, testID: i }) => {
+	let a = q(), o = J(), [s, l] = f(e), u = d(new m.Value(+!!e)).current;
 	return c(() => {
 		e && l(!0);
 	}, [e]), c(() => {
@@ -3744,7 +4975,7 @@ var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
 		transparent: !0,
 		animationType: "none",
 		statusBarTranslucent: !0,
-		children: /* @__PURE__ */ M(gn, {
+		children: /* @__PURE__ */ M(sr, {
 			testID: i,
 			onPress: t,
 			accessible: !1,
@@ -3762,8 +4993,28 @@ var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
 			})
 		})
 	}) : null;
-}, vn = ({ segments: e, onNavigate: n, style: r, ...i }) => {
-	let a = W();
+}, lr = i(function({ trailing: e, disabled: t = !1, autoComplete: n = "current-password", ...r }, i) {
+	let [a, o] = f(!1);
+	return /* @__PURE__ */ M(Pn, {
+		ref: i,
+		...r,
+		autoComplete: n,
+		secureTextEntry: !a,
+		disabled: t,
+		trailing: /* @__PURE__ */ N(j, { children: [e, /* @__PURE__ */ M(En, {
+			icon: a ? ce : le,
+			label: a ? "Conceal password" : "Reveal password",
+			variant: "flat",
+			disabled: t,
+			accessibilityState: {
+				selected: a,
+				disabled: t
+			},
+			onPress: () => o((e) => !e)
+		})] })
+	});
+}), ur = ({ segments: e, onNavigate: n, style: r, ...i }) => {
+	let a = q();
 	return /* @__PURE__ */ M(k, {
 		style: [{
 			flexDirection: "row",
@@ -3836,8 +5087,8 @@ var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
 			})] }, r.path);
 		})
 	});
-}, Z = 8, Q = 10, yn = 6;
-function bn(e, t) {
+}, dr = 8, $ = 10, fr = 6;
+function pr(e, t) {
 	if (e) {
 		if (typeof e == "function") {
 			e(t);
@@ -3846,27 +5097,27 @@ function bn(e, t) {
 		e.current = t;
 	}
 }
-function xn(e, t, n) {
+function mr(e, t, n) {
 	switch (n) {
 		case "top": return {
-			top: e.y - t.height - Z,
+			top: e.y - t.height - dr,
 			left: e.x + e.width / 2 - t.width / 2
 		};
 		case "bottom": return {
-			top: e.y + e.height + Z,
+			top: e.y + e.height + dr,
 			left: e.x + e.width / 2 - t.width / 2
 		};
 		case "left": return {
 			top: e.y + e.height / 2 - t.height / 2,
-			left: e.x - t.width - Z
+			left: e.x - t.width - dr
 		};
 		case "right": return {
 			top: e.y + e.height / 2 - t.height / 2,
-			left: e.x + e.width + Z
+			left: e.x + e.width + dr
 		};
 	}
 }
-function Sn(e, t, n) {
+function hr(e, t, n) {
 	let { width: r, height: i } = g.get("window"), a = [
 		n,
 		n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
@@ -3876,22 +5127,22 @@ function Sn(e, t, n) {
 		"right"
 	];
 	for (let n of a) {
-		let { top: a, left: o } = xn(e, t, n), s = o >= Q && o + t.width <= r - Q, c = a >= Q && a + t.height <= i - Q;
+		let { top: a, left: o } = mr(e, t, n), s = o >= $ && o + t.width <= r - $, c = a >= $ && a + t.height <= i - $;
 		if (s && c) return {
-			top: Math.max(Q, Math.min(a, i - t.height - Q)),
-			left: Math.max(Q, Math.min(o, r - t.width - Q)),
+			top: Math.max($, Math.min(a, i - t.height - $)),
+			left: Math.max($, Math.min(o, r - t.width - $)),
 			placement: n
 		};
 	}
-	let { top: o, left: s } = xn(e, t, n);
+	let { top: o, left: s } = mr(e, t, n);
 	return {
-		top: Math.max(Q, Math.min(o, i - t.height - Q)),
-		left: Math.max(Q, Math.min(s, r - t.width - Q)),
+		top: Math.max($, Math.min(o, i - t.height - $)),
+		left: Math.max($, Math.min(s, r - t.width - $)),
 		placement: n
 	};
 }
-var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panelStyle: a, children: s }) => {
-	let l = W(), u = G(), p = r !== void 0, [g, _] = f(!1), v = p ? r : g, [y, b] = f(null), [S, C] = f(null), [T, E] = f(null), D = d(null), O = d(new m.Value(0)).current, A = o((e) => {
+var gr = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panelStyle: a, children: s }) => {
+	let l = q(), u = J(), p = r !== void 0, [g, _] = f(!1), v = p ? r : g, [y, b] = f(null), [S, C] = f(null), [T, E] = f(null), D = d(null), O = d(new m.Value(0)).current, A = o((e) => {
 		p || _(e), i?.(e);
 	}, [p, i]), P = o(() => A(!1), [A]), F = o(() => A(!v), [v, A]);
 	c(() => {
@@ -3908,7 +5159,7 @@ var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
 			});
 		});
 	}, [v]), c(() => {
-		!y || !S || E(Sn(y, S, t));
+		!y || !S || E(hr(y, S, t));
 	}, [
 		y,
 		S,
@@ -3945,7 +5196,7 @@ var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
 		position: "absolute",
 		width: 0,
 		height: 0,
-		borderWidth: yn,
+		borderWidth: fr,
 		borderColor: "transparent"
 	}, R = (() => {
 		switch (T?.placement) {
@@ -3982,7 +5233,7 @@ var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
 	})(), z = s.props.ref;
 	return /* @__PURE__ */ N(j, { children: [n(s, {
 		ref: (e) => {
-			D.current = e, bn(z, e);
+			D.current = e, pr(z, e);
 		},
 		accessibilityState: {
 			expanded: v,
@@ -4040,8 +5291,41 @@ var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
 			})
 		})
 	})] });
-}, wn = ({ value: e, variant: t = "accent", accessibilityLabel: n, style: r, onLayout: i, ...a }) => {
-	let o = W(), s = H(), l = G(), u = e == null, p = u ? void 0 : Math.min(1, Math.max(0, e)), h = p === void 0 ? void 0 : p * 100, g = d(new m.Value(p ?? 0)).current, v = d(new m.Value(0)).current, [y, b] = f(0), x = (e) => {
+}, _r = i(function({ title: e, description: t, headerSuffix: n, children: r, style: i, ...a }, o) {
+	let s = q(), c = !!(e || t || n);
+	return /* @__PURE__ */ N(k, {
+		ref: o,
+		style: [{ gap: s.space2 }, i],
+		...a,
+		children: [c ? /* @__PURE__ */ N(k, {
+			style: {
+				flexDirection: "row",
+				alignItems: "baseline",
+				gap: s.space2
+			},
+			children: [/* @__PURE__ */ N(k, {
+				style: {
+					flex: 1,
+					gap: 2
+				},
+				children: [e ? /* @__PURE__ */ M(Y, {
+					variant: "body",
+					accessibilityRole: "header",
+					style: { fontWeight: String(s.fontWeightSemibold) },
+					children: e
+				}) : null, t ? /* @__PURE__ */ M(Y, {
+					variant: "caption",
+					color: "dim",
+					children: t
+				}) : null]
+			}), n ? /* @__PURE__ */ M(k, {
+				style: { flexShrink: 0 },
+				children: n
+			}) : null]
+		}) : null, /* @__PURE__ */ M(k, { children: r })]
+	});
+}), vr = ({ value: e, variant: t = "accent", accessibilityLabel: n, style: r, onLayout: i, ...a }) => {
+	let o = q(), s = K(), l = J(), u = e == null, p = u ? void 0 : Math.min(1, Math.max(0, e)), h = p === void 0 ? void 0 : p * 100, g = d(new m.Value(p ?? 0)).current, v = d(new m.Value(0)).current, [y, b] = f(0), x = (e) => {
 		b(e.nativeEvent.layout.width), i?.(e);
 	};
 	c(() => {
@@ -4123,8 +5407,8 @@ var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
 			backgroundColor: C[t]
 		}, w] })
 	});
-}, Tn = 18, En = 6, Dn = i(function({ value: e, onSelect: t, disabled: n, style: r, ...i }, a) {
-	let o = W(), s = H(), l = U(), u = d(new m.Value(+!!e)).current, f = d(!0);
+}, yr = 18, br = 6, xr = i(function({ value: e, onSelect: t, disabled: n, style: r, ...i }, a) {
+	let o = q(), s = K(), l = Me(), u = d(new m.Value(+!!e)).current, f = d(!0);
 	c(() => {
 		if (f.current) {
 			f.current = !1;
@@ -4165,8 +5449,8 @@ var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
 		...i,
 		children: /* @__PURE__ */ M(m.View, {
 			style: {
-				width: Tn,
-				height: Tn,
+				width: yr,
+				height: yr,
 				alignItems: "center",
 				justifyContent: "center",
 				borderRadius: o.radiusPill,
@@ -4175,8 +5459,8 @@ var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
 				backgroundColor: g
 			},
 			children: /* @__PURE__ */ M(m.View, { style: {
-				width: En,
-				height: En,
+				width: br,
+				height: br,
 				borderRadius: o.radiusPill,
 				backgroundColor: "#fff",
 				opacity: u
@@ -4186,14 +5470,14 @@ var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
 });
 //#endregion
 //#region src/components/SearchBar/SearchBar.tsx
-function On(e, t) {
+function Sr(e, t) {
 	let n = e.match(/^rgba?\(([^,]+),([^,]+),([^,]+),?([^)]+)?\)$/);
 	if (!n) return e;
 	let [, r, i, a, o] = n, s = (o ? Number.parseFloat(o) : 1) * t;
 	return `rgba(${r.trim()}, ${i.trim()}, ${a.trim()}, ${s})`;
 }
-var kn = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, placeholder: a = "Search…", editable: o = !0, inline: s = !1, closeLabel: u = "Cancel", style: f, inputStyle: p, ...m }, h) {
-	let g = W(), _ = d(null);
+var Cr = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, placeholder: a = "Search…", editable: o = !0, inline: s = !1, closeLabel: u = "Cancel", style: f, inputStyle: p, ...m }, h) {
+	let g = q(), _ = d(null);
 	if (l(h, () => _.current, []), c(() => {
 		if (!e) return;
 		let t = requestAnimationFrame(() => _.current?.focus());
@@ -4236,7 +5520,7 @@ var kn = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 						editable: o,
 						value: i,
 						placeholder: a,
-						placeholderTextColor: On(g.windowFgColor, g.opacityDim),
+						placeholderTextColor: Sr(g.windowFgColor, g.opacityDim),
 						style: [{
 							flex: 1,
 							padding: 0,
@@ -4301,9 +5585,9 @@ var kn = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 			children: r
 		})]
 	});
-}), An = 8;
-function jn(e, t) {
-	switch (t % An) {
+}), wr = 8;
+function Tr(e, t) {
+	switch (t % wr) {
 		case 0: return e.blue3;
 		case 1: return e.green3;
 		case 2: return e.purple3;
@@ -4314,8 +5598,8 @@ function jn(e, t) {
 		default: return e.green5;
 	}
 }
-var Mn = ({ values: e, accessibilityLabel: t, style: n, testID: r }) => {
-	let i = W(), a = H(), [o, s] = f(null), c = e.reduce((e, t) => e + t.value, 0) || 100, l = e.map((e) => `${e.label} ${e.value}%`).join(", "), u = a === "dark" ? i.dark2 : i.light3;
+var Er = ({ values: e, accessibilityLabel: t, style: n, testID: r }) => {
+	let i = q(), a = K(), [o, s] = f(null), c = e.reduce((e, t) => e + t.value, 0) || 100, l = e.map((e) => `${e.label} ${e.value}%`).join(", "), u = a === "dark" ? i.dark2 : i.light3;
 	return /* @__PURE__ */ M(k, {
 		testID: r,
 		accessible: !0,
@@ -4332,7 +5616,7 @@ var Mn = ({ values: e, accessibilityLabel: t, style: n, testID: r }) => {
 		}, n],
 		children: e.map((e, t) => {
 			let n = `${e.value / c * 100}%`, r = e.value % 1 == 0 ? e.value : e.value.toFixed(1);
-			return /* @__PURE__ */ M(Lt, {
+			return /* @__PURE__ */ M(wn, {
 				label: `${e.label}: ${r}%`,
 				placement: "top",
 				delay: 200,
@@ -4343,7 +5627,7 @@ var Mn = ({ values: e, accessibilityLabel: t, style: n, testID: r }) => {
 					style: {
 						width: n,
 						height: "100%",
-						backgroundColor: e.color ?? jn(i, t),
+						backgroundColor: e.color ?? Tr(i, t),
 						opacity: o !== null && o !== t ? .35 : 1
 					}
 				})
@@ -4353,30 +5637,30 @@ var Mn = ({ values: e, accessibilityLabel: t, style: n, testID: r }) => {
 };
 //#endregion
 //#region src/components/Sidebar/filterUtils.ts
-function Nn(t, n) {
+function Dr(t, n) {
 	let r = 0;
 	return e.forEach(t, (e) => {
 		if (!a(e)) return;
 		let t = e.props;
-		typeof t.label == "string" ? t.label.toLowerCase().includes(n.toLowerCase()) && r++ : t.children && (r += Nn(t.children, n));
+		typeof t.label == "string" ? t.label.toLowerCase().includes(n.toLowerCase()) && r++ : t.children && (r += Dr(t.children, n));
 	}), r;
 }
-function Pn(e, t) {
+function Or(e, t) {
 	if (!t || !a(e)) return !0;
 	let n = e.props;
-	return typeof n.label == "string" ? n.label.toLowerCase().includes(t.toLowerCase()) : n.children ? Nn(n.children, t) > 0 : !0;
+	return typeof n.label == "string" ? n.label.toLowerCase().includes(t.toLowerCase()) : n.children ? Dr(n.children, t) > 0 : !0;
 }
 //#endregion
 //#region src/components/Sidebar/Sidebar.tsx
-var Fn = r(!1);
-function In() {
-	return s(Fn);
+var kr = r(!1);
+function Ar() {
+	return s(kr);
 }
-var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = "", style: a, ...o }, s) {
-	let c = W(), l = i.length > 0, u = e.toArray(n).filter(Boolean).filter((e) => Pn(e, i)), d = !l || u.length > 0;
-	return /* @__PURE__ */ M(Fn.Provider, {
+var jr = r(""), Mr = i(function({ children: n, collapsed: r = !1, filter: i = "", style: a, ...o }, s) {
+	let c = q(), l = i.length > 0, u = e.toArray(n).filter(Boolean).filter((e) => Or(e, i)), d = !l || u.length > 0;
+	return /* @__PURE__ */ M(kr.Provider, {
 		value: r,
-		children: /* @__PURE__ */ M(Ln.Provider, {
+		children: /* @__PURE__ */ M(jr.Provider, {
 			value: i,
 			children: /* @__PURE__ */ M(k, {
 				ref: s,
@@ -4390,7 +5674,7 @@ var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = ""
 				...o,
 				children: /* @__PURE__ */ M(T, {
 					contentContainerStyle: { padding: c.space1 },
-					children: l && !d ? /* @__PURE__ */ M(K, {
+					children: l && !d ? /* @__PURE__ */ M(Y, {
 						variant: "caption",
 						color: "dim",
 						style: {
@@ -4398,7 +5682,7 @@ var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = ""
 							padding: c.space4
 						},
 						children: "No items match your search."
-					}) : u.map((e, n) => /* @__PURE__ */ N(t, { children: [n > 0 && /* @__PURE__ */ M(yt, {
+					}) : u.map((e, n) => /* @__PURE__ */ N(t, { children: [n > 0 && /* @__PURE__ */ M(Nt, {
 						testID: "sidebar-separator",
 						style: { marginVertical: c.space1 }
 					}), e] }, n))
@@ -4406,8 +5690,8 @@ var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = ""
 			})
 		})
 	});
-}), zn = i(function({ label: e, icon: t, active: n = !1, suffix: r, disabled: i, style: a, ...o }, c) {
-	let l = W(), u = In(), d = s(Ln);
+}), Nr = i(function({ label: e, icon: t, active: n = !1, suffix: r, disabled: i, style: a, ...o }, c) {
+	let l = q(), u = Ar(), d = s(jr);
 	return d.length > 0 && !e.toLowerCase().includes(d.toLowerCase()) ? null : /* @__PURE__ */ N(w, {
 		ref: c,
 		disabled: i,
@@ -4443,7 +5727,7 @@ var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = ""
 				},
 				children: t
 			}),
-			!u && /* @__PURE__ */ M(K, {
+			!u && /* @__PURE__ */ M(Y, {
 				numberOfLines: 1,
 				ellipsizeMode: "tail",
 				style: {
@@ -4460,15 +5744,15 @@ var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = ""
 			})
 		]
 	});
-}), Bn = i(function({ title: e, icon: t, collapsible: n = !1, defaultOpen: r = !0, open: i, onOpenChange: a, children: o, style: c, ...u }, d) {
-	let p = W(), [m, h] = f(r), g = i !== void 0, _ = g ? i : m, v = In(), y = s(Ln), b = (e) => {
+}), Pr = i(function({ title: e, icon: t, collapsible: n = !1, defaultOpen: r = !0, open: i, onOpenChange: a, children: o, style: c, ...u }, d) {
+	let p = q(), [m, h] = f(r), g = i !== void 0, _ = g ? i : m, v = Ar(), y = s(jr), b = (e) => {
 		g || h(e), a?.(e);
 	};
 	if (l(d, () => ({
 		expand: () => b(!0),
 		collapse: () => b(!1),
 		toggle: () => b(!_)
-	})), !(y.length === 0 || Nn(o, y) > 0)) return null;
+	})), !(y.length === 0 || Dr(o, y) > 0)) return null;
 	let x = v ? !0 : _, S = !v && !!(e || t), C = (e || t) && /* @__PURE__ */ N(k, {
 		style: {
 			flexDirection: "row",
@@ -4487,14 +5771,14 @@ var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = ""
 				},
 				children: t
 			}),
-			e && /* @__PURE__ */ M(K, {
+			e && /* @__PURE__ */ M(Y, {
 				variant: "caption-heading",
 				color: "dim",
 				style: { flex: 1 },
 				numberOfLines: 1,
 				children: e
 			}),
-			n && /* @__PURE__ */ M(K, {
+			n && /* @__PURE__ */ M(Y, {
 				variant: "caption",
 				color: "dim",
 				style: { flexShrink: 0 },
@@ -4521,8 +5805,8 @@ var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = ""
 			children: o
 		})]
 	});
-}), Vn = ({ variant: e = "rect", width: t = "100%", height: n = 16, size: r = 40, lines: i = 3, animated: a = !0, style: o, ...s }) => {
-	let l = W(), u = G(), f = d(new m.Value(1)).current, p = a && !u;
+}), Fr = ({ variant: e = "rect", width: t = "100%", height: n = 16, size: r = 40, lines: i = 3, animated: a = !0, style: o, ...s }) => {
+	let l = q(), u = J(), f = d(new m.Value(1)).current, p = a && !u;
 	if (c(() => {
 		if (!p) {
 			f.setValue(1);
@@ -4580,22 +5864,22 @@ var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = ""
 		],
 		...s
 	});
-}, Hn = 6, Un = 22, Wn = 4;
-function $(e, t, n) {
+}, Ir = 6, Lr = 22, Rr = 4;
+function zr(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Gn(e, t, n, r) {
+function Br(e, t, n, r) {
 	return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
 }
-function Kn(e) {
+function Vr(e) {
 	let t = e.toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.length - n - 1;
 }
-var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabled: a = !1, marks: s, accessibilityLabel: c, style: l, onLayout: d, ...p }) => {
-	let m = W(), [h, g] = f(0), [_, v] = f({}), y = Kn(i), b = $(e, n, r), x = (b - n) / (r - n) * 100, C = o((e) => {
+var Hr = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabled: a = !1, marks: s, accessibilityLabel: c, style: l, onLayout: d, ...p }) => {
+	let m = q(), [h, g] = f(0), [_, v] = f({}), y = Vr(i), b = zr(e, n, r), x = (b - n) / (r - n) * 100, C = o((e) => {
 		g(e.nativeEvent.layout.width), d?.(e);
 	}, [d]), w = o((e) => {
-		a || h <= 0 || t($(Gn(e / h * (r - n) + n, n, i, y), n, r));
+		a || h <= 0 || t(zr(Br(e / h * (r - n) + n, n, i, y), n, r));
 	}, [
 		a,
 		h,
@@ -4612,10 +5896,10 @@ var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 	}), [a, w]), E = o((o) => {
 		if (!a) switch (o.nativeEvent.actionName) {
 			case "increment":
-				t($(Gn(e + i, n, i, y), n, r));
+				t(zr(Br(e + i, n, i, y), n, r));
 				break;
 			case "decrement":
-				t($(Gn(e - i, n, i, y), n, r));
+				t(zr(Br(e - i, n, i, y), n, r));
 				break;
 		}
 	}, [
@@ -4626,7 +5910,7 @@ var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		r,
 		y,
 		t
-	]), O = s && s.length > 0, A = O && s.some((e) => e.label), j = x / 100 * h - Un / 2;
+	]), O = s && s.length > 0, A = O && s.some((e) => e.label), j = x / 100 * h - Lr / 2;
 	return /* @__PURE__ */ N(k, {
 		style: [{
 			width: "100%",
@@ -4655,7 +5939,7 @@ var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 			onAccessibilityAction: E,
 			style: {
 				justifyContent: "center",
-				height: Un,
+				height: Lr,
 				opacity: a ? m.opacityDisabled : 1
 			},
 			...T.panHandlers,
@@ -4664,7 +5948,7 @@ var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 					pointerEvents: "none",
 					style: {
 						width: "100%",
-						height: Hn,
+						height: Ir,
 						borderRadius: m.radiusPill,
 						backgroundColor: m.cardShadeColor,
 						overflow: "hidden"
@@ -4681,8 +5965,8 @@ var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 					style: {
 						position: "absolute",
 						left: j,
-						width: Un,
-						height: Un,
+						width: Lr,
+						height: Lr,
 						borderRadius: m.radiusPill,
 						backgroundColor: m.accentBgColor,
 						borderWidth: 2,
@@ -4702,10 +5986,10 @@ var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 					importantForAccessibility: "no",
 					style: {
 						position: "absolute",
-						left: ($(e.value, n, r) - n) / (r - n) * 100 / 100 * h - Wn / 2,
-						width: Wn,
-						height: Wn,
-						borderRadius: Wn / 2,
+						left: (zr(e.value, n, r) - n) / (r - n) * 100 / 100 * h - Rr / 2,
+						width: Rr,
+						height: Rr,
+						borderRadius: Rr / 2,
 						backgroundColor: m.windowBgColor
 					}
 				}, e.value))
@@ -4729,7 +6013,7 @@ var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 				},
 				style: {
 					position: "absolute",
-					left: ($(e.value, n, r) - n) / (r - n) * 100 / 100 * h - (_[e.value] ?? 0) / 2,
+					left: (zr(e.value, n, r) - n) / (r - n) * 100 / 100 * h - (_[e.value] ?? 0) / 2,
 					fontFamily: m.fontFamily,
 					fontSize: m.fontSizeCaption,
 					color: m.windowFgColor,
@@ -4739,21 +6023,21 @@ var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 			}, e.value))
 		})]
 	});
-}, Jn = 36;
-function Yn(e) {
+}, Ur = 36;
+function Wr(e) {
 	let t = e.toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.length - n - 1;
 }
-function Xn(e, t, n) {
+function Gr(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Zn(e, t, n, r) {
+function Kr(e, t, n, r) {
 	let i = n - t + r;
 	return ((e - t) % i + i) % i + t;
 }
-var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decimals: a, wrap: s = !1, format: c, disabled: l = !1, accessibilityLabel: u, style: d }) => {
-	let f = W(), p = a ?? Yn(i), m = o((e) => {
-		let a = s ? Zn(e, n, r, i) : Xn(e, n, r);
+var qr = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decimals: a, wrap: s = !1, format: c, disabled: l = !1, accessibilityLabel: u, style: d }) => {
+	let f = q(), p = a ?? Wr(i), m = o((e) => {
+		let a = s ? Kr(e, n, r, i) : Gr(e, n, r);
 		t(parseFloat(a.toFixed(p)));
 	}, [
 		t,
@@ -4814,8 +6098,8 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 				disabled: _,
 				onPress: () => m(e - i),
 				style: ({ pressed: e }) => ({
-					width: Jn,
-					height: Jn,
+					width: Ur,
+					height: Ur,
 					alignItems: "center",
 					justifyContent: "center",
 					borderRightWidth: 1,
@@ -4852,8 +6136,8 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 				disabled: v,
 				onPress: () => m(e + i),
 				style: ({ pressed: e }) => ({
-					width: Jn,
-					height: Jn,
+					width: Ur,
+					height: Ur,
 					alignItems: "center",
 					justifyContent: "center",
 					borderLeftWidth: 1,
@@ -4872,7 +6156,7 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 			})
 		]
 	});
-}, $n = {
+}, Jr = {
 	sm: {
 		dimension: 16,
 		borderWidth: 2
@@ -4885,8 +6169,8 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 		dimension: 36,
 		borderWidth: 3
 	}
-}, er = ({ size: e = "md", label: t = "Loading…", style: n, ...r }) => {
-	let i = W(), a = H(), o = G(), s = d(new m.Value(0)).current;
+}, Yr = ({ size: e = "md", label: t = "Loading…", style: n, ...r }) => {
+	let i = q(), a = K(), o = J(), s = d(new m.Value(0)).current;
 	c(() => {
 		s.setValue(0);
 		let e = m.loop(m.timing(s, {
@@ -4900,7 +6184,7 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 	let l = s.interpolate({
 		inputRange: [0, 1],
 		outputRange: ["0deg", "360deg"]
-	}), { dimension: u, borderWidth: f } = $n[e], p = a === "dark" ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)";
+	}), { dimension: u, borderWidth: f } = Jr[e], p = a === "dark" ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)";
 	return /* @__PURE__ */ M(m.View, {
 		accessible: !0,
 		accessibilityRole: "progressbar",
@@ -4918,8 +6202,59 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 		}, n],
 		...r
 	});
-}, tr = 56, nr = 28, rr = 20, ir = 3, ar = 28, or = i(function({ value: e, onValueChange: t, disabled: n, style: r, ...i }, a) {
-	let o = W(), s = H(), l = U(), u = d(new m.Value(+!!e)).current, f = d(!0);
+}, Xr = (e) => Math.round(36 * .5 * e), Zr = i(function({ icon: e, iconNode: t, title: n, description: r, children: i, compact: a = !1, style: o, ...s }, c) {
+	let l = q(), u = K(), d = a ? 64 : 128, f = e ? /* @__PURE__ */ M(X, {
+		icon: e,
+		width: d,
+		height: d
+	}) : t, p = a ? l.fontSizeCaption : l.fontSizeBody;
+	return /* @__PURE__ */ N(k, {
+		ref: c,
+		style: [{
+			width: "100%",
+			alignItems: "center",
+			justifyContent: "center",
+			paddingVertical: a ? l.space3 : l.space6,
+			paddingHorizontal: a ? l.space3 : l.space4
+		}, o],
+		...s,
+		children: [
+			f ? /* @__PURE__ */ M(k, {
+				accessibilityElementsHidden: !0,
+				importantForAccessibility: "no",
+				style: {
+					alignItems: "center",
+					justifyContent: "center",
+					marginBottom: a ? l.space2 : l.space4,
+					opacity: u === "dark" ? .45 : .55
+				},
+				children: f
+			}) : null,
+			/* @__PURE__ */ M(Y, {
+				variant: a ? "title-4" : "title-1",
+				style: { textAlign: "center" },
+				children: n
+			}),
+			r ? /* @__PURE__ */ M(Y, {
+				variant: a ? "caption" : "body",
+				color: "dim",
+				style: {
+					textAlign: "center",
+					maxWidth: Xr(p),
+					marginTop: a ? l.space1 : l.space2
+				},
+				children: r
+			}) : null,
+			i ? /* @__PURE__ */ M(rn, {
+				justify: "center",
+				childSpacing: a ? l.space1 : l.space2,
+				style: { marginTop: a ? l.space2 : l.space4 },
+				children: i
+			}) : null
+		]
+	});
+}), Qr = 56, $r = 28, ei = 20, ti = 3, ni = 28, ri = i(function({ value: e, onValueChange: t, disabled: n, style: r, ...i }, a) {
+	let o = q(), s = K(), l = Me(), u = d(new m.Value(+!!e)).current, f = d(!0);
 	c(() => {
 		if (f.current) {
 			f.current = !1;
@@ -4958,8 +6293,8 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 		...i,
 		children: /* @__PURE__ */ M(m.View, {
 			style: {
-				width: tr,
-				height: nr,
+				width: Qr,
+				height: $r,
 				borderRadius: o.radiusPill,
 				borderWidth: l === "more" ? 2 : 1,
 				borderColor: v,
@@ -4967,15 +6302,15 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 			},
 			children: /* @__PURE__ */ M(m.View, { style: [{
 				position: "absolute",
-				top: ir,
-				left: ir,
-				width: rr,
-				height: rr,
+				top: ti,
+				left: ti,
+				width: ei,
+				height: ei,
 				borderRadius: o.radiusPill,
 				backgroundColor: e ? "#fff" : h,
 				transform: [{ translateX: u.interpolate({
 					inputRange: [0, 1],
-					outputRange: [0, ar]
+					outputRange: [0, ni]
 				}) }]
 			}, l !== "more" && {
 				shadowColor: "#000",
@@ -4989,8 +6324,8 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 			}] })
 		})
 	});
-}), sr = i(function({ children: e, inline: t = !1, accessibilityLabel: n = "Tabs", style: r, ...i }, a) {
-	let o = W();
+}), ii = i(function({ children: e, inline: t = !1, accessibilityLabel: n = "Tabs", style: r, ...i }, a) {
+	let o = q();
 	return /* @__PURE__ */ M(T, {
 		ref: a,
 		horizontal: !0,
@@ -5015,8 +6350,8 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 		...i,
 		children: e
 	});
-}), cr = i(function({ label: e, icon: t, active: n = !1, onClose: r, closeLabel: i = "Close tab", count: a, disabled: o, ...s }, c) {
-	let l = W();
+}), ai = i(function({ label: e, icon: t, active: n = !1, onClose: r, closeLabel: i = "Close tab", count: a, disabled: o, ...s }, c) {
+	let l = q();
 	return /* @__PURE__ */ N(w, {
 		ref: c,
 		disabled: o,
@@ -5115,7 +6450,7 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 			})
 		]
 	});
-}), lr = i(function({ active: e = !1, style: t, children: n, ...r }, i) {
+}), oi = i(function({ active: e = !1, style: t, children: n, ...r }, i) {
 	return /* @__PURE__ */ M(k, {
 		ref: i,
 		style: [{ display: e ? "flex" : "none" }, t],
@@ -5125,21 +6460,21 @@ var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
 });
 //#endregion
 //#region src/components/TextField/TextField.tsx
-function ur(e, t) {
+function si(e, t) {
 	let n = e.match(/^rgba?\(([^,]+),([^,]+),([^,]+),?([^)]+)?\)$/);
 	if (!n) return e;
 	let [, r, i, a, o] = n, s = (o ? Number.parseFloat(o) : 1) * t;
 	return `rgba(${r.trim()}, ${i.trim()}, ${a.trim()}, ${s})`;
 }
-var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i, editable: a = !0, onFocus: o, onBlur: s, accessibilityLabel: c, accessibilityHint: l, ...u }, d) {
-	let p = W(), m = U(), [h, g] = f(!1), _ = !a, v = n ?? t, y = n ? p.errorColor : h ? p.accentColor : p.borderSubtle;
+var ci = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i, editable: a = !0, onFocus: o, onBlur: s, accessibilityLabel: c, accessibilityHint: l, ...u }, d) {
+	let p = q(), m = Me(), [h, g] = f(!1), _ = !a, v = n ?? t, y = n ? p.errorColor : h ? p.accentColor : p.borderSubtle;
 	return /* @__PURE__ */ N(k, {
 		style: [{
 			gap: p.space1,
 			opacity: _ ? p.opacityDisabled : 1
 		}, r],
 		children: [
-			e && /* @__PURE__ */ M(K, {
+			e && /* @__PURE__ */ M(Y, {
 				variant: "body",
 				style: { fontWeight: String(p.fontWeightSemibold) },
 				children: e
@@ -5149,7 +6484,7 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				editable: a,
 				accessibilityLabel: c ?? e,
 				accessibilityHint: l ?? v,
-				placeholderTextColor: ur(p.windowFgColor, p.opacityDim),
+				placeholderTextColor: si(p.windowFgColor, p.opacityDim),
 				onFocus: (e) => {
 					g(!0), o?.(e);
 				},
@@ -5171,7 +6506,7 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				}, i],
 				...u
 			}),
-			v && /* @__PURE__ */ M(K, {
+			v && /* @__PURE__ */ M(Y, {
 				variant: "caption",
 				style: {
 					color: n ? p.errorColor : p.windowFgColor,
@@ -5181,8 +6516,8 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			})
 		]
 	});
-}), fr = m.createAnimatedComponent(w), pr = ({ title: e, duration: t = 3e3, onDismiss: n, actionLabel: r, onAction: i, dismissible: a = !1, style: s, ...l }) => {
-	let u = W(), f = H(), p = G(), h = d(null), g = d(t), v = d(0), y = d(new m.Value(+!!p)).current, b = o(() => {
+}), li = m.createAnimatedComponent(w), ui = ({ title: e, duration: t = 3e3, onDismiss: n, actionLabel: r, onAction: i, dismissible: a = !1, style: s, ...l }) => {
+	let u = q(), f = K(), p = J(), h = d(null), g = d(t), v = d(0), y = d(new m.Value(+!!p)).current, b = o(() => {
 		h.current &&= (clearTimeout(h.current), null);
 	}, []), x = o((e) => {
 		e <= 0 || !n || (b(), v.current = Date.now(), h.current = setTimeout(() => n(), e));
@@ -5227,7 +6562,7 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 		shadowRadius: 8,
 		elevation: 4
 	};
-	return /* @__PURE__ */ N(fr, {
+	return /* @__PURE__ */ N(li, {
 		accessible: !0,
 		accessibilityRole: "alert",
 		accessibilityLiveRegion: "polite",
@@ -5261,7 +6596,7 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			...E
 		}, s],
 		...l,
-		children: [/* @__PURE__ */ M(K, {
+		children: [/* @__PURE__ */ M(Y, {
 			variant: "body",
 			style: {
 				flex: 1,
@@ -5313,8 +6648,8 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			})
 		})] })]
 	});
-}, mr = ({ position: e = "bottom", children: t, style: n, ...r }) => {
-	let i = W();
+}, di = ({ position: e = "bottom", children: t, style: n, ...r }) => {
+	let i = q();
 	return /* @__PURE__ */ M(k, {
 		pointerEvents: "box-none",
 		accessibilityLabel: "Notifications",
@@ -5333,8 +6668,85 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 		...r,
 		children: t
 	});
-}, hr = i(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
-	let a = W(), o = H();
+}, fi = r(null);
+function pi() {
+	let e = s(fi);
+	if (!e) throw Error("ToggleGroupItem must be used inside ToggleGroup");
+	return e;
+}
+var mi = i(function({ value: e, onValueChange: t, accessibilityLabel: n = "Options", children: r, style: i, ...a }, o) {
+	let s = q(), c = K(), l = u(() => ({
+		value: e,
+		onValueChange: t
+	}), [e, t]);
+	return /* @__PURE__ */ M(fi.Provider, {
+		value: l,
+		children: /* @__PURE__ */ M(k, {
+			ref: o,
+			accessibilityRole: "radiogroup",
+			accessibilityLabel: n,
+			style: [{
+				alignSelf: "flex-start",
+				flexDirection: "row",
+				alignItems: "stretch",
+				gap: 2,
+				padding: 2,
+				borderRadius: s.radiusMd,
+				borderWidth: 1,
+				borderColor: c === "dark" ? "rgba(255, 255, 255, 0.12)" : s.light3,
+				backgroundColor: s.cardBgColor
+			}, i],
+			...a,
+			children: r
+		})
+	});
+}), hi = i(function({ name: e, label: t, icon: n, accessibilityLabel: r, disabled: i = !1, ...a }, o) {
+	let s = q(), c = K(), { value: l, onValueChange: u } = pi(), d = l === e, f = !!n && !t, p = c === "dark";
+	return /* @__PURE__ */ N(w, {
+		ref: o,
+		disabled: i,
+		onPress: () => u(e),
+		accessibilityRole: "radio",
+		accessibilityState: {
+			checked: d,
+			disabled: i
+		},
+		accessibilityLabel: r ?? t,
+		style: ({ pressed: e }) => ({
+			flexDirection: "row",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: s.space1,
+			minHeight: 28,
+			minWidth: f ? 28 : void 0,
+			paddingVertical: 4,
+			paddingHorizontal: f ? 4 : s.space2,
+			borderRadius: s.radiusMd - 2,
+			borderWidth: 1,
+			borderColor: d ? `${s.accentBgColor}${p ? "80" : "66"}` : "transparent",
+			backgroundColor: d ? `${s.accentBgColor}${p ? "40" : "26"}` : e && !i ? s.activeOverlay : "transparent",
+			opacity: i ? s.opacityDisabled : 1
+		}),
+		...a,
+		children: [n ? /* @__PURE__ */ M(k, {
+			style: { flexShrink: 0 },
+			children: /* @__PURE__ */ M(X, {
+				icon: n,
+				size: "md"
+			})
+		}) : null, t ? /* @__PURE__ */ M(D, {
+			numberOfLines: 1,
+			style: {
+				fontFamily: s.fontFamily,
+				fontSize: s.fontSizeBody,
+				fontWeight: String(d ? s.fontWeightSemibold : s.fontWeightNormal),
+				color: d ? s.accentColor : s.windowFgColor
+			},
+			children: t
+		}) : null]
+	});
+}), gi = i(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
+	let a = q(), o = K();
 	return /* @__PURE__ */ N(k, {
 		ref: i,
 		accessible: !0,
@@ -5360,8 +6772,8 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			children: e
 		})]
 	});
-}), gr = i(function({ label: e, icon: t, active: n = !1, disabled: r, ...i }, a) {
-	let o = W();
+}), _i = i(function({ label: e, icon: t, active: n = !1, disabled: r, ...i }, a) {
+	let o = q();
 	return /* @__PURE__ */ N(w, {
 		ref: a,
 		disabled: r,
@@ -5398,6 +6810,6 @@ var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 	});
 });
 //#endregion
-export { Ue as ActionRow, at as AnimatedIcon, ft as Avatar, mt as Badge, ht as Banner, vt as BottomSheet, bt as BoxedList, wt as Button, Et as Card, Ot as Checkbox, kt as Chip, jt as Dialog, Mt as Divider, Gt as Drawer, Xt as Dropdown, Zt as Expander, cn as FileTypeIcon, V as GnomeContext, ze as GnomeProvider, ln as HeaderBar, dn as Highlight, q as Icon, zt as IconButton, mn as LevelBar, hn as Link, Pe as NAMED_ACCENT_COLORS, _n as Overlay, vn as PathBar, Cn as Popover, wn as ProgressBar, Dn as RadioButton, kn as SearchBar, Mn as SegmentedBar, yt as Separator, Rn as Sidebar, Fn as SidebarCollapsedContext, Ln as SidebarFilterContext, zn as SidebarItem, Bn as SidebarSection, Vn as Skeleton, qn as Slider, Qn as SpinButton, er as Spinner, or as Switch, sr as TabBar, cr as TabItem, lr as TabPanel, K as Text, dr as TextField, pr as Toast, mr as Toaster, Lt as Tooltip, hr as ViewSwitcher, gr as ViewSwitcherItem, Le as applyAccentColor, Ce as darkRawTokens, ye as darkTheme, Te as highContrastDarkRawTokens, xe as highContrastDarkTheme, we as highContrastRawTokens, be as highContrastTheme, Se as lightRawTokens, ve as lightTheme, Fe as resolveColorScheme, Ie as resolveContrast, Ne as resolveGnomeTheme, Me as useAccentColor, Ae as useColorScheme, je as useContrast, ke as useDateTimeFormatter, De as useDir, W as useGnomeTheme, Ee as useLocale, Oe as useNumberFormatter, G as useReducedMotion, H as useResolvedColorScheme, U as useResolvedContrast, In as useSidebarCollapsed };
+export { We as ActionRow, st as AnimatedIcon, mt as Avatar, vt as AvatarGroup, St as AvatarRotator, wt as Badge, Tt as Banner, Et as Bin, kt as BottomSheet, Mt as Box, Pt as BoxedList, Rt as Button, Bt as Card, Ht as Checkbox, Ut as Chip, Gt as Clamp, Qt as CoachMark, en as CoachMarkTour, cn as ColorPicker, on as ColorSwatch, hn as ComboRow, _n as Dialog, vn as Divider, Mn as Drawer, pn as Dropdown, Pn as EntryRow, Fn as Expander, Gn as FileTypeIcon, sn as GNOME_PALETTE, G as GnomeContext, Be as GnomeProvider, Kn as HeaderBar, Jn as Highlight, X as Icon, En as IconButton, tr as InlineViewSwitcher, nr as InlineViewSwitcherItem, ar as LevelBar, or as Link, Fe as NAMED_ACCENT_COLORS, cr as Overlay, lr as PasswordEntryRow, ur as PathBar, gr as Popover, _r as PreferencesGroup, vr as ProgressBar, xr as RadioButton, Cr as SearchBar, Er as SegmentedBar, Nt as Separator, Mr as Sidebar, kr as SidebarCollapsedContext, jr as SidebarFilterContext, Nr as SidebarItem, Pr as SidebarSection, Fr as Skeleton, Hr as Slider, qr as SpinButton, Yr as Spinner, Zr as StatusPage, ri as Switch, ii as TabBar, ai as TabItem, oi as TabPanel, Y as Text, ci as TextField, ui as Toast, di as Toaster, mi as ToggleGroup, hi as ToggleGroupItem, wn as Tooltip, gi as ViewSwitcher, _i as ViewSwitcherItem, rn as WrapBox, Re as applyAccentColor, Ce as darkRawTokens, ye as darkTheme, Te as highContrastDarkRawTokens, xe as highContrastDarkTheme, we as highContrastRawTokens, be as highContrastTheme, Se as lightRawTokens, ve as lightTheme, Ie as resolveColorScheme, Le as resolveContrast, Pe as resolveGnomeTheme, Ne as useAccentColor, Ae as useColorScheme, je as useContrast, ke as useDateTimeFormatter, De as useDir, q as useGnomeTheme, Ee as useLocale, Oe as useNumberFormatter, J as useReducedMotion, K as useResolvedColorScheme, Me as useResolvedContrast, Ar as useSidebarCollapsed };
 
 //# sourceMappingURL=index.js.map