@gnome-ui/react-native 1.3.0 → 1.4.0

package/dist/index.js

@@ -1,10 +1,10 @@
 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, Linking as y, Modal as b, PanResponder as x, Platform as S, Pressable as C, ScrollView as w, StyleSheet as T, Text as E, TextInput as D, View as O, useColorScheme as k } from "react-native";
-import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
-import { Check as N, Connecting as ee, Downloading as P, PanDown as te, Recording as ne, Syncing as F } from "@gnome-ui/icons";
-import { Circle as re, G as ie, Path as I, Svg as ae, SvgXml as oe } from "react-native-svg";
+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 { Check as P, Connecting as F, Downloading as ee, PanDown as I, PanEnd as L, Recording as R, Syncing as te } from "@gnome-ui/icons";
+import { Circle as ne, G as re, Path as z, Svg as ie, SvgXml as ae } from "react-native-svg";
 //#region src/theme/tokens.generated.ts
-var se = {
+var oe = {
 	accentBgColor: "#3584e4",
 	accentColor: "#3584e4",
 	accentFgColor: "#fff",
@@ -145,7 +145,7 @@ var se = {
 	yellow3: "#f6d32d",
 	yellow4: "#f5c211",
 	yellow5: "#e5a50a"
-}, ce = {
+}, se = {
 	accentBgColor: "#3584e4",
 	accentColor: "#62a0ea",
 	accentFgColor: "#fff",
@@ -286,7 +286,7 @@ var se = {
 	yellow3: "#f6d32d",
 	yellow4: "#f5c211",
 	yellow5: "#e5a50a"
-}, le = {
+}, ce = {
 	accentBgColor: "#1a5fb4",
 	accentColor: "#1a5fb4",
 	accentFgColor: "#fff",
@@ -427,7 +427,7 @@ var se = {
 	yellow3: "#f6d32d",
 	yellow4: "#f5c211",
 	yellow5: "#e5a50a"
-}, ue = {
+}, le = {
 	accentBgColor: "#62a0ea",
 	accentColor: "#99c1f1",
 	accentFgColor: "#fff",
@@ -568,7 +568,7 @@ var se = {
 	yellow3: "#f6d32d",
 	yellow4: "#f5c211",
 	yellow5: "#e5a50a"
-}, de = {
+}, ue = {
 	"--gnome-accent-bg-color": "#3584e4",
 	"--gnome-accent-color": "#3584e4",
 	"--gnome-accent-fg-color": "#fff",
@@ -709,7 +709,7 @@ var se = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, fe = {
+}, de = {
 	"--gnome-accent-bg-color": "#3584e4",
 	"--gnome-accent-color": "#62a0ea",
 	"--gnome-accent-fg-color": "#fff",
@@ -850,7 +850,7 @@ var se = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, pe = {
+}, fe = {
 	"--gnome-accent-bg-color": "#1a5fb4",
 	"--gnome-accent-color": "#1a5fb4",
 	"--gnome-accent-fg-color": "#fff",
@@ -991,7 +991,7 @@ var se = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, me = {
+}, pe = {
 	"--gnome-accent-bg-color": "#62a0ea",
 	"--gnome-accent-color": "#99c1f1",
 	"--gnome-accent-fg-color": "#fff",
@@ -1132,7 +1132,7 @@ var se = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, L = r({
+}, B = r({
 	locale: void 0,
 	dir: "ltr",
 	numberFormat: void 0,
@@ -1142,16 +1142,16 @@ var se = {
 	contrast: "system",
 	resolvedContrast: "normal",
 	accentColor: "blue",
-	theme: se
+	theme: oe
 });
-function he() {
-	return s(L).locale;
+function me() {
+	return s(B).locale;
 }
-function ge() {
-	return s(L).dir;
+function he() {
+	return s(B).dir;
 }
-function _e(e) {
-	let { locale: t, numberFormat: n } = s(L);
+function ge(e) {
+	let { locale: t, numberFormat: n } = s(B);
 	return u(() => new Intl.NumberFormat(t, {
 		...n,
 		...e
@@ -1161,8 +1161,8 @@ function _e(e) {
 		e
 	]);
 }
-function ve(e) {
-	let { locale: t, dateTimeFormat: n } = s(L);
+function _e(e) {
+	let { locale: t, dateTimeFormat: n } = s(B);
 	return u(() => new Intl.DateTimeFormat(t, {
 		...n,
 		...e
@@ -1172,32 +1172,32 @@ function ve(e) {
 		e
 	]);
 }
-function ye() {
-	return s(L).colorScheme;
+function ve() {
+	return s(B).colorScheme;
 }
-function R() {
-	return s(L).resolvedColorScheme;
+function V() {
+	return s(B).resolvedColorScheme;
 }
-function be() {
-	return s(L).contrast;
+function ye() {
+	return s(B).contrast;
 }
-function z() {
-	return s(L).resolvedContrast;
+function H() {
+	return s(B).resolvedContrast;
 }
-function xe() {
-	return s(L).accentColor;
+function be() {
+	return s(B).accentColor;
 }
-function B() {
-	return s(L).theme;
+function U() {
+	return s(B).theme;
 }
 //#endregion
 //#region src/theme/resolveTheme.ts
-function Se({ colorScheme: e, contrast: t = "normal" }) {
-	return t === "more" ? e === "dark" ? ue : le : e === "dark" ? ce : se;
+function xe({ colorScheme: e, contrast: t = "normal" }) {
+	return t === "more" ? e === "dark" ? le : ce : e === "dark" ? se : oe;
 }
 //#endregion
 //#region src/GnomeProvider/resolveContext.ts
-var Ce = new Set([
+var Se = new Set([
 	"blue",
 	"green",
 	"yellow",
@@ -1206,15 +1206,15 @@ var Ce = new Set([
 	"purple",
 	"brown"
 ]);
-function we(e, t) {
+function Ce(e, t) {
 	return e === "system" ? t === "dark" ? "dark" : "light" : e;
 }
-function Te(e, t) {
+function we(e, t) {
 	return e === "system" ? t ? "more" : "normal" : e;
 }
-function Ee(e, t, n, r) {
+function Te(e, t, n, r) {
 	if (t === "blue") return e;
-	let i = Ce.has(t), a = i ? e[`${t}${n === "dark" ? 2 : 3}`] : t, o = i ? e[`${t}3`] : t;
+	let i = Se.has(t), a = i ? e[`${t}${n === "dark" ? 2 : 3}`] : t, o = i ? e[`${t}3`] : t;
 	return {
 		...e,
 		accentColor: a,
@@ -1224,23 +1224,23 @@ function Ee(e, t, n, r) {
 }
 //#endregion
 //#region src/GnomeProvider/GnomeProvider.tsx
-function De() {
+function Ee() {
 	let [e, t] = f(!1);
 	return c(() => {
-		let e = S.OS === "android" ? p.isHighTextContrastEnabled : S.OS === "ios" ? p.isDarkerSystemColorsEnabled : void 0;
+		let e = C.OS === "android" ? p.isHighTextContrastEnabled : C.OS === "ios" ? p.isDarkerSystemColorsEnabled : void 0;
 		if (!e) return;
 		let n = !0;
 		(async () => {
 			let r = await e();
 			n && t(r);
 		})();
-		let r = S.OS === "android" ? "highTextContrastChanged" : "darkerSystemColorsChanged", i = p.addEventListener(r, t);
+		let r = C.OS === "android" ? "highTextContrastChanged" : "darkerSystemColorsChanged", i = p.addEventListener(r, t);
 		return () => {
 			n = !1, i.remove();
 		};
 	}, []), e;
 }
-function V() {
+function W() {
 	let [e, t] = f(!1);
 	return c(() => {
 		let e = !0;
@@ -1254,8 +1254,8 @@ function V() {
 		};
 	}, []), e;
 }
-var Oe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme: i = "system", contrast: a = "system", accentColor: o = "blue", children: s }) => {
-	let c = k(), l = De(), d = we(i, c), f = Te(a, l), p = t ?? (v.isRTL ? "rtl" : "ltr"), m = u(() => ({
+var De = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme: i = "system", contrast: a = "system", accentColor: o = "blue", children: s }) => {
+	let c = A(), l = Ee(), d = Ce(i, c), f = we(a, l), p = t ?? (v.isRTL ? "rtl" : "ltr"), m = u(() => ({
 		locale: e,
 		dir: p,
 		numberFormat: n,
@@ -1265,7 +1265,7 @@ var Oe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 		contrast: a,
 		resolvedContrast: f,
 		accentColor: o,
-		theme: Ee(Se({
+		theme: Te(xe({
 			colorScheme: d,
 			contrast: f
 		}), o, d, f)
@@ -1280,11 +1280,11 @@ var Oe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 		f,
 		o
 	]);
-	return /* @__PURE__ */ j(L.Provider, {
+	return /* @__PURE__ */ M(B.Provider, {
 		value: m,
 		children: s
 	});
-}, ke = new Set([
+}, Oe = new Set([
 	"large-title",
 	"title-1",
 	"title-2",
@@ -1292,7 +1292,7 @@ var Oe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 	"title-4",
 	"heading"
 ]);
-function Ae(e, t) {
+function ke(e, t) {
 	let n = (e) => String(e);
 	switch (t) {
 		case "large-title": return {
@@ -1361,7 +1361,7 @@ function Ae(e, t) {
 		};
 	}
 }
-function je(e, t) {
+function Ae(e, t) {
 	switch (t) {
 		case "dim": return {
 			color: e.windowFgColor,
@@ -1375,22 +1375,22 @@ function je(e, t) {
 		default: return { color: e.windowFgColor };
 	}
 }
-var H = i(function({ variant: e = "body", color: t = "default", style: n, children: r, accessibilityRole: i, ...a }, o) {
-	let s = B();
-	return /* @__PURE__ */ j(E, {
+var G = i(function({ variant: e = "body", color: t = "default", style: n, children: r, accessibilityRole: i, ...a }, o) {
+	let s = U();
+	return /* @__PURE__ */ M(D, {
 		ref: o,
-		accessibilityRole: i ?? (ke.has(e) ? "header" : void 0),
+		accessibilityRole: i ?? (Oe.has(e) ? "header" : void 0),
 		style: [
 			{ fontFamily: s.fontFamily },
-			Ae(s, e),
-			je(s, t),
+			ke(s, e),
+			Ae(s, t),
 			n
 		],
 		...a,
 		children: r
 	});
-}), Me = i(function({ title: e, subtitle: t, leading: n, trailing: r, interactive: i = !1, variant: a = "default", style: o, disabled: s, ...c }, l) {
-	let u = B(), d = a === "property", f = {
+}), je = i(function({ title: e, subtitle: t, leading: n, trailing: r, interactive: i = !1, variant: a = "default", style: o, disabled: s, ...c }, l) {
+	let u = U(), d = a === "property", f = {
 		flexDirection: "row",
 		alignItems: "center",
 		gap: u.space2,
@@ -1398,23 +1398,23 @@ var H = i(function({ variant: e = "body", color: t = "default", style: n, childr
 		paddingHorizontal: u.space4,
 		minHeight: 52,
 		width: "100%"
-	}, p = /* @__PURE__ */ M(A, { children: [
-		n && /* @__PURE__ */ j(O, {
+	}, p = /* @__PURE__ */ N(j, { children: [
+		n && /* @__PURE__ */ M(k, {
 			style: { flexShrink: 0 },
 			children: n
 		}),
-		/* @__PURE__ */ M(O, {
+		/* @__PURE__ */ N(k, {
 			style: {
 				flex: 1,
 				gap: 2
 			},
-			children: [/* @__PURE__ */ j(H, {
+			children: [/* @__PURE__ */ M(G, {
 				variant: d ? "caption" : "body",
 				color: d ? "dim" : "default",
 				numberOfLines: 1,
 				ellipsizeMode: "tail",
 				children: e
-			}), t && /* @__PURE__ */ j(H, {
+			}), t && /* @__PURE__ */ M(G, {
 				variant: d ? "body" : "caption",
 				color: d ? "default" : "dim",
 				numberOfLines: 1,
@@ -1422,7 +1422,7 @@ var H = i(function({ variant: e = "body", color: t = "default", style: n, childr
 				children: t
 			})]
 		}),
-		r && /* @__PURE__ */ j(O, {
+		r && /* @__PURE__ */ M(k, {
 			style: {
 				flexShrink: 0,
 				flexDirection: "row",
@@ -1432,7 +1432,7 @@ var H = i(function({ variant: e = "body", color: t = "default", style: n, childr
 			children: r
 		})
 	] });
-	return i ? /* @__PURE__ */ j(C, {
+	return i ? /* @__PURE__ */ M(w, {
 		ref: l,
 		disabled: s,
 		accessibilityRole: "button",
@@ -1446,22 +1446,22 @@ var H = i(function({ variant: e = "body", color: t = "default", style: n, childr
 			o
 		],
 		...c,
-		children: ({ pressed: e }) => /* @__PURE__ */ M(A, { children: [p, e && !s ? /* @__PURE__ */ j(O, {
+		children: ({ pressed: e }) => /* @__PURE__ */ N(j, { children: [p, e && !s ? /* @__PURE__ */ M(k, {
 			pointerEvents: "none",
-			style: [T.absoluteFill, { backgroundColor: u.activeOverlay }]
+			style: [E.absoluteFill, { backgroundColor: u.activeOverlay }]
 		}) : null] })
-	}) : /* @__PURE__ */ j(O, {
+	}) : /* @__PURE__ */ M(k, {
 		ref: l,
 		style: [f, o],
 		...c,
 		children: p
 	});
-}), Ne = {
+}), Me = {
 	sm: 12,
 	md: 16,
 	lg: 20
 };
-function Pe(e, t) {
+function Ne(e, t) {
 	switch (t) {
 		case "blue": return e.blue3;
 		case "green": return e.green4;
@@ -1473,7 +1473,7 @@ function Pe(e, t) {
 		default: return e.windowFgColor;
 	}
 }
-function Fe(e) {
+function Pe(e) {
 	return e ? {
 		accessible: !0,
 		accessibilityLabel: e,
@@ -1485,27 +1485,27 @@ function Fe(e) {
 }
 //#endregion
 //#region src/components/Icon/Icon.tsx
-function U(e) {
+function Fe(e) {
 	return "paths" in e && Array.isArray(e.paths) ? !0 : typeof e.svg == "string" && !("path" in e);
 }
 function Ie(e) {
 	return e === "nonzero" || e === "evenodd" ? e : void 0;
 }
-var W = ({ icon: e, size: t = "md", width: n, height: r, label: i, color: a, style: o }) => {
-	let s = B(), c = Ne[t], l = Pe(s, a), u = U(e) ? e.viewBox : e.viewBox ?? "0 0 24 24", d = U(e) ? e.svg : void 0, f = U(e) ? e.svg ? void 0 : e.paths?.map((e, t) => /* @__PURE__ */ j(I, {
+var K = ({ icon: e, size: t = "md", width: n, height: r, label: i, color: a, style: o }) => {
+	let s = U(), c = Me[t], l = Ne(s, a), u = Fe(e) ? e.viewBox : e.viewBox ?? "0 0 24 24", d = Fe(e) ? e.svg : void 0, f = Fe(e) ? e.svg ? void 0 : e.paths?.map((e, t) => /* @__PURE__ */ M(z, {
 		d: e.d,
 		fillRule: Ie(e.fillRule),
 		clipRule: Ie(e.clipRule),
 		transform: e.transform
-	}, t)) : [/* @__PURE__ */ j(I, { d: e.path }, 0)], p = Fe(i);
-	return d ? /* @__PURE__ */ j(oe, {
+	}, t)) : [/* @__PURE__ */ M(z, { d: e.path }, 0)], p = Pe(i);
+	return d ? /* @__PURE__ */ M(ae, {
 		xml: `<svg viewBox="${u}">${d}</svg>`,
 		width: n ?? c,
 		height: r ?? c,
 		fill: l,
 		style: o,
 		...p
-	}) : /* @__PURE__ */ j(ae, {
+	}) : /* @__PURE__ */ M(ie, {
 		viewBox: u,
 		width: n ?? c,
 		height: r ?? c,
@@ -1514,7 +1514,7 @@ var W = ({ icon: e, size: t = "md", width: n, height: r, label: i, color: a, sty
 		...p,
 		children: f
 	});
-}, Le = m.createAnimatedComponent(ie), Re = m.createAnimatedComponent(I), ze = m.createAnimatedComponent(re);
+}, Le = m.createAnimatedComponent(re), Re = m.createAnimatedComponent(z), ze = m.createAnimatedComponent(ne);
 function Be(e) {
 	let t = d(new m.Value(0)).current;
 	return c(() => {
@@ -1543,12 +1543,12 @@ function Ve(e, t) {
 		t
 	]), n;
 }
-var He = ({ fill: e }) => /* @__PURE__ */ j(Le, {
+var He = ({ fill: e }) => /* @__PURE__ */ M(Le, {
 	transform: Be(1500).interpolate({
 		inputRange: [0, 1],
 		outputRange: ["rotate(0, 8, 8)", "rotate(360, 8, 8)"]
 	}),
-	children: /* @__PURE__ */ j(I, {
+	children: /* @__PURE__ */ M(z, {
 		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"
@@ -1568,7 +1568,7 @@ var He = ({ fill: e }) => /* @__PURE__ */ j(Le, {
 			useNativeDriver: !1
 		})]));
 		return n.start(), () => n.stop();
-	}, [t]), /* @__PURE__ */ j(Re, {
+	}, [t]), /* @__PURE__ */ M(Re, {
 		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"
@@ -1602,20 +1602,20 @@ var He = ({ fill: e }) => /* @__PURE__ */ j(Le, {
 			1
 		]
 	});
-	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(I, {
+	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(z, {
 		fill: e,
 		d: "M2 13h12v2H2z"
-	}), /* @__PURE__ */ j(Le, {
+	}), /* @__PURE__ */ M(Le, {
 		transform: r,
 		opacity: i,
-		children: /* @__PURE__ */ j(I, {
+		children: /* @__PURE__ */ M(z, {
 			fill: e,
 			fillRule: "evenodd",
 			d: "m2.5 5 5.5 6 5.5-6z"
 		})
 	})] });
 };
-function G(e, t, n) {
+function q(e, t, n) {
 	return `translate(${e}, ${t}) scale(${n}) translate(${-e}, ${-t})`;
 }
 var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
@@ -1625,7 +1625,7 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 		.4,
 		1
 	];
-	return /* @__PURE__ */ j(ze, {
+	return /* @__PURE__ */ M(ze, {
 		cx: e,
 		cy: t,
 		r: 2,
@@ -1642,35 +1642,35 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 		transform: i.interpolate({
 			inputRange: a,
 			outputRange: [
-				G(e, t, 1),
-				G(e, t, .7),
-				G(e, t, 1),
-				G(e, t, 1)
+				q(e, t, 1),
+				q(e, t, .7),
+				q(e, t, 1),
+				q(e, t, 1)
 			]
 		})
 	});
 }, Ke = new Map([
-	[F, He],
-	[ne, Ue],
-	[P, We],
-	[ee, ({ fill: e }) => /* @__PURE__ */ M(A, { children: [
-		/* @__PURE__ */ j(I, {
+	[te, He],
+	[R, Ue],
+	[ee, We],
+	[F, ({ fill: e }) => /* @__PURE__ */ N(j, { children: [
+		/* @__PURE__ */ M(z, {
 			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__ */ j(Ge, {
+		/* @__PURE__ */ M(Ge, {
 			cx: 3,
 			cy: 8,
 			fill: e,
 			delay: 0
 		}),
-		/* @__PURE__ */ j(Ge, {
+		/* @__PURE__ */ M(Ge, {
 			cx: 8,
 			cy: 8,
 			fill: e,
 			delay: 150
 		}),
-		/* @__PURE__ */ j(Ge, {
+		/* @__PURE__ */ M(Ge, {
 			cx: 13,
 			cy: 8,
 			fill: e,
@@ -1678,8 +1678,8 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 		})
 	] })]
 ]), qe = ({ icon: e, playing: t = !0, size: n = "md", width: r, height: i, label: a, color: o }) => {
-	let s = B(), c = V(), l = t && !c ? Ke.get(e) : void 0;
-	if (!l) return /* @__PURE__ */ j(W, {
+	let s = U(), c = W(), l = t && !c ? Ke.get(e) : void 0;
+	if (!l) return /* @__PURE__ */ M(K, {
 		icon: e,
 		size: n,
 		width: r,
@@ -1687,16 +1687,193 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 		label: a,
 		color: o
 	});
-	let u = Ne[n], d = Pe(s, o), f = Fe(a);
-	return /* @__PURE__ */ j(ae, {
+	let u = Me[n], d = Ne(s, o), f = Pe(a);
+	return /* @__PURE__ */ M(ie, {
 		viewBox: e.viewBox,
 		width: r ?? u,
 		height: i ?? u,
 		...f,
-		children: /* @__PURE__ */ j(l, { fill: d })
+		children: /* @__PURE__ */ M(l, { fill: d })
 	});
-}, Je = ({ variant: e = "info", children: t, actionLabel: n, onAction: r, dismissible: i = !1, onDismiss: a, style: o, ...s }) => {
-	let c = B(), l = {
+}, Je = [
+	"blue",
+	"green",
+	"yellow",
+	"orange",
+	"red",
+	"purple",
+	"brown",
+	"teal",
+	"slate"
+], Ye = {
+	sm: 24,
+	md: 32,
+	lg: 48,
+	xl: 64
+}, Xe = {
+	sm: .5,
+	md: .6,
+	lg: 1,
+	xl: 1.4
+};
+function Ze(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) >>> 0;
+	return Je[t % Je.length];
+}
+function Qe(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 $e(e, t) {
+	switch (t) {
+		case "blue": return {
+			backgroundColor: e.blue3,
+			initialsColor: "#fff"
+		};
+		case "green": return {
+			backgroundColor: e.green4,
+			initialsColor: "#fff"
+		};
+		case "yellow": return {
+			backgroundColor: e.yellow4,
+			initialsColor: "rgba(0, 0, 0, 0.8)"
+		};
+		case "orange": return {
+			backgroundColor: e.orange4,
+			initialsColor: "#fff"
+		};
+		case "red": return {
+			backgroundColor: e.red3,
+			initialsColor: "#fff"
+		};
+		case "purple": return {
+			backgroundColor: e.purple3,
+			initialsColor: "#fff"
+		};
+		case "brown": return {
+			backgroundColor: e.brown3,
+			initialsColor: "#fff"
+		};
+		case "teal": return {
+			backgroundColor: "#2190a4",
+			initialsColor: "#fff"
+		};
+		case "slate": return {
+			backgroundColor: e.dark2,
+			initialsColor: "#fff"
+		};
+	}
+}
+var et = ({ name: e = "", src: t, alt: n, size: r = "md", color: i, style: a }) => {
+	let o = U(), s = V(), c = i ?? (e ? Ze(e) : "blue"), l = Qe(e), u = Ye[r], { backgroundColor: d, initialsColor: f } = $e(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",
+		accessibilityLabel: n ?? (e || void 0) ?? "Avatar",
+		style: [{
+			width: u,
+			height: u,
+			borderRadius: o.radiusPill,
+			overflow: "hidden",
+			alignItems: "center",
+			justifyContent: "center",
+			backgroundColor: t ? void 0 : d,
+			borderWidth: 1,
+			borderColor: p
+		}, a],
+		children: t ? /* @__PURE__ */ M(y, {
+			testID: "avatar-image",
+			source: { uri: t },
+			accessibilityElementsHidden: !0,
+			importantForAccessibility: "no",
+			resizeMode: "cover",
+			style: {
+				width: "100%",
+				height: "100%"
+			}
+		}) : /* @__PURE__ */ M(D, {
+			accessibilityElementsHidden: !0,
+			importantForAccessibility: "no",
+			style: {
+				fontFamily: o.fontFamily,
+				fontWeight: String(o.fontWeightSemibold),
+				fontSize: o.fontSizeBody * Xe[r],
+				lineHeight: o.fontSizeBody * Xe[r],
+				color: f
+			},
+			children: l
+		})
+	});
+};
+//#endregion
+//#region src/components/Badge/Badge.tsx
+function tt(e, t, n) {
+	switch (n) {
+		case "accent": return {
+			backgroundColor: e.accentBgColor,
+			color: e.accentFgColor
+		};
+		case "success": return {
+			backgroundColor: e.successBgColor,
+			color: e.successFgColor
+		};
+		case "warning": return {
+			backgroundColor: e.warningBgColor,
+			color: e.warningFgColor
+		};
+		case "error": return {
+			backgroundColor: e.errorBgColor,
+			color: e.errorFgColor
+		};
+		case "neutral": return {
+			backgroundColor: t === "dark" ? e.dark2 : e.light4,
+			color: e.windowFgColor
+		};
+	}
+}
+var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i }) => {
+	let a = U(), { backgroundColor: o, color: s } = tt(a, V(), e), c = /* @__PURE__ */ M(k, {
+		testID: "badge-ring",
+		style: [{
+			padding: 2,
+			borderRadius: a.radiusPill,
+			backgroundColor: a.windowBgColor
+		}, r ? {
+			position: "absolute",
+			top: t ? -2 : -4,
+			right: t ? -2 : -4,
+			zIndex: 1
+		} : null],
+		children: /* @__PURE__ */ M(k, {
+			testID: "badge",
+			style: [{
+				minWidth: t ? 10 : 18,
+				height: t ? 10 : 18,
+				paddingHorizontal: t ? 0 : 5,
+				borderRadius: a.radiusPill,
+				backgroundColor: o,
+				alignItems: "center",
+				justifyContent: "center"
+			}, i],
+			children: !t && (typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ M(D, {
+				style: {
+					fontFamily: a.fontFamily,
+					fontWeight: String(a.fontWeightSemibold),
+					fontSize: 11,
+					lineHeight: 13,
+					color: s
+				},
+				children: n
+			}) : n)
+		})
+	});
+	return r ? /* @__PURE__ */ N(k, {
+		style: { alignSelf: "flex-start" },
+		children: [r, c]
+	}) : c;
+}, rt = ({ variant: e = "info", children: t, actionLabel: n, onAction: r, dismissible: i = !1, onDismiss: a, style: o, ...s }) => {
+	let c = U(), l = {
 		info: {
 			bg: c.accentBgColor,
 			fg: c.accentFgColor
@@ -1714,7 +1891,7 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 			fg: c.successFgColor
 		}
 	}[e], u = e === "warning" ? "rgba(0, 0, 0, 0.14)" : "rgba(255, 255, 255, 0.25)";
-	return /* @__PURE__ */ M(O, {
+	return /* @__PURE__ */ N(k, {
 		accessible: !0,
 		accessibilityRole: "alert",
 		accessibilityLiveRegion: "polite",
@@ -1729,7 +1906,7 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 			backgroundColor: l.bg
 		}, o],
 		...s,
-		children: [/* @__PURE__ */ j(H, {
+		children: [/* @__PURE__ */ M(G, {
 			variant: "body",
 			style: {
 				flex: 1,
@@ -1737,14 +1914,14 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 				color: l.fg
 			},
 			children: t
-		}), (n || i) && /* @__PURE__ */ M(O, {
+		}), (n || i) && /* @__PURE__ */ N(k, {
 			style: {
 				flexDirection: "row",
 				alignItems: "center",
 				gap: c.space1,
 				flexShrink: 0
 			},
-			children: [n && /* @__PURE__ */ j(C, {
+			children: [n && /* @__PURE__ */ M(w, {
 				accessibilityRole: "button",
 				accessibilityLabel: n,
 				onPress: r,
@@ -1754,7 +1931,7 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 					borderRadius: c.radiusMd,
 					backgroundColor: e ? u : "transparent"
 				}),
-				children: /* @__PURE__ */ j(E, {
+				children: /* @__PURE__ */ M(D, {
 					style: {
 						fontFamily: c.fontFamily,
 						fontSize: c.fontSizeBody,
@@ -1763,7 +1940,7 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 					},
 					children: n
 				})
-			}), i && /* @__PURE__ */ j(C, {
+			}), i && /* @__PURE__ */ M(w, {
 				accessibilityRole: "button",
 				accessibilityLabel: "Dismiss",
 				hitSlop: 4,
@@ -1777,7 +1954,7 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 					opacity: e ? 1 : .6,
 					backgroundColor: e ? u : "transparent"
 				}),
-				children: /* @__PURE__ */ j(E, {
+				children: /* @__PURE__ */ M(D, {
 					style: {
 						fontSize: c.fontSizeBody,
 						color: l.fg
@@ -1787,13 +1964,169 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 			})]
 		})]
 	});
-}, Ye = i(function({ orientation: e = "horizontal", style: t, ...n }, r) {
-	return /* @__PURE__ */ j(O, {
+}, it = m.createAnimatedComponent(w), at = 150, ot = ({ open: e, title: t, children: n, onClose: r, closeOnBackdrop: i = !0, style: a, testID: o }) => {
+	let s = U(), l = W(), [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(() => {
+		if (!(!p || T.current)) if (e) {
+			if (l) {
+				b.setValue(0), C.setValue(1);
+				return;
+			}
+			v > 0 && (b.setValue(v), m.timing(b, {
+				toValue: 0,
+				duration: s.durationNormal,
+				useNativeDriver: !0
+			}).start()), m.timing(C, {
+				toValue: 1,
+				duration: s.durationNormal,
+				useNativeDriver: !0
+			}).start();
+		} else {
+			if (l) {
+				_(!1);
+				return;
+			}
+			m.timing(b, {
+				toValue: v || g.get("window").height,
+				duration: s.durationNormal,
+				useNativeDriver: !0
+			}).start(({ finished: e }) => {
+				e && _(!1);
+			}), m.timing(C, {
+				toValue: 0,
+				duration: s.durationNormal,
+				useNativeDriver: !0
+			}).start();
+		}
+	}, [
+		e,
+		p,
+		v,
+		l,
+		b,
+		C,
+		s.durationNormal
+	]), c(() => {
+		if (!e) return;
+		let t = h.addEventListener("hardwareBackPress", () => (r?.(), !0));
+		return () => t.remove();
+	}, [e, r]);
+	let E = u(() => S.create({
+		onStartShouldSetPanResponder: () => !0,
+		onPanResponderGrant: () => {
+			T.current = !0;
+		},
+		onPanResponderMove: (e, t) => {
+			b.setValue(Math.max(0, t.dy));
+		},
+		onPanResponderRelease: (e, t) => {
+			T.current = !1, Math.max(0, t.dy) >= at ? r?.() : m.timing(b, {
+				toValue: 0,
+				duration: s.durationNormal,
+				useNativeDriver: !0
+			}).start();
+		}
+	}), [
+		b,
+		s.durationNormal,
+		r
+	]);
+	return p ? /* @__PURE__ */ M(x, {
+		visible: p,
+		transparent: !0,
+		animationType: "none",
+		statusBarTranslucent: !0,
+		onRequestClose: r,
+		children: /* @__PURE__ */ M(it, {
+			testID: o,
+			onPress: i ? r : void 0,
+			accessible: !1,
+			style: {
+				flex: 1,
+				justifyContent: "flex-end",
+				backgroundColor: s.dialogBackdropColor,
+				opacity: C
+			},
+			children: /* @__PURE__ */ M(w, {
+				onPress: () => {},
+				accessible: !1,
+				children: /* @__PURE__ */ N(m.View, {
+					onLayout: (e) => {
+						y(e.nativeEvent.layout.height);
+					},
+					accessible: !0,
+					role: "dialog",
+					accessibilityViewIsModal: !0,
+					style: [{
+						alignSelf: "center",
+						width: "100%",
+						maxWidth: 560,
+						backgroundColor: s.dialogBgColor,
+						borderTopLeftRadius: s.radiusXl,
+						borderTopRightRadius: s.radiusXl,
+						shadowColor: "#000",
+						shadowOffset: {
+							width: 0,
+							height: -4
+						},
+						shadowOpacity: .18,
+						shadowRadius: 24,
+						elevation: 12,
+						transform: [{ translateY: b }]
+					}, a],
+					children: [
+						/* @__PURE__ */ M(k, {
+							testID: "bottom-sheet-handle",
+							accessibilityElementsHidden: !0,
+							importantForAccessibility: "no",
+							style: {
+								alignItems: "center",
+								paddingTop: s.space2,
+								paddingBottom: s.space1
+							},
+							...E.panHandlers,
+							children: /* @__PURE__ */ M(k, { style: {
+								width: 36,
+								height: 4,
+								borderRadius: 2,
+								backgroundColor: s.windowFgColor,
+								opacity: .2
+							} })
+						}),
+						t && /* @__PURE__ */ M(G, {
+							variant: "title-4",
+							style: {
+								paddingHorizontal: s.space4,
+								paddingBottom: s.space2,
+								textAlign: "center",
+								fontWeight: String(s.fontWeightBold)
+							},
+							children: t
+						}),
+						n && /* @__PURE__ */ M(k, {
+							style: {
+								paddingHorizontal: s.space4,
+								paddingBottom: s.space4
+							},
+							children: typeof n == "string" ? /* @__PURE__ */ M(G, {
+								variant: "body",
+								children: n
+							}) : n
+						})
+					]
+				})
+			})
+		})
+	}) : null;
+}, st = i(function({ orientation: e = "horizontal", style: t, ...n }, r) {
+	return /* @__PURE__ */ M(k, {
 		ref: r,
 		accessible: !1,
 		style: [
 			{
-				backgroundColor: B().cardShadeColor,
+				backgroundColor: U().cardShadeColor,
 				flexShrink: 0
 			},
 			e === "vertical" ? {
@@ -1808,15 +2141,15 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 		],
 		...n
 	});
-}), Xe = i(function({ children: t, variant: n = "default", style: r, ...i }, a) {
-	let o = B(), s = e.toArray(t).filter(Boolean);
-	return n === "separate" ? /* @__PURE__ */ j(O, {
+}), ct = i(function({ children: t, variant: n = "default", style: r, ...i }, a) {
+	let o = U(), s = e.toArray(t).filter(Boolean);
+	return n === "separate" ? /* @__PURE__ */ M(k, {
 		ref: a,
 		accessible: !0,
 		accessibilityRole: "list",
 		style: [{ gap: o.space2 }, r],
 		...i,
-		children: s.map((e, t) => /* @__PURE__ */ j(O, {
+		children: s.map((e, t) => /* @__PURE__ */ M(k, {
 			style: {
 				backgroundColor: o.cardBgColor,
 				borderWidth: 1,
@@ -1826,7 +2159,7 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 			},
 			children: e
 		}, t))
-	}) : /* @__PURE__ */ j(O, {
+	}) : /* @__PURE__ */ M(k, {
 		ref: a,
 		accessible: !0,
 		accessibilityRole: "list",
@@ -1838,12 +2171,12 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
 			overflow: "hidden"
 		}, r],
 		...i,
-		children: s.map((e, t) => /* @__PURE__ */ M(O, { children: [t > 0 && /* @__PURE__ */ j(Ye, { testID: "boxed-list-separator" }), e] }, t))
+		children: s.map((e, t) => /* @__PURE__ */ N(k, { children: [t > 0 && /* @__PURE__ */ M(st, { testID: "boxed-list-separator" }), e] }, t))
 	});
 });
 //#endregion
 //#region src/components/Button/Button.tsx
-function Ze(e, t) {
+function lt(e, t) {
 	switch (t) {
 		case "sm": return {
 			minHeight: 28,
@@ -1868,14 +2201,14 @@ function Ze(e, t) {
 		};
 	}
 }
-function Qe(e) {
+function ut(e) {
 	switch (e) {
 		case "sm": return 28;
 		case "lg": return 42;
 		default: return 34;
 	}
 }
-function $e(e, t, n, r) {
+function dt(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)",
@@ -1904,15 +2237,15 @@ function $e(e, t, n, r) {
 		};
 	}
 }
-var et = 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 = B(), p = z();
-	return /* @__PURE__ */ j(C, {
+var ft = 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 = U(), p = H();
+	return /* @__PURE__ */ M(w, {
 		ref: d,
 		disabled: l,
 		accessibilityRole: "button",
 		accessibilityState: { disabled: !!l },
 		style: ({ pressed: i }) => {
-			let { backgroundColor: a, borderColor: o } = $e(f, e, i, r), c = !r && (e === "suggested" || e === "destructive"), u = n === "circular" ? Qe(t) : void 0, { minHeight: d, minWidth: m, paddingVertical: h, paddingHorizontal: g } = Ze(f, t);
+			let { backgroundColor: a, borderColor: o } = dt(f, e, i, r), c = !r && (e === "suggested" || e === "destructive"), u = n === "circular" ? ut(t) : void 0, { minHeight: d, minWidth: m, paddingVertical: h, paddingHorizontal: g } = lt(f, t);
 			return [{
 				flexDirection: "row",
 				alignItems: "center",
@@ -1933,10 +2266,10 @@ var et = i(function({ variant: e = "default", size: t = "md", shape: n = "defaul
 		},
 		...u,
 		children: ({ pressed: n }) => {
-			let { fontSize: s } = Ze(f, t), { color: l } = $e(f, e, n, r);
-			return /* @__PURE__ */ M(A, { children: [
+			let { fontSize: s } = lt(f, t), { color: l } = dt(f, e, n, r);
+			return /* @__PURE__ */ N(j, { children: [
 				i,
-				typeof o == "string" ? /* @__PURE__ */ j(E, {
+				typeof o == "string" ? /* @__PURE__ */ M(D, {
 					style: [{
 						fontFamily: f.fontFamily,
 						fontWeight: String(f.fontWeightSemibold),
@@ -1952,7 +2285,7 @@ var et = i(function({ variant: e = "default", size: t = "md", shape: n = "defaul
 });
 //#endregion
 //#region src/components/Card/Card.tsx
-function tt(e, t) {
+function pt(e, t) {
 	switch (t) {
 		case "none": return 0;
 		case "sm": return e.space2;
@@ -1960,16 +2293,16 @@ function tt(e, t) {
 		default: return e.space4;
 	}
 }
-var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children: r, disabled: i, ...a }, o) {
-	let s = B(), c = {
+var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children: r, disabled: i, ...a }, o) {
+	let s = U(), c = {
 		backgroundColor: s.cardBgColor,
 		borderWidth: 1,
 		borderColor: s.cardShadeColor,
 		borderRadius: s.radiusLg,
 		overflow: "hidden",
-		padding: tt(s, t)
+		padding: pt(s, t)
 	};
-	return e ? /* @__PURE__ */ j(C, {
+	return e ? /* @__PURE__ */ M(w, {
 		ref: o,
 		disabled: i,
 		accessibilityRole: "button",
@@ -1983,21 +2316,21 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 			n
 		],
 		...a,
-		children: ({ pressed: e }) => /* @__PURE__ */ M(A, { children: [r, e && !i ? /* @__PURE__ */ j(O, {
+		children: ({ pressed: e }) => /* @__PURE__ */ N(j, { children: [r, e && !i ? /* @__PURE__ */ M(k, {
 			pointerEvents: "none",
-			style: [T.absoluteFill, {
+			style: [E.absoluteFill, {
 				backgroundColor: s.activeOverlay,
 				borderRadius: s.radiusLg
 			}]
 		}) : null] })
-	}) : /* @__PURE__ */ j(O, {
+	}) : /* @__PURE__ */ M(k, {
 		ref: o,
 		style: [c, n],
 		...a,
 		children: r
 	});
-}), rt = 18, it = i(function({ value: e, indeterminate: t = !1, onValueChange: n, disabled: r, style: i, ...a }, o) {
-	let s = B(), l = R(), u = z(), f = e || t, p = d(new m.Value(+!!f)).current, h = d(!0);
+}), ht = 18, gt = i(function({ value: e, indeterminate: t = !1, onValueChange: n, disabled: r, style: i, ...a }, o) {
+	let s = U(), l = V(), u = H(), f = e || t, p = d(new m.Value(+!!f)).current, h = d(!0);
 	c(() => {
 		if (h.current) {
 			h.current = !1;
@@ -2023,7 +2356,7 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 		inputRange: [0, 1],
 		outputRange: [s.cardBgColor, s.accentBgColor]
 	});
-	return /* @__PURE__ */ j(C, {
+	return /* @__PURE__ */ M(w, {
 		ref: o,
 		disabled: r,
 		accessibilityRole: "checkbox",
@@ -2034,10 +2367,10 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 		onPress: () => n?.(!e),
 		style: [{ opacity: r ? s.opacityDisabled : 1 }, i],
 		...a,
-		children: /* @__PURE__ */ j(m.View, {
+		children: /* @__PURE__ */ M(m.View, {
 			style: {
-				width: rt,
-				height: rt,
+				width: ht,
+				height: ht,
 				alignItems: "center",
 				justifyContent: "center",
 				borderRadius: s.radiusSm,
@@ -2045,13 +2378,13 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 				borderColor: v,
 				backgroundColor: y
 			},
-			children: t ? /* @__PURE__ */ j(m.View, { style: {
+			children: t ? /* @__PURE__ */ M(m.View, { style: {
 				width: 10,
 				height: 2,
 				borderRadius: 1,
 				backgroundColor: "#fff",
 				opacity: p
-			} }) : /* @__PURE__ */ j(m.Text, {
+			} }) : /* @__PURE__ */ M(m.Text, {
 				style: {
 					opacity: p,
 					color: "#fff",
@@ -2063,13 +2396,13 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 			})
 		})
 	});
-}), at = m.createAnimatedComponent(C), ot = ({ 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 = B(), g = R(), v = V(), y = d(new m.Value(+!!v)).current, x = !!s, S = () => {
+}), _t = m.createAnimatedComponent(w), vt = ({ 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 = U(), g = V(), v = W(), y = d(new m.Value(+!!v)).current, b = !!s, S = () => {
 		let e = s?.find((e) => e.variant !== "destructive" && !e.disabled);
 		e && l?.(e.id);
-	}, w = () => {
-		x ? S() : i?.();
-	}, T = x ? S : a ? i : void 0;
+	}, C = () => {
+		b ? S() : i?.();
+	}, T = b ? S : a ? i : void 0;
 	c(() => {
 		if (!e) return;
 		if (v) {
@@ -2092,25 +2425,25 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 		p.easingDefault
 	]), c(() => {
 		if (!e) return;
-		let t = h.addEventListener("hardwareBackPress", () => (w(), !0));
+		let t = h.addEventListener("hardwareBackPress", () => (C(), !0));
 		return () => t.remove();
 	}, [
 		e,
-		x,
+		b,
 		s,
 		l,
 		i
 	]);
 	let E = () => {
-		let e = x && s ? s : r;
-		return e.length === 0 ? null : /* @__PURE__ */ j(O, {
+		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 = x ? () => l?.(t.id) : t.onPress;
-				return /* @__PURE__ */ j(C, {
+				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,
@@ -2123,7 +2456,7 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 						backgroundColor: r ? p.activeOverlay : "transparent",
 						opacity: t.disabled ? p.opacityDisabled : 1
 					}),
-					children: /* @__PURE__ */ j(H, {
+					children: /* @__PURE__ */ M(G, {
 						variant: "body",
 						style: {
 							textAlign: "center",
@@ -2132,7 +2465,7 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 						},
 						children: t.label
 					})
-				}, x ? t.id : t.label);
+				}, b ? t.id : t.label);
 			})
 		});
 	}, D = g === "dark" ? {
@@ -2144,13 +2477,13 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 		shadowRadius: 32,
 		elevation: 8
 	};
-	return /* @__PURE__ */ j(b, {
+	return /* @__PURE__ */ M(x, {
 		visible: e,
 		transparent: !0,
 		animationType: "none",
 		statusBarTranslucent: !0,
-		onRequestClose: w,
-		children: /* @__PURE__ */ j(at, {
+		onRequestClose: C,
+		children: /* @__PURE__ */ M(_t, {
 			testID: f,
 			onPress: T,
 			style: {
@@ -2161,14 +2494,14 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 				backgroundColor: p.dialogBackdropColor,
 				opacity: y
 			},
-			children: /* @__PURE__ */ j(C, {
+			children: /* @__PURE__ */ M(w, {
 				onPress: () => {},
 				accessible: !1,
 				style: {
 					width: "100%",
 					maxWidth: 480
 				},
-				children: /* @__PURE__ */ M(m.View, {
+				children: /* @__PURE__ */ N(m.View, {
 					accessible: !0,
 					role: o,
 					accessibilityViewIsModal: !0,
@@ -2192,7 +2525,7 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 						}) }]
 					}, u],
 					children: [
-						t && /* @__PURE__ */ j(H, {
+						t && /* @__PURE__ */ M(G, {
 							variant: "title-4",
 							style: {
 								padding: p.space4,
@@ -2202,12 +2535,12 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 							},
 							children: t
 						}),
-						n && /* @__PURE__ */ j(O, {
+						n && /* @__PURE__ */ M(k, {
 							style: {
 								paddingVertical: p.space2,
 								paddingHorizontal: p.space4
 							},
-							children: typeof n == "string" ? /* @__PURE__ */ j(H, {
+							children: typeof n == "string" ? /* @__PURE__ */ M(G, {
 								variant: "body",
 								style: {
 									textAlign: "center",
@@ -2222,20 +2555,47 @@ var nt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
 			})
 		})
 	});
-}, st = 4, ct = 8, lt = 280;
-function ut(e, t) {
-	let { height: n } = g.get("window"), r = n - (e.y + e.height) < t && e.y > t, i = r ? e.y - t - st : e.y + e.height + st;
+}, yt = ({ children: e, accessibilityLabel: t, style: n, testID: r }) => {
+	let i = U(), a = !!e;
+	return /* @__PURE__ */ N(k, {
+		testID: r,
+		accessible: !0,
+		role: "separator",
+		accessibilityLabel: t ?? (typeof e == "string" ? e : void 0),
+		style: [{
+			flexDirection: "row",
+			alignItems: "center",
+			width: "100%",
+			gap: i.space2
+		}, n],
+		children: [/* @__PURE__ */ M(k, { style: {
+			flex: 1,
+			height: 1,
+			backgroundColor: i.cardShadeColor
+		} }), a && /* @__PURE__ */ N(j, { children: [typeof e == "string" ? /* @__PURE__ */ M(G, {
+			variant: "caption",
+			color: "dim",
+			children: e
+		}) : e, /* @__PURE__ */ M(k, { style: {
+			flex: 1,
+			height: 1,
+			backgroundColor: i.cardShadeColor
+		} })] })]
+	});
+}, bt = 4, xt = 8, St = 280;
+function Ct(e, t) {
+	let { height: n } = g.get("window"), r = n - (e.y + e.height) < t && e.y > t, i = r ? e.y - t - bt : e.y + e.height + bt;
 	return {
-		top: Math.max(ct, Math.min(i, n - t - ct)),
+		top: Math.max(xt, Math.min(i, n - t - xt)),
 		left: e.x,
 		width: e.width,
 		flipUp: r
 	};
 }
-var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an option", accessibilityLabel: i, disabled: a, style: o, testID: s }) => {
-	let l = B(), u = V(), [p, h] = f(!1), [g, _] = f(null), [v, y] = f(null), [x, S] = f(null), T = d(null), E = d(new m.Value(0)).current, D = e.find((e) => e.value === t), k = () => {
+var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an option", accessibilityLabel: i, disabled: a, style: o, testID: s }) => {
+	let l = U(), u = W(), [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), ee = (e) => {
+	}, A = () => h(!1), j = (e) => {
 		e.disabled || (n?.(e.value), A());
 	};
 	return c(() => {
@@ -2243,7 +2603,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			_(null), y(null), S(null);
 			return;
 		}
-		T.current?.measureInWindow((e, t, n, r) => {
+		C.current?.measureInWindow((e, t, n, r) => {
 			_({
 				x: e,
 				y: t,
@@ -2252,9 +2612,9 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			});
 		});
 	}, [p]), c(() => {
-		g === null || v === null || S(ut(g, v));
+		g === null || v === null || S(Ct(g, v));
 	}, [g, v]), c(() => {
-		if (x) {
+		if (b) {
 			if (u) {
 				E.setValue(1);
 				return;
@@ -2266,14 +2626,14 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			}).start();
 		}
 	}, [
-		x,
+		b,
 		u,
 		E,
 		l.durationFast
-	]), /* @__PURE__ */ M(O, {
+	]), /* @__PURE__ */ N(k, {
 		style: o,
-		children: [/* @__PURE__ */ M(C, {
-			ref: T,
+		children: [/* @__PURE__ */ N(w, {
+			ref: C,
 			testID: s,
 			role: "combobox",
 			accessibilityLabel: i,
@@ -2282,7 +2642,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 				disabled: !!a
 			},
 			disabled: a,
-			onPress: () => p ? A() : k(),
+			onPress: () => p ? A() : O(),
 			style: ({ pressed: e }) => ({
 				flexDirection: "row",
 				alignItems: "center",
@@ -2298,7 +2658,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 				borderRadius: l.radiusMd,
 				opacity: a ? l.opacityDisabled : 1
 			}),
-			children: [/* @__PURE__ */ j(H, {
+			children: [/* @__PURE__ */ M(G, {
 				numberOfLines: 1,
 				style: {
 					flex: 1,
@@ -2307,31 +2667,31 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 					opacity: D ? 1 : l.opacityDim
 				},
 				children: D?.label ?? r
-			}), /* @__PURE__ */ j(W, {
-				icon: te,
+			}), /* @__PURE__ */ M(K, {
+				icon: I,
 				size: "md",
 				color: "default",
 				style: { transform: [{ rotate: p ? "180deg" : "0deg" }] }
 			})]
-		}), /* @__PURE__ */ j(b, {
+		}), /* @__PURE__ */ M(x, {
 			visible: p,
 			transparent: !0,
 			animationType: "none",
 			statusBarTranslucent: !0,
-			children: /* @__PURE__ */ j(C, {
+			children: /* @__PURE__ */ M(w, {
 				onPress: A,
 				accessible: !1,
 				style: { flex: 1 },
 				testID: s ? `${s}-backdrop` : void 0,
-				children: /* @__PURE__ */ j(m.View, {
+				children: /* @__PURE__ */ M(m.View, {
 					onLayout: (e) => {
-						y(Math.min(e.nativeEvent.layout.height, lt));
+						y(Math.min(e.nativeEvent.layout.height, St));
 					},
 					role: "list",
 					accessible: !0,
 					style: [{
 						position: "absolute",
-						maxHeight: lt,
+						maxHeight: St,
 						backgroundColor: l.popoverBgColor,
 						borderWidth: 1,
 						borderColor: l.cardShadeColor,
@@ -2345,10 +2705,10 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 						shadowOpacity: .15,
 						shadowRadius: 12,
 						elevation: 6
-					}, x ? {
-						top: x.top,
-						left: x.left,
-						width: x.width,
+					}, b ? {
+						top: b.top,
+						left: b.left,
+						width: b.width,
 						opacity: E
 					} : {
 						top: -9999,
@@ -2356,18 +2716,18 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 						width: 200,
 						opacity: 0
 					}],
-					children: /* @__PURE__ */ j(w, {
+					children: /* @__PURE__ */ M(T, {
 						bounces: !1,
 						children: e.map((e) => {
 							let n = e.value === t;
-							return /* @__PURE__ */ M(C, {
+							return /* @__PURE__ */ N(w, {
 								role: "option",
 								accessibilityState: {
 									selected: n,
 									disabled: !!e.disabled
 								},
 								disabled: e.disabled,
-								onPress: () => ee(e),
+								onPress: () => j(e),
 								style: ({ pressed: t }) => ({
 									flexDirection: "row",
 									alignItems: "center",
@@ -2378,12 +2738,12 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 									backgroundColor: t ? l.activeOverlay : "transparent",
 									opacity: e.disabled ? l.opacityDisabled : 1
 								}),
-								children: [/* @__PURE__ */ M(O, {
+								children: [/* @__PURE__ */ N(k, {
 									style: {
 										flex: 1,
 										gap: 1
 									},
-									children: [/* @__PURE__ */ j(H, {
+									children: [/* @__PURE__ */ M(G, {
 										numberOfLines: 1,
 										style: {
 											fontSize: l.fontSizeBody,
@@ -2391,7 +2751,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 											fontWeight: n ? String(l.fontWeightSemibold) : void 0
 										},
 										children: e.label
-									}), e.description && /* @__PURE__ */ j(H, {
+									}), e.description && /* @__PURE__ */ M(G, {
 										numberOfLines: 1,
 										style: {
 											fontSize: l.fontSizeCaption,
@@ -2400,8 +2760,8 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 										},
 										children: e.description
 									})]
-								}), n && /* @__PURE__ */ j(W, {
-									icon: N,
+								}), n && /* @__PURE__ */ M(K, {
+									icon: P,
 									size: "md",
 									color: "blue"
 								})]
@@ -2412,9 +2772,104 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			})
 		})]
 	});
-}, ft = i(function({ title: e, start: t, end: n, flat: r = !1, style: i, ...a }, o) {
-	let s = B();
-	return /* @__PURE__ */ M(O, {
+}, Tt = ({ label: e, children: t, expanded: n, defaultExpanded: r = !1, onExpandedChange: i, disabled: a = !1, style: o, testID: s }) => {
+	let l = U(), u = W(), 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);
+	}, E = (e) => {
+		let t = e.nativeEvent.layout.height;
+		if (t === y) {
+			x.current = !0;
+			return;
+		}
+		v && !x.current && S.setValue(t), x.current = !0, b(t);
+	};
+	c(() => {
+		let [e, t, n, r] = l.easingDefault, i = _.bezier(e, t, n, r), a = v ? y : 0;
+		if (u) {
+			S.setValue(a), C.setValue(+!!v);
+			return;
+		}
+		m.parallel([m.timing(S, {
+			toValue: a,
+			duration: l.durationNormal,
+			easing: i,
+			useNativeDriver: !1
+		}), m.timing(C, {
+			toValue: +!!v,
+			duration: l.durationFast,
+			easing: i,
+			useNativeDriver: !0
+		})]).start();
+	}, [
+		v,
+		y,
+		u,
+		S,
+		C,
+		l.durationNormal,
+		l.durationFast,
+		l.easingDefault
+	]);
+	let D = v && !x.current, O = C.interpolate({
+		inputRange: [0, 1],
+		outputRange: ["0deg", "90deg"]
+	});
+	return /* @__PURE__ */ N(k, {
+		testID: s,
+		style: [{ width: "100%" }, o],
+		children: [/* @__PURE__ */ N(w, {
+			role: "button",
+			disabled: a,
+			accessibilityState: {
+				expanded: v,
+				disabled: a
+			},
+			onPress: T,
+			style: ({ pressed: e }) => ({
+				flexDirection: "row",
+				alignItems: "center",
+				alignSelf: "flex-start",
+				gap: l.space2,
+				padding: l.space1,
+				margin: -l.space1,
+				borderRadius: l.radiusSm,
+				backgroundColor: e ? l.activeOverlay : "transparent",
+				opacity: a ? l.opacityDisabled : 1
+			}),
+			children: [/* @__PURE__ */ M(m.View, {
+				style: {
+					opacity: .55,
+					transform: [{ rotate: O }]
+				},
+				children: /* @__PURE__ */ M(K, {
+					icon: L,
+					size: "md"
+				})
+			}), typeof e == "string" ? /* @__PURE__ */ M(G, {
+				style: { color: l.windowFgColor },
+				children: e
+			}) : e]
+		}), /* @__PURE__ */ M(m.View, {
+			style: {
+				height: D ? void 0 : S,
+				overflow: "hidden"
+			},
+			accessibilityElementsHidden: !v,
+			importantForAccessibility: v ? "yes" : "no",
+			children: /* @__PURE__ */ M(k, {
+				accessible: !0,
+				role: "region",
+				onLayout: E,
+				style: { paddingTop: l.space2 },
+				children: t
+			})
+		})]
+	});
+}, Et = i(function({ title: e, start: t, end: n, flat: r = !1, style: i, ...a }, o) {
+	let s = U();
+	return /* @__PURE__ */ N(k, {
 		ref: o,
 		style: [{
 			flexDirection: "row",
@@ -2428,7 +2883,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 		}, i],
 		...a,
 		children: [
-			/* @__PURE__ */ j(O, {
+			/* @__PURE__ */ M(k, {
 				style: {
 					flex: 1,
 					flexDirection: "row",
@@ -2437,14 +2892,14 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 				},
 				children: t
 			}),
-			/* @__PURE__ */ j(O, {
+			/* @__PURE__ */ M(k, {
 				accessibilityLiveRegion: "polite",
 				style: {
 					alignItems: "center",
 					justifyContent: "center",
 					paddingHorizontal: s.space1
 				},
-				children: typeof e == "string" ? /* @__PURE__ */ j(E, {
+				children: typeof e == "string" ? /* @__PURE__ */ M(D, {
 					numberOfLines: 1,
 					ellipsizeMode: "tail",
 					style: {
@@ -2457,7 +2912,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 					children: e
 				}) : e
 			}),
-			/* @__PURE__ */ j(O, {
+			/* @__PURE__ */ M(k, {
 				style: {
 					flex: 1,
 					flexDirection: "row",
@@ -2469,22 +2924,124 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			})
 		]
 	});
-}), pt = i(function({ href: e, external: t = !1, children: n, style: r, textStyle: i, onPress: a, ...o }, s) {
-	let c = B();
-	return /* @__PURE__ */ j(C, {
+});
+//#endregion
+//#region src/components/Highlight/Highlight.tsx
+function Dt(e) {
+	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+var Ot = ({ text: e, query: t, caseSensitive: n = !1, ...r }) => {
+	let i = U(), a = H(), o = (Array.isArray(t) ? t : [t]).map((e) => e.trim()).filter(Boolean);
+	if (o.length === 0) return /* @__PURE__ */ M(G, {
+		...r,
+		children: e
+	});
+	let s = RegExp(`(${o.map(Dt).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(G, {
+		...r,
+		children: c.map((e, t) => t % 2 == 1 ? /* @__PURE__ */ M(D, {
+			style: l,
+			children: e
+		}, t) : e)
+	});
+};
+//#endregion
+//#region src/components/LevelBar/LevelBar.tsx
+function kt(e, t, n, r, i, a) {
+	return t !== void 0 && e <= t ? n : r !== void 0 && e >= r ? i : a;
+}
+function At(e, t) {
+	switch (t) {
+		case "accent": return e.accentBgColor;
+		case "success": return e.successBgColor;
+		case "warning": return e.warningBgColor;
+		case "error": return e.errorBgColor;
+	}
+}
+var jt = ({ 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 = U(), v = V(), y = W(), b = n - t, x = Math.min(n, Math.max(t, e)), S = b > 0 ? (x - t) / b : 0, C = kt(x, r, i, a, o, s), w = d(new m.Value(S)).current;
+	c(() => {
+		if (l) return;
+		let [e, t, n, r] = g.easingDefault;
+		m.timing(w, {
+			toValue: S,
+			duration: y ? 0 : g.durationNormal,
+			easing: _.bezier(e, t, n, r),
+			useNativeDriver: !0
+		}).start();
+	}, [
+		S,
+		l,
+		y,
+		w,
+		g.durationNormal,
+		g.easingDefault
+	]);
+	let T = v === "dark" ? g.dark2 : g.light3;
+	return /* @__PURE__ */ M(k, {
+		testID: h,
+		accessible: !0,
+		role: "meter",
+		accessibilityLabel: f,
+		accessibilityValue: {
+			min: t,
+			max: n,
+			now: x
+		},
+		style: [{
+			flexDirection: "row",
+			width: "100%",
+			height: 6,
+			borderRadius: l ? 0 : g.radiusPill,
+			backgroundColor: l ? "transparent" : T,
+			overflow: l ? "visible" : "hidden",
+			gap: l ? 2 : 0
+		}, p],
+		children: l ? Array.from({ length: u }, (e, t) => /* @__PURE__ */ M(k, {
+			testID: "level-bar-block",
+			accessibilityElementsHidden: !0,
+			importantForAccessibility: "no",
+			style: {
+				flex: 1,
+				height: "100%",
+				minWidth: 2,
+				borderRadius: 1,
+				backgroundColor: (t + 1) / u <= S ? At(g, C) : T
+			}
+		}, t)) : /* @__PURE__ */ M(m.View, {
+			testID: h ? `${h}-fill` : void 0,
+			style: {
+				width: "100%",
+				height: "100%",
+				borderRadius: g.radiusPill,
+				backgroundColor: At(g, C),
+				transformOrigin: "left",
+				transform: [{ scaleX: w }]
+			}
+		})
+	});
+}, Mt = i(function({ href: e, external: t = !1, children: n, style: r, textStyle: i, onPress: a, ...o }, s) {
+	let c = U();
+	return /* @__PURE__ */ M(w, {
 		ref: s,
 		accessibilityRole: "link",
 		accessibilityHint: t ? "Opens in browser" : void 0,
-		onPress: a ?? (() => y.openURL(e)),
+		onPress: a ?? (() => b.openURL(e)),
 		style: r,
 		...o,
-		children: ({ pressed: e }) => /* @__PURE__ */ M(H, {
+		children: ({ pressed: e }) => /* @__PURE__ */ N(G, {
 			style: [{
 				color: c.accentColor,
 				textDecorationLine: e ? "underline" : "none",
 				opacity: e ? .7 : 1
 			}, i],
-			children: [n, t && /* @__PURE__ */ j(E, {
+			children: [n, t && /* @__PURE__ */ M(D, {
 				accessibilityElementsHidden: !0,
 				importantForAccessibility: "no",
 				style: { fontSize: 12 },
@@ -2492,9 +3049,66 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			})]
 		})
 	});
-}), mt = ({ segments: e, onNavigate: n, style: r, ...i }) => {
-	let a = B();
-	return /* @__PURE__ */ j(O, {
+}), Nt = m.createAnimatedComponent(w), Pt = ({ open: e, onDismiss: t, children: n, style: r, testID: i }) => {
+	let a = U(), o = W(), [s, l] = f(e), u = d(new m.Value(+!!e)).current;
+	return c(() => {
+		e && l(!0);
+	}, [e]), c(() => {
+		if (s) if (e) {
+			if (o) {
+				u.setValue(1);
+				return;
+			}
+			u.setValue(0), m.timing(u, {
+				toValue: 1,
+				duration: a.durationNormal,
+				useNativeDriver: !0
+			}).start();
+		} else {
+			if (o) {
+				l(!1);
+				return;
+			}
+			m.timing(u, {
+				toValue: 0,
+				duration: a.durationNormal,
+				useNativeDriver: !0
+			}).start(({ finished: e }) => {
+				e && l(!1);
+			});
+		}
+	}, [
+		e,
+		s,
+		o,
+		u,
+		a.durationNormal
+	]), s ? /* @__PURE__ */ M(x, {
+		visible: s,
+		transparent: !0,
+		animationType: "none",
+		statusBarTranslucent: !0,
+		children: /* @__PURE__ */ M(Nt, {
+			testID: i,
+			onPress: t,
+			accessible: !1,
+			style: [{
+				flex: 1,
+				alignItems: "center",
+				justifyContent: "center",
+				backgroundColor: a.dialogBackdropColor,
+				opacity: u
+			}, r],
+			children: /* @__PURE__ */ M(w, {
+				onPress: () => {},
+				accessible: !1,
+				children: n
+			})
+		})
+	}) : null;
+}, Ft = ({ segments: e, onNavigate: n, style: r, ...i }) => {
+	let a = U();
+	return /* @__PURE__ */ M(k, {
 		style: [{
 			flexDirection: "row",
 			flexWrap: "wrap",
@@ -2503,7 +3117,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 		...i,
 		children: e.map((r, i) => {
 			let o = i === e.length - 1;
-			return /* @__PURE__ */ M(t, { children: [i > 0 && /* @__PURE__ */ j(E, {
+			return /* @__PURE__ */ N(t, { children: [i > 0 && /* @__PURE__ */ M(D, {
 				accessibilityElementsHidden: !0,
 				importantForAccessibility: "no",
 				style: {
@@ -2513,7 +3127,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 					fontSize: a.fontSizeBody
 				},
 				children: "›"
-			}), o ? /* @__PURE__ */ M(O, {
+			}), o ? /* @__PURE__ */ N(k, {
 				style: {
 					flexDirection: "row",
 					alignItems: "center",
@@ -2522,10 +3136,10 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 					paddingHorizontal: a.space1,
 					maxWidth: 200
 				},
-				children: [r.icon && /* @__PURE__ */ j(O, {
+				children: [r.icon && /* @__PURE__ */ M(k, {
 					style: { flexShrink: 0 },
 					children: r.icon
-				}), /* @__PURE__ */ j(E, {
+				}), /* @__PURE__ */ M(D, {
 					numberOfLines: 1,
 					ellipsizeMode: "tail",
 					style: {
@@ -2536,7 +3150,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 					},
 					children: r.label
 				})]
-			}) : /* @__PURE__ */ M(C, {
+			}) : /* @__PURE__ */ N(w, {
 				accessibilityRole: "button",
 				accessibilityLabel: r.label,
 				onPress: () => n?.(r.path, i),
@@ -2550,10 +3164,10 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 					borderRadius: a.radiusSm,
 					backgroundColor: e ? a.activeOverlay : "transparent"
 				}),
-				children: [r.icon && /* @__PURE__ */ j(O, {
+				children: [r.icon && /* @__PURE__ */ M(k, {
 					style: { flexShrink: 0 },
 					children: r.icon
-				}), /* @__PURE__ */ j(E, {
+				}), /* @__PURE__ */ M(D, {
 					numberOfLines: 1,
 					ellipsizeMode: "tail",
 					style: {
@@ -2566,8 +3180,212 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			})] }, r.path);
 		})
 	});
-}, ht = ({ value: e, variant: t = "accent", accessibilityLabel: n, style: r, onLayout: i, ...a }) => {
-	let o = B(), s = R(), l = V(), 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) => {
+}, J = 8, Y = 10, It = 6;
+function Lt(e, t) {
+	if (e) {
+		if (typeof e == "function") {
+			e(t);
+			return;
+		}
+		e.current = t;
+	}
+}
+function Rt(e, t, n) {
+	switch (n) {
+		case "top": return {
+			top: e.y - t.height - J,
+			left: e.x + e.width / 2 - t.width / 2
+		};
+		case "bottom": return {
+			top: e.y + e.height + J,
+			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 - J
+		};
+		case "right": return {
+			top: e.y + e.height / 2 - t.height / 2,
+			left: e.x + e.width + J
+		};
+	}
+}
+function zt(e, t, n) {
+	let { width: r, height: i } = g.get("window"), a = [
+		n,
+		n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
+		"bottom",
+		"top",
+		"left",
+		"right"
+	];
+	for (let n of a) {
+		let { top: a, left: o } = Rt(e, t, n), s = o >= Y && o + t.width <= r - Y, c = a >= Y && a + t.height <= i - Y;
+		if (s && c) return {
+			top: Math.max(Y, Math.min(a, i - t.height - Y)),
+			left: Math.max(Y, Math.min(o, r - t.width - Y)),
+			placement: n
+		};
+	}
+	let { top: o, left: s } = Rt(e, t, n);
+	return {
+		top: Math.max(Y, Math.min(o, i - t.height - Y)),
+		left: Math.max(Y, Math.min(s, r - t.width - Y)),
+		placement: n
+	};
+}
+var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panelStyle: a, children: s }) => {
+	let l = U(), u = W(), 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(() => {
+		if (!v) {
+			b(null), C(null), E(null);
+			return;
+		}
+		D.current?.measureInWindow((e, t, n, r) => {
+			b({
+				x: e,
+				y: t,
+				width: n,
+				height: r
+			});
+		});
+	}, [v]), c(() => {
+		!y || !S || E(zt(y, S, t));
+	}, [
+		y,
+		S,
+		t
+	]), c(() => {
+		if (T) {
+			if (u) {
+				O.setValue(1);
+				return;
+			}
+			O.setValue(0), m.timing(O, {
+				toValue: 1,
+				duration: l.durationFast,
+				useNativeDriver: !0
+			}).start();
+		}
+	}, [
+		T,
+		u,
+		O,
+		l.durationFast
+	]), c(() => {
+		if (!v) return;
+		let e = h.addEventListener("hardwareBackPress", () => (P(), !0));
+		return () => e.remove();
+	}, [v, P]);
+	let ee = (e) => {
+		let { width: t, height: n } = e.nativeEvent.layout;
+		C({
+			width: t,
+			height: n
+		});
+	}, I = {
+		position: "absolute",
+		width: 0,
+		height: 0,
+		borderWidth: It,
+		borderColor: "transparent"
+	}, L = (() => {
+		switch (T?.placement) {
+			case "top": return {
+				...I,
+				top: "100%",
+				left: "50%",
+				marginLeft: -6,
+				borderTopColor: l.popoverBgColor
+			};
+			case "bottom": return {
+				...I,
+				bottom: "100%",
+				left: "50%",
+				marginLeft: -6,
+				borderBottomColor: l.popoverBgColor
+			};
+			case "left": return {
+				...I,
+				left: "100%",
+				top: "50%",
+				marginTop: -6,
+				borderLeftColor: l.popoverBgColor
+			};
+			case "right": return {
+				...I,
+				right: "100%",
+				top: "50%",
+				marginTop: -6,
+				borderRightColor: l.popoverBgColor
+			};
+			default: return null;
+		}
+	})(), R = s.props.ref;
+	return /* @__PURE__ */ N(j, { children: [n(s, {
+		ref: (e) => {
+			D.current = e, Lt(R, e);
+		},
+		accessibilityState: {
+			expanded: v,
+			...s.props.accessibilityState
+		},
+		onPress: (e) => {
+			F(), s.props.onPress?.(e);
+		}
+	}), /* @__PURE__ */ M(x, {
+		visible: v,
+		transparent: !0,
+		animationType: "none",
+		statusBarTranslucent: !0,
+		onRequestClose: P,
+		children: /* @__PURE__ */ M(w, {
+			onPress: P,
+			accessible: !1,
+			style: { flex: 1 },
+			children: /* @__PURE__ */ N(m.View, {
+				onLayout: ee,
+				role: "dialog",
+				accessible: !0,
+				onStartShouldSetResponder: () => !0,
+				style: [
+					{
+						position: "absolute",
+						minWidth: 180,
+						maxWidth: 320,
+						backgroundColor: l.popoverBgColor,
+						borderWidth: 1,
+						borderColor: l.cardShadeColor,
+						borderRadius: l.radiusLg,
+						padding: l.space2,
+						shadowColor: "#000",
+						shadowOffset: {
+							width: 0,
+							height: 4
+						},
+						shadowOpacity: .15,
+						shadowRadius: 12,
+						elevation: 6
+					},
+					T ? {
+						top: T.top,
+						left: T.left,
+						opacity: O
+					} : {
+						top: -9999,
+						left: -9999,
+						opacity: 0
+					},
+					a
+				],
+				children: [e, L && /* @__PURE__ */ M(k, { style: L })]
+			})
+		})
+	})] });
+}, Vt = ({ value: e, variant: t = "accent", accessibilityLabel: n, style: r, onLayout: i, ...a }) => {
+	let o = U(), s = V(), l = W(), 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(() => {
@@ -2623,7 +3441,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 		transformOrigin: "left",
 		transform: [{ scaleX: g }]
 	};
-	return /* @__PURE__ */ j(m.View, {
+	return /* @__PURE__ */ M(m.View, {
 		accessible: !0,
 		accessibilityRole: "progressbar",
 		accessibilityLabel: n,
@@ -2641,7 +3459,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			overflow: "hidden"
 		}, r],
 		...a,
-		children: /* @__PURE__ */ j(m.View, { style: [{
+		children: /* @__PURE__ */ M(m.View, { style: [{
 			position: u ? "absolute" : "relative",
 			top: 0,
 			height: "100%",
@@ -2649,8 +3467,8 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 			backgroundColor: C[t]
 		}, w] })
 	});
-}, gt = 18, _t = 6, vt = i(function({ value: e, onSelect: t, disabled: n, style: r, ...i }, a) {
-	let o = B(), s = R(), l = z(), u = d(new m.Value(+!!e)).current, f = d(!0);
+}, Ht = 18, Ut = 6, Wt = i(function({ value: e, onSelect: t, disabled: n, style: r, ...i }, a) {
+	let o = U(), s = V(), l = H(), u = d(new m.Value(+!!e)).current, f = d(!0);
 	c(() => {
 		if (f.current) {
 			f.current = !1;
@@ -2676,7 +3494,7 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 		inputRange: [0, 1],
 		outputRange: [o.cardBgColor, o.accentBgColor]
 	});
-	return /* @__PURE__ */ j(C, {
+	return /* @__PURE__ */ M(w, {
 		ref: a,
 		disabled: n,
 		accessibilityRole: "radio",
@@ -2689,10 +3507,10 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 		},
 		style: [{ opacity: n ? o.opacityDisabled : 1 }, r],
 		...i,
-		children: /* @__PURE__ */ j(m.View, {
+		children: /* @__PURE__ */ M(m.View, {
 			style: {
-				width: gt,
-				height: gt,
+				width: Ht,
+				height: Ht,
 				alignItems: "center",
 				justifyContent: "center",
 				borderRadius: o.radiusPill,
@@ -2700,9 +3518,9 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 				borderColor: h,
 				backgroundColor: g
 			},
-			children: /* @__PURE__ */ j(m.View, { style: {
-				width: _t,
-				height: _t,
+			children: /* @__PURE__ */ M(m.View, { style: {
+				width: Ut,
+				height: Ut,
 				borderRadius: o.radiusPill,
 				backgroundColor: "#fff",
 				opacity: u
@@ -2712,29 +3530,29 @@ var dt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
 });
 //#endregion
 //#region src/components/SearchBar/SearchBar.tsx
-function yt(e, t) {
+function Gt(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 bt = 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 = B(), _ = d(null);
+var Kt = 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 = U(), _ = d(null);
 	if (l(h, () => _.current, []), c(() => {
 		if (!e) return;
 		let t = requestAnimationFrame(() => _.current?.focus());
 		return () => cancelAnimationFrame(t);
 	}, [e]), !e) return null;
 	let v = !o, y = typeof i == "string" && i.length > 0, b = s ? "transparent" : g.headerbarBgColor, x = s ? "transparent" : g.headerbarShadeColor;
-	return /* @__PURE__ */ M(O, {
+	return /* @__PURE__ */ N(k, {
 		style: f,
-		children: [/* @__PURE__ */ M(O, {
+		children: [/* @__PURE__ */ N(k, {
 			style: {
 				flexDirection: "row",
 				alignItems: "center",
 				gap: g.space1
 			},
-			children: [/* @__PURE__ */ M(O, {
+			children: [/* @__PURE__ */ N(k, {
 				style: {
 					flex: 1,
 					flexDirection: "row",
@@ -2748,7 +3566,7 @@ var bt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 					opacity: v ? g.opacityDisabled : 1
 				},
 				children: [
-					/* @__PURE__ */ j(E, {
+					/* @__PURE__ */ M(D, {
 						accessibilityElementsHidden: !0,
 						importantForAccessibility: "no",
 						style: {
@@ -2757,12 +3575,12 @@ var bt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 						},
 						children: "🔍"
 					}),
-					/* @__PURE__ */ j(D, {
+					/* @__PURE__ */ M(O, {
 						ref: _,
 						editable: o,
 						value: i,
 						placeholder: a,
-						placeholderTextColor: yt(g.windowFgColor, g.opacityDim),
+						placeholderTextColor: Gt(g.windowFgColor, g.opacityDim),
 						style: [{
 							flex: 1,
 							padding: 0,
@@ -2773,7 +3591,7 @@ var bt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 						}, p],
 						...m
 					}),
-					y && /* @__PURE__ */ j(C, {
+					y && /* @__PURE__ */ M(w, {
 						accessibilityRole: "button",
 						accessibilityLabel: "Clear search",
 						disabled: v,
@@ -2790,7 +3608,7 @@ var bt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 							opacity: v ? g.opacityDisabled : 1,
 							backgroundColor: e ? g.activeOverlay : "transparent"
 						}),
-						children: /* @__PURE__ */ j(E, {
+						children: /* @__PURE__ */ M(D, {
 							style: {
 								fontSize: g.fontSizeBody,
 								color: g.windowFgColor
@@ -2799,12 +3617,12 @@ var bt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 						})
 					})
 				]
-			}), t && /* @__PURE__ */ j(C, {
+			}), t && /* @__PURE__ */ M(w, {
 				accessibilityRole: "button",
 				accessibilityLabel: u,
 				onPress: t,
 				hitSlop: 8,
-				children: /* @__PURE__ */ j(E, {
+				children: /* @__PURE__ */ M(D, {
 					style: {
 						fontFamily: g.fontFamily,
 						fontSize: g.fontSizeBody,
@@ -2813,7 +3631,7 @@ var bt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 					children: u
 				})
 			})]
-		}), r && /* @__PURE__ */ j(O, {
+		}), r && /* @__PURE__ */ M(k, {
 			style: {
 				flexDirection: "row",
 				flexWrap: "wrap",
@@ -2830,32 +3648,32 @@ var bt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 });
 //#endregion
 //#region src/components/Sidebar/filterUtils.ts
-function xt(t, n) {
+function qt(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 += xt(t.children, n));
+		typeof t.label == "string" ? t.label.toLowerCase().includes(n.toLowerCase()) && r++ : t.children && (r += qt(t.children, n));
 	}), r;
 }
-function St(e, t) {
+function Jt(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 ? xt(n.children, t) > 0 : !0;
+	return typeof n.label == "string" ? n.label.toLowerCase().includes(t.toLowerCase()) : n.children ? qt(n.children, t) > 0 : !0;
 }
 //#endregion
 //#region src/components/Sidebar/Sidebar.tsx
-var K = r(!1);
-function Ct() {
-	return s(K);
+var Yt = r(!1);
+function Xt() {
+	return s(Yt);
 }
-var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "", style: a, ...o }, s) {
-	let c = B(), l = i.length > 0, u = e.toArray(n).filter(Boolean).filter((e) => St(e, i)), d = !l || u.length > 0;
-	return /* @__PURE__ */ j(K.Provider, {
+var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "", style: a, ...o }, s) {
+	let c = U(), l = i.length > 0, u = e.toArray(n).filter(Boolean).filter((e) => Jt(e, i)), d = !l || u.length > 0;
+	return /* @__PURE__ */ M(Yt.Provider, {
 		value: r,
-		children: /* @__PURE__ */ j(q.Provider, {
+		children: /* @__PURE__ */ M(X.Provider, {
 			value: i,
-			children: /* @__PURE__ */ j(O, {
+			children: /* @__PURE__ */ M(k, {
 				ref: s,
 				style: [{
 					flexShrink: 0,
@@ -2865,9 +3683,9 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 					borderRightColor: c.headerbarBorderColor
 				}, a],
 				...o,
-				children: /* @__PURE__ */ j(w, {
+				children: /* @__PURE__ */ M(T, {
 					contentContainerStyle: { padding: c.space1 },
-					children: l && !d ? /* @__PURE__ */ j(H, {
+					children: l && !d ? /* @__PURE__ */ M(G, {
 						variant: "caption",
 						color: "dim",
 						style: {
@@ -2875,7 +3693,7 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 							padding: c.space4
 						},
 						children: "No items match your search."
-					}) : u.map((e, n) => /* @__PURE__ */ M(t, { children: [n > 0 && /* @__PURE__ */ j(Ye, {
+					}) : u.map((e, n) => /* @__PURE__ */ N(t, { children: [n > 0 && /* @__PURE__ */ M(st, {
 						testID: "sidebar-separator",
 						style: { marginVertical: c.space1 }
 					}), e] }, n))
@@ -2883,9 +3701,9 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 			})
 		})
 	});
-}), Tt = i(function({ label: e, icon: t, active: n = !1, suffix: r, disabled: i, style: a, ...o }, c) {
-	let l = B(), u = Ct(), d = s(q);
-	return d.length > 0 && !e.toLowerCase().includes(d.toLowerCase()) ? null : /* @__PURE__ */ M(C, {
+}), Qt = i(function({ label: e, icon: t, active: n = !1, suffix: r, disabled: i, style: a, ...o }, c) {
+	let l = U(), u = Xt(), d = s(X);
+	return d.length > 0 && !e.toLowerCase().includes(d.toLowerCase()) ? null : /* @__PURE__ */ N(w, {
 		ref: c,
 		disabled: i,
 		accessibilityRole: "button",
@@ -2913,14 +3731,14 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 		],
 		...o,
 		children: [
-			t && /* @__PURE__ */ j(O, {
+			t && /* @__PURE__ */ M(k, {
 				style: {
 					flexShrink: 0,
 					opacity: n ? 1 : .85
 				},
 				children: t
 			}),
-			!u && /* @__PURE__ */ j(H, {
+			!u && /* @__PURE__ */ M(G, {
 				numberOfLines: 1,
 				ellipsizeMode: "tail",
 				style: {
@@ -2931,22 +3749,22 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 				},
 				children: e
 			}),
-			!u && r && /* @__PURE__ */ j(O, {
+			!u && r && /* @__PURE__ */ M(k, {
 				style: { flexShrink: 0 },
 				children: r
 			})
 		]
 	});
-}), Et = i(function({ title: e, icon: t, collapsible: n = !1, defaultOpen: r = !0, open: i, onOpenChange: a, children: o, style: c, ...u }, d) {
-	let p = B(), [m, h] = f(r), g = i !== void 0, _ = g ? i : m, v = Ct(), y = s(q), b = (e) => {
+}), $t = i(function({ title: e, icon: t, collapsible: n = !1, defaultOpen: r = !0, open: i, onOpenChange: a, children: o, style: c, ...u }, d) {
+	let p = U(), [m, h] = f(r), g = i !== void 0, _ = g ? i : m, v = Xt(), y = s(X), b = (e) => {
 		g || h(e), a?.(e);
 	};
 	if (l(d, () => ({
 		expand: () => b(!0),
 		collapse: () => b(!1),
 		toggle: () => b(!_)
-	})), !(y.length === 0 || xt(o, y) > 0)) return null;
-	let x = v ? !0 : _, S = !v && !!(e || t), w = (e || t) && /* @__PURE__ */ M(O, {
+	})), !(y.length === 0 || qt(o, y) > 0)) return null;
+	let x = v ? !0 : _, S = !v && !!(e || t), C = (e || t) && /* @__PURE__ */ N(k, {
 		style: {
 			flexDirection: "row",
 			alignItems: "center",
@@ -2957,21 +3775,21 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 			marginBottom: 2
 		},
 		children: [
-			t && /* @__PURE__ */ j(O, {
+			t && /* @__PURE__ */ M(k, {
 				style: {
 					flexShrink: 0,
 					opacity: .7
 				},
 				children: t
 			}),
-			e && /* @__PURE__ */ j(H, {
+			e && /* @__PURE__ */ M(G, {
 				variant: "caption-heading",
 				color: "dim",
 				style: { flex: 1 },
 				numberOfLines: 1,
 				children: e
 			}),
-			n && /* @__PURE__ */ j(H, {
+			n && /* @__PURE__ */ M(G, {
 				variant: "caption",
 				color: "dim",
 				style: { flexShrink: 0 },
@@ -2979,16 +3797,16 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 			})
 		]
 	});
-	return /* @__PURE__ */ M(O, {
+	return /* @__PURE__ */ N(k, {
 		style: c,
 		...u,
-		children: [S && (n ? /* @__PURE__ */ j(C, {
+		children: [S && (n ? /* @__PURE__ */ M(w, {
 			accessibilityRole: "button",
 			accessibilityState: { expanded: _ },
 			accessibilityLabel: e,
 			onPress: () => b(!_),
-			children: w
-		}) : w), /* @__PURE__ */ j(O, {
+			children: C
+		}) : C), /* @__PURE__ */ M(k, {
 			accessible: !0,
 			accessibilityRole: "list",
 			style: {
@@ -2998,8 +3816,8 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 			children: o
 		})]
 	});
-}), Dt = ({ variant: e = "rect", width: t = "100%", height: n = 16, size: r = 40, lines: i = 3, animated: a = !0, style: o, ...s }) => {
-	let l = B(), u = V(), f = d(new m.Value(1)).current, p = a && !u;
+}), en = ({ variant: e = "rect", width: t = "100%", height: n = 16, size: r = 40, lines: i = 3, animated: a = !0, style: o, ...s }) => {
+	let l = U(), u = W(), f = d(new m.Value(1)).current, p = a && !u;
 	if (c(() => {
 		if (!p) {
 			f.setValue(1);
@@ -3023,11 +3841,11 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 		l.easingDefault
 	]), e === "text") {
 		let e = Math.max(1, Math.floor(i));
-		return /* @__PURE__ */ j(O, {
+		return /* @__PURE__ */ M(k, {
 			accessible: !1,
 			style: [{ gap: 8 }, o],
 			...s,
-			children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ j(m.View, { style: {
+			children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ M(m.View, { style: {
 				width: n === e - 1 ? "60%" : "100%",
 				height: 12,
 				borderRadius: l.radiusPill,
@@ -3045,7 +3863,7 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 		height: n,
 		borderRadius: l.radiusMd
 	};
-	return /* @__PURE__ */ j(m.View, {
+	return /* @__PURE__ */ M(m.View, {
 		accessible: !1,
 		style: [
 			h,
@@ -3057,22 +3875,22 @@ var q = r(""), wt = i(function({ children: n, collapsed: r = !1, filter: i = "",
 		],
 		...s
 	});
-}, Ot = 6, J = 22, Y = 4;
-function X(e, t, n) {
+}, tn = 6, Z = 22, nn = 4;
+function Q(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Z(e, t, n, r) {
+function rn(e, t, n, r) {
 	return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
 }
-function kt(e) {
+function an(e) {
 	let t = e.toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.length - n - 1;
 }
-var At = ({ 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 = B(), [h, g] = f(0), [_, v] = f({}), y = kt(i), b = X(e, n, r), S = (b - n) / (r - n) * 100, C = o((e) => {
+var on = ({ 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 = U(), [h, g] = f(0), [_, v] = f({}), y = an(i), b = Q(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(X(Z(e / h * (r - n) + n, n, i, y), n, r));
+		a || h <= 0 || t(Q(rn(e / h * (r - n) + n, n, i, y), n, r));
 	}, [
 		a,
 		h,
@@ -3081,18 +3899,18 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		i,
 		y,
 		t
-	]), T = u(() => x.create({
+	]), T = u(() => S.create({
 		onStartShouldSetPanResponder: () => !a,
 		onMoveShouldSetPanResponder: () => !a,
 		onPanResponderGrant: (e) => w(e.nativeEvent.locationX),
 		onPanResponderMove: (e) => w(e.nativeEvent.locationX)
-	}), [a, w]), D = o((o) => {
+	}), [a, w]), E = o((o) => {
 		if (!a) switch (o.nativeEvent.actionName) {
 			case "increment":
-				t(X(Z(e + i, n, i, y), n, r));
+				t(Q(rn(e + i, n, i, y), n, r));
 				break;
 			case "decrement":
-				t(X(Z(e - i, n, i, y), n, r));
+				t(Q(rn(e - i, n, i, y), n, r));
 				break;
 		}
 	}, [
@@ -3103,15 +3921,15 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		r,
 		y,
 		t
-	]), k = s && s.length > 0, A = k && s.some((e) => e.label), N = S / 100 * h - J / 2;
-	return /* @__PURE__ */ M(O, {
+	]), O = s && s.length > 0, A = O && s.some((e) => e.label), j = x / 100 * h - Z / 2;
+	return /* @__PURE__ */ N(k, {
 		style: [{
 			width: "100%",
 			paddingTop: 10,
 			paddingBottom: A ? 0 : 10
 		}, l],
 		...p,
-		children: [/* @__PURE__ */ M(O, {
+		children: [/* @__PURE__ */ N(k, {
 			onLayout: C,
 			accessible: !0,
 			accessibilityRole: "adjustable",
@@ -3129,37 +3947,37 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 				name: "decrement",
 				label: "decrement"
 			}],
-			onAccessibilityAction: D,
+			onAccessibilityAction: E,
 			style: {
 				justifyContent: "center",
-				height: J,
+				height: Z,
 				opacity: a ? m.opacityDisabled : 1
 			},
 			...T.panHandlers,
 			children: [
-				/* @__PURE__ */ j(O, {
+				/* @__PURE__ */ M(k, {
 					pointerEvents: "none",
 					style: {
 						width: "100%",
-						height: Ot,
+						height: tn,
 						borderRadius: m.radiusPill,
 						backgroundColor: m.cardShadeColor,
 						overflow: "hidden"
 					},
-					children: /* @__PURE__ */ j(O, { style: {
+					children: /* @__PURE__ */ M(k, { style: {
 						height: "100%",
-						width: `${S}%`,
+						width: `${x}%`,
 						borderRadius: m.radiusPill,
 						backgroundColor: m.accentBgColor
 					} })
 				}),
-				/* @__PURE__ */ j(O, {
+				/* @__PURE__ */ M(k, {
 					pointerEvents: "none",
 					style: {
 						position: "absolute",
-						left: N,
-						width: J,
-						height: J,
+						left: j,
+						width: Z,
+						height: Z,
 						borderRadius: m.radiusPill,
 						backgroundColor: m.accentBgColor,
 						borderWidth: 2,
@@ -3174,20 +3992,20 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 						elevation: 3
 					}
 				}),
-				k && s.map((e) => /* @__PURE__ */ j(O, {
+				O && s.map((e) => /* @__PURE__ */ M(k, {
 					pointerEvents: "none",
 					importantForAccessibility: "no",
 					style: {
 						position: "absolute",
-						left: (X(e.value, n, r) - n) / (r - n) * 100 / 100 * h - Y / 2,
-						width: Y,
-						height: Y,
-						borderRadius: Y / 2,
+						left: (Q(e.value, n, r) - n) / (r - n) * 100 / 100 * h - nn / 2,
+						width: nn,
+						height: nn,
+						borderRadius: nn / 2,
 						backgroundColor: m.windowBgColor
 					}
 				}, e.value))
 			]
-		}), A && /* @__PURE__ */ j(O, {
+		}), A && /* @__PURE__ */ M(k, {
 			importantForAccessibility: "no",
 			style: {
 				position: "relative",
@@ -3195,7 +4013,7 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 				height: 20,
 				marginTop: 6
 			},
-			children: s.map((e) => /* @__PURE__ */ j(E, {
+			children: s.map((e) => /* @__PURE__ */ M(D, {
 				numberOfLines: 1,
 				onLayout: (t) => {
 					let { layout: { width: n } } = t.nativeEvent;
@@ -3206,7 +4024,7 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 				},
 				style: {
 					position: "absolute",
-					left: (X(e.value, n, r) - n) / (r - n) * 100 / 100 * h - (_[e.value] ?? 0) / 2,
+					left: (Q(e.value, n, r) - n) / (r - n) * 100 / 100 * h - (_[e.value] ?? 0) / 2,
 					fontFamily: m.fontFamily,
 					fontSize: m.fontSizeCaption,
 					color: m.windowFgColor,
@@ -3216,7 +4034,140 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 			}, e.value))
 		})]
 	});
-}, jt = {
+}, sn = 36;
+function cn(e) {
+	let t = e.toString(), n = t.indexOf(".");
+	return n === -1 ? 0 : t.length - n - 1;
+}
+function ln(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function un(e, t, n, r) {
+	let i = n - t + r;
+	return ((e - t) % i + i) % i + t;
+}
+var dn = ({ 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 = U(), p = a ?? cn(i), m = o((e) => {
+		let a = s ? un(e, n, r, i) : ln(e, n, r);
+		t(parseFloat(a.toFixed(p)));
+	}, [
+		t,
+		n,
+		r,
+		i,
+		p,
+		s
+	]), h = c ? c(e) : e.toFixed(p), g = o((t) => {
+		if (!l) switch (t.nativeEvent.actionName) {
+			case "increment":
+				m(e + i);
+				break;
+			case "decrement":
+				m(e - i);
+				break;
+		}
+	}, [
+		l,
+		e,
+		i,
+		m
+	]), _ = l || !s && e <= n, v = l || !s && e >= r;
+	return /* @__PURE__ */ N(k, {
+		accessible: !0,
+		accessibilityRole: "adjustable",
+		accessibilityLabel: u,
+		accessibilityValue: {
+			min: n,
+			max: r,
+			now: e,
+			text: c ? h : void 0
+		},
+		accessibilityState: { disabled: l },
+		accessibilityActions: [{
+			name: "increment",
+			label: "increment"
+		}, {
+			name: "decrement",
+			label: "decrement"
+		}],
+		onAccessibilityAction: g,
+		style: [{
+			flexDirection: "row",
+			alignSelf: "flex-start",
+			alignItems: "center",
+			borderWidth: 1,
+			borderColor: f.cardShadeColor,
+			borderRadius: f.radiusMd,
+			backgroundColor: f.viewBgColor,
+			overflow: "hidden",
+			opacity: l ? f.opacityDisabled : 1
+		}, d],
+		children: [
+			/* @__PURE__ */ M(w, {
+				accessibilityElementsHidden: !0,
+				importantForAccessibility: "no",
+				disabled: _,
+				onPress: () => m(e - i),
+				style: ({ pressed: e }) => ({
+					width: sn,
+					height: sn,
+					alignItems: "center",
+					justifyContent: "center",
+					borderRightWidth: 1,
+					borderRightColor: f.cardShadeColor,
+					backgroundColor: e && !_ ? f.activeOverlay : "transparent",
+					opacity: _ ? f.opacityDisabled : 1
+				}),
+				children: /* @__PURE__ */ M(D, {
+					style: {
+						fontSize: 17,
+						lineHeight: 20,
+						color: f.viewFgColor
+					},
+					children: "−"
+				})
+			}),
+			/* @__PURE__ */ M(D, {
+				accessibilityElementsHidden: !0,
+				importantForAccessibility: "no",
+				style: {
+					minWidth: 56,
+					textAlign: "center",
+					paddingHorizontal: f.space2,
+					fontFamily: f.fontFamily,
+					fontSize: f.fontSizeBody,
+					fontVariant: ["tabular-nums"],
+					color: f.viewFgColor
+				},
+				children: h
+			}),
+			/* @__PURE__ */ M(w, {
+				accessibilityElementsHidden: !0,
+				importantForAccessibility: "no",
+				disabled: v,
+				onPress: () => m(e + i),
+				style: ({ pressed: e }) => ({
+					width: sn,
+					height: sn,
+					alignItems: "center",
+					justifyContent: "center",
+					borderLeftWidth: 1,
+					borderLeftColor: f.cardShadeColor,
+					backgroundColor: e && !v ? f.activeOverlay : "transparent",
+					opacity: v ? f.opacityDisabled : 1
+				}),
+				children: /* @__PURE__ */ M(D, {
+					style: {
+						fontSize: 17,
+						lineHeight: 20,
+						color: f.viewFgColor
+					},
+					children: "+"
+				})
+			})
+		]
+	});
+}, fn = {
 	sm: {
 		dimension: 16,
 		borderWidth: 2
@@ -3229,8 +4180,8 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		dimension: 36,
 		borderWidth: 3
 	}
-}, Mt = ({ size: e = "md", label: t = "Loading…", style: n, ...r }) => {
-	let i = B(), a = R(), o = V(), s = d(new m.Value(0)).current;
+}, pn = ({ size: e = "md", label: t = "Loading…", style: n, ...r }) => {
+	let i = U(), a = V(), o = W(), s = d(new m.Value(0)).current;
 	c(() => {
 		s.setValue(0);
 		let e = m.loop(m.timing(s, {
@@ -3244,8 +4195,8 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 	let l = s.interpolate({
 		inputRange: [0, 1],
 		outputRange: ["0deg", "360deg"]
-	}), { dimension: u, borderWidth: f } = jt[e], p = a === "dark" ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)";
-	return /* @__PURE__ */ j(m.View, {
+	}), { dimension: u, borderWidth: f } = fn[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",
 		accessibilityLabel: t || void 0,
@@ -3262,8 +4213,8 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		}, n],
 		...r
 	});
-}, Nt = 56, Pt = 28, Ft = 20, It = 3, Lt = 28, Rt = i(function({ value: e, onValueChange: t, disabled: n, style: r, ...i }, a) {
-	let o = B(), s = R(), l = z(), u = d(new m.Value(+!!e)).current, f = d(!0);
+}, mn = 56, hn = 28, gn = 20, _n = 3, vn = 28, yn = i(function({ value: e, onValueChange: t, disabled: n, style: r, ...i }, a) {
+	let o = U(), s = V(), l = H(), u = d(new m.Value(+!!e)).current, f = d(!0);
 	c(() => {
 		if (f.current) {
 			f.current = !1;
@@ -3289,7 +4240,7 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		inputRange: [0, 1],
 		outputRange: [o.borderSubtle, o.accentBgColor]
 	});
-	return /* @__PURE__ */ j(C, {
+	return /* @__PURE__ */ M(w, {
 		ref: a,
 		disabled: n,
 		accessibilityRole: "switch",
@@ -3300,26 +4251,26 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		onPress: () => t?.(!e),
 		style: [{ opacity: n ? o.opacityDisabled : 1 }, r],
 		...i,
-		children: /* @__PURE__ */ j(m.View, {
+		children: /* @__PURE__ */ M(m.View, {
 			style: {
-				width: Nt,
-				height: Pt,
+				width: mn,
+				height: hn,
 				borderRadius: o.radiusPill,
 				borderWidth: l === "more" ? 2 : 1,
 				borderColor: v,
 				backgroundColor: g
 			},
-			children: /* @__PURE__ */ j(m.View, { style: [{
+			children: /* @__PURE__ */ M(m.View, { style: [{
 				position: "absolute",
-				top: It,
-				left: It,
-				width: Ft,
-				height: Ft,
+				top: _n,
+				left: _n,
+				width: gn,
+				height: gn,
 				borderRadius: o.radiusPill,
 				backgroundColor: e ? "#fff" : h,
 				transform: [{ translateX: u.interpolate({
 					inputRange: [0, 1],
-					outputRange: [0, Lt]
+					outputRange: [0, vn]
 				}) }]
 			}, l !== "more" && {
 				shadowColor: "#000",
@@ -3333,9 +4284,9 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 			}] })
 		})
 	});
-}), zt = i(function({ children: e, inline: t = !1, accessibilityLabel: n = "Tabs", style: r, ...i }, a) {
-	let o = B();
-	return /* @__PURE__ */ j(w, {
+}), bn = i(function({ children: e, inline: t = !1, accessibilityLabel: n = "Tabs", style: r, ...i }, a) {
+	let o = U();
+	return /* @__PURE__ */ M(T, {
 		ref: a,
 		horizontal: !0,
 		showsHorizontalScrollIndicator: !1,
@@ -3359,9 +4310,9 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		...i,
 		children: e
 	});
-}), Bt = i(function({ label: e, icon: t, active: n = !1, onClose: r, closeLabel: i = "Close tab", count: a, disabled: o, ...s }, c) {
-	let l = B();
-	return /* @__PURE__ */ M(C, {
+}), xn = i(function({ label: e, icon: t, active: n = !1, onClose: r, closeLabel: i = "Close tab", count: a, disabled: o, ...s }, c) {
+	let l = U();
+	return /* @__PURE__ */ N(w, {
 		ref: c,
 		disabled: o,
 		accessibilityRole: "tab",
@@ -3385,11 +4336,11 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 		}),
 		...s,
 		children: [
-			t && /* @__PURE__ */ j(O, {
+			t && /* @__PURE__ */ M(k, {
 				style: { flexShrink: 0 },
 				children: t
 			}),
-			/* @__PURE__ */ j(E, {
+			/* @__PURE__ */ M(D, {
 				numberOfLines: 1,
 				ellipsizeMode: "tail",
 				style: {
@@ -3400,7 +4351,7 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 				},
 				children: e
 			}),
-			a !== void 0 && /* @__PURE__ */ j(O, {
+			a !== void 0 && /* @__PURE__ */ M(k, {
 				style: {
 					flexShrink: 0,
 					minWidth: 18,
@@ -3411,7 +4362,7 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 					justifyContent: "center",
 					backgroundColor: l.accentBgColor
 				},
-				children: /* @__PURE__ */ j(E, {
+				children: /* @__PURE__ */ M(D, {
 					style: {
 						fontFamily: l.fontFamily,
 						fontSize: 11,
@@ -3421,7 +4372,7 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 					children: a > 99 ? "99+" : a
 				})
 			}),
-			r && /* @__PURE__ */ j(C, {
+			r && /* @__PURE__ */ M(w, {
 				accessibilityRole: "button",
 				accessibilityLabel: i,
 				hitSlop: 8,
@@ -3435,7 +4386,7 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 					borderRadius: l.radiusSm,
 					backgroundColor: e ? l.activeOverlay : "transparent"
 				}),
-				children: /* @__PURE__ */ j(E, {
+				children: /* @__PURE__ */ M(D, {
 					style: {
 						fontFamily: l.fontFamily,
 						fontSize: 15,
@@ -3445,7 +4396,7 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 					children: "×"
 				})
 			}),
-			n && /* @__PURE__ */ j(O, {
+			n && /* @__PURE__ */ M(k, {
 				pointerEvents: "none",
 				style: {
 					position: "absolute",
@@ -3459,8 +4410,8 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 			})
 		]
 	});
-}), Vt = i(function({ active: e = !1, style: t, children: n, ...r }, i) {
-	return /* @__PURE__ */ j(O, {
+}), Sn = i(function({ active: e = !1, style: t, children: n, ...r }, i) {
+	return /* @__PURE__ */ M(k, {
 		ref: i,
 		style: [{ display: e ? "flex" : "none" }, t],
 		...r,
@@ -3469,31 +4420,31 @@ var At = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
 });
 //#endregion
 //#region src/components/TextField/TextField.tsx
-function Ht(e, t) {
+function Cn(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 Ut = 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 = B(), m = z(), [h, g] = f(!1), _ = !a, v = n ?? t, y = n ? p.errorColor : h ? p.accentColor : p.borderSubtle;
-	return /* @__PURE__ */ M(O, {
+var wn = 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 = U(), m = H(), [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__ */ j(H, {
+			e && /* @__PURE__ */ M(G, {
 				variant: "body",
 				style: { fontWeight: String(p.fontWeightSemibold) },
 				children: e
 			}),
-			/* @__PURE__ */ j(D, {
+			/* @__PURE__ */ M(O, {
 				ref: d,
 				editable: a,
 				accessibilityLabel: c ?? e,
 				accessibilityHint: l ?? v,
-				placeholderTextColor: Ht(p.windowFgColor, p.opacityDim),
+				placeholderTextColor: Cn(p.windowFgColor, p.opacityDim),
 				onFocus: (e) => {
 					g(!0), o?.(e);
 				},
@@ -3515,7 +4466,7 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				}, i],
 				...u
 			}),
-			v && /* @__PURE__ */ j(H, {
+			v && /* @__PURE__ */ M(G, {
 				variant: "caption",
 				style: {
 					color: n ? p.errorColor : p.windowFgColor,
@@ -3525,8 +4476,8 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			})
 		]
 	});
-}), Wt = m.createAnimatedComponent(C), Gt = ({ title: e, duration: t = 3e3, onDismiss: n, actionLabel: r, onAction: i, dismissible: a = !1, style: s, ...l }) => {
-	let u = B(), f = R(), p = V(), h = d(null), g = d(t), v = d(0), y = d(new m.Value(+!!p)).current, b = o(() => {
+}), Tn = m.createAnimatedComponent(w), En = ({ title: e, duration: t = 3e3, onDismiss: n, actionLabel: r, onAction: i, dismissible: a = !1, style: s, ...l }) => {
+	let u = U(), f = V(), p = W(), 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));
@@ -3558,11 +4509,11 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			let e = Date.now() - v.current;
 			g.current = Math.max(0, g.current - e), b();
 		}
-	}, w = () => {
+	}, C = () => {
 		x(g.current);
 	}, T = () => {
 		b(), i?.(), n?.();
-	}, D = f === "dark" ? {
+	}, E = f === "dark" ? {
 		shadowOpacity: .4,
 		shadowRadius: 12,
 		elevation: 6
@@ -3571,12 +4522,12 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 		shadowRadius: 8,
 		elevation: 4
 	};
-	return /* @__PURE__ */ M(Wt, {
+	return /* @__PURE__ */ N(Tn, {
 		accessible: !0,
 		accessibilityRole: "alert",
 		accessibilityLiveRegion: "polite",
 		onPressIn: S,
-		onPressOut: w,
+		onPressOut: C,
 		style: [{
 			flexDirection: "row",
 			alignItems: "center",
@@ -3602,10 +4553,10 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				inputRange: [0, 1],
 				outputRange: [.96, 1]
 			}) }],
-			...D
+			...E
 		}, s],
 		...l,
-		children: [/* @__PURE__ */ j(H, {
+		children: [/* @__PURE__ */ M(G, {
 			variant: "body",
 			style: {
 				flex: 1,
@@ -3613,7 +4564,7 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			},
 			numberOfLines: typeof e == "string" ? 2 : void 0,
 			children: e
-		}), (r || a) && /* @__PURE__ */ M(A, { children: [r && /* @__PURE__ */ j(C, {
+		}), (r || a) && /* @__PURE__ */ N(j, { children: [r && /* @__PURE__ */ M(w, {
 			accessibilityRole: "button",
 			accessibilityLabel: r,
 			onPress: T,
@@ -3623,7 +4574,7 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				borderRadius: u.radiusSm,
 				backgroundColor: e ? u.activeOverlay : "transparent"
 			}),
-			children: /* @__PURE__ */ j(E, {
+			children: /* @__PURE__ */ M(D, {
 				style: {
 					fontFamily: u.fontFamily,
 					fontSize: u.fontSizeBody,
@@ -3632,7 +4583,7 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				},
 				children: r
 			})
-		}), a && /* @__PURE__ */ j(C, {
+		}), a && /* @__PURE__ */ M(w, {
 			accessibilityRole: "button",
 			accessibilityLabel: "Dismiss",
 			hitSlop: 4,
@@ -3648,7 +4599,7 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				opacity: e ? 1 : .55,
 				backgroundColor: e ? u.activeOverlay : "transparent"
 			}),
-			children: /* @__PURE__ */ j(E, {
+			children: /* @__PURE__ */ M(D, {
 				style: {
 					fontSize: u.fontSizeBody,
 					color: u.windowFgColor
@@ -3657,9 +4608,9 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			})
 		})] })]
 	});
-}, Kt = ({ position: e = "bottom", children: t, style: n, ...r }) => {
-	let i = B();
-	return /* @__PURE__ */ j(O, {
+}, Dn = ({ position: e = "bottom", children: t, style: n, ...r }) => {
+	let i = U();
+	return /* @__PURE__ */ M(k, {
 		pointerEvents: "box-none",
 		accessibilityLabel: "Notifications",
 		style: [
@@ -3677,8 +4628,8 @@ var Ut = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 		...r,
 		children: t
 	});
-}, Q = 6, $ = 8, qt = 5;
-function Jt(e, t) {
+}, On = 6, $ = 8, kn = 5;
+function An(e, t) {
 	if (e) {
 		if (typeof e == "function") {
 			e(t);
@@ -3687,27 +4638,27 @@ function Jt(e, t) {
 		e.current = t;
 	}
 }
-function Yt(e, t, n) {
+function jn(e, t, n) {
 	switch (n) {
 		case "top": return {
-			top: e.y - t.height - Q,
+			top: e.y - t.height - On,
 			left: e.x + e.width / 2 - t.width / 2
 		};
 		case "bottom": return {
-			top: e.y + e.height + Q,
+			top: e.y + e.height + On,
 			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 - Q
+			left: e.x - t.width - On
 		};
 		case "right": return {
 			top: e.y + e.height / 2 - t.height / 2,
-			left: e.x + e.width + Q
+			left: e.x + e.width + On
 		};
 	}
 }
-function Xt(e, t, n) {
+function Mn(e, t, n) {
 	let { width: r, height: i } = g.get("window"), a = [
 		n,
 		n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
@@ -3717,37 +4668,37 @@ function Xt(e, t, n) {
 		"right"
 	];
 	for (let n of a) {
-		let { top: a, left: o } = Yt(e, t, n), s = o >= $ && o + t.width <= r - $, c = a >= $ && a + t.height <= i - $;
+		let { top: a, left: o } = jn(e, t, n), s = o >= $ && o + t.width <= r - $, c = a >= $ && a + t.height <= i - $;
 		if (s && c) return {
 			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 } = Yt(e, t, n);
+	let { top: o, left: s } = jn(e, t, n);
 	return {
 		top: Math.max($, Math.min(o, i - t.height - $)),
 		left: Math.max($, Math.min(s, r - t.width - $)),
 		placement: n
 	};
 }
-var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
-	let a = B(), s = R(), l = V(), [u, p] = f(!1), [h, g] = f(null), [_, v] = f(null), [y, x] = f(null), S = d(null), C = d(null), w = d(new m.Value(0)).current, E = o(() => {
+var Nn = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
+	let a = U(), s = V(), l = W(), [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(() => {
-		E(), p(!0);
-	}, [E]), k = o(() => {
-		E(), C.current = setTimeout(D, r);
+		T(), p(!0);
+	}, [T]), O = o(() => {
+		T(), C.current = setTimeout(D, r);
 	}, [
-		E,
+		T,
 		D,
 		r
-	]), N = o(() => {
-		E(), p(!1);
-	}, [E]);
+	]), A = o(() => {
+		T(), p(!1);
+	}, [T]);
 	c(() => {
 		if (!u) {
-			g(null), v(null), x(null);
+			g(null), v(null), b(null);
 			return;
 		}
 		S.current?.measureInWindow((e, t, n, r) => {
@@ -3759,7 +4710,7 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			});
 		});
 	}, [u]), c(() => {
-		!h || !_ || x(Xt(h, _, t));
+		!h || !_ || b(Mn(h, _, t));
 	}, [
 		h,
 		_,
@@ -3781,14 +4732,14 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 		l,
 		w,
 		a.durationFast
-	]), c(() => E, [E]);
-	let ee = (e) => {
+	]), c(() => T, [T]);
+	let P = (e) => {
 		let { width: t, height: n } = e.nativeEvent.layout;
 		v({
 			width: t,
 			height: n
 		});
-	}, P = s === "dark" ? "#c0bfbc" : "#3d3d3d", te = s === "dark" ? "rgba(0, 0, 0, 0.8)" : "#fff", ne = s === "dark" ? {
+	}, F = s === "dark" ? "#c0bfbc" : "#3d3d3d", ee = s === "dark" ? "rgba(0, 0, 0, 0.8)" : "#fff", I = s === "dark" ? {
 		shadowOpacity: .4,
 		shadowRadius: 8,
 		elevation: 6
@@ -3796,48 +4747,48 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 		shadowOpacity: .2,
 		shadowRadius: 8,
 		elevation: 4
-	}, F = {
+	}, L = {
 		position: "absolute",
 		width: 0,
 		height: 0,
-		borderWidth: qt,
+		borderWidth: kn,
 		borderColor: "transparent"
-	}, re = (() => {
+	}, R = (() => {
 		switch (y?.placement) {
 			case "top": return {
-				...F,
+				...L,
 				top: "100%",
 				left: "50%",
 				marginLeft: -5,
-				borderTopColor: P
+				borderTopColor: F
 			};
 			case "bottom": return {
-				...F,
+				...L,
 				bottom: "100%",
 				left: "50%",
 				marginLeft: -5,
-				borderBottomColor: P
+				borderBottomColor: F
 			};
 			case "left": return {
-				...F,
+				...L,
 				left: "100%",
 				top: "50%",
 				marginTop: -5,
-				borderLeftColor: P
+				borderLeftColor: F
 			};
 			case "right": return {
-				...F,
+				...L,
 				right: "100%",
 				top: "50%",
 				marginTop: -5,
-				borderRightColor: P
+				borderRightColor: F
 			};
 			default: return null;
 		}
-	})(), ie = i.props.ref;
-	return /* @__PURE__ */ M(A, { children: [n(i, {
+	})(), te = i.props.ref;
+	return /* @__PURE__ */ N(j, { children: [n(i, {
 		ref: (e) => {
-			S.current = e, Jt(ie, e);
+			S.current = e, An(te, e);
 		},
 		delayLongPress: r,
 		accessibilityHint: i.props.accessibilityHint ?? e,
@@ -3845,30 +4796,30 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			D(), i.props.onLongPress?.(e);
 		},
 		onPressOut: (e) => {
-			N(), i.props.onPressOut?.(e);
+			A(), i.props.onPressOut?.(e);
 		},
 		onHoverIn: (e) => {
-			k(), i.props.onHoverIn?.(e);
+			O(), i.props.onHoverIn?.(e);
 		},
 		onHoverOut: (e) => {
-			N(), i.props.onHoverOut?.(e);
+			A(), i.props.onHoverOut?.(e);
 		},
 		onFocus: (e) => {
-			k(), i.props.onFocus?.(e);
+			O(), i.props.onFocus?.(e);
 		},
 		onBlur: (e) => {
-			N(), i.props.onBlur?.(e);
+			A(), i.props.onBlur?.(e);
 		}
-	}), /* @__PURE__ */ j(b, {
+	}), /* @__PURE__ */ M(x, {
 		visible: u,
 		transparent: !0,
 		animationType: "none",
 		statusBarTranslucent: !0,
-		children: /* @__PURE__ */ j(O, {
+		children: /* @__PURE__ */ M(k, {
 			pointerEvents: "box-none",
-			style: T.absoluteFill,
-			children: /* @__PURE__ */ M(m.View, {
-				onLayout: ee,
+			style: E.absoluteFill,
+			children: /* @__PURE__ */ N(m.View, {
+				onLayout: P,
 				accessible: !0,
 				role: "tooltip",
 				style: [{
@@ -3876,14 +4827,14 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 					maxWidth: 240,
 					paddingVertical: 4,
 					paddingHorizontal: a.space2,
-					backgroundColor: P,
+					backgroundColor: F,
 					borderRadius: a.radiusSm,
 					shadowColor: "#000",
 					shadowOffset: {
 						width: 0,
 						height: 2
 					},
-					...ne
+					...I
 				}, y ? {
 					top: y.top,
 					left: y.left,
@@ -3893,22 +4844,22 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 					left: -9999,
 					opacity: 0
 				}],
-				children: [/* @__PURE__ */ j(H, {
+				children: [/* @__PURE__ */ M(G, {
 					style: {
-						color: te,
+						color: ee,
 						fontSize: a.fontSizeCaption,
 						fontWeight: String(a.fontWeightNormal),
 						lineHeight: a.fontSizeCaption * a.lineHeightBody,
 						textAlign: "center"
 					},
 					children: e
-				}), re && /* @__PURE__ */ j(O, { style: re })]
+				}), R && /* @__PURE__ */ M(k, { style: R })]
 			})
 		})
 	})] });
-}, Qt = i(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
-	let a = B(), o = R();
-	return /* @__PURE__ */ M(O, {
+}, Pn = i(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
+	let a = U(), o = V();
+	return /* @__PURE__ */ N(k, {
 		ref: i,
 		accessible: !0,
 		accessibilityRole: "radiogroup",
@@ -3920,10 +4871,10 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			backgroundColor: a.headerbarBgColor
 		}, n],
 		...r,
-		children: [/* @__PURE__ */ j(O, {
+		children: [/* @__PURE__ */ M(k, {
 			pointerEvents: "none",
-			style: [T.absoluteFill, { backgroundColor: o === "dark" ? "rgba(0, 0, 0, 0.3)" : "rgba(0, 0, 0, 0.25)" }]
-		}), /* @__PURE__ */ j(O, {
+			style: [E.absoluteFill, { backgroundColor: o === "dark" ? "rgba(0, 0, 0, 0.3)" : "rgba(0, 0, 0, 0.25)" }]
+		}), /* @__PURE__ */ M(k, {
 			style: {
 				flexDirection: "row",
 				alignItems: "center",
@@ -3933,9 +4884,9 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			children: e
 		})]
 	});
-}), $t = i(function({ label: e, icon: t, active: n = !1, disabled: r, ...i }, a) {
-	let o = B();
-	return /* @__PURE__ */ M(C, {
+}), Fn = i(function({ label: e, icon: t, active: n = !1, disabled: r, ...i }, a) {
+	let o = U();
+	return /* @__PURE__ */ N(w, {
 		ref: a,
 		disabled: r,
 		accessibilityRole: "radio",
@@ -3956,10 +4907,10 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 			backgroundColor: n ? o.headerbarBgColor : e ? o.activeOverlay : "transparent"
 		}),
 		...i,
-		children: [t && /* @__PURE__ */ j(O, {
+		children: [t && /* @__PURE__ */ M(k, {
 			style: { flexShrink: 0 },
 			children: t
-		}), /* @__PURE__ */ j(E, {
+		}), /* @__PURE__ */ M(D, {
 			style: {
 				fontFamily: o.fontFamily,
 				fontSize: o.fontSizeBody,
@@ -3971,6 +4922,6 @@ var Zt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
 	});
 });
 //#endregion
-export { Me as ActionRow, qe as AnimatedIcon, Je as Banner, Xe as BoxedList, et as Button, nt as Card, it as Checkbox, ot as Dialog, dt as Dropdown, L as GnomeContext, Oe as GnomeProvider, ft as HeaderBar, W as Icon, pt as Link, Ce as NAMED_ACCENT_COLORS, mt as PathBar, ht as ProgressBar, vt as RadioButton, bt as SearchBar, Ye as Separator, wt as Sidebar, K as SidebarCollapsedContext, q as SidebarFilterContext, Tt as SidebarItem, Et as SidebarSection, Dt as Skeleton, At as Slider, Mt as Spinner, Rt as Switch, zt as TabBar, Bt as TabItem, Vt as TabPanel, H as Text, Ut as TextField, Gt as Toast, Kt as Toaster, Zt as Tooltip, Qt as ViewSwitcher, $t as ViewSwitcherItem, Ee as applyAccentColor, fe as darkRawTokens, ce as darkTheme, me as highContrastDarkRawTokens, ue as highContrastDarkTheme, pe as highContrastRawTokens, le as highContrastTheme, de as lightRawTokens, se as lightTheme, we as resolveColorScheme, Te as resolveContrast, Se as resolveGnomeTheme, xe as useAccentColor, ye as useColorScheme, be as useContrast, ve as useDateTimeFormatter, ge as useDir, B as useGnomeTheme, he as useLocale, _e as useNumberFormatter, V as useReducedMotion, R as useResolvedColorScheme, z as useResolvedContrast, Ct as useSidebarCollapsed };
+export { je as ActionRow, qe as AnimatedIcon, et as Avatar, nt as Badge, rt as Banner, ot as BottomSheet, ct as BoxedList, ft as Button, mt as Card, gt as Checkbox, vt as Dialog, yt as Divider, wt as Dropdown, Tt as Expander, B as GnomeContext, De as GnomeProvider, Et as HeaderBar, Ot as Highlight, K as Icon, jt as LevelBar, Mt as Link, Se as NAMED_ACCENT_COLORS, Pt as Overlay, Ft as PathBar, Bt as Popover, Vt as ProgressBar, Wt as RadioButton, Kt as SearchBar, st as Separator, Zt as Sidebar, Yt as SidebarCollapsedContext, X as SidebarFilterContext, Qt as SidebarItem, $t as SidebarSection, en as Skeleton, on as Slider, dn as SpinButton, pn as Spinner, yn as Switch, bn as TabBar, xn as TabItem, Sn as TabPanel, G as Text, wn as TextField, En as Toast, Dn as Toaster, Nn as Tooltip, Pn as ViewSwitcher, Fn as ViewSwitcherItem, Te as applyAccentColor, de as darkRawTokens, se as darkTheme, pe as highContrastDarkRawTokens, le as highContrastDarkTheme, fe as highContrastRawTokens, ce as highContrastTheme, ue as lightRawTokens, oe as lightTheme, Ce as resolveColorScheme, we as resolveContrast, xe as resolveGnomeTheme, be as useAccentColor, ve as useColorScheme, ye as useContrast, _e as useDateTimeFormatter, he as useDir, U as useGnomeTheme, me as useLocale, ge as useNumberFormatter, W as useReducedMotion, V as useResolvedColorScheme, H as useResolvedContrast, Xt as useSidebarCollapsed };
 
 //# sourceMappingURL=index.js.map