rechtspilot-ui 1.4.2 → 1.6.0

package/dist/index.native.es.js

@@ -1,47 +1,98 @@
-import { G as e, J as t, K as n, q as r, t as i } from "./chunks-native.js";
-import * as a from "react";
-import { useEffect as o, useRef as s, useState as c } from "react";
-import { Animated as l, Easing as u, KeyboardAvoidingView as d, Modal as f, Platform as p, Pressable as m, ScrollView as h, StyleSheet as g, Text as _, TextInput as v, TouchableOpacity as y, View as b } from "react-native";
-import { Circle as x, Path as S, Svg as C } from "react-native-svg";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useSafeAreaInsets as D } from "react-native-safe-area-context";
+import { G as e, J as t, K as n, W as r, Y as i, q as a, t as o } from "./chunks-native.js";
+import * as s from "react";
+import { createContext as c, useContext as l, useEffect as u, useRef as d, useState as f } from "react";
+import { Animated as p, Easing as m, Modal as h, Platform as g, Pressable as _, ScrollView as v, StyleSheet as y, Text as b, TouchableOpacity as ee, View as x } from "react-native";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Circle as T, Path as E, Svg as D } from "react-native-svg";
+import { HelperText as te, TextInput as O } from "react-native-paper";
+import { KeyboardAvoidingView as ne } from "react-native-keyboard-controller";
+import { useSafeAreaInsets as re } from "react-native-safe-area-context";
+//#region src/components/Text/Text.native.tsx
+var ie = {
+	heading: 20,
+	title: 16,
+	label: 13,
+	body: 15,
+	caption: 12
+};
+function k({ variant: e = "body", color: t, style: n, ...r }) {
+	return /* @__PURE__ */ C(b, {
+		style: [
+			i[e],
+			{ fontSize: ie[e] },
+			t ? { color: t } : void 0,
+			n
+		],
+		...r
+	});
+}
+//#endregion
+//#region src/components/Badge/Badge.native.tsx
+function ae({ icon: e, children: n, backgroundColor: r = t.neutral["800-A08"], textColor: i = t.fg.primary, style: a }) {
+	return /* @__PURE__ */ w(x, {
+		style: [
+			A.badge,
+			{ backgroundColor: r },
+			a
+		],
+		children: [e, /* @__PURE__ */ C(k, {
+			variant: "label",
+			color: i,
+			style: A.label,
+			children: n
+		})]
+	});
+}
+var A = y.create({
+	badge: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 4,
+		height: 30,
+		paddingHorizontal: 6,
+		borderRadius: 8
+	},
+	label: { textTransform: "uppercase" }
+});
+//#endregion
 //#region src/components/Spinner/Spinner.native.tsx
