@gnome-ui/react-native 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import { Children as e, Fragment as t, createContext as n, forwardRef as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useImperativeHandle as c, useMemo as l, useRef as u, useState as d } from "react";
-import { AccessibilityInfo as f, Animated as p, Easing as m, I18nManager as h, Linking as g, Platform as _, Pressable as v, ScrollView as y, StyleSheet as b, Text as x, TextInput as S, View as C, useColorScheme as w } from "react-native";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { AccessibilityInfo as f, Animated as p, BackHandler as m, Easing as h, I18nManager as g, Linking as _, Modal as v, Platform as y, Pressable as b, ScrollView as x, StyleSheet as S, Text as C, TextInput as w, View as T, useColorScheme as E } from "react-native";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region src/theme/tokens.generated.ts
-var O = {
+var A = {
 	accentBgColor: "#3584e4",
 	accentColor: "#3584e4",
 	accentFgColor: "#fff",
@@ -143,7 +143,7 @@ var O = {
 	yellow3: "#f6d32d",
 	yellow4: "#f5c211",
 	yellow5: "#e5a50a"
-}, k = {
+}, j = {
 	accentBgColor: "#3584e4",
 	accentColor: "#62a0ea",
 	accentFgColor: "#fff",
@@ -284,7 +284,7 @@ var O = {
 	yellow3: "#f6d32d",
 	yellow4: "#f5c211",
 	yellow5: "#e5a50a"
-}, A = {
+}, M = {
 	accentBgColor: "#1a5fb4",
 	accentColor: "#1a5fb4",
 	accentFgColor: "#fff",
@@ -425,7 +425,7 @@ var O = {
 	yellow3: "#f6d32d",
 	yellow4: "#f5c211",
 	yellow5: "#e5a50a"
-}, j = {
+}, ee = {
 	accentBgColor: "#62a0ea",
 	accentColor: "#99c1f1",
 	accentFgColor: "#fff",
@@ -566,7 +566,7 @@ var O = {
 	yellow3: "#f6d32d",
 	yellow4: "#f5c211",
 	yellow5: "#e5a50a"
-}, ee = {
+}, te = {
 	"--gnome-accent-bg-color": "#3584e4",
 	"--gnome-accent-color": "#3584e4",
 	"--gnome-accent-fg-color": "#fff",
@@ -707,7 +707,7 @@ var O = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, te = {
+}, ne = {
 	"--gnome-accent-bg-color": "#3584e4",
 	"--gnome-accent-color": "#62a0ea",
 	"--gnome-accent-fg-color": "#fff",
@@ -848,7 +848,7 @@ var O = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, ne = {
+}, re = {
 	"--gnome-accent-bg-color": "#1a5fb4",
 	"--gnome-accent-color": "#1a5fb4",
 	"--gnome-accent-fg-color": "#fff",
@@ -989,7 +989,7 @@ var O = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, re = {
+}, ie = {
 	"--gnome-accent-bg-color": "#62a0ea",
 	"--gnome-accent-color": "#99c1f1",
 	"--gnome-accent-fg-color": "#fff",
@@ -1130,7 +1130,7 @@ var O = {
 	"--gnome-yellow-3": "#f6d32d",
 	"--gnome-yellow-4": "#f5c211",
 	"--gnome-yellow-5": "#e5a50a"
-}, M = n({
+}, N = n({
 	locale: void 0,
 	dir: "ltr",
 	numberFormat: void 0,
@@ -1140,16 +1140,16 @@ var O = {
 	contrast: "system",
 	resolvedContrast: "normal",
 	accentColor: "blue",
-	theme: O
+	theme: A
 });
-function ie() {
-	return o(M).locale;
-}
 function ae() {
-	return o(M).dir;
+	return o(N).locale;
+}
+function oe() {
+	return o(N).dir;
 }
-function oe(e) {
-	let { locale: t, numberFormat: n } = o(M);
+function se(e) {
+	let { locale: t, numberFormat: n } = o(N);
 	return l(() => new Intl.NumberFormat(t, {
 		...n,
 		...e
@@ -1159,8 +1159,8 @@ function oe(e) {
 		e
 	]);
 }
-function se(e) {
-	let { locale: t, dateTimeFormat: n } = o(M);
+function ce(e) {
+	let { locale: t, dateTimeFormat: n } = o(N);
 	return l(() => new Intl.DateTimeFormat(t, {
 		...n,
 		...e
@@ -1170,32 +1170,32 @@ function se(e) {
 		e
 	]);
 }
-function ce() {
-	return o(M).colorScheme;
-}
-function N() {
-	return o(M).resolvedColorScheme;
-}
 function le() {
-	return o(M).contrast;
+	return o(N).colorScheme;
 }
 function P() {
-	return o(M).resolvedContrast;
+	return o(N).resolvedColorScheme;
 }
 function ue() {
-	return o(M).accentColor;
+	return o(N).contrast;
 }
 function F() {
-	return o(M).theme;
+	return o(N).resolvedContrast;
+}
+function de() {
+	return o(N).accentColor;
+}
+function I() {
+	return o(N).theme;
 }
 //#endregion
 //#region src/theme/resolveTheme.ts
-function I({ colorScheme: e, contrast: t = "normal" }) {
-	return t === "more" ? e === "dark" ? j : A : e === "dark" ? k : O;
+function L({ colorScheme: e, contrast: t = "normal" }) {
+	return t === "more" ? e === "dark" ? ee : M : e === "dark" ? j : A;
 }
 //#endregion
 //#region src/GnomeProvider/resolveContext.ts
-var L = new Set([
+var R = new Set([
 	"blue",
 	"green",
 	"yellow",
@@ -1204,15 +1204,15 @@ var L = new Set([
 	"purple",
 	"brown"
 ]);
-function R(e, t) {
+function z(e, t) {
 	return e === "system" ? t === "dark" ? "dark" : "light" : e;
 }
-function z(e, t) {
+function B(e, t) {
 	return e === "system" ? t ? "more" : "normal" : e;
 }
-function B(e, t, n, r) {
+function V(e, t, n, r) {
 	if (t === "blue") return e;
-	let i = L.has(t), a = i ? e[`${t}${n === "dark" ? 2 : 3}`] : t, o = i ? e[`${t}3`] : t;
+	let i = R.has(t), a = i ? e[`${t}${n === "dark" ? 2 : 3}`] : t, o = i ? e[`${t}3`] : t;
 	return {
 		...e,
 		accentColor: a,
@@ -1222,23 +1222,23 @@ function B(e, t, n, r) {
 }
 //#endregion
 //#region src/GnomeProvider/GnomeProvider.tsx
-function de() {
+function fe() {
 	let [e, t] = d(!1);
 	return s(() => {
-		let e = _.OS === "android" ? f.isHighTextContrastEnabled : _.OS === "ios" ? f.isDarkerSystemColorsEnabled : void 0;
+		let e = y.OS === "android" ? f.isHighTextContrastEnabled : y.OS === "ios" ? f.isDarkerSystemColorsEnabled : void 0;
 		if (!e) return;
 		let n = !0;
 		(async () => {
 			let r = await e();
 			n && t(r);
 		})();
-		let r = _.OS === "android" ? "highTextContrastChanged" : "darkerSystemColorsChanged", i = f.addEventListener(r, t);
+		let r = y.OS === "android" ? "highTextContrastChanged" : "darkerSystemColorsChanged", i = f.addEventListener(r, t);
 		return () => {
 			n = !1, i.remove();
 		};
 	}, []), e;
 }
-function V() {
+function H() {
 	let [e, t] = d(!1);
 	return s(() => {
 		let e = !0;
@@ -1252,8 +1252,8 @@ function V() {
 		};
 	}, []), e;
 }
-var fe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme: i = "system", contrast: a = "system", accentColor: o = "blue", children: s }) => {
-	let c = w(), u = de(), d = R(i, c), f = z(a, u), p = t ?? (h.isRTL ? "rtl" : "ltr"), m = l(() => ({
+var pe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme: i = "system", contrast: a = "system", accentColor: o = "blue", children: s }) => {
+	let c = E(), u = fe(), d = z(i, c), f = B(a, u), p = t ?? (g.isRTL ? "rtl" : "ltr"), m = l(() => ({
 		locale: e,
 		dir: p,
 		numberFormat: n,
@@ -1263,7 +1263,7 @@ var fe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 		contrast: a,
 		resolvedContrast: f,
 		accentColor: o,
-		theme: B(I({
+		theme: V(L({
 			colorScheme: d,
 			contrast: f
 		}), o, d, f)
@@ -1278,11 +1278,11 @@ var fe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 		f,
 		o
 	]);
-	return /* @__PURE__ */ E(M.Provider, {
+	return /* @__PURE__ */ O(N.Provider, {
 		value: m,
 		children: s
 	});
-}, pe = new Set([
+}, me = new Set([
 	"large-title",
 	"title-1",
 	"title-2",
@@ -1290,7 +1290,7 @@ var fe = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
 	"title-4",
 	"heading"
 ]);
-function me(e, t) {
+function he(e, t) {
 	let n = (e) => String(e);
 	switch (t) {
 		case "large-title": return {
@@ -1359,7 +1359,7 @@ function me(e, t) {
 		};
 	}
 }
-function he(e, t) {
+function ge(e, t) {
 	switch (t) {
 		case "dim": return {
 			color: e.windowFgColor,
@@ -1373,22 +1373,22 @@ function he(e, t) {
 		default: return { color: e.windowFgColor };
 	}
 }
-var H = r(function({ variant: e = "body", color: t = "default", style: n, children: r, accessibilityRole: i, ...a }, o) {
-	let s = F();
-	return /* @__PURE__ */ E(x, {
+var U = r(function({ variant: e = "body", color: t = "default", style: n, children: r, accessibilityRole: i, ...a }, o) {
+	let s = I();
+	return /* @__PURE__ */ O(C, {
 		ref: o,
-		accessibilityRole: i ?? (pe.has(e) ? "header" : void 0),
+		accessibilityRole: i ?? (me.has(e) ? "header" : void 0),
 		style: [
 			{ fontFamily: s.fontFamily },
-			me(s, e),
-			he(s, t),
+			he(s, e),
+			ge(s, t),
 			n
 		],
 		...a,
 		children: r
 	});
-}), ge = r(function({ title: e, subtitle: t, leading: n, trailing: r, interactive: i = !1, variant: a = "default", style: o, disabled: s, ...c }, l) {
-	let u = F(), d = a === "property", f = {
+}), _e = r(function({ title: e, subtitle: t, leading: n, trailing: r, interactive: i = !1, variant: a = "default", style: o, disabled: s, ...c }, l) {
+	let u = I(), d = a === "property", f = {
 		flexDirection: "row",
 		alignItems: "center",
 		gap: u.space2,
@@ -1396,23 +1396,23 @@ var H = r(function({ variant: e = "body", color: t = "default", style: n, childr
 		paddingHorizontal: u.space4,
 		minHeight: 52,
 		width: "100%"
-	}, p = /* @__PURE__ */ D(T, { children: [
-		n && /* @__PURE__ */ E(C, {
+	}, p = /* @__PURE__ */ k(D, { children: [
+		n && /* @__PURE__ */ O(T, {
 			style: { flexShrink: 0 },
 			children: n
 		}),
-		/* @__PURE__ */ D(C, {
+		/* @__PURE__ */ k(T, {
 			style: {
 				flex: 1,
 				gap: 2
 			},
-			children: [/* @__PURE__ */ E(H, {
+			children: [/* @__PURE__ */ O(U, {
 				variant: d ? "caption" : "body",
 				color: d ? "dim" : "default",
 				numberOfLines: 1,
 				ellipsizeMode: "tail",
 				children: e
-			}), t && /* @__PURE__ */ E(H, {
+			}), t && /* @__PURE__ */ O(U, {
 				variant: d ? "body" : "caption",
 				color: d ? "default" : "dim",
 				numberOfLines: 1,
@@ -1420,7 +1420,7 @@ var H = r(function({ variant: e = "body", color: t = "default", style: n, childr
 				children: t
 			})]
 		}),
-		r && /* @__PURE__ */ E(C, {
+		r && /* @__PURE__ */ O(T, {
 			style: {
 				flexShrink: 0,
 				flexDirection: "row",
@@ -1430,7 +1430,7 @@ var H = r(function({ variant: e = "body", color: t = "default", style: n, childr
 			children: r
 		})
 	] });
-	return i ? /* @__PURE__ */ E(v, {
+	return i ? /* @__PURE__ */ O(b, {
 		ref: l,
 		disabled: s,
 		accessibilityRole: "button",
@@ -1444,23 +1444,115 @@ var H = r(function({ variant: e = "body", color: t = "default", style: n, childr
 			o
 		],
 		...c,
-		children: ({ pressed: e }) => /* @__PURE__ */ D(T, { children: [p, e && !s ? /* @__PURE__ */ E(C, {
+		children: ({ pressed: e }) => /* @__PURE__ */ k(D, { children: [p, e && !s ? /* @__PURE__ */ O(T, {
 			pointerEvents: "none",
-			style: [b.absoluteFill, { backgroundColor: u.activeOverlay }]
+			style: [S.absoluteFill, { backgroundColor: u.activeOverlay }]
 		}) : null] })
-	}) : /* @__PURE__ */ E(C, {
+	}) : /* @__PURE__ */ O(T, {
 		ref: l,
 		style: [f, o],
 		...c,
 		children: p
 	});
-}), U = r(function({ orientation: e = "horizontal", style: t, ...n }, r) {
-	return /* @__PURE__ */ E(C, {
+}), ve = ({ variant: e = "info", children: t, actionLabel: n, onAction: r, dismissible: i = !1, onDismiss: a, style: o, ...s }) => {
+	let c = I(), l = {
+		info: {
+			bg: c.accentBgColor,
+			fg: c.accentFgColor
+		},
+		warning: {
+			bg: c.warningBgColor,
+			fg: c.warningFgColor
+		},
+		error: {
+			bg: c.errorBgColor,
+			fg: c.errorFgColor
+		},
+		success: {
+			bg: c.successBgColor,
+			fg: c.successFgColor
+		}
+	}[e], u = e === "warning" ? "rgba(0, 0, 0, 0.14)" : "rgba(255, 255, 255, 0.25)";
+	return /* @__PURE__ */ k(T, {
+		accessible: !0,
+		accessibilityRole: "alert",
+		accessibilityLiveRegion: "polite",
+		style: [{
+			flexDirection: "row",
+			alignItems: "center",
+			gap: c.space2,
+			paddingVertical: 10,
+			paddingHorizontal: c.space4,
+			minHeight: 44,
+			width: "100%",
+			backgroundColor: l.bg
+		}, o],
+		...s,
+		children: [/* @__PURE__ */ O(U, {
+			variant: "body",
+			style: {
+				flex: 1,
+				minWidth: 0,
+				color: l.fg
+			},
+			children: t
+		}), (n || i) && /* @__PURE__ */ k(T, {
+			style: {
+				flexDirection: "row",
+				alignItems: "center",
+				gap: c.space1,
+				flexShrink: 0
+			},
+			children: [n && /* @__PURE__ */ O(b, {
+				accessibilityRole: "button",
+				accessibilityLabel: n,
+				onPress: r,
+				style: ({ pressed: e }) => ({
+					paddingVertical: 4,
+					paddingHorizontal: c.space2,
+					borderRadius: c.radiusMd,
+					backgroundColor: e ? u : "transparent"
+				}),
+				children: /* @__PURE__ */ O(C, {
+					style: {
+						fontFamily: c.fontFamily,
+						fontSize: c.fontSizeBody,
+						fontWeight: String(c.fontWeightSemibold),
+						color: l.fg
+					},
+					children: n
+				})
+			}), i && /* @__PURE__ */ O(b, {
+				accessibilityRole: "button",
+				accessibilityLabel: "Dismiss",
+				hitSlop: 4,
+				onPress: a,
+				style: ({ pressed: e }) => ({
+					width: 28,
+					height: 28,
+					alignItems: "center",
+					justifyContent: "center",
+					borderRadius: c.radiusMd,
+					opacity: e ? 1 : .6,
+					backgroundColor: e ? u : "transparent"
+				}),
+				children: /* @__PURE__ */ O(C, {
+					style: {
+						fontSize: c.fontSizeBody,
+						color: l.fg
+					},
+					children: "×"
+				})
+			})]
+		})]
+	});
+}, W = r(function({ orientation: e = "horizontal", style: t, ...n }, r) {
+	return /* @__PURE__ */ O(T, {
 		ref: r,
 		accessible: !1,
 		style: [
 			{
-				backgroundColor: F().cardShadeColor,
+				backgroundColor: I().cardShadeColor,
 				flexShrink: 0
 			},
 			e === "vertical" ? {
@@ -1475,15 +1567,15 @@ var H = r(function({ variant: e = "body", color: t = "default", style: n, childr
 		],
 		...n
 	});
-}), _e = r(function({ children: t, variant: n = "default", style: r, ...i }, a) {
-	let o = F(), s = e.toArray(t).filter(Boolean);
-	return n === "separate" ? /* @__PURE__ */ E(C, {
+}), ye = r(function({ children: t, variant: n = "default", style: r, ...i }, a) {
+	let o = I(), s = e.toArray(t).filter(Boolean);
+	return n === "separate" ? /* @__PURE__ */ O(T, {
 		ref: a,
 		accessible: !0,
 		accessibilityRole: "list",
 		style: [{ gap: o.space2 }, r],
 		...i,
-		children: s.map((e, t) => /* @__PURE__ */ E(C, {
+		children: s.map((e, t) => /* @__PURE__ */ O(T, {
 			style: {
 				backgroundColor: o.cardBgColor,
 				borderWidth: 1,
@@ -1493,7 +1585,7 @@ var H = r(function({ variant: e = "body", color: t = "default", style: n, childr
 			},
 			children: e
 		}, t))
-	}) : /* @__PURE__ */ E(C, {
+	}) : /* @__PURE__ */ O(T, {
 		ref: a,
 		accessible: !0,
 		accessibilityRole: "list",
@@ -1505,12 +1597,12 @@ var H = r(function({ variant: e = "body", color: t = "default", style: n, childr
 			overflow: "hidden"
 		}, r],
 		...i,
-		children: s.map((e, t) => /* @__PURE__ */ D(C, { children: [t > 0 && /* @__PURE__ */ E(U, { testID: "boxed-list-separator" }), e] }, t))
+		children: s.map((e, t) => /* @__PURE__ */ k(T, { children: [t > 0 && /* @__PURE__ */ O(W, { testID: "boxed-list-separator" }), e] }, t))
 	});
 });
 //#endregion
 //#region src/components/Button/Button.tsx
-function W(e, t) {
+function G(e, t) {
 	switch (t) {
 		case "sm": return {
 			minHeight: 28,
@@ -1535,14 +1627,14 @@ function W(e, t) {
 		};
 	}
 }
-function ve(e) {
+function be(e) {
 	switch (e) {
 		case "sm": return 28;
 		case "lg": return 42;
 		default: return 34;
 	}
 }
-function G(e, t, n, r) {
+function K(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)",
@@ -1571,15 +1663,15 @@ function G(e, t, n, r) {
 		};
 	}
 }
-var ye = r(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 = F(), p = P();
-	return /* @__PURE__ */ E(v, {
+var xe = r(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 = I(), p = F();
+	return /* @__PURE__ */ O(b, {
 		ref: d,
 		disabled: l,
 		accessibilityRole: "button",
 		accessibilityState: { disabled: !!l },
 		style: ({ pressed: i }) => {
-			let { backgroundColor: a, borderColor: o } = G(f, e, i, r), c = !r && (e === "suggested" || e === "destructive"), u = n === "circular" ? ve(t) : void 0, { minHeight: d, minWidth: m, paddingVertical: h, paddingHorizontal: g } = W(f, t);
+			let { backgroundColor: a, borderColor: o } = K(f, e, i, r), c = !r && (e === "suggested" || e === "destructive"), u = n === "circular" ? be(t) : void 0, { minHeight: d, minWidth: m, paddingVertical: h, paddingHorizontal: g } = G(f, t);
 			return [{
 				flexDirection: "row",
 				alignItems: "center",
@@ -1600,10 +1692,10 @@ var ye = r(function({ variant: e = "default", size: t = "md", shape: n = "defaul
 		},
 		...u,
 		children: ({ pressed: n }) => {
-			let { fontSize: s } = W(f, t), { color: l } = G(f, e, n, r);
-			return /* @__PURE__ */ D(T, { children: [
+			let { fontSize: s } = G(f, t), { color: l } = K(f, e, n, r);
+			return /* @__PURE__ */ k(D, { children: [
 				i,
-				typeof o == "string" ? /* @__PURE__ */ E(x, {
+				typeof o == "string" ? /* @__PURE__ */ O(C, {
 					style: [{
 						fontFamily: f.fontFamily,
 						fontWeight: String(f.fontWeightSemibold),
@@ -1619,7 +1711,7 @@ var ye = r(function({ variant: e = "default", size: t = "md", shape: n = "defaul
 });
 //#endregion
 //#region src/components/Card/Card.tsx
-function be(e, t) {
+function Se(e, t) {
 	switch (t) {
 		case "none": return 0;
 		case "sm": return e.space2;
@@ -1627,16 +1719,16 @@ function be(e, t) {
 		default: return e.space4;
 	}
 }
-var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children: r, disabled: i, ...a }, o) {
-	let s = F(), c = {
+var Ce = r(function({ interactive: e = !1, padding: t = "md", style: n, children: r, disabled: i, ...a }, o) {
+	let s = I(), c = {
 		backgroundColor: s.cardBgColor,
 		borderWidth: 1,
 		borderColor: s.cardShadeColor,
 		borderRadius: s.radiusLg,
 		overflow: "hidden",
-		padding: be(s, t)
+		padding: Se(s, t)
 	};
-	return e ? /* @__PURE__ */ E(v, {
+	return e ? /* @__PURE__ */ O(b, {
 		ref: o,
 		disabled: i,
 		accessibilityRole: "button",
@@ -1650,47 +1742,47 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 			n
 		],
 		...a,
-		children: ({ pressed: e }) => /* @__PURE__ */ D(T, { children: [r, e && !i ? /* @__PURE__ */ E(C, {
+		children: ({ pressed: e }) => /* @__PURE__ */ k(D, { children: [r, e && !i ? /* @__PURE__ */ O(T, {
 			pointerEvents: "none",
-			style: [b.absoluteFill, {
+			style: [S.absoluteFill, {
 				backgroundColor: s.activeOverlay,
 				borderRadius: s.radiusLg
 			}]
 		}) : null] })
-	}) : /* @__PURE__ */ E(C, {
+	}) : /* @__PURE__ */ O(T, {
 		ref: o,
 		style: [c, n],
 		...a,
 		children: r
 	});
-}), K = 18, Se = r(function({ value: e, indeterminate: t = !1, onValueChange: n, disabled: r, style: i, ...a }, o) {
-	let c = F(), l = N(), d = P(), f = e || t, h = u(new p.Value(+!!f)).current, g = u(!0);
+}), q = 18, we = r(function({ value: e, indeterminate: t = !1, onValueChange: n, disabled: r, style: i, ...a }, o) {
+	let c = I(), l = P(), d = F(), f = e || t, m = u(new p.Value(+!!f)).current, g = u(!0);
 	s(() => {
 		if (g.current) {
 			g.current = !1;
 			return;
 		}
 		let [e, t, n, r] = c.easingDefault;
-		p.timing(h, {
+		p.timing(m, {
 			toValue: +!!f,
 			duration: c.durationFast,
-			easing: m.bezier(e, t, n, r),
+			easing: h.bezier(e, t, n, r),
 			useNativeDriver: !1
 		}).start();
 	}, [
 		f,
-		h,
+		m,
 		c.durationFast,
 		c.easingDefault
 	]);
-	let _ = d === "more" ? c.windowFgColor : l === "dark" ? c.dark1 : c.light4, y = h.interpolate({
+	let _ = d === "more" ? c.windowFgColor : l === "dark" ? c.dark1 : c.light4, v = m.interpolate({
 		inputRange: [0, 1],
 		outputRange: [_, c.accentBgColor]
-	}), b = h.interpolate({
+	}), y = m.interpolate({
 		inputRange: [0, 1],
 		outputRange: [c.cardBgColor, c.accentBgColor]
 	});
-	return /* @__PURE__ */ E(v, {
+	return /* @__PURE__ */ O(b, {
 		ref: o,
 		disabled: r,
 		accessibilityRole: "checkbox",
@@ -1701,26 +1793,26 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 		onPress: () => n?.(!e),
 		style: [{ opacity: r ? c.opacityDisabled : 1 }, i],
 		...a,
-		children: /* @__PURE__ */ E(p.View, {
+		children: /* @__PURE__ */ O(p.View, {
 			style: {
-				width: K,
-				height: K,
+				width: q,
+				height: q,
 				alignItems: "center",
 				justifyContent: "center",
 				borderRadius: c.radiusSm,
 				borderWidth: d === "more" ? 2 : 1.5,
-				borderColor: y,
-				backgroundColor: b
+				borderColor: v,
+				backgroundColor: y
 			},
-			children: t ? /* @__PURE__ */ E(p.View, { style: {
+			children: t ? /* @__PURE__ */ O(p.View, { style: {
 				width: 10,
 				height: 2,
 				borderRadius: 1,
 				backgroundColor: "#fff",
-				opacity: h
-			} }) : /* @__PURE__ */ E(p.Text, {
+				opacity: m
+			} }) : /* @__PURE__ */ O(p.Text, {
 				style: {
-					opacity: h,
+					opacity: m,
 					color: "#fff",
 					fontSize: 13,
 					fontWeight: "bold",
@@ -1730,9 +1822,168 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 			})
 		})
 	});
-}), Ce = r(function({ title: e, start: t, end: n, flat: r = !1, style: i, ...a }, o) {
-	let s = F();
-	return /* @__PURE__ */ D(C, {
+}), Te = p.createAnimatedComponent(b), Ee = ({ open: e, title: t, children: n, buttons: r = [], onClose: i, closeOnBackdrop: a = !0, role: o = "dialog", responses: c, onResponse: l, style: d, testID: f }) => {
+	let g = I(), _ = P(), y = H(), x = u(new p.Value(+!!y)).current, S = !!c, C = () => {
+		let e = c?.find((e) => e.variant !== "destructive" && !e.disabled);
+		e && l?.(e.id);
+	}, w = () => {
+		S ? C() : i?.();
+	}, E = S ? C : a ? i : void 0;
+	s(() => {
+		if (!e) return;
+		if (y) {
+			x.setValue(1);
+			return;
+		}
+		x.setValue(0);
+		let [t, n, r, i] = g.easingDefault;
+		p.timing(x, {
+			toValue: 1,
+			duration: g.durationNormal,
+			easing: h.bezier(t, n, r, i),
+			useNativeDriver: !0
+		}).start();
+	}, [
+		e,
+		y,
+		x,
+		g.durationNormal,
+		g.easingDefault
+	]), s(() => {
+		if (!e) return;
+		let t = m.addEventListener("hardwareBackPress", () => (w(), !0));
+		return () => t.remove();
+	}, [
+		e,
+		S,
+		c,
+		l,
+		i
+	]);
+	let D = () => {
+		let e = S && c ? c : r;
+		return e.length === 0 ? null : /* @__PURE__ */ O(T, {
+			style: {
+				borderTopWidth: 1,
+				borderTopColor: g.cardShadeColor
+			},
+			children: e.map((t, n) => {
+				let r = t.variant ?? "default", i = r === "destructive" ? g.destructiveColor : g.accentColor, a = S ? () => l?.(t.id) : t.onPress;
+				return /* @__PURE__ */ O(b, {
+					accessibilityRole: "button",
+					accessibilityState: { disabled: t.disabled },
+					disabled: t.disabled,
+					onPress: a,
+					style: ({ pressed: r }) => ({
+						paddingVertical: 14,
+						paddingHorizontal: g.space4,
+						borderBottomWidth: +(n < e.length - 1),
+						borderBottomColor: g.cardShadeColor,
+						backgroundColor: r ? g.activeOverlay : "transparent",
+						opacity: t.disabled ? g.opacityDisabled : 1
+					}),
+					children: /* @__PURE__ */ O(U, {
+						variant: "body",
+						style: {
+							textAlign: "center",
+							color: i,
+							fontWeight: r === "suggested" ? String(g.fontWeightSemibold) : void 0
+						},
+						children: t.label
+					})
+				}, S ? t.id : t.label);
+			})
+		});
+	}, A = _ === "dark" ? {
+		shadowOpacity: .5,
+		shadowRadius: 32,
+		elevation: 12
+	} : {
+		shadowOpacity: .25,
+		shadowRadius: 32,
+		elevation: 8
+	};
+	return /* @__PURE__ */ O(v, {
+		visible: e,
+		transparent: !0,
+		animationType: "none",
+		statusBarTranslucent: !0,
+		onRequestClose: w,
+		children: /* @__PURE__ */ O(Te, {
+			testID: f,
+			onPress: E,
+			style: {
+				flex: 1,
+				alignItems: "center",
+				justifyContent: "center",
+				paddingHorizontal: 24,
+				backgroundColor: g.dialogBackdropColor,
+				opacity: x
+			},
+			children: /* @__PURE__ */ O(b, {
+				onPress: () => {},
+				accessible: !1,
+				style: {
+					width: "100%",
+					maxWidth: 480
+				},
+				children: /* @__PURE__ */ k(p.View, {
+					accessible: !0,
+					role: o,
+					accessibilityViewIsModal: !0,
+					style: [{
+						backgroundColor: g.dialogBgColor,
+						borderRadius: g.radiusXl,
+						overflow: "hidden",
+						shadowColor: "#000",
+						shadowOffset: {
+							width: 0,
+							height: 8
+						},
+						...A,
+						opacity: x,
+						transform: [{ translateY: x.interpolate({
+							inputRange: [0, 1],
+							outputRange: [-8, 0]
+						}) }, { scale: x.interpolate({
+							inputRange: [0, 1],
+							outputRange: [.92, 1]
+						}) }]
+					}, d],
+					children: [
+						t && /* @__PURE__ */ O(U, {
+							variant: "title-4",
+							style: {
+								padding: g.space4,
+								paddingBottom: n ? 0 : g.space4,
+								textAlign: "center",
+								fontWeight: String(g.fontWeightBold)
+							},
+							children: t
+						}),
+						n && /* @__PURE__ */ O(T, {
+							style: {
+								paddingVertical: g.space2,
+								paddingHorizontal: g.space4
+							},
+							children: typeof n == "string" ? /* @__PURE__ */ O(U, {
+								variant: "body",
+								style: {
+									textAlign: "center",
+									opacity: g.opacityDim
+								},
+								children: n
+							}) : n
+						}),
+						D()
+					]
+				})
+			})
+		})
+	});
+}, De = r(function({ title: e, start: t, end: n, flat: r = !1, style: i, ...a }, o) {
+	let s = I();
+	return /* @__PURE__ */ k(T, {
 		ref: o,
 		style: [{
 			flexDirection: "row",
@@ -1746,7 +1997,7 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 		}, i],
 		...a,
 		children: [
-			/* @__PURE__ */ E(C, {
+			/* @__PURE__ */ O(T, {
 				style: {
 					flex: 1,
 					flexDirection: "row",
@@ -1755,14 +2006,14 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 				},
 				children: t
 			}),
-			/* @__PURE__ */ E(C, {
+			/* @__PURE__ */ O(T, {
 				accessibilityLiveRegion: "polite",
 				style: {
 					alignItems: "center",
 					justifyContent: "center",
 					paddingHorizontal: s.space1
 				},
-				children: typeof e == "string" ? /* @__PURE__ */ E(x, {
+				children: typeof e == "string" ? /* @__PURE__ */ O(C, {
 					numberOfLines: 1,
 					ellipsizeMode: "tail",
 					style: {
@@ -1775,7 +2026,7 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 					children: e
 				}) : e
 			}),
-			/* @__PURE__ */ E(C, {
+			/* @__PURE__ */ O(T, {
 				style: {
 					flex: 1,
 					flexDirection: "row",
@@ -1787,22 +2038,22 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 			})
 		]
 	});
-}), we = r(function({ href: e, external: t = !1, children: n, style: r, textStyle: i, onPress: a, ...o }, s) {
-	let c = F();
-	return /* @__PURE__ */ E(v, {
+}), Oe = r(function({ href: e, external: t = !1, children: n, style: r, textStyle: i, onPress: a, ...o }, s) {
+	let c = I();
+	return /* @__PURE__ */ O(b, {
 		ref: s,
 		accessibilityRole: "link",
 		accessibilityHint: t ? "Opens in browser" : void 0,
-		onPress: a ?? (() => g.openURL(e)),
+		onPress: a ?? (() => _.openURL(e)),
 		style: r,
 		...o,
-		children: ({ pressed: e }) => /* @__PURE__ */ D(H, {
+		children: ({ pressed: e }) => /* @__PURE__ */ k(U, {
 			style: [{
 				color: c.accentColor,
 				textDecorationLine: e ? "underline" : "none",
 				opacity: e ? .7 : 1
 			}, i],
-			children: [n, t && /* @__PURE__ */ E(x, {
+			children: [n, t && /* @__PURE__ */ O(C, {
 				accessibilityElementsHidden: !0,
 				importantForAccessibility: "no",
 				style: { fontSize: 12 },
@@ -1810,9 +2061,9 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 			})]
 		})
 	});
-}), Te = ({ segments: e, onNavigate: n, style: r, ...i }) => {
-	let a = F();
-	return /* @__PURE__ */ E(C, {
+}), ke = ({ segments: e, onNavigate: n, style: r, ...i }) => {
+	let a = I();
+	return /* @__PURE__ */ O(T, {
 		style: [{
 			flexDirection: "row",
 			flexWrap: "wrap",
@@ -1821,7 +2072,7 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 		...i,
 		children: e.map((r, i) => {
 			let o = i === e.length - 1;
-			return /* @__PURE__ */ D(t, { children: [i > 0 && /* @__PURE__ */ E(x, {
+			return /* @__PURE__ */ k(t, { children: [i > 0 && /* @__PURE__ */ O(C, {
 				accessibilityElementsHidden: !0,
 				importantForAccessibility: "no",
 				style: {
@@ -1831,7 +2082,7 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 					fontSize: a.fontSizeBody
 				},
 				children: "›"
-			}), o ? /* @__PURE__ */ D(C, {
+			}), o ? /* @__PURE__ */ k(T, {
 				style: {
 					flexDirection: "row",
 					alignItems: "center",
@@ -1840,10 +2091,10 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 					paddingHorizontal: a.space1,
 					maxWidth: 200
 				},
-				children: [r.icon && /* @__PURE__ */ E(C, {
+				children: [r.icon && /* @__PURE__ */ O(T, {
 					style: { flexShrink: 0 },
 					children: r.icon
-				}), /* @__PURE__ */ E(x, {
+				}), /* @__PURE__ */ O(C, {
 					numberOfLines: 1,
 					ellipsizeMode: "tail",
 					style: {
@@ -1854,7 +2105,7 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 					},
 					children: r.label
 				})]
-			}) : /* @__PURE__ */ D(v, {
+			}) : /* @__PURE__ */ k(b, {
 				accessibilityRole: "button",
 				accessibilityLabel: r.label,
 				onPress: () => n?.(r.path, i),
@@ -1868,10 +2119,10 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 					borderRadius: a.radiusSm,
 					backgroundColor: e ? a.activeOverlay : "transparent"
 				}),
-				children: [r.icon && /* @__PURE__ */ E(C, {
+				children: [r.icon && /* @__PURE__ */ O(T, {
 					style: { flexShrink: 0 },
 					children: r.icon
-				}), /* @__PURE__ */ E(x, {
+				}), /* @__PURE__ */ O(C, {
 					numberOfLines: 1,
 					ellipsizeMode: "tail",
 					style: {
@@ -1884,21 +2135,21 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 			})] }, r.path);
 		})
 	});
-}, Ee = ({ value: e, variant: t = "accent", accessibilityLabel: n, style: r, onLayout: i, ...a }) => {
-	let o = F(), c = N(), l = V(), f = e == null, h = f ? void 0 : Math.min(1, Math.max(0, e)), g = h === void 0 ? void 0 : h * 100, _ = u(new p.Value(h ?? 0)).current, v = u(new p.Value(0)).current, [y, b] = d(0), x = (e) => {
+}, Ae = ({ value: e, variant: t = "accent", accessibilityLabel: n, style: r, onLayout: i, ...a }) => {
+	let o = I(), c = P(), l = H(), f = e == null, m = f ? void 0 : Math.min(1, Math.max(0, e)), g = m === void 0 ? void 0 : m * 100, _ = u(new p.Value(m ?? 0)).current, v = u(new p.Value(0)).current, [y, b] = d(0), x = (e) => {
 		b(e.nativeEvent.layout.width), i?.(e);
 	};
 	s(() => {
 		if (f) return;
 		let [e, t, n, r] = o.easingDefault;
 		p.timing(_, {
-			toValue: h ?? 0,
+			toValue: m ?? 0,
 			duration: l ? 0 : o.durationNormal,
-			easing: m.bezier(e, t, n, r),
+			easing: h.bezier(e, t, n, r),
 			useNativeDriver: !0
 		}).start();
 	}, [
-		h,
+		m,
 		f,
 		l,
 		_,
@@ -1910,7 +2161,7 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 		let [e, t, n, r] = o.easingDefault, i = p.loop(p.timing(v, {
 			toValue: 1,
 			duration: 1400,
-			easing: m.bezier(e, t, n, r),
+			easing: h.bezier(e, t, n, r),
 			useNativeDriver: !0
 		}));
 		return i.start(), () => i.stop();
@@ -1941,11 +2192,11 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 		transformOrigin: "left",
 		transform: [{ scaleX: _ }]
 	};
-	return /* @__PURE__ */ E(p.View, {
+	return /* @__PURE__ */ O(p.View, {
 		accessible: !0,
 		accessibilityRole: "progressbar",
 		accessibilityLabel: n,
-		accessibilityValue: h === void 0 ? void 0 : {
+		accessibilityValue: m === void 0 ? void 0 : {
 			min: 0,
 			max: 100,
 			now: Math.round(g)
@@ -1959,7 +2210,7 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 			overflow: "hidden"
 		}, r],
 		...a,
-		children: /* @__PURE__ */ E(p.View, { style: [{
+		children: /* @__PURE__ */ O(p.View, { style: [{
 			position: f ? "absolute" : "relative",
 			top: 0,
 			height: "100%",
@@ -1967,8 +2218,8 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 			backgroundColor: C[t]
 		}, w] })
 	});
-}, q = 18, J = 6, De = r(function({ value: e, onSelect: t, disabled: n, style: r, ...i }, a) {
-	let o = F(), c = N(), l = P(), d = u(new p.Value(+!!e)).current, f = u(!0);
+}, J = 18, Y = 6, je = r(function({ value: e, onSelect: t, disabled: n, style: r, ...i }, a) {
+	let o = I(), c = P(), l = F(), d = u(new p.Value(+!!e)).current, f = u(!0);
 	s(() => {
 		if (f.current) {
 			f.current = !1;
@@ -1978,7 +2229,7 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 		p.timing(d, {
 			toValue: +!!e,
 			duration: o.durationFast,
-			easing: m.bezier(t, n, r, i),
+			easing: h.bezier(t, n, r, i),
 			useNativeDriver: !1
 		}).start();
 	}, [
@@ -1987,14 +2238,14 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 		o.durationFast,
 		o.easingDefault
 	]);
-	let h = l === "more" ? o.windowFgColor : c === "dark" ? o.dark1 : o.light4, g = d.interpolate({
+	let m = l === "more" ? o.windowFgColor : c === "dark" ? o.dark1 : o.light4, g = d.interpolate({
 		inputRange: [0, 1],
-		outputRange: [h, o.accentBgColor]
+		outputRange: [m, o.accentBgColor]
 	}), _ = d.interpolate({
 		inputRange: [0, 1],
 		outputRange: [o.cardBgColor, o.accentBgColor]
 	});
-	return /* @__PURE__ */ E(v, {
+	return /* @__PURE__ */ O(b, {
 		ref: a,
 		disabled: n,
 		accessibilityRole: "radio",
@@ -2007,10 +2258,10 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 		},
 		style: [{ opacity: n ? o.opacityDisabled : 1 }, r],
 		...i,
-		children: /* @__PURE__ */ E(p.View, {
+		children: /* @__PURE__ */ O(p.View, {
 			style: {
-				width: q,
-				height: q,
+				width: J,
+				height: J,
 				alignItems: "center",
 				justifyContent: "center",
 				borderRadius: o.radiusPill,
@@ -2018,9 +2269,9 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 				borderColor: g,
 				backgroundColor: _
 			},
-			children: /* @__PURE__ */ E(p.View, { style: {
-				width: J,
-				height: J,
+			children: /* @__PURE__ */ O(p.View, { style: {
+				width: Y,
+				height: Y,
 				borderRadius: o.radiusPill,
 				backgroundColor: "#fff",
 				opacity: d
@@ -2030,29 +2281,29 @@ var xe = r(function({ interactive: e = !1, padding: t = "md", style: n, children
 });
 //#endregion
 //#region src/components/SearchBar/SearchBar.tsx
-function Oe(e, t) {
+function Me(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 ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, placeholder: a = "Search…", editable: o = !0, inline: l = !1, closeLabel: d = "Cancel", style: f, inputStyle: p, ...m }, h) {
-	let g = F(), _ = u(null);
+var Ne = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, placeholder: a = "Search…", editable: o = !0, inline: l = !1, closeLabel: d = "Cancel", style: f, inputStyle: p, ...m }, h) {
+	let g = I(), _ = u(null);
 	if (c(h, () => _.current, []), s(() => {
 		if (!e) return;
 		let t = requestAnimationFrame(() => _.current?.focus());
 		return () => cancelAnimationFrame(t);
 	}, [e]), !e) return null;
-	let y = !o, b = typeof i == "string" && i.length > 0, w = l ? "transparent" : g.headerbarBgColor, T = l ? "transparent" : g.headerbarShadeColor;
-	return /* @__PURE__ */ D(C, {
+	let v = !o, y = typeof i == "string" && i.length > 0, x = l ? "transparent" : g.headerbarBgColor, S = l ? "transparent" : g.headerbarShadeColor;
+	return /* @__PURE__ */ k(T, {
 		style: f,
-		children: [/* @__PURE__ */ D(C, {
+		children: [/* @__PURE__ */ k(T, {
 			style: {
 				flexDirection: "row",
 				alignItems: "center",
 				gap: g.space1
 			},
-			children: [/* @__PURE__ */ D(C, {
+			children: [/* @__PURE__ */ k(T, {
 				style: {
 					flex: 1,
 					flexDirection: "row",
@@ -2060,13 +2311,13 @@ var ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 					gap: g.space1,
 					paddingVertical: g.space1,
 					paddingHorizontal: g.space2,
-					backgroundColor: w,
+					backgroundColor: x,
 					borderBottomWidth: 1,
-					borderBottomColor: T,
-					opacity: y ? g.opacityDisabled : 1
+					borderBottomColor: S,
+					opacity: v ? g.opacityDisabled : 1
 				},
 				children: [
-					/* @__PURE__ */ E(x, {
+					/* @__PURE__ */ O(C, {
 						accessibilityElementsHidden: !0,
 						importantForAccessibility: "no",
 						style: {
@@ -2075,12 +2326,12 @@ var ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 						},
 						children: "🔍"
 					}),
-					/* @__PURE__ */ E(S, {
+					/* @__PURE__ */ O(w, {
 						ref: _,
 						editable: o,
 						value: i,
 						placeholder: a,
-						placeholderTextColor: Oe(g.windowFgColor, g.opacityDim),
+						placeholderTextColor: Me(g.windowFgColor, g.opacityDim),
 						style: [{
 							flex: 1,
 							padding: 0,
@@ -2091,10 +2342,10 @@ var ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 						}, p],
 						...m
 					}),
-					b && /* @__PURE__ */ E(v, {
+					y && /* @__PURE__ */ O(b, {
 						accessibilityRole: "button",
 						accessibilityLabel: "Clear search",
-						disabled: y,
+						disabled: v,
 						hitSlop: 8,
 						onPress: () => {
 							n?.(), _.current?.focus();
@@ -2105,10 +2356,10 @@ var ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 							alignItems: "center",
 							justifyContent: "center",
 							borderRadius: g.radiusSm,
-							opacity: y ? g.opacityDisabled : 1,
+							opacity: v ? g.opacityDisabled : 1,
 							backgroundColor: e ? g.activeOverlay : "transparent"
 						}),
-						children: /* @__PURE__ */ E(x, {
+						children: /* @__PURE__ */ O(C, {
 							style: {
 								fontSize: g.fontSizeBody,
 								color: g.windowFgColor
@@ -2117,12 +2368,12 @@ var ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 						})
 					})
 				]
-			}), t && /* @__PURE__ */ E(v, {
+			}), t && /* @__PURE__ */ O(b, {
 				accessibilityRole: "button",
 				accessibilityLabel: d,
 				onPress: t,
 				hitSlop: 8,
-				children: /* @__PURE__ */ E(x, {
+				children: /* @__PURE__ */ O(C, {
 					style: {
 						fontFamily: g.fontFamily,
 						fontSize: g.fontSizeBody,
@@ -2131,16 +2382,16 @@ var ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 					children: d
 				})
 			})]
-		}), r && /* @__PURE__ */ E(C, {
+		}), r && /* @__PURE__ */ O(T, {
 			style: {
 				flexDirection: "row",
 				flexWrap: "wrap",
 				gap: g.space1,
 				padding: g.space1,
 				paddingHorizontal: g.space2,
-				backgroundColor: w,
+				backgroundColor: x,
 				borderBottomWidth: 1,
-				borderBottomColor: T
+				borderBottomColor: S
 			},
 			children: r
 		})]
@@ -2148,32 +2399,32 @@ var ke = r(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
 });
 //#endregion
 //#region src/components/Sidebar/filterUtils.ts
-function Y(t, n) {
+function X(t, n) {
 	let r = 0;
 	return e.forEach(t, (e) => {
 		if (!i(e)) return;
 		let t = e.props;
-		typeof t.label == "string" ? t.label.toLowerCase().includes(n.toLowerCase()) && r++ : t.children && (r += Y(t.children, n));
+		typeof t.label == "string" ? t.label.toLowerCase().includes(n.toLowerCase()) && r++ : t.children && (r += X(t.children, n));
 	}), r;
 }
-function Ae(e, t) {
+function Pe(e, t) {
 	if (!t || !i(e)) return !0;
 	let n = e.props;
-	return typeof n.label == "string" ? n.label.toLowerCase().includes(t.toLowerCase()) : n.children ? Y(n.children, t) > 0 : !0;
+	return typeof n.label == "string" ? n.label.toLowerCase().includes(t.toLowerCase()) : n.children ? X(n.children, t) > 0 : !0;
 }
 //#endregion
 //#region src/components/Sidebar/Sidebar.tsx
-var X = n(!1);
-function Z() {
-	return o(X);
+var Z = n(!1);
+function Q() {
+	return o(Z);
 }
-var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "", style: a, ...o }, s) {
-	let c = F(), l = i.length > 0, u = e.toArray(n).filter(Boolean).filter((e) => Ae(e, i)), d = !l || u.length > 0;
-	return /* @__PURE__ */ E(X.Provider, {
+var $ = n(""), Fe = r(function({ children: n, collapsed: r = !1, filter: i = "", style: a, ...o }, s) {
+	let c = I(), l = i.length > 0, u = e.toArray(n).filter(Boolean).filter((e) => Pe(e, i)), d = !l || u.length > 0;
+	return /* @__PURE__ */ O(Z.Provider, {
 		value: r,
-		children: /* @__PURE__ */ E(Q.Provider, {
+		children: /* @__PURE__ */ O($.Provider, {
 			value: i,
-			children: /* @__PURE__ */ E(C, {
+			children: /* @__PURE__ */ O(T, {
 				ref: s,
 				style: [{
 					flexShrink: 0,
@@ -2183,9 +2434,9 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 					borderRightColor: c.headerbarBorderColor
 				}, a],
 				...o,
-				children: /* @__PURE__ */ E(y, {
+				children: /* @__PURE__ */ O(x, {
 					contentContainerStyle: { padding: c.space1 },
-					children: l && !d ? /* @__PURE__ */ E(H, {
+					children: l && !d ? /* @__PURE__ */ O(U, {
 						variant: "caption",
 						color: "dim",
 						style: {
@@ -2193,7 +2444,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 							padding: c.space4
 						},
 						children: "No items match your search."
-					}) : u.map((e, n) => /* @__PURE__ */ D(t, { children: [n > 0 && /* @__PURE__ */ E(U, {
+					}) : u.map((e, n) => /* @__PURE__ */ k(t, { children: [n > 0 && /* @__PURE__ */ O(W, {
 						testID: "sidebar-separator",
 						style: { marginVertical: c.space1 }
 					}), e] }, n))
@@ -2201,9 +2452,9 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 			})
 		})
 	});
-}), Me = r(function({ label: e, icon: t, active: n = !1, suffix: r, disabled: i, style: a, ...s }, c) {
-	let l = F(), u = Z(), d = o(Q);
-	return d.length > 0 && !e.toLowerCase().includes(d.toLowerCase()) ? null : /* @__PURE__ */ D(v, {
+}), Ie = r(function({ label: e, icon: t, active: n = !1, suffix: r, disabled: i, style: a, ...s }, c) {
+	let l = I(), u = Q(), d = o($);
+	return d.length > 0 && !e.toLowerCase().includes(d.toLowerCase()) ? null : /* @__PURE__ */ k(b, {
 		ref: c,
 		disabled: i,
 		accessibilityRole: "button",
@@ -2231,14 +2482,14 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		],
 		...s,
 		children: [
-			t && /* @__PURE__ */ E(C, {
+			t && /* @__PURE__ */ O(T, {
 				style: {
 					flexShrink: 0,
 					opacity: n ? 1 : .85
 				},
 				children: t
 			}),
-			!u && /* @__PURE__ */ E(H, {
+			!u && /* @__PURE__ */ O(U, {
 				numberOfLines: 1,
 				ellipsizeMode: "tail",
 				style: {
@@ -2249,22 +2500,22 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 				},
 				children: e
 			}),
-			!u && r && /* @__PURE__ */ E(C, {
+			!u && r && /* @__PURE__ */ O(T, {
 				style: { flexShrink: 0 },
 				children: r
 			})
 		]
 	});
-}), Ne = r(function({ title: e, icon: t, collapsible: n = !1, defaultOpen: r = !0, open: i, onOpenChange: a, children: s, style: l, ...u }, f) {
-	let p = F(), [m, h] = d(r), g = i !== void 0, _ = g ? i : m, y = Z(), b = o(Q), x = (e) => {
+}), Le = r(function({ title: e, icon: t, collapsible: n = !1, defaultOpen: r = !0, open: i, onOpenChange: a, children: s, style: l, ...u }, f) {
+	let p = I(), [m, h] = d(r), g = i !== void 0, _ = g ? i : m, v = Q(), y = o($), x = (e) => {
 		g || h(e), a?.(e);
 	};
 	if (c(f, () => ({
 		expand: () => x(!0),
 		collapse: () => x(!1),
 		toggle: () => x(!_)
-	})), !(b.length === 0 || Y(s, b) > 0)) return null;
-	let S = y ? !0 : _, w = !y && !!(e || t), T = (e || t) && /* @__PURE__ */ D(C, {
+	})), !(y.length === 0 || X(s, y) > 0)) return null;
+	let S = v ? !0 : _, C = !v && !!(e || t), w = (e || t) && /* @__PURE__ */ k(T, {
 		style: {
 			flexDirection: "row",
 			alignItems: "center",
@@ -2275,21 +2526,21 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 			marginBottom: 2
 		},
 		children: [
-			t && /* @__PURE__ */ E(C, {
+			t && /* @__PURE__ */ O(T, {
 				style: {
 					flexShrink: 0,
 					opacity: .7
 				},
 				children: t
 			}),
-			e && /* @__PURE__ */ E(H, {
+			e && /* @__PURE__ */ O(U, {
 				variant: "caption-heading",
 				color: "dim",
 				style: { flex: 1 },
 				numberOfLines: 1,
 				children: e
 			}),
-			n && /* @__PURE__ */ E(H, {
+			n && /* @__PURE__ */ O(U, {
 				variant: "caption",
 				color: "dim",
 				style: { flexShrink: 0 },
@@ -2297,16 +2548,16 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 			})
 		]
 	});
-	return /* @__PURE__ */ D(C, {
+	return /* @__PURE__ */ k(T, {
 		style: l,
 		...u,
-		children: [w && (n ? /* @__PURE__ */ E(v, {
+		children: [C && (n ? /* @__PURE__ */ O(b, {
 			accessibilityRole: "button",
 			accessibilityState: { expanded: _ },
 			accessibilityLabel: e,
 			onPress: () => x(!_),
-			children: T
-		}) : T), /* @__PURE__ */ E(C, {
+			children: w
+		}) : w), /* @__PURE__ */ O(T, {
 			accessible: !0,
 			accessibilityRole: "list",
 			style: {
@@ -2316,14 +2567,14 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 			children: s
 		})]
 	});
-}), Pe = ({ variant: e = "rect", width: t = "100%", height: n = 16, size: r = 40, lines: i = 3, animated: a = !0, style: o, ...c }) => {
-	let l = F(), d = V(), f = u(new p.Value(1)).current, h = a && !d;
+}), Re = ({ variant: e = "rect", width: t = "100%", height: n = 16, size: r = 40, lines: i = 3, animated: a = !0, style: o, ...c }) => {
+	let l = I(), d = H(), f = u(new p.Value(1)).current, m = a && !d;
 	if (s(() => {
-		if (!h) {
+		if (!m) {
 			f.setValue(1);
 			return;
 		}
-		let [e, t, n, r] = l.easingDefault, i = m.bezier(e, t, n, r), a = p.loop(p.sequence([p.timing(f, {
+		let [e, t, n, r] = l.easingDefault, i = h.bezier(e, t, n, r), a = p.loop(p.sequence([p.timing(f, {
 			toValue: .5,
 			duration: 700,
 			easing: i,
@@ -2336,16 +2587,16 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		})]));
 		return a.start(), () => a.stop();
 	}, [
-		h,
+		m,
 		f,
 		l.easingDefault
 	]), e === "text") {
 		let e = Math.max(1, Math.floor(i));
-		return /* @__PURE__ */ E(C, {
+		return /* @__PURE__ */ O(T, {
 			accessible: !1,
 			style: [{ gap: 8 }, o],
 			...c,
-			children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ E(p.View, { style: {
+			children: Array.from({ length: e }, (t, n) => /* @__PURE__ */ O(p.View, { style: {
 				width: n === e - 1 ? "60%" : "100%",
 				height: 12,
 				borderRadius: l.radiusPill,
@@ -2363,7 +2614,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		height: n,
 		borderRadius: l.radiusMd
 	};
-	return /* @__PURE__ */ E(p.View, {
+	return /* @__PURE__ */ O(p.View, {
 		accessible: !1,
 		style: [
 			g,
@@ -2375,7 +2626,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		],
 		...c
 	});
-}, Fe = {
+}, ze = {
 	sm: {
 		dimension: 16,
 		borderWidth: 2
@@ -2388,14 +2639,14 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		dimension: 36,
 		borderWidth: 3
 	}
-}, Ie = ({ size: e = "md", label: t = "Loading…", style: n, ...r }) => {
-	let i = F(), a = N(), o = V(), c = u(new p.Value(0)).current;
+}, Be = ({ size: e = "md", label: t = "Loading…", style: n, ...r }) => {
+	let i = I(), a = P(), o = H(), c = u(new p.Value(0)).current;
 	s(() => {
 		c.setValue(0);
 		let e = p.loop(p.timing(c, {
 			toValue: 1,
 			duration: o ? 2e3 : 750,
-			easing: m.linear,
+			easing: h.linear,
 			useNativeDriver: !0
 		}));
 		return e.start(), () => e.stop();
@@ -2403,8 +2654,8 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 	let l = c.interpolate({
 		inputRange: [0, 1],
 		outputRange: ["0deg", "360deg"]
-	}), { dimension: d, borderWidth: f } = Fe[e], h = a === "dark" ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)";
-	return /* @__PURE__ */ E(p.View, {
+	}), { dimension: d, borderWidth: f } = ze[e], m = a === "dark" ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)";
+	return /* @__PURE__ */ O(p.View, {
 		accessible: !0,
 		accessibilityRole: "progressbar",
 		accessibilityLabel: t || void 0,
@@ -2415,14 +2666,14 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 			height: d,
 			borderRadius: d / 2,
 			borderWidth: f,
-			borderColor: h,
+			borderColor: m,
 			borderTopColor: i.accentColor,
 			transform: [{ rotate: l }]
 		}, n],
 		...r
 	});
-}, Le = 56, Re = 28, $ = 20, ze = 3, Be = 28, Ve = r(function({ value: e, onValueChange: t, disabled: n, style: r, ...i }, a) {
-	let o = F(), c = N(), l = P(), d = u(new p.Value(+!!e)).current, f = u(!0);
+}, Ve = 56, He = 28, Ue = 20, We = 3, Ge = 28, Ke = r(function({ value: e, onValueChange: t, disabled: n, style: r, ...i }, a) {
+	let o = I(), c = P(), l = F(), d = u(new p.Value(+!!e)).current, f = u(!0);
 	s(() => {
 		if (f.current) {
 			f.current = !1;
@@ -2432,7 +2683,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		p.timing(d, {
 			toValue: +!!e,
 			duration: o.durationFast,
-			easing: m.bezier(t, n, r, i),
+			easing: h.bezier(t, n, r, i),
 			useNativeDriver: !1
 		}).start();
 	}, [
@@ -2441,14 +2692,14 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		o.durationFast,
 		o.easingDefault
 	]);
-	let h = c === "dark" ? o.dark2 : o.light4, g = c === "dark" ? o.light3 : "#fff", _ = d.interpolate({
+	let m = c === "dark" ? o.dark2 : o.light4, g = c === "dark" ? o.light3 : "#fff", _ = d.interpolate({
 		inputRange: [0, 1],
-		outputRange: [h, o.accentBgColor]
-	}), y = d.interpolate({
+		outputRange: [m, o.accentBgColor]
+	}), v = d.interpolate({
 		inputRange: [0, 1],
 		outputRange: [o.borderSubtle, o.accentBgColor]
 	});
-	return /* @__PURE__ */ E(v, {
+	return /* @__PURE__ */ O(b, {
 		ref: a,
 		disabled: n,
 		accessibilityRole: "switch",
@@ -2459,26 +2710,26 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		onPress: () => t?.(!e),
 		style: [{ opacity: n ? o.opacityDisabled : 1 }, r],
 		...i,
-		children: /* @__PURE__ */ E(p.View, {
+		children: /* @__PURE__ */ O(p.View, {
 			style: {
-				width: Le,
-				height: Re,
+				width: Ve,
+				height: He,
 				borderRadius: o.radiusPill,
 				borderWidth: l === "more" ? 2 : 1,
-				borderColor: y,
+				borderColor: v,
 				backgroundColor: _
 			},
-			children: /* @__PURE__ */ E(p.View, { style: [{
+			children: /* @__PURE__ */ O(p.View, { style: [{
 				position: "absolute",
-				top: ze,
-				left: ze,
-				width: $,
-				height: $,
+				top: We,
+				left: We,
+				width: Ue,
+				height: Ue,
 				borderRadius: o.radiusPill,
 				backgroundColor: e ? "#fff" : g,
 				transform: [{ translateX: d.interpolate({
 					inputRange: [0, 1],
-					outputRange: [0, Be]
+					outputRange: [0, Ge]
 				}) }]
 			}, l !== "more" && {
 				shadowColor: "#000",
@@ -2492,9 +2743,9 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 			}] })
 		})
 	});
-}), He = r(function({ children: e, inline: t = !1, accessibilityLabel: n = "Tabs", style: r, ...i }, a) {
-	let o = F();
-	return /* @__PURE__ */ E(y, {
+}), qe = r(function({ children: e, inline: t = !1, accessibilityLabel: n = "Tabs", style: r, ...i }, a) {
+	let o = I();
+	return /* @__PURE__ */ O(x, {
 		ref: a,
 		horizontal: !0,
 		showsHorizontalScrollIndicator: !1,
@@ -2518,9 +2769,9 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		...i,
 		children: e
 	});
-}), Ue = r(function({ label: e, icon: t, active: n = !1, onClose: r, closeLabel: i = "Close tab", count: a, disabled: o, ...s }, c) {
-	let l = F();
-	return /* @__PURE__ */ D(v, {
+}), Je = r(function({ label: e, icon: t, active: n = !1, onClose: r, closeLabel: i = "Close tab", count: a, disabled: o, ...s }, c) {
+	let l = I();
+	return /* @__PURE__ */ k(b, {
 		ref: c,
 		disabled: o,
 		accessibilityRole: "tab",
@@ -2544,11 +2795,11 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 		}),
 		...s,
 		children: [
-			t && /* @__PURE__ */ E(C, {
+			t && /* @__PURE__ */ O(T, {
 				style: { flexShrink: 0 },
 				children: t
 			}),
-			/* @__PURE__ */ E(x, {
+			/* @__PURE__ */ O(C, {
 				numberOfLines: 1,
 				ellipsizeMode: "tail",
 				style: {
@@ -2559,7 +2810,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 				},
 				children: e
 			}),
-			a !== void 0 && /* @__PURE__ */ E(C, {
+			a !== void 0 && /* @__PURE__ */ O(T, {
 				style: {
 					flexShrink: 0,
 					minWidth: 18,
@@ -2570,7 +2821,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 					justifyContent: "center",
 					backgroundColor: l.accentBgColor
 				},
-				children: /* @__PURE__ */ E(x, {
+				children: /* @__PURE__ */ O(C, {
 					style: {
 						fontFamily: l.fontFamily,
 						fontSize: 11,
@@ -2580,7 +2831,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 					children: a > 99 ? "99+" : a
 				})
 			}),
-			r && /* @__PURE__ */ E(v, {
+			r && /* @__PURE__ */ O(b, {
 				accessibilityRole: "button",
 				accessibilityLabel: i,
 				hitSlop: 8,
@@ -2594,7 +2845,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 					borderRadius: l.radiusSm,
 					backgroundColor: e ? l.activeOverlay : "transparent"
 				}),
-				children: /* @__PURE__ */ E(x, {
+				children: /* @__PURE__ */ O(C, {
 					style: {
 						fontFamily: l.fontFamily,
 						fontSize: 15,
@@ -2604,7 +2855,7 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 					children: "×"
 				})
 			}),
-			n && /* @__PURE__ */ E(C, {
+			n && /* @__PURE__ */ O(T, {
 				pointerEvents: "none",
 				style: {
 					position: "absolute",
@@ -2618,8 +2869,8 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 			})
 		]
 	});
-}), We = r(function({ active: e = !1, style: t, children: n, ...r }, i) {
-	return /* @__PURE__ */ E(C, {
+}), Ye = r(function({ active: e = !1, style: t, children: n, ...r }, i) {
+	return /* @__PURE__ */ O(T, {
 		ref: i,
 		style: [{ display: e ? "flex" : "none" }, t],
 		...r,
@@ -2628,31 +2879,31 @@ var Q = n(""), je = r(function({ children: n, collapsed: r = !1, filter: i = "",
 });
 //#endregion
 //#region src/components/TextField/TextField.tsx
-function Ge(e, t) {
+function Xe(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 Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i, editable: a = !0, onFocus: o, onBlur: s, accessibilityLabel: c, accessibilityHint: l, ...u }, f) {
-	let p = F(), m = P(), [h, g] = d(!1), _ = !a, v = n ?? t, y = n ? p.errorColor : h ? p.accentColor : p.borderSubtle;
-	return /* @__PURE__ */ D(C, {
+var Ze = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i, editable: a = !0, onFocus: o, onBlur: s, accessibilityLabel: c, accessibilityHint: l, ...u }, f) {
+	let p = I(), m = F(), [h, g] = d(!1), _ = !a, v = n ?? t, y = n ? p.errorColor : h ? p.accentColor : p.borderSubtle;
+	return /* @__PURE__ */ k(T, {
 		style: [{
 			gap: p.space1,
 			opacity: _ ? p.opacityDisabled : 1
 		}, r],
 		children: [
-			e && /* @__PURE__ */ E(H, {
+			e && /* @__PURE__ */ O(U, {
 				variant: "body",
 				style: { fontWeight: String(p.fontWeightSemibold) },
 				children: e
 			}),
-			/* @__PURE__ */ E(S, {
+			/* @__PURE__ */ O(w, {
 				ref: f,
 				editable: a,
 				accessibilityLabel: c ?? e,
 				accessibilityHint: l ?? v,
-				placeholderTextColor: Ge(p.windowFgColor, p.opacityDim),
+				placeholderTextColor: Xe(p.windowFgColor, p.opacityDim),
 				onFocus: (e) => {
 					g(!0), o?.(e);
 				},
@@ -2674,7 +2925,7 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				}, i],
 				...u
 			}),
-			v && /* @__PURE__ */ E(H, {
+			v && /* @__PURE__ */ O(U, {
 				variant: "caption",
 				style: {
 					color: n ? p.errorColor : p.windowFgColor,
@@ -2684,43 +2935,43 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			})
 		]
 	});
-}), qe = p.createAnimatedComponent(v), Je = ({ title: e, duration: t = 3e3, onDismiss: n, actionLabel: r, onAction: i, dismissible: o = !1, style: c, ...l }) => {
-	let d = F(), f = N(), h = V(), g = u(null), _ = u(t), y = u(0), b = u(new p.Value(+!!h)).current, S = a(() => {
+}), Qe = p.createAnimatedComponent(b), $e = ({ title: e, duration: t = 3e3, onDismiss: n, actionLabel: r, onAction: i, dismissible: o = !1, style: c, ...l }) => {
+	let d = I(), f = P(), m = H(), g = u(null), _ = u(t), v = u(0), y = u(new p.Value(+!!m)).current, x = a(() => {
 		g.current &&= (clearTimeout(g.current), null);
-	}, []), C = a((e) => {
-		e <= 0 || !n || (S(), y.current = Date.now(), g.current = setTimeout(() => n(), e));
-	}, [n, S]);
-	s(() => (t > 0 && (_.current = t, C(t)), S), [
+	}, []), S = a((e) => {
+		e <= 0 || !n || (x(), v.current = Date.now(), g.current = setTimeout(() => n(), e));
+	}, [n, x]);
+	s(() => (t > 0 && (_.current = t, S(t)), x), [
 		t,
-		C,
-		S
+		S,
+		x
 	]), s(() => {
-		if (h) {
-			b.setValue(1);
+		if (m) {
+			y.setValue(1);
 			return;
 		}
 		let [e, t, n, r] = d.easingDefault;
-		p.timing(b, {
+		p.timing(y, {
 			toValue: 1,
 			duration: d.durationNormal,
-			easing: m.bezier(e, t, n, r),
+			easing: h.bezier(e, t, n, r),
 			useNativeDriver: !0
 		}).start();
 	}, [
-		h,
-		b,
+		m,
+		y,
 		d.durationNormal,
 		d.easingDefault
 	]);
 	let w = () => {
 		if (g.current) {
-			let e = Date.now() - y.current;
-			_.current = Math.max(0, _.current - e), S();
+			let e = Date.now() - v.current;
+			_.current = Math.max(0, _.current - e), x();
 		}
-	}, O = () => {
-		C(_.current);
-	}, k = () => {
-		S(), i?.(), n?.();
+	}, T = () => {
+		S(_.current);
+	}, E = () => {
+		x(), i?.(), n?.();
 	}, A = f === "dark" ? {
 		shadowOpacity: .4,
 		shadowRadius: 12,
@@ -2730,12 +2981,12 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 		shadowRadius: 8,
 		elevation: 4
 	};
-	return /* @__PURE__ */ D(qe, {
+	return /* @__PURE__ */ k(Qe, {
 		accessible: !0,
 		accessibilityRole: "alert",
 		accessibilityLiveRegion: "polite",
 		onPressIn: w,
-		onPressOut: O,
+		onPressOut: T,
 		style: [{
 			flexDirection: "row",
 			alignItems: "center",
@@ -2753,18 +3004,18 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				width: 0,
 				height: 2
 			},
-			opacity: b,
-			transform: [{ translateY: b.interpolate({
+			opacity: y,
+			transform: [{ translateY: y.interpolate({
 				inputRange: [0, 1],
 				outputRange: [12, 0]
-			}) }, { scale: b.interpolate({
+			}) }, { scale: y.interpolate({
 				inputRange: [0, 1],
 				outputRange: [.96, 1]
 			}) }],
 			...A
 		}, c],
 		...l,
-		children: [/* @__PURE__ */ E(H, {
+		children: [/* @__PURE__ */ O(U, {
 			variant: "body",
 			style: {
 				flex: 1,
@@ -2772,17 +3023,17 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			},
 			numberOfLines: typeof e == "string" ? 2 : void 0,
 			children: e
-		}), (r || o) && /* @__PURE__ */ D(T, { children: [r && /* @__PURE__ */ E(v, {
+		}), (r || o) && /* @__PURE__ */ k(D, { children: [r && /* @__PURE__ */ O(b, {
 			accessibilityRole: "button",
 			accessibilityLabel: r,
-			onPress: k,
+			onPress: E,
 			style: ({ pressed: e }) => ({
 				paddingVertical: 4,
 				paddingHorizontal: d.space1,
 				borderRadius: d.radiusSm,
 				backgroundColor: e ? d.activeOverlay : "transparent"
 			}),
-			children: /* @__PURE__ */ E(x, {
+			children: /* @__PURE__ */ O(C, {
 				style: {
 					fontFamily: d.fontFamily,
 					fontSize: d.fontSizeBody,
@@ -2791,12 +3042,12 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				},
 				children: r
 			})
-		}), o && /* @__PURE__ */ E(v, {
+		}), o && /* @__PURE__ */ O(b, {
 			accessibilityRole: "button",
 			accessibilityLabel: "Dismiss",
 			hitSlop: 4,
 			onPress: () => {
-				S(), n?.();
+				x(), n?.();
 			},
 			style: ({ pressed: e }) => ({
 				width: 28,
@@ -2807,7 +3058,7 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 				opacity: e ? 1 : .55,
 				backgroundColor: e ? d.activeOverlay : "transparent"
 			}),
-			children: /* @__PURE__ */ E(x, {
+			children: /* @__PURE__ */ O(C, {
 				style: {
 					fontSize: d.fontSizeBody,
 					color: d.windowFgColor
@@ -2816,9 +3067,9 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			})
 		})] })]
 	});
-}, Ye = ({ position: e = "bottom", children: t, style: n, ...r }) => {
-	let i = F();
-	return /* @__PURE__ */ E(C, {
+}, et = ({ position: e = "bottom", children: t, style: n, ...r }) => {
+	let i = I();
+	return /* @__PURE__ */ O(T, {
 		pointerEvents: "box-none",
 		accessibilityLabel: "Notifications",
 		style: [
@@ -2836,9 +3087,9 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 		...r,
 		children: t
 	});
-}, Xe = r(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
-	let a = F(), o = N();
-	return /* @__PURE__ */ D(C, {
+}, tt = r(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
+	let a = I(), o = P();
+	return /* @__PURE__ */ k(T, {
 		ref: i,
 		accessible: !0,
 		accessibilityRole: "radiogroup",
@@ -2850,10 +3101,10 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			backgroundColor: a.headerbarBgColor
 		}, n],
 		...r,
-		children: [/* @__PURE__ */ E(C, {
+		children: [/* @__PURE__ */ O(T, {
 			pointerEvents: "none",
-			style: [b.absoluteFill, { backgroundColor: o === "dark" ? "rgba(0, 0, 0, 0.3)" : "rgba(0, 0, 0, 0.25)" }]
-		}), /* @__PURE__ */ E(C, {
+			style: [S.absoluteFill, { backgroundColor: o === "dark" ? "rgba(0, 0, 0, 0.3)" : "rgba(0, 0, 0, 0.25)" }]
+		}), /* @__PURE__ */ O(T, {
 			style: {
 				flexDirection: "row",
 				alignItems: "center",
@@ -2863,9 +3114,9 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			children: e
 		})]
 	});
-}), Ze = r(function({ label: e, icon: t, active: n = !1, disabled: r, ...i }, a) {
-	let o = F();
-	return /* @__PURE__ */ D(v, {
+}), nt = r(function({ label: e, icon: t, active: n = !1, disabled: r, ...i }, a) {
+	let o = I();
+	return /* @__PURE__ */ k(b, {
 		ref: a,
 		disabled: r,
 		accessibilityRole: "radio",
@@ -2886,10 +3137,10 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 			backgroundColor: n ? o.headerbarBgColor : e ? o.activeOverlay : "transparent"
 		}),
 		...i,
-		children: [t && /* @__PURE__ */ E(C, {
+		children: [t && /* @__PURE__ */ O(T, {
 			style: { flexShrink: 0 },
 			children: t
-		}), /* @__PURE__ */ E(x, {
+		}), /* @__PURE__ */ O(C, {
 			style: {
 				fontFamily: o.fontFamily,
 				fontSize: o.fontSizeBody,
@@ -2901,6 +3152,6 @@ var Ke = r(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
 	});
 });
 //#endregion
-export { ge as ActionRow, _e as BoxedList, ye as Button, xe as Card, Se as Checkbox, M as GnomeContext, fe as GnomeProvider, Ce as HeaderBar, we as Link, L as NAMED_ACCENT_COLORS, Te as PathBar, Ee as ProgressBar, De as RadioButton, ke as SearchBar, U as Separator, je as Sidebar, X as SidebarCollapsedContext, Q as SidebarFilterContext, Me as SidebarItem, Ne as SidebarSection, Pe as Skeleton, Ie as Spinner, Ve as Switch, He as TabBar, Ue as TabItem, We as TabPanel, H as Text, Ke as TextField, Je as Toast, Ye as Toaster, Xe as ViewSwitcher, Ze as ViewSwitcherItem, B as applyAccentColor, te as darkRawTokens, k as darkTheme, re as highContrastDarkRawTokens, j as highContrastDarkTheme, ne as highContrastRawTokens, A as highContrastTheme, ee as lightRawTokens, O as lightTheme, R as resolveColorScheme, z as resolveContrast, I as resolveGnomeTheme, ue as useAccentColor, ce as useColorScheme, le as useContrast, se as useDateTimeFormatter, ae as useDir, F as useGnomeTheme, ie as useLocale, oe as useNumberFormatter, V as useReducedMotion, N as useResolvedColorScheme, P as useResolvedContrast, Z as useSidebarCollapsed };
+export { _e as ActionRow, ve as Banner, ye as BoxedList, xe as Button, Ce as Card, we as Checkbox, Ee as Dialog, N as GnomeContext, pe as GnomeProvider, De as HeaderBar, Oe as Link, R as NAMED_ACCENT_COLORS, ke as PathBar, Ae as ProgressBar, je as RadioButton, Ne as SearchBar, W as Separator, Fe as Sidebar, Z as SidebarCollapsedContext, $ as SidebarFilterContext, Ie as SidebarItem, Le as SidebarSection, Re as Skeleton, Be as Spinner, Ke as Switch, qe as TabBar, Je as TabItem, Ye as TabPanel, U as Text, Ze as TextField, $e as Toast, et as Toaster, tt as ViewSwitcher, nt as ViewSwitcherItem, V as applyAccentColor, ne as darkRawTokens, j as darkTheme, ie as highContrastDarkRawTokens, ee as highContrastDarkTheme, re as highContrastRawTokens, M as highContrastTheme, te as lightRawTokens, A as lightTheme, z as resolveColorScheme, B as resolveContrast, L as resolveGnomeTheme, de as useAccentColor, le as useColorScheme, ue as useContrast, ce as useDateTimeFormatter, oe as useDir, I as useGnomeTheme, ae as useLocale, se as useNumberFormatter, H as useReducedMotion, P as useResolvedColorScheme, F as useResolvedContrast, Q as useSidebarCollapsed };
 
 //# sourceMappingURL=index.js.map