-function O({ size: e = 24, color: t = r.fg.primary, trackColor: n = r.neutral["800-A08"], style: i }) {
-	let a = s(new l.Value(0)).current;
-	o(() => {
-		let e = l.loop(l.timing(a, {
+function j({ size: e = 24, color: n = t.fg.primary, trackColor: r = t.neutral["800-A08"], duration: i = 1e3, style: a }) {
+	let o = d(new p.Value(0)).current;
+	u(() => {
+		o.setValue(0);
+		let e = p.loop(p.timing(o, {
 			toValue: 1,
-			duration: 1e3,
-			easing: u.linear,
+			duration: i,
+			easing: m.linear,
 			useNativeDriver: !0
 		}));
 		return e.start(), () => e.stop();
-	}, [a]);
-	let c = a.interpolate({
+	}, [o, i]);
+	let s = o.interpolate({
 		inputRange: [0, 1],
 		outputRange: ["0deg", "360deg"]
 	});
-	return /* @__PURE__ */ T(l.View, {
+	return /* @__PURE__ */ C(p.View, {
 		style: [{
 			width: e,
 			height: e,
-			transform: [{ rotate: c }]
-		}, i],
-		children: /* @__PURE__ */ E(C, {
+			transform: [{ rotate: s }]
+		}, a],
+		children: /* @__PURE__ */ w(D, {
 			width: e,
 			height: e,
 			viewBox: "0 0 24 24",
 			fill: "none",
-			children: [/* @__PURE__ */ T(x, {
+			children: [/* @__PURE__ */ C(T, {
 				cx: "12",
 				cy: "12",
 				r: "8",
-				stroke: n,
+				stroke: r,
 				strokeWidth: 3,
 				fill: "none"
-			}), /* @__PURE__ */ T(S, {
+			}), /* @__PURE__ */ C(E, {
 				d: "M12 4C16.4183 4 20 7.58172 20 12C20 14.1304 19.1672 16.0663 17.8095 17.5",
-				stroke: t,
+				stroke: n,
 				strokeWidth: 3,
 				strokeLinecap: "round",
 				fill: "none"
@@ -51,7 +102,7 @@ function O({ size: e = 24, color: t = r.fg.primary, trackColor: n = r.neutral["8
 }
 //#endregion
 //#region src/components/Button/Button.native.tsx
-var k = (e) => {
+var oe = (e) => {
 	let n = {
 		alignItems: "center",
 		borderRadius: 12,
@@ -60,8 +111,8 @@ var k = (e) => {
 		height: 48,
 		justifyContent: "center",
 		paddingHorizontal: 16
-	}, i = {
-		fontFamily: t.body.fontFamily,
+	}, r = {
+		fontFamily: i.body.fontFamily,
 		fontSize: 15,
 		fontWeight: "500",
 		textAlign: "center"
@@ -70,114 +121,208 @@ var k = (e) => {
 		case "primary": return {
 			container: {
 				...n,
-				backgroundColor: r.primary[500],
-				borderColor: r.neutral["800-A16"]
+				backgroundColor: t.primary[500],
+				borderColor: t.neutral["800-A16"]
 			},
 			text: {
-				...i,
-				color: r.primary[900]
+				...r,
+				color: t.primary[900]
 			}
 		};
 		case "secondary": return {
 			container: {
 				...n,
-				backgroundColor: r.primary[900],
-				borderColor: r.neutral["800-A16"]
+				backgroundColor: t.primary[900],
+				borderColor: t.neutral["800-A16"]
 			},
 			text: {
-				...i,
-				color: r.white
+				...r,
+				color: t.white
 			}
 		};
 		case "tertiary": return {
 			container: {
 				...n,
-				backgroundColor: r.neutral["800-A04"],
-				borderColor: r.neutral["800-A08"]
+				backgroundColor: t.neutral["800-A04"],
+				borderColor: t.neutral["800-A08"]
 			},
 			text: {
-				...i,
-				color: r.primary[900]
+				...r,
+				color: t.primary[900]
 			}
 		};
 		case "destructive": return {
 			container: {
 				...n,
-				backgroundColor: r.fg.accent.error,
-				borderColor: r.fg.accent.error
+				backgroundColor: t.fg.accent.error,
+				borderColor: t.fg.accent.error
 			},
 			text: {
-				...i,
-				color: r.white
+				...r,
+				color: t.white
 			}
 		};
 		case "destructiveSubtle": return {
 			container: {
 				...n,
-				backgroundColor: r.cream,
-				borderColor: r.palePeach
+				backgroundColor: t.cream,
+				borderColor: t.palePeach
 			},
 			text: {
-				...i,
-				color: r.fg.accent.error
+				...r,
+				color: t.fg.accent.error
 			}
 		};
 	}
 };
-function A({ variant: e = "primary", fullWidth: t = !1, children: n, loading: i = !1, disabled: a = !1, onPress: o, ...s }) {
-	let c = k(e);
-	return /* @__PURE__ */ E(y, {
-		style: g.flatten([
-			c.container,
-			t && { width: "100%" },
-			(a || i) && { opacity: .4 }
-		]),
+function se({ variant: e = "primary", fullWidth: n = !1, children: r, loading: i = !1, disabled: a = !1, onPress: o, style: s, ...c }) {
+	let l = oe(e);
+	return /* @__PURE__ */ w(ee, {
+		style: [
+			l.container,
+			n && { width: "100%" },
+			(a || i) && { opacity: .4 },
+			s
+		],
 		onPress: o,
 		disabled: a || i,
 		activeOpacity: .7,
-		...s,
-		children: [typeof n == "string" ? /* @__PURE__ */ T(_, {
-			style: c.text,
-			children: n
-		}) : n, i && /* @__PURE__ */ T(O, {
+		...c,
+		children: [typeof r == "string" ? /* @__PURE__ */ C(b, {
+			style: l.text,
+			children: r
+		}) : r, i && /* @__PURE__ */ C(j, {
 			size: 16,
-			color: e === "secondary" ? r.primary[600] : e === "destructiveSubtle" ? r.fg.accent.error : r.white
+			color: e === "secondary" ? t.primary[600] : e === "destructiveSubtle" ? t.fg.accent.error : t.white
 		})]
 	});
 }
 //#endregion
-//#region src/components/IconButton/IconButton.native.tsx
-var j = {
+//#region src/components/Card/Card.native.tsx
+var ce = {
+	outlined: {
+		backgroundColor: t.white,
+		borderWidth: 1,
+		borderColor: t.neutral["800-A08"]
+	},
+	tinted: { backgroundColor: t.primary["600-A08"] },
+	elevated: {
+		backgroundColor: t.bg.base,
+		shadowColor: t.black,
+		shadowOpacity: .24,
+		shadowRadius: 16,
+		shadowOffset: {
+			width: 0,
+			height: 0
+		},
+		elevation: 8
+	}
+};
+function le({ variant: e = "outlined", radius: t = 16, padding: n = 16, backgroundColor: r, style: i, children: a }) {
+	return /* @__PURE__ */ C(x, {
+		style: [
+			ue.base,
+			ce[e],
+			{
+				borderRadius: t,
+				padding: n
+			},
+			r ? { backgroundColor: r } : void 0,
+			i
+		],
+		children: a
+	});
+}
+var ue = y.create({ base: { width: "100%" } });
+//#endregion
+//#region src/components/Divider/Divider.native.tsx
+function de({ style: e, ...t }) {
+	return /* @__PURE__ */ C(x, {
+		style: [fe.divider, e],
+		...t
+	});
+}
+var fe = y.create({ divider: {
+	height: 1,
+	width: "100%",
+	backgroundColor: t.border.default,
+	marginVertical: 12
+} });
+//#endregion
+//#region src/components/EmptyState/EmptyState.native.tsx
+function pe({ icon: e, title: n, description: r, actionLabel: i, onAction: a }) {
+	return /* @__PURE__ */ w(x, {
+		style: M.container,
+		children: [
+			e,
+			/* @__PURE__ */ C(k, {
+				variant: "title",
+				style: M.title,
+				children: n
+			}),
+			r && /* @__PURE__ */ C(k, {
+				variant: "body",
+				color: t.fg.secondary,
+				style: M.description,
+				children: r
+			}),
+			i && a && /* @__PURE__ */ C(x, {
+				style: M.action,
+				children: /* @__PURE__ */ C(se, {
+					variant: "secondary",
+					onPress: a,
+					children: i
+				})
+			})
+		]
+	});
+}
+var M = y.create({
+	container: {
+		alignItems: "center",
+		justifyContent: "center",
+		padding: 24
+	},
+	title: {
+		marginTop: 12,
+		textAlign: "center"
+	},
+	description: {
+		marginTop: 4,
+		textAlign: "center"
+	},
+	action: { marginTop: 16 }
+}), me = {
 	sm: 32,
 	md: 40,
 	lg: 48
-}, M = {
-	base: { backgroundColor: r.sf.base },
-	primary: { backgroundColor: r.primary["600-A08"] },
+}, he = {
+	base: { backgroundColor: t.sf.base },
+	primary: { backgroundColor: t.primary["600-A08"] },
 	outline: {
 		borderWidth: 1,
-		borderColor: r.sf.base
+		borderColor: t.sf.base
 	}
-}, N = {
-	base: { backgroundColor: r.neutral["800-A08"] },
-	primary: { backgroundColor: r.primary[50] },
-	outline: { backgroundColor: r.sf.tertiaryHover }
+}, ge = {
+	base: { backgroundColor: t.neutral["800-A08"] },
+	primary: { backgroundColor: t.primary[50] },
+	outline: { backgroundColor: t.sf.tertiaryHover }
 };
-function P({ children: e, size: t = "md", variant: n = "base", disabled: r = !1, hitSlop: i = 10, ...a }) {
-	let o = j[t], s = {
+function N({ children: e, size: t = "md", variant: n = "base", disabled: r = !1, hitSlop: i = 10, ...a }) {
+	let o = me[t], s = {
 		width: o,
 		height: o,
 		borderRadius: o / 2,
 		alignItems: "center",
 		justifyContent: "center"
 	};
-	return /* @__PURE__ */ T(m, {
+	return /* @__PURE__ */ C(_, {
 		accessibilityRole: "button",
 		...a,
 		style: ({ pressed: e }) => [
 			s,
-			M[n],
-			e && N[n],
+			he[n],
+			e && ge[n],
 			r && { opacity: .4 }
 		],
 		disabled: r,
@@ -187,182 +332,457 @@ function P({ children: e, size: t = "md", variant: n = "base", disabled: r = !1,
 }
 //#endregion
 //#region src/components/Input/Input.native.tsx
-var F = g.create({
-	container: { marginBottom: 8 },
-	fieldContainer: {
-		height: 49,
-		paddingHorizontal: 12,
+function _e({ label: e, value: n = "", onChange: r, onFocus: i, onBlur: a, error: o, helperText: s, placeholder: c, secureTextEntry: l = !1, keyboardType: u, autoCapitalize: d, autoComplete: f, autoCorrect: p, textContentType: m, editable: h = !0, multiline: g = !1, numberOfLines: _, currency: v = !1, prefix: y }) {
+	return /* @__PURE__ */ w(x, {
+		style: P.container,
+		children: [/* @__PURE__ */ C(O, {
+			label: e,
+			value: n,
+			onChangeText: r,
+			onFocus: i,
+			onBlur: a,
+			error: !!o,
+			editable: h,
+			mode: "outlined",
+			placeholder: c,
+			keyboardType: u ?? (v ? "numeric" : "default"),
+			secureTextEntry: l,
+			autoCapitalize: d,
+			autoComplete: f,
+			autoCorrect: p,
+			textContentType: m,
+			multiline: g,
+			numberOfLines: _,
+			left: v ? /* @__PURE__ */ C(O.Affix, { text: "€" }) : y ? /* @__PURE__ */ C(O.Affix, { text: y }) : void 0,
+			style: [P.input, g && P.inputMultiline],
+			outlineStyle: [P.outline, o && P.outlineError],
+			theme: { colors: {
+				primary: t.fg.base,
+				error: t.fg.accent.error,
+				onSurfaceVariant: t.fg.tertiary,
+				onSurface: t.primary[900]
+			} },
+			contentStyle: P.content,
+			textColor: t.primary[900]
+		}), (o || s) && /* @__PURE__ */ C(te, {
+			type: o ? "error" : "info",
+			visible: !!(o || s),
+			style: P.helperText,
+			children: o || s
+		})]
+	});
+}
+var P = y.create({
+	container: { width: "100%" },
+	input: {
+		backgroundColor: t.bg.secondary,
+		fontSize: 15,
+		minHeight: 49
+	},
+	inputMultiline: { textAlignVertical: "top" },
+	outline: {
 		borderRadius: 12,
+		borderWidth: 2,
+		borderColor: t.bg.tertiary
+	},
+	outlineError: { borderColor: t.fg.accent.error },
+	content: { fontFamily: i.body.fontFamily },
+	helperText: {
+		fontFamily: i.body.fontFamily,
+		fontSize: 12
+	}
+}), ve = 96 / 25.4, ye = 96 / 72, F = (e, t) => e * ve * t, I = (e, t) => e * ye * t, L = i.body.fontFamily, R = (e) => (e ?? "").replace(/<br\s*\/?>/gi, "\n").replace(/<[^>]+>/g, ""), be = c(1);
+function z(e) {
+	let t = l(be);
+	return e ?? t;
+}
+function xe({ children: e }) {
+	return /* @__PURE__ */ C(S, { children: e || "Date" });
+}
+function Se({ children: e }) {
+	return /* @__PURE__ */ C(S, { children: e || "Sehr geehrte Damen und Herren" });
+}
+function Ce({ children: e }) {
+	return /* @__PURE__ */ C(S, { children: e || "Mit freundlichen Grüßen" });
+}
+function we({ address: e, children: n, scale: r }) {
+	let i = z(r);
+	return !n && !e ? null : /* @__PURE__ */ C(b, {
+		style: {
+			position: "absolute",
+			top: F(45, i),
+			left: F(15, i),
+			width: F(100, i),
+			height: F(8, i),
+			fontFamily: L,
+			fontSize: I(9, i),
+			lineHeight: I(9 * 1.22, i),
+			color: t.black
+		},
+		children: n || R(e)
+	});
+}
+function Te({ address: e, children: n, scale: r }) {
+	let i = z(r);
+	return /* @__PURE__ */ C(b, {
+		style: {
+			position: "absolute",
+			top: F(72, i),
+			left: F(15, i),
+			width: F(85, i),
+			height: F(32, i),
+			fontFamily: L,
+			fontSize: I(9, i),
+			lineHeight: I(9 * 1.22, i),
+			color: t.black
+		},
+		children: n || R(e)
+	});
+}
+function Ee({ address: e, children: n, scale: r }) {
+	let i = z(r);
+	return /* @__PURE__ */ C(b, {
+		style: {
+			position: "absolute",
+			top: F(20, i),
+			left: F(105, i),
+			width: F(90, i),
+			textAlign: "right",
+			fontFamily: L,
+			fontSize: I(10, i),
+			lineHeight: I(10 * 1.22, i),
+			color: t.black
+		},
+		children: n || R(e)
+	});
+}
+var De = [
+	195.7333333333,
+	185.149999999,
+	174.566666665,
+	163.983333331
+];
+function Oe({ identificationFields: e = [], children: n, scale: r }) {
+	let i = z(r);
+	return !n && e.length === 0 ? null : n ? /* @__PURE__ */ C(S, { children: n }) : /* @__PURE__ */ C(S, { children: e.slice(0, De.length).map((e, n) => /* @__PURE__ */ C(x, {
+		style: {
+			position: "absolute",
+			right: F(15, i),
+			width: F(95.25, i),
+			height: F(42.9166666667, i),
+			bottom: F(De[n], i)
+		},
+		children: /* @__PURE__ */ w(b, {
+			style: {
+				textAlign: "right",
+				fontFamily: L,
+				fontSize: I(10, i),
+				lineHeight: I(10 * 1.22, i),
+				color: t.black
+			},
+			children: [
+				e.label,
+				"\n",
+				/* @__PURE__ */ C(b, {
+					style: { fontWeight: "bold" },
+					children: e.value
+				})
+			]
+		})
+	}, n)) });
+}
+function ke({ date: e, children: n, scale: r }) {
+	let i = z(r);
+	return !n && !e ? null : /* @__PURE__ */ C(b, {
+		style: {
+			position: "absolute",
+			right: F(15, i),
+			width: F(95.25, i),
+			height: F(42.9166666667, i),
+			bottom: F(153.872222, i),
+			textAlign: "right",
+			fontFamily: L,
+			fontSize: I(10, i),
+			lineHeight: I(10 * 1.22, i),
+			color: t.black
+		},
+		children: n || /* @__PURE__ */ w(S, { children: [
+			/* @__PURE__ */ C(xe, {}),
+			": ",
+			e
+		] })
+	});
+}
+function Ae({ letterSubject: e, letterText: n, userFullName: r, children: i, scale: a }) {
+	let o = z(a);
+	return /* @__PURE__ */ C(x, {
+		style: {
+			position: "absolute",
+			top: F(105, o),
+			left: F(15, o),
+			width: F(175, o)
+		},
+		children: i || /* @__PURE__ */ w(S, { children: [
+			/* @__PURE__ */ C(b, {
+				style: {
+					fontFamily: L,
+					fontSize: I(10, o),
+					fontWeight: "700",
+					color: t.black
+				},
+				children: e
+			}),
+			/* @__PURE__ */ w(b, {
+				style: {
+					marginVertical: F(5.2916666667, o),
+					fontFamily: L,
+					fontSize: I(10, o),
+					color: t.black
+				},
+				children: [/* @__PURE__ */ C(Se, {}), ","]
+			}),
+			/* @__PURE__ */ C(b, {
+				style: {
+					fontFamily: L,
+					fontSize: I(10, o),
+					lineHeight: I(13, o),
+					color: t.black
+				},
+				children: R(n)
+			}),
+			/* @__PURE__ */ C(b, {
+				style: {
+					marginVertical: F(5.2916666667, o),
+					fontFamily: L,
+					fontSize: I(10, o),
+					color: t.black
+				},
+				children: /* @__PURE__ */ C(Ce, {})
+			}),
+			/* @__PURE__ */ C(b, {
+				style: {
+					marginVertical: F(5.2916666667, o),
+					fontFamily: L,
+					fontSize: I(10, o),
+					color: t.black
+				},
+				children: r
+			})
+		] })
+	});
+}
+function je({ senderAddressSlim: e, vendorAddress: n, senderAddress: r, identificationFields: i = [], date: a, letterSubject: o, letterText: s, userFullName: c, scale: l = 1, children: u }) {
+	return /* @__PURE__ */ C(be.Provider, {
+		value: l,
+		children: /* @__PURE__ */ C(x, {
+			style: {
+				width: F(210, l),
+				height: F(297, l),
+				backgroundColor: t.white
+			},
+			children: u || /* @__PURE__ */ w(S, { children: [
+				/* @__PURE__ */ C(we, { address: e }),
+				/* @__PURE__ */ C(Te, { address: n }),
+				/* @__PURE__ */ C(Ee, { address: r }),
+				/* @__PURE__ */ C(Oe, { identificationFields: i }),
+				/* @__PURE__ */ C(ke, { date: a }),
+				/* @__PURE__ */ C(Ae, {
+					letterSubject: o,
+					letterText: s,
+					userFullName: c
+				})
+			] })
+		})
+	});
+}
+//#endregion
+//#region src/components/MenuItem/MenuItem.native.tsx
+function Me({ label: e, onPress: n, icon: r, destructive: i = !1, loading: a = !1, disabled: o = !1 }) {
+	let s = i ? t.fg.accent.error : t.fg.accent.action;
+	return /* @__PURE__ */ w(_, {
+		accessibilityRole: "menuitem",
+		accessibilityState: { disabled: o || a },
+		onPress: n,
+		disabled: o || a,
+		style: [B.row, (o || a) && B.disabled],
+		children: [
+			r,
+			/* @__PURE__ */ C(k, {
+				variant: "label",
+				color: s,
+				style: B.label,
+				children: e
+			}),
+			a && /* @__PURE__ */ C(j, {
+				size: 18,
+				color: s
+			})
+		]
+	});
+}
+var B = y.create({
+	row: {
 		flexDirection: "row",
 		alignItems: "center",
-		backgroundColor: r.bg.secondary,
-		borderWidth: 2,
-		borderColor: r.bg.tertiary
-	},
-	fieldContainerError: { borderColor: r.fg.accent.error },
-	fieldContainerFocused: { borderColor: r.fg.base },
-	fieldContainerFocusedError: { borderColor: r.fg.accent.error },
-	formGroup: {
-		position: "relative",
-		paddingVertical: 14,
-		width: "100%",
-		height: "100%",
-		justifyContent: "center"
+		gap: 8,
+		paddingVertical: 12,
+		paddingHorizontal: 16
 	},
-	input: {
+	label: { flex: 1 },
+	disabled: { opacity: .4 }
+});
+//#endregion
+//#region src/components/RadioCard/RadioCard.native.tsx
+function Ne({ selected: e, onSelect: n, icon: r, title: i, description: o, trailing: s, disabled: c = !1 }) {
+	return /* @__PURE__ */ w(_, {
+		accessibilityRole: "radio",
+		accessibilityState: {
+			checked: e,
+			disabled: c
+		},
+		onPress: n,
+		disabled: c,
+		style: [
+			V.card,
+			e && V.cardSelected,
+			c && V.cardDisabled
+		],
+		children: [/* @__PURE__ */ C(x, {
+			style: [V.indicator, e && V.indicatorSelected],
+			children: e && /* @__PURE__ */ C(a, {
+				size: "small",
+				color: t.white
+			})
+		}), /* @__PURE__ */ w(x, {
+			style: V.content,
+			children: [/* @__PURE__ */ w(x, {
+				style: V.titleRow,
+				children: [
+					r,
+					/* @__PURE__ */ C(k, {
+						variant: "label",
+						style: V.title,
+						children: i
+					}),
+					s
+				]
+			}), o && /* @__PURE__ */ C(k, {
+				variant: "body",
+				color: t.fg.secondary,
+				children: o
+			})]
+		})]
+	});
+}
+var V = y.create({
+	card: {
+		minHeight: 110,
 		width: "100%",
-		paddingTop: 4,
-		backgroundColor: "transparent",
-		fontFamily: t.body.fontFamily,
-		fontSize: 15,
-		fontWeight: "500",
-		color: r.primary[900],
-		paddingBottom: 0
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 12,
+		borderRadius: 20,
+		borderWidth: 1,
+		borderColor: t.neutral["800-A08"],
+		backgroundColor: t.white,
+		padding: 16
 	},
-	label: {
-		position: "absolute",
-		left: 0,
-		fontFamily: t.body.fontFamily,
-		fontSize: 15,
-		fontWeight: "500",
-		color: r.fg.tertiary
+	cardSelected: {
+		borderWidth: 2,
+		borderColor: t.border.action,
+		backgroundColor: t.primary["600-A08"]
 	},
-	currencyPrefix: {
-		fontFamily: t.body.fontFamily,
-		fontSize: 15,
-		fontWeight: "400",
-		color: r.fg.secondary,
-		marginRight: 4,
-		alignSelf: "center"
+	cardDisabled: { opacity: .4 },
+	indicator: {
+		width: 20,
+		height: 20,
+		borderRadius: 10,
+		borderWidth: 2,
+		borderColor: t.neutral["800-A16"],
+		alignItems: "center",
+		justifyContent: "center"
 	},
-	labelFloating: {
-		top: 2,
-		fontSize: 12,
-		color: r.fg.secondary
+	indicatorSelected: {
+		borderWidth: 0,
+		backgroundColor: t.border.action
 	},
-	labelNormal: {
-		top: "50%",
-		transform: [{ translateY: -7.5 }]
+	content: {
+		flex: 1,
+		gap: 4
 	},
-	helper: {
-		marginTop: 4,
-		fontSize: 12,
-		paddingHorizontal: 4
+	titleRow: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 8
 	},
-	helperError: { color: r.fg.accent.error },
-	helperNormal: { color: r.fg.secondary }
+	title: { flex: 1 }
 });
-function I({ label: e, value: t = "", onChange: n, error: i, helperText: a, placeholder: o, secureTextEntry: s = !1, keyboardType: l, autoCapitalize: u = "sentences", editable: d = !0, multiline: f = !1, numberOfLines: p = 1, currency: m = !1, ...h }) {
-	let [y, x] = c(!1), S = t.length > 0, C = y || S || m, w = [
-		F.fieldContainer,
-		i && F.fieldContainerError,
-		y && !i && F.fieldContainerFocused,
-		y && i && F.fieldContainerFocusedError
-	], D = [F.label, C ? F.labelFloating : F.labelNormal], O = g.flatten([F.input, f && {
-		height: p * 20,
-		textAlignVertical: "top"
-	}]);
-	return /* @__PURE__ */ E(b, {
-		style: F.container,
-		children: [/* @__PURE__ */ E(b, {
-			style: w,
-			children: [m && /* @__PURE__ */ T(_, {
-				style: F.currencyPrefix,
-				children: "€"
-			}), /* @__PURE__ */ E(b, {
-				style: F.formGroup,
-				children: [/* @__PURE__ */ T(v, {
-					style: O,
-					value: t,
-					onChangeText: n,
-					onFocus: () => x(!0),
-					onBlur: () => x(!1),
-					placeholder: C ? o : "",
-					placeholderTextColor: r.fg.tertiary,
-					secureTextEntry: s,
-					keyboardType: l ?? (m ? "numeric" : "default"),
-					autoCapitalize: u,
-					editable: d,
-					multiline: f,
-					numberOfLines: p,
-					...h
-				}), /* @__PURE__ */ T(_, {
-					style: D,
-					children: e
-				})]
-			})]
-		}), (i || a) && /* @__PURE__ */ T(_, {
-			style: [F.helper, i ? F.helperError : F.helperNormal],
-			children: i || a
-		})]
-	});
-}
 //#endregion
 //#region src/components/Select/Select.native.tsx
-function L({ label: e, value: t, onChange: i, options: a, error: s, disabled: l = !1 }) {
-	let [u, d] = c(!1);
-	o(() => {
-		a.length === 1 && !t && i(a[0].value);
-	}, [a, t]);
-	let p = a.find((e) => e.value === t), g = s ? r.fg.accent.error : u ? r.fg.base : r.bg.tertiary;
-	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(b, {
-		style: R.container,
-		children: [/* @__PURE__ */ E(m, {
+function Pe({ label: e, value: r, onChange: i, options: a, error: o, disabled: s = !1 }) {
+	let [c, l] = f(!1);
+	u(() => {
+		a.length === 1 && !r && i(a[0].value);
+	}, [a, r]);
+	let d = a.find((e) => e.value === r), p = o ? t.fg.accent.error : c ? t.fg.base : t.bg.tertiary;
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(x, {
+		style: H.container,
+		children: [/* @__PURE__ */ w(_, {
 			style: [
-				R.trigger,
-				{ borderColor: g },
-				l && R.triggerDisabled
+				H.trigger,
+				{ borderColor: p },
+				s && H.triggerDisabled
 			],
-			onPress: () => d(!0),
-			disabled: l,
+			onPress: () => l(!0),
+			disabled: s,
 			accessibilityRole: "combobox",
 			accessibilityLabel: e,
 			accessibilityState: {
-				expanded: u,
-				disabled: l
+				expanded: c,
+				disabled: s
 			},
-			children: [/* @__PURE__ */ E(b, {
-				style: R.triggerContent,
-				children: [/* @__PURE__ */ T(_, {
-					style: [R.labelText, p && R.labelFloating],
+			children: [/* @__PURE__ */ w(x, {
+				style: H.triggerContent,
+				children: [/* @__PURE__ */ C(b, {
+					style: [H.labelText, d && H.labelFloating],
 					children: e
-				}), p && /* @__PURE__ */ T(_, {
-					style: R.valueText,
+				}), d && /* @__PURE__ */ C(b, {
+					style: H.valueText,
 					numberOfLines: 1,
-					children: p.text
+					children: d.text
 				})]
-			}), /* @__PURE__ */ T(n, {
+			}), /* @__PURE__ */ C(n, {
 				direction: "down",
-				color: r.fg.secondary,
+				color: t.fg.secondary,
 				size: "small"
 			})]
-		}), s && /* @__PURE__ */ T(_, {
-			style: R.errorText,
-			children: s
+		}), o && /* @__PURE__ */ C(b, {
+			style: H.errorText,
+			children: o
 		})]
-	}), /* @__PURE__ */ T(f, {
-		visible: u,
+	}), /* @__PURE__ */ C(h, {
+		visible: c,
 		transparent: !0,
 		animationType: "fade",
-		onRequestClose: () => d(!1),
-		children: /* @__PURE__ */ T(m, {
-			style: R.backdrop,
-			onPress: () => d(!1),
-			children: /* @__PURE__ */ E(b, {
-				style: R.sheet,
-				children: [/* @__PURE__ */ T(b, { style: R.sheetHandle }), /* @__PURE__ */ T(h, {
+		onRequestClose: () => l(!1),
+		children: /* @__PURE__ */ C(_, {
+			style: H.backdrop,
+			onPress: () => l(!1),
+			children: /* @__PURE__ */ w(x, {
+				style: H.sheet,
+				children: [/* @__PURE__ */ C(x, { style: H.sheetHandle }), /* @__PURE__ */ C(v, {
 					bounces: !1,
 					children: a.map((e) => {
-						let n = e.value === t;
-						return /* @__PURE__ */ T(m, {
-							style: [R.option, n && R.optionActive],
+						let t = e.value === r;
+						return /* @__PURE__ */ C(_, {
+							style: [H.option, t && H.optionActive],
 							onPress: () => {
-								i(e.value), d(!1);
+								i(e.value), l(!1);
 							},
 							accessibilityRole: "menuitem",
-							accessibilityState: { selected: n },
-							children: /* @__PURE__ */ T(_, {
-								style: [R.optionText, n && R.optionTextActive],
+							accessibilityState: { selected: t },
+							children: /* @__PURE__ */ C(b, {
+								style: [H.optionText, t && H.optionTextActive],
 								children: e.text
 							})
 						}, e.value);
@@ -372,7 +792,7 @@ function L({ label: e, value: t, onChange: i, options: a, error: s, disabled: l
 		})
 	})] });
 }
-var R = g.create({
+var H = y.create({
 	container: { marginBottom: 8 },
 	trigger: {
 		height: 50,
@@ -380,7 +800,7 @@ var R = g.create({
 		borderRadius: 12,
 		flexDirection: "row",
 		alignItems: "center",
-		backgroundColor: r.bg.secondary,
+		backgroundColor: t.bg.secondary,
 		borderWidth: 2
 	},
 	triggerDisabled: { opacity: .4 },
@@ -389,27 +809,27 @@ var R = g.create({
 		justifyContent: "center"
 	},
 	labelText: {
-		fontFamily: t.body.fontFamily,
+		fontFamily: i.body.fontFamily,
 		fontSize: 15,
-		color: r.fg.tertiary
+		color: t.fg.tertiary
 	},
 	labelFloating: {
 		fontSize: 12,
-		color: r.fg.secondary,
+		color: t.fg.secondary,
 		marginBottom: 2
 	},
 	valueText: {
-		fontFamily: t.body.fontFamily,
+		fontFamily: i.body.fontFamily,
 		fontSize: 15,
 		fontWeight: "500",
-		color: r.primary[900]
+		color: t.primary[900]
 	},
 	errorText: {
 		marginTop: 4,
 		fontSize: 12,
 		paddingHorizontal: 4,
-		color: r.fg.accent.error,
-		fontFamily: t.body.fontFamily
+		color: t.fg.accent.error,
+		fontFamily: i.body.fontFamily
 	},
 	backdrop: {
 		flex: 1,
@@ -417,7 +837,7 @@ var R = g.create({
 		justifyContent: "flex-end"
 	},
 	sheet: {
-		backgroundColor: r.bg.base,
+		backgroundColor: t.bg.base,
 		borderTopLeftRadius: 16,
 		borderTopRightRadius: 16,
 		paddingBottom: 32,
@@ -427,7 +847,7 @@ var R = g.create({
 		width: 36,
 		height: 4,
 		borderRadius: 2,
-		backgroundColor: r.border.default,
+		backgroundColor: t.border.default,
 		alignSelf: "center",
 		marginTop: 8,
 		marginBottom: 8
@@ -436,106 +856,109 @@ var R = g.create({
 		paddingVertical: 16,
 		paddingHorizontal: 20,
 		borderBottomWidth: 1,
-		borderBottomColor: r.border.default
+		borderBottomColor: t.border.default
 	},
-	optionActive: { backgroundColor: r.primary[50] },
+	optionActive: { backgroundColor: t.primary[50] },
 	optionText: {
-		fontFamily: t.body.fontFamily,
+		fontFamily: i.body.fontFamily,
 		fontSize: 15,
-		color: r.fg.base
+		color: t.fg.base
 	},
 	optionTextActive: {
-		color: r.primary[900],
+		color: t.primary[900],
 		fontWeight: "500"
 	}
-}), z = {
-	heading: 20,
-	title: 16,
-	label: 13,
-	body: 15,
-	caption: 12
-};
-function B({ variant: e = "body", color: n, style: r, ...i }) {
-	return /* @__PURE__ */ T(_, {
-		style: [
-			t[e],
-			{ fontSize: z[e] },
-			n ? { color: n } : void 0,
-			r
-		],
-		...i
-	});
-}
+});
 //#endregion
 //#region src/components/Sheet/Sheet.native.tsx
-function V({ open: t, onClose: i, onGoBack: a, title: o, children: s, footer: c }) {
-	let l = D();
-	return /* @__PURE__ */ T(f, {
-		visible: t,
+function Fe({ open: r, onClose: i, onDismiss: a, onGoBack: o, title: s, children: c, footer: l, background: f, headerBackgroundColor: p, closeDisabled: m }) {
+	let _ = re(), b = d(r);
+	return u(() => {
+		let e = b.current;
+		if (b.current = r, g.OS === "android" && e && !r) {
+			let e = setTimeout(() => a?.(), 300);
+			return () => clearTimeout(e);
+		}
+	}, [r, a]), /* @__PURE__ */ C(h, {
+		visible: r,
 		animationType: "slide",
 		presentationStyle: "pageSheet",
-		onRequestClose: i,
-		children: /* @__PURE__ */ T(d, {
-			style: H.flex,
-			behavior: p.OS === "ios" ? "padding" : void 0,
-			children: /* @__PURE__ */ E(b, {
-				style: [H.container, { paddingTop: Math.max(l.top, 16) }],
+		onRequestClose: () => {
+			m || i();
+		},
+		onDismiss: g.OS === "ios" ? a : void 0,
+		children: /* @__PURE__ */ C(ne, {
+			style: U.flex,
+			behavior: "padding",
+			automaticOffset: !0,
+			children: /* @__PURE__ */ w(x, {
+				style: [U.container, {
+					paddingTop: Math.max(_.top, 16),
+					paddingBottom: _.bottom
+				}],
 				children: [
-					/* @__PURE__ */ E(b, {
-						style: H.header,
+					f && /* @__PURE__ */ C(x, {
+						style: y.absoluteFillObject,
+						children: f
+					}),
+					/* @__PURE__ */ w(x, {
+						style: [U.header, p ? { backgroundColor: p } : void 0],
 						children: [
-							/* @__PURE__ */ T(b, {
-								style: H.headerSide,
-								children: a && /* @__PURE__ */ T(P, {
+							/* @__PURE__ */ C(x, {
+								style: U.headerSide,
+								children: o && /* @__PURE__ */ C(N, {
 									variant: "base",
 									size: "md",
 									accessibilityLabel: "Go back",
-									onPress: a,
-									children: /* @__PURE__ */ T(n, {
-										color: r.fg.secondary,
+									onPress: o,
+									children: /* @__PURE__ */ C(n, {
+										color: t.fg.secondary,
 										direction: "left"
 									})
 								})
 							}),
-							o ? /* @__PURE__ */ T(B, {
+							s ? /* @__PURE__ */ C(k, {
 								variant: "heading",
-								style: H.headerTitle,
-								children: o
-							}) : /* @__PURE__ */ T(b, { style: H.flex }),
-							/* @__PURE__ */ T(b, {
-								style: [H.headerSide, H.headerSideRight],
-								children: /* @__PURE__ */ T(P, {
+								style: U.headerTitle,
+								children: s
+							}) : /* @__PURE__ */ C(x, { style: U.flex }),
+							/* @__PURE__ */ C(x, {
+								style: [U.headerSide, U.headerSideRight],
+								children: /* @__PURE__ */ C(N, {
 									variant: "base",
 									size: "md",
 									accessibilityLabel: "Close",
 									onPress: i,
-									children: /* @__PURE__ */ T(e, {
-										color: r.fg.secondary,
+									disabled: m,
+									children: /* @__PURE__ */ C(e, {
+										color: t.fg.secondary,
 										size: "small"
 									})
 								})
 							})
 						]
 					}),
-					/* @__PURE__ */ T(h, {
-						style: H.flex,
-						contentContainerStyle: H.body,
-						children: s
-					}),
-					c && /* @__PURE__ */ T(b, {
-						style: H.footer,
+					/* @__PURE__ */ C(v, {
+						style: U.flex,
+						contentContainerStyle: U.body,
+						keyboardDismissMode: "on-drag",
+						keyboardShouldPersistTaps: "handled",
 						children: c
+					}),
+					l && /* @__PURE__ */ C(x, {
+						style: U.footer,
+						children: l
 					})
 				]
 			})
 		})
 	});
 }
-var H = g.create({
+var U = y.create({
 	flex: { flex: 1 },
 	container: {
 		flex: 1,
-		backgroundColor: r.bg.base
+		backgroundColor: t.bg.base
 	},
 	header: {
 		flexDirection: "row",
@@ -551,6 +974,7 @@ var H = g.create({
 		textAlign: "center"
 	},
 	body: {
+		flexGrow: 1,
 		paddingHorizontal: 20,
 		paddingBottom: 20
 	},
@@ -558,35 +982,137 @@ var H = g.create({
 		paddingHorizontal: 20,
 		paddingVertical: 24,
 		borderTopWidth: 1,
-		borderTopColor: r.border.default
+		borderTopColor: t.border.default
 	}
-}), U = () => {
-	let [e, t] = c(window.innerWidth <= 768), n = s(window.innerWidth);
-	return o(() => {
-		let e = () => {
-			let e = window.innerWidth;
-			e <= 768 && n.current > 768 ? t(!0) : e > 768 && n.current <= 768 && t(!1), n.current = e;
-		};
-		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, []), e;
-}, W = 1, G = 1e6, K = 0;
-function q() {
-	return K = (K + 1) % (2 ** 53 - 1), K.toString();
+}), W = 24, G = 8, K = 12, Ie = 2 * Math.PI * G, Le = p.createAnimatedComponent(T);
+function Re() {
+	return /* @__PURE__ */ C(D, {
+		width: W,
+		height: W,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ C(T, {
+			cx: K,
+			cy: K,
+			r: G,
+			stroke: t.neutral["800-A16"],
+			strokeWidth: 3,
+			fill: "none"
+		})
+	});
+}
+function ze({ durationMs: e = 1500 }) {
+	let n = d(new p.Value(0)).current;
+	u(() => {
+		n.setValue(0);
+		let t = p.timing(n, {
+			toValue: 1,
+			duration: e,
+			useNativeDriver: !1
+		});
+		return t.start(), () => t.stop();
+	}, [n, e]);
+	let r = n.interpolate({
+		inputRange: [0, 1],
+		outputRange: [Ie, 0]
+	});
+	return /* @__PURE__ */ w(D, {
+		width: W,
+		height: W,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: [/* @__PURE__ */ C(T, {
+			cx: K,
+			cy: K,
+			r: G,
+			stroke: t.neutral["800-A16"],
+			strokeWidth: 3,
+			fill: "none"
+		}), /* @__PURE__ */ C(Le, {
+			cx: K,
+			cy: K,
+			r: G,
+			stroke: t.fg.accent.action,
+			strokeWidth: 3,
+			fill: "none",
+			strokeDasharray: Ie,
+			strokeDashoffset: r,
+			strokeLinecap: "round",
+			rotation: "-90",
+			origin: `${K}, ${K}`
+		})]
+	});
+}
+function Be({ state: e, mode: n = "determinate", durationMs: i }) {
+	switch (e) {
+		case "pending": return /* @__PURE__ */ C(Re, {});
+		case "loading": return n === "indeterminate" ? /* @__PURE__ */ C(j, {
+			size: W,
+			color: t.fg.accent.action,
+			trackColor: t.neutral["800-A16"],
+			duration: i
+		}) : /* @__PURE__ */ C(ze, { durationMs: i });
+		case "complete": return /* @__PURE__ */ C(a, {
+			size: W,
+			color: t.fg.accent.action
+		});
+		case "error": return /* @__PURE__ */ C(r, {
+			size: W,
+			color: t.fg.accent.error
+		});
+	}
+}
+function Ve({ steps: e }) {
+	return /* @__PURE__ */ C(x, {
+		style: q.container,
+		children: e.map((e, n) => /* @__PURE__ */ w(x, {
+			style: q.row,
+			children: [/* @__PURE__ */ C(x, {
+				style: q.iconSlot,
+				children: /* @__PURE__ */ C(Be, {
+					state: e.state,
+					mode: e.mode,
+					durationMs: e.durationMs
+				})
+			}), /* @__PURE__ */ C(k, {
+				variant: "body",
+				color: e.state === "error" ? t.fg.accent.error : void 0,
+				children: e.label
+			})]
+		}, n))
+	});
+}
+var q = y.create({
+	container: { gap: 12 },
+	row: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 12
+	},
+	iconSlot: {
+		width: W,
+		height: W,
+		alignItems: "center",
+		justifyContent: "center"
+	}
+}), He = 1, Ue = 1e6, J = 0;
+function We() {
+	return J = (J + 1) % (2 ** 53 - 1), J.toString();
 }
-var J = /* @__PURE__ */ new Map(), Y = (e) => {
-	if (J.has(e)) return;
+var Y = /* @__PURE__ */ new Map(), Ge = (e) => {
+	if (Y.has(e)) return;
 	let t = setTimeout(() => {
-		J.delete(e), $({
+		Y.delete(e), Q({
 			type: "REMOVE_TOAST",
 			toastId: e
 		});
-	}, G);
-	J.set(e, t);
-}, X = (e, t) => {
+	}, Ue);
+	Y.set(e, t);
+}, Ke = (e, t) => {
 	switch (t.type) {
 		case "ADD_TOAST": return {
 			...e,
-			toasts: [t.toast, ...e.toasts].slice(0, W)
+			toasts: [t.toast, ...e.toasts].slice(0, He)
 		};
 		case "UPDATE_TOAST": return {
 			...e,
@@ -597,8 +1123,8 @@ var J = /* @__PURE__ */ new Map(), Y = (e) => {
 		};
 		case "DISMISS_TOAST": {
 			let { toastId: n } = t;
-			return n ? Y(n) : e.toasts.forEach((e) => {
-				Y(e.id);
+			return n ? Ge(n) : e.toasts.forEach((e) => {
+				Ge(e.id);
 			}), {
 				...e,
 				toasts: e.toasts.map((e) => e.id === n || n === void 0 ? {
@@ -615,24 +1141,24 @@ var J = /* @__PURE__ */ new Map(), Y = (e) => {
 			toasts: e.toasts.filter((e) => e.id !== t.toastId)
 		};
 	}
-}, Z = [], Q = { toasts: [] };
-function $(e) {
-	Q = X(Q, e), Z.forEach((e) => {
-		e(Q);
+}, X = [], Z = { toasts: [] };
+function Q(e) {
+	Z = Ke(Z, e), X.forEach((e) => {
+		e(Z);
 	});
 }
-function ee({ ...e }) {
-	let t = q(), n = (e) => $({
+function qe({ ...e }) {
+	let t = We(), n = (e) => Q({
 		type: "UPDATE_TOAST",
 		toast: {
 			...e,
 			id: t
 		}
-	}), r = () => $({
+	}), r = () => Q({
 		type: "DISMISS_TOAST",
 		toastId: t
 	});
-	return $({
+	return Q({
 		type: "ADD_TOAST",
 		toast: {
 			...e,
@@ -648,19 +1174,224 @@ function ee({ ...e }) {
 		update: n
 	};
 }
-function te() {
-	let [e, t] = a.useState(Q);
-	return a.useEffect(() => (Z.push(t), () => {
-		let e = Z.indexOf(t);
-		e > -1 && Z.splice(e, 1);
+function Je() {
+	let [e, t] = s.useState(Z);
+	return s.useEffect(() => (X.push(t), () => {
+		let e = X.indexOf(t);
+		e > -1 && X.splice(e, 1);
 	}), [e]), {
 		...e,
-		toast: ee,
-		dismiss: (e) => $({
+		toast: qe,
+		dismiss: (e) => Q({
 			type: "DISMISS_TOAST",
 			toastId: e
 		})
 	};
 }
 //#endregion
-export { A as Button, P as IconButton, I as Input, L as Select, V as Sheet, O as Spinner, B as Text, r as colors, i as icons, t as typography, U as useIsMobile, te as useToast };
+//#region src/icons/toast/Error.native.tsx
+function Ye() {
+	return /* @__PURE__ */ C(D, {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ C(E, {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM9 7.58579L7.58579 9L10.5858 12L7.58579 15L9 16.4142L12 13.4142L15 16.4142L16.4142 15L13.4142 12L16.4142 9L15 7.58579L12 10.5858L9 7.58579Z",
+			fill: "#FE4C00"
+		})
+	});
+}
+//#endregion
+//#region src/icons/toast/Info.native.tsx
+function Xe() {
+	return /* @__PURE__ */ C(D, {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ C(E, {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM10 10H13V17H11V12H10V10ZM11 9V7H13V9H11Z",
+			fill: "#9DA7A2"
+		})
+	});
+}
+//#endregion
+//#region src/icons/toast/Success.native.tsx
+function Ze() {
+	return /* @__PURE__ */ C(D, {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ C(E, {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M12 21.9996C17.5228 21.9996 22 17.5225 22 11.9996C22 6.47679 17.5228 1.99963 12 1.99963C6.47715 1.99963 2 6.47679 2 11.9996C2 17.5225 6.47715 21.9996 12 21.9996ZM10.5744 16.4881L16.4073 9.35888L14.8594 8.09241L10.4259 13.5112L8.50015 11.5854L7.08594 12.9996L10.5744 16.4881Z",
+			fill: "#3B872C"
+		})
+	});
+}
+//#endregion
+//#region src/icons/toast/Warning.native.tsx
+function Qe() {
+	return /* @__PURE__ */ C(D, {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ C(E, {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M13.7367 4.53861C12.9689 3.19498 11.0315 3.19498 10.2637 4.53861L1.71007 19.5075C0.948179 20.8408 1.91091 22.4998 3.44656 22.4998H20.5538C22.0895 22.4998 23.0522 20.8408 22.2903 19.5075L13.7367 4.53861ZM11 9.49997H13V15.5H11V9.49997ZM11 17.5H13V19.5H11V17.5Z",
+			fill: "#FEA900"
+		})
+	});
+}
+//#endregion
+//#region src/components/Toaster/Toaster.native.tsx
+var $e = {
+	success: {
+		background: t.sf.light.action,
+		color: t.fg.accent.action
+	},
+	error: {
+		background: t.sf.light.error,
+		color: t.fg.accent.error
+	},
+	info: {
+		background: t.sf.light.tertiary,
+		color: t.fg.base
+	},
+	warning: {
+		background: t.sf.light.warning,
+		color: t.fg.accent.warning
+	}
+};
+function et({ variant: e }) {
+	switch (e) {
+		case "success": return /* @__PURE__ */ C(Ze, {});
+		case "error": return /* @__PURE__ */ C(Ye, {});
+		case "warning": return /* @__PURE__ */ C(Qe, {});
+		default: return /* @__PURE__ */ C(Xe, {});
+	}
+}
+var tt = 5e3;
+function nt({ id: t, title: n, description: r, variant: i = "info", duration: a, onDismiss: o }) {
+	let { background: s, color: c } = $e[i], l = d(new p.Value(0)).current;
+	u(() => {
+		let e = p.timing(l, {
+			toValue: 1,
+			duration: 200,
+			useNativeDriver: !0
+		});
+		return e.start(), () => e.stop();
+	}, [l]);
+	let f = d(o);
+	f.current = o, u(() => {
+		let e = setTimeout(() => f.current(t), a ?? tt);
+		return () => clearTimeout(e);
+	}, [t, a]);
+	let m = l.interpolate({
+		inputRange: [0, 1],
+		outputRange: [16, 0]
+	});
+	return /* @__PURE__ */ w(p.View, {
+		style: [$.card, {
+			backgroundColor: s,
+			opacity: l,
+			transform: [{ translateY: m }]
+		}],
+		children: [
+			/* @__PURE__ */ C(x, {
+				style: $.iconWrapper,
+				children: /* @__PURE__ */ C(et, { variant: i })
+			}),
+			/* @__PURE__ */ w(x, {
+				style: $.content,
+				children: [n && /* @__PURE__ */ C(k, {
+					variant: "label",
+					color: c,
+					children: n
+				}), r && /* @__PURE__ */ C(k, {
+					variant: "body",
+					color: c,
+					style: $.description,
+					children: r
+				})]
+			}),
+			/* @__PURE__ */ C(N, {
+				size: "sm",
+				accessibilityLabel: "Dismiss",
+				onPress: () => o(t),
+				children: /* @__PURE__ */ C(e, {
+					size: "small",
+					color: c
+				})
+			})
+		]
+	});
+}
+function rt() {
+	let { toasts: e, dismiss: t } = Je(), n = re(), r = e.filter((e) => e.open !== !1);
+	return r.length === 0 ? null : /* @__PURE__ */ C(x, {
+		style: [$.container, { bottom: Math.max(n.bottom, 16) }],
+		pointerEvents: "box-none",
+		children: r.map((e) => /* @__PURE__ */ C(nt, {
+			id: e.id,
+			title: e.title,
+			description: e.description,
+			variant: e.variant,
+			duration: e.duration,
+			onDismiss: t
+		}, e.id))
+	});
+}
+var $ = y.create({
+	container: {
+		position: "absolute",
+		left: 0,
+		right: 0,
+		alignItems: "center",
+		paddingHorizontal: 16
+	},
+	card: {
+		width: "100%",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 8,
+		borderRadius: 16,
+		padding: 12,
+		shadowColor: t.black,
+		shadowOpacity: .04,
+		shadowRadius: 16,
+		shadowOffset: {
+			width: 0,
+			height: 0
+		},
+		elevation: 4
+	},
+	iconWrapper: {
+		width: 24,
+		height: 24,
+		alignItems: "center",
+		justifyContent: "center"
+	},
+	content: { flex: 1 },
+	description: { fontSize: 13 }
+}), it = () => {
+	let [e, t] = f(window.innerWidth <= 768), n = d(window.innerWidth);
+	return u(() => {
+		let e = () => {
+			let e = window.innerWidth;
+			e <= 768 && n.current > 768 ? t(!0) : e > 768 && n.current <= 768 && t(!1), n.current = e;
+		};
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), e;
+};
+//#endregion
+export { ae as Badge, se as Button, le as Card, de as Divider, pe as EmptyState, N as IconButton, _e as Input, je as Letter, Me as MenuItem, Ne as RadioCard, Pe as Select, Fe as Sheet, j as Spinner, Ve as StepProgress, k as Text, rt as Toaster, t as colors, o as icons, i as typography, it as useIsMobile, Je as useToast };